@import url('https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600;700&family=Noto+Sans+SC:wght@400;500;700;900&display=swap');
:root{--bg:#0b1015;--fg:#f1f4f5;--muted:#9ba7b3;--cyan:#92e5f8;--orange:#ff814b}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:95px}body{margin:0;background:var(--bg);color:var(--fg);font:16px/1.7 'Space Grotesk','Noto Sans SC',sans-serif}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}header{height:94px;display:flex;align-items:center;justify-content:space-between;margin:0 6%;border-bottom:1px solid #303a42}.logo{font-size:32px;font-weight:700;letter-spacing:-2px}.logo span{color:var(--cyan)}.logo small{display:inline-block;font-size:12px;letter-spacing:2px;margin-left:20px;font-weight:400}nav{display:flex;gap:34px;font-size:14px}.navcta{font-size:14px;border:1px solid #50606a;padding:9px 20px}.hero{min-height:690px;position:relative;display:grid;grid-template-columns:46% 54%;padding:64px 6% 62px;align-items:center}.eyebrow{font-size:12px;letter-spacing:2px;color:var(--cyan);font-weight:600;margin:0 0 28px}h1{font-size:clamp(48px,5.6vw,86px);line-height:1.2;letter-spacing:-3px;margin:0 0 26px;font-weight:900}h1 span{color:var(--cyan)}.lead{color:#b7c2cb;line-height:1.9;margin-bottom:34px}.actions{display:flex;gap:28px;align-items:center}.primary{background:var(--cyan);color:#0b1015;border:0;padding:14px 23px;display:inline-block;font-weight:700;font-size:14px}.secondary{font-size:14px}.secondary span{margin-left:12px}.hero-meta{display:flex;gap:20px;color:#8996a0;font-size:12px;margin-top:65px}.hero-art{position:relative;height:530px;overflow:hidden;border:1px solid #3c535f;background:#142633;clip-path:polygon(0 0,94% 0,100% 7%,100% 100%,6% 100%,0 93%)}.hero-art img{width:100%;height:100%;object-fit:cover}.image-label{position:absolute;bottom:0;left:0;right:0;display:flex;justify-content:space-between;background:#07111bba;padding:16px 24px;backdrop-filter:blur(8px);font-size:12px;letter-spacing:1px}.vertical{position:absolute;right:1.5%;writing-mode:vertical-rl;font-size:11px;letter-spacing:3px;color:#7c8d98}.ticker{border-top:1px solid #36444f;border-bottom:1px solid #36444f;padding:20px 4%;display:flex;justify-content:space-around;gap:25px;overflow:hidden;white-space:nowrap;font-size:20px;letter-spacing:2px}.ticker b{color:var(--orange)}section:not(.hero){padding:90px 6%}h2{font-size:clamp(30px,3vw,46px);line-height:1.4;letter-spacing:-1px;margin:0;font-weight:700}.world{display:grid;grid-template-columns:1fr 1.2fr;gap:10%;border-bottom:1px solid #303a42}.world-body>p:first-child{font-size:20px;margin-top:0;line-height:1.9}.muted{color:var(--muted)}.specs{display:flex;gap:55px;border-top:1px solid #303a42;padding-top:25px;margin-top:30px}.specs small{display:block;color:var(--muted);font-size:12px;margin-bottom:5px}.specs strong{font-size:16px}.section-top{display:flex;justify-content:space-between;align-items:end;margin-bottom:38px}.section-top .eyebrow{margin-bottom:18px}.section-top>span{font-size:14px}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:25px}.card{padding:0;background:transparent;border:0;text-align:left;color:var(--fg)}.card-visual{height:220px;padding:24px;position:relative;overflow:hidden}.card-visual span{font-size:12px;letter-spacing:2px}.card-visual strong{display:block;font-size:34px;line-height:1.1;margin-top:28px;letter-spacing:-1px}.card-visual i{position:absolute;right:12px;bottom:-30px;font-size:130px;font-style:normal;opacity:.12;line-height:1}.visual-one{background:#b4e7ee;color:#123b47}.visual-two{background:#30344c;color:#d1cff3}.visual-three{background:#f48a60;color:#452519}.category{font-size:12px;color:var(--cyan);letter-spacing:1px;margin-top:25px}.card h3{font-size:21px;line-height:1.6;margin:12px 0}.card>p:not(.category){font-size:15px;color:var(--muted);margin:0}.read{display:block;border-top:1px solid #34414b;margin-top:24px;padding-top:15px;font-size:14px}.card:hover .read{color:var(--cyan)}.card:hover .card-visual{filter:brightness(1.08)}.lab{display:grid;grid-template-columns:1fr 1.2fr;gap:8%;background:#121b23;border-top:1px solid #354450;border-bottom:1px solid #354450;align-items:center}.lab-copy>p:not(.eyebrow){font-size:15px;max-width:420px}.palette-buttons{display:flex;gap:8px;margin:28px 0 20px}.palette-buttons button{border:1px solid #4b5b66;background:transparent;color:#ccd3d9;padding:8px 15px;font-size:14px}.palette-buttons .selected{color:#0b1015;background:var(--cyan);border-color:var(--cyan)}.swatches{display:flex;height:280px;border:1px solid #526471}.swatch{border:0;flex:1;position:relative;min-width:0;transition:flex .2s}.swatch:hover{flex:1.25}.swatch span{position:absolute;bottom:16px;left:0;width:100%;font-size:12px;font-weight:700}.palette-footer{display:flex;justify-content:space-between;font-size:12px;color:var(--muted);margin-top:20px}.closing{text-align:center}.closing h2{font-size:clamp(32px,4vw,58px)}.closing h2 span{color:var(--cyan)}.closing a{display:inline-block;margin-top:32px;border-bottom:1px solid var(--cyan);padding-bottom:6px;font-size:14px}footer{margin:0 6%;padding:30px 0;display:flex;align-items:center;justify-content:space-between;border-top:1px solid #34414b;font-size:12px;color:var(--muted)}footer .logo{font-size:25px;color:var(--fg)}dialog{background:#14202a;color:var(--fg);border:1px solid #56707f;padding:48px;max-width:700px;width:90%;max-height:85vh}dialog::backdrop{background:#000b;backdrop-filter:blur(7px)}dialog h2{font-size:30px}dialog h3{font-size:19px;color:var(--cyan);margin-top:28px}dialog p{color:#c4cdd4}dialog .close{position:absolute;top:12px;right:18px;color:white;background:none;border:0;font-size:28px}.done{margin-top:20px}:focus-visible{outline:2px solid var(--orange);outline-offset:5px}@media(max-width:800px){header{height:76px}.logo small,.navcta,.vertical{display:none}nav{gap:16px;font-size:12px}.hero{grid-template-columns:1fr;padding-top:45px;gap:32px}.hero-art{height:390px}.hero-meta{margin-top:30px}.ticker{font-size:15px}.world,.lab{grid-template-columns:1fr;gap:35px}section:not(.hero){padding:60px 6%}.cards{grid-template-columns:1fr;gap:36px}.card-visual{height:210px}.section-top{display:block}.section-top>span{display:block;margin-top:20px}.swatches{height:230px}.specs{gap:30px}footer{flex-wrap:wrap;gap:12px}footer p{order:3;width:100%}dialog{padding:35px 24px}h1{letter-spacing:-2px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}