@font-face{font-family:Serif;src:url('/assets/fonts/DMSerifDisplay-Regular.ttf')}@font-face{font-family:Body;src:url('/assets/fonts/montserrat-400.woff2')}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#EBE0CF;color:#291F18;font:16px/1.7 Body,Arial,sans-serif}h1,h2{font-family:Serif,Georgia,serif;font-weight:400;line-height:1.08}h1{font-size:clamp(42px,4.8vw,69px);margin:20px 0}h1 em{color:#A8481F;font-weight:400}h2{font-size:clamp(29px,3vw,42px)}a{color:#8C3A17;text-underline-offset:4px}button,input{font:inherit}button{cursor:pointer}main{max-width:1240px;margin:auto;padding:0 36px}.hero{display:grid;grid-template-columns:1.05fr 1fr;gap:60px;align-items:center;padding:75px 0 80px}.provider{display:flex;align-items:center;gap:12px;font-size:10px;letter-spacing:.13em}.provider img{object-fit:contain}.lead{max-width:560px;font-size:17px}.download{display:inline-block;background:#A8481F;color:#fff8ef!important;padding:16px 24px;border-radius:9px;box-shadow:0 5px 0 #793518;text-decoration:none;font-weight:bold;margin:14px 0}.download small{display:block;font-size:11px;font-weight:400}.jump{display:block;font-size:13px;margin-top:15px}.visual{min-width:0}.scene{height:430px;position:relative;background:radial-gradient(ellipse at center,#fff9ed,#dec6a6);border-radius:30px;overflow:hidden;box-shadow:0 25px 65px #291f1819;perspective:850px}.scene-title{position:absolute;top:25px;width:100%;text-align:center;font-size:9px;letter-spacing:.12em}.sheets{position:absolute;left:9%;top:90px;width:180px;height:180px;animation:pack 8s ease-in-out infinite}.sheets span{position:absolute;left:0;top:0;width:175px;height:95px;background:#F8F0E4;border:1px solid #D8C5AD;border-radius:5px;padding:12px;font-size:12px;box-shadow:0 9px 20px #291f1818;transform:rotate(-9deg)}.sheets span:nth-child(2){top:25px;left:8px;transform:rotate(-4deg)}.sheets span:nth-child(3){top:50px;left:16px;transform:rotate(3deg)}.sheets span:nth-child(4){top:75px;left:24px;transform:rotate(7deg)}.sheets span:nth-child(5){top:100px;left:32px;transform:rotate(11deg)}.key{position:absolute;left:25%;bottom:45px;padding:10px 28px;background:#F8F0E4;border-radius:12px;border:1px solid #D8C5AD;box-shadow:0 9px 0 #b99570,0 15px 20px #291f1826;font:22px/1.5 Consolas,monospace;transform:rotate(-7deg);animation:press 8s infinite}.summary{position:absolute;right:7%;top:140px;width:200px;background:#291F18;color:#F8F0E4;padding:23px 18px;border-radius:8px;box-shadow:0 20px 30px #291f1825;transform:rotate(5deg);animation:appear 8s infinite}.summary b{font-family:Serif;font-size:25px;font-weight:400}.summary span{display:block;border-top:1px solid #66574A;padding-top:10px;margin-top:12px;font-size:10px}.summary i{font-size:11px;color:#dfad8e}.scene-caption{display:flex;gap:16px;justify-content:space-between;align-items:center;font-size:10px;margin-top:18px}.scene-caption button{border:1px solid #D8C5AD;border-radius:6px;background:transparent;padding:7px;font-size:10px}.paused *{animation-play-state:paused!important}.start{display:grid;grid-template-columns:.8fr 1.2fr;gap:70px;border-top:1px solid #D8C5AD;border-bottom:1px solid #D8C5AD;padding:48px 0}.eyebrow{font-size:10px;letter-spacing:.13em;color:#A8481F;font-weight:bold}details{font-size:13px}summary{cursor:pointer;font-weight:bold}.list{max-width:850px;margin:80px auto}.list label{display:block;font-size:13px}.list input{width:100%;padding:15px 18px;border:1px solid #B9A48B;background:#F8F0E4;border-radius:8px;margin:8px 0;outline-offset:4px}#count{font-size:12px;color:#66574A}.command{display:grid;grid-template-columns:45px 1fr;gap:20px;border-top:1px solid #D8C5AD;padding:34px 0 42px}.command[hidden]{display:none}.number{font-size:12px;color:#A8481F;padding-top:10px}h3{margin:0;font-size:28px;line-height:1.3}h4{font-weight:600;font-size:18px;margin:12px 0}.command p{font-size:14px}.copybox{display:flex;align-items:center;gap:16px;background:#291F18;color:#F8F0E4;border-radius:8px;padding:17px;margin:18px 0}.copybox code{flex:1;white-space:pre-wrap;overflow-wrap:anywhere;font:13px/1.6 Consolas,monospace}.copy{font-size:11px;border:1px solid #66574A;background:#F8F0E4;border-radius:5px;padding:7px 10px;color:#291F18}.command .note{font-size:12px;color:#66574A}.command a{font-size:12px}.closing{padding:0 0 70px;max-width:740px}footer{padding:30px;text-align:center;font-size:12px;border-top:1px solid #D8C5AD}@keyframes pack{0%,18%,85%,100%{transform:translateX(0);opacity:1}45%,65%{transform:translateX(65px) scale(.7);opacity:.35}}@keyframes appear{0%,18%,85%,100%{opacity:.55;transform:rotate(5deg) translateY(7px)}45%,65%{opacity:1;transform:rotate(0deg) translateY(-7px)}}@keyframes press{0%,28%,60%,100%{translate:0 0}35%,50%{translate:0 6px}}@media(max-width:780px){main{padding:0 22px}.hero{grid-template-columns:1fr;gap:38px;padding:38px 0 50px}.scene{height:370px}.start{grid-template-columns:1fr;gap:4px;padding:30px 0}.list{margin:50px auto}.command{grid-template-columns:26px 1fr;gap:10px}.copybox{flex-wrap:wrap}.copybox code{flex-basis:100%}.summary{right:4%;width:165px;top:115px}.summary b{font-size:21px}.sheets{left:4%;scale:.8;transform-origin:left top}.key{left:14%;bottom:35px}.scene-caption{align-items:flex-start}.lead{font-size:15px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.scene *{animation:none!important}}