:root{--primary-100:#d4eaf7;--primary-300:#3b3c3d;--accent-100:#71c4ef;--accent-200:#00668c;--text-100:#1d1c1c;--text-200:#313d44;--bg-100:#fffefb;--bg-200:#f5f4f1;--bg-300:#cccbc8;--sans:"IBM Plex Sans","IBM Plex Sans KR","Noto Sans KR","Helvetica Neue",Arial,sans-serif;--mono:"IBM Plex Mono","SFMono-Regular",Consolas,monospace;--type-color:var(--accent-200);--radius:8px}*{box-sizing:border-box}[hidden]{display:none!important}html{-webkit-text-size-adjust:100%}body{background:var(--bg-200);color:var(--text-100);font-family:var(--sans);-webkit-font-smoothing:antialiased;margin:0;line-height:1.55}a{color:var(--accent-200)}.wrap{max-width:640px;margin:0 auto;padding:8px 16px}.site-header{display:flex;align-items: center;gap:10px;max-width:640px;margin:0 auto;padding:20px 16px 8px}.brand{display:inline-flex;color:var(--text-100);text-decoration:none;letter-spacing:-.02em;align-items: center;gap:10px;font-weight:600}.brand img{width:28px;height:28px}.site-header .by{font-family:var(--mono);color:var(--text-200);text-decoration:none;margin-left:auto;font-size:12px}.site-header .by:hover{color:var(--accent-200)}.card{background:var(--bg-100);border:1px solid var(--bg-300);border-radius:var(--radius);margin-bottom:16px;padding:28px 24px}h1{letter-spacing:-.035em;margin:.25em 0 .4em;font-size:clamp(1.9rem,6vw,2.6rem);font-weight:600;line-height:1.12}h2{letter-spacing:-.02em;margin:.3em 0 1em;font-size:1.4rem;font-weight:600;line-height:1.3}h3{margin:1.2em 0 .4em;font-size:1.05rem;font-weight:600}h3:first-child{margin-top:0}.eyebrow{font-family:var(--mono);text-transform:uppercase;letter-spacing:.06em;color:var(--accent-200);margin:0;font-size:.75rem}.lead{color:var(--text-200);font-size:1.1rem}.muted{color:var(--text-200)}.small{font-size:.875rem}.center{text-align:center}.disclaimer{color:var(--text-200);margin:16px 0 0;font-size:.8rem}.btn{display:inline-block;font:inherit;border-radius:var(--radius);cursor:pointer;text-decoration:none;text-align:center;border:1px solid #0000;padding:13px 24px;transition:transform 80ms,background .15s,opacity .15s;font-weight:600}.btn:active{transform:translateY(1px)}.btn-primary{background:var(--accent-200);color:var(--bg-100)}.btn-primary:hover{background:#00587a}.btn-dark{background:var(--primary-300);color:var(--bg-100)}.btn-outline{color:var(--text-100);border-color:var(--bg-300);background:0 0}.btn-outline:hover{border-color:var(--accent-200);color:var(--accent-200)}.btn-link{color:var(--text-200);background:0 0;padding:8px 0}.btn-link:hover{color:var(--accent-200)}.btn[disabled]{opacity:.6;cursor:default}.btn:focus-visible{outline:2px solid var(--accent-100);outline-offset:2px}.option:focus-visible{outline:2px solid var(--accent-100);outline-offset:2px}.type-chips{list-style:none;display:flex;flex-wrap:wrap;gap:8px;margin:24px 0 0;padding:0}.type-chips li{border:1px solid var(--bg-300);color:var(--text-200);display:inline-flex;border-radius:4px;align-items: center;gap:6px;padding:4px 10px;font-size:.8rem}.type-chips li:before{content:"";background:var(--chip);border-radius:2px;width:8px;height:8px}.progress{background:var(--primary-100);overflow:hidden;border-radius:2px;height:6px;margin-bottom:20px}#progress-bar{background:var(--accent-200);width:0;height:100%;transition:width .25s}.options{display:grid;gap:10px}.option{font:inherit;text-align:left;border-radius:var(--radius);border:1px solid var(--bg-300);background:var(--bg-100);color:var(--text-100);cursor:pointer;padding:15px 18px}.option:hover{border-color:var(--accent-200);background:#f7fbfd}.share-hero{background:var(--type-color);color:var(--bg-100);position:relative;overflow:hidden;border:none}.share-hero .eyebrow{color:#fffefbcc}.share-hero:after{content:"";position:absolute;background:#fffefb14;border-radius:36px;width:180px;height:180px;top:-40px;right:-40px;transform:rotate(-7deg)}.tagline{opacity:.95;margin-top:0;font-size:1.2rem;font-style:italic}.bars{display:grid;gap:8px}.bar-row{display:grid;grid-template-columns:9.5rem 1fr 3rem;align-items: center;gap:8px;font-size:.875rem}.bar-track{background:var(--bg-200);overflow:hidden;border-radius:2px;height:10px}.bar-fill{border-radius:2px;height:100%}.bar-row span:last-child{text-align:right;color:var(--text-200);font-family:var(--mono);font-size:.8rem}.tips{padding-left:1.2em}.tips li{margin-bottom:8px}.tips li::marker{color:var(--accent-200);font-weight:600}.share-row{display:flex;flex-wrap:wrap;justify-content:center;gap:8px}.offer{border:1px solid var(--accent-200);box-shadow:inset 0 3px 0 var(--accent-200)}.checks{list-style:none;padding:0}.checks li{position:relative;margin-bottom:6px;padding-left:1.6em}.checks li:before{content:"✓";position:absolute;color:var(--accent-200);font-weight:700;left:0}.email-form{display:grid;gap:10px;margin-top:12px}.email-form input[type=email]{font:inherit;border-radius:var(--radius);border:1px solid var(--bg-300);background:var(--bg-200);color:var(--text-100);padding:12px 14px}.email-form input[type=email]:focus{outline:2px solid var(--accent-100);border-color:var(--accent-200)}.consent{color:var(--text-200);display:flex;align-items: flex-start;gap:8px;font-size:.8rem}.consent input{accent-color:var(--accent-200);margin-top:3px}.form-msg{color:var(--accent-200);margin:0}.prose ul{padding-left:1.2em}.footer{text-align:center;color:var(--text-200);max-width:640px;margin:0 auto;padding:16px 16px 32px;font-size:.8rem}.footer a{color:inherit}.footer .credit{display:block;font-family:var(--mono);margin-top:6px;font-size:12px}.footer .credit a{color:var(--accent-200);text-decoration:none}.consent a{color:inherit}@media (max-width:420px){.bar-row{grid-template-columns:7.5rem 1fr 2.6rem}.card{padding:22px 18px}}