@font-face{font-family:Geist;src:url('/assets/fonts/geist-latin-wght-normal.woff2')}*{box-sizing:border-box}html{background:#131310;color:#f6f1e8;font:17px/1.55 Geist,Arial,sans-serif}body{margin:0}header,main,footer{width:min(1200px,90%);margin:auto}header{padding:24px 0;border-bottom:1px solid #474339}a{color:#ebd6ab;text-underline-offset:.2em}a:focus-visible,button:focus-visible{outline:3px solid #efcd77;outline-offset:4px}.hero{display:grid;grid-template-columns:1fr 1fr;gap:6%;align-items:center;padding:clamp(32px,6vw,88px) 0}.brand,li{display:flex;align-items:center;gap:12px}.brand img,li img{object-fit:contain}h1,h2,h3{font-family:Georgia,serif;font-weight:400;line-height:1.06;text-wrap:balance}h1{font-size:clamp(44px,5.4vw,86px);letter-spacing:-.055em;margin:18px 0}h1 em{color:#e9d5a1}p{max-width:58ch}nav{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px}nav a,button{padding:11px 14px;border:1px solid #746d5b;border-radius:6px;text-decoration:none;font-size:.93rem}.gold{background:linear-gradient(110deg,#ffe9b7,#dec38d);color:#191712;font-weight:700}figure{margin:0}.browser{overflow:hidden;border:1px solid #887855;border-radius:12px;box-shadow:0 18px 50px #0008;transform:perspective(1000px) rotateY(-5deg)}.bar{background:#39362d;padding:8px 16px;font-size:.8rem}.view{position:relative;aspect-ratio:1.43}.view img{width:100%;height:100%;object-fit:cover;object-position:top;position:absolute;inset:0}.after{clip-path:inset(0 100% 0 0);transition:clip-path 1.4s ease-in-out}.finished .after{clip-path:inset(0)}figcaption{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:15px;color:#c5bdad;font-size:.8rem}button{color:inherit;background:none;cursor:pointer;font:inherit}.steps{max-width:850px;margin:0 auto;padding:35px 0 68px}h2{font-size:clamp(32px,4vw,54px);margin:0 0 24px}article{border-top:1px solid #565045;padding:24px 0}h3{font-size:27px;color:#eedcb7;margin:0}ul{padding:0}li{margin:12px 0}li img{width:33px;height:33px;border-radius:5px;background:#f4f0e8}footer{display:flex;gap:20px;flex-wrap:wrap;padding:25px 0 45px;border-top:1px solid #474339;font-size:.9rem}@media(max-width:760px){.hero{grid-template-columns:1fr;gap:35px}.browser{transform:none}header{padding:16px 0}.hero{padding-top:24px}.view{aspect-ratio:1.55}}@media(prefers-reduced-motion:reduce){.after{transition:none}}