/* CLOUDAR / site-wide continuation of the approved graphite + lime direction. */
.topoai-site{--ease-out:cubic-bezier(.16,1,.3,1);--motion-enter:1100ms;background:#090f16;--panel:#101c1c}
.topoai-site .header{height:100px;border-color:#26343b}
.topoai-site .brand{letter-spacing:-.055em;font-size:28px;gap:10px}
.topoai-site .brand img{width:31px;height:31px}
.topoai-site .brand-dot{font-size:25px;margin:0 8px;color:#5c7368}
.brand-subtitle{font-size:8px;letter-spacing:.16em;font-weight:400;line-height:1.6;color:#a7b8be}
.topoai-site .header nav a{position:relative;transition:color .24s}
.topoai-site .header nav a:not(.nav-contact):after{content:'';position:absolute;height:1px;background:var(--lime);bottom:6px;left:0;width:100%;transform:scaleX(0);transform-origin:left;transition:transform .35s var(--ease-out)}
.topoai-site .header nav a:hover:after,.topoai-site .header nav a:focus-visible:after,.topoai-site .header nav a[aria-current]:after{transform:scaleX(1)}
.topoai-site .nav-contact{background:linear-gradient(125deg,#16251d80,transparent);transition:border-color .25s,background .25s}
.topoai-site .nav-contact:hover{border-color:var(--lime);background:#1e2e24}
.topoai-site .button{position:relative;overflow:hidden;box-shadow:0 0 0 #c1ff6600;transition:background .25s,box-shadow .3s,transform .3s var(--ease-out)}
.topoai-site .button>span,.topoai-site .text-link>span{transition:transform .3s var(--ease-out)}
.topoai-site .button:not(:disabled):hover,.topoai-site .button:focus-visible{box-shadow:0 8px 34px #a9f74218;transform:translateY(-3px)}
.topoai-site .button:not(:disabled):hover>span,.topoai-site .text-link:hover>span{transform:translate(3px,-3px)}
.topoai-site .motion-toggle{color:#b5c7bc;background:#0b1517a6;border:1px solid #3a5047;min-height:44px;min-width:118px;display:flex;align-items:center;justify-content:center;gap:8px;font-size:10px;padding:8px;transition:background .25s,border-color .25s}
.topoai-site .motion-toggle:hover{border-color:var(--lime);background:#18291e}
.topoai-site [hidden]{display:none!important}
.topoai-site .proof-band{background:#dce8d6}
.topoai-site .workflow{background:linear-gradient(155deg,#14201e,#090f16 75%)}
.topoai-site .workflow-rows article{transition:background .35s,border-color .35s}
.topoai-site .workflow-rows article:hover{background:#bddf7c05;border-top-color:#668048}
.topoai-site .footer .brand{font-size:34px;letter-spacing:-.05em}
.route-bar{padding:22px var(--pad) 0;display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:66px;color:#a7bab2;font:9px/1.7 Ground,Arial,sans-serif;letter-spacing:.1em}
.route-bar>a{display:flex;align-items:center;gap:15px;min-height:44px;flex-wrap:wrap}
.route-bar>a>span:first-child{color:#5d7568}
.topoai-inner .page-hero{padding-top:48px;padding-bottom:76px;isolation:isolate}
.topoai-inner .page-hero:after{display:none}
.inner-hero{display:grid;grid-template-columns:1.25fr 1fr;gap:7%;align-items:center;background:radial-gradient(ellipse at 86% 50%,#1c342d44,transparent 52%)}
.inner-hero-copy{min-width:0}
.inner-hero h1{font-size:clamp(48px,5.9vw,92px);line-height:1.05;letter-spacing:-.06em;text-wrap:initial}
.inner-hero .eyebrow{font-size:10px;letter-spacing:.12em}
.inner-hero .large-deck{font-size:19px;line-height:1.6;max-width:37ch;margin-top:27px}
.inner-hero .text-link{margin-top:24px;font-size:12px}
.signal-panel{position:relative;min-height:345px;isolation:isolate;overflow:hidden;border:1px solid #3a51413d;background:linear-gradient(155deg,#14271b88,#0b141700);align-self:stretch;display:flex;align-items:end}
.signal-panel:before,.signal-panel:after{content:'';position:absolute;width:14px;height:14px;border-color:#6c8864;pointer-events:none;z-index:2}
.signal-panel:before{top:0;left:0;border-left:1px solid;border-top:1px solid}
.signal-panel:after{right:0;bottom:0;border-right:1px solid;border-bottom:1px solid}
.contour-art{position:absolute;inset:-14% -16% -4%;z-index:-1;opacity:.64;mask-image:linear-gradient(#000 20%,transparent 94%);pointer-events:none}
.contour-art img{width:100%;height:100%;object-fit:cover}
.contour-cross{position:absolute;top:34%;left:48%;font:24px monospace;color:var(--lime)}
.signal-content{width:100%;padding:35px 30px 22px;background:linear-gradient(transparent,#0b1517d9 55%)}
.signal-content .eyebrow{font-size:8px;color:#c3d5be;margin-bottom:18px}
.signal-title{font-size:26px;line-height:1.22;letter-spacing:-.045em;color:#dcebd5;max-width:16ch;margin-bottom:25px}
.signal-nodes{display:flex;gap:12px;justify-content:space-between;border-block:1px solid #385039;padding:17px 0;color:var(--lime);font:10px/1.6 monospace}
.signal-nodes span{min-width:0}
.signal-nodes b{display:block;font:12px/1.6 Ground,Arial,sans-serif;color:#b8c6bb;margin-top:7px}
.signal-foot{display:block;font:8px/1.7 Ground,Arial,sans-serif;letter-spacing:.08em;color:#9bafa4;margin-top:20px}
.signal-ledger{font-size:11px}
.signal-ledger a{display:flex;justify-content:space-between;align-items:center;gap:16px;border-top:1px solid #385039;min-height:44px;color:#b8c6bb;transition:background .3s,padding .3s}
.signal-ledger strong{color:var(--lime);font-weight:400;text-align:right}
.signal-ledger a:hover{background:#c1ff6609;padding-inline:5px}
.people-nodes{align-items:center}.people-nodes span:nth-child(2){font-size:22px;color:#7b9677}
.topoai-inner .evidence-row{scroll-margin-top:28px}
.topoai-inner .evidence-number{color:#7e9a76;font-size:60px;position:relative;line-height:1}
.topoai-inner .evidence-number:after{content:'';display:block;width:34px;height:1px;background:var(--lime);margin-top:24px;opacity:.6}
.topoai-inner .evidence-row h2{letter-spacing:-.045em}
.topoai-inner .badge{background:#a9e46b06}
.topoai-inner .explorer{border-color:#3d5447;background:#0d181a}
.topoai-inner .explorer-toolbar{background:#16241b66}
.topoai-inner .explorer .scan-sweep{display:block;opacity:.5}
.topoai-inner .explorer-visual:after{content:'';position:absolute;inset:0;background:radial-gradient(ellipse,transparent 35%,#0d181a88);pointer-events:none}
.topoai-inner .explorer-info{background:#111c1d}
.topoai-inner .feature-marker{z-index:1}
.topoai-inner .stage-controls button{transition:background .25s,color .25s}
.topoai-inner .scan-image{transition:filter .5s,opacity .5s}
.topoai-inner .portrait{border:1px solid #355143;background:radial-gradient(ellipse at 60% 20%,#284a2f,#111f1a 75%)}
.topoai-inner .portrait.alternate{background:radial-gradient(ellipse at 60% 20%,#294140,#101c20 75%);border-color:#375057}
.topoai-inner .portrait:after{content:'';position:absolute;inset:12%;border:1px solid #b5d3ae30;border-radius:50%;transform:scaleY(.8) rotate(-25deg);pointer-events:none}
.topoai-inner .initials{color:#b3d59e}.topoai-inner .alternate .initials{color:#b2d0cb}
.topoai-inner .portrait-note{font-size:9px;max-width:calc(100% - 48px);line-height:1.6}
.topoai-inner .person-meta h2{font-size:34px}
.topoai-inner .contact-layout{padding-top:48px;background:radial-gradient(ellipse at 20% 16%,#1f38242b,transparent 60%)}
.topoai-inner .contact-layout h1{letter-spacing:-.06em}
.topoai-inner .form-wrap{background:linear-gradient(150deg,#15211e,#10191b 65%);align-self:start;border-color:#3c5145}
.form-availability{display:flex;align-items:center;gap:9px;border-bottom:1px solid #3c5145;padding-bottom:18px;margin-bottom:26px;font-size:9px;letter-spacing:.09em;color:#c3cdb9}
.availability-symbol{color:var(--lime);font:18px/1.4 monospace;flex-shrink:0}
#contact-fields{border:0;padding:0;margin:0;min-width:0}
#contact-fields:disabled input,#contact-fields:disabled textarea,#contact-fields:disabled select{opacity:.6;cursor:not-allowed}
.topoai-site button:disabled{cursor:not-allowed;transform:none;box-shadow:none}
.topoai-site button:disabled:hover{background:var(--lime)}
.topoai-site .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
.topoai-inner .legal{padding-top:55px}
/* No content is hidden waiting for a script or scroll callback. Continuous motion is opt-in. */
.motion-on .inner-hero-copy>*,.motion-on .contact-copy>*{animation:topo-enter 1000ms var(--ease-out) both}
.motion-on .inner-hero-copy h1,.motion-on .contact-copy h1{animation-delay:80ms}
.motion-on .inner-hero-copy .large-deck,.motion-on .contact-copy .large-deck{animation-delay:160ms}
.motion-on .signal-panel{animation:topo-enter 1200ms var(--ease-out) both}
.motion-on .topo-revealed{animation:topo-enter 850ms var(--ease-out) both}
.motion-on .contour-art img{animation:contour-drift 20s ease-in-out infinite alternate}
.motion-on .portrait-grid{animation:portrait-drift 20s ease-in-out infinite alternate}
.topoai-site:not(.motion-on) .scan-sweep{animation:none}
@keyframes topo-enter{from{opacity:.2;transform:translateY(22px)}to{opacity:1;transform:none}}
@keyframes contour-drift{from{transform:translate(-2%,1%) rotate(-4deg) scale(1)}to{transform:translate(2%,-1%) rotate(4deg) scale(1.06)}}
@keyframes portrait-drift{from{transform:rotate(-15deg) scale(1.4) translate(-1%,0)}to{transform:rotate(-10deg) scale(1.4) translate(1%,1%)}}
.topoai-site.motion-paused *,.topoai-site.motion-paused *:before,.topoai-site.motion-paused *:after,.topoai-site.document-hidden *,.topoai-site.document-hidden *:before,.topoai-site.document-hidden *:after,.topoai-site .motion-offscreen *{animation-play-state:paused!important}
.topoai-site.motion-paused *{transition:none!important}
.topoai-site.motion-paused .topo-revealed,.topoai-site.motion-paused .inner-hero-copy>*,.topoai-site.motion-paused .contact-copy>*,.topoai-site.motion-paused .signal-panel{animation:none!important;opacity:1;transform:none}
@media(min-width:901px) and (max-width:1200px){.topoai-site .brand-subtitle{display:none}.topoai-site .brand-dot{display:none}.inner-hero{gap:4%;grid-template-columns:1.15fr 1fr}.inner-hero h1{font-size:5.8vw}.signal-content{padding:26px 22px 20px}.signal-title{font-size:24px}.inner-hero .large-deck{font-size:17px}}
@media(max-width:900px){
 .topoai-site .header{height:78px}.topoai-site .brand{font-size:26px}.topoai-site .brand img{width:28px;height:28px}.topoai-site .brand-subtitle{display:none}.topoai-site .brand-dot{font-size:20px;margin:0 2px}
 .route-bar{padding-top:16px;min-height:60px;font-size:8px;gap:10px}.route-bar>a{gap:9px}.route-bar .motion-toggle{min-width:108px;font-size:9px}
 .topoai-inner .page-hero{padding-top:34px;padding-bottom:48px}.inner-hero{grid-template-columns:1fr;gap:34px}.inner-hero h1{font-size:clamp(44px,9.8vw,76px);letter-spacing:-.055em}.inner-hero .large-deck{font-size:18px;margin-top:22px}.inner-hero .eyebrow{font-size:9px;margin-bottom:22px}.inner-hero .text-link{margin-top:16px}
 .signal-panel{min-height:270px;max-width:680px;width:100%}.signal-content{padding:25px}.signal-content .eyebrow{font-size:8px;margin-bottom:14px}.signal-title{font-size:27px;max-width:none;margin-bottom:22px}.contour-art{inset:-45% -8% -20%;mask-image:linear-gradient(#000,transparent 90%)}
 .signal-nodes{justify-content:flex-start;gap:55px}.signal-foot{margin-top:15px}.signal-ledger{max-width:480px}.people-nodes{justify-content:space-between;gap:15px}
 .topoai-inner .evidence-number{font-size:34px}.topoai-inner .evidence-number:after{width:22px;margin-top:15px}.topoai-inner .contact-layout{padding-top:34px}
}
@media(max-width:420px){.route-bar>a{max-width:145px;font-size:7px;gap:7px}.inner-hero h1{font-size:clamp(38px,10.5vw,46px)}.inner-hero .large-deck{font-size:17px}.signal-content{padding:25px 21px 20px}.signal-title{font-size:25px}.signal-nodes{justify-content:space-between;gap:10px}.signal-foot{font-size:7px}.topoai-inner .evidence-number{font-size:28px;display:flex;align-items:center;gap:18px}.topoai-inner .evidence-number:after{margin:0;width:38px}.topoai-inner .person-meta h2{font-size:30px}.topoai-inner .portrait-note{font-size:8px}.form-availability{font-size:8px}}
@media(max-width:280px){.topoai-site .header{height:auto;min-height:100px}.topoai-site .brand{font-size:20px}.topoai-site .brand img,.topoai-site .brand-dot{display:none}.route-bar{flex-wrap:wrap;gap:5px}.route-bar>a{max-width:none;min-height:30px}.inner-hero h1{font-size:30px}.signal-content{padding:20px 12px}.signal-title{font-size:22px}.signal-nodes{flex-direction:column;gap:14px}.people-nodes{align-items:start}.signal-ledger a{align-items:start;flex-direction:column;padding:12px 0;gap:5px}.signal-ledger strong{text-align:left}.topoai-inner .person-meta h2{font-size:25px}.topoai-inner .portrait-note{left:10px;right:10px;max-width:none}.topoai-site .footer .brand{font-size:24px}}
@media(prefers-reduced-motion:reduce){.topoai-site *,.topoai-site *:before,.topoai-site *:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.topoai-site .motion-toggle{display:none!important}.topoai-site .scan-sweep{display:none!important}}

/* Form-only / navigation and reading polish. Content remains native and always readable. */
html:has(body.motion-paused){scroll-behavior:auto}
.topoai-site [id]{scroll-margin-top:28px}
.topoai-site main:focus{outline:none}
.contact-guidance{border-top:1px solid var(--line);margin-top:36px;padding-top:25px;max-width:42ch}
.contact-guidance .eyebrow{display:block;margin-bottom:14px}
.contact-guidance p{font-size:14px;color:var(--muted)}
.topoai-site .workflow-rows article{position:relative;padding-inline:16px;border-left:2px solid transparent}
.topoai-site .workflow-current{border-left-color:var(--lime)!important;background:#c1ff6607}
.topoai-site .workflow-current .step{color:#e4ffc0}
.topoai-site .footer-links a{display:flex;align-items:center;min-height:44px}
.topoai-site .layer-controls label{min-height:44px}
.topoai-site input,.topoai-site select,.topoai-site textarea{font-size:16px}
@media(max-width:900px){.topoai-site .header nav.is-open{top:100%;max-height:calc(100dvh - 78px);overflow-y:auto}.topoai-site .workflow-rows article{padding-inline:10px}}
