@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');

:root { --red:#ff2011; --red-dark:#c81008; --ink:#08090b; --paper:#f5f2ed; --muted:#a9aaad; --line:rgba(255,255,255,.12); }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { margin:0; color:#f7f7f7; background:var(--ink); font-family:'DM Sans',sans-serif; line-height:1.5; overflow-x:hidden; }
a { color:inherit; text-decoration:none; }
img { max-width:100%; display:block; }
.site-header { position:absolute; z-index:20; top:0; left:0; width:100%; height:90px; display:flex; align-items:center; justify-content:space-between; padding:0 5vw; border-bottom:1px solid rgba(255,255,255,.1); }
.brand { display:flex; align-items:center; gap:12px; font:800 1.18rem/1 'Manrope',sans-serif; letter-spacing:-.04em; }
.brand img { border-radius:50%; }
nav { display:flex; gap:36px; color:#c8c8ca; font-size:.88rem; }
nav a:hover { color:white; }
.header-cta { padding:10px 16px; border:1px solid rgba(255,255,255,.28); border-radius:99px; font-size:.78rem; letter-spacing:.08em; text-transform:uppercase; }
.hero { position:relative; min-height:960px; height:100vh; display:grid; grid-template-columns:55% 45%; align-items:center; padding:120px 5vw 170px; overflow:hidden; background:radial-gradient(circle at 78% 42%,#38100d 0, #130c0c 26%, #08090b 58%); }
.hero:before { content:""; position:absolute; inset:0; opacity:.2; background-image:linear-gradient(rgba(255,255,255,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.08) 1px,transparent 1px); background-size:72px 72px; mask-image:linear-gradient(to bottom,black,transparent 84%); }
.hero-glow { position:absolute; width:760px; height:760px; right:-190px; top:90px; border-radius:50%; background:rgba(255,32,17,.18); filter:blur(110px); }
.hero-copy { position:relative; z-index:2; max-width:820px; }
.eyebrow { display:flex; align-items:center; gap:12px; margin:0 0 28px; text-transform:uppercase; letter-spacing:.2em; font-size:.73rem; font-weight:700; color:#ddd; }
.eyebrow span { width:36px; height:2px; background:var(--red); }
h1,h2,h3 { font-family:'Manrope',sans-serif; }
h1 { margin:0; max-width:920px; font-size:clamp(4.4rem,7.3vw,8.4rem); line-height:.89; letter-spacing:-.07em; }
h1 em,h2 em,h3 em { color:var(--red); font-style:normal; }
.hero-lede { max-width:610px; margin:36px 0; color:#bababc; font-size:clamp(1rem,1.45vw,1.28rem); }
.hero-actions { display:flex; gap:12px; flex-wrap:wrap; }
.button { min-height:52px; display:inline-flex; align-items:center; justify-content:center; gap:24px; padding:0 24px; border-radius:4px; font-weight:700; font-size:.88rem; transition:.25s ease; }
.button-primary { background:var(--red); color:white; }
.button-primary:hover { background:#ff4336; transform:translateY(-2px); }
.button-quiet { border:1px solid rgba(255,255,255,.2); }
.button-quiet:hover { border-color:white; }
.hero-mark { position:relative; z-index:1; justify-self:center; width:min(32vw,480px); aspect-ratio:1; display:grid; place-items:center; }
.hero-mark img { position:relative; z-index:2; width:84%; height:auto; aspect-ratio:1; filter:drop-shadow(0 30px 38px rgba(0,0,0,.52)); animation:float 7s ease-in-out infinite; }
.orbit { position:absolute; border:1px solid rgba(255,255,255,.15); border-radius:50%; }
.orbit-one { inset:2%; animation:spin 35s linear infinite; border-top-color:var(--red); }
.orbit-two { inset:13%; border-style:dashed; animation:spin 28s linear infinite reverse; }
.release-strip { position:absolute; z-index:3; bottom:0; left:0; right:0; min-height:140px; padding:24px 5vw; display:flex; align-items:center; justify-content:space-between; gap:48px; background:rgba(5,6,8,.76); border-top:1px solid var(--line); backdrop-filter:blur(18px); }
.release-label span { display:block; color:#8f9093; font-size:.7rem; text-transform:uppercase; letter-spacing:.18em; }
.release-label strong { font:700 1.3rem 'Manrope'; }
.countdown { display:flex; align-items:center; gap:30px; }
.countdown div { min-width:76px; text-align:center; }
.countdown strong { display:block; font:600 clamp(2rem,3.2vw,3.5rem)/1 'Manrope'; letter-spacing:-.05em; }
.countdown span { color:#7f8083; font-size:.63rem; letter-spacing:.16em; text-transform:uppercase; }
.countdown i { width:1px; height:48px; background:var(--line); }
.section { padding:130px 7vw; }
.section-index { margin:0 0 50px; color:var(--red); font-weight:700; font-size:.7rem; letter-spacing:.2em; text-transform:uppercase; }
.manifesto { color:#171719; background:var(--paper); }
.manifesto-grid { display:grid; grid-template-columns:1.15fr .85fr; gap:10vw; align-items:start; }
.manifesto h2,.section-heading h2,.feature-hero h2,.closing h2 { margin:0; font-size:clamp(3rem,5.4vw,6.5rem); line-height:.98; letter-spacing:-.065em; }
.manifesto-grid>div { padding-top:12px; color:#66666a; }
.manifesto-grid .large-copy { margin-top:0; color:#19191b; font:600 clamp(1.25rem,2vw,1.85rem)/1.35 'Manrope'; }
.principles { display:grid; grid-template-columns:repeat(3,1fr); gap:1px; margin-top:100px; background:#d9d6d1; border:1px solid #d9d6d1; }
.principles article { padding:40px; background:var(--paper); }
.principles span,.edition-number { color:var(--red); font:700 .7rem 'Manrope'; letter-spacing:.16em; }
.principles h3 { margin:50px 0 10px; font-size:1.35rem; }
.principles p { margin:0; color:#77777b; }
.editions { background:#0c0d0f; }
.section-heading { display:grid; grid-template-columns:1.4fr .6fr; align-items:end; gap:8vw; margin-bottom:70px; }
.section-heading .section-index { margin-bottom:24px; }
.section-heading>p { color:#8e8f92; }
.edition-grid { display:grid; grid-template-columns:repeat(6,1fr); gap:16px; }
.edition-card { grid-column:span 2; min-height:490px; padding:32px; display:flex; flex-direction:column; justify-content:space-between; position:relative; overflow:hidden; border:1px solid var(--line); background:linear-gradient(145deg,#17181b,#101113); transition:.3s ease; }
.edition-card:nth-child(4) { grid-column:2/span 2; }
.edition-card:hover { transform:translateY(-6px); border-color:rgba(255,32,17,.7); }
.edition-card:after { content:""; position:absolute; width:220px; height:220px; right:-120px; top:-120px; border-radius:50%; background:var(--accent,var(--red)); filter:blur(80px); opacity:.18; }
.card-top { display:flex; justify-content:space-between; }
.edition-pill { font-size:.65rem; letter-spacing:.12em; text-transform:uppercase; color:#999a9d; }
.edition-card h3 { margin:0; font-size:2.05rem; letter-spacing:-.05em; }
.edition-card h3 small { display:block; margin:5px 0 24px; color:#8f9093; font:600 .68rem/1.3 'DM Sans',sans-serif; letter-spacing:.12em; text-transform:uppercase; }
.edition-card div>p:last-child { color:#a6a7aa; }
.edition-card ul { list-style:none; padding:18px 0 0; margin:28px 0 0; border-top:1px solid var(--line); }
.edition-card li { padding:5px 0; font-size:.83rem; color:#c9c9cb; }
.edition-card li:before { content:"+"; color:var(--red); margin-right:9px; }
.pro { --accent:#4285ff; }.enterprise { --accent:#a06bff; }.server { --accent:#20d3a1; }.apex { --accent:#ffd45b; }
.features { background:#151619; }
.feature-hero { display:flex; justify-content:space-between; gap:8vw; align-items:end; }
.feature-hero p { max-width:390px; color:#919295; }
.feature-grid { margin-top:90px; display:grid; grid-template-columns:repeat(3,1fr); border-left:1px solid var(--line); border-top:1px solid var(--line); }
.feature-grid article { min-height:280px; padding:34px; border-right:1px solid var(--line); border-bottom:1px solid var(--line); }
.feature-icon { color:var(--red); font-size:1.5rem; }
.feature-grid h3 { margin:60px 0 10px; font-size:1.15rem; }
.feature-grid p { margin:0; color:#85868a; font-size:.9rem; }
.closing { min-height:720px; text-align:center; display:flex; flex-direction:column; align-items:center; justify-content:center; background:radial-gradient(circle at 50% 46%,#3f0d0a 0,#130b0b 29%,#08090b 65%); }
.closing img { width:110px; margin-bottom:36px; filter:drop-shadow(0 20px 30px rgba(255,32,17,.2)); }
.closing .eyebrow { margin-bottom:20px; }.closing h2 { margin-bottom:42px; }
footer { min-height:110px; display:flex; align-items:center; justify-content:space-between; gap:25px; padding:24px 5vw; border-top:1px solid var(--line); color:#747579; font-size:.73rem; text-transform:uppercase; letter-spacing:.08em; }
footer .brand { color:white; text-transform:none; letter-spacing:normal; }
@keyframes float { 0%,100%{transform:translateY(0)}50%{transform:translateY(-18px)} }
@keyframes spin { to{transform:rotate(360deg)} }
@media(max-width:980px){.hero{height:auto;grid-template-columns:1fr;padding-top:150px}.hero-copy{z-index:3}.hero-mark{position:absolute;right:-18%;top:160px;width:62vw;opacity:.45}.manifesto-grid,.section-heading{grid-template-columns:1fr}.edition-card{grid-column:span 3!important}.feature-grid{grid-template-columns:repeat(2,1fr)}nav{display:none}}
@media(max-width:640px){.site-header{height:72px}.header-cta{display:none}.hero{min-height:900px;padding:125px 6vw 250px}.hero-mark{width:86vw;right:-32%;top:225px}h1{font-size:3.75rem}.hero-lede{max-width:88%;margin-top:260px}.release-strip{display:block;padding:22px 6vw}.release-label{margin-bottom:22px}.countdown{justify-content:space-between;gap:8px}.countdown div{min-width:50px}.countdown i{height:35px}.section{padding:90px 6vw}.manifesto h2,.section-heading h2,.feature-hero h2,.closing h2{font-size:3rem}.principles{grid-template-columns:1fr;margin-top:60px}.edition-grid{display:block}.edition-card{min-height:450px;margin-bottom:14px}.feature-hero{display:block}.feature-grid{grid-template-columns:1fr;margin-top:55px}.feature-grid article{min-height:230px}.feature-grid h3{margin-top:45px}footer{flex-direction:column;text-align:center;padding:35px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.hero-mark img,.orbit{animation:none}.button,.edition-card{transition:none}}