/* Public marketing site — mobile first */
body.pub{background:#fff;color:#1c2433;font-size:16px;line-height:1.65}
body.pub a{color:#1d4ed8}
.skip{position:absolute;left:-999px;top:0;background:#fff;padding:8px 12px;z-index:100}.skip:focus{left:8px;top:8px}
.pwrap{max-width:1120px;margin:0 auto;padding:0 18px}
.pubtop{position:sticky;top:0;z-index:50;background:#0b1b3aee;backdrop-filter:blur(8px);border-bottom:1px solid #ffffff1f}
.pbar{display:flex;align-items:center;justify-content:space-between;min-height:62px;flex-wrap:wrap}
.pbrand{display:flex;align-items:center;gap:9px;font-weight:800;font-size:19px;color:#fff!important;text-decoration:none}
.pubfoot .pbrand{color:#fff!important}
#pnav{display:none;width:100%;flex-direction:column;gap:2px;padding:8px 0 14px}
#pnav.open{display:flex}
#pnav a{color:#dbe6ff;text-decoration:none;padding:10px 6px;border-radius:8px;font-weight:600}
#pnav a:hover,#pnav a.on{color:#fff;background:#ffffff14}
.burger{background:transparent;border:1px solid #ffffff40;color:#fff;font-size:22px;border-radius:8px;padding:2px 11px;line-height:1.3}
.pbtn{display:inline-block;background:#22c55e;color:#06220f!important;font-weight:800;border-radius:10px;padding:11px 20px;text-decoration:none;text-align:center;border:0}
.pbtn:hover{background:#4ade80}.pbtn.small{padding:8px 14px;font-size:14px}.pbtn.big{padding:15px 28px;font-size:18px}
.pbtn.ghost{background:transparent;color:#fff!important;border:2px solid #ffffff66}.pbtn.ghost:hover{background:#ffffff1a}
.pbtn.dark{background:#1d4ed8;color:#fff!important}.pbtn.dark:hover{background:#2563eb}
@media(min-width:880px){.burger{display:none}#pnav{display:flex!important;flex-direction:row;align-items:center;width:auto;padding:0;gap:4px}#pnav a{padding:8px 11px;font-size:15px}}

.phero{background:linear-gradient(160deg,#0b1b3a 0%,#143a7b 60%,#1d4ed8 100%);color:#fff;padding:56px 0 64px}
.phero h1{font-size:clamp(30px,6vw,52px);line-height:1.12;margin:0 0 16px;letter-spacing:-.02em;color:#fff}
.phero p.lead{font-size:clamp(17px,2.6vw,21px);color:#cfe0ff;max-width:680px;margin:0 0 26px}
.phero .cta{display:flex;gap:12px;flex-wrap:wrap}
.phero .kicker{display:inline-block;background:#ffffff1f;border:1px solid #ffffff33;border-radius:99px;padding:5px 14px;font-size:14px;margin-bottom:18px}
.phero.sm{padding:40px 0 44px}.phero.sm h1{font-size:clamp(28px,5vw,42px)}
.trustrow{display:flex;gap:10px 22px;flex-wrap:wrap;margin-top:26px;color:#bcd0ff;font-size:14px}
.herogrid{display:grid;gap:34px;align-items:center}
@media(min-width:900px){.herogrid{grid-template-columns:1.15fr .85fr}}
.mock{background:#fff;color:#1c2433;border-radius:16px;padding:18px;box-shadow:0 24px 60px #0008}
.mock h3{margin:0 0 10px;font-size:15px;color:#667085;text-transform:uppercase;letter-spacing:.06em}
.mock .row2{display:flex;justify-content:space-between;align-items:center;padding:9px 0;border-bottom:1px solid #eef0f4;gap:10px;font-size:15px}
.mock .tag{font-size:12px;font-weight:800;padding:3px 9px;border-radius:99px;white-space:nowrap}
.tag.red{background:#fee2e2;color:#991b1b}.tag.grn{background:#dcfce7;color:#166534}.tag.amb{background:#fef3c7;color:#92400e}

section.ps{padding:54px 0}section.ps.alt{background:#f5f8ff}
.ps h2{font-size:clamp(25px,4.4vw,36px);line-height:1.2;margin:0 0 12px;letter-spacing:-.01em}
.ps .sub{color:#516079;font-size:18px;max-width:720px;margin:0 0 30px}
.pgrid{display:grid;gap:18px;grid-template-columns:1fr}
@media(min-width:620px){.pgrid.c2,.pgrid.c3,.pgrid.c4{grid-template-columns:repeat(2,1fr)}}
@media(min-width:960px){.pgrid.c3{grid-template-columns:repeat(3,1fr)}.pgrid.c4{grid-template-columns:repeat(4,1fr)}}
.pcard{background:#fff;border:1px solid #e3e8f2;border-radius:14px;padding:22px;box-shadow:0 2px 10px #0b1b3a0a}
.pcard .ico{font-size:30px;margin-bottom:8px}.pcard h3{margin:0 0 6px;font-size:19px}.pcard p{margin:0;color:#516079}
.pcard.new{border-color:#22c55e;position:relative}.pcard.new:after{content:"NEW";position:absolute;top:12px;right:12px;background:#22c55e;color:#06220f;font-size:11px;font-weight:800;padding:2px 8px;border-radius:99px}
.steps{counter-reset:s;display:grid;gap:16px}
@media(min-width:760px){.steps{grid-template-columns:repeat(4,1fr)}}
.step{position:relative;background:#fff;border:1px solid #e3e8f2;border-radius:14px;padding:22px 20px 20px}
.step:before{counter-increment:s;content:counter(s);display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:#1d4ed8;color:#fff;font-weight:800;margin-bottom:10px}
.step h3{margin:0 0 6px;font-size:18px}.step p{margin:0;color:#516079;font-size:15px}
.stats{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}
@media(min-width:760px){.stats{grid-template-columns:repeat(4,1fr)}}
.stat{text-align:center;padding:18px;background:#fff;border:1px solid #e3e8f2;border-radius:14px}.stat b{display:block;font-size:30px;color:#1d4ed8}.stat span{color:#516079;font-size:14px}
.pricecard{max-width:520px;margin:0 auto;background:#fff;border:2px solid #1d4ed8;border-radius:18px;padding:30px;text-align:center;box-shadow:0 18px 50px #1d4ed820}
.pricecard .big{font-size:56px;font-weight:900;color:#0b1b3a;line-height:1}.pricecard ul{list-style:none;padding:0;margin:20px 0;text-align:left}
.pricecard li{padding:7px 0 7px 28px;position:relative;border-bottom:1px solid #eef0f4}.pricecard li:before{content:"✓";position:absolute;left:4px;color:#16a34a;font-weight:900}
.cmp{width:100%;border-collapse:collapse;font-size:15px}.cmp th,.cmp td{padding:10px 12px;border-bottom:1px solid #e3e8f2;text-align:left}.cmp th{background:#f5f8ff}.cmp .y{color:#16a34a;font-weight:800}.cmp .n{color:#b91c1c}
.tscroll{overflow-x:auto}
details.faq{background:#fff;border:1px solid #e3e8f2;border-radius:12px;margin-bottom:10px;padding:0 18px}
details.faq summary{cursor:pointer;font-weight:700;padding:15px 0;list-style:none}details.faq summary::-webkit-details-marker{display:none}
details.faq summary:after{content:"+";float:right;font-size:22px;color:#1d4ed8}details.faq[open] summary:after{content:"–"}
details.faq .ans{padding:0 0 16px;color:#3b4a63}
.band{background:linear-gradient(135deg,#1d4ed8,#0b1b3a);color:#fff;text-align:center;padding:52px 0}.band h2{font-size:clamp(24px,4.4vw,34px);margin:0 0 8px;color:#fff}.band p{color:#cfe0ff;margin:0 0 22px}
.crumbs{font-size:14px;color:#cfe0ff;margin-bottom:14px}.crumbs a{color:#cfe0ff!important}
.pubfoot{background:#0b1b3a;color:#b9c8ea;padding:44px 0 26px;font-size:15px}
.fgrid{display:grid;gap:26px;grid-template-columns:1fr 1fr}@media(min-width:860px){.fgrid{grid-template-columns:1.6fr 1fr 1fr 1fr}}
.fgrid h3{color:#fff;font-size:15px;margin:0 0 10px}.fgrid a{display:block;color:#b9c8ea!important;text-decoration:none;padding:4px 0}.fgrid a:hover{color:#fff!important}
.fcopy{border-top:1px solid #ffffff22;margin-top:28px;padding-top:18px;font-size:13px}.fcopy a{color:#b9c8ea!important}

/* blog */
.bgrid{display:grid;gap:20px;grid-template-columns:1fr}@media(min-width:640px){.bgrid{grid-template-columns:1fr 1fr}}@media(min-width:980px){.bgrid{grid-template-columns:repeat(3,1fr)}}
.bcard{display:flex;flex-direction:column;background:#fff;border:1px solid #e3e8f2;border-radius:14px;overflow:hidden;text-decoration:none;color:inherit!important;transition:transform .15s,box-shadow .15s}
.bcard:hover{transform:translateY(-3px);box-shadow:0 12px 30px #0b1b3a22}
.bcover{aspect-ratio:1200/630;min-height:120px;display:grid;place-items:center;font-size:52px;background:linear-gradient(135deg,#dbe7ff,#eaf9ee);overflow:hidden}.bcover img{width:100%;height:100%;object-fit:cover;display:block}
.bhero{width:100%;height:auto;aspect-ratio:1200/630;border-radius:14px;margin:6px 0 22px;display:block;background:#eef3ff}
.bbody{padding:18px;display:flex;flex-direction:column;gap:8px;flex:1}.bbody h2,.bbody h3{font-size:19px;line-height:1.3;margin:0;color:#0b1b3a}.bbody p{margin:0;color:#516079;font-size:15px}
.bmeta{font-size:13px;color:#7a869c}.chip{display:inline-block;background:#eef3ff;color:#1d4ed8;border-radius:99px;padding:2px 10px;font-size:12px;font-weight:700;align-self:flex-start}
.article{max-width:760px;margin:0 auto;padding:34px 18px 50px}.article h1{font-size:clamp(28px,5vw,40px);line-height:1.18;margin:8px 0 12px;color:#0b1b3a}
.article h2{font-size:clamp(22px,3.6vw,28px);margin:34px 0 10px;color:#0b1b3a;line-height:1.25}.article h3{font-size:20px;margin:24px 0 8px}
.article p,.article li{font-size:18px;line-height:1.75;color:#27324a}.article ul,.article ol{padding-left:22px}.article li{margin:6px 0}
.article .lede{font-size:20px;color:#3b4a63}.article .callout{background:#f0f6ff;border-left:4px solid #1d4ed8;border-radius:8px;padding:14px 18px;margin:22px 0}
.article .callout p{margin:0}.article .cta-inline{background:#0b1b3a;color:#fff;border-radius:14px;padding:22px;margin:30px 0}.article .cta-inline p{color:#cfe0ff;margin:0 0 12px}.article .cta-inline strong{color:#fff;font-size:20px;display:block;margin-bottom:6px}
.share{display:flex;gap:10px;flex-wrap:wrap;margin:26px 0}.share a{background:#eef3ff;border-radius:8px;padding:8px 14px;text-decoration:none;font-weight:700;font-size:14px}
.legal{max-width:820px;margin:0 auto;padding:30px 18px 56px}.legal h2{font-size:24px;margin:30px 0 8px}.legal p,.legal li{font-size:17px;color:#27324a}.legal table{width:100%;border-collapse:collapse;font-size:15px}.legal th,.legal td{border:1px solid #e3e8f2;padding:8px 10px;text-align:left;vertical-align:top}
.formcard{max-width:520px;margin:0 auto;background:#fff;border:1px solid #e3e8f2;border-radius:14px;padding:24px}
.motive{background:linear-gradient(135deg,#fff7e6,#e9fbef);border:1px solid #f3d9a6;border-radius:16px;padding:26px}
body.pub main{padding:0;min-height:60vh}

/* new-feature showcases */
section.ps.dark{background:linear-gradient(160deg,#0b1b3a,#12306b);color:#e6eeff}.ps.dark h2{color:#fff}.ps.dark .sub{color:#b9c8ea}
.ps.dark .pcard{background:#ffffff0f;border-color:#ffffff26;box-shadow:none}.ps.dark .pcard h3{color:#fff}.ps.dark .pcard p{color:#c3d1f0}
.split{display:grid;gap:30px;align-items:center}@media(min-width:900px){.split{grid-template-columns:1fr 1fr}.split.rev>:first-child{order:2}}
.phonemock{max-width:340px;margin:0 auto;background:#fff;color:#1c2433;border-radius:26px;padding:20px 18px;border:8px solid #0b1b3a;box-shadow:0 24px 60px #0006}
.phonemock h4{margin:0 0 2px;font-size:17px}.phonemock .sm{color:#667085;font-size:13px;margin:0 0 12px}
.phonemock .btns{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:10px 0}.phonemock .b{background:#1d4ed8;color:#fff;text-align:center;border-radius:10px;padding:12px 6px;font-weight:700;font-size:14px}
.phonemock .b.red{background:#dc2626}.phonemock .b.grn{background:#16a34a}.phonemock .st{background:#fee2e2;color:#7f1d1d;border-radius:10px;padding:9px 12px;font-size:13px;margin:8px 0}
.phonemock .sched{border:1px solid #e3e8f2;border-radius:10px;padding:9px 12px;font-size:14px;margin-top:8px}
.emailmock{background:#fff;color:#1c2433;border-radius:14px;box-shadow:0 20px 50px #0004;overflow:hidden;max-width:460px;margin:0 auto;font-size:14px}
.emailmock .hd{background:#0b1b3a;color:#fff;padding:12px 16px;font-weight:700}.emailmock .bd{padding:14px 16px}.emailmock .row3{display:flex;justify-content:space-between;gap:8px;border-bottom:1px solid #eef0f4;padding:6px 0}
.emailmock .tip{background:#f0f6ff;border-left:4px solid #1d4ed8;padding:8px 12px;margin-top:12px;border-radius:6px;font-size:13px}
.newbadge{display:inline-block;background:#22c55e;color:#06220f;font-size:11px;font-weight:800;padding:2px 9px;border-radius:99px;vertical-align:middle;margin-left:6px}
.ticks{list-style:none;padding:0;margin:14px 0}.ticks li{padding:6px 0 6px 28px;position:relative}.ticks li:before{content:"✓";position:absolute;left:4px;color:#22c55e;font-weight:900}
.plans3{display:grid;gap:14px;grid-template-columns:1fr}@media(min-width:760px){.plans3{grid-template-columns:repeat(3,1fr)}}
.plan{background:#fff;border:1px solid #e3e8f2;border-radius:14px;padding:20px;text-align:center}.plan.hot{border:2px solid #1d4ed8;box-shadow:0 14px 40px #1d4ed820}.plan b.big{display:block;font-size:38px;color:#0b1b3a;line-height:1.1}
.glinks{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 26px}.glinks a{background:#eef3ff;border-radius:99px;padding:6px 14px;text-decoration:none;font-weight:700;font-size:14px}