:root{color-scheme:dark;--bg:#060914;--surface:#0b1020;--surface-2:#10172a;--line:rgba(169,196,255,.13);--text:#f1f5ff;--muted:#9aa8c4;--cyan:#75e8ec;--violet:#9b82ff;--blue:#657cfa;--container:1260px}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:90px}
body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;-webkit-font-smoothing:antialiased}
body::before{content:"";position:fixed;inset:0;z-index:-2;background:radial-gradient(ellipse 55% 45% at 72% 5%,rgba(46,58,139,.22),transparent 70%),radial-gradient(ellipse 55% 55% at 0 50%,rgba(34,59,105,.12),transparent 72%),#060914;pointer-events:none}
body::after{content:"";position:fixed;inset:0;z-index:-1;background-image:linear-gradient(rgba(180,203,255,.023) 1px,transparent 1px),linear-gradient(90deg,rgba(180,203,255,.023) 1px,transparent 1px);background-size:72px 72px;mask-image:linear-gradient(to bottom,black,transparent 70%);pointer-events:none}
a{color:inherit;text-decoration:none}
button{font:inherit}
svg{display:block}
::selection{background:#8d79e5;color:#fff}
.container{width:min(var(--container),calc(100% - 96px));margin-inline:auto}
.skip-link{position:absolute;left:16px;top:-100px;z-index:1000;padding:12px 18px;background:#fff;color:#111827;border-radius:8px}.skip-link:focus{top:12px}
:focus-visible{outline:2px solid var(--cyan);outline-offset:4px}
.site-shell{overflow:hidden}
.site-header{position:sticky;top:0;z-index:50;border-bottom:1px solid rgba(181,205,255,.09);background:rgba(6,9,20,.78);backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px)}
.header-inner{height:84px;display:flex;align-items:center;justify-content:space-between;gap:30px}
.brand{display:inline-flex;align-items:center;gap:13px;flex:none}
.brand-symbol{width:38px;height:38px;display:grid;place-items:center;color:#b5b3ff;filter:drop-shadow(0 0 10px rgba(132,119,255,.42))}.brand-symbol svg{width:100%;height:100%}
.brand-copy{display:flex;flex-direction:column;gap:3px}.brand-copy strong{font-size:17px;line-height:1;letter-spacing:.06em;font-weight:800}.brand-copy strong span{font-weight:400;color:#d3d8e8}.brand-copy small{font-family:Consolas,monospace;color:#7d8aa6;font-size:8px;letter-spacing:.26em;white-space:nowrap}
.site-nav{display:flex;align-items:center;gap:37px}.site-nav>a{font-size:13px;font-weight:500;color:#b9c3d9;transition:color .2s}.site-nav>a:hover{color:#fff}.site-nav .nav-contact{padding:12px 16px;border:1px solid rgba(157,173,230,.21);border-radius:5px;color:#e8eeff;white-space:nowrap}.nav-contact span{margin-left:16px;color:var(--cyan)}
.menu-toggle{display:none}
.hero{min-height:690px;display:grid;grid-template-columns:49% 51%;align-items:center;position:relative;padding-top:43px;padding-bottom:55px}
.hero::before{content:"";position:absolute;width:390px;height:390px;left:-245px;top:88px;background:radial-gradient(circle,rgba(32,86,131,.13),transparent 65%);pointer-events:none}
.hero-copy{position:relative;z-index:2;padding-bottom:15px}
.eyebrow,.section-kicker,.card-phase,.label-kicker,.hero-footnote,.art-caption,.section-divider,.question-index,.footer-eyebrow{font-family:Consolas,"Courier New",monospace;letter-spacing:.13em}
.eyebrow{display:flex;align-items:center;gap:12px;margin-bottom:32px;color:var(--cyan);font-size:10px;white-space:nowrap}.live-dot,.mini-dot{width:6px;height:6px;border-radius:50%;background:#6ee7dc;box-shadow:0 0 12px #5fe6df;display:inline-block;flex:none}.live-dot{animation:pulse 2.3s ease-in-out infinite}.eyebrow-index{color:#65728b;margin-left:3px}
.hero h1{font-size:clamp(58px,5.5vw,91px);line-height:1.17;letter-spacing:-.07em;margin:0;font-weight:740;white-space:nowrap}.hero h1 span,.section-heading h2 span,.method h2 span,.footer-main h2 span{background:linear-gradient(95deg,#fff 4%,#91caff 48%,#b6a1ff 93%);-webkit-background-clip:text;background-clip:text;color:transparent}
.hero-description{font-size:16px;line-height:2;color:#aab6ce;max-width:480px;margin:31px 0 36px}
.hero-actions{display:flex;gap:13px;flex-wrap:wrap}.button{min-height:53px;padding:0 23px;display:inline-flex;align-items:center;justify-content:center;gap:24px;border-radius:5px;font-size:13px;font-weight:650;transition:transform .2s,background .2s,border-color .2s}.button:hover{transform:translateY(-3px)}.button span{font-size:18px;font-weight:400}.button-primary{background:#c8eff9;color:#07111c;box-shadow:0 10px 34px rgba(93,212,235,.16)}.button-primary:hover{background:#e0f9ff}.button-secondary{border:1px solid rgba(177,195,234,.24);color:#dbe5f8;background:rgba(255,255,255,.025)}.button-secondary:hover{border-color:rgba(177,218,239,.65);background:rgba(255,255,255,.055)}
.hero-footnote{display:flex;align-items:center;gap:18px;margin-top:73px;font-size:9px;color:#71809e;white-space:nowrap}.hero-footnote .rule{width:35px;height:1px;background:#5f738f}.hero-footnote i{font-style:normal;color:#48627d;margin:0 8px}
.hero-art{position:relative;height:610px;margin-right:-55px;isolation:isolate;display:grid;place-items:center}.hero-art::before{content:"";position:absolute;inset:6%;border-radius:50%;background:radial-gradient(circle,rgba(100,126,234,.22) 0,rgba(77,63,183,.14) 30%,transparent 68%);filter:blur(30px)}.art-grid{position:absolute;width:510px;height:510px;border-radius:50%;background-image:linear-gradient(rgba(147,174,239,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(147,174,239,.055) 1px,transparent 1px);background-size:34px 34px;mask-image:radial-gradient(circle,black,transparent 70%)}.art-scan{position:absolute;width:490px;height:490px;border-radius:50%;background:conic-gradient(from 5deg,transparent 0 67%,rgba(103,146,253,.13) 79%,transparent 93%);animation:spin 17s linear infinite}.orbital{position:absolute;border-radius:50%;pointer-events:none}.orbital-outer{width:530px;height:530px;border:1px solid rgba(119,139,205,.16);box-shadow:inset 0 0 35px rgba(87,105,192,.04)}.orbital-outer::before,.orbital-outer::after{content:"";position:absolute;width:4px;height:4px;background:#98dff2;border-radius:50%;box-shadow:0 0 10px #95dff7}.orbital-outer::before{top:33px;left:130px}.orbital-outer::after{right:39px;bottom:122px}.orbital-middle{width:438px;height:438px;border:1px dashed rgba(170,177,241,.2);animation:spin 70s linear infinite}.orbital-inner{width:350px;height:350px;border:1px solid rgba(175,198,255,.14);box-shadow:0 0 60px rgba(109,96,210,.09)}.axis{position:absolute;background:linear-gradient(90deg,transparent,rgba(137,160,229,.11),transparent)}.axis-horizontal{height:1px;width:580px}.axis-vertical{height:580px;width:1px;background:linear-gradient(transparent,rgba(137,160,229,.11),transparent)}.orbit-point{position:absolute;width:8px;height:8px;border:2px solid #95d7f0;border-radius:50%;box-shadow:0 0 13px #59afee}.point-one{transform:translate(160px,-198px)}.point-two{transform:translate(-216px,138px);width:5px;height:5px}.point-three{transform:translate(225px,120px);width:5px;height:5px;border-color:#ae99ff}
.core-halo{position:absolute;width:320px;height:320px;border-radius:50%;background:radial-gradient(circle,rgba(102,104,238,.35) 0,rgba(78,104,217,.17) 45%,transparent 70%);filter:blur(31px);animation:breathe 6s ease-in-out infinite}.core{position:absolute;width:275px;height:275px;border-radius:50%;overflow:hidden;background:radial-gradient(circle at 37% 30%,#618ce5 0%,#384dba 26%,#20296a 57%,#101a43 83%);border:1px solid rgba(189,213,255,.47);box-shadow:inset -30px -25px 45px rgba(4,9,34,.64),inset 8px 8px 35px rgba(179,226,255,.15),0 0 42px rgba(107,100,241,.42),0 0 105px rgba(67,108,208,.25)}.core::before{content:"";position:absolute;inset:-15%;border-radius:50%;background:repeating-radial-gradient(ellipse at 50% 50%,transparent 0 14px,rgba(175,211,255,.2) 15px,transparent 16px 27px);transform:rotate(-26deg) scaleX(.75);mix-blend-mode:screen}.core::after{content:"";position:absolute;inset:0;border-radius:50%;background:linear-gradient(135deg,rgba(229,249,255,.27),transparent 24%,transparent 60%,rgba(8,17,71,.35))}.core-lines{position:absolute;inset:-10%;border-radius:50%;background:repeating-linear-gradient(158deg,transparent 0 24px,rgba(189,222,255,.13) 25px,transparent 26px 47px);mask-image:radial-gradient(circle,transparent 0 11%,black 30%)}.core-sheen{position:absolute;width:90px;height:240px;left:57px;top:-38px;transform:rotate(35deg);background:linear-gradient(90deg,transparent,rgba(174,217,255,.17),transparent);filter:blur(15px)}.core-center{position:absolute;inset:85px;border-radius:50%;background:radial-gradient(circle,rgba(171,223,255,.36),rgba(121,158,255,.08) 35%,transparent 70%);filter:blur(14px)}
.art-label{position:absolute;z-index:2;border:1px solid rgba(174,195,247,.16);background:rgba(12,20,43,.72);box-shadow:0 13px 50px rgba(0,0,0,.19);backdrop-filter:blur(12px);border-radius:5px;display:flex;flex-direction:column}.art-label-top{top:75px;right:2px;width:168px;padding:15px 17px}.art-label-left{left:10px;top:195px;width:152px;padding:15px 17px}.art-label-bottom{right:13px;bottom:119px;width:170px;padding:15px 17px}.label-kicker{font-size:8px;color:#7f9abb;margin-bottom:9px}.art-label strong{font:700 12px Consolas,monospace;letter-spacing:.07em;color:#e3edff}.art-label small{font-size:10px;color:#8f9db7;margin-top:6px}.art-label-bottom strong{display:flex;align-items:center;gap:7px;font-size:11px}.mini-dot{width:5px;height:5px}.art-caption{position:absolute;bottom:23px;font-size:9px;color:#637796;white-space:nowrap}.art-caption span{margin:0 5px;color:#89a4bf}
.section-divider{display:flex;align-items:center;gap:20px;padding-block:0 16px;color:#6a7895;font-size:9px}.divider-line{height:1px;flex:1;background:linear-gradient(90deg,rgba(151,182,232,.26),rgba(151,182,232,.06))}
.section-pad{padding-top:128px;padding-bottom:136px}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:60px;margin-bottom:52px}.section-kicker{display:flex;align-items:center;gap:11px;margin:0 0 22px;color:#7ddce4;font-size:10px;font-weight:600}.kicker-square{width:7px;height:7px;border:1px solid #7ddce4;transform:rotate(45deg);display:inline-block;flex:none}.section-heading h2,.method h2{font-size:clamp(43px,4.1vw,66px);line-height:1.22;letter-spacing:-.06em;font-weight:720;margin:0}.section-intro{max-width:330px;color:#98a6bf;font-size:14px;line-height:1.9;margin:0 0 8px}
.roadmap-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.roadmap-card{min-height:350px;padding:24px;display:flex;flex-direction:column;justify-content:space-between;position:relative;overflow:hidden;border:1px solid var(--line);border-radius:8px;background:linear-gradient(155deg,rgba(26,35,63,.85),rgba(10,16,33,.82) 70%);transition:transform .28s,border-color .28s,box-shadow .28s}.roadmap-card:hover{transform:translateY(-6px);border-color:rgba(135,186,236,.45);box-shadow:0 24px 60px rgba(0,0,0,.2)}.roadmap-card::before{content:"";position:absolute;inset:0 0 auto;height:2px;background:linear-gradient(90deg,transparent,var(--accent),transparent);opacity:.75}.card-one{--accent:#71e2e6}.card-two{--accent:#8fa7ff}.card-three{--accent:#ba9bff}.card-four{--accent:#7bcdbd}.card-top{display:flex;align-items:start;justify-content:space-between}.card-number{font:400 41px/1 Consolas,monospace;color:rgba(184,206,255,.21);letter-spacing:-.08em}.card-icon{width:47px;height:47px;display:grid;place-items:center;border:1px solid rgba(168,193,245,.17);border-radius:7px;color:var(--accent);background:rgba(137,157,241,.04)}.card-icon svg{width:26px;height:26px;stroke:currentColor;stroke-width:1.3;stroke-linecap:round;stroke-linejoin:round}.card-phase{font-size:9px;color:var(--accent);margin:0 0 12px}.roadmap-card h3{font-size:20px;letter-spacing:-.035em;margin:0 0 12px}.card-description{font-size:12px;line-height:1.9;color:#9aa7bf;margin:0}.card-tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:24px}.card-tags span{font-size:10px;color:#9cacc9;border:1px solid rgba(174,195,242,.11);border-radius:3px;padding:5px 7px;background:rgba(255,255,255,.017)}
.questions-section{position:relative;border-top:1px solid rgba(165,190,240,.1);border-bottom:1px solid rgba(165,190,240,.1);background:linear-gradient(110deg,rgba(20,30,57,.67),rgba(11,17,35,.88) 55%,rgba(15,23,49,.9));overflow:hidden}.questions-section::before{content:"";position:absolute;width:650px;height:650px;right:-280px;top:0;border-radius:50%;border:1px solid rgba(125,155,228,.09);box-shadow:0 0 0 80px rgba(124,150,219,.018),0 0 0 160px rgba(124,150,219,.013)}.questions-inner{position:relative;padding-top:117px;padding-bottom:119px}.questions-heading{margin-bottom:52px}.question-list{border-top:1px solid rgba(175,197,243,.18)}.question-row{display:grid;grid-template-columns:125px 1fr 36px;align-items:center;gap:24px;min-height:149px;padding:24px 1px;border-bottom:1px solid rgba(175,197,243,.15);transition:background .2s,padding .2s}.question-row:hover{background:rgba(166,186,237,.035);padding-left:14px;padding-right:14px}.question-index{font-size:10px;color:#73dce4;align-self:start;padding-top:8px}.question-row h3{font-size:21px;letter-spacing:-.025em;font-weight:600;margin:0 0 10px}.question-row p{font-size:12px;line-height:1.8;color:#96a4be;margin:0}.question-arrow{font-size:24px;color:#7288ad;align-self:start;text-align:right;transition:color .2s,transform .2s}.question-row:hover .question-arrow{color:#91e4e8;transform:translate(3px,-3px)}
.method{padding-top:131px;padding-bottom:150px}.method-panel{position:relative;overflow:hidden;min-height:435px;padding:62px 68px 59px;border:1px solid rgba(167,194,243,.19);border-radius:9px;background:radial-gradient(circle at 76% 40%,rgba(75,72,150,.25),transparent 34%),linear-gradient(120deg,#121d38,#0b1228 63%,#0d1630)}.method-panel::before{content:"";position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(rgba(177,207,255,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(177,207,255,.045) 1px,transparent 1px);background-size:39px 39px;mask-image:linear-gradient(90deg,transparent 45%,black)}.method-content{position:relative;z-index:2}.method h2{font-size:clamp(40px,4vw,63px)}.method-content>p:last-child{max-width:510px;color:#a7b4cb;font-size:14px;line-height:1.9;margin:24px 0 0}.method-steps{position:relative;z-index:2;display:flex;align-items:center;gap:26px;margin-top:45px}.method-steps div{display:flex;flex-direction:column;gap:5px;min-width:106px}.method-steps div span{font:10px Consolas,monospace;color:#75dce1}.method-steps strong{font-size:16px;font-weight:600}.method-steps small{font-size:11px;color:#8293b0}.method-steps i{font-style:normal;font-size:23px;font-weight:200;color:#7483a5;transform:translateY(-3px)}.method-decor{position:absolute;right:11%;top:14%;width:280px;height:280px;border:1px solid rgba(148,169,243,.15);border-radius:50%;box-shadow:0 0 0 34px rgba(148,169,243,.025),0 0 0 84px rgba(148,169,243,.018)}.method-decor::after{content:"";position:absolute;inset:28%;border:1px dashed rgba(148,169,243,.25);border-radius:50%}.method-decor span{position:absolute;width:5px;height:5px;background:#8ce7eb;border-radius:50%;box-shadow:0 0 15px #8ce7eb}.method-decor span:nth-child(1){top:35px;left:39px}.method-decor span:nth-child(2){bottom:21px;right:47px}.method-decor span:nth-child(3){top:50%;left:50%;transform:translate(-50%,-50%);width:34px;height:34px;background:radial-gradient(circle,#e1f6ff,#7a8cef 32%,#302d77 75%);box-shadow:0 0 48px #7187f2}
.site-footer{border-top:1px solid rgba(152,182,228,.12);background:#080d1b}.footer-main{min-height:290px;padding-top:66px;padding-bottom:65px;display:flex;justify-content:space-between;align-items:end}.footer-eyebrow{font-size:10px;color:#77d7df;margin:0 0 21px}.footer-main h2{font-size:clamp(37px,4.1vw,62px);line-height:1.25;letter-spacing:-.06em;margin:0}.back-top{width:50px;height:50px;border:1px solid rgba(185,204,240,.24);border-radius:50%;display:grid;place-items:center;font-size:21px;transition:background .2s,transform .2s}.back-top:hover{background:rgba(158,191,233,.12);transform:translateY(-4px)}.footer-bottom{display:flex;align-items:center;justify-content:space-between;min-height:90px;gap:20px;border-top:1px solid rgba(152,182,228,.12)}.footer-brand{display:flex;align-items:center;gap:16px}.footer-brand strong{font-size:12px;letter-spacing:.1em}.footer-brand span{font-size:11px;color:#7383a0}.footer-meta{display:flex;align-items:center;gap:27px;color:#7888a5;font-size:11px}.footer-meta a{color:#a6b6d1;transition:color .2s}.footer-meta a:hover{color:#9beaf1;text-decoration:underline}
@keyframes spin{to{transform:rotate(360deg)}}@keyframes breathe{50%{transform:scale(1.13);opacity:.75}}@keyframes pulse{50%{opacity:.45;box-shadow:0 0 3px #5fe6df}}
@media(max-width:1100px){.container{width:min(var(--container),calc(100% - 64px))}.hero h1{font-size:clamp(55px,6.1vw,76px)}.hero-art{margin-right:-100px;transform:scale(.86)}.roadmap-grid{grid-template-columns:repeat(2,1fr)}.roadmap-card{min-height:300px}.site-nav{gap:23px}}
@media(max-width:800px){.header-inner{height:74px}.menu-toggle{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;width:42px;height:42px;border:1px solid rgba(173,194,231,.24);border-radius:5px;background:rgba(255,255,255,.025);color:#fff;cursor:pointer}.menu-toggle span{height:1px;width:19px;background:currentColor;transition:transform .2s}.menu-toggle[aria-expanded="true"] span:first-child{transform:translateY(3.5px) rotate(45deg)}.menu-toggle[aria-expanded="true"] span:last-child{transform:translateY(-3.5px) rotate(-45deg)}.site-nav{position:absolute;top:73px;left:0;right:0;padding:22px 32px 27px;background:#0b1122;border-bottom:1px solid var(--line);display:none;align-items:stretch;gap:0;flex-direction:column;box-shadow:0 25px 45px rgba(0,0,0,.3)}.site-nav.is-open{display:flex}.site-nav>a{padding:13px 4px;font-size:14px}.site-nav .nav-contact{margin-top:8px;padding:13px}.hero{grid-template-columns:1fr;min-height:0;padding-top:85px;padding-bottom:50px}.hero-copy{max-width:640px}.hero h1{font-size:clamp(60px,10vw,83px)}.hero-art{height:520px;margin:0 auto;width:600px;max-width:100%;transform:scale(.88);transform-origin:center}.hero-footnote{margin-top:48px}.section-pad{padding-top:100px;padding-bottom:110px}.section-heading{align-items:start;flex-direction:column;gap:20px}.section-intro{max-width:560px}.questions-inner{padding-block:100px}.method-decor{right:-25px;opacity:.5}}
@media(max-width:600px){html{scroll-padding-top:74px}.container{width:calc(100% - 40px)}.brand-symbol{width:34px;height:34px}.brand-copy strong{font-size:15px}.brand-copy small{font-size:7px}.hero{padding-top:76px;padding-bottom:14px}.eyebrow{font-size:8px;letter-spacing:.1em;gap:9px;margin-bottom:25px}.hero h1{font-size:clamp(49px,12.2vw,68px);white-space:normal}.hero-description{font-size:14px;line-height:1.9;margin:24px 0 28px}.hero-actions{gap:10px}.button{width:100%;min-height:52px;justify-content:space-between}.hero-footnote{font-size:8px;margin-top:39px;gap:10px}.hero-art{height:360px;width:480px;left:50%;margin-left:-240px;max-width:none;transform:scale(.62);transform-origin:center center;margin-top:-28px;margin-bottom:-26px}.art-label-top{right:18px}.art-label-left{left:14px}.art-label-bottom{right:17px}.section-divider{font-size:8px;gap:10px}.section-divider span:last-child{white-space:nowrap}.section-pad{padding-top:84px;padding-bottom:90px}.section-kicker{font-size:8px;letter-spacing:.11em;margin-bottom:19px}.section-heading h2{font-size:clamp(38px,9.7vw,52px)}.method h2{font-size:clamp(32px,8.2vw,38px)}.section-heading{margin-bottom:34px}.section-intro{font-size:13px;line-height:1.8}.roadmap-grid{grid-template-columns:1fr;gap:12px}.roadmap-card{min-height:280px;padding:23px}.card-number{font-size:36px}.card-description{font-size:12px}.questions-inner{padding-block:83px}.questions-heading{margin-bottom:34px}.question-row{grid-template-columns:1fr 24px;gap:8px;min-height:0;padding:26px 0}.question-index{grid-column:1/-1;padding:0;margin-bottom:5px}.question-row h3{font-size:18px}.question-row p{font-size:12px}.question-arrow{grid-column:2;grid-row:2}.method-panel{min-height:0;padding:38px 25px 36px}.method-content>p:last-child{font-size:13px;margin-top:18px}.method-decor{width:180px;height:180px;right:-65px;top:25px;opacity:.25}.method-steps{gap:10px;justify-content:space-between;margin-top:36px}.method-steps div{min-width:0}.method-steps strong{font-size:14px}.method-steps small{font-size:9px;white-space:nowrap}.method-steps i{font-size:17px}.footer-main{min-height:240px;padding-block:55px}.footer-main h2{font-size:clamp(34px,8.8vw,47px)}.back-top{width:42px;height:42px;flex:none}.footer-bottom{align-items:start;flex-direction:column;justify-content:center;gap:17px;padding-block:25px}.footer-meta{width:100%;justify-content:space-between;gap:12px;font-size:10px}.footer-brand span{font-size:10px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}
