:root{--blue:#2563eb;--blue-d:#1d4ed8;--ink:#343f52;--ink-d:#111827;--mut:#6b7686;--line:#e5e9f2;--soft:#f3f6fc;--ok:#16a34a}
*{box-sizing:border-box}html{scroll-behavior:smooth}
body{margin:0;font-family:'Nunito Sans',system-ui,sans-serif;color:var(--ink);background:#fff;line-height:1.55}
a{color:var(--blue)}.w{max-width:1080px;margin:0 auto;padding:0 20px}
header{position:sticky;top:0;background:#ffffffee;backdrop-filter:blur(8px);border-bottom:1px solid var(--line);z-index:5}
header .w{display:flex;align-items:center;justify-content:space-between;height:64px}
.logo{font-weight:900;font-size:20px;letter-spacing:.5px;color:var(--ink-d);text-decoration:none}.logo b{color:var(--blue)}
nav{display:flex;gap:22px;align-items:center}nav a{color:var(--ink);text-decoration:none;font-weight:700;font-size:15px}
.btn{display:inline-block;background:var(--blue);color:#fff!important;border:0;border-radius:12px;padding:13px 22px;font:800 16px 'Nunito Sans',sans-serif;cursor:pointer;text-decoration:none;transition:background .15s}
.btn:hover{background:var(--blue-d)}.btn.sm{padding:9px 16px;font-size:14px}.btn.ghost{background:#fff;color:var(--blue)!important;border:2px solid var(--blue)}
h1{font-size:clamp(32px,6vw,52px);line-height:1.1;font-weight:900;color:var(--ink-d);margin:0 0 14px}
h2{font-size:clamp(26px,4vw,36px);font-weight:900;color:var(--ink-d);margin:0 0 10px;line-height:1.15}
.hero{text-align:center;padding:64px 20px 40px}.hero p.sub{font-size:19px;max-width:640px;margin:0 auto 28px;color:var(--mut)}
.pill{display:inline-block;background:#e8f0ff;color:var(--blue);font-weight:800;font-size:13px;padding:6px 14px;border-radius:99px;margin-bottom:18px}
.box{background:#fff;border:1px solid var(--line);border-radius:20px;padding:22px;box-shadow:0 10px 30px rgba(37,99,235,.08);max-width:680px;margin:0 auto;text-align:left}
label{display:block;font-weight:800;font-size:14px;margin:0 0 6px}
input,textarea,select{width:100%;font:600 16px 'Nunito Sans',sans-serif;color:var(--ink-d);padding:13px 14px;border:2px solid var(--line);border-radius:12px;outline:0;background:#fff}
input:focus,textarea:focus{border-color:var(--blue)}.row{display:flex;gap:10px;flex-wrap:wrap}.row>*{flex:1 1 200px}
.err{color:#dc2626;font-weight:700;margin:10px 0 0;min-height:1em}.hint{font-size:13px;color:var(--mut);margin:6px 0 0}
.res{display:none;margin-top:18px;padding:16px;background:var(--soft);border-radius:14px}
.res.on{display:block}.short{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.short code{font:800 18px 'Nunito Sans';color:var(--blue);word-break:break-all;flex:1 1 180px}
.qr{margin-top:14px;display:flex;gap:16px;align-items:center;flex-wrap:wrap}#qr img,#qr canvas{border-radius:8px;background:#fff;padding:6px}
section{padding:56px 0}section.alt{background:var(--soft)}.c{text-align:center}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:18px;margin-top:28px}
.card{background:#fff;border:1px solid var(--line);border-radius:18px;padding:22px}.card h3{margin:0 0 6px;font-size:18px;font-weight:900;color:var(--ink-d)}.card p{margin:0;color:var(--mut);font-size:15px}
.ico{font-size:26px;margin-bottom:8px}.steps{counter-reset:s}.steps .card{position:relative;padding-top:44px}.steps .card:before{counter-increment:s;content:counter(s);position:absolute;top:-16px;left:20px;width:34px;height:34px;border-radius:50%;background:var(--blue);color:#fff;font-weight:900;display:grid;place-items:center}
.chips{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-top:20px}.chip{background:#fff;border:1px solid var(--line);border-radius:99px;padding:8px 16px;font-weight:800;font-size:14px}
.free{background:linear-gradient(135deg,#2563eb,#1e40af);color:#fff;border-radius:24px;padding:40px 28px;text-align:center}.free h2{color:#fff}.free ul{list-style:none;padding:0;margin:20px auto 24px;display:grid;gap:8px;max-width:520px;text-align:left;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.free li:before{content:"✓ ";font-weight:900}
.free .btn{background:#fff;color:var(--blue)!important}
details{background:#fff;border:1px solid var(--line);border-radius:14px;padding:16px 18px;margin-bottom:10px}summary{font-weight:800;cursor:pointer;color:var(--ink-d)}details p{margin:10px 0 0;color:var(--mut)}
table{width:100%;border-collapse:collapse;font-size:15px}th,td{text-align:left;padding:10px 8px;border-bottom:1px solid var(--line)}th{color:var(--mut);font-size:13px;text-transform:uppercase;letter-spacing:.5px}
.bar{height:10px;background:var(--blue);border-radius:6px;min-width:3px}.sbox{display:none}.sbox.on{display:block}
footer{border-top:1px solid var(--line);padding:30px 0;color:var(--mut);font-size:14px;text-align:center}
.my{list-style:none;padding:0;margin:0}.my li{display:flex;gap:10px;align-items:center;justify-content:space-between;padding:12px 0;border-bottom:1px solid var(--line);flex-wrap:wrap}.my .u{min-width:0;flex:1 1 200px}.my .u b{display:block;color:var(--blue)}.my .u span{display:block;font-size:13px;color:var(--mut);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
@media(max-width:640px){nav a.hide{display:none}.hero{padding-top:40px}}