/* SaintBackup — phong cách theo sanlucy.com. Font hệ thống để tiếng Việt hiển thị chuẩn trên iPhone. */
:root{--brand:#12355B;--brand-d:#0B2240;--brand-soft:#E6ECF3;--coral:#C2410C;--ink:#1B2A3D;--ink2:#0B2240;--muted:#3D4A5C;--line:#C9D2DC;--bg:#fff;--soft:#F4F6F8;--ok:#1E8E5A;--warn:#9A5B00;--err:#B42318}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;color:var(--ink);background:var(--bg);line-height:1.6;font-size:16px}
a{color:var(--brand)}a:hover{color:var(--brand-d)}
img,svg{max-width:100%}

html[lang="en"] div.en,html[lang="en"] p.en,html[lang="en"] li.en,html[lang="en"] section.en,html[lang="en"] h2.en,html[lang="en"] h3.en,html[lang="en"] td.en,html[lang="en"] th.en{display:block}
html[lang="en"] li.en{display:list-item}html[lang="en"] td.en,html[lang="en"] th.en{display:table-cell}
.in{max-width:1180px;margin:0 auto;padding:0 20px}
/* header */
.top{position:sticky;top:0;z-index:20;background:rgba(255,255,255,.92);backdrop-filter:saturate(1.4) blur(10px);border-bottom:1px solid var(--line)}
.top .in{display:flex;align-items:center;gap:18px;min-height:64px;flex-wrap:wrap}
.logo{display:flex;align-items:center;gap:9px;font-weight:800;font-size:19px;color:var(--ink);text-decoration:none;letter-spacing:-.3px}
.logo svg{width:28px;height:28px}
.nav{display:flex;gap:4px;flex-wrap:wrap;flex:1}
.nav a{color:var(--ink);text-decoration:none;padding:8px 12px;border-radius:999px;font-size:15px;font-weight:600}
.nav a:hover,.nav a.on{background:var(--brand-soft);color:var(--brand-d)}
.lang{display:flex;border:1px solid #CFDDE2;border-radius:999px;overflow:hidden}
.lang button{border:0;background:#fff;padding:6px 11px;font:inherit;font-size:13px;font-weight:700;color:var(--muted);cursor:pointer}
.lang button.on{background:var(--brand);color:#fff}
/* buttons */
.btnx{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:13px 24px;border-radius:999px;font-weight:700;font-size:16px;text-decoration:none;border:1.5px solid transparent;transition:transform .15s,box-shadow .15s;cursor:pointer;font-family:inherit;min-height:48px}
.btnx:hover{transform:translateY(-1px);box-shadow:0 8px 22px rgba(14,111,128,.18)}
.b1{background:var(--brand);color:#fff}.b1:hover{color:#fff}
.b2{background:#fff;color:var(--brand);border-color:var(--brand)}
.b3{background:var(--coral);color:#fff}.b3:hover{color:#fff}
.btnx.sm{padding:8px 16px;font-size:14px;min-height:40px}
/* sections */
section{padding:72px 0}
h1,h2,h3{letter-spacing:-.4px;line-height:1.18}
h2.t{font-size:clamp(28px,4vw,40px);text-align:center;margin:0 0 14px}
p.s{text-align:center;color:var(--muted);font-size:18px;max-width:760px;margin:0 auto 36px}
.hero{background:radial-gradient(1200px 520px at 50% -10%,#E3F2F4 0,#fff 62%);text-align:center;padding:64px 0 40px}
.hero h1{font-size:clamp(34px,5.4vw,60px);margin:0 auto 18px;max-width:980px;letter-spacing:-1.2px}
.hero h1 em{font-style:normal;color:var(--brand)}
.hero .sub{font-size:19px;color:var(--muted);max-width:760px;margin:0 auto 28px}
.ctas{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}
.trust{display:flex;gap:22px;justify-content:center;flex-wrap:wrap;margin:24px 0 40px;color:var(--muted);font-size:14.5px}
.trust span{display:inline-flex;align-items:center;gap:6px}
.trust svg{width:18px;height:18px;color:var(--ok)}
/* app mock */
.win{max-width:1060px;margin:0 auto;background:#fff;border:1px solid #DCE6EA;border-radius:18px;box-shadow:0 30px 80px rgba(15,27,36,.14);overflow:hidden;text-align:left}
.wbar{display:flex;align-items:center;gap:8px;padding:10px 14px;border-bottom:1px solid #E7EEF0;background:#F8FBFC;font-size:13px;color:#5B6B75}
.wbar i{width:11px;height:11px;border-radius:50%;display:inline-block}
.wbody{display:flex;min-height:330px}
.wside{width:190px;background:var(--ink2);color:#C9D5DB;padding:14px 10px;font-size:13px;flex:none}
.wside b{display:block;color:#fff;padding:4px 8px 12px}
.wside span{display:block;padding:7px 9px;border-radius:7px}.wside span.on{background:#1E2D38;color:#fff;font-weight:600}
.wmain{flex:1;padding:16px;min-width:0;overflow-x:auto}
.kpis{display:grid;grid-template-columns:repeat(4,minmax(110px,1fr));gap:10px;margin-bottom:12px}
.kpis div{border:1px solid #E7EEF0;border-radius:10px;padding:10px;font-size:12px;color:#5B6B75}.kpis b{display:block;font-size:20px;color:var(--ink)}
table.tb{width:100%;border-collapse:collapse;font-size:13px}
table.tb th,table.tb td{padding:9px 12px;border-bottom:1px solid #EEF3F5;text-align:left;vertical-align:top}
table.tb th{color:#5B6B75;font-weight:600;background:#F8FBFC;white-space:nowrap}
.chip{display:inline-block;padding:2px 9px;border-radius:999px;font-size:12px;font-weight:600;white-space:nowrap}
.c1{background:#E7F5EA;color:#2B8A3E}.c2{background:#FFF4E5;color:#B45309}.c3{background:#EEF2F5;color:#4A5560}.c4{background:#FDECEA;color:#C93B3B}
/* cards */
.grid{display:grid;gap:18px}.g4{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.g3{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.g2{grid-template-columns:repeat(auto-fit,minmax(340px,1fr))}
.uc{background:#fff;border:1px solid var(--line);border-radius:20px;padding:26px;display:flex;flex-direction:column;gap:10px;transition:box-shadow .2s,transform .2s}
.uc:hover{box-shadow:0 18px 40px rgba(15,27,36,.1);transform:translateY(-3px)}
.uc .ic{width:44px;height:44px;border-radius:12px;background:var(--brand-soft);color:var(--brand);display:flex;align-items:center;justify-content:center}
.uc .ic svg{width:24px;height:24px}
.uc h3{margin:0;font-size:20px}.uc p{margin:0;color:var(--muted);line-height:1.55;font-size:15px;flex:1}
.uc a{font-weight:700;text-decoration:none}
.fx{background:var(--soft);border-radius:18px;padding:22px;display:flex;gap:14px}
.fx .ic{width:38px;height:38px;border-radius:10px;background:#fff;color:var(--brand);display:flex;align-items:center;justify-content:center;flex:none;border:1px solid var(--line)}
.fx .ic svg{width:20px;height:20px}
.fx h3{margin:0 0 4px;font-size:17px}.fx p{margin:0;color:var(--muted);font-size:15px;line-height:1.55}
.band{background:var(--ink2);color:#fff}.band h2.t{color:#fff}.band p.s{color:#B9C7CF}
.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;text-align:center}
.stats b{display:block;font-size:52px;line-height:1;color:#7FD3DE;letter-spacing:-1px;margin-bottom:8px}.stats span{color:#C9D5DB;font-size:15px}
/* modes */
.modes{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:18px}
.mode{border:1.5px solid var(--line);border-radius:20px;padding:24px;background:#fff;display:flex;flex-direction:column;gap:10px}
.mode .tag{align-self:flex-start;font-size:12px;font-weight:700;padding:4px 10px;border-radius:999px;background:var(--brand-soft);color:var(--brand-d)}
.mode .tag.paid{background:#FFF4E5;color:var(--warn)}
.flow{display:flex;flex-direction:column;align-items:center;gap:6px;padding:14px;background:var(--soft);border-radius:14px;font-size:14px}
.flow .bx{background:#fff;border:1.5px solid #CFDDE2;border-radius:10px;padding:8px 14px;font-weight:700;min-width:170px;text-align:center}
.flow .bx.open{border-color:var(--coral)}
.flow .bx small{display:block;font-weight:500;color:var(--muted);font-size:12px}
.flow .ar{color:var(--muted);font-size:13px}
.mode ul{margin:0;padding-left:18px;color:var(--muted);font-size:15px}
/* pricing */
.plans{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:18px;align-items:stretch}
.plan{background:#fff;border:1.5px solid #E1EAED;border-radius:22px;padding:28px 24px;display:flex;flex-direction:column;gap:12px;position:relative}
.plan.rec{border-color:var(--brand);box-shadow:0 22px 50px rgba(14,111,128,.16)}
.plan .tag{position:absolute;top:-13px;left:50%;transform:translateX(-50%);background:var(--brand);color:#fff;font-size:12px;font-weight:700;padding:5px 14px;border-radius:999px;letter-spacing:.4px;white-space:nowrap}
.plan h3{margin:0;font-size:22px}.plan .for{color:var(--muted);font-size:14.5px;min-height:42px;line-height:1.45}
.plan .pr{font-size:40px;font-weight:800;letter-spacing:-1px}.plan .pr small{font-size:15px;font-weight:500;color:var(--muted);letter-spacing:0}
.plan .save{color:var(--ok);font-weight:700;font-size:14px;min-height:20px}
.plan ul{list-style:none;padding:0;margin:4px 0 0;display:flex;flex-direction:column;gap:9px;font-size:15px;flex:1}
.plan li{display:flex;gap:8px;line-height:1.45}.plan li::before{content:"✓";color:var(--brand);font-weight:800}
.calc{background:#fff;border:1.5px solid var(--line);border-radius:22px;padding:26px;display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:24px;align-items:center}
.calc label{font-weight:700;display:block;margin-bottom:8px}
.stepper{display:flex;align-items:center;gap:10px}
.stepper button{width:44px;height:44px;border-radius:12px;border:1.5px solid #CFDDE2;background:#fff;font-size:22px;cursor:pointer;color:var(--ink)}
.stepper output{font-size:26px;font-weight:800;min-width:40px;text-align:center}
.seg{display:flex;gap:6px;flex-wrap:wrap}
.seg button{border:1.5px solid #CFDDE2;background:#fff;padding:9px 16px;border-radius:999px;font:inherit;font-weight:700;cursor:pointer;min-height:44px}
.seg button.on{background:var(--brand);border-color:var(--brand);color:#fff}
.total{background:var(--brand-soft);border-radius:16px;padding:18px}
.total b{display:block;font-size:40px;letter-spacing:-1px;color:var(--brand-d)}
/* faq */
details{border-bottom:1px solid var(--line);padding:16px 4px}
details summary{cursor:pointer;font-weight:700;font-size:17px;list-style:none;display:flex;justify-content:space-between;gap:12px}
details summary::after{content:"+";color:var(--brand);font-size:22px;line-height:1}
details[open] summary::after{content:"−"}
details p{color:var(--muted);margin:10px 0 0}
.faq{max-width:860px;margin:0 auto}
/* note */
.note{border-radius:14px;padding:14px 18px;margin:16px 0;font-size:15px}
.note.info{background:var(--brand-soft);color:#08414B}
.note.warn{background:#FFF4E5;color:#7A3A06}
.note.ok{background:#E7F5EA;color:#1B5E2A}
.note.err{background:#FDECEA;color:#8A2222}
.pledge{max-width:880px;margin:0 auto;background:#fff;border:2px solid var(--brand);border-radius:22px;padding:30px;text-align:center}
.pledge p{font-size:20px;margin:0;line-height:1.5}
/* footer */
footer{border-top:1px solid var(--line);padding:40px 0 60px;color:var(--muted);font-size:14px}
footer .in{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:24px}
footer h4{color:var(--ink);margin:0 0 10px;font-size:15px}
footer a{display:block;color:var(--muted);text-decoration:none;padding:3px 0}footer a:hover{color:var(--brand)}
/* docs */
.docs{display:flex;gap:32px;align-items:flex-start;max-width:1320px;margin:0 auto;padding:28px 20px 80px;flex-wrap:wrap}
.dside{flex:0 1 260px;position:sticky;top:84px;max-height:calc(100vh - 100px);overflow:auto;padding-right:6px}
.dside input{width:100%;border:1.5px solid #CFDDE2;border-radius:12px;padding:11px 14px;font:inherit;font-size:15px;margin-bottom:14px}
.dside h5{margin:16px 0 6px;font-size:12px;text-transform:uppercase;letter-spacing:.08em;color:#7A8A93}
.dside a{display:block;padding:7px 10px;border-radius:9px;color:var(--ink);text-decoration:none;font-size:15px}
.dside a:hover{background:var(--soft)}.dside a.on{background:var(--brand-soft);color:var(--brand-d);font-weight:700}
.dmain{flex:999 1 560px;min-width:0;max-width:820px}
.dmain h1{font-size:clamp(28px,4vw,38px);margin:6px 0 10px}
.dmain .lead{font-size:18px;color:var(--muted);margin:0 0 20px}
.dmain h2{font-size:24px;margin:36px 0 10px;padding-top:8px}
.dmain h3{font-size:19px;margin:24px 0 8px}
.dmain p,.dmain li{font-size:16px}
.dmain table{width:100%;border-collapse:collapse;font-size:15px;margin:12px 0;display:block;overflow-x:auto}
.dmain th,.dmain td{border-bottom:1px solid var(--line);padding:9px 12px;text-align:left;vertical-align:top}
.dmain th{background:var(--soft);font-weight:700}
.dmain code{font-family:ui-monospace,Consolas,Menlo,monospace;font-size:.92em;background:var(--soft);border:1px solid var(--line);border-radius:6px;padding:1px 6px}
.dmain pre{background:var(--ink2);color:#E2E8F0;border-radius:12px;padding:16px;overflow-x:auto;font-size:14px;line-height:1.5}
.dmain pre code{background:none;border:0;padding:0;color:inherit}
.dmain ol li,.dmain ul li{margin:6px 0}
.crumb{font-size:14px;color:var(--muted)}
.dtoc{flex:0 1 220px;position:sticky;top:84px;font-size:14px}
.dtoc b{display:block;margin-bottom:8px;color:#7A8A93;font-size:12px;text-transform:uppercase;letter-spacing:.08em}
.dtoc a{display:block;padding:4px 0;color:var(--muted);text-decoration:none}.dtoc a:hover{color:var(--brand)}
.pn{display:flex;justify-content:space-between;gap:12px;margin-top:40px;flex-wrap:wrap}
.pn a{border:1.5px solid var(--line);border-radius:14px;padding:12px 16px;text-decoration:none;flex:1 1 220px}
.pn a small{display:block;color:var(--muted)}
.err-card{border:1px solid var(--line);border-radius:16px;padding:18px 20px;margin:14px 0}
.err-card h3{margin:0 0 6px}
.err-card .sig{font-family:ui-monospace,Consolas,monospace;font-size:13px;background:#FDECEA;color:#8A2222;border-radius:8px;padding:6px 10px;display:inline-block;margin:4px 0}
.hidden{display:none!important}
@media (max-width:1100px){.dtoc{display:none}}
@media (max-width:760px){
 section{padding:52px 0}.dside{position:static;max-height:none;flex-basis:100%}
 .wside{display:none}.kpis{grid-template-columns:repeat(2,1fr)}
 .nav{order:3;flex-basis:100%;overflow-x:auto;flex-wrap:nowrap}.top .in{gap:10px;padding-top:8px;padding-bottom:8px}
 .hero h1{letter-spacing:-.6px}
}

/* ---- khung chung theo mẫu D ---- */
body{color:#1B2A3D}
.d-wrap{max-width:1200px;margin:0 auto;padding:0 24px}
.annc{background:#0B2240;color:#fff;font-size:13px}
.annc .d-wrap{display:flex;flex-wrap:wrap;gap:8px 20px;align-items:center;justify-content:space-between;padding-top:8px;padding-bottom:8px}
.annc a{color:#fff}
.hd{background:#fff;border-bottom:1px solid #C9D2DC;position:sticky;top:0;z-index:30}
.hd .d-wrap{min-height:72px;display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:#12355B;font-size:20px;font-weight:700;letter-spacing:-.01em}
.hnav{display:flex;gap:2px;flex:1;justify-content:center}
.hnav a{text-decoration:none;color:#1B2A3D;font-size:15px;font-weight:500;padding:0 12px;min-height:44px;display:flex;align-items:center;border-bottom:2px solid transparent}
.hnav a:hover{color:#12355B}.hnav a.on{color:#12355B;border-bottom-color:#12355B;font-weight:700}
.lsw{display:flex;border:1px solid #C9D2DC;border-radius:6px;overflow:hidden}
.lsw a{min-width:40px;min-height:40px;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:700;color:#12355B;text-decoration:none}
.lsw a.on{background:#12355B;color:#fff}
.hacc{min-height:44px;display:flex;align-items:center;padding:0 10px;color:#12355B;font-weight:600;text-decoration:none}
.hcta{min-height:44px;padding:0 18px;display:inline-flex;align-items:center;background:#12355B;color:#fff;text-decoration:none;font-size:15px;font-weight:600}
.hcta:hover{background:#0B2240;color:#fff}
.flegal{padding-top:14px;padding-bottom:4px;font-size:13px}.flegal a{display:inline;color:#C5D3E3}
details summary::-webkit-details-marker{display:none}
.dside{top:96px}.dtoc{top:96px}
.dside input,.note,.err-card,.pn a,.dmain pre,.total{border-radius:6px}
.calc{border-radius:6px}.lbl{font-weight:700;display:block;margin-bottom:8px}
.seg2{display:flex;gap:6px;flex-wrap:wrap}
.seg2 button{border:1.5px solid #B8C3CF;background:#fff;padding:9px 16px;font:inherit;font-weight:700;cursor:pointer;min-height:44px;color:#1B2A3D}
.seg2 button.on{background:#12355B;border-color:#12355B;color:#fff}
.total b{color:#0B2240}.total small{display:block;color:#3D4A5C}.total .hcta{display:flex}
.sbres{margin-top:10px;text-align:left;background:#fff;border:1px solid #C9D2DC;border-radius:6px;max-height:440px;overflow:auto}
.sbres a{display:block;padding:12px 14px;border-bottom:1px solid #E3E8EE;text-decoration:none;color:#1B2A3D}
.sbres a:hover,.sbres a:focus{background:#F4F6F8}
.sbres a b{display:block;color:#12355B}.sbres a small{color:#4A5768;font-size:13px}
.sbres mark{background:#FFF1B8;color:inherit}.sbres .none{padding:12px 14px;color:#4A5768}
.legal h2{font-size:22px}.legal table{display:table}

/* ---- trang động: tài khoản, mua ---- */
.app{max-width:1100px;margin:0 auto;padding:32px 24px 80px}
.auth{max-width:440px;margin:24px auto;background:#fff;border:1px solid #C9D2DC;padding:28px}
.auth h1{margin:0 0 6px;font-size:28px;color:#0B2240}
.lead2{color:#3D4A5C;margin:0 0 18px}
.frm{display:flex;flex-direction:column;gap:14px;margin-top:10px}
.fld{display:flex;flex-direction:column;gap:6px}
.fld label,.fld .lbl{font-weight:600;font-size:15px;margin:0}
.fld input,.fld select,.fld textarea{border:1px solid #8A99AB;padding:12px;font:inherit;font-size:16px;min-height:48px;background:#fff;color:#1B2A3D;width:100%}
.fld input:focus,.fld select:focus{outline:2px solid #12355B;outline-offset:1px}
.fld input[disabled]{background:#F4F6F8;color:#4A5768}
.fld small{color:#4A5768;font-size:13px}
.btnp{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 22px;background:#12355B;color:#fff;border:0;font:inherit;font-weight:700;text-decoration:none;cursor:pointer}
.btnp:hover{background:#0B2240;color:#fff}
.btns{display:inline-flex;align-items:center;min-height:44px;padding:0 14px;border:1px solid #12355B;color:#12355B;background:#fff;font:inherit;font-size:14px;font-weight:600;text-decoration:none;cursor:pointer}
.btns:hover{background:#E6ECF3}
.alt{margin:16px 0 0;font-size:15px;color:#3D4A5C}
.inl{display:inline}.lnk{background:none;border:0;padding:0;font:inherit;color:#12355B;text-decoration:underline;cursor:pointer;min-height:auto}
.subnav{display:flex;flex-wrap:wrap;gap:4px;align-items:center;border-bottom:1px solid #C9D2DC;margin-bottom:24px}
.subnav a{min-height:44px;display:flex;align-items:center;padding:0 14px;color:#1B2A3D;text-decoration:none;border-bottom:2px solid transparent;font-weight:500}
.subnav a.on{border-bottom-color:#12355B;color:#12355B;font-weight:700}
.subnav .lo{margin-left:auto}.subnav .lo button{min-height:44px;background:none;border:0;color:#4A5768;font:inherit;cursor:pointer}
.hrow{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:16px}.hrow h1{margin:0;font-size:28px;color:#0B2240}
.lic{border:1px solid #C9D2DC;background:#fff;padding:20px;margin-bottom:14px}
.lic-h{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin-bottom:12px}
code.key{font-family:ui-monospace,Consolas,Menlo,monospace;font-size:18px;font-weight:700;letter-spacing:.04em;background:#F4F6F8;border:1px solid #C9D2DC;padding:4px 10px;user-select:all}
.lic dl{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;margin:0 0 14px}.lic dt{font-size:13px;color:#4A5768}.lic dd{margin:0;font-weight:600}
.lic-a{display:flex;gap:8px;flex-wrap:wrap}
.bdg{display:inline-block;padding:2px 10px;font-size:13px;font-weight:600;border-radius:999px}
.bdg.ok{background:#E3F4EA;color:#14653F}.bdg.warn{background:#FFF1DB;color:#7A4A00}.bdg.err{background:#FDE7E7;color:#9B1C1C}.bdg.mute{background:#EEF1F4;color:#3D4A5C}
.muted{color:#4A5768}
.tw{overflow-x:auto;border:1px solid #C9D2DC}
.tb2{width:100%;border-collapse:collapse;background:#fff;font-size:15px}.tb2 th,.tb2 td{padding:12px;border-bottom:1px solid #E3E8EE;text-align:left}.tb2 th{background:#F4F6F8}.tb2 .num{text-align:right}
.rcpt{background:#fff;border:1px solid #C9D2DC;padding:24px;max-width:720px}
.kv2{border-collapse:collapse;width:100%}.kv2 th{text-align:left;color:#4A5768;font-weight:500;padding:10px 16px 10px 0;vertical-align:top;width:160px}.kv2 td{padding:10px 0;border-bottom:1px solid #E3E8EE}
.fine{font-size:13px;color:#4A5768;margin-top:20px}
.g2{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:20px}.card2{background:#fff;border:1px solid #C9D2DC;padding:24px}.card2 h2{margin:0 0 6px;font-size:20px}
.buy{max-width:760px}.buy h1{font-size:30px;color:#0B2240;margin:0 0 6px}.buyf{display:flex;flex-direction:column;gap:18px;margin:16px 0}
.seg{display:flex;gap:6px;flex-wrap:wrap}.seg label{display:flex;align-items:center;gap:8px;border:1.5px solid #B8C3CF;padding:0 14px;min-height:48px;cursor:pointer;font-weight:600;background:#fff}
.seg label.on{border-color:#12355B;background:#E6ECF3}
.opts{display:grid;gap:10px}.opt{display:flex;gap:12px;align-items:flex-start;border:1.5px solid #B8C3CF;padding:16px;cursor:pointer;background:#fff}
.opt.on{border-color:#12355B;background:#E6ECF3}.opt input{margin-top:4px;width:20px;height:20px}.opt b{display:block;font-size:17px}.opt small{display:block;color:#3D4A5C;margin-top:4px}
.amt2{display:block;font-size:22px;font-weight:800;color:#0B2240;margin-top:2px}
.sum{background:#F4F6F8;border:1px solid #C9D2DC;padding:18px;margin:8px 0 18px}.sum .amt{font-size:36px;font-weight:800;color:#0B2240;letter-spacing:-.5px}.sum small{color:#3D4A5C}
.ppbox{max-width:420px;margin:8px 0}
@media print{.annc,.hd,footer,.subnav,.noprint{display:none!important}.rcpt{border:0}}

@media (max-width:720px){
 .d-h1{font-size:32px !important}.d-h2{font-size:26px !important}
 .d-sec{padding-top:56px !important;padding-bottom:56px !important}
 .d-wrap{padding-left:16px !important;padding-right:16px !important}
 .hnav{order:3;flex-basis:100%;justify-content:flex-start;overflow-x:auto;flex-wrap:nowrap}
 .lsw{margin-left:auto}.hacc{display:none}.hd .d-wrap{padding-top:8px}
 .app{padding:20px 16px 60px}.auth{padding:20px;margin:8px auto}
}
@media (max-width:820px){.sb-h1{font-size:34px !important;line-height:1.2 !important}.sb-h2{font-size:26px !important}.sb-pad{padding-left:16px !important;padding-right:16px !important}.sb-search{flex-wrap:wrap}}