@font-face{font-family:B;src:url('/assets/fonts/bricolage-grotesque-latin.woff2')}@font-face{font-family:G;src:url('/assets/fonts/geist-latin-wght-normal.woff2')}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#0b0b0c;color:#f3f0e9;font:17px/1.65 G,Arial}a{color:#e9d5a1;text-underline-offset:5px}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #e9d5a1;outline-offset:5px}header,footer{max-width:1240px;margin:auto;padding:25px 28px;display:flex;justify-content:space-between;gap:28px;border-bottom:1px solid #2c2923}header>a{font:600 24px B;text-decoration:none;color:inherit}nav{display:flex;gap:25px}main{max-width:1200px;margin:auto;padding:0 28px 50px}.hero{display:grid;grid-template-columns:1.1fr 1fr;gap:58px;align-items:center;padding:80px 0 70px}.eyebrow{font-size:12px;letter-spacing:2px;color:#c9b27a}h1{font:650 clamp(42px,5.4vw,66px)/1.05 B;margin:20px 0 30px;letter-spacing:-2px}em{font-style:normal;color:#e9d5a1}h2{font:500 clamp(29px,3.5vw,42px)/1.16 B;letter-spacing:-.6px;margin:15px 0 25px}h3{font:500 23px/1.3 B;margin:8px 0 15px}p{margin:0 0 20px}.lead{font-size:19px;color:#d1ccc2}.small,figcaption{font-size:13px;color:#ada79d}.small{margin:20px 0 0}.actions{display:flex;flex-wrap:wrap;gap:14px;margin:25px 0}.button,.secondary{display:inline-flex;align-items:center;gap:10px;padding:13px 21px;border-radius:40px;text-decoration:none;font-weight:600}.button{background:#e9d5a1;color:#18150e}.secondary{border:1px solid #71644a}.secondary img{width:24px;filter:invert(1)}.plain{display:inline-block;padding:8px 0}section:not(.hero){border-top:1px solid #302c25;padding:60px 0}.columns,.compare{display:grid;grid-template-columns:1fr 1fr;gap:38px}.compare{gap:24px;margin-top:30px}figure{margin:0}figure img{width:100%;display:block;border-radius:12px}figcaption{margin-top:10px}.steps{padding-left:27px}.steps li{padding-left:15px;margin:30px 0}.steps li::marker{color:#e9d5a1;font-size:24px}.prompt{position:relative;background:#161617;border:1px solid #37332b;border-radius:15px;padding:24px;margin:26px 0}pre{white-space:pre-wrap;overflow-wrap:anywhere;font:16px/1.7 G;margin:20px 0 0}button{background:#e9d5a1;color:#18150e;border:0;border-radius:24px;padding:12px 20px;font:600 15px G;cursor:pointer}details{border-top:1px solid #37332b;padding:20px 0}summary{cursor:pointer;color:#e9d5a1;padding:8px 0;font-size:19px}details p{margin:16px 0}code{overflow-wrap:anywhere}.scene{text-align:center;padding-top:40px}.screen{position:relative;height:270px;background:#161719;border:10px solid #2b2b2c;border-radius:16px;box-shadow:0 25px 70px #000;overflow:hidden}.banner{margin:22px;background:#724537;padding:15px;color:#f4d2b8;font-size:13px;animation:remove 10s infinite}.junk{display:flex;gap:10px;margin:12px 22px;animation:remove 10s infinite}.junk i{flex:1;background:#373239;padding:10px;font-size:13px;font-style:normal}.apps{position:absolute;bottom:25px;left:22px;right:22px;display:flex;gap:10px;animation:dock 10s infinite}.apps b{flex:1;padding:13px 0;font-size:13px;border-radius:9px;background:#935041}.apps b:nth-child(2){background:#445880}.apps b:nth-child(3){background:#377664}.apps b:nth-child(4){background:#74613a}.sweep{position:absolute;top:0;bottom:0;width:3px;background:#e9d5a1;box-shadow:0 0 25px #e9d5a1;animation:sweep 10s infinite}.stand{margin:auto;width:100px;height:30px;background:#29292a;clip-path:polygon(35% 0,65% 0,100% 100%,0 100%)}.scene-note{height:60px;position:relative;font:500 22px B;margin:16px}.scene-note span{position:absolute;inset:0}.before{animation:remove 10s infinite}.after{animation:appear 10s infinite}.scene.paused *{animation-play-state:paused!important}.scene .small{margin-top:12px}.skip{position:absolute;top:-80px}.skip:focus{top:10px;z-index:9;background:#0b0b0c;padding:12px}footer{border-top:1px solid #302c25;border-bottom:0;justify-content:flex-start;font-size:14px}@keyframes remove{0%,25%{opacity:1;transform:translateY(0)}45%,90%{opacity:0;transform:translateY(-45px)}100%{opacity:1;transform:translateY(0)}}@keyframes appear{0%,35%,100%{opacity:0}50%,90%{opacity:1}}@keyframes sweep{0%,20%{left:-5px;opacity:0}25%{left:0;opacity:1}45%{left:100%;opacity:1}46%,100%{opacity:0;left:100%}}@keyframes dock{0%,25%,100%{transform:translateY(0)}50%,90%{transform:translateY(-55px)}}@media(max-width:750px){header{align-items:center;padding:20px}header>a{font-size:20px}nav a:last-child{display:none}main{padding:0 22px 40px}.hero{grid-template-columns:1fr;gap:25px;padding:45px 0}h1{letter-spacing:-1px}.scene{padding-top:5px}.screen{height:230px}.columns,.compare{grid-template-columns:1fr;gap:24px}section:not(.hero){padding:40px 0}.prompt{padding:19px}.actions{gap:12px}footer{flex-wrap:wrap}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.scene *{animation:none!important}.banner,.junk,.sweep,.before{display:none}.apps{transform:translateY(-35px)}.after{opacity:1}#pause{display:none}}
