*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#f6f5f1;color:#171717;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.6}.hero{min-height:72vh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:72px 20px 60px}.badge{font-size:12px;font-weight:800;letter-spacing:.12em;background:#e8f4ef;padding:7px 12px;border-radius:999px;margin-bottom:22px}.hero h1{font-size:clamp(42px,7vw,76px);line-height:1.02;letter-spacing:-.055em;max-width:850px;margin:0}.hero h1 span{display:block}.lead{font-size:20px;max-width:650px;color:#5d5d5d;margin:24px 0 30px}.code-card{width:min(520px,100%);background:#fff;border:1px solid #e2e0da;border-radius:20px;padding:18px 18px 18px 24px;display:flex;align-items:center;justify-content:space-between;box-shadow:0 12px 35px #0000000d;text-align:left}.code-card small{display:block;color:#858585;font-size:10px;font-weight:800;letter-spacing:.12em}.code{font-size:30px;font-weight:900;letter-spacing:.04em}.code-card button{border:0;background:#171717;color:#fff;font-weight:800;font-size:15px;padding:14px 20px;border-radius:12px;cursor:pointer}.code-card button:hover{transform:translateY(-1px)}.copied{height:24px;margin:9px 0 3px;color:#147653;font-weight:700}.cta{display:inline-block;margin-top:8px;background:#171717;color:#fff;text-decoration:none;font-weight:800;padding:15px 25px;border-radius:12px}.note{font-size:13px;color:#777;margin-top:14px}.content{max-width:820px;margin:0 auto;padding:30px 20px 80px}.content h2{font-size:34px;letter-spacing:-.035em;margin:55px 0 22px}.steps{display:grid;gap:12px}.steps article{display:flex;gap:18px;background:#fff;border:1px solid #e2e0da;border-radius:16px;padding:20px}.steps b{flex:none;width:38px;height:38px;border-radius:50%;background:#171717;color:#fff;display:grid;place-items:center}.steps h3{margin:0 0 3px;font-size:18px}.steps p{margin:0;color:#666}.faq{background:#fff;border:1px solid #e2e0da;border-radius:16px;overflow:hidden}.faq details{padding:18px 20px;border-bottom:1px solid #e8e6e1}.faq details:last-child{border-bottom:0}.faq summary{font-weight:800;cursor:pointer}.faq p{color:#666;margin:12px 0 0}.disclaimer{margin-top:35px;padding:18px;background:#eeece6;border-radius:12px;color:#666;font-size:13px}footer{text-align:center;color:#888;font-size:12px;padding:30px 20px;border-top:1px solid #e4e2dc}@media(max-width:600px){.hero{padding-top:55px}.code-card{padding:15px;gap:10px}.code{font-size:25px}.code-card button{padding:12px 14px}.content h2{font-size:28px}}