:root{--ink:#07101d;--ink2:#0c1a2b;--paper:#f4f6f9;--white:#fff;--text:#0c1728;--muted:#647184;--line:#ced6e1;--blue:#2357ff;--cyan:#56d9ff;--lime:#d8ff51;--max:1180px;--radius:6px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--text);background:var(--paper);font-family:Inter,"PingFang SC","Microsoft YaHei",sans-serif;letter-spacing:0}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}.shell{width:min(calc(100% - 48px),var(--max));margin:auto}.topbar{position:fixed;z-index:30;top:0;left:0;right:0;height:70px;padding:0 max(24px,calc((100vw - var(--max))/2));display:grid;grid-template-columns:1fr auto auto;gap:34px;align-items:center;color:white;background:rgba(4,12,23,.84);border-bottom:1px solid rgba(255,255,255,.14);backdrop-filter:blur(16px)}.brand{display:flex;align-items:center;gap:12px}.brand span{width:38px;height:38px;display:grid;place-items:center;color:var(--ink);background:var(--lime);font-size:13px;font-weight:900}.brand b{font-size:14px}.topbar nav{display:flex;gap:26px;font-size:12px;color:#c8d3e3}.icon-button{width:38px;height:38px;border:1px solid #41516a;border-radius:4px;color:white;background:#102037;cursor:pointer}.hero{position:relative;min-height:760px;color:white;background:var(--ink);overflow:hidden}.hero-media,.hero-shade{position:absolute;inset:0}.hero-media{background:radial-gradient(circle at 72% 40%,#1d4d88 0,#0b2039 32%,#07101d 70%)}.screen{position:absolute;border:1px solid rgba(121,172,255,.42);background:linear-gradient(135deg,rgba(42,100,255,.14),rgba(5,18,35,.7));box-shadow:0 30px 100px rgba(0,0,0,.45)}.screen-one{right:6%;top:19%;width:43%;height:49%;transform:perspective(900px) rotateY(-11deg)}.screen-two{right:24%;top:36%;width:29%;height:34%;transform:perspective(900px) rotateY(11deg);background:repeating-linear-gradient(0deg,rgba(85,217,255,.13) 0 1px,transparent 1px 38px)}.signal{position:absolute;right:14%;top:30%;width:27%;height:2px;background:var(--cyan);box-shadow:0 80px 0 rgba(86,217,255,.5),0 160px 0 rgba(86,217,255,.25)}.hero-shade{background:linear-gradient(90deg,rgba(4,12,23,.98) 0,rgba(4,12,23,.88) 46%,rgba(4,12,23,.22) 80%)}.hero-copy{position:relative;z-index:2;padding-top:172px}.eyebrow,.section-head>p,.section-index{color:var(--cyan);font-size:11px;font-weight:850;letter-spacing:1.7px}.hero h1{max-width:790px;margin:24px 0 25px;font-size:68px;line-height:1.04}.hero h1 em{color:var(--lime);font-style:normal}.lead{max-width:690px;margin:0;color:#bbc8da;font-size:18px;line-height:1.8}.actions{display:flex;gap:12px;margin-top:38px}.button{min-height:48px;padding:0 22px;display:inline-flex;align-items:center;justify-content:center;border:1px solid transparent;border-radius:4px;font-weight:800;cursor:pointer}.primary{color:white;background:var(--blue)}.ghost{color:white;border-color:#56667e;background:rgba(12,29,50,.55)}.secondary{color:var(--text);border-color:var(--line);background:white}.truth{display:flex;gap:30px;margin-top:62px;color:#94a5bb;font-size:11px}.truth span:before{content:"";display:inline-block;width:5px;height:5px;margin-right:9px;background:var(--cyan)}.band{background:var(--lime)}.band-grid{min-height:86px;display:grid;grid-template-columns:auto 1fr auto;gap:32px;align-items:center}.band-grid b{font-size:18px}.band-grid p{margin:0;color:#3c4828}.band-grid span{font-size:11px}.section{padding:110px 0}.light{background:var(--paper)}.dark{color:white;background:var(--ink)}.section-head{display:grid;grid-template-columns:130px 1fr .7fr;gap:36px;align-items:end;margin-bottom:54px}.section-head p,.section-head h2,.section-head span{margin:0}.section-head h2{font-size:46px}.section-head span{color:var(--muted);font-size:14px;line-height:1.7}.dark .section-head span{color:#9eacc0}.route-grid{display:grid;grid-template-columns:repeat(5,1fr);border:1px solid var(--line)}.route-grid article{min-height:300px;padding:26px 22px;display:flex;flex-direction:column;border-right:1px solid var(--line);background:white}.route-grid article:last-child{border:0}.route-grid i{color:var(--blue);font-size:11px;font-weight:850;font-style:normal}.route-grid b{margin-top:62px;font-size:22px;line-height:1.25}.route-grid p{color:var(--muted);font-size:13px;line-height:1.7}.route-grid em{margin-top:auto;color:var(--blue);font-size:11px;font-weight:800;font-style:normal}.cases{display:grid;grid-template-columns:repeat(5,1fr);border:1px solid #304158}.cases>*{min-height:320px;padding:28px 22px;display:flex;flex-direction:column;border-right:1px solid #304158;background:var(--ink2)}.cases>*:last-child{border:0}.cases span{color:var(--cyan);font-size:11px}.cases b{margin-top:70px;font-size:21px}.cases p{color:#9eacc0;font-size:13px;line-height:1.75}.cases i{margin-top:auto;color:var(--lime);font-size:11px;font-style:normal}.challenge-section{background:#e8edf4}.challenge-layout{display:grid;grid-template-columns:.72fr 1.28fr;gap:68px}.challenge-intro h2{margin:18px 0;font-size:46px}.challenge-intro>p:not(.section-index){color:var(--muted);line-height:1.8}.profile-form{display:grid;gap:14px;margin-top:34px}.profile-form label{display:grid;gap:7px;color:var(--muted);font-size:11px}.profile-form input,.profile-form select{height:50px;padding:0 14px;border:1px solid #b9c4d2;border-radius:4px;background:white}.profile-card{position:relative;margin-top:22px;padding:24px;color:white;background:var(--ink);border-left:4px solid var(--lime)}.profile-card small,.profile-card span{display:block;color:#8fa0b7}.profile-card strong{display:block;margin:15px 0 5px;font-size:25px}.profile-card div{position:absolute;right:24px;bottom:22px;text-align:right}.profile-card div b{display:block;color:var(--lime);font-size:34px}.profile-card div i{color:#8fa0b7;font-size:10px;font-style:normal}.challenge-board{display:grid;gap:12px}.mission{display:grid;grid-template-columns:46px 1fr auto;gap:18px;align-items:start;padding:24px;border:1px solid #c4ceda;background:white}.mission>span{width:38px;height:38px;display:grid;place-items:center;color:var(--blue);background:#e8eeff;font-size:11px;font-weight:900}.mission b{font-size:18px}.mission p{margin:7px 0 12px;color:var(--muted);font-size:12px}.mission textarea{width:100%;min-height:76px;padding:11px;border:1px solid #ccd4de;border-radius:3px;resize:vertical}.mission>button{min-height:38px;padding:0 12px;border:1px solid #bbc7d5;border-radius:3px;background:#f7f9fb;cursor:pointer}.mission.is-done{border-color:#83a2ff;box-shadow:inset 4px 0 0 var(--blue)}.mission.is-done>button{color:white;border-color:var(--blue);background:var(--blue)}.completion{padding:30px;color:white;background:var(--ink)}.completion p{margin:0;color:var(--cyan);font-size:11px}.completion h3{margin:13px 0 24px;font-size:30px}.completion-actions{display:flex;gap:10px}.completion small{display:block;margin-top:18px;color:#8fa0b7}.toast{position:fixed;z-index:50;left:50%;bottom:24px;transform:translate(-50%,20px);padding:12px 16px;color:white;background:#111d2c;border:1px solid #42516a;opacity:0;pointer-events:none;transition:.2s}.toast.is-visible{opacity:1;transform:translate(-50%,0)}footer{padding:28px 0;color:white;background:#020811}footer .shell{display:flex;justify-content:space-between;gap:20px}footer span{color:#77879b;font-size:11px}@media(max-width:900px){.topbar nav{display:none}.hero h1{font-size:52px}.section-head{grid-template-columns:1fr;gap:14px}.route-grid,.cases{grid-template-columns:1fr 1fr}.route-grid article,.cases>*{border-bottom:1px solid var(--line)}.challenge-layout{grid-template-columns:1fr}.screen-one{right:-8%;width:60%}.band-grid{grid-template-columns:1fr 1fr}.band-grid span{grid-column:1/-1;padding-bottom:16px}}@media(max-width:600px){.shell{width:min(calc(100% - 30px),var(--max))}.topbar{height:62px;padding:0 15px;grid-template-columns:1fr auto}.hero{min-height:720px}.hero-copy{padding-top:120px}.hero h1{font-size:42px;line-height:1.1}.lead{font-size:15px}.hero-media{opacity:.65}.screen-one{right:-25%;top:16%;width:100%;height:48%}.screen-two{right:4%;top:30%;width:67%}.hero-shade{background:linear-gradient(180deg,rgba(4,12,23,.34),rgba(4,12,23,.98) 54%)}.actions{flex-direction:column}.truth{display:grid;gap:10px;margin-top:35px}.band-grid{padding:20px 0;grid-template-columns:1fr;gap:8px}.band-grid span{grid-column:auto;padding:0}.section{padding:76px 0}.section-head h2,.challenge-intro h2{font-size:34px}.route-grid,.cases{grid-template-columns:1fr}.route-grid article,.cases>*{min-height:210px;border-right:0}.route-grid b,.cases b{margin-top:32px}.challenge-layout{gap:42px}.mission{grid-template-columns:38px 1fr;padding:18px;gap:12px}.mission>button{grid-column:2;width:100%}.completion-actions{flex-direction:column}footer .shell{flex-direction:column}}