:root{--ink:#0b0b0b;--paper:#f2eee6;--coral:#ff5a3c;--muted:#9f9b94;--line:rgba(242,238,230,.16);--pad:clamp(24px,5vw,80px);--ease:cubic-bezier(.22,1,.36,1)}
*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--ink)}body{margin:0;background:var(--ink);color:var(--paper);font-family:Manrope,Arial,sans-serif;overflow-x:hidden}a{color:inherit;text-decoration:none}button,input{font:inherit}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:fixed;top:10px;left:10px;z-index:1000;background:var(--paper);color:var(--ink);padding:12px 18px;transform:translateY(-150%)}.skip-link:focus{transform:none}
.site-header{position:fixed;z-index:100;top:0;left:0;width:100%;height:84px;padding:0 var(--pad);display:flex;align-items:center;justify-content:space-between;transition:background .35s,border .35s}.site-header.scrolled{background:rgba(11,11,11,.82);border-bottom:1px solid var(--line);backdrop-filter:blur(16px)}.brand{display:flex;align-items:center;gap:12px;font-weight:800;font-size:14px;letter-spacing:.13em}.brand img{border-radius:8px}.nav{display:flex;gap:32px;font-size:13px;font-weight:600}.nav a{position:relative;color:#cbc7c0}.nav a:after{content:"";position:absolute;left:0;bottom:-7px;width:100%;height:1px;background:var(--coral);transform:scaleX(0);transform-origin:right;transition:transform .3s}.nav a:hover:after{transform:scaleX(1);transform-origin:left}.header-actions{display:flex;align-items:center;gap:10px}.lang-toggle,.menu-toggle{border:1px solid var(--line);color:var(--paper);background:rgba(11,11,11,.25);height:40px;min-width:48px;cursor:pointer}.lang-toggle{font:500 11px DM Mono,monospace;letter-spacing:.12em}.menu-toggle{display:none;width:44px;padding:0 11px}.menu-toggle i{display:block;height:1px;background:var(--paper);margin:5px 0;transition:.25s}
.hero{position:relative;min-height:100svh;overflow:hidden;display:flex;align-items:center;padding:120px var(--pad) 70px;background:radial-gradient(circle at 78% 58%,#36130d 0,rgba(54,19,13,.25) 26%,transparent 54%),var(--ink)}.hero-noise{position:absolute;inset:0;opacity:.22;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.95' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.14'/%3E%3C/svg%3E")}.hero-copy{position:relative;z-index:3;width:min(650px,50vw)}.eyebrow,.section-index{display:block;font:500 11px DM Mono,monospace;letter-spacing:.16em}.eyebrow{color:var(--coral);margin:0 0 26px}.hero h1{font-size:clamp(64px,7.8vw,132px);line-height:.82;letter-spacing:-.075em;margin:0 0 36px;font-weight:800}.hero h1 span{font-size:.56em;letter-spacing:-.04em}.hero h1 em{font-style:normal;color:var(--coral)}.hero-intro{max-width:460px;color:#c9c4bc;font-size:clamp(16px,1.25vw,20px);line-height:1.65;margin:0 0 36px}.cta{display:inline-flex;align-items:center;justify-content:space-between;min-width:210px;padding:16px 18px;border:1px solid var(--paper);font-size:13px;font-weight:700;transition:.3s}.cta:hover{background:var(--paper);color:var(--ink);transform:translateY(-2px)}.cta b{font-size:20px;font-weight:400}.hero-product{position:absolute;z-index:2;right:-2vw;top:7%;height:100%;width:58%;display:grid;place-items:center;transform:translate3d(var(--px,0),var(--py,0),0);transition:transform .15s linear}.hero-product img{position:relative;z-index:2;width:min(88%,760px);height:94%;object-fit:contain;filter:drop-shadow(0 50px 70px rgba(0,0,0,.7));animation:power-on 1.4s var(--ease) both}.halo{position:absolute;width:68%;aspect-ratio:1;border:1px solid rgba(255,90,60,.24);border-radius:50%;box-shadow:0 0 120px rgba(255,90,60,.12);animation:pulse 4s ease-in-out infinite}.product-note{position:absolute;z-index:3;font:400 9px DM Mono,monospace;letter-spacing:.18em;color:#8e8982;display:flex;align-items:center;gap:8px}.product-note i{width:26px;height:1px;background:var(--coral)}.note-top{top:24%;right:2%}.note-bottom{bottom:14%;left:5%}.scroll-cue{position:absolute;z-index:3;bottom:34px;left:var(--pad);display:flex;align-items:center;gap:14px;color:#8f8a83}.scroll-cue span{height:1px;width:50px;background:currentColor;position:relative;overflow:hidden}.scroll-cue span:after{content:"";position:absolute;inset:0;background:var(--paper);animation:scan 2s infinite}.scroll-cue small{font:400 9px DM Mono,monospace;letter-spacing:.18em;text-transform:uppercase}
.manifesto{background:var(--paper);color:var(--ink);overflow:hidden;padding:0 0 clamp(100px,14vw,220px)}.marquee{display:flex;width:max-content;border-top:1px solid #c8c2b9;border-bottom:1px solid #c8c2b9;color:var(--coral);font-size:clamp(52px,8vw,124px);font-weight:800;letter-spacing:-.05em;line-height:1.1;white-space:nowrap;padding:12px 0;transform:rotate(-2deg) translate(-1%,22px);margin-bottom:clamp(120px,16vw,230px)}.marquee span{animation:marquee 18s linear infinite}.manifesto-inner{padding:0 var(--pad);display:grid;grid-template-columns:1fr 3fr;gap:30px}.manifesto-inner p{font-size:clamp(34px,5.4vw,82px);line-height:1.05;letter-spacing:-.055em;margin:0;max-width:1100px}
.machine{background:var(--ink);padding:clamp(100px,12vw,180px) var(--pad)}.machine-sticky{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:start}.section-heading{position:sticky;top:130px}.section-index{color:var(--coral);margin-bottom:28px}.section-heading h2,.story h2,.principles h2,.cta-section h2{font-size:clamp(52px,6vw,94px);line-height:.95;letter-spacing:-.06em;margin:0}.machine-visual{grid-column:2;grid-row:1/span 2;min-height:700px;display:grid;place-items:center;background:radial-gradient(circle,rgba(255,90,60,.22),transparent 65%)}.device-outline{width:min(420px,75%);aspect-ratio:.72;border:1px solid #595650;border-radius:38px;background:linear-gradient(145deg,#202020,#0e0e0e);box-shadow:inset 0 0 0 8px #151515,20px 30px 70px #000;transform:rotate(5deg);padding:52px 36px}.screen-demo{height:48%;background:#14100f;border:8px solid #050505;border-radius:12px;position:relative;overflow:hidden;box-shadow:0 0 35px rgba(255,90,60,.15) inset}.screen-demo span{position:absolute;top:16px;left:16px;font:500 10px DM Mono;color:var(--paper);animation:blink 1s steps(1) infinite}.pixel-sun{position:absolute;width:62px;height:62px;background:var(--coral);border-radius:50%;top:28%;left:50%;transform:translateX(-50%);box-shadow:0 0 30px var(--coral)}.mountain{position:absolute;bottom:-30px;width:80%;height:65%;background:#241714;clip-path:polygon(0 100%,22% 45%,38% 74%,63% 19%,100% 100%)}.m1{left:-10%}.m2{right:-15%;background:#38201b;transform:scale(.8)}.controls{height:45%;display:flex;align-items:center;justify-content:space-between;padding:0 18px}.dpad{width:112px;height:112px;background:var(--coral);clip-path:polygon(35% 0,65% 0,65% 35%,100% 35%,100% 65%,65% 65%,65% 100%,35% 100%,35% 65%,0 65%,0 35%,35% 35%);filter:drop-shadow(0 8px 2px #190603)}.dpad i{display:block;width:24px;height:24px;border-radius:50%;background:#bd351f;position:relative;left:44px;top:44px}.ab{display:flex;gap:13px;transform:rotate(-20deg)}.ab i{width:48px;height:48px;border-radius:50%;background:var(--paper);box-shadow:0 7px 0 #918d86}.ab i:last-child{background:var(--coral);box-shadow:0 7px 0 #932915}.feature-list{grid-column:1;list-style:none;padding:150px 0 0;margin:0}.feature-list li{display:grid;grid-template-columns:55px 1fr;border-top:1px solid var(--line);padding:26px 0 32px}.feature-list span{font:400 10px DM Mono;color:var(--coral)}.feature-list h3{font-size:24px;margin:0 0 10px}.feature-list p{color:var(--muted);line-height:1.6;margin:0;max-width:420px}
.story{min-height:100svh;background:var(--coral);color:var(--ink);padding:clamp(100px,12vw,170px) var(--pad);display:grid;grid-template-columns:1fr 1.25fr;gap:8vw;align-items:center}.story .section-index{color:var(--ink)}.story h2{margin-bottom:34px}.story-copy p{font-size:clamp(16px,1.5vw,21px);line-height:1.7;max-width:590px}.rps-stage{height:min(70vw,680px);position:relative;display:grid;place-items:center;border-radius:50%;border:1px solid rgba(11,11,11,.25);animation:rotate-slow 25s linear infinite}.rps-stage:before,.rps-stage:after{content:"";position:absolute;border:1px solid rgba(11,11,11,.17);border-radius:50%;inset:12%}.rps-stage:after{inset:26%}.rps-stage img{position:relative;z-index:2;width:24%;filter:grayscale(1) brightness(.2);animation:rotate-back 25s linear infinite}.rps-word{position:absolute;font:500 11px DM Mono;letter-spacing:.18em}.rock{top:6%;left:48%}.paper{bottom:18%;left:7%}.scissors{bottom:18%;right:0}
.principles{background:var(--paper);color:var(--ink);padding:clamp(100px,12vw,180px) var(--pad)}.principles-intro{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:clamp(90px,12vw,160px)}.principles-intro .section-index{color:var(--coral)}.principle-rows{border-top:1px solid #c7c1b8}.principle-rows article{display:grid;grid-template-columns:80px 1fr 1fr 30px;gap:30px;align-items:center;border-bottom:1px solid #c7c1b8;padding:36px 0}.principle-rows article>span{font:500 11px DM Mono;color:var(--coral)}.principle-rows h3{font-size:clamp(25px,2.8vw,42px);letter-spacing:-.04em;margin:0}.principle-rows p{max-width:430px;color:#625e58;line-height:1.6}.principle-rows b{font-size:28px;font-weight:400;transition:.3s}.principle-rows article:hover b{color:var(--coral);transform:translate(5px,-5px)}
.cta-section{position:relative;min-height:90svh;display:grid;place-items:center;padding:120px var(--pad);overflow:hidden}.cta-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(255,90,60,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(255,90,60,.08) 1px,transparent 1px);background-size:46px 46px;mask-image:radial-gradient(circle at center,#000 0,transparent 73%)}.cta-content{position:relative;text-align:center;max-width:850px}.cta-content>img{margin-bottom:28px}.cta-content .section-index{margin-bottom:26px}.cta-section h2{font-size:clamp(52px,7.2vw,112px)}.cta-section p{color:var(--muted);font-size:18px}.signup{display:flex;border-bottom:1px solid var(--paper);margin:60px auto 0;max-width:610px}.signup input{flex:1;border:0;background:transparent;color:var(--paper);outline:none;padding:18px 2px;font-family:DM Mono}.signup button{border:0;background:transparent;color:var(--paper);font-weight:700;padding:18px 2px;cursor:pointer;display:flex;gap:22px}.signup button:hover{color:var(--coral)}.form-status{min-height:24px;font:400 12px DM Mono!important;color:var(--coral)!important}
footer{min-height:110px;border-top:1px solid var(--line);padding:24px var(--pad);display:flex;justify-content:space-between;align-items:center;color:var(--muted);font-size:12px}footer .brand{color:var(--paper)}footer>a:last-child:hover{color:var(--coral)}
.reveal{opacity:0;transform:translateY(34px);transition:opacity .9s var(--ease),transform .9s var(--ease)}.reveal.in-view{opacity:1;transform:none}
@keyframes power-on{from{opacity:0;transform:translateY(45px) scale(.94);filter:blur(12px)}to{opacity:1;transform:none;filter:drop-shadow(0 50px 70px rgba(0,0,0,.7))}}@keyframes pulse{50%{transform:scale(1.07);opacity:.55}}@keyframes scan{from{transform:translateX(-100%)}to{transform:translateX(120%)}}@keyframes marquee{to{transform:translateX(-100%)}}@keyframes blink{50%{opacity:0}}@keyframes rotate-slow{to{transform:rotate(360deg)}}@keyframes rotate-back{to{transform:rotate(-360deg)}}
@media(max-width:900px){.site-header{height:70px}.nav{position:fixed;inset:70px 0 auto;background:var(--ink);padding:35px var(--pad);flex-direction:column;font-size:22px;transform:translateY(-130%);opacity:0;transition:.4s var(--ease);border-bottom:1px solid var(--line)}body.menu-open .nav{transform:none;opacity:1}.menu-toggle{display:block}.menu-open .menu-toggle i:first-child{transform:translateY(3px) rotate(45deg)}.menu-open .menu-toggle i:last-child{transform:translateY(-3px) rotate(-45deg)}.hero{align-items:flex-start;padding-top:120px;min-height:900px}.hero-copy{width:100%}.hero h1{font-size:clamp(61px,17vw,100px)}.hero-intro{max-width:360px}.hero-product{width:92%;height:58%;top:40%;right:-15%;opacity:.78}.note-top{display:none}.note-bottom{left:0}.manifesto-inner{grid-template-columns:1fr;gap:40px}.machine-sticky{grid-template-columns:1fr}.section-heading{position:static}.machine-visual{grid-column:1;grid-row:auto;min-height:580px}.feature-list{padding-top:40px}.story{grid-template-columns:1fr}.rps-stage{height:80vw}.principles-intro{display:block}.principles-intro .section-index{margin-bottom:35px}.principle-rows article{grid-template-columns:45px 1fr 25px}.principle-rows p{grid-column:2}.principle-rows b{grid-column:3;grid-row:1}.cta-section{min-height:800px}footer{align-items:flex-start;gap:30px;flex-direction:column;padding-top:50px;padding-bottom:50px}}
@media(max-width:560px){.brand span{font-size:12px}.hero{min-height:850px}.hero-product{top:43%;height:55%;right:-23%;width:108%}.hero h1 span{font-size:.52em}.hero-intro{font-size:15px;width:85%}.scroll-cue{display:none}.marquee{margin-bottom:120px}.manifesto-inner p{font-size:37px}.machine-visual{min-height:470px}.device-outline{padding:35px 24px;border-radius:28px}.dpad{width:82px;height:82px}.dpad i{left:30px;top:30px}.ab i{width:38px;height:38px}.story{gap:70px}.rps-stage{height:88vw}.principle-rows article{padding:28px 0}.principle-rows h3{font-size:25px}.signup{display:grid;border:0;gap:10px}.signup input{border-bottom:1px solid var(--paper)}.signup button{background:var(--paper);color:var(--ink);justify-content:space-between;padding:17px 16px}.cta-section p{font-size:15px}footer p{margin:0}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.reveal{opacity:1;transform:none}}
.note-top{right:6vw}