:root{--navy:#10223d;--blue:#0b5ea8;--cyan:#e8f5ff;--orange:#ff8a28;--ink:#203047;--muted:#607086;--line:#dce5ef;--paper:#f7faff}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,system-ui,-apple-system,"Segoe UI",Arial,sans-serif;color:var(--ink);line-height:1.72;background:#fff}a{color:var(--blue);text-decoration:none}a:hover{text-decoration:underline}.container{width:min(1160px,92%);margin:auto}.topline{background:#08172b;color:#dcecff;font-size:.88rem;padding:8px 0}.topline .container{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap}.navbar{position:sticky;top:0;z-index:20;background:rgba(255,255,255,.96);backdrop-filter:blur(12px);border-bottom:1px solid var(--line)}.navinner{display:flex;align-items:center;justify-content:space-between;gap:22px;padding:14px 0}.brand{display:flex;align-items:center;gap:12px;color:var(--navy);font-weight:900;line-height:1.15}.brandmark{display:grid;place-items:center;width:42px;height:42px;border-radius:13px;background:linear-gradient(135deg,#0b5ea8,#25a7d9);color:#fff;font-weight:900}.brand small{display:block;font-size:.72rem;color:var(--muted);font-weight:650;margin-top:4px}.navlinks{display:flex;gap:18px;align-items:center;flex-wrap:wrap;font-size:.92rem;font-weight:700}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:999px;padding:12px 19px;font-weight:800;border:1px solid transparent;transition:.2s}.btn-primary{background:var(--orange);color:#1b2430;box-shadow:0 8px 22px #ff8a2833}.btn-dark{background:var(--navy);color:white}.btn-outline{border-color:#a9c9e4;color:var(--blue);background:#fff}.hero{background:radial-gradient(circle at 85% 20%,#287bbd55,transparent 28%),linear-gradient(125deg,#0b1e38,#0d4d81 66%,#147bb2);color:#fff;padding:76px 0 68px;overflow:hidden}.hero-grid{display:grid;grid-template-columns:1.1fr .9fr;align-items:center;gap:46px}.eyebrow{display:inline-block;border:1px solid #ffffff55;background:#ffffff12;padding:6px 12px;border-radius:999px;font-size:.82rem;font-weight:800;letter-spacing:.04em}.hero h1{font-size:clamp(2.15rem,4.5vw,4.1rem);line-height:1.09;letter-spacing:-.04em;margin:20px 0}.hero p{font-size:1.08rem;color:#e0efff;max-width:720px}.hero .btn-outline{background:#ffffff0c;color:white;border-color:#ffffff66}.hero-card{background:#fff;color:var(--ink);padding:14px;border-radius:28px;box-shadow:0 24px 80px #00132966;transform:rotate(1deg)}.hero-card img{width:100%;height:310px;object-fit:cover;border-radius:19px}.hero-card .cardcaption{padding:14px 12px 8px;font-weight:800}.hero-badges{display:flex;gap:10px;flex-wrap:wrap;margin-top:24px}.hero-badges span{background:#ffffff16;border:1px solid #ffffff38;border-radius:10px;padding:8px 11px;font-size:.88rem}.section{padding:68px 0}.section-soft{background:var(--paper)}.section-dark{background:var(--navy);color:#fff}.section-head{max-width:760px;margin-bottom:32px}.kicker{color:var(--blue);font-size:.8rem;letter-spacing:.13em;text-transform:uppercase;font-weight:900}.section-dark .kicker{color:#80d4ff}.section h2{font-size:clamp(1.75rem,3vw,2.55rem);line-height:1.18;letter-spacing:-.025em;color:var(--navy);margin:9px 0 14px}.section-dark h2{color:white}.section-head p{color:var(--muted);margin:0}.section-dark .section-head p{color:#c5d8ed}.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.grid2{display:grid;grid-template-columns:repeat(2,1fr);gap:22px}.card{background:#fff;border:1px solid var(--line);border-radius:20px;padding:24px;box-shadow:0 8px 28px #10223d08}.card h3{margin:0 0 9px;color:var(--navy);font-size:1.18rem;line-height:1.3}.card p{color:var(--muted);margin:0 0 14px}.iconbox{width:46px;height:46px;border-radius:14px;display:grid;place-items:center;background:var(--cyan);color:var(--blue);font-size:1.35rem;margin-bottom:16px}.checklist{padding-left:20px}.checklist li{margin:7px 0}.split{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center}.split img{width:100%;border-radius:24px;box-shadow:0 20px 45px #10223d1a}.notice{background:#fff8ed;border:1px solid #ffdfb7;border-radius:16px;padding:18px 20px;color:#69451f}.pricebox{background:#fff;border:1px solid var(--line);border-radius:20px;padding:25px}.pricebox strong{font-size:1.35rem;color:var(--navy)}.faq details{background:#fff;border:1px solid var(--line);border-radius:13px;padding:17px 20px;margin:10px 0}.faq summary{font-weight:800;color:var(--navy);cursor:pointer}.faq details p{margin-bottom:0;color:var(--muted)}.cta-band{padding:38px;border-radius:26px;background:linear-gradient(120deg,#0c2a4b,#0d69a4);color:#fff;display:flex;align-items:center;justify-content:space-between;gap:24px}.cta-band h2{color:#fff;margin:0 0 8px}.cta-band p{color:#d8ebfa;margin:0}.breadcrumbs{font-size:.88rem;color:var(--muted);margin:20px 0}.breadcrumbs a{color:var(--blue)}.pagehero{padding:46px 0 38px;background:linear-gradient(120deg,#edf7ff,#fff)}.pagehero h1{font-size:clamp(2rem,4vw,3.1rem);line-height:1.12;color:var(--navy);letter-spacing:-.035em;margin:12px 0}.pagehero p{max-width:850px;color:var(--muted);font-size:1.06rem}.content-layout{display:grid;grid-template-columns:minmax(0,1fr) 290px;gap:32px;align-items:start}.article-content h2{color:var(--navy);margin-top:34px;line-height:1.25}.article-content h3{color:#153e68;margin-top:24px}.article-content p,.article-content li{color:#40536a}.toc{background:#f2f8fd;border:1px solid #d9e9f6;border-radius:18px;padding:20px;position:sticky;top:96px}.toc h2{font-size:1rem;margin:0 0 10px;color:var(--navy)}.toc ul{padding-left:20px;margin:0}.toc li{margin:7px 0;font-size:.92rem}.sidecard{background:#fff;border:1px solid var(--line);border-radius:18px;padding:20px;margin-top:18px}.related{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.related a{display:block;background:#fff;border:1px solid var(--line);padding:17px;border-radius:14px;font-weight:800}.footer{background:#08172b;color:#cfdeee;padding:48px 0 95px}.footer-grid{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:30px}.footer h3{color:#fff;font-size:1rem}.footer a{color:#cce6ff}.footer p,.footer li{font-size:.92rem;color:#c0d1e4}.footer ul{padding-left:19px}.copyright{border-top:1px solid #ffffff1c;padding-top:20px;margin-top:30px;font-size:.85rem;color:#9bb0c8}.floating-wa{position:fixed;right:22px;bottom:22px;z-index:30;background:#18a957;color:#fff;padding:14px 19px;border-radius:999px;font-weight:900;box-shadow:0 12px 32px #062a1b55}.mobilebar{display:none}.taglist{display:flex;gap:8px;flex-wrap:wrap}.taglist span{background:#eaf4fc;color:#1b5688;border-radius:999px;padding:6px 10px;font-size:.82rem;font-weight:750}.tablewrap{overflow:auto}table{border-collapse:collapse;width:100%;min-width:520px}th,td{border:1px solid var(--line);padding:12px;text-align:left}th{background:#edf6fd;color:var(--navy)}.small{font-size:.88rem;color:var(--muted)}@media(max-width:900px){.navlinks{display:none}.hero-grid,.split,.content-layout{grid-template-columns:1fr}.hero-card{max-width:540px}.grid3{grid-template-columns:repeat(2,1fr)}.toc{position:static}.footer-grid{grid-template-columns:1fr 1fr}.related{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.hero{padding:48px 0}.hero-card img{height:220px}.grid3,.grid2,.footer-grid,.related{grid-template-columns:1fr}.section{padding:48px 0}.cta-band{padding:25px;display:block}.cta-band .btn{margin-top:18px}.floating-wa{display:none}.mobilebar{display:flex;position:fixed;bottom:0;left:0;right:0;z-index:40;background:#fff;border-top:1px solid var(--line);padding:9px;gap:9px;box-shadow:0 -8px 24px #10223d10}.mobilebar a{flex:1;text-align:center;padding:11px 8px;border-radius:12px;font-weight:900;font-size:.9rem}.mobilebar .wa{background:#18a957;color:#fff}.mobilebar .tel{background:#edf6fd;color:var(--navy)}.topline .container{justify-content:center;text-align:center}.brand{font-size:.9rem}}