@import url('https://fonts.googleapis.com/css2?family=DM+Mono&family=Manrope:wght@400;500;600;700;800&family=Playfair+Display:ital,wght@0,600;1,600&display=swap');
:root{--ink:#10261f;--pine:#0f3529;--lime:#dff548;--paper:#f6f5ee;--muted:#698178;--line:#d8ddd3}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:Manrope,Arial,sans-serif}.nav{height:76px;max-width:1190px;margin:auto;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{font-weight:800;letter-spacing:-1px;text-decoration:none;color:var(--ink);font-size:19px}.brand span{color:#5b786d;margin-left:2px}.nav nav{display:flex;gap:25px}.nav nav a{color:#547067;text-decoration:none;font-size:13px;font-weight:600}main{max-width:1190px;margin:auto}.hero{padding:88px 0 50px;max-width:680px}.eyebrow{font:10px 'DM Mono',monospace;letter-spacing:1.7px;color:#688177;margin:0 0 13px}.hero h1{font-size:clamp(50px,7vw,86px);line-height:.98;letter-spacing:-4px;margin:0 0 23px}.hero h1 em{font-family:'Playfair Display',serif;font-weight:600;color:#527367}.hero>p:last-child{color:#577168;line-height:1.7;max-width:460px;font-size:15px}.card-grid{display:grid;grid-template-columns:1.35fr .65fr;gap:18px;align-items:stretch}.redeem-card{background:var(--pine);border-radius:20px;padding:34px;color:#eef9eb}.card-heading{display:flex;justify-content:space-between;align-items:flex-start;border-bottom:1px solid #315446;padding-bottom:25px;margin-bottom:25px}.card-heading .eyebrow{color:#a0bcb0}.card-heading h2,.status-card h2{margin:0;font-size:27px;letter-spacing:-1px}.step{font:12px 'DM Mono';color:#b6d0c3;border:1px solid #49685d;border-radius:20px;padding:6px 9px}form{display:grid;grid-template-columns:1fr 1fr;gap:18px}label{font-size:12px;font-weight:700;display:grid;gap:9px;color:#c7ddd4}input{width:100%;background:#204439;border:1px solid #496a5d;border-radius:8px;padding:15px;color:white;font:13px 'DM Mono';outline:none}input:focus{border-color:var(--lime)}button{grid-column:span 2;background:var(--lime);border:0;border-radius:8px;color:#143027;font:700 14px Manrope;padding:16px;cursor:pointer;display:flex;justify-content:space-between;transition:.2s}button:hover{transform:translateY(-1px);background:#eaff67}button:disabled{opacity:.65;cursor:wait}.hint{font-size:11px;color:#9eb8ad;line-height:1.6;margin:19px 0 0}.status-card{border:1px solid var(--line);border-radius:20px;padding:34px;background:#fff}.status-card h2{font-size:25px}.status-card>p:not(.eyebrow){font-size:13px;line-height:1.7;color:var(--muted);margin:16px 0}.status-line{border-top:1px solid var(--line);padding-top:18px;display:flex;align-items:center;gap:9px}.status-line span{height:8px;width:8px;border-radius:50%;background:#b8c7c0}.status-line small{font:10px 'DM Mono';color:#688177}.status-card.processing .status-line span{background:#e7a52c;box-shadow:0 0 0 6px #fdf2d9}.status-card.success .status-line span{background:#49a66e;box-shadow:0 0 0 6px #e4f4e9}.status-card.failed .status-line span{background:#d95f52;box-shadow:0 0 0 6px #f9e5e3}.how{padding:105px 0}.how>div{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.how article{border-top:1px solid #bcc8c0;padding-top:17px}.how b{font:12px 'DM Mono';color:#6c887d}.how h3{font-size:18px;margin:20px 0 8px}.how p{font-size:13px;line-height:1.7;color:var(--muted);margin:0}footer{border-top:1px solid var(--line);padding:27px max(calc((100vw - 1190px)/2),20px);font-size:11px;color:#698178}@media(max-width:760px){.nav,main{margin:0 20px}.nav nav{display:none}.hero{padding-top:55px}.card-grid,form,.how>div{grid-template-columns:1fr}.redeem-card,.status-card{padding:25px}button{grid-column:auto}.how{padding:70px 0}.hero h1{letter-spacing:-2px}}