@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&family=Space+Grotesk:wght@400;500;600;700&display=swap');
:root{--bg:#0b0c0e;--ink:#f4f3ef;--muted:#a5a7ad;--accent:#f3523e}
body{background:#0b0c0e;background-image:none;color:var(--ink);font-family:'Manrope',sans-serif}
.wrap{width:min(1360px,calc(100% - 96px))}
.site-header{height:80px;background:#0b0c0ee8;border-color:#ffffff14;gap:32px;padding:0 max(48px,calc((100vw - 1360px)/2))}
.site-header.scrolled{background:#0b0c0ef5;box-shadow:0 12px 35px #0005}
.brand{gap:10px}.brand-mark{width:40px;height:40px;border-radius:11px;background:#f3523e;color:#fff;font:700 20px 'Space Grotesk',sans-serif;letter-spacing:-2px;transform:none}.brand-mark span{font-size:12px;margin-bottom:7px}
.site-header .brand:hover .brand-mark{transform:scale(1.06);box-shadow:0 0 22px #f3523e66}
.brand-name{font:700 21px/.9 'Space Grotesk',sans-serif;letter-spacing:-.7px}.brand-name small{font:700 8px/1 'Manrope',sans-serif;letter-spacing:1.6px;color:#a5a7ad;margin-top:6px}
.site-header nav{gap:30px}.site-header nav a{font:600 12px 'Manrope',sans-serif;color:#c9c9cb}.site-header nav a:hover{color:#fff}
.nav-shop{border:1px solid #ffffff30;border-radius:999px;color:#fff;background:#ffffff0b;padding:13px 18px;font:700 11px 'Manrope',sans-serif;letter-spacing:.2px;text-transform:none}
.nav-shop:hover{background:#fff;color:#111}
.hero{background:radial-gradient(ellipse at 78% 48%,#451d1e 0,#1b1114 32%,#0b0c0e 65%)}
.hero:before{content:none}.hero-grid,.hero-glow,.ticker{display:none}.hero:after{opacity:.5}
.hero-inner{min-height:730px;grid-template-columns:1.1fr .9fr;gap:30px;padding:100px 0 110px}
.hero-copy{position:relative;z-index:2}.eyebrow,.kicker{color:#ff715e;font:800 11px 'Manrope',sans-serif;letter-spacing:1.7px}
.pulse{background:#ff715e;width:6px;height:6px;box-shadow:0 0 0 5px #ff715e24}
.hero h1{font:700 clamp(68px,7.6vw,125px)/.94 'Space Grotesk',sans-serif;letter-spacing:-.09em;text-transform:uppercase;margin:33px 0 32px;max-width:850px;text-shadow:none;white-space:nowrap}
.hero h1 em{color:#ff6a56;font-style:normal}
.hero-copy>p{font:500 17px/1.75 'Manrope',sans-serif;color:#c2c2c7;max-width:530px}
.hero-actions{gap:12px;margin-top:34px}.button{min-height:55px;gap:30px;border-radius:10px;padding:16px 22px;font:800 12px 'Manrope',sans-serif;letter-spacing:0;text-transform:none;box-shadow:none;transition:transform .25s,background .25s,border-color .25s}
.button:after,.nav-shop:after{content:none}.button:hover{transform:translateY(-3px)}.button.primary{background:#f3523e;color:#fff;box-shadow:none}.button.primary:hover{background:#ff705e}.button.secondary{border:1px solid #ffffff55;color:#fff;background:#ffffff09}.button.secondary:hover{background:#ffffff17}
.hero-note{margin-top:62px;color:#8b8e96;font:700 10px 'Manrope',sans-serif;letter-spacing:1.6px}.hero-note .line{background:#ff705e;width:32px}
.hero-art{transform:none;animation:none;max-width:620px;justify-self:end;width:100%}.logo-frame{position:relative;padding:0;background:transparent;border:0;box-shadow:none;clip-path:none;transform:none;aspect-ratio:1}.logo-frame:before,.logo-frame:after{content:none}.logo-frame:hover{transform:none;box-shadow:none}.logo-frame img{width:100%;height:100%;object-fit:contain;mix-blend-mode:screen;animation:none;filter:drop-shadow(0 0 45px #ff735929)}
.floating-label{right:6%;bottom:5%;transform:none;background:#f7f5ef;color:#17181b;border-radius:999px;padding:11px 17px;box-shadow:0 10px 40px #0008;font:800 10px 'Manrope',sans-serif;letter-spacing:.6px}.floating-label .diamond{color:#f3523e}.floating-label .floating-line{display:none}
.section{padding-top:115px;padding-bottom:115px}.section h2{font-family:'Space Grotesk',sans-serif;letter-spacing:-.065em;font-weight:700;text-transform:none}
.video-section{background:#f1f0ec;color:#121316;border:0}.video-heading{align-items:end;margin-bottom:42px}.video-heading h2{font:700 clamp(55px,6vw,88px)/.98 'Space Grotesk',sans-serif;letter-spacing:-.075em;text-transform:none;margin:16px 0 22px}.video-heading h2 span{color:#f3523e}.video-heading p:not(.kicker){color:#5b5c62;font:500 15px/1.75 'Manrope',sans-serif;max-width:570px}.video-heading>a,.video-fallback a{color:#242326;font:800 12px 'Manrope',sans-serif;text-transform:none;letter-spacing:0;border-bottom:1px solid #242326;padding-bottom:5px}
.video-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.video-card{background:#fff;border:1px solid #e2e1db;border-radius:20px;overflow:hidden;box-shadow:0 15px 35px #1616160d;display:flex;flex-direction:column}.video-card:first-child{grid-column:span 2;grid-row:span 2}.video-card:hover{transform:translateY(-5px);border-color:#d4d1c9;box-shadow:0 24px 45px #1616161c}
.video-card[hidden]{display:none}
.video-play,.video-card iframe{background:#141414;aspect-ratio:16/9}.video-card:first-child .video-play,.video-card:first-child iframe{height:100%;min-height:440px;aspect-ratio:auto}.video-card:first-child .video-play{flex:1}.video-play img{opacity:.94;filter:saturate(.95)}.video-play:hover img{opacity:1;filter:saturate(1.12)}.play-icon{width:57px;height:57px;border:1px solid #ffffff90;background:#f3523ee8;font-size:19px;box-shadow:0 10px 30px #0007}
.video-info{padding:17px 21px 21px;min-height:85px}.video-info span{font:800 9px 'Manrope',sans-serif;letter-spacing:1.1px;color:#f3523e}.video-info h3{font:700 21px/1.12 'Space Grotesk',sans-serif;letter-spacing:-.035em;text-transform:none;color:#16171a;margin:8px 0 0}.video-card:first-child .video-info h3{font-size:30px}
.video-more{display:flex;align-items:center;justify-content:space-between;gap:30px;margin:38px auto 0;padding:15px 23px;border:1px solid #242428;border-radius:999px;background:transparent;color:#1d1e20;cursor:pointer;font:800 12px 'Manrope',sans-serif;transition:background .2s,color .2s,transform .2s}.video-more:hover{background:#171719;color:#fff;transform:translateY(-2px)}.video-fallback{text-align:center;margin-top:26px}.video-fallback a{color:#696969;border-color:#aaa}
.docs-callout{display:flex;align-items:center;min-height:400px;padding:100px 0;border-top:0}.docs-callout:before{content:none}.docs-callout h2{font:700 clamp(58px,6vw,90px)/.98 'Space Grotesk',sans-serif;letter-spacing:-.075em;text-transform:none;margin:20px 0}.docs-callout h2 span{color:#ff6854}.docs-callout p:not(.kicker){color:#a6a7ad;font:500 15px/1.75 'Manrope',sans-serif}.docs-callout .button{white-space:nowrap;margin-left:auto}
.manifesto{background:#17181b;border:0}.manifesto-grid{gap:110px}.manifesto h2{font:700 clamp(56px,5.8vw,86px)/1 'Space Grotesk',sans-serif;letter-spacing:-.075em;text-transform:none}.manifesto h2 span{color:#ff6b57}.manifesto-grid p:not(.kicker){font:500 16px/1.85 'Manrope',sans-serif;color:#b6b7bd}.manifesto-bottom{border-color:#ffffff22;color:#8f9097;font:800 10px 'Manrope',sans-serif;letter-spacing:1.3px}.text-link{color:#ff715f;font:800 12px 'Manrope',sans-serif;text-transform:none;letter-spacing:0}
.cta{padding-top:110px;padding-bottom:110px}.cta-box{padding:85px;min-height:480px;border:0;border-radius:24px;clip-path:none;background:radial-gradient(circle at 85% 15%,#ff856b 0,transparent 35%),linear-gradient(120deg,#c6382e,#ef5a44 70%);box-shadow:0 25px 70px #c6382e24}.cta-orbit{display:none}.cta .kicker{color:#ffe2da}.cta h2{font:700 clamp(58px,6vw,92px)/.98 'Space Grotesk',sans-serif;letter-spacing:-.075em;text-transform:none;margin:22px 0}.cta h2 span{color:#fff}.cta-box>p:not(.kicker){color:#ffe5df;font:500 15px/1.7 'Manrope',sans-serif}.button.light{background:#fff;color:#151517}.button.outline{border:1px solid #fff9;color:#fff}.button.outline:hover{background:#ffffff1d}
.footer{border-color:#ffffff1a;color:#85868d;font:600 11px 'Manrope',sans-serif}.footer a:hover{color:#ff705e}.footer-brand{transform:none}.footer .brand-mark{width:34px;height:34px;font-size:17px}.footer .brand-name{font-size:18px}
/* The docs share the same typography and quieter card treatment. */
body:has(.mast) header{background:#0b0c0ef0}body:has(.mast) .logo{font:700 23px 'Space Grotesk',sans-serif;letter-spacing:-.04em}body:has(.mast) .logo small{font-family:'Manrope',sans-serif}body:has(.mast) .mast{background:radial-gradient(circle at 90% 25%,#48201c55,transparent 42%);border-color:#ffffff20}body:has(.mast) .mast h1{font:700 clamp(57px,8vw,112px)/.98 'Space Grotesk',sans-serif;letter-spacing:-.075em;text-transform:none}body:has(.mast) .mast p:last-child{color:#a6a7ad}body:has(.mast) .content{color:#dedee1}body:has(.mast) .content h1,body:has(.mast) .content h2,body:has(.mast) .content h3{font-family:'Space Grotesk',sans-serif;text-transform:none;letter-spacing:-.045em}body:has(.mast) .content h2{font-size:34px}body:has(.mast) .content h3{font-size:24px}body:has(.mast) .doc-card{border:1px solid #292b31;border-radius:16px;background:#16171b;box-shadow:none}body:has(.mast) .doc-card:hover{border-color:#ff735f;box-shadow:0 16px 35px #0005}body:has(.mast) .doc-card h2{font:700 26px 'Space Grotesk',sans-serif}body:has(.mast) .docs-index h2{font-family:'Space Grotesk',sans-serif;letter-spacing:-.06em;text-transform:none}
@media(max-width:1100px){.hero h1{font-size:clamp(64px,7.6vw,99px)}.hero-inner{min-height:660px}.site-header{padding:0 32px}.video-card:first-child .video-play,.video-card:first-child iframe{min-height:370px}}
@media(max-width:760px){.wrap{width:min(100% - 40px,570px)}.site-header{height:70px;padding:0 20px}.site-header nav{top:70px;background:#111215;border-color:#ffffff24}.brand-name{font-size:19px}.brand-mark{width:36px;height:36px;font-size:18px}.menu-button{color:#fff}.nav-shop{font-size:10px;padding:10px 12px}.hero-inner{min-height:auto;padding:80px 0 70px;display:flex;flex-direction:column;align-items:stretch;gap:45px}.hero h1{font-size:clamp(56px,11.5vw,88px);white-space:normal;letter-spacing:-.08em}.hero-copy>p{font-size:15px}.hero-note{margin-top:40px}.hero-art{max-width:460px;align-self:center}.floating-label{bottom:0;right:0}.section{padding-top:75px;padding-bottom:75px}.video-heading{display:block}.video-heading h2,.docs-callout h2,.manifesto h2,.cta h2{font-size:clamp(49px,9vw,70px)}.video-grid{grid-template-columns:1fr;gap:16px}.video-card:first-child{grid-column:auto;grid-row:auto}.video-card:first-child .video-play,.video-card:first-child iframe{height:auto;min-height:0;aspect-ratio:16/9}.video-card:first-child .video-info h3{font-size:23px}.video-heading>a{display:inline-block;margin:14px 0 0}.docs-callout{display:block;min-height:auto;padding:75px 0}.docs-callout .button{margin:25px 0 0}.manifesto-grid{gap:35px}.cta-box{min-height:0;padding:55px 28px;border-radius:18px}.footer{gap:25px}}
@media(max-width:420px){.nav-shop{display:none}.hero h1{font-size:clamp(52px,12vw,66px)}.hero-actions .button{width:100%}.floating-label{font-size:8px;padding:9px 11px}.cta h2{font-size:50px}}
@media(prefers-reduced-motion:reduce){.video-card,.doc-card,.button,.video-more{transition:none!important}}
