:root{
 --navy:#19365f;--navy2:#102946;--navy3:#0a1e35;--ink:#172235;--muted:#617187;
 --paper:#f5f7fb;--white:#fff;--line:#dbe4ee;--cyan:#35b9e7;--cyan2:#76eaf7;
 --blue:#1689d8;--green:#14815f;--greenbg:#e7f7f1;--shadow:0 20px 55px rgba(22,46,78,.10);
 --radius:24px;
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);background:var(--paper);line-height:1.5}button,input{font:inherit}button{cursor:pointer}a{color:inherit}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid var(--cyan2);outline-offset:3px}
.reviewbar{background:#08182a;color:#dce8f5;text-align:center;font-size:11px;padding:8px 14px;border-bottom:1px solid rgba(255,255,255,.08)}.reviewbar b{color:#fff}.reviewbar span{color:var(--cyan2)}
.shell{height:68px;background:var(--navy);color:#fff;display:flex;align-items:center;justify-content:center;position:relative;padding:8px 24px}.shell .brand{position:absolute;left:24px;display:flex;align-items:center;gap:10px;font-weight:900;letter-spacing:.07em}.shell .brand img{width:35px;height:35px;object-fit:contain}.shell .host{font-size:11px;letter-spacing:.13em;text-transform:uppercase;color:#ccdae8}.shell .signin{position:absolute;right:24px;text-decoration:none;font-size:13px;font-weight:800}
.progress-wrap{background:#fff;border-bottom:1px solid var(--line)}.progress{width:min(930px,calc(100% - 34px));margin:auto;display:grid;grid-template-columns:repeat(3,1fr);padding:17px 0;gap:10px}.pstep{display:flex;align-items:center;gap:9px;color:#7e8a9a;font-size:12px;font-weight:800}.pstep b{width:27px;height:27px;border-radius:50%;display:grid;place-items:center;background:#eaf0f6;color:#617187}.pstep.active{color:var(--navy)}.pstep.active b{background:var(--navy);color:#fff}.pstep.done{color:#3e6e5d}.pstep.done b{background:#dff4ec;color:#087b56}
main{width:min(1180px,calc(100% - 34px));margin:0 auto;padding:48px 0 74px}.view{display:none}.view.active{display:block}.eyebrow{font-size:11px;font-weight:950;text-transform:uppercase;letter-spacing:.15em;color:var(--blue);margin-bottom:10px}.hero{text-align:center;max-width:850px;margin:0 auto 34px}.hero h1{font-size:clamp(34px,4.8vw,52px);line-height:1.05;letter-spacing:-.045em;margin:0 0 15px}.hero p{font-size:17px;color:var(--muted);margin:0 auto;max-width:760px}
.family-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:34px}.family-card{border-radius:var(--radius);padding:30px;box-shadow:var(--shadow);position:relative;overflow:hidden;min-height:430px;display:flex;flex-direction:column}.family-card.postal{background:#fff;border:2px solid #d5e0ec}.family-card.email{background:linear-gradient(145deg,#f5fcff 0%,#e9f8fd 100%);border:2px solid #78cfe9}.family-card:before{content:"";position:absolute;left:0;top:0;bottom:0;width:7px}.family-card.postal:before{background:var(--navy)}.family-card.email:before{background:var(--cyan)}
.service-icon{width:118px;height:84px;display:grid;place-items:center;margin:0 auto 18px}.service-icon img{display:block;width:118px;height:84px;object-fit:contain}.family-card h2{font-size:28px;line-height:1.12;letter-spacing:-.03em;margin:0 0 9px;text-align:center}.family-card>p{color:var(--muted);margin:0 0 14px}.included{display:inline-flex;align-items:center;gap:7px;background:var(--greenbg);color:#0b6d4e;border:1px solid #b9ead8;border-radius:999px;padding:7px 11px;font-size:12px;font-weight:900;align-self:flex-start;margin:2px 0 16px}.included:before{content:"✓"}.bullets{list-style:none;padding:0;margin:18px 0 26px;display:grid;gap:10px}.bullets li{font-size:14px;color:#415169;display:flex;gap:9px}.bullets li:before{content:"•";color:var(--cyan);font-weight:950}.family-card .family-action{margin-top:auto}
.btn{border:0;border-radius:999px;min-height:47px;padding:12px 20px;font-weight:900;display:inline-flex;align-items:center;justify-content:center;gap:8px;text-decoration:none}.btn-primary{background:var(--navy);color:#fff}.btn-primary:hover{background:#0e2a4b}.btn-secondary{background:#fff;color:var(--navy);border:1px solid #b9c8d8}.btn-ghost{background:transparent;color:var(--navy);border:1px solid #c7d3df}.wide{width:100%}.choice-note{margin:23px auto 0;text-align:center;font-size:13px;color:#69788b}.choice-note button{border:0;background:none;color:var(--blue);font-weight:900;padding:0}
.plan-top{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;margin-bottom:24px}.plan-heading{min-width:0}.plan-heading h2{font-size:clamp(30px,3.4vw,40px);line-height:1.08;letter-spacing:-.04em;margin:0 0 8px;white-space:nowrap}.plan-heading p{color:var(--muted);margin:0;max-width:760px}.plan-tools{display:flex;align-items:center;gap:12px;flex:0 0 auto;padding-top:2px}.cadence-label{font-size:11px;font-weight:900;letter-spacing:.08em;text-transform:uppercase;color:#7c8796;white-space:nowrap}.seg{display:inline-flex;flex-wrap:nowrap;background:#e9eff5;border-radius:999px;padding:4px;gap:3px;white-space:nowrap}.seg button{border:0;background:transparent;padding:9px 16px;border-radius:999px;color:#5b6a7c;font-weight:900;font-size:13px;white-space:nowrap}.seg button[aria-pressed="true"]{background:#fff;color:var(--navy);box-shadow:0 2px 8px rgba(20,40,70,.12)}.back-row{margin-bottom:18px}.back-link{border:0;background:none;padding:0;color:var(--blue);font-weight:850;font-size:13px}
.plan-grid{display:grid;gap:20px}.plan-grid.postal{grid-template-columns:repeat(3,1fr)}.plan-grid.email{grid-template-columns:repeat(2,1fr);max-width:900px;margin-left:auto;margin-right:auto}.plan-card{background:#fff;border:1px solid var(--line);border-radius:22px;overflow:hidden;box-shadow:var(--shadow);position:relative;display:flex;flex-direction:column}.plan-card.selected{border:2px solid var(--blue)}.plan-card.selected:after{content:"Selected";position:absolute;top:15px;right:15px;background:#e7f5fb;color:#096d98;border-radius:999px;padding:5px 10px;font-size:10px;font-weight:950}.plan-head{padding:24px 24px 18px;background:linear-gradient(180deg,#fff,#fbfcfe);text-align:center}.plan-card h3{font-size:28px;letter-spacing:-.03em;margin:0 0 3px;color:var(--navy);text-align:center}.plan-kicker{font-size:12px;font-weight:850;color:#6c7a8d;margin-bottom:12px;text-align:center}.plan-icon{width:104px;height:74px;object-fit:contain;display:block;margin:4px auto 10px}.price{font-size:25px;line-height:1.08;font-weight:950;color:var(--navy);letter-spacing:-.035em;margin:7px 0 4px;text-align:center}.price small{display:block;font-size:11px;font-weight:750;color:#7d8998;letter-spacing:0;margin-top:6px}.paygo{display:flex;width:max-content;margin-left:auto;margin-right:auto;background:#eef4fa;border:1px solid #d4e0eb;color:#42556d;border-radius:999px;padding:6px 10px;font-size:11px;font-weight:900;margin-top:9px}.plan-card .included{margin-top:11px;margin-bottom:0}.keylist{list-style:none;margin:0;padding:20px 24px;display:grid;gap:10px;flex:1}.keylist li{display:flex;gap:9px;font-size:13px;color:#425267}.keylist li:before{content:"✓";color:var(--navy);font-weight:950}.plan-actions{padding:17px 24px;border-top:1px solid var(--line);background:#fbfcfe}
.compare-wrap{margin-top:28px}.compare{border:1px solid var(--line);background:#fff;border-radius:18px;overflow:hidden}.compare summary{list-style:none;cursor:pointer;padding:18px 21px;font-weight:900;color:#fff;background:var(--navy);display:flex;justify-content:space-between;align-items:center}.compare summary::-webkit-details-marker{display:none}.compare summary:after{content:"+";font-size:22px;color:#fff}.compare[open] summary:after{content:"−"}.compare-body{border-top:1px solid var(--line)}.table-scroll{overflow-x:auto}.matrix{width:100%;border-collapse:collapse;min-width:760px}.matrix th,.matrix td{padding:14px 15px;border-bottom:1px solid #e6ebf1;font-size:15px}.matrix th{background:#f6f8fb;color:#33475f;text-align:left}.matrix th:not(:first-child),.matrix td:not(:first-child){text-align:center}.matrix tr:last-child td{border-bottom:0}.matrix .section-row td{background:#244575;color:#fff;font-weight:900;text-align:left!important;text-transform:uppercase;letter-spacing:.02em}.matrix .group-row td:first-child{background:#244575;color:#fff;font-weight:900;text-transform:uppercase;letter-spacing:.02em}.matrix .group-row td:not(:first-child){background:#fff}.feature-label{display:flex;align-items:center;gap:7px;position:relative}.info{width:18px;height:18px;border-radius:50%;border:1px solid #9eabb8;color:#68798d;background:#fff;display:inline-grid;place-items:center;font-size:11px;font-weight:900;flex:0 0 auto;padding:0;line-height:1}.info:hover{border-color:#5c7b9d;color:var(--navy)}.tooltip-panel{position:fixed;z-index:300;width:min(360px,calc(100vw - 28px));background:#0f2947;color:#fff;border-radius:12px;padding:13px 14px;box-shadow:0 16px 40px rgba(7,22,40,.24);font-size:12px;line-height:1.5;text-align:left;font-weight:500}.tooltip-panel[hidden]{display:none}.tooltip-title{display:block;font-weight:900;margin-bottom:4px;color:#fff}.check{display:inline-grid;place-items:center;width:20px;height:20px;border-radius:50%;background:var(--navy);color:#fff;font-weight:950;margin:auto}.dash{color:#8793a1}.cost-link{display:block;color:#126fe0;text-decoration:underline;font-size:12.5px;margin-top:3px}.matrix-note{padding:13px 18px 17px;color:#788597;font-size:11px;margin:0}.matrix-note b{color:#59697b}
.continue-box{margin-top:28px;border-radius:18px;background:linear-gradient(120deg,#132f53,#1b4773);color:#fff;padding:22px 24px;display:flex;justify-content:space-between;align-items:center;gap:20px}.continue-box h3{margin:0 0 4px;font-size:19px}.continue-box p{margin:0;color:#cddbea;font-size:13px}.continue-box .btn{background:#fff;color:var(--navy);white-space:nowrap}.continue-box .btn:disabled{opacity:.48;cursor:not-allowed}
.boundary{max-width:950px;margin:0 auto}.boundary-card{background:#fff;border:1px solid var(--line);border-radius:24px;box-shadow:var(--shadow);overflow:hidden}.app-header{background:var(--navy3);color:#fff;padding:19px 23px;display:flex;align-items:center;justify-content:space-between}.app-brand{display:flex;align-items:center;gap:10px;font-weight:950;letter-spacing:.07em}.app-brand img{width:34px;height:34px}.app-host{font-size:10px;text-transform:uppercase;letter-spacing:.13em;color:#9db7d0}.app-body{padding:34px}.handoff-badge{display:inline-flex;align-items:center;gap:7px;background:#eaf7f2;color:#176c52;border:1px solid #cceadf;border-radius:999px;padding:7px 11px;font-size:11px;font-weight:900}.app-body h2{font-size:34px;letter-spacing:-.04em;margin:15px 0 9px}.app-body>p{color:var(--muted);max-width:720px}.selection-summary{margin:23px 0;border:1px solid var(--line);border-radius:17px;background:#f8fafc;padding:18px;display:grid;grid-template-columns:1.4fr .9fr .9fr .9fr;gap:14px}.selection-summary dt{font-size:10px;text-transform:uppercase;letter-spacing:.09em;font-weight:950;color:#7b8796}.selection-summary dd{margin:4px 0 0;font-weight:900;color:var(--navy)}.account-actions{display:grid;grid-template-columns:1fr 1fr;gap:14px}.account-choice{border:1px solid var(--line);border-radius:16px;padding:20px}.account-choice h3{margin:0 0 5px}.account-choice p{margin:0 0 16px;color:var(--muted);font-size:13px}.handoff-note{margin:20px 0;background:#fff8e8;border:1px solid #ecdcae;border-radius:13px;padding:12px 14px;color:#72561f;font-size:12px}.downstream{margin-top:25px;border-top:1px solid var(--line);padding-top:21px}.downstream h3{margin:0 0 10px}.secure-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.secure-step{border:1px dashed #b8c7d7;border-radius:13px;padding:15px;background:#fafbfd;color:#738095}.secure-step strong{display:block;color:#42556c;margin-bottom:3px}.secure-step span{font-size:11px}.outscope{font-size:11px;color:#7c8896;margin-top:12px}.toast{position:fixed;left:50%;bottom:24px;transform:translateX(-50%) translateY(20px);background:#0b2038;color:#fff;border-radius:999px;padding:10px 16px;font-size:12px;opacity:0;pointer-events:none;transition:.2s;z-index:50}.toast.show{opacity:1;transform:translateX(-50%) translateY(0)}
@media(max-width:980px){.plan-heading h2{white-space:normal}.plan-top{align-items:center}.plan-grid.postal{grid-template-columns:1fr 1fr}.plan-grid.postal .plan-card:last-child{grid-column:1/-1;max-width:560px;width:100%;justify-self:center}.selection-summary{grid-template-columns:1fr 1fr}.secure-steps{grid-template-columns:1fr}.shell .host{display:none}}
@media(max-width:760px){.shell{justify-content:flex-start;padding-left:18px}.shell .brand{position:static}.shell .signin{right:18px}.progress{grid-template-columns:1fr 1fr 1fr;width:calc(100% - 24px)}.pstep{font-size:10px;gap:5px}.pstep b{width:24px;height:24px}.family-grid,.plan-grid.postal,.plan-grid.email{grid-template-columns:1fr}.plan-grid.postal .plan-card:last-child{grid-column:auto;max-width:none}.family-card{min-height:0}.hero h1{font-size:36px}.plan-top{display:block}.plan-heading h2{font-size:31px}.plan-tools{margin-top:17px;justify-content:flex-start}.cadence-label{display:none}.seg{display:inline-flex;flex-wrap:nowrap}.account-actions{grid-template-columns:1fr}.selection-summary{grid-template-columns:1fr 1fr}.continue-box{display:block}.continue-box .btn{width:100%;margin-top:16px}.app-body{padding:25px}.matrix{min-width:680px}.service-icon{width:76px;height:76px}}
@media(max-width:480px){main{width:calc(100% - 24px);padding-top:36px}.reviewbar{font-size:10px}.hero{text-align:left}.hero h1{font-size:34px}.hero p{font-size:15px}.family-card{padding:24px}.family-card h2{font-size:25px}.progress{gap:3px}.pstep span{display:none}.plan-heading h2{font-size:29px}.selection-summary{grid-template-columns:1fr}.shell .signin{font-size:12px}.plan-tools{width:100%}.seg{width:100%}.seg button{flex:1}.app-body h2{font-size:30px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.toast{transition:none}}

/* v5 — CaseMail Global Typography & Hero Layout Lock */
.hero{max-width:920px;margin-bottom:42px}
.hero h1,
.plan-heading h2,
.app-body h2{
 font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
 font-weight:300!important;
 line-height:1.16!important;
 letter-spacing:-.02em!important;
 text-wrap:balance;
}
.hero h1{font-size:clamp(1.72rem,2.35vw,2.5rem)!important;margin:0 0 24px!important}
.hero p{font-size:17px;line-height:1.65;max-width:800px}
.plan-heading h2{font-size:clamp(1.65rem,2.15vw,2.35rem)!important;margin-bottom:14px!important;white-space:normal!important;max-width:760px}
.app-body h2{font-size:clamp(1.7rem,2.25vw,2.4rem)!important;margin-bottom:18px!important}
.family-card h2{font-weight:300!important;line-height:1.2!important;letter-spacing:-.015em!important;text-wrap:balance}
.plan-card h3,.continue-box h3,.account-choice h3,.downstream h3{font-weight:500!important;letter-spacing:-.01em!important;text-wrap:balance}
.eyebrow{font-weight:600!important;margin-bottom:18px!important}
.btn,.pstep,.included,.plan-kicker,.paygo,.compare summary,.matrix .section-row td,.matrix .group-row td:first-child,.tooltip-title{font-weight:600!important}
.price{font-weight:600!important}
.family-card{padding:34px;min-height:430px}
.family-card>p{line-height:1.62}
.service-icon{width:132px;height:96px;margin-bottom:21px}
.service-icon img{width:132px;height:96px}
.plan-icon{width:114px;height:82px}
@media(max-width:760px){
 .hero h1{font-size:clamp(1.72rem,8vw,2.25rem)!important}
 .plan-heading h2,.app-body h2{font-size:clamp(1.65rem,7vw,2.1rem)!important}
}


body.group4-p10.group4-p10.group4-p10 .choice-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;}
body.group4-p10.group4-p10.group4-p10 .choice-card{border-radius:28px;padding:32px;border:1px solid var(--line);background:#fff;display:flex;flex-direction:column;}
body.group4-p10.group4-p10.group4-p10 .choice-card.primary{background:var(--deep);color:#fff;border-color:transparent;}
body.group4-p10.group4-p10.group4-p10 .choice-card .eyebrow{color:#1f719e;}
body.group4-p10.group4-p10.group4-p10 .choice-card.primary .eyebrow{color:var(--cyan);}
body.group4-p10.group4-p10.group4-p10 .choice-card h3{font-size:1.45rem;margin:13px 0 16px;color:var(--navy);}
body.group4-p10.group4-p10.group4-p10 .choice-card.primary h3{color:#fff;}
body.group4-p10.group4-p10.group4-p10 .choice-card p{color:var(--slate);}
body.group4-p10.group4-p10.group4-p10 .choice-card.primary p{color:#bfd0dd;}
body.group4-p10.group4-p10.group4-p10 .choice-card ul{padding-left:20px;line-height:1.8;color:var(--slate);margin-bottom:22px;}
body.group4-p10.group4-p10.group4-p10 .choice-card.primary ul{color:#c9d6e1;}
body.group4-p10.group4-p10.group4-p10 .choice-card .text-link{margin-top:auto;font-size:.77rem;font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:#1e739d;}
body.group4-p10.group4-p10.group4-p10 .choice-card.primary .text-link{color:var(--cyan);}
@media(max-width:820px){body.group4-p10.group4-p10.group4-p10 .choice-grid{grid-template-columns:1fr;}}
body.group4-p10.group4-p10.group4-p10 .choice-grid{gap:22px;}
body.group4-p10.group4-p10.group4-p10 .choice-card{padding:30px 34px 32px;border:1px solid #8FAFD0;border-radius:24px;background:#35577F;box-shadow:0 14px 35px rgba(17,37,72,.08);color:#fff;}
body.group4-p10.group4-p10.group4-p10 .choice-card.primary{padding:30px 34px 32px;border:1px solid #8FAFD0;border-radius:24px;background:#35577F;box-shadow:0 14px 35px rgba(17,37,72,.08);color:#fff;}
body.group4-p10.group4-p10.group4-p10 .service-choice-head{display:flex;align-items:center;gap:22px;margin:0 0 18px;}
body.group4-p10.group4-p10.group4-p10 .service-choice-head img{width:104px;height:auto;flex:0 0 104px;object-fit:contain;filter:drop-shadow(0 5px 8px rgba(9,29,52,.16));}
body.group4-p10.group4-p10.group4-p10 .choice-card .service-choice-head h3{font-size:1.28rem;margin:0;color:#fff;}
body.group4-p10.group4-p10.group4-p10 .choice-card p{color:#E2EBF4;font-size:.95rem;line-height:1.7;}
body.group4-p10.group4-p10.group4-p10 .choice-card.primary p{color:#E2EBF4;font-size:.95rem;line-height:1.7;}
body.group4-p10.group4-p10.group4-p10 .choice-card ul{color:#E2EBF4;font-size:.95rem;line-height:1.7;}
body.group4-p10.group4-p10.group4-p10 .choice-card.primary ul{color:#E2EBF4;font-size:.95rem;line-height:1.7;}
body.group4-p10.group4-p10.group4-p10 .choice-card .text-link{color:#76EAF7;padding-top:16px;border-top:1px solid #8FAFD0;line-height:1.5;}
body.group4-p10.group4-p10.group4-p10 .choice-card.primary .text-link{color:#76EAF7;padding-top:16px;border-top:1px solid #8FAFD0;line-height:1.5;}
@media(max-width:1050px){body.group4-p10.group4-p10.group4-p10 .choice-card{padding:26px;}}
@media(max-width:1050px){body.group4-p10.group4-p10.group4-p10 .choice-card.primary{padding:26px;}}
@media(max-width:820px){body.group4-p10.group4-p10.group4-p10 .choice-grid{grid-template-columns:1fr;}}
@media(max-width:620px){body.group4-p10.group4-p10.group4-p10 .service-choice-head{gap:16px;}}
@media(max-width:620px){body.group4-p10.group4-p10.group4-p10 .service-choice-head img{width:82px;flex-basis:82px;}}
@media(max-width:620px){body.group4-p10.group4-p10.group4-p10 .service-choice-head h3{font-size:1.1rem!important;}}
@media(max-width:620px){body.group4-p10.group4-p10.group4-p10 .choice-card{padding:24px 20px;}}
@media(max-width:620px){body.group4-p10.group4-p10.group4-p10 .choice-card.primary{padding:24px 20px;}}body.group4-p10.group4-p10.group4-p10 .g4-card{background:#fff;border:1px solid var(--line);border-radius:22px;padding:26px;box-shadow:0 12px 34px rgba(24,54,95,.05);}
body.group4-p10.group4-p10.group4-p10 .g4-card .icon{width:46px;height:46px;border-radius:50%;background:#e8f8fa;color:#166f9c;display:grid;place-items:center;font-weight:700;margin-bottom:18px;}
body.group4-p10.group4-p10.group4-p10 .g4-card h3{margin:0 0 10px;color:var(--navy);font-size:1.05rem;}
body.group4-p10.group4-p10.group4-p10 .g4-card p{margin:0;color:var(--slate);font-size:.94rem;}
body.group4-p10.group4-p10.group4-p10 .g4-card{background:#35577F;border-color:#8FAFD0;color:#E2EBF4;}
body.group4-p10.group4-p10.group4-p10 .g4-card h3{color:#fff;}
body.group4-p10.group4-p10.group4-p10 .g4-card p{color:#E2EBF4;}
body.group4-p10.group4-p10.group4-p10 .g4-card .icon{background:#19365F;color:#B8CADD;margin-inline:auto;}body.group4-p10.group4-p10.group4-p10 .g4-answer{background:var(--deep);color:#fff;border-radius:28px;padding:30px;}
body.group4-p10.group4-p10.group4-p10 .g4-answer .eyebrow{color:var(--cyan);}
body.group4-p10.group4-p10.group4-p10 .g4-answer h3{font-size:1.5rem;margin:14px 0;}
body.group4-p10.group4-p10.group4-p10 .g4-answer p{margin:0;color:#bed0df;}
body.group4-p10.group4-p10.group4-p10 .g4-answer ul{margin:20px 0 0;padding-left:20px;color:#c5d3df;line-height:1.75;}
body.group4-p10.group4-p10.group4-p10 .g4-answer h3{font-weight:400;}
body.group4-p10.group4-p10.group4-p10 .g4-answer{background:#19365F;border:1px solid #526F93;}
body.group4-p10.group4-p10.group4-p10 .g4-answer p{color:#D1DCE9;}
body.group4-p10.group4-p10.group4-p10 .g4-answer ul{color:#D1DCE9;}body.group4-p10.group4-p10.group4-p10 .plan-card{background:#fff;border:1px solid var(--line);border-radius:22px;padding:26px;box-shadow:0 12px 34px rgba(24,54,95,.05);}
body.group4-p10.group4-p10.group4-p10 .plan-card .icon{width:46px;height:46px;border-radius:50%;background:#e8f8fa;color:#166f9c;display:grid;place-items:center;font-weight:700;margin-bottom:18px;}
body.group4-p10.group4-p10.group4-p10 .plan-card h3{margin:0 0 10px;color:var(--navy);font-size:1.05rem;}
body.group4-p10.group4-p10.group4-p10 .plan-card p{margin:0;color:var(--slate);font-size:.94rem;}
body.group4-p10.group4-p10.group4-p10 .plan-card{background:#35577F;border-color:#8FAFD0;color:#E2EBF4;}
body.group4-p10.group4-p10.group4-p10 .plan-card h3{color:#fff;}
body.group4-p10.group4-p10.group4-p10 .plan-card p{color:#E2EBF4;}
body.group4-p10.group4-p10.group4-p10 .plan-card .icon{background:#19365F;color:#B8CADD;margin-inline:auto;}
body.group4-p10.group4-p10.group4-p10{background:#294B70;color:#E2EBF4;--line:#8FAFD0;--cm-line:#8FAFD0;--navy:#19365F;--cm-navy:#19365F;--deep:#19365F;--cyan:#76EAF7;--slate:#E2EBF4;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
body.group4-p10.group4-p10.group4-p10 h1,body.group4-p10.group4-p10.group4-p10 h2,body.group4-p10.group4-p10.group4-p10 h3,body.group4-p10.group4-p10.group4-p10 h4{font-family:inherit;text-wrap:balance;color:#fff;text-shadow:none}
body.group4-p10.group4-p10.group4-p10 h1{font-size:clamp(1.72rem,2.35vw,2.5rem)!important;font-weight:300!important;line-height:1.16!important;letter-spacing:-.02em!important;white-space:normal!important}
body.group4-p10.group4-p10.group4-p10 h2{font-size:clamp(1.7rem,2.7vw,2.4rem)!important;font-weight:300!important;line-height:1.2!important;letter-spacing:-.015em!important}
body.group4-p10.group4-p10.group4-p10 h3,body.group4-p10.group4-p10.group4-p10 h4{font-weight:400!important;line-height:1.35;letter-spacing:0!important}
body.group4-p10.group4-p10.group4-p10 p,body.group4-p10.group4-p10.group4-p10 li{color:#E2EBF4;text-align:left!important;text-wrap:pretty}
body.group4-p10.group4-p10.group4-p10 .cm-pillar,body.group4-p10.group4-p10.group4-p10 .cm-cert-page,body.group4-p10.group4-p10.group4-p10 .cm-cost-page{background:#294B70;color:#E2EBF4;font-family:inherit}
body.group4-p10.group4-p10.group4-p10 .cm-section{background:#294B70;color:#E2EBF4;padding:76px 0}
body.group4-p10.group4-p10.group4-p10 .cm-section--alt{background:#19365F}
body.group4-p10.group4-p10.group4-p10 .cm-hero,body.group4-p10.group4-p10.group4-p10 .cm-final-cta{background:#19365F;color:#E2EBF4}
body.group4-p10.group4-p10.group4-p10 .cm-hero:before,body.group4-p10.group4-p10.group4-p10 .cm-final-cta:before{display:none}
body.group4-p10.group4-p10.group4-p10 .cm-section h2{color:#fff}
body.group4-p10.group4-p10.group4-p10 .cm-micro-trust,body.group4-p10.group4-p10.group4-p10 .cm-breadcrumbs{color:#D1DCE9}
body.group4-p10.group4-p10.group4-p10 .cm-micro-trust span:before{border-color:#8FAFD0}
body.group4-p10.group4-p10.group4-p10 .cm-certificate-visual,body.group4-p10.group4-p10.group4-p10 .cm-hero-panel{width:100%;max-width:470px!important;padding:19px!important;border-radius:23px!important;justify-self:end;min-width:0;background:#19365F;border:1px solid #8FAFD0;box-shadow:0 14px 35px rgba(17,37,72,.08)}
body.group4-p10.group4-p10.group4-p10 .cm-proof-title{color:#fff;font-weight:400!important}
body.group4-p10.group4-p10.group4-p10 .cm-page-nav{background:#294B70;border-color:#8FAFD0;top:0}
body.group4-p10.group4-p10.group4-p10 .cm-page-nav a{color:#E2EBF4}
body.group4-p10.group4-p10.group4-p10 .cm-page-nav a:hover{color:#76EAF7}
body.group4-p10.group4-p10.group4-p10 .g4-card{background:#35577F;color:#E2EBF4;border:1px solid #8FAFD0;border-radius:22px}
body.group4-p10.group4-p10.group4-p10 .g4-card h3,body.group4-p10.group4-p10.group4-p10 .g4-card h4{color:#fff}
body.group4-p10.group4-p10.group4-p10 .g4-card p,body.group4-p10.group4-p10.group4-p10 .g4-card li{color:#E2EBF4}
body.group4-p10.group4-p10.group4-p10 .g4-answer{background:#19365F;color:#E2EBF4;border:1px solid #526F93;border-radius:28px}
body.group4-p10.group4-p10.group4-p10 .g4-answer h3,body.group4-p10.group4-p10.group4-p10 .g4-answer strong{color:#fff}
body.group4-p10.group4-p10.group4-p10 .g4-answer p{color:#D1DCE9}
body.group4-p10.group4-p10.group4-p10 .g4-faq{max-width:none;border:0;display:grid;gap:12px}
body.group4-p10.group4-p10.group4-p10 .g4-faq details{background:#35577F;border:1px solid #8FAFD0;border-radius:18px;padding:0 20px}
body.group4-p10.group4-p10.group4-p10 .g4-faq summary{color:#fff;font-weight:400!important;line-height:1.5;padding:19px 32px 19px 0}
body.group4-p10.group4-p10.group4-p10 .g4-faq summary:after{color:#B8CADD}
body.group4-p10.group4-p10.group4-p10 .g4-faq details[open]{background:#25496F}
body.group4-p10.group4-p10.group4-p10 .g4-faq p{color:#E2EBF4;padding:0 0 20px;margin:0}
body.group4-p10.group4-p10.group4-p10 #related-resources .resource-container{width:min(1180px,calc(100% - 44px));margin:auto}
body.group4-p10.group4-p10.group4-p10 #related-resources .resource-card{color:#E2EBF4;text-decoration:none}
body.group4-p10.group4-p10.group4-p10 #related-resources .resource-title h3{color:#fff;font-weight:400}
body.group4-p10.group4-p10.group4-p10 #related-resources .resource-action,body.group4-p10.group4-p10.group4-p10 #related-resources .resource-action span{color:#76EAF7;border-color:#8FAFD0}
body.group4-p10.group4-p10.group4-p10 .cm-btn,body.group4-p10.group4-p10.group4-p10 .btn,body.group4-p10.group4-p10.group4-p10 .cm-calc-button{border-radius:11px;font-weight:600!important;letter-spacing:.07em;line-height:1.35;white-space:normal;max-width:100%;text-align:center}
body.group4-p10.group4-p10.group4-p10 .cm-btn--primary,body.group4-p10.group4-p10.group4-p10 .btn-primary,body.group4-p10.group4-p10.group4-p10 .cm-calc-button{background:#B8CADD;color:#19365F;border:1px solid #B8CADD;box-shadow:none}
body.group4-p10.group4-p10.group4-p10 .cm-btn--primary:hover,body.group4-p10.group4-p10.group4-p10 .btn-primary:hover,body.group4-p10.group4-p10.group4-p10 .cm-calc-button:hover{background:#D1DCE9;color:#19365F}
body.group4-p10.group4-p10.group4-p10 .cm-btn--secondary,body.group4-p10.group4-p10.group4-p10 .btn-secondary,body.group4-p10.group4-p10.group4-p10 .btn-ghost{background:#25496F;border:1px solid #8FAFD0;color:#fff}
body.group4-p10.group4-p10.group4-p10 .cm-btn--secondary:hover,body.group4-p10.group4-p10.group4-p10 .btn-secondary:hover,body.group4-p10.group4-p10.group4-p10 .btn-ghost:hover{background:#35577F;color:#fff}
body.group4-p10.group4-p10.group4-p10 a:focus-visible,body.group4-p10.group4-p10.group4-p10 button:focus-visible,body.group4-p10.group4-p10.group4-p10 summary:focus-visible,body.group4-p10.group4-p10.group4-p10 input:focus-visible{outline:3px solid #76EAF7;outline-offset:4px}
body.group4-p10.group4-p10.group4-p10 .g4-eyebrow{display:inline-flex!important;align-items:center;gap:9px;max-width:100%;width:fit-content;padding:7px 12px;border:1px solid rgba(118,234,247,.34);border-radius:999px;background:rgba(118,234,247,.07);color:#E6FBFF!important;font-size:.67rem!important;font-weight:600!important;letter-spacing:.13em!important;line-height:1.5;white-space:normal;text-transform:uppercase;margin-bottom:20px;text-align:left}
body.group4-p10.group4-p10.group4-p10 .g4-eyebrow:before,body.group4-p10.group4-p10.group4-p10 .g4-eyebrow:after{content:none!important;display:none!important}
body.group4-p10.group4-p10.group4-p10 .g4-eyebrow>.g4-eyebrow-dot{display:block!important;position:static;width:7px;height:7px;min-width:7px;flex:0 0 7px;border:0;padding:0;margin:0;border-radius:50%;background:#8FAFD0;box-shadow:0 0 0 5px rgba(143,175,208,.1)}
body.group4-p10.group4-p10.group4-p10 .g4-eyebrow>.g4-eyebrow-label{display:block;min-width:0;white-space:normal;overflow-wrap:anywhere;color:inherit;font-size:inherit;font-weight:inherit;letter-spacing:inherit;line-height:inherit;padding:0;margin:0;border:0;background:none;text-align:left}
body.group4-p10.group4-p10.group4-p10 #related-resources .resource-category.g4-eyebrow{background:#19365F;color:#B8CADD!important;margin-bottom:16px}
@media(max-width:1080px){body.group4-p10.group4-p10.group4-p10 .cm-certificate-visual,body.group4-p10.group4-p10.group4-p10 .cm-hero-panel{justify-self:center}}
@media(max-width:820px){body.group4-p10.group4-p10.group4-p10 .cm-section{padding:56px 0}}
@media(max-width:620px){body.group4-p10.group4-p10.group4-p10 #related-resources .resource-container{width:calc(100% - 32px)}}
@media(max-width:420px){body.group4-p10.group4-p10.group4-p10 .cm-certificate-visual,body.group4-p10.group4-p10.group4-p10 .cm-hero-panel{padding:14px!important}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}body.group4-p10.group4-p10.group4-p10 *,body.group4-p10.group4-p10.group4-p10 *:before,body.group4-p10.group4-p10.group4-p10 *:after{animation:none!important;transition:none!important}}

body.group4-p10.group4-p10.group4-p10 .hero{max-width:920px}
body.group4-p10.group4-p10.group4-p10 .hero p,body.group4-p10.group4-p10.group4-p10 .plan-heading p,body.group4-p10.group4-p10.group4-p10 .app-body>p,body.group4-p10.group4-p10.group4-p10 .choice-note{color:#E2EBF4}
body.group4-p10.group4-p10.group4-p10 .shell,body.group4-p10.group4-p10.group4-p10 .app-header{background:#19365F}
body.group4-p10.group4-p10.group4-p10 .progress-wrap{background:#25496F;border-color:#8FAFD0}
body.group4-p10.group4-p10.group4-p10 .pstep{color:#D1DCE9}
body.group4-p10.group4-p10.group4-p10 .pstep b{background:#35577F;color:#D1DCE9;border:1px solid #8FAFD0}
body.group4-p10.group4-p10.group4-p10 .pstep.active{color:#fff}
body.group4-p10.group4-p10.group4-p10 .pstep.active b{background:#B8CADD;color:#19365F;border-color:#B8CADD}
body.group4-p10.group4-p10.group4-p10 .pstep.done{color:#C0EAD9}
body.group4-p10.group4-p10.group4-p10 .pstep.done b{background:#DFF4EC;color:#087B56}
body.group4-p10.group4-p10.group4-p10 .family-card{min-height:0}
body.group4-p10.group4-p10.group4-p10 .family-card:before{display:none}
body.group4-p10.group4-p10.group4-p10 .family-card.choice-card{background:#35577F;border:1px solid #8FAFD0;border-radius:24px;padding:30px 34px 32px}
body.group4-p10.group4-p10.group4-p10 .family-card h2{font-size:1.28rem!important;font-weight:400!important;line-height:1.35!important;text-align:left;margin:0}
body.group4-p10.group4-p10.group4-p10 .family-card .service-choice-head{min-height:82px}
body.group4-p10.group4-p10.group4-p10 .family-card p,body.group4-p10.group4-p10.group4-p10 .family-card li{color:#E2EBF4}
body.group4-p10.group4-p10.group4-p10 .family-action{padding-top:16px;border-top:1px solid #8FAFD0}
body.group4-p10.group4-p10.group4-p10 .choice-note button,body.group4-p10.group4-p10.group4-p10 .back-link{color:#76EAF7}
body.group4-p10.group4-p10.group4-p10 .cadence-label{color:#D1DCE9}
body.group4-p10.group4-p10.group4-p10 .seg{background:#19365F;border:1px solid #8FAFD0}
body.group4-p10.group4-p10.group4-p10 .seg button{color:#D1DCE9;font-weight:600}
body.group4-p10.group4-p10.group4-p10 .seg button[aria-pressed="true"]{background:#B8CADD;color:#19365F}
body.group4-p10.group4-p10.group4-p10 .plan-card{background:#35577F;border:1px solid #8FAFD0;border-radius:22px;padding:0}
body.group4-p10.group4-p10.group4-p10 .plan-card.selected{border:2px solid #76EAF7}
body.group4-p10.group4-p10.group4-p10 .plan-card.selected:after{background:#19365F;color:#76EAF7;position:static;order:-1;align-self:flex-end;margin:12px 14px 0}
body.group4-p10.group4-p10.group4-p10 .plan-head{background:#35577F}
body.group4-p10.group4-p10.group4-p10 .plan-card h3{color:#fff;font-weight:400!important}
body.group4-p10.group4-p10.group4-p10 .plan-kicker,body.group4-p10.group4-p10.group4-p10 .price small{color:#D1DCE9}
body.group4-p10.group4-p10.group4-p10 .price{color:#fff;font-weight:500}
body.group4-p10.group4-p10.group4-p10 .paygo{background:#19365F;border-color:#8FAFD0;color:#D1DCE9}
body.group4-p10.group4-p10.group4-p10 .keylist li{color:#E2EBF4}
body.group4-p10.group4-p10.group4-p10 .keylist li:before{color:#B8CADD}
body.group4-p10.group4-p10.group4-p10 .plan-actions{background:#25496F;border-color:#8FAFD0}
body.group4-p10.group4-p10.group4-p10 .compare{background:#F3F6FA;color:#19365F;border-color:#8FAFD0}
body.group4-p10.group4-p10.group4-p10 .compare summary{background:#19365F;color:#fff;font-weight:400!important}
body.group4-p10.group4-p10.group4-p10 .matrix th,body.group4-p10.group4-p10.group4-p10 .matrix td{color:#19365F;border-color:#C5D5E6;background:#F3F6FA}
body.group4-p10.group4-p10.group4-p10 .matrix th{background:#DDE8F3}
body.group4-p10.group4-p10.group4-p10 .matrix .section-row td,body.group4-p10.group4-p10.group4-p10 .matrix .group-row td:first-child{background:#25496F;color:#fff}
body.group4-p10.group4-p10.group4-p10 .matrix .group-row td:not(:first-child){background:#F3F6FA;color:#19365F}
body.group4-p10.group4-p10.group4-p10 .matrix-note,body.group4-p10.group4-p10.group4-p10 .matrix-note b{color:#52657D}
body.group4-p10.group4-p10.group4-p10 .cost-link{color:#19365F}
body.group4-p10.group4-p10.group4-p10 .info,body.group4-p10.group4-p10.group4-p10 .info:hover{background:#8FAFD0;color:#19365F;border:1px solid #19365F}
body.group4-p10.group4-p10.group4-p10 .tooltip-panel{background:#19365F;color:#fff;border:1px solid #8FAFD0}
body.group4-p10.group4-p10.group4-p10 .dash{color:#52657D}
body.group4-p10.group4-p10.group4-p10 .continue-box{background:#19365F;border:1px solid #8FAFD0;border-radius:24px}
body.group4-p10.group4-p10.group4-p10 .continue-box .btn{background:#B8CADD;color:#19365F;border:1px solid #B8CADD;white-space:normal}
body.group4-p10.group4-p10.group4-p10 .boundary-card{background:#19365F;border:1px solid #8FAFD0;border-radius:28px}
body.group4-p10.group4-p10.group4-p10 .selection-summary{background:#25496F;border-color:#8FAFD0}
body.group4-p10.group4-p10.group4-p10 .selection-summary dt{color:#D1DCE9}
body.group4-p10.group4-p10.group4-p10 .selection-summary dd{color:#fff;font-weight:500}
body.group4-p10.group4-p10.group4-p10 .account-choice{background:#35577F;border-color:#8FAFD0}
body.group4-p10.group4-p10.group4-p10 .account-choice p{color:#E2EBF4}
body.group4-p10.group4-p10.group4-p10 .handoff-note{background:#FFF4D6;color:#704A00}
body.group4-p10.group4-p10.group4-p10 .secure-step{background:#35577F;color:#E2EBF4;border-color:#8FAFD0;padding:18px}
body.group4-p10.group4-p10.group4-p10 .secure-step strong{color:#fff;font-weight:400}
body.group4-p10.group4-p10.group4-p10 .secure-step span,body.group4-p10.group4-p10.group4-p10 .outscope{color:#D1DCE9}
body.group4-p10.group4-p10.group4-p10 .downstream{border-color:#8FAFD0}
body.group4-p10.group4-p10.group4-p10 .toast{background:#19365F;color:#fff;border:1px solid #8FAFD0}
@media(max-width:820px){body.group4-p10.group4-p10.group4-p10 .family-grid{grid-template-columns:1fr}}
@media(max-width:620px){body.group4-p10.group4-p10.group4-p10 .family-card.choice-card{padding:24px 20px}body.group4-p10.group4-p10.group4-p10 .family-card h2{font-size:1.1rem!important}}


/* Owner review corrections: both family headings and actions. */
body.group4-p10.group4-p10.group4-p10 .family-card .service-choice-head{padding-bottom:20px;margin-bottom:20px;border-bottom:1px solid #8FAFD0}
body.group4-p10.group4-p10.group4-p10 #explainBtn{font-weight:500!important;letter-spacing:normal;text-shadow:none;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:4px}
body.group4-p10.group4-p10.group4-p10 #explainBtn:hover{color:#fff}
body.group4-p10.group4-p10.group4-p10 .family-action .btn{justify-content:space-between;gap:18px;min-height:58px;padding:11px 14px 11px 20px;border:1px solid #D1DCE9;border-radius:11px;background:#B8CADD;color:#19365F;font-weight:500!important;letter-spacing:.02em;box-shadow:inset 0 1px 0 #E2EBF4,0 5px 12px rgba(9,29,52,.16);transition:background .18s ease,box-shadow .18s ease,transform .18s ease}
body.group4-p10.group4-p10.group4-p10 .plan-choice-label{min-width:0;text-align:left;line-height:1.4}
body.group4-p10.group4-p10.group4-p10 .plan-choice-arrow{display:grid;place-items:center;flex:0 0 32px;width:32px;height:32px;border-radius:50%;background:#19365F;color:#76EAF7;font-size:1.1rem;font-weight:400;line-height:1;letter-spacing:0}
body.group4-p10.group4-p10.group4-p10 .family-action .btn:hover{background:#D1DCE9;border-color:#fff;box-shadow:inset 0 1px 0 #fff,0 8px 18px rgba(9,29,52,.22);transform:translateY(-2px)}
body.group4-p10.group4-p10.group4-p10 .family-action .btn:focus-visible{outline:3px solid #76EAF7;outline-offset:4px}
body.group4-p10.group4-p10.group4-p10 .family-action .btn:active{transform:translateY(0)}
@media(prefers-reduced-motion:reduce){body.group4-p10.group4-p10.group4-p10 .family-action .btn{transition:none;transform:none}}


/* Keep help icons aligned independently of feature-label length. */
.matrix td:first-child{position:relative;padding-right:46px}.matrix .feature-label{position:static}.matrix .feature-label>.info-wrap{position:absolute;right:15px;top:calc(50% - 9px);height:18px;line-height:18px}

/* Subtle separation and expanded-state emphasis for service comparisons. */
#familyView .cm-initial-plan-comparisons > details.compare + details.compare{margin-top:8px}
#familyView .cm-initial-plan-comparisons > details.compare[open]{border-color:var(--greenbg);outline:1px solid var(--greenbg);outline-offset:-1px}

/* Match expanded comparison headings to the Email + Postal tile. */
#familyView .cm-initial-plan-comparisons > details.compare[open]{border-color:var(--line);outline:none}
#familyView .cm-initial-plan-comparisons > details.compare[open] > summary{box-shadow:inset 0 0 0 2px var(--greenbg)}
#familyView .family-card.email{border-color:var(--greenbg);box-shadow:inset 0 0 0 1px var(--greenbg)}

/* Owner review: explicit 2px borders and left-aligned section label. */
#familyView .family-card.postal{border-width:2px}
#familyView .cm-initial-plan-comparisons > details.compare:not([open]){border:2px solid var(--greenbg)}
#familyView > .hero{position:relative;max-width:none}
#familyView > .hero > .eyebrow{display:flex!important;width:max-content;margin-left:0;margin-right:auto}

/* Approved Plans hero and service-specific comparison outlines. */
#familyView .cm-initial-plan-comparisons > details.compare{border:2px solid var(--line);outline:none}
#familyView .cm-initial-plan-comparisons > details.compare:nth-of-type(1):not([open]){border-color:var(--line)}
#familyView .cm-initial-plan-comparisons > details.compare:nth-of-type(1)[open] > summary{box-shadow:inset 0 0 0 2px var(--line)}
#familyView .cm-initial-plan-comparisons > details.compare:nth-of-type(2){border-color:var(--greenbg)}
#familyView > .hero{isolation:isolate;overflow:hidden;text-align:left;padding:36px 40px;background:#19365F;border:1px solid var(--line);border-bottom-width:3px;border-radius:24px;margin-bottom:32px}
#familyView > .hero:before{content:"";position:absolute;z-index:-1;width:340px;height:340px;right:-110px;top:-210px;border:1px solid #526F93;border-radius:50%;box-shadow:0 0 0 40px #ffffff03,0 0 0 80px #ffffff02;pointer-events:none}
#familyView > .hero:after{content:"";display:block;width:48px;height:3px;background:var(--line);margin-top:22px}
#familyView > .hero h1{max-width:680px;line-height:1.2}
#familyView > .hero p{margin-left:0;margin-right:0;max-width:800px}
@media(max-width:620px){#familyView > .hero{padding:28px 24px;margin-bottom:24px}}