.previewNotice{padding:9px 24px;color:var(--accent);background:#05121d;border-bottom:1px solid var(--line);font:300 11px var(--font);letter-spacing:.1em;display:flex;justify-content:space-between;gap:16px}.previewNotice span{color:var(--muted)}
.previewSection{width:var(--content-grid);margin:60px auto 80px}.previewTitle{font:300 clamp(26px,3vw,46px)/1.25 var(--font);letter-spacing:.025em;margin:0 0 30px}.previewChoiceGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.previewChoice{position:relative;text-align:left;color:var(--text);background:var(--panel);border:1px solid var(--line);padding:28px;cursor:pointer;transition:border-color .2s,background .2s}.previewChoice:hover,.previewChoice[aria-pressed=true]{border-color:var(--accent);background:linear-gradient(135deg,rgba(0,229,255,.08),var(--panel))}.previewNumber{display:block;color:var(--accent);font:300 12px var(--font);letter-spacing:.08em}.previewChoice svg{width:36px;height:36px;color:var(--accent);margin:25px 0 10px}.previewChoice h3{font:300 24px var(--font);margin:10px 0}.previewChoice p{font:16px/1.65 var(--sans);color:#b9c8d4;max-width:34ch}.previewArrow{color:var(--accent);font-size:26px}.previewChoiceResult{display:flex;justify-content:space-between;align-items:center;gap:25px;margin-top:22px}.previewChoiceResult p{color:#b9c8d4;font:15px/1.6 var(--sans)}
.previewSectionHead{display:flex;justify-content:space-between;align-items:end;gap:24px}.previewCaseControls{display:flex;align-items:center;gap:16px;margin-bottom:30px;white-space:nowrap;color:var(--accent);font:13px var(--font)}.previewCaseControls button{width:42px;height:42px;border:1px solid var(--line);color:var(--accent);background:var(--panel);font-size:22px;cursor:pointer}.previewCase{display:grid;grid-template-columns:1.45fr 1fr;border:1px solid var(--line);background:var(--panel)}.previewCase[hidden]{display:none}.previewCaseCopy{padding:36px;border-left:1px solid var(--line)}.previewCaseCopy h3{font:300 clamp(24px,2.4vw,36px)/1.25 var(--font);margin:24px 0 15px}.previewTags{color:var(--accent);font:14px var(--sans)}.previewCaseCopy dl{display:grid;grid-template-columns:85px 1fr;gap:18px 15px;margin:30px 0;font:15px/1.65 var(--sans)}.previewCaseCopy dd{margin:0;color:#b9c8d4}.previewCaseNote{font:13px/1.6 var(--sans);color:var(--muted);margin-top:14px}.previewWorkspace,.previewPortal,.previewAI{padding:25px;min-width:0;background:radial-gradient(ellipse at 85% 15%,rgba(0,229,255,.1),transparent 65%),#05111b}.previewMockTop{font:11px var(--font);color:var(--accent);display:flex;justify-content:space-between;gap:15px;padding-bottom:20px;border-bottom:1px solid var(--line)}.previewMockTop span{color:var(--muted)}.previewMockBody{display:grid;grid-template-columns:100px 1fr;gap:20px;margin-top:20px}.previewMockBody nav{display:flex;flex-direction:column;gap:25px;font:12px var(--sans);color:var(--muted);padding-top:20px}.previewMockBody nav b{color:var(--accent)}.previewMockBody h3{font:20px var(--font);display:flex;justify-content:space-between;gap:10px}.previewMockBody h3 small{font:9px var(--font);color:var(--accent)}.previewMockRow{display:flex;align-items:center;gap:14px;border-bottom:1px solid var(--line);padding:18px 0;font:12px var(--sans)}.previewMockRow i{font-style:normal;padding:9px;background:rgba(0,229,255,.1);color:var(--accent)}.previewMockRow b{flex:1}.previewMockRow small{display:block;color:var(--muted);font-weight:400;margin-top:5px}.previewMockRow em{font:8px var(--font);color:var(--accent)}.previewChart{padding:20px 0;color:var(--accent);font:9px var(--font)}.previewChart svg{width:100%;height:80px;background:repeating-linear-gradient(0deg,transparent,transparent 19px,rgba(0,229,255,.07) 20px)}.previewPortal{background:linear-gradient(90deg,rgba(2,8,14,.92),rgba(2,8,14,.38)),url('/assets/img/nav-cloud.jpg') center/cover}.previewPortal h3,.previewAI h3{font:300 clamp(25px,2.5vw,38px)/1.25 var(--font);margin:55px 0 20px}.previewPortal p,.previewAI p{color:#b9c8d4;font:15px var(--sans)}.previewPortalTiles{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:45px}.previewPortalTiles span{padding:18px 10px;border:1px solid var(--line);background:#05131de6;color:var(--accent);font-size:22px}.previewPortalTiles b{display:block;font:11px var(--font);color:var(--text);margin-top:12px}.previewAINodes{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:50px;font:11px var(--font);color:var(--accent)}.previewAINodes span{padding:22px 12px;border:1px solid var(--line);background:rgba(0,229,255,.04)}
.previewPrinciples{padding:32px;border:1px solid var(--line);background:var(--panel)}.previewPrinciples article{display:flex;gap:20px;padding:24px 0;border-bottom:1px solid var(--line)}.previewPrinciples svg{width:30px;height:30px;flex:none;color:var(--accent)}.previewPrinciples h3{font:300 23px var(--font);margin:0 0 10px}.previewPrinciples p{font:15px/1.65 var(--sans);color:#b9c8d4;margin:0}.previewPrinciples .btn{margin-top:28px;font-size:12px}.previewAboutMore summary{cursor:pointer;color:var(--accent);font:300 15px var(--font);padding:10px 0 20px;list-style:none}.previewAboutMore summary span{margin-left:15px}.previewAboutMore[open] summary span{display:none}.previewFormNotice{color:var(--accent);font:14px/1.6 var(--sans);border:1px solid var(--line);padding:15px} .previewChoice:focus-visible,.previewCaseControls button:focus-visible{outline:2px solid var(--core);outline-offset:4px}
@media(max-width:1000px){.previewChoiceGrid{grid-template-columns:1fr}.previewChoice{display:grid;grid-template-columns:50px 1fr;gap:5px 20px}.previewChoice .previewNumber{grid-column:1/-1}.previewChoice svg{grid-row:2/4;margin:15px 0}.previewChoice p{max-width:none;margin:0}.previewArrow{display:none}.previewCase{grid-template-columns:1fr}.previewCaseCopy{border-left:0;border-top:1px solid var(--line)}.previewSectionHead{display:block}.previewChoiceResult{align-items:start;flex-direction:column}}
@media(max-width:720px){.previewTitle{font:300 28px/1.3 var(--font)!important}.previewSection{width:100%;margin-top:45px;margin-bottom:55px}.previewNotice{font-size:9px;padding:10px}.previewNotice span{max-width:45%;text-align:right}.previewCaseCopy{padding:24px}.previewMockBody{grid-template-columns:1fr}.previewMockBody nav{display:none}.previewMockTop span{display:none}.previewPortalTiles{grid-template-columns:repeat(2,1fr)}.previewAINodes{font-size:9px;gap:5px}.previewAINodes span{padding:18px 7px}.previewPrinciples{padding:24px}.previewCaseCopy dl{grid-template-columns:1fr;gap:8px}.previewCaseCopy dd{margin-bottom:12px}}
.previewCaseTabs{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:20px}.previewCaseTabs button{border:1px solid var(--line);background:var(--panel);color:var(--muted);padding:12px 20px;font:300 13px var(--font);cursor:pointer}.previewCaseTabs button[aria-pressed=true],.previewCaseTabs button:hover{color:var(--accent);border-color:var(--accent);background:rgba(0,229,255,.07)}.previewConceptCase{align-items:start}.previewCaseVisual{position:relative;overflow:hidden;background:#03101a;min-width:0;touch-action:pan-y}.previewCaseVisual img{width:100%;height:auto;aspect-ratio:3/2;object-fit:cover;display:block;transition:transform .7s ease,filter .7s ease}.previewCaseVisual:hover img{transform:scale(1.025);filter:brightness(1.08)}.previewVisualCaption{position:absolute;bottom:0;left:0;right:0;padding:45px 25px 22px;background:linear-gradient(transparent,rgba(2,8,14,.94));display:flex;justify-content:space-between;align-items:end;gap:15px;color:var(--accent);font:300 11px var(--font);letter-spacing:.08em}.previewVisualCaption b{font:300 22px var(--font);color:white}.previewCaseDetails{margin:24px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:16px 0}.previewCaseDetails summary{display:flex;justify-content:space-between;cursor:pointer;color:var(--accent);font:300 12px var(--font);list-style:none}.previewCaseDetails summary::-webkit-details-marker{display:none}.previewCaseDetails[open] summary span{transform:rotate(45deg)}.previewSolutionSteps article{display:flex;gap:14px;margin-top:22px}.previewSolutionSteps article>span{color:var(--accent);font:12px var(--font);padding-top:4px}.previewSolutionSteps h4{font:300 17px var(--font);margin:0 0 8px}.previewSolutionSteps p{color:var(--muted);font:14px/1.65 var(--sans);margin:0}.previewConceptDisclaimer{font:12px/1.6 var(--sans);color:var(--muted);margin-top:22px}.previewCase.is-entering{animation:caseReveal .45s ease both}@keyframes caseReveal{from{opacity:.3;transform:translateY(10px)}to{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){.previewCase.is-entering{animation:none}.previewCaseVisual img{transition:none}.previewCaseVisual:hover img{transform:none}}@media(max-width:720px){.previewCaseTabs button{font-size:11px;padding:10px 12px}.previewVisualCaption b{font-size:18px}.previewVisualCaption{font-size:9px}}