@font-face{font-family:Bricolage;src:url('/assets/fonts/bricolage-grotesque-latin.woff2');font-weight:200 800;font-display:swap}@font-face{font-family:Geist;src:url('/assets/fonts/geist-latin-wght-normal.woff2');font-weight:100 900;font-display:swap}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:25px}body{margin:0;background:#0b0b0c;color:#f3f0e9;font:16px/1.7 Geist,Arial,sans-serif}a{color:inherit;text-underline-offset:5px}button{font:inherit;cursor:pointer}a,button,summary{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #e9d5a1;outline-offset:5px}header,main,footer{max-width:1280px;margin:auto;padding:0 48px}header{display:flex;justify-content:space-between;align-items:center;padding-top:25px;padding-bottom:25px;border-bottom:1px solid #29292b}header a{text-decoration:none;font-size:14px}.brand{font:550 22px Bricolage}.brand span{display:block;font:12px Geist;color:#aaa}.skip{position:absolute;left:15px;top:-100px;background:#e9d5a1;color:#111;padding:10px;z-index:3}.skip:focus{top:10px}.hero{display:grid;grid-template-columns:1fr 1fr;gap:64px;padding:80px 0 90px;align-items:center}h1,h2,h3{font-family:Bricolage;line-height:1.12;letter-spacing:-.035em;font-weight:500}h1{font-size:clamp(70px,7vw,106px);margin:22px 0 25px}h1 em{font-style:normal;color:#e9d5a1}h2{font-size:clamp(31px,3.5vw,47px);margin:18px 0 25px}h3{font-size:23px;margin:12px 0}p{margin:0 0 20px;color:#bdbbb7}.lead{font-size:19px;max-width:560px}.eyebrow{font-size:10px;letter-spacing:1.8px;color:#d9c494}.actions{display:flex;flex-wrap:wrap;gap:12px;margin:28px 0}.primary,.secondary{display:inline-flex;flex-direction:column;justify-content:center;text-decoration:none;padding:14px 20px;border-radius:8px;font-size:14px;font-weight:550;min-height:52px;line-height:1.5}.primary{background:linear-gradient(120deg,#e9d5a1,#f7ebcd,#d8be81);color:#17140e;border:1px solid #ead5a0;box-shadow:0 4px 20px #e9d5a112}.secondary{border:1px solid #6b5e40;color:#e9d5a1;background:#191815}.actions span{font-size:10px;font-weight:400}.originals{display:flex;flex-wrap:wrap;gap:18px}.originals a{display:flex;align-items:center;gap:9px;font-size:12px;min-height:44px}.originals img{object-fit:contain;border-radius:4px;background:#eee;padding:4px}.demo{min-width:0}.scene{height:570px;background:radial-gradient(ellipse at 80% 5%,#383023,#151515 55%);border:1px solid #4a402d;border-radius:22px;padding:28px;box-shadow:0 20px 80px #0008;position:relative;overflow:hidden}.clock{font:500 35px Bricolage;color:#e9d5a1}.clock span{display:block;font:9px Geist;letter-spacing:2px;color:#aaa}.inputs{display:flex;gap:18px;margin-top:26px}.input{width:50%;border:1px solid #5c5039;border-radius:9px;background:#24211a;padding:16px;transition:transform 1s,opacity 1s}.input svg{width:35px;height:35px;fill:none;stroke:#e9d5a1;stroke-width:2}.input span,.input small{display:block}.input span{font-size:14px;color:#efeadf}.input small{font-size:11px;color:#b5afa2}.engine{position:relative;display:flex;align-items:center;gap:14px;margin:18px 0;height:85px;border:1px solid #3a3830;border-radius:10px;background:#191917;overflow:hidden}.engine img{object-fit:cover;border-radius:8px;margin-left:10px}.engine div{font:500 20px Bricolage}.engine div span{display:block;font:10px Geist;color:#aaa}.scan{position:absolute;width:4px;background:#e9d5a1;box-shadow:0 0 24px #e9d5a1;height:100%;left:-5px;animation:scan 4.2s infinite}.brief{position:relative;z-index:1;background:#29251c;border:1px solid #665538;border-radius:10px;padding:18px 20px;transform:translateY(22px);opacity:.3;transition:transform 1s,opacity 1s}.brief>div:first-child{font-size:9px;letter-spacing:1px;color:#e9d5a1;display:flex;justify-content:space-between}.brief h3{font-size:19px;letter-spacing:-.02em}.brief p{font-size:12px;margin:8px 0}.brief small{font-size:10px;color:#bdb5a3}.wave{display:flex;gap:4px;align-items:center;height:28px;margin-top:10px;opacity:.2}.wave i{display:block;width:4px;height:var(--h);border-radius:5px;background:#e9d5a1;animation:wave .8s var(--d) infinite alternate;animation-play-state:paused}.scene[data-phase="1"] .input,.scene[data-phase="2"] .input{transform:translateY(8px) scale(.94);opacity:.65}.scene[data-phase="1"] .brief,.scene[data-phase="2"] .brief{transform:translateY(0);opacity:1}.scene[data-phase="2"] .wave{opacity:1}.scene[data-phase="2"] .wave i{animation-play-state:running}.paused *{animation-play-state:paused!important}.controls{display:flex;gap:6px;justify-content:space-between;margin-top:12px}.controls button{background:none;color:#c9c4b9;border:1px solid #353330;border-radius:7px;padding:8px 9px;font-size:11px;min-height:44px}.controls button[aria-pressed="true"]{color:#e9d5a1;border-color:#a89055}.caption{font-size:10px;color:#8a877f;margin:10px 0 0}section{padding:60px 0;border-bottom:1px solid #2c2b28}.start{padding-top:20px}.start>p{max-width:850px}.jump{display:grid;grid-template-columns:repeat(3,1fr);gap:0;margin-top:32px}.jump a{display:flex;gap:13px;padding:16px 12px;border:1px solid #302e29;text-decoration:none;font-size:12px}.jump b{color:#e9d5a1}.step{display:grid;grid-template-columns:100px 1fr;gap:30px}.step .number{font:400 64px Bricolage;color:#6a5c40}.step h2{font-size:33px;margin-top:0}.step p{max-width:850px}.do{border-left:2px solid #9f8751;padding:10px 0 10px 24px;margin:27px 0}.do span{font-size:10px;letter-spacing:1.2px;color:#e9d5a1}.do p{margin:9px 0 0;color:#e5e0d6}.sources,.skill-links{display:flex;flex-wrap:wrap;gap:10px 24px;margin-top:24px}.sources a,.skill-links a{font-size:12px;min-height:30px;color:#dfc990}details{border-top:1px solid #39352d;padding:18px 0}summary{cursor:pointer;color:#e0d5be;font-size:15px;min-height:30px}details p{margin-top:17px}.kit{display:grid;grid-template-columns:repeat(3,1fr);gap:32px;margin:36px 0}.kit span{font-size:10px;letter-spacing:1px;color:#ddc795}.kit h3{font-size:23px}.kit p{font-size:14px}.prompt{padding:24px;border:1px solid #3d382e;border-radius:10px;margin:18px 0;background:#151412}.prompt>div{display:flex;justify-content:space-between;gap:20px;align-items:center}.prompt h3{font-size:23px;margin:0 0 15px}.prompt button,.copy button{border:1px solid #7c6942;background:#242017;color:#ead6a6;border-radius:6px;padding:10px 16px;min-height:44px;white-space:nowrap;font-size:12px}pre{font:14px/1.8 Geist;white-space:pre-wrap;overflow-wrap:anywhere;color:#d2cec4}.copy pre{font:13px/1.8 monospace}.community{display:flex;gap:40px;align-items:center;justify-content:space-between;margin-top:60px;padding:35px;border:1px solid #615235;background:#17150f;border-radius:12px}.community p{margin:10px 0 0;font-size:14px}.community .primary{flex-shrink:0}footer{display:flex;gap:28px;padding-top:30px;padding-bottom:40px;font-size:12px;color:#999}#status{position:fixed;bottom:20px;left:50%;transform:translateX(-50%);background:#e9d5a1;color:#111;padding:0 20px;border-radius:6px;z-index:5}#status:not(:empty){padding:10px 20px}@keyframes scan{0%{left:-5px}65%,100%{left:105%}}@keyframes wave{to{height:6px;opacity:.5}}@media(max-width:850px){header,main,footer{padding-left:22px;padding-right:22px}.hero{grid-template-columns:1fr;gap:35px;padding:45px 0}h1{font-size:77px}.lead{font-size:17px}.demo{max-width:540px;width:100%}.scene{height:560px}.jump{grid-template-columns:1fr 1fr}.step{grid-template-columns:38px 1fr;gap:12px}.step .number{font-size:28px}.step h2{font-size:28px}.kit{grid-template-columns:1fr;gap:17px}.kit>div{border-bottom:1px solid #302d27;padding-bottom:14px}.prompt{padding:20px}.prompt>div{align-items:flex-start;flex-direction:column;gap:4px}.community{flex-direction:column;align-items:flex-start;padding:25px}.sources{gap:8px 20px}section{padding:40px 0}}@media(max-width:420px){.brand{font-size:19px}header>a:last-child{font-size:11px}.scene{padding:18px;height:540px}.inputs{gap:10px}.input{padding:12px}.brief{padding:17px}.jump a{font-size:11px;padding:12px 7px}.step{display:block}.step .number{margin-bottom:15px}.actions a{width:100%}.controls{gap:4px}.controls button{font-size:10px;padding:8px}.originals{gap:10px}.originals a{font-size:11px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}