
:root{--blue:#0B3C8C;--blue-d:#072a63;--orange:#F2762E;--orange-d:#d9621f;--ink:#2B2F36;--ink-2:#5A6069;--ink-3:#8A9099;--bg:#F5F7FA;--surface:#fff;--border:#E1E5EA;--r:14px;--sh:0 10px 30px rgba(11,60,140,.10)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;color:var(--ink);background:var(--bg);line-height:1.6;font-size:17px}
img{max-width:100%;height:auto}a{color:var(--blue)}h1,h2,h3{line-height:1.2;color:var(--blue-d);margin:0 0 .5em}h1{font-size:2.6rem;font-weight:800}h2{font-size:1.9rem;font-weight:800}h3{font-size:1.2rem}
.wrap{max-width:1100px;margin:0 auto;padding:0 20px}.muted{color:var(--ink-2)}.small{font-size:.9rem}
.top{background:#fff;border-bottom:1px solid var(--border);position:sticky;top:0;z-index:50}.top .wrap{display:flex;align-items:center;justify-content:space-between;height:64px}
.brand{font-weight:900;font-size:1.45rem;letter-spacing:.5px;color:var(--blue);text-decoration:none}.brand span{color:var(--orange)}
.nav a{margin-left:18px;text-decoration:none;color:var(--ink);font-weight:500}.nav .cta{background:var(--orange);color:#fff;padding:9px 16px;border-radius:9px;font-weight:700}
@media(max-width:700px){.nav a:not(.cta){display:none}}
.btn{display:inline-block;background:var(--orange);color:#fff;text-decoration:none;font-weight:800;padding:15px 26px;border-radius:12px;font-size:1.05rem;box-shadow:0 8px 20px rgba(242,118,46,.35);border:0;cursor:pointer}.btn:hover{background:var(--orange-d)}.btn.sec{background:var(--blue);box-shadow:none}.btn.ghost{background:#fff;color:var(--blue);border:2px solid var(--blue);box-shadow:none}
.hero{background:linear-gradient(160deg,#0B3C8C 0%,#0d4aa8 60%,#1660c9 100%);color:#fff;padding:56px 0 30px}.hero .wrap{display:grid;grid-template-columns:1.05fr .95fr;gap:36px;align-items:center}
.hero h1{color:#fff;font-size:2.7rem}.hero p{font-size:1.15rem;color:#E6EEFB}.hero .tag{display:inline-block;background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.3);padding:6px 12px;border-radius:999px;font-size:.9rem;margin-bottom:14px}
.hero .proof{display:flex;flex-wrap:wrap;gap:8px 18px;margin-top:16px;font-size:.95rem;color:#CFE0FF}.hero .proof span::before{content:"✓ ";color:#7CF0B5;font-weight:800}
.hero img{filter:drop-shadow(0 30px 40px rgba(0,0,0,.4))}
@media(max-width:860px){.hero .wrap{grid-template-columns:1fr}.hero h1{font-size:2rem}h2{font-size:1.5rem}}
.sect{padding:64px 0}.sect.alt{background:#fff}.sect .lead{font-size:1.15rem;max-width:760px}
.grid{display:grid;gap:18px}.g3{grid-template-columns:repeat(3,1fr)}.g2{grid-template-columns:repeat(2,1fr)}.g4{grid-template-columns:repeat(4,1fr)}
@media(max-width:900px){.g3,.g4{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.g3,.g4,.g2{grid-template-columns:1fr}}
.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r);padding:22px;box-shadow:var(--sh)}.card h3{margin-top:0}.card .ic{font-size:1.7rem;margin-bottom:6px}
.pain li,.list li{margin-bottom:8px}.check{list-style:none;padding:0}.check li{padding-left:28px;position:relative;margin-bottom:10px}.check li::before{content:"✔";position:absolute;left:0;color:#1a9e5c;font-weight:900}
.contents{display:grid;grid-template-columns:1fr 1fr;gap:12px}@media(max-width:700px){.contents{grid-template-columns:1fr}}
.item{background:#fff;border:1px solid var(--border);border-radius:12px;padding:14px 16px;display:flex;gap:12px;align-items:flex-start}.item b{display:block;color:var(--blue-d)}.item .n{background:var(--blue);color:#fff;border-radius:8px;min-width:34px;height:34px;display:grid;place-items:center;font-weight:800;font-size:.9rem}.item .v{font-size:.85rem;color:var(--ink-3)}
.offer{background:#fff;border:3px solid var(--orange);border-radius:20px;padding:34px;max-width:640px;margin:0 auto;text-align:center;box-shadow:0 20px 50px rgba(11,60,140,.15)}.offer .price{font-size:3.2rem;font-weight:900;color:var(--blue-d);line-height:1}.offer .price small{font-size:1rem;color:var(--ink-2);font-weight:500}
.offer ul{text-align:left;margin:20px auto;max-width:460px}.offer .guar{background:#F5F7FA;border-radius:12px;padding:12px 16px;font-size:.93rem;margin-top:16px}
.form{background:#fff;border:1px solid var(--border);border-radius:var(--r);padding:26px;max-width:620px;margin:0 auto;box-shadow:var(--sh)}.form label{display:block;font-weight:600;font-size:.92rem;margin:12px 0 4px}.form input,.form select{width:100%;padding:12px 14px;border:1px solid #C9D0D8;border-radius:10px;font-size:1rem;font-family:inherit}.form .row{display:grid;grid-template-columns:1fr 1fr;gap:12px}@media(max-width:600px){.form .row{grid-template-columns:1fr}}
.form .cb{display:flex;gap:10px;align-items:flex-start;font-size:.9rem;margin-top:14px}.form .cb input{width:auto;margin-top:4px}.form .msg{margin-top:12px;font-weight:600}.form .btn{width:100%;margin-top:16px}
.faq details{background:#fff;border:1px solid var(--border);border-radius:12px;padding:14px 18px;margin-bottom:10px}.faq summary{font-weight:700;cursor:pointer;color:var(--blue-d)}
.steps{counter-reset:s}.steps .card{position:relative;padding-top:30px}.steps .card::before{counter-increment:s;content:counter(s);position:absolute;top:-16px;left:20px;background:var(--orange);color:#fff;width:36px;height:36px;border-radius:50%;display:grid;place-items:center;font-weight:900}
.foot{background:var(--ink);color:#C9CED6;padding:40px 0;font-size:.9rem}.foot a{color:#fff;text-decoration:none;margin-right:14px}.foot .brand{color:#fff}.foot .brand span{color:var(--orange)}
.page{padding:40px 0 70px;max-width:820px}.page h1{font-size:2rem}.page ol.files li{margin-bottom:8px}
.callbar{position:fixed;bottom:0;left:0;right:0;z-index:60;display:none;background:var(--orange);padding:10px 16px;text-align:center}.callbar a{color:#fff;font-weight:800;text-decoration:none}@media(max-width:700px){.callbar{display:block}body{padding-bottom:54px}}
.badge{display:inline-block;background:#EAF1FF;color:var(--blue);padding:4px 10px;border-radius:999px;font-size:.82rem;font-weight:700}
.article{background:#fff;padding:30px;border-radius:var(--r);border:1px solid var(--border)}.article h2{font-size:1.4rem;margin-top:1.4em}.article img{border-radius:10px}
.ctabox{background:var(--blue);color:#fff;border-radius:var(--r);padding:26px;margin:34px 0}.ctabox h3{color:#fff}.ctabox a.btn{margin-top:8px}
table.t{width:100%;border-collapse:collapse;background:#fff;border-radius:12px;overflow:hidden}table.t th,table.t td{padding:11px 14px;border-bottom:1px solid var(--border);text-align:left;vertical-align:top}table.t th{background:var(--blue);color:#fff}
@media(max-width:700px){table.t,.article table{display:block;overflow-x:auto;max-width:100%}}
.article table{width:100%;border-collapse:collapse}.article th,.article td{border:1px solid var(--border);padding:8px 10px;text-align:left;vertical-align:top}.article th{background:var(--blue);color:#fff}.article blockquote{background:#F5F7FA;border-left:4px solid var(--orange);margin:18px 0;padding:12px 16px;border-radius:8px}.article img,.article pre{max-width:100%}
