/* CASEMAIL PILLAR PAGE TEMPLATE — REFERENCE CSS Production implementation should centralize shared tokens/components in the WordPress/FSE theme rather than duplicate this full file per page. Inter is the approved production font. The universal header/nav/side menu/footer are outside this page stylesheet. */ :root{ --cm-navy:#223671; --cm-deep:#19365F; --cm-cyan:#76EAF7; --cm-white:#FFFFFF; --cm-slate:#66758A; --cm-light:#F3F6FA; --cm-ink:#152B4E; --cm-line:#D9E4EF; --cm-shadow:0 18px 50px rgba(18,43,78,.12); } *{box-sizing:border-box} html{scroll-behavior:smooth} body{margin:0;background:#fff;color:#213653;font-family:Inter,"Segoe UI",Arial,sans-serif;line-height:1.6} a{color:inherit;text-decoration:none} button{font:inherit} img,svg{max-width:100%} .cm-pillar{overflow:hidden;background:#fff} .cm-shell{width:min(1180px,calc(100% - 44px));margin:0 auto} .cm-narrow{max-width:800px} .cm-reading{max-width:760px} .cm-eyebrow{margin:0 0 14px;color:var(--cm-cyan);font-size:.7rem;line-height:1.4;font-weight:800;letter-spacing:.16em;text-transform:uppercase} .cm-eyebrow--dark{color:var(--cm-navy)} .cm-section{padding:88px 0} .cm-section--alt{background:var(--cm-light)} .cm-section h2{max-width:800px;margin:0;color:var(--cm-navy);font-size:clamp(1.65rem,2.15vw,2.2rem);line-height:1.16;letter-spacing:.005em;font-weight:700} .cm-section-intro{max-width:760px;margin:18px 0 0;color:var(--cm-slate);font-size:1rem;line-height:1.7} .cm-section-head--center{margin:0 auto;text-align:center} .cm-section-head--center h2,.cm-section-head--center .cm-section-intro{margin-left:auto;margin-right:auto} /* Inner-page hero: approved DPS/CaseMail scale and tokens. */ .cm-hero{position:relative;overflow:hidden;padding:34px 0 86px;background:radial-gradient(circle at 79% 20%,rgba(118,234,247,.17),transparent 29%),linear-gradient(145deg,#132D51 0%,#19365F 58%,#203D72 100%);color:#fff} .cm-hero::before{content:"";position:absolute;inset:0;opacity:.2;background-image:linear-gradient(rgba(118,234,247,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(118,234,247,.08) 1px,transparent 1px);background-size:44px 44px;mask-image:linear-gradient(to bottom,#000 18%,transparent 92%);pointer-events:none} .cm-breadcrumbs{position:relative;z-index:1;display:flex;flex-wrap:wrap;gap:9px;align-items:center;margin-bottom:54px;color:rgba(255,255,255,.68);font-size:.77rem;line-height:1.45} .cm-breadcrumbs a{color:rgba(255,255,255,.9)} .cm-breadcrumbs a:hover,.cm-breadcrumbs a:focus-visible{color:var(--cm-cyan);outline:none} .cm-hero-layout{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1.08fr) minmax(340px,.92fr);gap:62px;align-items:center} .cm-hero h1{max-width:800px;margin:0 0 18px;color:#fff;font-size:clamp(1.45rem,1.78vw,1.82rem);line-height:1.15;letter-spacing:.012em;font-weight:700} .cm-hero h1 .cm-highlight{color:var(--cm-cyan)} .cm-hero-line2{display:block} .cm-hero-lead{max-width:690px;margin:0 0 24px;color:rgba(255,255,255,.91);font-size:clamp(1rem,1.27vw,1.28rem);line-height:1.62;font-weight:500} .cm-hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:25px} .cm-btn{min-height:50px;display:inline-flex;align-items:center;justify-content:center;padding:14px 20px;border-radius:999px;font-size:.78rem;line-height:1.2;letter-spacing:.1em;font-weight:800;text-transform:uppercase;transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease,background .16s ease} .cm-btn:hover,.cm-btn:focus-visible{transform:translateY(-1px);outline:none} .cm-btn--primary{background:var(--cm-cyan);color:#123355;box-shadow:0 10px 30px rgba(118,234,247,.12)} .cm-btn--primary:hover,.cm-btn--primary:focus-visible{background:#9BF1FA;box-shadow:0 14px 34px rgba(118,234,247,.2)} .cm-btn--secondary{border:1px solid rgba(255,255,255,.35);background:rgba(255,255,255,.05);color:#fff} .cm-btn--secondary:hover,.cm-btn--secondary:focus-visible{border-color:var(--cm-cyan);background:rgba(118,234,247,.07)} .cm-micro-trust{display:flex;flex-wrap:wrap;gap:9px 18px;margin-top:23px;color:rgba(255,255,255,.66);font-size:.79rem} .cm-micro-trust span{position:relative;padding-left:17px} .cm-micro-trust span::before{content:"";position:absolute;left:0;top:.52em;width:6px;height:6px;border:1px solid var(--cm-cyan);border-radius:50%} /* Page-specific proof/workflow panel */ .cm-proof-panel{position:relative;padding:28px;border:1px solid rgba(118,234,247,.24);border-radius:28px;background:rgba(6,25,54,.57);box-shadow:0 24px 70px rgba(0,0,0,.22);backdrop-filter:blur(10px)} .cm-proof-kicker{margin-bottom:8px;color:var(--cm-cyan);font-size:.68rem;line-height:1.4;font-weight:800;letter-spacing:.14em;text-transform:uppercase} .cm-proof-title{display:block;margin:0 0 7px;color:#fff;font-size:1.06rem;line-height:1.3;font-weight:700} .cm-proof-copy{margin:0 0 18px;color:rgba(255,255,255,.64);font-size:.8rem;line-height:1.55} .cm-document{position:relative;padding:18px;border:1px solid rgba(255,255,255,.12);border-radius:17px;background:rgba(255,255,255,.97);box-shadow:0 18px 35px rgba(0,0,0,.12)} .cm-doc-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:15px} .cm-doc-label{color:var(--cm-navy);font-size:.68rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase} .cm-doc-file{color:#8392A5;font-size:.68rem;font-weight:700} .cm-doc-line{height:7px;border-radius:999px;background:#DDE6EF;margin:8px 0} .cm-doc-line:nth-of-type(2){width:82%}.cm-doc-line:nth-of-type(3){width:63%} .cm-record-chip{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:17px;padding:12px 14px;border:1px solid rgba(44,121,185,.35);border-radius:11px;background:#F3FBFD} .cm-record-chip span{color:#2C79B9;font-size:.67rem;font-weight:850;letter-spacing:.12em;text-transform:uppercase} .cm-record-chip strong{color:var(--cm-deep);font-size:.78rem;letter-spacing:.04em} .cm-proof-flow{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin-top:14px} .cm-proof-step{min-height:76px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;padding:10px 6px;border:1px solid rgba(118,234,247,.18);border-radius:13px;background:rgba(255,255,255,.045);text-align:center} .cm-proof-step b{display:grid;place-items:center;width:28px;height:28px;border:1px solid rgba(118,234,247,.4);border-radius:9px;color:var(--cm-cyan);font-size:.67rem} .cm-proof-step span{color:rgba(255,255,255,.82);font-size:.69rem;font-weight:700} /* In-page navigation only; not global site nav. */ .cm-page-nav{position:sticky;top:0;z-index:40;border-bottom:1px solid #E3EAF1;background:rgba(255,255,255,.96);box-shadow:0 8px 22px rgba(25,54,95,.05);backdrop-filter:blur(10px)} .cm-page-nav__inner{min-height:56px;display:flex;align-items:center;justify-content:center;gap:26px;overflow-x:auto;scrollbar-width:none} .cm-page-nav__inner::-webkit-scrollbar{display:none} .cm-page-nav a{flex:0 0 auto;color:#4E6076;font-size:.72rem;font-weight:750;white-space:nowrap} .cm-page-nav a:hover,.cm-page-nav a:focus-visible{color:var(--cm-navy);outline:none} /* Direct-answer / AEO block */ .cm-definition{margin-top:34px;display:grid;grid-template-columns:52px 1fr;gap:18px;align-items:start;padding:24px;border:1px solid #D9E7F0;border-radius:20px;background:#F8FBFD;box-shadow:0 10px 30px rgba(26,57,95,.04)} .cm-definition-mark{width:52px;height:52px;display:grid;place-items:center;border-radius:50%;background:var(--cm-deep);color:var(--cm-cyan);font-size:.72rem;font-weight:850;letter-spacing:.06em} .cm-definition p{margin:0;color:#40536A;font-size:1rem;line-height:1.72} /* Cards and workflow */ .cm-workflow-section{position:relative;background:linear-gradient(135deg,#17375f 0%,#19365F 58%,#102f55 100%);color:#fff} .cm-workflow-section::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% 34%,rgba(118,234,247,.075),transparent 34%);pointer-events:none} .cm-workflow-section .cm-shell{position:relative;z-index:1} .cm-workflow-section .cm-eyebrow{color:var(--cm-cyan)} .cm-workflow-section h2{color:#fff} .cm-workflow-section .cm-section-intro{color:rgba(255,255,255,.74)} .cm-workflow-head{max-width:820px;margin:0 auto;text-align:center} .cm-workflow-head h2,.cm-workflow-head .cm-section-intro{margin-left:auto;margin-right:auto} .cm-workflow-grid{position:relative;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:46px;margin-top:48px;padding-top:4px} .cm-workflow-grid::before{content:"";position:absolute;top:55px;left:calc(16.6667% - 15.333px);right:calc(16.6667% - 15.333px);height:1px;background:rgba(118,234,247,.44)} .cm-workflow-card{position:relative;z-index:1;padding:0 18px;background:transparent;text-align:center} .cm-card-number{display:grid;place-items:center;width:102px;height:102px;margin:0 auto 26px;border:1px solid rgba(118,234,247,.55);border-radius:50%;background:rgba(255,255,255,.055);color:var(--cm-cyan);font-size:1.12rem;font-weight:800} .cm-workflow-card h3{margin:0 0 11px;color:#fff;font-size:1.12rem;line-height:1.3;font-weight:700;text-align:center} .cm-workflow-card p{max-width:330px;margin:0 auto;color:rgba(255,255,255,.72);font-size:.92rem;line-height:1.65;text-align:left} .cm-capability-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin-top:38px} .cm-capability-card{display:flex;flex-direction:column;min-height:290px;padding:24px;border:1px solid var(--cm-line);border-radius:22px;background:#fff;box-shadow:0 10px 30px rgba(26,57,95,.06)} .cm-card-pill{align-self:flex-start;margin-bottom:17px;padding:6px 9px;border-radius:999px;background:#EAF6FB;color:#2C79B9;font-size:.62rem;font-weight:850;letter-spacing:.11em;text-transform:uppercase} .cm-capability-card h3,.cm-resource-card h3{margin:0 0 10px;color:var(--cm-navy);font-size:1.06rem;line-height:1.3;font-weight:700} .cm-capability-card p,.cm-resource-card p{margin:0;color:#647489;font-size:.93rem;line-height:1.7} .cm-check-list{list-style:none;padding:0;margin:18px 0 0;display:grid;gap:9px} .cm-check-list li{position:relative;padding-left:21px;color:#4F6279;font-size:.82rem;line-height:1.45;font-weight:600} .cm-check-list li::before{content:"✓";position:absolute;left:0;color:#2C79B9;font-weight:900} /* Evidence / record centerpiece */ .cm-evidence{background:#F6F9FC;color:var(--cm-ink)} .cm-evidence .cm-eyebrow{color:#2C79B9} .cm-evidence h2{color:var(--cm-deep);max-width:620px} .cm-evidence .cm-section-intro{color:#53657B;max-width:690px} .cm-evidence .cm-section-intro strong{color:var(--cm-deep)} .cm-evidence-layout{display:grid;grid-template-columns:.9fr 1.1fr;gap:58px;align-items:center} .cm-evidence-copy>.cm-section-intro+.cm-section-intro{margin-top:20px} .cm-facts{display:grid;grid-template-columns:54px 1fr;gap:18px;align-items:start;margin-top:30px} .cm-facts-icon{width:50px;height:50px;color:#269CD8} .cm-facts-icon svg,.cm-record-icon svg{width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round} .cm-facts h3{margin:2px 0 12px;color:var(--cm-deep);font-size:1.02rem;line-height:1.4} .cm-facts-list{list-style:none;padding:0;margin:0;display:grid;gap:8px} .cm-facts-list li{position:relative;padding-left:32px;color:#314A68;font-size:.94rem;line-height:1.5} .cm-facts-list li::before{content:"✓";position:absolute;left:0;top:.02em;display:grid;place-items:center;width:20px;height:20px;border-radius:50%;background:#2BA8E0;color:#fff;font-size:.72rem;font-weight:900} .cm-record-map{padding:22px;border:1px solid rgba(118,234,247,.25);border-radius:25px;background:#294A73;box-shadow:0 18px 46px rgba(25,54,95,.12)} .cm-record-row{display:grid;grid-template-columns:46px 150px 1fr;gap:14px;align-items:center;padding:14px 16px;border:1px solid rgba(255,255,255,.10);border-radius:14px;background:#35577F} .cm-record-row strong{color:#fff;font-size:.91rem;line-height:1.35}.cm-record-row>span:last-child{color:rgba(255,255,255,.74);font-size:.82rem;line-height:1.45} .cm-record-icon{display:grid;place-items:center;width:38px;height:38px;padding:7px;border-radius:50%;background:rgba(37,169,226,.16);color:#76EAF7} .cm-record-arrow{text-align:center;color:var(--cm-cyan);font-size:1.05rem;font-weight:850;line-height:1;padding:7px} .cm-record-focus{display:grid;grid-template-columns:46px 1fr;gap:14px;align-items:center;padding:13px 16px;border-radius:14px;background:var(--cm-cyan);color:#17395F;font-weight:850} .cm-record-focus .cm-record-icon{background:rgba(21,43,78,.08);color:#17395F} .cm-record-icon--stamp svg{stroke-width:2.1} /* Audience, FAQs, resources */ .cm-audience-section{position:relative;background:linear-gradient(135deg,#19365F 0%,#17375F 54%,#12345A 100%);color:#fff} .cm-audience-section::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 22% 38%,rgba(118,234,247,.06),transparent 30%);pointer-events:none} .cm-audience-section .cm-shell{position:relative;z-index:1} .cm-audience-section .cm-eyebrow{color:var(--cm-cyan)} .cm-audience-section h2{color:#fff} .cm-audience-section .cm-section-intro{color:rgba(255,255,255,.72)} .cm-audience-head{max-width:760px} .cm-audience-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-top:38px} .cm-audience-card{min-height:230px;padding:27px 25px;border:1px solid rgba(255,255,255,.16);border-radius:18px;background:rgba(255,255,255,.065);box-shadow:none} .cm-audience-icon{width:42px;height:42px;display:grid;place-items:center;margin:0 auto 24px;color:var(--cm-cyan)} .cm-audience-icon svg{width:38px;height:38px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round} .cm-audience-card h3{margin:0 0 11px;color:#fff;font-size:1rem;line-height:1.3;font-weight:700} .cm-audience-card p{margin:0;color:rgba(255,255,255,.7);font-size:.86rem;line-height:1.65} .cm-audience-note{max-width:760px;margin:22px 0 0;color:rgba(255,255,255,.58);font-size:.8rem;line-height:1.6} .cm-faq-layout{display:grid;grid-template-columns:.55fr 1.45fr;gap:60px;align-items:start} .cm-faq-list{border-top:1px solid #DCE5EE} .cm-faq-list details{border-bottom:1px solid #DCE5EE;padding:0} .cm-faq-list summary{position:relative;list-style:none;cursor:pointer;padding:20px 44px 20px 0;color:var(--cm-navy);font-size:.96rem;font-weight:700} .cm-faq-list summary::-webkit-details-marker{display:none} .cm-faq-list summary::after{content:"+";position:absolute;right:4px;top:50%;transform:translateY(-50%);color:#2C79B9;font-size:1.35rem;font-weight:400} .cm-faq-list details[open] summary::after{content:"–"} .cm-faq-list p{margin:0;padding:0 42px 21px 0;color:#5C6C81;font-size:.92rem;line-height:1.7} .cm-resource-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:38px} .cm-resource-card{display:block;padding:24px;border:1px solid var(--cm-line);border-radius:22px;background:#fff;box-shadow:0 10px 30px rgba(26,57,95,.06);transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease} .cm-resource-card:hover,.cm-resource-card:focus-visible{transform:translateY(-2px);border-color:#AFC2D5;box-shadow:0 16px 38px rgba(26,57,95,.1);outline:none} .cm-resource-type{display:block;margin-bottom:14px;color:#2C79B9;font-size:.64rem;font-weight:850;letter-spacing:.13em;text-transform:uppercase} .cm-resource-link{display:inline-block;margin-top:17px;color:#2C79B9;font-size:.78rem;font-weight:800} /* Final CTA: universal Get Started component used across CaseMail marketing pages. */ .cm-final-cta{position:relative;overflow:hidden;padding:82px 0;background:linear-gradient(120deg,#19365F,#214875);color:#fff;text-align:center} .cm-final-cta::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% 45%,rgba(72,180,236,.18),transparent 35%);pointer-events:none} .cm-final-cta-layout{position:relative;z-index:1;max-width:820px;margin:0 auto;display:flex;flex-direction:column;align-items:center;gap:0} .cm-final-cta .cm-eyebrow{color:var(--cm-cyan);margin-bottom:13px} .cm-final-cta h2{max-width:720px;margin:0;color:#fff;font-size:clamp(1.35rem,1.75vw,1.78rem);line-height:1.28;font-weight:500;letter-spacing:0} .cm-final-cta p{max-width:700px;margin:17px auto 0;color:rgba(255,255,255,.74);font-size:.98rem;line-height:1.65} .cm-final-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;margin-top:29px} @media(max-width:1050px){ .cm-hero-layout{grid-template-columns:1fr;gap:42px}.cm-proof-panel{max-width:700px} .cm-capability-grid{grid-template-columns:repeat(2,minmax(0,1fr))} .cm-audience-grid{grid-template-columns:repeat(2,minmax(0,1fr))} } @media(max-width:820px){ .cm-section{padding:74px 0}.cm-hero{padding:24px 0 62px}.cm-breadcrumbs{margin-bottom:38px} .cm-evidence-layout,.cm-faq-layout{grid-template-columns:1fr;gap:42px} .cm-workflow-grid,.cm-resource-grid{grid-template-columns:1fr}.cm-workflow-grid::before{display:none}.cm-workflow-card{max-width:430px;margin:0 auto;width:100%} .cm-final-actions{justify-content:center} } @media(max-width:620px){ .cm-shell{width:calc(100% - 32px)} .cm-hero-layout{gap:34px}.cm-proof-panel{padding:22px;border-radius:22px} .cm-proof-flow{grid-template-columns:1fr}.cm-proof-step{min-height:58px;flex-direction:row;justify-content:flex-start;padding:10px 12px} .cm-page-nav__inner{justify-content:flex-start;gap:20px} .cm-capability-grid,.cm-audience-grid{grid-template-columns:1fr} .cm-capability-card{min-height:0} .cm-record-row{grid-template-columns:42px 1fr;gap:8px 12px}.cm-record-row>span:last-child{grid-column:2}.cm-record-focus{grid-template-columns:42px 1fr} .cm-btn{width:100%} .cm-final-actions{width:100%;justify-content:center} } @media(prefers-reduced-motion:reduce){ html{scroll-behavior:auto}.cm-btn,.cm-resource-card{transition:none} } /* Certified Email page-specific hero proof visual. Shared pillar components above remain unchanged. */ .cm-email-thread{display:grid;gap:9px} .cm-email-thread .cm-doc-head{margin-bottom:3px} .cm-email-message{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:10px 11px;border:1px solid #DCE6EF;border-radius:11px;background:#F8FAFC} .cm-email-message div{min-width:0;display:grid;gap:2px} .cm-email-message strong{color:var(--cm-navy);font-size:.72rem;line-height:1.35} .cm-email-message span{overflow:hidden;color:#687A90;font-size:.67rem;line-height:1.35;text-overflow:ellipsis;white-space:nowrap} .cm-email-message small{flex:0 0 auto;color:#8796A8;font-size:.62rem;font-weight:750} .cm-email-attachments{display:flex;flex-wrap:wrap;gap:7px} .cm-email-attachments span{padding:6px 8px;border-radius:999px;background:#EAF6FB;color:#2C79B9;font-size:.61rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase} @media(max-width:480px){.cm-email-message{align-items:flex-start}.cm-email-message small{display:none}.cm-email-message span{white-space:normal}} /* Certified Email differentiation story */ .cm-difference-section{position:relative;background:#fff} .cm-difference-head{max-width:860px;margin:0 auto;text-align:center} .cm-difference-head h2,.cm-difference-head .cm-section-intro{margin-left:auto;margin-right:auto} .cm-difference-head h2{max-width:760px} .cm-difference-compare{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:42px} .cm-compare-card{position:relative;overflow:hidden;min-height:360px;padding:30px;border-radius:24px;border:1px solid var(--cm-line)} .cm-compare-card--traditional{background:#F7F9FC} .cm-compare-card--casemail{background:linear-gradient(145deg,#16345A,#19365F);border-color:rgba(118,234,247,.26);color:#fff;box-shadow:var(--cm-shadow)} .cm-compare-label{display:inline-flex;align-items:center;min-height:30px;padding:6px 10px;border-radius:999px;background:#E8EEF5;color:#53667D;font-size:.62rem;font-weight:850;letter-spacing:.12em;text-transform:uppercase} .cm-compare-card--casemail .cm-compare-label{background:rgba(118,234,247,.12);color:var(--cm-cyan);border:1px solid rgba(118,234,247,.2)} .cm-compare-card h3{margin:18px 0 9px;color:var(--cm-navy);font-size:1.18rem;line-height:1.3} .cm-compare-card--casemail h3{color:#fff} .cm-compare-card>p{margin:0;color:#66758A;font-size:.9rem;line-height:1.65} .cm-compare-card--casemail>p{color:rgba(255,255,255,.72)} .cm-compare-list{list-style:none;padding:0;margin:24px 0 0;display:grid;gap:14px} .cm-compare-list li{position:relative;padding-left:28px;color:#475A71;font-size:.9rem;line-height:1.55} .cm-compare-list li::before{content:"";position:absolute;left:0;top:.45em;width:14px;height:14px;border:1px solid #A9B8C8;border-radius:50%;background:#fff} .cm-compare-card--casemail .cm-compare-list li{color:rgba(255,255,255,.86)} .cm-compare-card--casemail .cm-compare-list li::before{border-color:var(--cm-cyan);background:radial-gradient(circle,var(--cm-cyan) 0 3px,transparent 4px)} .cm-difference-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-top:20px} .cm-difference-card{min-height:230px;padding:24px;border:1px solid var(--cm-line);border-radius:20px;background:#fff;box-shadow:0 10px 30px rgba(26,57,95,.05)} .cm-difference-icon{width:44px;height:44px;display:grid;place-items:center;margin-bottom:20px;border-radius:14px;background:#EFF9FC;color:#2C79B9} .cm-difference-icon svg{width:25px;height:25px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round} .cm-difference-card h3{margin:0 0 9px;color:var(--cm-navy);font-size:1rem;line-height:1.35} .cm-difference-card p{margin:0;color:#65758A;font-size:.86rem;line-height:1.65} .cm-workflow-insurance{display:grid;grid-template-columns:54px 1fr;gap:18px;align-items:start;margin-top:24px;padding:25px 28px;border-radius:20px;background:#EAF9FB;border:1px solid #C7EDF2} .cm-workflow-insurance__mark{display:grid;place-items:center;width:54px;height:54px;border-radius:50%;background:var(--cm-deep);color:var(--cm-cyan);font-size:1.3rem;font-weight:850} .cm-workflow-insurance h3{margin:0 0 6px;color:var(--cm-deep);font-size:1.05rem} .cm-workflow-insurance p{margin:0;color:#496079;font-size:.92rem;line-height:1.7} .cm-inbox-note{margin-top:30px;padding:26px 28px;border-left:4px solid var(--cm-cyan);background:#F7FAFC} .cm-inbox-note h3{margin:0 0 8px;color:var(--cm-navy);font-size:1.03rem} .cm-inbox-note p{margin:0;color:#5C6D82;font-size:.91rem;line-height:1.72} .cm-inbox-note p+p{margin-top:10px} .cm-brand-domain{display:inline-flex;align-items:center;gap:9px;margin-top:22px;padding:8px 12px;border:1px solid rgba(255,255,255,.2);border-radius:999px;color:rgba(255,255,255,.78);font-size:.72rem;font-weight:750;letter-spacing:.03em} .cm-brand-domain strong{color:var(--cm-cyan);font-weight:850} @media(max-width:1050px){.cm-difference-grid{grid-template-columns:repeat(2,minmax(0,1fr))}} @media(max-width:820px){.cm-difference-compare{grid-template-columns:1fr}.cm-compare-card{min-height:0}} @media(max-width:620px){.cm-difference-grid{grid-template-columns:1fr}.cm-workflow-insurance{grid-template-columns:1fr}.cm-inbox-note{padding:22px}} /* Certified Email SEO + competitive comparison additions */ .cm-comparison{background:#fff} .cm-comparison .cm-section-head--center h2{max-width:980px} .cm-comparison-source{max-width:980px;margin:14px auto 0;color:#66758A;font-size:.88rem;line-height:1.6;text-align:center} .cm-comparison-accordion{max-width:1080px;margin:38px auto 0;display:grid;gap:12px} .cm-compare-item{border:1px solid var(--cm-line);border-radius:18px;background:#fff;box-shadow:0 10px 28px rgba(26,57,95,.055);overflow:hidden} .cm-compare-item[open]{box-shadow:0 16px 38px rgba(26,57,95,.08)} .cm-compare-item summary{list-style:none;cursor:pointer;display:grid;grid-template-columns:44px 1fr auto;align-items:center;gap:14px;padding:18px 20px;background:#F7F9FC;color:var(--cm-deep);font-size:.98rem;font-weight:800;line-height:1.35} .cm-compare-item summary::-webkit-details-marker{display:none} .cm-compare-item summary:focus-visible{outline:3px solid rgba(118,234,247,.65);outline-offset:-3px} .cm-compare-index{width:34px;height:34px;border-radius:999px;background:var(--cm-deep);color:#fff;display:grid;place-items:center;font-size:.7rem;letter-spacing:.04em} .cm-compare-chevron{width:26px;height:26px;border-radius:999px;border:1px solid #C9D5E2;display:grid;place-items:center;color:var(--cm-deep);font-size:1.1rem;line-height:1;transition:transform .18s ease,background .18s ease} .cm-compare-item[open] .cm-compare-chevron{transform:rotate(45deg);background:#EAFBFD} .cm-compare-body{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--cm-line)} .cm-compare-side{padding:22px 24px 24px;min-width:0} .cm-compare-side--other{background:#FCF8F8;border-right:1px solid #E2E9F0} .cm-compare-side--case{background:#F5FBF7} .cm-compare-colhead{margin:0 0 12px;color:#52667E;font-size:.68rem;font-weight:850;letter-spacing:.07em;text-transform:uppercase} .cm-problem-label{background:#FDE9E8;color:#9A3F3A} .cm-solution-label{background:#E2F5E9;color:#2D6E48} .cm-compare-side p{margin:10px 0 0;color:#4F6279;font-size:.9rem;line-height:1.68} .cm-compare-side p strong{color:#213653} .cm-compare-side ul{margin:12px 0 0;padding-left:19px;color:#4F6279;font-size:.88rem;line-height:1.65} .cm-comparison-note{max-width:930px;margin:22px auto 0;color:#506278;font-size:.94rem;line-height:1.65;text-align:center} .cm-comparison-note strong{color:var(--cm-deep)} .cm-deep-dive{background:linear-gradient(180deg,#F5F8FC 0%,#fff 100%)} .cm-deep-dive-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin-top:34px} .cm-deep-card{padding:28px;border:1px solid var(--cm-line);border-radius:22px;background:#fff;box-shadow:0 12px 32px rgba(26,57,95,.055)} .cm-deep-card--case{border-color:#C9E9D3;background:#F8FCF9} .cm-deep-card h3{margin:10px 0 12px;color:var(--cm-deep);font-size:1.15rem;line-height:1.35} .cm-deep-card p{margin:0;color:#53657B;font-size:.94rem;line-height:1.72} .cm-deep-card p+p{margin-top:14px} .cm-deep-label{display:inline-flex;padding:6px 9px;border-radius:999px;background:#E8EEF6;color:#4C6178;font-size:.62rem;font-weight:850;letter-spacing:.09em;text-transform:uppercase} .cm-deep-card--case .cm-deep-label{background:#E2F5E9;color:#2D6E48} .cm-four-step{grid-template-columns:repeat(4,minmax(0,1fr));gap:28px} .cm-four-step::before{left:12.5%;right:12.5%} @media(max-width:980px){.cm-four-step{grid-template-columns:repeat(2,1fr)}.cm-four-step::before{display:none}} @media(max-width:760px){ .cm-compare-item summary{grid-template-columns:36px 1fr auto;padding:16px 15px;gap:10px;font-size:.92rem} .cm-compare-index{width:30px;height:30px} .cm-compare-body{grid-template-columns:1fr} .cm-compare-side--other{border-right:0;border-bottom:1px solid #E2E9F0} .cm-compare-side{padding:19px 18px 21px} .cm-deep-dive-grid{grid-template-columns:1fr} } @media(max-width:620px){.cm-four-step{grid-template-columns:1fr}} /* ================================================================ GLOBAL CASEMAIL TYPOGRAPHY & HERO LAYOUT LOCK v2 — 2026-09-01 ================================================================ */ .cm-pillar h1,.cm-pillar h2,.cm-pillar h3,.cm-proof-title,.cm-compare-title,.cm-compare-descriptor{ font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; text-wrap:balance; } .cm-eyebrow,.cm-proof-kicker{font-weight:600} .cm-hero h1{ max-width:820px;margin:0 0 26px;color:#fff; font-size:clamp(1.72rem,2.35vw,2.5rem);line-height:1.16;font-weight:300;letter-spacing:-.02em;text-wrap:balance; } .cm-hero-lead{margin-bottom:30px;font-weight:400} .cm-section h2,.cm-final-cta h2{font-weight:300;line-height:1.20;letter-spacing:-.015em;text-wrap:balance} .cm-section-head--center h2{max-width:1000px} .cm-section-intro{margin-top:22px} .cm-workflow-card h3,.cm-capability-card h3,.cm-resource-card h3,.cm-audience-card h3,.cm-record-unified h3,.cm-facts h3,.cm-linked-capability-card strong{font-weight:500;letter-spacing:-.01em;text-wrap:balance} .cm-proof-title{font-weight:500}.cm-faq-list summary{font-weight:500}.cm-page-nav a{font-weight:500}.cm-btn{font-weight:600}.cm-card-number{font-weight:500}.cm-check-list li{font-weight:400} h1,h2,h3,p,.cm-section-intro{text-wrap:pretty} h1,h2,h3{text-wrap:balance} .cm-narrow{max-width:860px}.cm-reading{max-width:800px}.cm-workflow-head{max-width:900px}.cm-audience-head{max-width:860px}.cm-final-cta h2{max-width:780px} @media(max-width:820px){.cm-section-head--center h2,.cm-workflow-head h2,.cm-audience-head h2{max-width:94%}} /* Three-step Certified Email process */ .cm-three-step{grid-template-columns:repeat(3,minmax(0,1fr));max-width:980px;margin-left:auto;margin-right:auto} /* Unified Certified Email record section */ .cm-record-unified{background:#fff} .cm-record-unified .cm-capability-grid{margin-top:34px} .cm-record-unified .cm-record-divider{height:1px;background:var(--cm-line);margin:54px 0} .cm-record-unified .cm-evidence-layout{display:grid;grid-template-columns:minmax(0,.9fr) minmax(460px,1.1fr);gap:54px;align-items:center} .cm-record-unified .cm-record-map{box-shadow:var(--cm-shadow)} /* ================================================================ GLOBAL CASEMAIL HYBRID COMPARISON ACCORDION DESIGN LOCK v2 ================================================================ */ .cm-comparison{background:var(--cm-deep);color:#fff} .cm-comparison .cm-eyebrow--dark{color:var(--cm-cyan)} .cm-comparison .cm-section-head--center h2{max-width:1050px;color:#fff} .cm-comparison .cm-section-intro{color:#c0d1e2;max-width:920px} .cm-comparison-source{max-width:920px;margin:14px auto 0;color:#b5c8da;font-size:.88rem;line-height:1.6;text-align:center} .cm-comparison .cm-comparison-accordion{max-width:1240px;margin:38px auto 0;display:grid;gap:14px} .cm-compare-item{border:1px solid rgba(96,190,229,.34);border-radius:22px;background:rgba(44,79,119,.46);box-shadow:none;overflow:hidden} .cm-compare-item[open]{background:rgba(44,79,119,.56);border-color:rgba(96,190,229,.42);box-shadow:none} .cm-compare-item summary{list-style:none;cursor:pointer;display:grid;grid-template-columns:50px 1fr 34px;align-items:center;gap:18px;min-height:106px;padding:20px 24px;color:#fff;background:transparent;font-weight:500} .cm-compare-item summary::-webkit-details-marker{display:none} .cm-compare-item summary:focus-visible{outline:3px solid rgba(118,234,247,.7);outline-offset:-4px} .cm-compare-index{width:46px;height:46px;border-radius:999px;border:1px solid rgba(118,234,247,.7);background:rgba(11,51,88,.42);color:var(--cm-cyan);display:grid;place-items:center;font-size:.72rem;font-weight:600} .cm-compare-summary-copy{min-width:0}.cm-compare-title{display:block;color:#fff;font-size:1rem;font-weight:500;line-height:1.28}.cm-compare-descriptor{display:block;margin-top:6px;color:#9fb6cc;font-size:.82rem;font-weight:400;line-height:1.42} .cm-compare-chevron{width:30px;height:30px;display:grid;place-items:center;color:var(--cm-cyan);font-size:1.55rem;font-weight:300;line-height:1;transition:transform .18s ease} .cm-compare-item[open] .cm-compare-chevron{transform:rotate(45deg);background:transparent} .cm-compare-body{display:grid;grid-template-columns:1fr 1fr;gap:18px;padding:0 84px 26px;border-top:0} .cm-compare-side{min-width:0;min-height:218px;padding:26px 28px 28px;border-radius:20px;border:1px solid rgba(148,187,224,.18);background:rgba(75,108,147,.42)} .cm-compare-side--other{background:rgba(77,108,145,.42);border-right:1px solid rgba(148,187,224,.18)} .cm-compare-side--case{background:rgba(45,91,128,.56);border-color:rgba(96,190,229,.4)} .cm-compare-colhead{margin:0 0 15px;color:#b7c9dc;font-size:.69rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase}.cm-compare-side--case .cm-compare-colhead{color:var(--cm-cyan)} .cm-problem-label,.cm-solution-label{display:inline-block;margin:0 5px 10px 0;padding:0;border-radius:0;background:none;color:#fff;font-size:.96rem;line-height:1.35;font-weight:500;letter-spacing:0;text-transform:none} .cm-compare-side p{margin:9px 0 0;color:#d3dfeb;font-size:.9rem;line-height:1.72}.cm-compare-side p strong{color:#fff;font-weight:500}.cm-compare-side ul{color:#d3dfeb} .cm-comparison-note{max-width:950px;margin:24px auto 0;color:#a9bfd2;font-size:.9rem;line-height:1.65;text-align:center}.cm-comparison-note strong{color:#fff;font-weight:500} @media(max-width:900px){.cm-compare-body{padding:0 24px 24px}} @media(max-width:760px){.cm-compare-item summary{grid-template-columns:42px 1fr 28px;min-height:92px;padding:17px 16px;gap:12px}.cm-compare-index{width:40px;height:40px}.cm-compare-title{font-size:.94rem}.cm-compare-descriptor{font-size:.77rem}.cm-compare-body{grid-template-columns:1fr;gap:12px;padding:0 16px 18px}.cm-compare-side{min-height:0;padding:21px 20px 23px}.cm-compare-side--other{border-right:1px solid rgba(148,187,224,.18);border-bottom:1px solid rgba(148,187,224,.18)}} /* Linked product sections */ .cm-linked-capability-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(340px,.72fr);gap:56px;align-items:center} .cm-linked-capability-card{padding:30px;border:1px solid var(--cm-line);border-radius:22px;background:#fff;box-shadow:var(--cm-shadow)} .cm-linked-capability-card>span{display:block;margin-bottom:12px;color:#2C79B9;font-size:.66rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase} .cm-linked-capability-card strong{display:block;color:var(--cm-navy);font-size:1.15rem;line-height:1.35}.cm-linked-capability-card p{margin:10px 0 0;color:#5b6d82;font-size:.9rem;line-height:1.65} .cm-text-link{display:inline-block;margin-top:22px;color:#2C79B9;font-size:.78rem;font-weight:600;text-decoration:underline;text-underline-offset:3px} @media(max-width:900px){.cm-three-step{grid-template-columns:1fr}.cm-linked-capability-layout,.cm-record-unified .cm-evidence-layout{grid-template-columns:1fr;gap:34px}} /* ================================================================ CERTIFIED EMAIL v8 — APPROVED FLAT HERO STORY FLOW + COPY REVIEW 2026-09-09 ================================================================ */ .cm-hero .cm-shell{width:min(1500px,calc(100% - 72px))} .cm-hero-layout{grid-template-columns:minmax(420px,.84fr) minmax(700px,1.36fr);gap:58px;align-items:center} .cm-hero h1{max-width:660px} .cm-hero-lead{max-width:610px} .cm-hero-lead strong{color:#fff;font-weight:600} .cm-hero .cm-btn{min-height:54px;padding:14px 26px;border-radius:13px;font-weight:700;letter-spacing:.055em} .cm-hero .cm-btn--primary{background:linear-gradient(180deg,#31A8EC,#1A86D9);border:1px solid #44B9F5;color:#fff;box-shadow:0 8px 18px rgba(0,0,0,.14)} .cm-hero .cm-btn--secondary{background:rgba(12,42,71,.45);border:1px solid #49BDEB;color:#fff} .cm-hero .cm-btn--secondary:hover,.cm-hero .cm-btn--secondary:focus-visible{background:rgba(35,84,127,.5)} .cm-hero-trust{display:flex;flex-wrap:wrap;gap:13px 26px;margin-top:31px;color:#d6e1eb;font-size:.8rem} .cm-hero-trust span{display:inline-flex;align-items:center;gap:8px;white-space:nowrap} .cm-hero-trust i{width:22px;height:22px;display:grid;place-items:center;border-radius:50%;background:var(--cm-cyan);color:#123653;font-style:normal;font-size:.76rem;font-weight:800} .cm-story{position:relative;padding:32px 24px 24px;border:1px solid rgba(83,171,224,.42);border-radius:26px;background:rgba(12,45,78,.34);box-shadow:none} .cm-story-head{text-align:center;padding:4px 12px 24px} .cm-story-head h2{margin:0;color:#fff;font-size:clamp(1.45rem,2.05vw,2.15rem);line-height:1.16;font-weight:500;letter-spacing:-.02em;text-wrap:balance} .cm-story-head h2 span{color:var(--cm-cyan)} .cm-story-head p{max-width:720px;margin:14px auto 0;color:#d6e3ee;font-size:1.04rem;line-height:1.62;letter-spacing:.002em;text-align:center;white-space:normal;text-wrap:pretty} .cm-flow{display:grid;grid-template-columns:1.22fr .82fr .93fr 1.14fr;gap:8px;align-items:stretch} .cm-step{position:relative;min-width:0;display:flex;flex-direction:column;min-height:430px;padding:20px 14px 18px;border:1px solid rgba(72,154,209,.38);border-radius:19px;background:rgba(30,70,111,.5);box-shadow:none} .cm-step:not(:last-child)::after{content:"";position:absolute;right:-9px;top:51%;width:18px;height:18px;border-top:2px solid #65DDF0;border-right:2px solid #65DDF0;transform:translateY(-50%) rotate(45deg);z-index:4} .cm-step-head{display:grid;grid-template-columns:44px 1fr;gap:10px;align-items:center;min-height:58px} .cm-step-num{width:42px;height:42px;display:grid;place-items:center;border-radius:50%;background:#8DECF6;color:#113656;font-size:.95rem;font-weight:700;border:1px solid #B9F6FC} .cm-step-title{margin:0;color:#fff;font-size:.78rem;line-height:1.35;font-weight:700;letter-spacing:.02em;text-transform:uppercase} .cm-step-title .accent{color:var(--cm-cyan)} .cm-step-content{display:flex;flex:1;flex-direction:column;justify-content:center;margin-top:14px} .cm-step-foot{margin:15px 2px 0;color:#d7e2ec;font-size:.79rem;line-height:1.45;text-align:center;font-style:italic} .cm-mailbox{overflow:hidden;border-radius:14px;background:#fff;color:#173557;border:1px solid #D6E3EF;box-shadow:0 8px 18px rgba(2,25,48,.08)} .cm-mailbox-top{display:flex;align-items:center;justify-content:center;gap:18px;padding:12px;border-bottom:1px solid #E4ECF3;background:#F9FBFD} .cm-brand-chip{display:inline-flex;align-items:center;gap:7px;color:#234563;font-size:.75rem;font-weight:500} .cm-brand-sep{width:1px;height:24px;background:#D6E3EE} .cm-outlook-icon{position:relative;width:23px;height:20px} .cm-outlook-icon span:first-child{position:absolute;left:0;top:2px;width:11px;height:16px;background:#1473E6;border-radius:2px} .cm-outlook-icon span:first-child::after{content:"O";position:absolute;inset:0;display:grid;place-items:center;color:#fff;font-size:.5rem;font-weight:700} .cm-outlook-icon span:last-child{position:absolute;right:0;top:0;width:15px;height:20px;background:linear-gradient(135deg,#2A8CE9 0 50%,#1264C7 50%);clip-path:polygon(0 12%,100% 0,100% 100%,0 88%)} .cm-gmail-icon{width:24px;height:18px;position:relative} .cm-gmail-icon::before{content:"";position:absolute;inset:1px;border-left:4px solid #4285F4;border-right:4px solid #34A853;border-bottom:4px solid #34A853;border-radius:2px} .cm-gmail-icon::after{content:"";position:absolute;left:3px;right:3px;top:2px;height:11px;background:linear-gradient(35deg,transparent 0 38%,#EA4335 39% 49%,transparent 50%),linear-gradient(-35deg,transparent 0 38%,#FBBC04 39% 49%,transparent 50%)} .cm-message{display:grid;grid-template-columns:34px 1fr auto;gap:9px;align-items:center;padding:10px 11px;border-bottom:1px solid #EBF1F6} .cm-message:last-of-type{border-bottom:0} .cm-avatar{width:30px;height:30px;display:grid;place-items:center;border-radius:50%;background:#7195B8;color:#fff;font-size:.62rem;font-weight:700} .cm-message-copy strong{display:block;color:#213D5D;font-size:.66rem;line-height:1.28;font-weight:650} .cm-message-copy span{display:block;margin-top:2px;color:#5F7590;font-size:.6rem;line-height:1.28} .cm-time{color:#7690A8;font-size:.55rem;white-space:nowrap} .cm-mailbox-foot{padding:11px;background:#EEF5FA;color:#274D73;font-size:.7rem;text-align:center;font-style:italic} .cm-matter{display:flex;flex-direction:column;align-items:center;gap:14px;width:100%} .cm-matter-mark{width:52px;height:52px;display:grid;place-items:center;border:1px solid #70D9E9;border-radius:50%;color:#123653;background:#8DECF6;font-size:1.15rem;font-weight:800} .cm-matter-list{width:100%;max-width:132px;margin:0;padding-left:1.1rem;color:#fff;font-size:.8rem;line-height:1.55;text-align:left} .cm-matter-list li{margin:0 0 6px;padding-left:2px} .cm-matter-list li:last-child{margin-bottom:0} .cm-certify-card{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:180px;padding:22px 12px;border:1px solid rgba(83,171,224,.36);border-radius:14px;background:rgba(20,57,95,.58);text-align:center} .cm-case-icon{width:72px;height:72px;object-fit:contain} .cm-certify-card strong{display:block;margin-top:12px;color:#fff;font-size:.85rem;line-height:1.35;font-weight:600} .cm-story-record{overflow:hidden;border-radius:14px;background:#fff;color:#173557;border:1px solid #D6E3EF;box-shadow:0 8px 18px rgba(2,25,48,.08)} .cm-story-record-head{display:grid;grid-template-columns:40px 1fr;gap:10px;align-items:center;padding:12px;border-bottom:1px solid #E4ECF3;background:#F9FBFD} .cm-story-record-logo{width:36px;height:36px;object-fit:contain} .cm-story-record-head strong{display:block;color:#203C5C;font-size:.72rem;font-weight:700} .cm-story-status{display:inline-flex;align-items:center;gap:4px;margin-top:4px;padding:3px 7px;border-radius:999px;background:#E3F6EA;color:#2E7750;font-size:.52rem;font-weight:800;letter-spacing:.03em;text-transform:uppercase} .cm-story-status::before{content:"✓"} .cm-story-record-list{position:relative;padding:8px 10px 6px 16px} .cm-story-record-list::before{content:"";position:absolute;left:34px;top:28px;bottom:28px;width:1px;background:#A8DDE7} .cm-story-record-row{position:relative;display:grid;grid-template-columns:38px 1fr;gap:10px;align-items:center;min-height:47px} .cm-story-record-number{position:relative;z-index:2;width:34px;height:34px;display:grid;place-items:center;border-radius:50%;background:#DFF8FB;border:1px solid #83DDEB;color:#18496E;font-size:.58rem;font-weight:750} .cm-story-record-row span:last-child{color:#2A4766;font-size:.68rem;line-height:1.3;font-weight:550} .cm-story-record-foot{padding:10px 12px;background:#EEF5FA;color:#274D73;font-size:.66rem;line-height:1.45;text-align:center;font-style:italic} .cm-story-tag{display:flex;align-items:center;justify-content:flex-end;gap:12px;margin:22px 10px 0;color:#b7ccde;font-size:.62rem;font-weight:500;letter-spacing:.19em;text-transform:uppercase} .cm-story-tag::before{content:"";width:48px;height:2px;background:var(--cm-cyan)} .cm-recertify-callout{max-width:860px;margin:38px auto 0} .cm-comparison-intro-2{margin-left:auto;margin-right:auto} @media(max-width:1260px){ .cm-hero .cm-shell{width:min(1160px,calc(100% - 48px))} .cm-hero-layout{grid-template-columns:1fr;gap:42px} .cm-flow{grid-template-columns:1.15fr .85fr .9fr 1.1fr} } @media(max-width:900px){ .cm-hero .cm-shell{width:calc(100% - 32px)} .cm-story{padding:26px 18px 18px} .cm-flow{grid-template-columns:1fr 1fr;gap:14px} .cm-step{min-height:390px} .cm-step::after{display:none!important} } @media(max-width:620px){ .cm-hero-trust{display:grid;gap:10px} .cm-story{padding:22px 14px 16px;border-radius:20px} .cm-story-head{padding:0 6px 20px} .cm-flow{grid-template-columns:1fr} .cm-step{min-height:0} .cm-step-content{padding-top:6px;padding-bottom:8px} .cm-story-tag{justify-content:flex-start;margin-left:2px} } /* P04 local theme review v1 — presentation only; original text and markup retained. */ :root{--cm-navy:#19365F;--cm-deep:#19365F;--cm-slate:#52657D;--cm-light:#F3F6FA;--cm-ink:#19365F;--cm-line:#D7E2EE} body{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#19365F;-webkit-font-smoothing:antialiased} .cm-pillar h1{font-weight:300;line-height:1.16;letter-spacing:-.02em;text-wrap:balance} .cm-section h2,.cm-final-cta h2{font-size:clamp(1.7rem,2.7vw,2.4rem);font-weight:300;line-height:1.2;letter-spacing:-.015em;text-wrap:balance} .cm-pillar h3{font-weight:500;line-height:1.4;letter-spacing:-.01em;text-wrap:balance} .cm-pillar p,.cm-pillar li{text-wrap:pretty;letter-spacing:normal} .cm-pillar p{text-align:left} .cm-section{padding:80px 0}.cm-eyebrow{letter-spacing:.12em;font-weight:600} .cm-section-intro{font-size:1.02rem;line-height:1.75;color:#52657D;max-width:800px} .cm-hero{background:#19365F;padding:30px 0 76px}.cm-hero::before,.cm-workflow-section::before,.cm-audience-section::before,.cm-final-cta::before{display:none} .cm-breadcrumbs{margin-bottom:42px;color:#B8CADD}.cm-hero-layout{grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);gap:48px} .cm-hero h1{font-size:clamp(1.72rem,2.35vw,2.5rem)} .cm-hero .cm-eyebrow,.cm-hero h1 .cm-highlight,.cm-proof-kicker{color:#B8CADD} .cm-hero-lead{font-size:1.08rem;line-height:1.75;color:#D1DCE9}.cm-micro-trust{color:#C3D1E1;font-size:.82rem;gap:12px 18px}.cm-micro-trust span::before{border-color:#8FAFD0} .cm-btn{min-height:54px;padding:16px 24px;border-radius:11px;font-size:.79rem;line-height:1.4;font-weight:700;letter-spacing:.095em;text-align:center;white-space:normal;gap:8px} .cm-btn--primary{background:#B8CADD;color:#19365F;box-shadow:none}.cm-btn--primary:hover,.cm-btn--primary:focus-visible{background:#fff;box-shadow:none} .cm-btn--secondary{background:rgba(143,175,208,.08);border-color:#8FAFD0;color:#fff}.cm-btn--secondary:hover,.cm-btn--secondary:focus-visible{background:rgba(143,175,208,.16);border-color:#B8CADD} .cm-proof-panel{background:#102B4D;border-color:#526F93;padding:26px;border-radius:26px;box-shadow:0 20px 50px rgba(0,0,0,.15)}.cm-proof-title{font-size:1.13rem;line-height:1.5;font-weight:500}.cm-proof-copy{color:#D1DCE9;font-size:.86rem} .cm-doc-file{color:#52657D}.cm-doc-label,.cm-cmid span{color:#19365F}.cm-cmid{background:#EAF0F6;border-color:#8FAFD0;flex-wrap:wrap;gap:8px}.cm-proof-step{border-color:#526F93;background:rgba(143,175,208,.08)}.cm-proof-step b{color:#B8CADD;border-color:#8FAFD0}.cm-proof-step span{color:#D1DCE9} .cm-page-nav__inner{gap:22px}.cm-page-nav a{min-height:48px;display:inline-flex;align-items:center;color:#52657D}.cm-page-nav{top:0}.cm-page-nav__inner{justify-content:flex-start}section[id]{scroll-margin-top:80px} .cm-definition{background:#F3F6FA;border-color:#D7E2EE;box-shadow:none;padding:28px}.cm-definition p{color:#52657D}.cm-definition-mark{color:#B8CADD} .cm-workflow-section{background:#19365F}.cm-workflow-section .cm-section-intro{color:#D1DCE9}.cm-workflow-grid{gap:32px;margin-top:42px}.cm-workflow-grid::before{top:44px;left:16.6667%;right:16.6667%}.cm-card-number{width:80px;height:80px;margin-bottom:22px;background:#19365F;border-color:#76EAF7;color:#76EAF7;font-weight:500}.cm-workflow-card h3{text-transform:uppercase;color:#fff}.cm-workflow-card p{color:#D1DCE9;line-height:1.75}.cm-workflow-head .cm-section-intro{text-align:left} .cm-record-unified{background:#F3F6FA}.cm-capability-card{background:#fff;border-color:#D7E2EE;box-shadow:0 8px 22px rgba(25,54,95,.04);padding:24px;min-height:0}.cm-card-pill{background:#EAF0F6;color:#19365F;font-size:.65rem}.cm-capability-card p,.cm-resource-card p,.cm-check-list li{color:#52657D}.cm-check-list li::before{color:#526F93}.cm-capability-card .cm-check-list{margin-top:auto;padding-top:20px} .cm-record-unified .cm-evidence-layout{grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);gap:42px}.cm-record-unified .cm-evidence-copy h3{font-size:clamp(1.25rem,1.8vw,1.6rem);font-weight:500}.cm-facts h3{font-size:1.02rem!important}.cm-facts-icon{color:#526F93}.cm-facts-list li{color:#19365F}.cm-facts-list li::before{background:#526F93} .cm-record-map{background:#19365F;border-color:#526F93;padding:22px}.cm-record-row{background:rgba(143,175,208,.10);border-color:#526F93;grid-template-columns:40px minmax(90px,.8fr) minmax(0,1fr);gap:12px;padding:16px 12px}.cm-record-row strong{font-weight:500}.cm-record-row>span:last-child{color:#D1DCE9}.cm-record-icon{color:#B8CADD;background:rgba(143,175,208,.12)}.cm-record-arrow{color:#B8CADD}.cm-record-focus{background:#B8CADD;color:#19365F}.cm-record-focus .cm-record-icon{color:#19365F} .cm-comparison{background:#19365F}.cm-comparison .cm-eyebrow{color:#B8CADD}.cm-comparison .cm-section-intro,.cm-comparison-source,.cm-comparison-note{color:#D1DCE9}.cm-comparison .cm-section-head--center{max-width:960px}.cm-comparison-note{text-align:left}.cm-compare-item{border-color:#526F93}.cm-compare-body{padding:0 28px 28px;gap:18px}.cm-compare-side{min-height:0;border-color:#D7E2EE}.cm-compare-side--manual{background:#F3F6FA}.cm-compare-side--manual .cm-compare-colhead,.cm-compare-side--manual p{color:#52657D}.cm-compare-side--manual .cm-problem-label,.cm-compare-side--manual p strong{color:#19365F}.cm-compare-side--case{background:rgba(143,175,208,.12);border-color:#8FAFD0}.cm-compare-side--case .cm-compare-colhead{color:#B8CADD}.cm-compare-side--case p{color:#D1DCE9}.cm-compare-side--case .cm-solution-label{color:#fff}.cm-compare-title{font-weight:500}.cm-compare-descriptor{color:#D1DCE9}.cm-compare-colhead{line-height:1.6} .cm-audience-section{background:#F3F6FA}.cm-audience-section h2{color:#19365F}.cm-audience-section .cm-eyebrow,.cm-audience-section .cm-section-intro{color:#52657D}.cm-audience-card{background:#19365F;border-color:#526F93;min-height:0}.cm-audience-card h3{color:#fff}.cm-audience-card p{color:#D1DCE9}.cm-audience-icon{color:#B8CADD;width:48px;height:48px;margin:0 auto 22px}.cm-audience-icon svg{width:44px;height:44px} .cm-faq-layout{grid-template-columns:minmax(0,.65fr) minmax(0,1.35fr);gap:48px}.cm-faq-list p{color:#52657D}.cm-faq-list summary{line-height:1.6}.cm-faq-list summary::after{color:#19365F} #related-resources{background:#fff}#related-resources>.cm-shell{background:#F3F6FA;border:1px solid #D7E2EE;border-radius:28px;padding:38px}.cm-resource-grid{max-width:none;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-top:30px}.cm-resource-card{position:relative;overflow:hidden;display:flex;flex-direction:column;padding:28px;border-radius:18px;border-color:#D7E2EE;box-shadow:0 8px 22px rgba(25,54,95,.04);text-align:left}.cm-resource-card::before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:#8FAFD0}.cm-resource-type{align-self:flex-start;background:#EAF0F6;color:#19365F;border-radius:999px;padding:6px 10px;margin-bottom:18px;font-size:.65rem;letter-spacing:.07em}.cm-resource-card h3{font-size:1.08rem;line-height:1.4}.cm-resource-card p{margin-bottom:22px}.cm-resource-link{margin-top:auto;color:#19365F;line-height:1.5}.cm-resource-card:hover .cm-resource-link{text-decoration:underline} .cm-final-cta{background:#19365F;padding:76px 0}.cm-final-cta .cm-eyebrow{color:#B8CADD}.cm-final-cta p{color:#D1DCE9;font-size:1.02rem;line-height:1.75}.cm-final-actions{gap:14px} .cm-pillar a:focus-visible,.cm-pillar summary:focus-visible{outline:3px solid #526F93;outline-offset:4px}.cm-hero a:focus-visible,.cm-workflow-section a:focus-visible,.cm-comparison a:focus-visible,.cm-comparison summary:focus-visible,.cm-final-cta a:focus-visible{outline-color:#fff} .cm-pillar main,.cm-pillar section,.cm-pillar article,.cm-hero-layout>div,.cm-evidence-layout>div{min-width:0}.cm-pillar p,.cm-pillar h1,.cm-pillar h2,.cm-pillar h3{overflow-wrap:break-word} @media(max-width:1050px){.cm-hero-layout{grid-template-columns:1fr;gap:36px}.cm-proof-panel{max-width:720px}.cm-capability-grid,.cm-audience-grid{grid-template-columns:repeat(2,minmax(0,1fr))}} @media(max-width:980px){.cm-record-unified .cm-evidence-layout{grid-template-columns:1fr}.cm-record-map{max-width:760px}} @media(max-width:820px){.cm-faq-layout{grid-template-columns:1fr;gap:32px}.cm-workflow-grid{grid-template-columns:1fr}.cm-workflow-grid::before{display:none}.cm-workflow-card{max-width:520px}.cm-workflow-card p{max-width:none}.cm-section h2,.cm-final-cta h2{max-width:100%}} @media(max-width:720px){.cm-section{padding:56px 0}.cm-hero{padding:24px 0 56px}.cm-shell{width:calc(100% - 32px)}.cm-breadcrumbs{margin-bottom:30px}.cm-hero h1{font-size:clamp(1.72rem,7.3vw,2.3rem)}.cm-resource-grid{grid-template-columns:1fr}#related-resources>.cm-shell{padding:26px 18px}.cm-resource-card{padding:25px 20px}.cm-compare-body{grid-template-columns:1fr;padding:0 16px 18px}.cm-compare-side{padding:22px 20px}.cm-final-cta{padding:56px 0}.cm-final-actions{width:100%}.cm-final-actions .cm-btn{width:100%}.cm-definition{padding:22px;grid-template-columns:42px minmax(0,1fr);gap:14px}.cm-definition-mark{width:42px;height:42px}.cm-record-row{grid-template-columns:40px minmax(0,1fr)}.cm-record-row>span:last-child{grid-column:2}.cm-record-focus{grid-template-columns:40px minmax(0,1fr)}} @media(max-width:620px){.cm-capability-grid,.cm-audience-grid{grid-template-columns:1fr}.cm-proof-panel{padding:20px}.cm-record-map{padding:16px}.cm-hero-actions{width:100%}.cm-hero-line2{margin-top:.15em}} @media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important}} /* Certified Email adaptations. Preserve the complete original body and artwork. */ .cm-hero .cm-shell{width:min(1500px,calc(100% - 64px))} .cm-hero-layout{grid-template-columns:minmax(0,.84fr) minmax(0,1.36fr);gap:44px} .cm-hero h1{max-width:660px;line-height:1.16;font-weight:300;letter-spacing:-.02em} .cm-hero .cm-btn{min-height:54px;padding:16px 24px;border-radius:11px;letter-spacing:.095em;font-weight:700} .cm-hero .cm-btn--primary{background:#B8CADD;color:#19365F;border:1px solid #B8CADD;box-shadow:none} .cm-hero .cm-btn--primary:hover,.cm-hero .cm-btn--primary:focus-visible{background:#fff;color:#19365F;border-color:#fff} .cm-hero .cm-btn--secondary{background:rgba(143,175,208,.08);color:#fff;border-color:#8FAFD0} .cm-hero .cm-btn--secondary:hover,.cm-hero .cm-btn--secondary:focus-visible{background:rgba(143,175,208,.16);border-color:#B8CADD} .cm-hero-trust{color:#D1DCE9;gap:14px 22px}.cm-hero-trust span{white-space:normal}.cm-hero-trust i{background:#B8CADD;color:#19365F;flex-shrink:0} .cm-story{background:#102B4D;border-color:#526F93;padding:26px 20px 22px} .cm-story-head h2{font-size:clamp(1.45rem,2.05vw,2.15rem);font-weight:300;line-height:1.2} .cm-story-head h2 span,.cm-step-title .accent{color:#B8CADD} .cm-story-head p{max-width:620px;color:#D1DCE9;text-align:left;font-size:1rem;line-height:1.65} .cm-step{background:#19365F;border-color:#526F93;padding:18px 12px;min-height:410px} .cm-step-head{grid-template-columns:34px minmax(0,1fr);gap:9px}.cm-step-num{width:32px;height:32px;background:#B8CADD;border-color:#8FAFD0;color:#19365F;font-size:.85rem} .cm-step-title{font-size:.75rem;font-weight:600;line-height:1.45} .cm-step:not(:last-child)::after{border-color:#8FAFD0} .cm-step-foot{color:#D1DCE9;text-align:left;line-height:1.6} .cm-certify-card{background:#102B4D;border-color:#526F93} .cm-case-icon{width:72px;height:72px;object-fit:contain;display:block;margin-inline:auto} .cm-story-record-logo{width:36px;height:36px;object-fit:contain;display:block} .cm-story-tag{color:#B8CADD;line-height:1.6;letter-spacing:.12em;text-wrap:pretty}.cm-story-tag::before{background:#8FAFD0;flex-shrink:0} .cm-matter-mark{background:#B8CADD;border-color:#8FAFD0;color:#19365F} .cm-time{color:#52657D}.cm-message-copy span{color:#52657D}.cm-avatar{background:#526F93} .cm-story-record-number{background:#EAF0F6;border-color:#8FAFD0;color:#19365F}.cm-story-record-list::before{background:#8FAFD0} .cm-workflow-insurance{background:rgba(143,175,208,.10);border-color:#526F93;padding:24px;grid-template-columns:44px minmax(0,1fr)} .cm-workflow-insurance__mark{width:44px;height:44px;color:#76EAF7;background:#19365F;border:1px solid #76EAF7} .cm-workflow-insurance h3{color:#fff;font-weight:500}.cm-workflow-insurance p{color:#D1DCE9} .cm-recertify-callout{max-width:980px}.cm-workflow-head .cm-section-intro{max-width:800px} .cm-compare-side--other{background:#F3F6FA;border-color:#D7E2EE} .cm-compare-side--other p,.cm-compare-side--other ul,.cm-compare-side--other .cm-compare-colhead{color:#52657D} .cm-compare-side--other .cm-problem-label,.cm-compare-side--other p strong{color:#19365F} .cm-compare-side--case .cm-compare-colhead{color:#76EAF7} .cm-comparison-source,.cm-comparison-note{text-align:left} .cm-linked-capability-layout{grid-template-columns:minmax(0,1fr) minmax(0,.72fr);gap:44px} .cm-linked-capability-card{background:#19365F;border-color:#526F93;box-shadow:none} .cm-linked-capability-card>span{color:#B8CADD;line-height:1.6}.cm-linked-capability-card strong{color:#fff;font-weight:500} .cm-linked-capability-card p{color:#D1DCE9}.cm-text-link{color:#19365F;line-height:1.6} #digital-evidence-archive{background:#F3F6FA} .cm-record-unified .cm-evidence-copy h2{max-width:100%} .cm-record-row{grid-template-columns:40px minmax(90px,.8fr) minmax(0,1fr)} .cm-record-row>span:last-child{overflow-wrap:break-word} .cm-final-cta p{text-align:left} .cm-pillar .cm-compare-item summary:focus-visible{outline-color:#fff;outline-offset:-4px} .cm-pillar .cm-faq-list summary:focus-visible{outline-offset:-3px} .cm-pillar .cm-resource-card:focus-visible{outline-offset:4px} .cm-flow>*,.cm-linked-capability-layout>*,.cm-capability-grid>*,.cm-resource-grid>*,.cm-record-row>*{min-width:0} @media(max-width:1350px){.cm-hero-layout{grid-template-columns:1fr;gap:36px}.cm-hero .cm-shell{width:min(1180px,calc(100% - 48px))}.cm-hero-lead{max-width:800px}.cm-story{max-width:1100px;width:100%}.cm-flow{grid-template-columns:repeat(4,minmax(0,1fr))}} @media(max-width:980px){.cm-record-unified .cm-evidence-layout{grid-template-columns:1fr}.cm-capability-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.cm-resource-grid{grid-template-columns:repeat(2,minmax(0,1fr))}} @media(max-width:900px){.cm-hero .cm-shell{width:calc(100% - 32px)}.cm-flow{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.cm-step{min-height:350px}.cm-step::after{display:none}.cm-three-step{grid-template-columns:1fr}.cm-workflow-grid::before{display:none}.cm-workflow-card{max-width:520px;width:100%;margin-inline:auto}.cm-workflow-card p{max-width:none}.cm-linked-capability-layout{grid-template-columns:1fr;gap:30px}} @media(max-width:720px){.cm-resource-grid{grid-template-columns:1fr}.cm-hero .cm-shell{width:calc(100% - 32px)}.cm-story{padding:22px 14px}.cm-hero h1{font-size:clamp(1.72rem,7.3vw,2.3rem)}.cm-record-row{grid-template-columns:40px minmax(0,1fr)}.cm-record-row>span:last-child{grid-column:2}.cm-linked-capability-card{padding:24px}.cm-story-tag{justify-content:flex-start;gap:10px}.cm-story-tag::before{width:24px}} @media(max-width:620px){.cm-flow,.cm-capability-grid{grid-template-columns:1fr}.cm-step{min-height:0;padding:22px 18px}.cm-step-head{grid-template-columns:40px minmax(0,1fr)}.cm-step-num{width:38px;height:38px}.cm-step-title{font-size:.85rem}.cm-step-content{padding-top:10px}.cm-story-head p{font-size:.95rem}.cm-workflow-insurance{grid-template-columns:1fr;padding:22px}.cm-btn{max-width:100%}.cm-hero-trust{display:grid}.cm-story-tag{letter-spacing:.08em}.cm-story-record-row span:last-child{font-size:.78rem}.cm-message-copy strong{font-size:.76rem}.cm-message-copy span{font-size:.7rem}.cm-time{font-size:.65rem}} /* Exact owner-supplied images, confined to the hero mailbox brand strip. */ .cm-mailbox-top{background:#fff;gap:6px;padding:10px 8px;flex-wrap:wrap} .cm-mailbox-top .cm-brand-chip{gap:6px;flex:0 0 auto} .cm-mailbox-top .cm-brand-sep{height:22px;flex:0 0 1px} .cm-mailbox-outlook-logo{display:block;width:22px;height:auto;object-fit:contain;flex:none} .cm-mailbox-gmail-logo{display:block;width:64px;height:auto;object-fit:contain;flex:none} .cm-mailbox-gmail-label{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0} /* Owner-approved alignment exceptions for the existing hero illustration. */ .cm-pillar .cm-story .cm-story-head p{text-align:center} .cm-story .cm-flow > article.cm-step:nth-child(2) .cm-step-foot, .cm-story .cm-flow > article.cm-step:nth-child(3) .cm-step-foot{text-align:center} /* P04 owner-approved visual refinements, limited to the annotated components. */ #connected-record .cm-capability-grid{gap:22px;margin-top:36px} #connected-record .cm-capability-card{position:relative;padding:26px 24px;border:1px solid #B8CADD;border-top:4px solid #8FAFD0;box-shadow:0 12px 28px rgba(25,54,95,.09);border-radius:22px;min-height:0} .cm-record-card-art{display:grid;place-items:center;width:54px;height:54px;margin-bottom:20px;border:1px solid #526F93;border-radius:16px;background:#19365F;color:#B8CADD} .cm-record-card-art svg,.cm-resource-art svg{width:32px;height:32px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round} #connected-record .cm-card-pill{margin-bottom:14px;line-height:1.5} #connected-record .cm-capability-card h3{font-size:1.12rem;line-height:1.4} #connected-record .cm-capability-card .cm-check-list{padding-top:22px;margin-top:auto} #connected-record .cm-capability-card:nth-child(3){background:#19365F;border-color:#526F93;border-top-color:#8FAFD0} #connected-record .cm-capability-card:nth-child(3) h3{color:#fff} #connected-record .cm-capability-card:nth-child(3) p,#connected-record .cm-capability-card:nth-child(3) li{color:#D1DCE9} #connected-record .cm-capability-card:nth-child(3) li::before{color:#B8CADD} #connected-record .cm-capability-card:nth-child(3) .cm-record-card-art{background:#294A70;border-color:#8FAFD0} #connected-record .cm-record-divider{margin:44px 0;background:#B8CADD} #comparison .cm-compare-side--other{background:#142F50;border:1px solid #526F93} #comparison .cm-compare-side--other .cm-compare-colhead{color:#B8CADD} #comparison .cm-compare-side--other .cm-problem-label,#comparison .cm-compare-side--other p strong{color:#D1DCE9} #comparison .cm-compare-side--other p,#comparison .cm-compare-side--other ul{color:#C3D1E1} #comparison .cm-compare-side--case{background:#35577F;border:1px solid #8FAFD0;border-top:3px solid #76EAF7;box-shadow:0 10px 24px rgba(9,29,52,.13)} #comparison .cm-compare-side--case .cm-compare-colhead{color:#76EAF7} #comparison .cm-compare-side--case .cm-solution-label,#comparison .cm-compare-side--case p strong{color:#fff} #comparison .cm-compare-side--case p,#comparison .cm-compare-side--case ul{color:#E2EBF4} #related-resources>.cm-shell{border-color:#B8CADD;box-shadow:0 14px 36px rgba(25,54,95,.06)} #related-resources .cm-resource-grid{gap:24px} #related-resources .cm-resource-card{background:#fff;border-color:#B8CADD;box-shadow:0 12px 28px rgba(25,54,95,.11);padding:28px 24px} #related-resources .cm-resource-card::before{height:5px;background:#8FAFD0} .cm-resource-title-row{display:flex;align-items:center;gap:14px;margin:2px 0 18px;min-height:64px} .cm-resource-art{display:grid;place-items:center;flex:0 0 52px;width:52px;height:52px;background:#19365F;color:#B8CADD;border:1px solid #526F93;border-radius:15px} #related-resources .cm-resource-title-row h3{margin:0;font-size:1.08rem;line-height:1.4;min-width:0} #related-resources .cm-resource-link{padding-top:16px;border-top:1px solid #D7E2EE;width:100%} #related-resources .cm-resource-card:hover{border-color:#526F93;box-shadow:0 16px 32px rgba(25,54,95,.15)} #get-started .cm-final-cta-layout>p>strong{font-weight:500} @media(max-width:1050px){#connected-record .cm-capability-grid{grid-template-columns:repeat(2,minmax(0,1fr))}} @media(max-width:620px){#connected-record .cm-capability-grid{grid-template-columns:1fr}#connected-record .cm-capability-card{padding:24px}#related-resources .cm-resource-card{padding:24px 20px}.cm-resource-title-row{gap:12px}.cm-resource-art{width:46px;height:46px;flex-basis:46px}} #group2-p04 .resource-tag{display:inline-flex;margin-top:18px;padding:9px 13px;border:1px solid #cbdce8;border-radius:999px;color:#5b7188;font-size:.7rem;font-weight:700;letter-spacing:.09em;text-transform:uppercase;} #group2-p04 #related-resources{padding:54px 0;background:linear-gradient(180deg,#fff,#EAF0F6);} #group2-p04 #related-resources .resource-container{max-width:1180px;position:relative;overflow:hidden;border:1px solid #C5D5E6;border-radius:26px;background:#F3F6FA;box-shadow:0 20px 50px rgba(25,54,95,.09);padding:0 36px 36px;} #group2-p04 .resource-heading{position:relative;isolation:isolate;overflow:hidden;margin:0 -36px 32px;padding:36px 40px;background:#19365F;border-bottom:3px solid #8FAFD0;text-align:left;} #group2-p04 .resource-heading:before{content:"";position:absolute;z-index:-1;right:-60px;top:-110px;width:340px;height:340px;border:1px solid rgba(143,175,208,.35);border-radius:50%;box-shadow:0 0 0 38px rgba(143,175,208,.07),0 0 0 76px rgba(143,175,208,.04);pointer-events:none;} #group2-p04 .resource-heading:after{content:"";display:block;width:64px;height:3px;margin-top:24px;background:#8FAFD0;border-radius:3px;} #group2-p04 #related-resources .resource-heading h2{color:#fff;max-width:760px;font-size:clamp(1.7rem,2.7vw,2.4rem);font-weight:300;line-height:1.2;letter-spacing:-.015em;margin:0 0 18px;} #group2-p04 .resource-heading p{color:#D1DCE9;max-width:800px;margin:0;text-align:left;} #group2-p04 .resource-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;} #group2-p04 .resource-card{display:flex;flex-direction:column;min-width:0;min-height:214px;padding:24px;border:1px solid #D7E2EE;border-top:4px solid #8FAFD0;border-radius:18px;background:#fff;box-shadow:0 9px 24px rgba(25,54,95,.07);transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease;} #group2-p04 .resource-card:hover{transform:translateY(-3px);border-color:#8FAFD0;box-shadow:0 15px 30px rgba(25,54,95,.14);} #group2-p04 .resource-card:focus-visible{outline:3px solid #2679FF;outline-offset:4px;} #group2-p04 .resource-category{align-self:flex-start;background:#EAF0F6;border-radius:6px;padding:6px 9px;color:#52657D;font-size:.63rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;margin-bottom:16px;} #group2-p04 .resource-title{display:flex;gap:14px;align-items:center;margin-bottom:16px;min-height:52px;} #group2-p04 #related-resources .resource-title h3{margin:0;color:#19365F;font-size:1.04rem;font-weight:500;line-height:1.35;} #group2-p04 .resource-envelope{display:block;width:64px;height:auto;max-height:52px;object-fit:contain;flex:0 0 auto;filter:drop-shadow(0 5px 4px #19365F20);} #group2-p04 .resource-icon{display:grid;place-items:center;flex:0 0 46px;width:46px;height:46px;border-radius:50%;color:#19365F;border:1px solid #D7E2EE;background:linear-gradient(145deg,#F7FAFD,#DDE8F3);box-shadow:0 6px 12px rgba(25,54,95,.12),inset 0 1px 0 #fff;} #group2-p04 .resource-icon svg{width:22px;height:22px;} #group2-p04 .resource-card p{color:#52657D;font-size:.83rem;line-height:1.63;margin:0 0 16px;text-align:left;} #group2-p04 .resource-action{margin-top:auto;padding-top:16px;border-top:1px solid #E4ECF4;width:100%;font-size:.75rem;color:#19365F;line-height:1.5;} #group2-p04 .resource-heading .eyebrow{display:inline-flex;align-items:center;gap:9px;padding:7px 12px;border:1px solid rgba(118,234,247,.34);border-radius:999px;background:rgba(118,234,247,.07);color:#E6FBFF;font-size:.67rem;font-weight:600;letter-spacing:.13em;line-height:1.5;margin-bottom:20px;} #group2-p04 .resource-heading .eyebrow:before{content:"";width:7px;height:7px;flex:0 0 7px;border-radius:50%;background:#8FAFD0;box-shadow:0 0 0 5px rgba(143,175,208,.1);} @media(max-width:1050px){#group2-p04 .resource-grid{grid-template-columns:repeat(2,minmax(0,1fr));}} @media(max-width:620px){#group2-p04 .resource-grid{grid-template-columns:1fr;gap:18px;}} @media(max-width:620px){#group2-p04 #related-resources .resource-container{padding:0 18px 24px;}} @media(max-width:620px){#group2-p04 .resource-heading{margin:0 -18px 24px;padding:28px 24px;}} @media(max-width:620px){#group2-p04 .resource-heading:before{right:-190px;}} @media(prefers-reduced-motion:reduce){#group2-p04 .resource-card{transition:none;}} @media(prefers-reduced-motion:reduce){#group2-p04 .resource-card:hover{transform:none;}} #group2-p04 #related-resources{background:#294B70;} #group2-p04 #related-resources .resource-container{background:#25496F;border-color:#8FAFD0;} #group2-p04 #related-resources .resource-card{background:#35577F;color:#E2EBF4;border-color:#8FAFD0;} #group2-p04 #related-resources .resource-title h3{color:#fff;font-weight:400;} #group2-p04 #related-resources .resource-card p{color:#E2EBF4;} #group2-p04 #related-resources .resource-action{color:#76EAF7;border-color:#8FAFD0;} #group2-p04 #related-resources .resource-category{background:#19365F;color:#B8CADD;} #group2-p04 #related-resources .resource-icon{background:#19365F;color:#B8CADD;box-shadow:0 6px 12px rgba(9,29,52,.16);} #group2-p04 .resource-heading .eyebrow{display:inline-flex;align-items:center;gap:9px;max-width:100%;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;font-weight:600;letter-spacing:.13em;line-height:1.5;margin-bottom:20px;}#group2-p04 .cm-compare-card{position:relative;overflow:hidden;min-height:360px;padding:30px;border-radius:24px;border:1px solid var(--cm-line);} #group2-p04 .cm-compare-card--traditional{background:#F7F9FC;} #group2-p04 .cm-compare-card--casemail{background:linear-gradient(145deg,#16345A,#19365F);border-color:rgba(118,234,247,.26);color:#fff;box-shadow:var(--cm-shadow);} #group2-p04 .cm-compare-label{display:inline-flex;align-items:center;min-height:30px;padding:6px 10px;border-radius:999px;background:#E8EEF5;color:#53667D;font-size:.62rem;font-weight:850;letter-spacing:.12em;text-transform:uppercase;} #group2-p04 .cm-compare-card--casemail .cm-compare-label{background:rgba(118,234,247,.12);color:var(--cm-cyan);border:1px solid rgba(118,234,247,.2);} #group2-p04 .cm-compare-card h3{margin:18px 0 9px;color:var(--cm-navy);font-size:1.18rem;line-height:1.3;} #group2-p04 .cm-compare-card--casemail h3{color:#fff;} #group2-p04 .cm-compare-card>p{margin:0;color:#66758A;font-size:.9rem;line-height:1.65;} #group2-p04 .cm-compare-card--casemail>p{color:rgba(255,255,255,.72);} #group2-p04 .cm-compare-list{list-style:none;padding:0;margin:24px 0 0;display:grid;gap:14px;} #group2-p04 .cm-compare-list li{position:relative;padding-left:28px;color:#475A71;font-size:.9rem;line-height:1.55;} #group2-p04 .cm-compare-list li::before{content:"";position:absolute;left:0;top:.45em;width:14px;height:14px;border:1px solid #A9B8C8;border-radius:50%;background:#fff;} #group2-p04 .cm-compare-card--casemail .cm-compare-list li{color:rgba(255,255,255,.86);} #group2-p04 .cm-compare-card--casemail .cm-compare-list li::before{border-color:var(--cm-cyan);background:radial-gradient(circle,var(--cm-cyan) 0 3px,transparent 4px);} @media(max-width:820px){#group2-p04 .cm-compare-card{min-height:0;}} #group2-p04 .cm-comparison-accordion{max-width:1080px;margin:38px auto 0;display:grid;gap:12px;} #group2-p04 .cm-compare-item{border:1px solid var(--cm-line);border-radius:18px;background:#fff;box-shadow:0 10px 28px rgba(26,57,95,.055);overflow:hidden;} #group2-p04 .cm-compare-item[open]{box-shadow:0 16px 38px rgba(26,57,95,.08);} #group2-p04 .cm-compare-item summary{list-style:none;cursor:pointer;display:grid;grid-template-columns:44px 1fr auto;align-items:center;gap:14px;padding:18px 20px;background:#F7F9FC;color:var(--cm-deep);font-size:.98rem;font-weight:800;line-height:1.35;} #group2-p04 .cm-compare-item summary::-webkit-details-marker{display:none;} #group2-p04 .cm-compare-item summary:focus-visible{outline:3px solid rgba(118,234,247,.65);outline-offset:-3px;} #group2-p04 .cm-compare-index{width:34px;height:34px;border-radius:999px;background:var(--cm-deep);color:#fff;display:grid;place-items:center;font-size:.7rem;letter-spacing:.04em;} #group2-p04 .cm-compare-chevron{width:26px;height:26px;border-radius:999px;border:1px solid #C9D5E2;display:grid;place-items:center;color:var(--cm-deep);font-size:1.1rem;line-height:1;transition:transform .18s ease,background .18s ease;} #group2-p04 .cm-compare-item[open] .cm-compare-chevron{transform:rotate(45deg);background:#EAFBFD;} #group2-p04 .cm-compare-body{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--cm-line);} #group2-p04 .cm-compare-side{padding:22px 24px 24px;min-width:0;} #group2-p04 .cm-compare-side--other{background:#FCF8F8;border-right:1px solid #E2E9F0;} #group2-p04 .cm-compare-side--case{background:#F5FBF7;} #group2-p04 .cm-compare-colhead{margin:0 0 12px;color:#52667E;font-size:.68rem;font-weight:850;letter-spacing:.07em;text-transform:uppercase;} #group2-p04 .cm-problem-label{background:#FDE9E8;color:#9A3F3A;} #group2-p04 .cm-solution-label{background:#E2F5E9;color:#2D6E48;} #group2-p04 .cm-compare-side p{margin:10px 0 0;color:#4F6279;font-size:.9rem;line-height:1.68;} #group2-p04 .cm-compare-side p strong{color:#213653;} #group2-p04 .cm-compare-side ul{margin:12px 0 0;padding-left:19px;color:#4F6279;font-size:.88rem;line-height:1.65;} @media(max-width:760px){#group2-p04 .cm-compare-item summary{grid-template-columns:36px 1fr auto;padding:16px 15px;gap:10px;font-size:.92rem;}} @media(max-width:760px){#group2-p04 .cm-compare-index{width:30px;height:30px;}} @media(max-width:760px){#group2-p04 .cm-compare-body{grid-template-columns:1fr;}} @media(max-width:760px){#group2-p04 .cm-compare-side--other{border-right:0;border-bottom:1px solid #E2E9F0;}} @media(max-width:760px){#group2-p04 .cm-compare-side{padding:19px 18px 21px;}} #group2-p04 .cm-compare-title{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;text-wrap:balance;} #group2-p04 .cm-compare-descriptor{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;text-wrap:balance;} #group2-p04 .cm-comparison .cm-comparison-accordion{max-width:1240px;margin:38px auto 0;display:grid;gap:14px;} #group2-p04 .cm-compare-item{border:1px solid rgba(96,190,229,.34);border-radius:22px;background:rgba(44,79,119,.46);box-shadow:none;overflow:hidden;} #group2-p04 .cm-compare-item[open]{background:rgba(44,79,119,.56);border-color:rgba(96,190,229,.42);box-shadow:none;} #group2-p04 .cm-compare-item summary{list-style:none;cursor:pointer;display:grid;grid-template-columns:50px 1fr 34px;align-items:center;gap:18px;min-height:106px;padding:20px 24px;color:#fff;background:transparent;font-weight:500;} #group2-p04 .cm-compare-item summary::-webkit-details-marker{display:none;} #group2-p04 .cm-compare-item summary:focus-visible{outline:3px solid rgba(118,234,247,.7);outline-offset:-4px;} #group2-p04 .cm-compare-index{width:46px;height:46px;border-radius:999px;border:1px solid rgba(118,234,247,.7);background:rgba(11,51,88,.42);color:var(--cm-cyan);display:grid;place-items:center;font-size:.72rem;font-weight:600;} #group2-p04 .cm-compare-summary-copy{min-width:0;} #group2-p04 .cm-compare-title{display:block;color:#fff;font-size:1rem;font-weight:500;line-height:1.28;} #group2-p04 .cm-compare-descriptor{display:block;margin-top:6px;color:#9fb6cc;font-size:.82rem;font-weight:400;line-height:1.42;} #group2-p04 .cm-compare-chevron{width:30px;height:30px;display:grid;place-items:center;color:var(--cm-cyan);font-size:1.55rem;font-weight:300;line-height:1;transition:transform .18s ease;} #group2-p04 .cm-compare-item[open] .cm-compare-chevron{transform:rotate(45deg);background:transparent;} #group2-p04 .cm-compare-body{display:grid;grid-template-columns:1fr 1fr;gap:18px;padding:0 84px 26px;border-top:0;} #group2-p04 .cm-compare-side{min-width:0;min-height:218px;padding:26px 28px 28px;border-radius:20px;border:1px solid rgba(148,187,224,.18);background:rgba(75,108,147,.42);} #group2-p04 .cm-compare-side--other{background:rgba(77,108,145,.42);border-right:1px solid rgba(148,187,224,.18);} #group2-p04 .cm-compare-side--case{background:rgba(45,91,128,.56);border-color:rgba(96,190,229,.4);} #group2-p04 .cm-compare-colhead{margin:0 0 15px;color:#b7c9dc;font-size:.69rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;} #group2-p04 .cm-compare-side--case .cm-compare-colhead{color:var(--cm-cyan);} #group2-p04 .cm-problem-label{display:inline-block;margin:0 5px 10px 0;padding:0;border-radius:0;background:none;color:#fff;font-size:.96rem;line-height:1.35;font-weight:500;letter-spacing:0;text-transform:none;} #group2-p04 .cm-solution-label{display:inline-block;margin:0 5px 10px 0;padding:0;border-radius:0;background:none;color:#fff;font-size:.96rem;line-height:1.35;font-weight:500;letter-spacing:0;text-transform:none;} #group2-p04 .cm-compare-side p{margin:9px 0 0;color:#d3dfeb;font-size:.9rem;line-height:1.72;} #group2-p04 .cm-compare-side p strong{color:#fff;font-weight:500;} #group2-p04 .cm-compare-side ul{color:#d3dfeb;} @media(max-width:900px){#group2-p04 .cm-compare-body{padding:0 24px 24px;}} @media(max-width:760px){#group2-p04 .cm-compare-item summary{grid-template-columns:42px 1fr 28px;min-height:92px;padding:17px 16px;gap:12px;}} @media(max-width:760px){#group2-p04 .cm-compare-index{width:40px;height:40px;}} @media(max-width:760px){#group2-p04 .cm-compare-title{font-size:.94rem;}} @media(max-width:760px){#group2-p04 .cm-compare-descriptor{font-size:.77rem;}} @media(max-width:760px){#group2-p04 .cm-compare-body{grid-template-columns:1fr;gap:12px;padding:0 16px 18px;}} @media(max-width:760px){#group2-p04 .cm-compare-side{min-height:0;padding:21px 20px 23px;}} @media(max-width:760px){#group2-p04 .cm-compare-side--other{border-right:1px solid rgba(148,187,224,.18);border-bottom:1px solid rgba(148,187,224,.18);}} #group2-p04 .cm-compare-item{border-color:#526F93;} #group2-p04 .cm-compare-body{padding:0 28px 28px;gap:18px;} #group2-p04 .cm-compare-side{min-height:0;border-color:#D7E2EE;} #group2-p04 .cm-compare-side--manual{background:#F3F6FA;} #group2-p04 .cm-compare-side--manual .cm-compare-colhead{color:#52657D;} #group2-p04 .cm-compare-side--manual p{color:#52657D;} #group2-p04 .cm-compare-side--manual .cm-problem-label{color:#19365F;} #group2-p04 .cm-compare-side--manual p strong{color:#19365F;} #group2-p04 .cm-compare-side--case{background:rgba(143,175,208,.12);border-color:#8FAFD0;} #group2-p04 .cm-compare-side--case .cm-compare-colhead{color:#B8CADD;} #group2-p04 .cm-compare-side--case p{color:#D1DCE9;} #group2-p04 .cm-compare-side--case .cm-solution-label{color:#fff;} #group2-p04 .cm-compare-title{font-weight:500;} #group2-p04 .cm-compare-descriptor{color:#D1DCE9;} #group2-p04 .cm-compare-colhead{line-height:1.6;} @media(max-width:720px){#group2-p04 .cm-compare-body{grid-template-columns:1fr;padding:0 16px 18px;}} @media(max-width:720px){#group2-p04 .cm-compare-side{padding:22px 20px;}} #group2-p04 .cm-compare-side--other{background:#F3F6FA;border-color:#D7E2EE;} #group2-p04 .cm-compare-side--other p{color:#52657D;} #group2-p04 .cm-compare-side--other ul{color:#52657D;} #group2-p04 .cm-compare-side--other .cm-compare-colhead{color:#52657D;} #group2-p04 .cm-compare-side--other .cm-problem-label{color:#19365F;} #group2-p04 .cm-compare-side--other p strong{color:#19365F;} #group2-p04 .cm-compare-side--case .cm-compare-colhead{color:#76EAF7;} #group2-p04 .cm-pillar .cm-compare-item summary:focus-visible{outline-color:#fff;outline-offset:-4px;} #group2-p04 #comparison .cm-compare-side--other{background:#142F50;border:1px solid #526F93;} #group2-p04 #comparison .cm-compare-side--other .cm-compare-colhead{color:#B8CADD;} #group2-p04 #comparison .cm-compare-side--other .cm-problem-label{color:#D1DCE9;} #group2-p04 #comparison .cm-compare-side--other p strong{color:#D1DCE9;} #group2-p04 #comparison .cm-compare-side--other p{color:#C3D1E1;} #group2-p04 #comparison .cm-compare-side--other ul{color:#C3D1E1;} #group2-p04 #comparison .cm-compare-side--case{background:#35577F;border:1px solid #8FAFD0;border-top:3px solid #76EAF7;box-shadow:0 10px 24px rgba(9,29,52,.13);} #group2-p04 #comparison .cm-compare-side--case .cm-compare-colhead{color:#76EAF7;} #group2-p04 #comparison .cm-compare-side--case .cm-solution-label{color:#fff;} #group2-p04 #comparison .cm-compare-side--case p strong{color:#fff;} #group2-p04 #comparison .cm-compare-side--case p{color:#E2EBF4;} #group2-p04 #comparison .cm-compare-side--case ul{color:#E2EBF4;}#group2-p04 #how-it-works.p02-open-process{background:linear-gradient(135deg,#17375f 0%,#19365F 58%,#102f55 100%);color:#fff;padding:72px 0;} #group2-p04 #how-it-works .p02-process-head{max-width:820px;margin:0 auto;text-align:center;} #group2-p04 #how-it-works .p02-process-head h2{color:white;max-width:none;margin:0;font-weight:300;} #group2-p04 #how-it-works .p02-process-head .cm-eyebrow{color:#76EAF7;} #group2-p04 #how-it-works .p02-process-head .cm-lead{color:#C1D0DE;text-align:left;margin:22px auto 0;} #group2-p04 #how-it-works .p02-process-grid{position:relative;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:46px;margin:48px auto 0;padding-top:4px;max-width:1100px;} #group2-p04 #how-it-works .p02-process-grid:before{content:"";position:absolute;top:55px;left:calc(16.6667% - 15.333px);right:calc(16.6667% - 15.333px);height:1px;background:rgba(118,234,247,.44);} #group2-p04 #how-it-works .p02-process-step{position:relative;z-index:1;padding:0 18px;text-align:center;} #group2-p04 #how-it-works .p02-process-number{width:102px;height:102px;border-radius:50%;display:grid;place-items:center;margin:0 auto 25px;background:rgba(255,255,255,.055);border:1px solid rgba(118,234,247,.55);color:#76EAF7;font-size:20px;font-weight:500;} #group2-p04 #how-it-works .p02-process-step h3{color:white;text-align:center;font-size:19px;line-height:1.3;font-weight:500;margin:0 0 15px;} #group2-p04 #how-it-works .p02-process-step p{max-width:330px;margin:0 auto;color:#C1D0DE;font-size:16px;line-height:1.7;text-align:left;text-wrap:pretty;} @media(max-width:700px){#group2-p04 #how-it-works.p02-open-process{padding:54px 0;}} @media(max-width:700px){#group2-p04 #how-it-works .p02-process-grid{grid-template-columns:1fr;gap:32px;margin-top:34px;}} @media(max-width:700px){#group2-p04 #how-it-works .p02-process-grid:before{display:none;}} @media(max-width:700px){#group2-p04 #how-it-works .p02-process-number{width:82px;height:82px;margin-bottom:18px;}} @media(max-width:700px){#group2-p04 #how-it-works .p02-process-step p{max-width:420px;}} @media(max-width:700px){#group2-p04 #how-it-works .p02-process-head h2{font-size:28px;}}#group2-p04 .g2-answer{background:var(--deep);color:#fff;border-radius:28px;padding:30px;} #group2-p04 .g2-answer .eyebrow{color:var(--cyan);} #group2-p04 .g2-answer h3{font-size:1.5rem;margin:14px 0;} #group2-p04 .g2-answer p{margin:0;color:#bed0df;} #group2-p04 .g2-answer ul{margin:20px 0 0;padding-left:20px;color:#c5d3df;line-height:1.75;} #group2-p04 .g2-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;} #group2-p04 .g2-card{background:#fff;border:1px solid var(--line);border-radius:22px;padding:26px;box-shadow:0 12px 34px rgba(24,54,95,.05);} #group2-p04 .g2-card .icon{width:46px;height:46px;border-radius:50%;background:#e8f8fa;color:#166f9c;display:grid;place-items:center;font-weight:700;margin-bottom:18px;} #group2-p04 .g2-card h3{margin:0 0 10px;color:var(--navy);font-size:1.05rem;} #group2-p04 .g2-card p{margin:0;color:var(--slate);font-size:.94rem;} @media(max-width:1120px){#group2-p04 .g2-cards{grid-template-columns:repeat(2,1fr);}} @media(max-width:820px){#group2-p04 .g2-cards{grid-template-columns:1fr;}} #group2-p04 .g2-answer h3{font-weight:400;} #group2-p04 .g2-answer{background:#19365F;border:1px solid #526F93;} #group2-p04 .g2-answer p{color:#D1DCE9;} #group2-p04 .g2-answer ul{color:#D1DCE9;} #group2-p04 .g2-card{background:#35577F;border-color:#8FAFD0;color:#E2EBF4;} #group2-p04 .g2-card h3{color:#fff;} #group2-p04 .g2-card p{color:#E2EBF4;} #group2-p04 .g2-card .icon{background:#19365F;color:#B8CADD;margin-inline:auto;} @media(max-width:820px){#group2-p04 .g2-cards{grid-template-columns:repeat(2,minmax(0,1fr));}} @media(max-width:620px){#group2-p04 .g2-cards{grid-template-columns:1fr;}} /* Current shared Government tokens; page-specific exceptions follow. */ #group2-p04{background:#35577F;color:#E2EBF4;--line:#8FAFD0;--cm-line:#8FAFD0;--cyan:#76EAF7;--cm-cyan:#76EAF7;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif} #group2-p04 .cm-page{background:#35577F} #group2-p04 h1,#group2-p04 h2,#group2-p04 h3,#group2-p04 h4{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;text-wrap:balance;color:#fff} #group2-p04 h1{font-size:clamp(1.72rem,2.35vw,2.5rem)!important;font-weight:300!important;line-height:1.16!important;letter-spacing:-.02em!important} #group2-p04 section h2{font-size:clamp(1.7rem,2.7vw,2.4rem)!important;font-weight:300!important;line-height:1.2!important;letter-spacing:-.015em!important} #group2-p04 h3,#group2-p04 h4{font-weight:400!important;line-height:1.35} #group2-p04 p,#group2-p04 li{text-align:left!important;text-wrap:pretty;color:#E2EBF4} #group2-p04 section.section,#group2-p04 section.cm-section{background:#294B70;color:#E2EBF4} #group2-p04 section.dark,#group2-p04 section#comparison,#group2-p04 section#process,#group2-p04 section#connected-record,#group2-p04 section#organizations,#group2-p04 section#legal-integrations,#group2-p04 section#build-with-casemail,#group2-p04 section.final,#group2-p04 section#get-started{background:#19365F} #group2-p04 .g2-card{background:#35577F;border:1px solid #8FAFD0;border-radius:22px;box-shadow:0 12px 34px rgba(24,54,95,.05);color:#E2EBF4} #group2-p04 .g2-card h3,#group2-p04 .g2-card h4,#group2-p04 .g2-card strong,#group2-p04 .g2-card b{color:#fff;font-weight:400} #group2-p04 .g2-card p,#group2-p04 .g2-card li{color:#E2EBF4} #group2-p04 .g2-answer{background:#19365F;border:1px solid #526F93;border-radius:28px;padding:30px;color:#E2EBF4} #group2-p04 .g2-answer strong{color:#fff;font-weight:400} #group2-p04 .g2-evidence-item{background:#35577F;border:1px solid #8FAFD0;border-radius:18px;padding:18px;color:#E2EBF4} #group2-p04 .g2-evidence-item b{color:#fff;font-weight:400}#group2-p04 .g2-evidence-item span{color:#E2EBF4} #group2-p04 .g2-faq{background:#35577F;border:1px solid #8FAFD0;border-radius:18px;padding:0 20px;color:#E2EBF4} #group2-p04 .g2-faq summary{color:#fff;font-weight:400;line-height:1.5;padding:19px 0;cursor:pointer} #group2-p04 .g2-faq[open]{background:#25496F}#group2-p04 .g2-faq p{margin-bottom:20px} #group2-p04 .page-nav,#group2-p04 .cm-page-nav{top:0;background:#294B70;border-color:#8FAFD0} #group2-p04 .page-nav a,#group2-p04 .cm-page-nav a{color:#E2EBF4} #group2-p04 a:focus-visible,#group2-p04 summary:focus-visible{outline:3px solid #76EAF7;outline-offset:4px} #group2-p04 .btn,#group2-p04 .cm-btn{border-radius:11px;font-weight:600;letter-spacing:.07em;line-height:1.35;white-space:normal;max-width:100%;text-align:center} #group2-p04 .btn-primary,#group2-p04 .cm-btn--primary,#group2-p04 .cm-btn--light{background:#B8CADD;color:#19365F;border:1px solid #B8CADD;box-shadow:none} #group2-p04 .btn-secondary,#group2-p04 .cm-btn--secondary{background:#25496F;border:1px solid #8FAFD0;color:#fff} #group2-p04 .btn-primary:hover,#group2-p04 .cm-btn--primary:hover,#group2-p04 .cm-btn--light:hover{background:#D1DCE9;color:#19365F} #group2-p04 .btn-secondary:hover,#group2-p04 .cm-btn--secondary:hover{background:#35577F;color:#fff} #group2-p04 .g2-resources .resource-container{width:min(1180px,calc(100% - 48px));margin:auto} #group2-p04 .g2-resources .resource-card{color:#E2EBF4;text-decoration:none} #group2-p04 .g2-resources .resource-title h3{color:#fff;font-weight:400} #group2-p04 .g2-resources .resource-action,#group2-p04 .g2-resources .resource-action span{color:#76EAF7} #group2-p04 .resource-card:visited{color:#E2EBF4}#group2-p04 .resource-card:focus-visible{outline-color:#76EAF7} #group2-p04 .resource-icon svg{fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round} #group2-p04 .cm-related-support{margin-top:26px;border-top:1px solid #8FAFD0;padding-top:22px;color:#E2EBF4;background:transparent} #group2-p04 .cm-related-support p,#group2-p04 .cm-related-help{color:#E2EBF4}#group2-p04 .cm-related-all{color:#76EAF7} #group2-p04 .cm-related-help-icon,#group2-p04 .cm-process-final__note-icon{background:#8FAFD0;color:#19365F;border-radius:50%} #group2-p04 .g2-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;letter-spacing:.13em;line-height:1.5;white-space:normal;text-transform:uppercase;margin-bottom:20px;text-align:left} #group2-p04 .g2-eyebrow:before,#group2-p04 .g2-eyebrow:after{content:none!important;display:none!important} #group2-p04 .g2-eyebrow>.g2-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)} #group2-p04 .g2-eyebrow>.g2-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} #group2-p04 .resource-category.g2-eyebrow{background:#19365F;color:#B8CADD!important;margin-bottom:16px} @media(max-width:620px){#group2-p04 .g2-resources .resource-container{width:calc(100% - 32px)}#group2-p04 .g2-answer{padding:24px 20px}} @media(prefers-reduced-motion:reduce){#group2-p04 *,#group2-p04 *:before,#group2-p04 *:after{animation:none!important;transition:none!important}html{scroll-behavior:auto}} #group2-p04 .g2-resources .resource-container{width:min(1180px,calc(100% - 48px));margin:auto} #group2-p04 .resource-grid--two{grid-template-columns:repeat(2,minmax(0,1fr))} #group2-p04 .resource-title{min-width:0}#group2-p04 .resource-title h3{min-width:0} #group2-p04 .resource-card--pending:hover{transform:none;box-shadow:0 9px 24px rgba(25,54,95,.07)} #group2-p04 .resource-card--pending .resource-action{color:#B8CADD} #group2-p04 .g2-resources .resource-heading p{color:#D1DCE9} #group2-p04 .g2-eyebrow.cm-problem-label{background:#19365F;color:#D1DCE9!important;border-color:#526F93} #group2-p04 .g2-eyebrow.cm-solution-label{background:#19365F;color:#76EAF7!important;border-color:#8FAFD0} #group2-p04 .cm-compare-side--other p,#group2-p04 .cm-compare-side--other li{color:#C3D1E1} #group2-p04 .cm-compare-side--case p,#group2-p04 .cm-compare-side--case li{color:#E2EBF4} #group2-p04 .cm-compare-summary-copy .cm-compare-title{color:#fff;font-weight:500} #group2-p04 .cm-compare-descriptor{color:#D1DCE9} #group2-p04 .g2-faq summary{padding-right:32px} #group2-p04 .cm-page-nav,#group2-p04 .page-nav{top:0} #group2-p04 .g2-card svg{color:#B8CADD} @media(max-width:620px){#group2-p04 .resource-grid--two{grid-template-columns:1fr}} #group2-p04 #how-it-works{background:#19365F;color:#E2EBF4} #group2-p04 #how-it-works .p02-process-step h3{color:#fff;text-transform:uppercase} #group2-p04 #how-it-works .p02-process-step p{color:#C1D0DE} #group2-p04 .cm-btn,#group2-p04 .cm-btn-primary,#group2-p04 .cm-btn-secondary{border-radius:11px} #group2-p04 .cm-btn-primary{background:#B8CADD;color:#19365F;border:1px solid #B8CADD;box-shadow:none} #group2-p04 .cm-btn-primary:hover{background:#D1DCE9;color:#19365F} #group2-p04 .cm-btn-secondary{background:#25496F;color:#fff;border:1px solid #8FAFD0} #group2-p04 .cm-btn-secondary:hover{background:#35577F;color:#fff} #group2-p04 .cm-workflow-insurance{background:#25496F;border:1px solid #8FAFD0;color:#E2EBF4} #group2-p04 .cm-workflow-insurance strong{color:#fff} #group2-p04 .cm-story .cm-story-head h2{font-size:clamp(1.45rem,2.05vw,2.15rem)!important;line-height:1.2;font-weight:300} #group2-p04 .cm-story .cm-story-head p{color:#D1DCE9;text-align:left} #group2-p04 .cm-definition{background:#19365F;border:1px solid #526F93;border-radius:28px;color:#E2EBF4} #group2-p04 .cm-definition p,#group2-p04 .cm-definition strong{color:#D1DCE9} #group2-p04 .cm-linked-capability .cm-text-link,#group2-p04 .cm-linked-capability-card .cm-text-link{color:#76EAF7} #group2-p04 .cm-linked-capability-card>span{color:#E2EBF4} #group2-p04 .cm-definition .cm-definition-mark{display:grid;place-items:center;width:52px;height:52px;min-width:52px;min-height:52px;aspect-ratio:1;border:1px solid #B8CADD;border-radius:50%;background:#8FAFD0;color:#19365F;box-sizing:border-box;font-weight:600;line-height:1;padding:0;flex-shrink:0} @media(max-width:720px){#group2-p04 .cm-definition .cm-definition-mark{width:42px;height:42px;min-width:42px;min-height:42px}} /* Sep23 local owner review: scoped page refinements. */ #group2-p04 .p02-process-step p>strong,#group2-p04 .cm-record-summary-emphasis{font-weight:500!important} #group2-p04 #connected-record .cm-card-pill.g2-eyebrow{margin-bottom:14px}