@charset "UTF-8";
:root{--bg:#09151a;--card:#102329;--line:#284046;--text:#eaf5f2;--muted:#94aba9;--mint:#a8efd5}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:95px}body{margin:0;background:var(--bg);color:var(--text);font:15px/1.8 "Segoe UI","Microsoft YaHei",sans-serif}a{color:inherit;text-decoration:none}a:hover{color:var(--mint)}button{font:inherit}a:focus-visible,summary:focus-visible{outline:2px solid var(--mint);outline-offset:5px}.wrap{width:min(1160px,calc(100% - 56px));margin:auto}header{border-bottom:1px solid var(--line);background:#09151af2;position:sticky;top:0;z-index:10}.nav{min-height:85px;display:flex;align-items:center;gap:35px}.brand{display:flex;align-items:center;gap:12px}.brand img{width:38px;height:38px}.brand b{font-size:24px;letter-spacing:1px}.brand small{font-size:10px;letter-spacing:2px;color:var(--muted)}nav{display:flex;gap:30px;margin-left:auto;font-size:13px;color:#b3c7c4}.nav-label{font-size:10px;letter-spacing:2px;border-left:1px solid var(--line);padding-left:25px;color:#819e98}.btn{display:inline-flex;align-items:center;justify-content:center;gap:26px;border:0;border-radius:5px;padding:13px 24px;min-height:50px;background:var(--mint);color:#0a2722;font-weight:600;font-size:13px;cursor:pointer}.btn:disabled{opacity:1;cursor:default}.btn.outline{border:1px solid #42615e;color:#d3e8df;background:transparent}.intro{padding:65px 0 0;text-align:center;background:radial-gradient(ellipse at 50% 50%,#225a4c33,transparent 65%);overflow:hidden}.kicker{font-size:10px;letter-spacing:3px;color:#a8cfbd}.kicker span{display:inline-block;width:6px;height:6px;border-radius:50%;background:#b2f0cc;margin-right:10px}h1{font-size:clamp(38px,4.6vw,64px);letter-spacing:-2px;line-height:1.3;margin:22px 0}h1 em{font-style:normal;color:var(--mint)}p{margin:0;color:var(--muted)}.lead{font-size:15px;line-height:2}.actions{display:flex;gap:14px;justify-content:center;margin-top:27px}.device-line{font-size:11px;color:#7e9b93;margin-top:19px;letter-spacing:1px}.workspace{position:relative;width:min(870px,100%);margin:45px auto 0;background:#102229;border:1px solid #38574f;border-radius:13px 13px 0 0;box-shadow:0 -10px 100px #91f5cf08;text-align:left}.window-head{display:flex;align-items:center;justify-content:space-between;padding:14px 20px;border-bottom:1px solid var(--line);font-size:10px;color:#72978b;letter-spacing:1px}.window-dots{display:flex;gap:6px}.window-dots i{height:6px;width:6px;background:#476b60;border-radius:50%}.window-head>span:last-child{color:#a1c5b4}.window-body{display:grid;grid-template-columns:170px 1fr 210px;min-height:280px}.sidebar{padding:25px 18px;border-right:1px solid var(--line);font-size:11px;color:#849f98}.sidebar strong{display:block;color:#dfebe4;font-size:13px;margin-bottom:24px}.sidebar span{display:block;padding:9px 10px;margin:6px 0}.sidebar .selected{background:#1c3a35;color:var(--mint);border-radius:4px}.connection{text-align:center;padding:22px 12px}.connection>small{font-size:10px;color:#759d8d;letter-spacing:2px}.connection h2{font-size:21px;margin:8px 0 17px;font-weight:500}.power{margin:auto;display:grid;place-items:center;width:96px;height:96px;background:radial-gradient(circle,#2f6a52,#17382f);border:1px solid #69aa87;border-radius:50%;box-shadow:0 0 0 11px #4c876614,0 0 0 23px #4c876608;color:#b7efd1;font-size:36px}.connection>p{font-size:11px;margin-top:26px}.window-aside{padding:24px 20px;border-left:1px solid var(--line)}.aside-label{font-size:10px;letter-spacing:1px;color:#83a89a}.route{padding:13px 0;border-bottom:1px solid #29433a;display:flex;justify-content:space-between;font-size:12px;color:#c5d9cd}.route span{color:#86b19c;font-size:10px}.window-aside p{font-size:10px;margin-top:18px;line-height:1.8}.demo-caption{margin:12px 0 0;font-size:10px;color:#627f72;letter-spacing:1px}.index-strip{border-block:1px solid var(--line);background:#0c1c20}.strip-grid{display:grid;grid-template-columns:repeat(3,1fr)}.strip-grid a{display:flex;align-items:center;gap:20px;padding:24px 25px;border-right:1px solid var(--line)}.strip-grid a:first-child{padding-left:0}.strip-grid a:last-child{border:0}.strip-grid b{font-size:11px;font-weight:400;color:#98b7a5}.strip-grid strong{font-size:13px;font-weight:500}.strip-grid span{margin-left:auto;color:#9cbaa9}.section{padding:84px 0}.section-top{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:32px}.section-top h2,.guide-copy h2{font-size:32px;line-height:1.5;letter-spacing:-.7px;margin:12px 0 0}.section-top>p{max-width:330px;font-size:13px}.editorial-grid{display:grid;grid-template-columns:1.35fr 1fr;gap:20px}.story{border:1px solid var(--line);background:var(--card);padding:34px;border-radius:9px}.story.large{grid-row:span 2;position:relative;overflow:hidden;min-height:395px}.story small{font-size:10px;letter-spacing:2px;color:#92bca3}.story h3{font-size:24px;font-weight:500;margin:13px 0 14px;line-height:1.5}.story p{font-size:13px;max-width:340px}.story:not(.large){padding:27px 30px}.story:not(.large) h3{font-size:19px;margin:7px 0}.journey-graphic{position:absolute;bottom:30px;left:34px;right:34px;display:flex;align-items:center;justify-content:space-between}.journey-graphic:before{content:"";position:absolute;left:25px;right:25px;top:26px;height:1px;background:#55836d}.journey-graphic div{position:relative;text-align:center;font-size:10px;color:#87ab95}.journey-graphic b{display:grid;place-items:center;width:54px;height:54px;border:1px solid #4a7f66;border-radius:50%;background:#19372d;font-size:20px;color:#b9e8ce;margin-bottom:8px}.guide-section{border-block:1px solid var(--line);background:#0c1d20}.guide{display:grid;grid-template-columns:.8fr 1.2fr;gap:90px;align-items:start}.guide-copy p{font-size:13px;margin:18px 0 24px}.timeline{list-style:none;margin:0;padding:0}.timeline li{display:flex;gap:24px;padding:0 0 27px;margin-bottom:25px;border-bottom:1px solid var(--line)}.timeline li:last-child{border:0;margin-bottom:0;padding-bottom:0}.timeline b{font-size:12px;color:var(--mint);font-weight:400;padding-top:4px}.timeline h3{font-size:17px;font-weight:500;margin:0 0 8px}.timeline p{font-size:13px}.question-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.question-grid article{padding:28px;border:1px solid var(--line);border-radius:8px}.question-grid h3{font-size:16px;font-weight:500;margin:0 0 12px}.question-grid p{font-size:13px}.end-panel{text-align:center;background:linear-gradient(120deg,#234436,#10282a);border:1px solid #3b5f4e;border-radius:10px;padding:43px 25px;margin-bottom:75px}.end-panel h2{font-size:30px;margin:0 0 12px;font-weight:500}.end-panel p{font-size:13px}.end-panel .actions{margin-top:25px}footer{border-top:1px solid var(--line);padding:32px 0 23px}.footer-top{display:flex;align-items:center;justify-content:space-between;gap:25px}.footer-links{display:flex;gap:30px;font-size:12px;color:#92a89d}.footer-bottom{display:flex;justify-content:space-between;gap:20px;font-size:10px;color:#688478;margin-top:25px;padding-top:20px;border-top:1px solid var(--line)}@media(max-width:850px){.nav{gap:20px}.nav-label{display:none}nav{gap:22px}.guide{gap:40px}.window-body{grid-template-columns:135px 1fr 180px}.story.large{min-height:430px}}@media(max-width:600px){.wrap{width:calc(100% - 36px)}.nav{min-height:72px;gap:12px}.brand b{font-size:21px}.brand small{display:none}.brand img{width:32px;height:32px}nav{gap:15px;font-size:11px}nav .desktop{display:none}.intro{padding-top:42px}h1{font-size:39px;letter-spacing:-1.3px}.lead{font-size:13px}.kicker{font-size:9px;letter-spacing:2px}.btn{padding:12px 18px;gap:15px;font-size:12px}.workspace{margin-top:34px}.window-head{padding:12px;font-size:9px}.window-body{grid-template-columns:1fr 125px;min-height:260px}.sidebar{display:none}.window-aside{padding:22px 12px}.connection{padding-top:23px}.connection h2{font-size:18px}.power{height:79px;width:79px;font-size:30px}.connection>small{font-size:8px}.connection>p{font-size:10px}.route{font-size:11px;gap:3px}.window-aside p{font-size:9px}.strip-grid{grid-template-columns:1fr}.strip-grid a,.strip-grid a:first-child{padding:16px 0;border-right:0;border-bottom:1px solid var(--line)}.strip-grid strong{font-size:12px}.section{padding:55px 0}.section-top{display:block}.section-top h2,.guide-copy h2{font-size:27px}.section-top>p{margin-top:15px}.editorial-grid,.guide,.question-grid{grid-template-columns:1fr}.story.large{min-height:355px}.story{padding:27px}.journey-graphic{left:27px;right:27px}.story h3{font-size:23px}.guide{gap:35px}.question-grid article{padding:25px}.end-panel{padding:35px 20px;margin-bottom:50px}.end-panel h2{font-size:24px}.footer-top,.footer-bottom{flex-direction:column;align-items:start;gap:18px}.footer-links{gap:25px}.device-line{font-size:9px;letter-spacing:0}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
