.vision-page{--g-bg:#04342c;--g-mid:#085041;--g-text:#9fe1cb;--g-light:#e1f5ee;--vbg:#f4f6f9;--vborder:#e4e8ee;--vbody:#4a5868;--vmuted:#7a8696;--ease:cubic-bezier(.16, 1, .3, 1);--ease-soft:cubic-bezier(.22, 1, .36, 1);background:var(--g-bg);display:block}.vision-page .btn-green{background:var(--g-text);color:var(--g-bg);letter-spacing:-.005em;border-radius:999px;padding:14px 28px;font-size:14px;font-weight:600;transition:opacity .15s,transform .15s;display:inline-block}.vision-page .btn-green:hover{opacity:.88;transform:translateY(-1px)}.vision-page .vh{background:var(--g-bg);min-height:100vh;color:var(--g-light);align-items:center;padding:120px 56px 88px;display:flex;position:relative;overflow:hidden}.vision-page .vh-bg{pointer-events:none;position:absolute;inset:0}.vision-page .vh-bg svg{width:100%;height:100%;display:block}.vision-page .vh-bg:after{content:"";background:radial-gradient(115% 100% at 16% 46%,#031c1700 30%,#031c179e 82%);position:absolute;inset:0}.vision-page .vh-glow{pointer-events:none;background:radial-gradient(55% 55% at 84% 16%,#9fe1cb12,#0000 70%),radial-gradient(52% 60% at 10% 90%,#2d6be421,#0000 72%);position:absolute;inset:0}.vision-page .vh-inner{width:100%;max-width:1180px;margin:0 auto;position:relative}.vision-page .vh-eyebrow{font-family:var(--font-mono);letter-spacing:.16em;text-transform:uppercase;color:var(--g-text);margin-bottom:28px;font-size:12px;font-weight:600;display:block}.vision-page .vh-h1{letter-spacing:-.04em;color:var(--g-light);text-wrap:balance;max-width:15ch;margin:0 0 30px;font-size:clamp(42px,6.4vw,88px);font-weight:600;line-height:1}.vision-page .vh-desc{color:#9fe1cbb8;text-wrap:pretty;max-width:50ch;margin:0 0 40px;font-size:clamp(16px,1.5vw,19px);line-height:1.7}.vision-page .wb-track{background:var(--vbg);height:420vh;position:relative}.vision-page .wb-stage{height:100vh;position:sticky;top:0;overflow:hidden}.vision-page .wb-head{z-index:3;grid-template-columns:3px minmax(0,1fr);align-items:center;column-gap:40px;width:100%;max-width:1080px;padding:0 56px;display:grid;position:absolute;top:92px;left:50%;transform:translate(-50%)}.vision-page .wb-label{font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--vmuted);grid-column:2;font-size:11px;font-weight:600}.vision-page .wb-stage-inner{align-items:center;display:flex;position:absolute;inset:0}.vision-page .wb-wrap{grid-template-columns:3px minmax(0,1fr);align-items:stretch;column-gap:40px;width:100%;max-width:1080px;margin:0 auto;padding:0 56px;display:grid}.vision-page .wb-progress{background:var(--vborder);border-radius:3px;width:3px;position:relative}.vision-page .wb-progress-fill{background:var(--ink);border-radius:3px;width:100%;height:0;transition:height .1s linear;position:absolute;top:0;left:0}.vision-page .wb-list{flex-direction:column;display:flex}.vision-page .wb-item{border-top:1px solid var(--vborder)}.vision-page .wb-item:last-child{border-bottom:1px solid var(--vborder)}.vision-page .wb-item-head{grid-template-columns:62px minmax(0,1fr);align-items:center;column-gap:26px;padding:22px 0;display:grid}.vision-page .wb-num{font-family:var(--font-mono);color:var(--vmuted);letter-spacing:.04em;transition:color .35s var(--ease);font-size:13px;font-weight:600}.vision-page .wb-title{letter-spacing:-.032em;color:var(--vmuted);text-wrap:balance;transition:color .35s var(--ease);margin:0;font-size:clamp(23px,2.7vw,35px);font-weight:700;line-height:1.08}.vision-page .wb-item.is-active .wb-num{color:var(--accent)}.vision-page .wb-item.is-active .wb-title{color:var(--ink)}.vision-page .wb-item-body{transition:grid-template-rows .55s var(--ease);grid-template-rows:0fr;display:grid}.vision-page .wb-item-body>div{min-height:0;overflow:hidden}.vision-page .wb-item.is-active .wb-item-body{grid-template-rows:1fr}.vision-page .wb-body{color:var(--vbody);text-wrap:pretty;opacity:0;max-width:58ch;transition:opacity .45s var(--ease) 60ms, transform .5s var(--ease) 60ms;margin:0;padding:0 0 26px 88px;font-size:clamp(16px,1.4vw,19px);line-height:1.62;transform:translateY(8px)}.vision-page .wb-item.is-active .wb-body{opacity:1;transform:none}.vision-page .vsec{border-top:1px solid #9fe1cb24;padding:72px 0}.vision-page .vsec-inner{max-width:1080px;margin:0 auto;padding:0 56px}.vision-page .vsec-dark{background:var(--g-bg);color:var(--g-light)}.vision-page .vsec-label{font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--g-text);margin-bottom:14px;font-size:11px;font-weight:600;display:block}.vision-page .vsec-heading{letter-spacing:-.03em;color:var(--g-light);text-wrap:balance;max-width:28ch;margin:0 0 12px;font-size:clamp(24px,2.6vw,36px);font-weight:600;line-height:1.08}.vision-page .vsec-body{color:#9fe1cba8;text-wrap:pretty;margin:0;font-size:15px;line-height:1.65}.vision-page .il{border:1px solid #9fe1cb2e;border-radius:14px;margin-top:28px;overflow:hidden}.vision-page .il svg{width:100%;display:block}.vision-page .brain-diagram{background:radial-gradient(120% 130% at 50% 46%,#0a4538 0%,#06352b 48%,#03231d 100%);border:1px solid #9fe1cb38;border-radius:16px;margin-top:32px;position:relative;overflow:hidden;box-shadow:inset 0 1px #9fe1cb1a,0 22px 60px -28px #0009}.vision-page .brain-diagram svg{width:100%;display:block}.vision-page .brain-node{cursor:pointer}.vision-page .brain-node rect{transition:fill .2s,stroke .2s,stroke-width .2s}.vision-page .brain-node:hover rect{fill:#0d5a49eb;stroke:#9fe1cb;stroke-width:1.6px}.vision-page .brain-node:hover .node-label{fill:#ecfbf4}.vision-page .brain-node:hover .node-dot{fill:#e1f5ee}.vision-page #pipeline{border-top:0;height:460vh;padding-top:56px}.vision-page #capability{height:300vh}.vision-page .pin-track{position:relative}.vision-page .pin-stage{align-items:center;height:100vh;display:flex;position:sticky;top:0;overflow:hidden}.vision-page .pin-stage-inner{width:100%}.vision-page .pin-wrap{grid-template-columns:3px minmax(0,1fr);align-items:stretch;column-gap:40px;max-width:1080px;margin:0 auto;padding:0 56px;display:grid}.vision-page .pin-progress{background:#9fe1cb29;border-radius:3px;width:3px;position:relative}.vision-page .pin-progress-fill{background:#9fe1cb;border-radius:3px;width:100%;height:0;transition:height .1s linear;position:absolute;top:0;left:0}.vision-page .pin-content{min-width:0}.vision-page .pin-head{justify-content:space-between;align-items:baseline;gap:16px;display:flex}.vision-page .pin-head .vsec-label{margin-bottom:0}.vision-page .pin-track .vsec-heading{margin-top:14px}.vision-page .pin-track .vsec-body{max-width:62ch}.vision-page .pin-track .brain-diagram{margin-top:20px}.vision-page .brain-diagram.is-jacked .brain-node{opacity:.14;transition:opacity .55s var(--ease)}.vision-page .brain-diagram.is-jacked .brain-node.is-on{opacity:1}.vision-page .brain-diagram.is-jacked .brain-streams{transition:opacity .45s linear}.vision-page .brain-diagram svg{height:clamp(280px,50vh,520px)}.vision-page .pin-il{margin-top:20px}.vision-page .pin-il svg{width:100%;height:clamp(260px,46vh,460px);display:block}.vision-page .cap-overlay{opacity:0;transition:opacity .55s var(--ease)}.vision-page .cap-overlay.is-on{opacity:1}.vision-page .cap-pulse{opacity:0;transform-box:fill-box;transform-origin:50%;pointer-events:none}.vision-page .cap-pulse.go{animation:capPulse .8s var(--ease)}@keyframes capPulse{0%{opacity:.5;transform:scale(.45)}to{opacity:0;transform:scale(1.7)}}.vision-page .cap-bg-flash{opacity:0;pointer-events:none}.vision-page .cap-bg-flash.go{animation:.9s ease-out capFlash}@keyframes capFlash{0%{opacity:0}24%{opacity:1}to{opacity:0}}.vision-page .cap-eye.go{animation:.7s ease-out capEye}@keyframes capEye{0%{opacity:.16}32%{opacity:.95}to{opacity:.16}}.vision-page .cap-fx{opacity:0;pointer-events:none}.vision-page .cap-fx.go{animation:capFxFade 1.9s var(--ease)}@keyframes capFxFade{0%{opacity:0}11%{opacity:1}78%{opacity:1}to{opacity:0}}.vision-page .cap-fx-pop{transform-box:fill-box;transform-origin:50%}.vision-page .cap-fx.go .cap-fx-pop{animation:capFxPop 1.9s var(--ease)}@keyframes capFxPop{0%{transform:scale(.4)}12%{transform:scale(1.14)}22%{transform:scale(1)}to{transform:scale(1)}}.vision-page .fx-cross{transform-box:fill-box;transform-origin:50%}.vision-page .cap-fx.go .fx-cross{animation:fxCross .7s var(--ease)}@keyframes fxCross{0%{opacity:0;transform:rotate(-90deg)}55%{opacity:1}to{transform:rotate(0)}}.vision-page .fx-needle{transform-box:fill-box;transform-origin:50% 100%}.vision-page .cap-fx.go .fx-needle{animation:fxNeedle 1s var(--ease) .2s both}@keyframes fxNeedle{0%{transform:rotate(-78deg)}55%{transform:rotate(46deg)}to{transform:rotate(18deg)}}.vision-page .fx-check{stroke-dasharray:26;stroke-dashoffset:26px}.vision-page .cap-fx.go .fx-check{animation:fxCheck .55s var(--ease) .25s forwards}@keyframes fxCheck{to{stroke-dashoffset:0}}.vision-page .fx-alert{transform-box:fill-box;transform-origin:50%}.vision-page .cap-fx.go .fx-alert{animation:.5s ease-in-out .18s 2 fxAlert}@keyframes fxAlert{0%,to{transform:rotate(0)}25%{transform:rotate(-7deg)}75%{transform:rotate(7deg)}}.vision-tip{z-index:200;border:1px solid var(--vborder);pointer-events:none;opacity:0;background:#fff;border-radius:10px;max-width:230px;padding:12px 16px;transition:opacity .18s,transform .18s;position:fixed;transform:translateY(5px);box-shadow:0 4px 24px #0d1b2a1a}.vision-tip.visible{opacity:1;transform:translateY(0)}.vision-tip strong{color:var(--ink);margin-bottom:5px;font-size:13px;font-weight:600;display:block}.vision-tip p{color:var(--vbody);margin:0;font-size:12px;line-height:1.55}.vision-page .vsec-light{background:var(--vbg);color:var(--ink);border-top:1px solid var(--vborder);box-sizing:border-box;padding:96px 0}.vision-page .vsec-light .vsec-label{color:var(--accent)}.vision-page .vsec-light .vsec-heading{color:var(--ink);max-width:20ch;font-size:clamp(26px,2.9vw,38px)}.vision-page .vsec-light .vsec-body{color:var(--vbody);max-width:62ch;font-size:clamp(15px,1.3vw,17px);line-height:1.6}.vision-page .phases{margin-top:40px}.vision-page .phase{border-top:1px solid var(--vborder);grid-template-columns:170px 1fr;gap:40px;padding:24px 0;display:grid}.vision-page .phase:last-child{border-bottom:1px solid var(--vborder)}.vision-page .phase-n{font-family:var(--font-mono);color:var(--accent);letter-spacing:.06em;align-items:center;gap:8px;padding-top:10px;font-size:13px;display:inline-flex}.vision-page .phase-title{letter-spacing:-.025em;color:var(--ink);margin:0 0 10px;font-size:clamp(23px,2.5vw,33px);font-weight:600;line-height:1.08}.vision-page .phase-body{color:var(--vbody);max-width:56ch;margin:0;font-size:clamp(15px,1.2vw,17px);line-height:1.55}.vision-page .live-dot{background:var(--accent);border-radius:50%;flex:none;width:9px;height:9px;position:relative;box-shadow:0 0 0 3px #1f8a5b29}.vision-page .live-dot:after{content:"";background:var(--accent);border-radius:50%;position:absolute;inset:0}@media (prefers-reduced-motion:no-preference){.vision-page .live-dot:after{animation:1.9s ease-out infinite livePulse}.vision-page .live-dot{animation:1.9s ease-in-out infinite liveCore}}@keyframes livePulse{0%{opacity:.55;transform:scale(1)}80%,to{opacity:0;transform:scale(3.2)}}@keyframes liveCore{0%,to{opacity:1}50%{opacity:.55}}.vision-page .an{opacity:0;filter:blur(9px);transition:opacity 1.05s var(--ease), transform 1.15s var(--ease), filter 1.05s var(--ease);will-change:opacity, transform, filter;transform:translateY(30px)}.vision-page .an.in{opacity:1;filter:blur();transform:none}.vision-page .an-mask{opacity:0;clip-path:inset(0 0 112%);transition:opacity .9s var(--ease-soft), transform 1.2s var(--ease), clip-path 1.2s var(--ease);will-change:opacity, transform, clip-path;transform:translateY(38px)}.vision-page .an-mask.in{opacity:1;clip-path:inset(0 0 -14%);transform:none}@media (prefers-reduced-motion:reduce){.vision-page .an,.vision-page .an-mask{opacity:1!important;filter:none!important;clip-path:none!important;transition:none!important;transform:none!important}.vision-page .cap-pulse.go,.vision-page .cap-bg-flash.go,.vision-page .cap-eye.go,.vision-page .cap-fx.go,.vision-page .cap-fx.go .cap-fx-pop,.vision-page .cap-fx.go .fx-cross,.vision-page .cap-fx.go .fx-needle,.vision-page .cap-fx.go .fx-check,.vision-page .cap-fx.go .fx-alert{animation:none}}@media (max-width:960px){.vision-page .vsec-inner{padding:0 32px}.vision-page .phase{grid-template-columns:1fr;gap:10px}.vision-page .phase-n{padding-top:0}.vision-page .vsec-light{padding:72px 0;display:block}}@media (max-width:860px){.vision-page .wb-track{height:460vh}.vision-page .wb-wrap{column-gap:22px;padding:0 28px}.vision-page .wb-item-head{grid-template-columns:40px minmax(0,1fr);column-gap:16px;padding:18px 0}.vision-page .wb-body{padding-left:56px}.vision-page .wb-head{column-gap:22px;padding:0 28px;top:84px}.vision-page #pipeline{height:520vh}.vision-page #capability{height:340vh}.vision-page .pin-wrap{column-gap:22px;padding:0 28px}}@media (max-width:560px){.vision-page .vh{padding:110px 24px 80px}.vision-page .vsec-inner{padding:0 20px}.vision-page .vsec{padding:64px 0}}
