:root{--bg:#f7f8fb;--surface:#fff;--border:#e6e9f2;--border-hi:#d3d9e8;--ink:#17223b;--soft:#58637b;--accent:#3b5bdb;--accent-dk:#3050c8;--accent-tint:#edf1fe;--accent-soft:#8fa3ec;--navy:#0f1a33;--emerald:#0e8a62;--emerald-t:#e5f4ee;--stamp:#d14434;--stamp-t:#fcedea;--mono:"IBM Plex Mono",ui-monospace,monospace;--display:"Bricolage Grotesque",system-ui,sans-serif;--body:"Inter",system-ui,sans-serif;--shadow-sm:0 2px 10px -2px #17223b0f;--shadow-md:0 16px 40px -16px #17223b29;--shadow-lg:0 30px 60px -20px #17223b38;--maxw:1140px}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--body);color:var(--ink);background:var(--bg);-webkit-font-smoothing:antialiased;background-image:radial-gradient(900px 420px at 70% -10%,#3b5bdb12,#0000 65%);font-size:16px;line-height:1.65}a{color:inherit}img{max-width:100%;display:block}.wrap{max-width:var(--maxw);margin:0 auto;padding:0 24px}h1,h2,h3{font-family:var(--display);letter-spacing:-.015em;line-height:1.15}h2{font-size:clamp(1.5rem,2.8vw,2.1rem);font-weight:700}.kicker{font-family:var(--mono);text-transform:uppercase;letter-spacing:.13em;color:var(--accent);background:var(--accent-tint);border:1px solid #d8e0f8;border-radius:999px;align-items:center;gap:.55rem;margin-bottom:16px;padding:.4rem .9rem;font-size:.72rem;font-weight:600;display:inline-flex}.kicker:before{content:"";background:var(--accent);border-radius:50%;width:6px;height:6px}.btn{cursor:pointer;border:1px solid #0000;border-radius:12px;justify-content:center;align-items:center;gap:.5rem;padding:.85rem 1.5rem;font-size:.97rem;font-weight:600;text-decoration:none;transition:transform .15s,box-shadow .15s,background .15s,border-color .15s;display:inline-flex}.btn:focus-visible{outline:3px solid var(--accent-soft);outline-offset:3px}.btn-primary{background:var(--accent);color:#fff;box-shadow:0 10px 26px -10px #3b5bdb8c}.btn-primary:hover{background:var(--accent-dk);transform:translateY(-1px)}.btn-ghost{background:var(--surface);color:var(--ink);border-color:var(--border-hi)}.btn-ghost:hover{border-color:var(--accent-soft)}.crumbs{color:var(--soft);padding-top:26px;font-size:.84rem}.crumbs a{text-decoration:none}.crumbs a:hover{color:var(--accent)}.crumbs .sep{color:var(--border-hi);margin:0 .5rem}.crumbs .here{color:var(--ink);font-weight:500}.hero{text-align:center;padding:34px 0 20px}.hero h1{width:100%;max-width:none;margin:0 0 16px;font-size:clamp(2rem,4.4vw,3rem);font-weight:800}.hero h1 .hl{color:var(--accent);background:linear-gradient(transparent 70%, var(--accent-tint) 70%)}.hero .lede{color:var(--soft);width:100%;max-width:none;margin:0 0 26px;font-size:1.1rem}.hero .ctas{flex-wrap:wrap;justify-content:center;gap:.8rem;display:flex}.tstrip{grid-template-columns:repeat(4,1fr);gap:0;width:100%;max-width:none;margin:40px auto 0;display:grid;position:relative}.tstrip:before{content:"";background:linear-gradient(90deg,var(--accent) 0%,var(--accent) 62%,var(--border-hi) 62%);height:2px;position:absolute;top:21px;left:12%;right:12%}.tdot{text-align:center;position:relative}.tdot .n{z-index:1;width:44px;height:44px;font-family:var(--mono);background:var(--accent);color:#fff;border-radius:50%;place-items:center;margin:0 auto 10px;font-weight:600;display:grid;position:relative;box-shadow:0 8px 18px -8px #3b5bdb99}.tdot.pay .n{background:var(--navy)}.tdot .l{font-size:.86rem;font-weight:600}.tdot .s{font-family:var(--mono);color:var(--soft);text-transform:uppercase;letter-spacing:.06em;margin-top:2px;font-size:.66rem;display:block}.tdot .s.free{color:var(--emerald)}.step{padding:64px 0 10px}.step .grid{grid-template-columns:1fr 1fr;align-items:center;gap:52px;display:grid}.step:nth-of-type(2n) .grid>.vis{order:2}.step .num{font-family:var(--mono);letter-spacing:.1em;color:var(--accent);text-transform:uppercase;margin-bottom:12px;font-size:.72rem;font-weight:600;display:block}.step .num .free{color:var(--emerald)}.step h2{margin-bottom:12px;scroll-margin-top:24px}.step p{color:#39445c;margin-bottom:12px}.step ul{color:#39445c;margin:0 0 14px 1.3rem}.step li{margin-bottom:6px}.step a{color:var(--accent);font-weight:600;text-decoration:none}.step a:hover{text-decoration:underline}.vis{justify-content:center;display:flex}.viscard{background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow-lg);border-radius:18px;width:100%;max-width:380px;padding:26px}.upzone{border:2px dashed var(--accent-soft);background:var(--accent-tint);text-align:center;border-radius:14px;padding:30px 20px}.upzone .ic{background:var(--accent);color:#fff;border-radius:12px;place-items:center;width:46px;height:46px;margin:0 auto 12px;font-size:1.2rem;display:grid}.upzone b{margin-bottom:4px;display:block}.upzone span{color:var(--soft);font-size:.82rem}.fmt{justify-content:center;gap:6px;margin-top:14px;display:flex}.fmt i{font-family:var(--mono);background:var(--surface);border:1px solid var(--border);color:var(--soft);border-radius:6px;padding:.25rem .5rem;font-size:.66rem;font-style:normal;font-weight:600}.explain .row{border-bottom:1px solid var(--border);align-items:flex-start;gap:.7rem;padding:10px 0;display:flex}.explain .row:last-child{border-bottom:none}.explain .tag{font-family:var(--mono);text-transform:uppercase;letter-spacing:.07em;white-space:nowrap;border-radius:999px;flex:none;margin-top:2px;padding:.24rem .55rem;font-size:.6rem;font-weight:600}.explain .tag.b{background:var(--accent-tint);color:var(--accent);border:1px solid #d8e0f8}.explain .tag.r{background:var(--stamp-t);color:var(--stamp);border:1px solid #f0c4bc}.explain .tag.g{background:var(--emerald-t);color:var(--emerald);border:1px solid #bee3d2}.explain p{color:#39445c;margin:0;font-size:.86rem}.qa .q{margin-bottom:8px;font-size:.88rem;font-weight:600}.qa .opts{flex-direction:column;gap:8px;margin-bottom:16px;display:flex}.qa .o{border:1px solid var(--border);color:var(--soft);border-radius:10px;padding:.6rem .8rem;font-size:.85rem}.qa .o.sel{border-color:var(--accent);background:var(--accent-tint);color:var(--ink);font-weight:600}.qa .verdict{background:var(--emerald-t);color:#155e44;border:1px solid #bee3d2;border-radius:10px;padding:.7rem .9rem;font-size:.85rem}.pack .item{border-bottom:1px solid var(--border);align-items:center;gap:.7rem;padding:9px 0;font-size:.88rem;display:flex}.pack .item:last-child{border-bottom:none}.pack .ck{background:var(--emerald-t);width:22px;height:22px;color:var(--emerald);border:1px solid #bee3d2;border-radius:7px;flex:none;place-items:center;font-size:.7rem;font-weight:700;display:grid}.pack .price-line{background:var(--navy);color:#fff;border-radius:10px;justify-content:space-between;align-items:center;margin-top:14px;padding:.75rem 1rem;display:flex}.pack .price-line b{font-family:var(--display);font-size:1.2rem}.pack .price-line span{color:#aeb9d4;font-size:.78rem}.secband{background:var(--navy);color:#fff;border-radius:22px;margin:70px 0 0;padding:40px;position:relative;overflow:hidden}.secband:before{content:"";pointer-events:none;background:radial-gradient(480px 240px at 12% -30%,#3b5bdb80,#0000 70%);position:absolute;inset:0}.secband>*{position:relative}.secband h2{color:#fff;margin-bottom:20px}.secgrid{grid-template-columns:repeat(3,1fr);gap:22px;display:grid}.secgrid h3{color:#fff;margin-bottom:6px;font-size:1rem}.secgrid p{color:#aeb9d4;font-size:.9rem}.faqsec{padding:70px 0 10px}.faqsec h2{text-align:center;margin-bottom:28px}.faq{width:100%;max-width:none;margin:0 auto}.faq details{background:var(--surface);border:1px solid var(--border);border-radius:14px;margin-bottom:12px;transition:border-color .2s,box-shadow .2s;overflow:hidden}.faq details[open]{border-color:var(--accent-soft);box-shadow:var(--shadow-sm)}.faq summary{cursor:pointer;justify-content:space-between;align-items:center;gap:1rem;padding:18px 22px;font-size:1rem;font-weight:600;list-style:none;display:flex}.faq summary::-webkit-details-marker{display:none}.faq summary:after{content:"+";font-family:var(--mono);color:var(--accent);font-size:1.2rem}.faq details[open] summary:after{content:"-"}.faq .a{color:var(--soft);padding:0 22px 20px;font-size:.95rem}.faq .a a{color:var(--accent);font-weight:600;text-decoration:none}.faqsec .more{text-align:center;color:var(--soft);margin-top:18px;font-size:.92rem}.faqsec .more a{color:var(--accent);font-weight:600;text-decoration:none}.final{text-align:center;background:var(--navy);color:#fff;border-radius:24px;margin:50px 0 60px;padding:52px 48px;position:relative;overflow:hidden}.final:before{content:"";pointer-events:none;background:radial-gradient(560px 280px at 50% -20%,#3b5bdb80,#0000 70%);position:absolute;inset:0}.final>*{position:relative}.final h2{color:#fff;margin-bottom:12px}.final p{color:#aeb9d4;max-width:36rem;margin:0 auto 26px}.final .deadline{font-family:var(--mono);color:#8391b3;letter-spacing:.06em;margin-top:16px;font-size:.78rem}@media (max-width:960px){.tstrip{grid-template-columns:repeat(2,1fr);gap:22px}.tstrip:before{display:none}.step .grid{grid-template-columns:1fr;gap:28px}.step:nth-of-type(2n) .grid>.vis{order:0}.secgrid{grid-template-columns:1fr}.secband{padding:28px 22px}.final{padding:44px 24px}}
