/* CareTabs landing page styles (scoped to #ct-lp) */ /* ---- theme isolation: roll back whatever the WordPress theme sets, then apply the design ---- */ #ct-lp#ct-lp, #ct-lp#ct-lp *, #ct-lp#ct-lp *::before, #ct-lp#ct-lp *::after { all: revert; } #ct-lp#ct-lp { --font-sans:"Inter",system-ui,-apple-system,"Segoe UI",sans-serif;--font-body:var(--font-sans);--font-display:var(--font-sans) --light-teal:#3fabce; --primary:#3fabce; --primary-light:#52b3d3; --primary-light-2:#f4f7fe; --primary-dark:#1c7a99; --secondary:#222222; --grey:#222222; --orange:#fc9d10; --red:#dc2626; --emergency-red:#dc2626; --green:#15be53; --white:#ffffff; --app-bg:#f7f9fb; --grey-blue:#eef3f7; --grey-blue-hover:#e2e9f0; --grey-blue-press:#d5dfe9; --dark-navy:#1a2744; --navy-deep:#2c4a5e; --light-grey:#dadada; --light-grey-2:#eaeaea; --light-grey-3:#f2f2f2; --light-grey-4:#f8f3f3; --neutrals-1:#141416; --neutrals-2:#23262f; --neutrals-3:#353945; --neutrals-4:#777e90; --neutrals-5:#b1b5c3; --neutrals-6:#e6e8ec; --neutrals-7:#f4f5f6; --neutrals-8:#fcfcfd; --neutrals-9:#ffffff; --member-navy-light:#34496b; --member-navy-dark:#1a2744; --member-purple-light:#4a5486; --member-purple-dark:#2f3760; --member-blue-light:#2c6079; --member-blue-dark:#1a4256; --member-amber-light:#3a5878; --member-amber-dark:#24374d; --member-red-light:#3f5c78; --member-red-dark:#2a3f52; --member-green-light:#455168; --member-green-dark:#2c3542; --member-violet-light:#405a70; --member-violet-dark:#29404f; --chip-selected-border:#5291b2; --border-common:#eeeeee; --border-dark-1:#dddddd; --card-admin-border:#e0e2e7; --text-heading:var(--secondary); --text-body:var(--neutrals-3); --text-muted:var(--neutrals-4); --text-faint:var(--neutrals-5); --text-inverse:var(--white); --text-link:var(--primary); --text-eyebrow:var(--neutrals-4); --text-accent:var(--primary); --text-accent-warm:var(--orange); --surface-page:var(--white); --surface-app:var(--app-bg); --surface-card:var(--white); --surface-sunken:var(--grey-blue); --surface-sunken-hover:var(--grey-blue-hover); --surface-sunken-press:var(--grey-blue-press); --surface-inverse:var(--navy-deep); --surface-tint-primary:rgba(63,171,206,0.1); --surface-tint-orange:rgba(252,157,16,0.15); --surface-tint-red:rgba(220,38,38,0.1); --surface-tint-green:rgba(21,190,83,0.1); --border-subtle:var(--light-grey); --border-hairline:var(--border-common); --border-strong:var(--secondary); --border-focus:var(--primary); --border-danger:var(--red); --divider:var(--grey-blue-hover); --action-primary-bg:var(--primary); --action-primary-fg:var(--white); --action-warm-bg:var(--orange); --action-warm-fg:var(--white); --action-danger-bg:var(--red); --action-danger-fg:var(--white); --action-success-bg:var(--green); --action-success-fg:var(--white); --action-quiet-fg:var(--secondary); --status-success:var(--green); --status-warning:var(--orange); --status-danger:var(--red); --status-secure:var(--primary-dark); --text-11:10px; --text-12:12px; --text-13:13px; --text-14:14px; --text-15:15.2px; --text-16:16px; --text-18:18px; --text-20:20px; --text-22:22px; --text-24:24px; --text-26:26px; --text-28:28px; --text-30:30px; --text-32:32px; --text-34:34px; --text-40:40px; --text-50:50px; --weight-light:300; --weight-regular:400; --weight-medium:500; --weight-semibold:600; --weight-bold:700; --weight-extrabold:800; --weight-black:900; --leading-tight:1.25; --leading-snug:1.375; --leading-normal:1.5; --leading-relaxed:1.625; --tracking-wide:0.025em; --tracking-widest:0.1em; --tracking-brand:0.2em; --type-hero:var(--weight-extrabold) var(--text-50)/var(--leading-tight) var(--font-display); --type-page-title:var(--weight-extrabold) var(--text-32)/var(--leading-tight) var(--font-display); --type-section-title:var(--weight-extrabold) var(--text-40)/var(--leading-tight) var(--font-display); --type-card-title:var(--weight-bold) var(--text-20)/var(--leading-snug) var(--font-body); --type-row-title:var(--weight-semibold) var(--text-15)/var(--leading-snug) var(--font-body); --type-body:var(--weight-regular) var(--text-16)/var(--leading-relaxed) var(--font-body); --type-body-sm:var(--weight-regular) var(--text-14)/var(--leading-normal) var(--font-body); --type-meta:var(--weight-regular) var(--text-12)/var(--leading-normal) var(--font-body); --type-eyebrow:var(--weight-bold) var(--text-13)/var(--leading-normal) var(--font-body); --type-button:var(--weight-semibold) var(--text-14)/1 var(--font-body); --space-0-5:2px; --space-1:4px; --space-1-5:6px; --space-2:8px; --space-2-5:10px; --space-3:12px; --space-4:16px; --space-5:20px; --space-6:24px; --space-7:28px; --space-8:32px; --space-10:40px; --space-12:48px; --space-14:56px; --space-16:64px; --space-20:80px; --gap-inline:var(--space-2); --gap-stack:var(--space-3); --gap-card:var(--space-4); --gap-grid:var(--space-6); --gap-section:var(--space-12); --pad-card:var(--space-5); --pad-card-lg:var(--space-8); --pad-section-x:var(--space-6); --pad-section-x-lg:var(--space-14); --pad-section-y-lg:var(--space-20); --page-max:1440px; --page-max-wide:1600px; --sidebar-w:240px; --body-min:375px; --bp-xs:475px; --bp-ls:550px; --bp-sm:640px; --bp-md:768px; --bp-lg:1181px; --bp-xl:1280px; --bp-2xl:1537px; --bp-3xl:1636px; --control-h-button:50px; --control-h-button-sm:35px; --control-h-input:44px; --control-h-input-md:35px; --control-h-input-sm:30px; --hit-min:44px; --radius-4:4px; --radius-5:5px; --radius-6:6px; --radius-7:7px; --radius-8:8px; --radius-10:10px; --radius-12:12px; --radius-16:16px; --radius-20:20px; --radius-24:24px; --radius-pill:9999px; --radius-button:var(--radius-4); --radius-input:var(--radius-8); --radius-card:var(--radius-16); --radius-card-form:var(--radius-4); --radius-section:var(--radius-24); --radius-chip:var(--radius-pill); --radius-tab-top:var(--radius-16); --shadow-premium:0px 3px 30px 0px rgba(0,0,0,0.12); --shadow-premium-card:0px 3px 40px 0px rgba(0,0,0,0.08); --shadow-form-card:0px 3px 30px 0px rgba(0,0,0,0.10); --shadow-category:0px 10px 40px 0px rgba(0,0,0,0.07); --shadow-admin-count:0px 2px 4px 0px rgba(0,0,0,0.1),0px 1px 10px 0px rgba(0,0,0,0.05); --shadow-modal:0px 3px 100px 0px rgba(0,0,0,0.25); --shadow-button-hover:0px 2px 6px rgba(0,0,0,0.5); --shadow-chip-selected:0 4px 16px rgba(82,145,178,0.35); --shadow-switch-knob:0 0 2px 0 rgba(10,10,10,0.29); --gradient-auth:linear-gradient(to top,var(--primary-light-2),var(--white)); --gradient-hero:linear-gradient(to bottom right,var(--white),var(--grey-blue) 45%,var(--grey-blue)); --gradient-login-image-mobile:linear-gradient(180deg,rgba(255,255,255,0) 0%,rgba(255,255,255,0.9) 74.6%,#ffffff 100%); --gradient-member-navy:linear-gradient(to bottom,var(--member-navy-light),var(--member-navy-dark)); --gradient-member-purple:linear-gradient(to bottom,var(--member-purple-light),var(--member-purple-dark)); --gradient-member-blue:linear-gradient(to bottom,var(--member-blue-light),var(--member-blue-dark)); --gradient-member-amber:linear-gradient(to bottom,var(--member-amber-light),var(--member-amber-dark)); --gradient-member-red:linear-gradient(to bottom,var(--member-red-light),var(--member-red-dark)); --gradient-member-green:linear-gradient(to bottom,var(--member-green-light),var(--member-green-dark)); --gradient-member-violet:linear-gradient(to bottom,var(--member-violet-light),var(--member-violet-dark)); --duration-fast:150ms; --duration-control:200ms; --duration-modal:400ms; --duration-tooltip:150ms; --duration-brand-loop:840ms; --duration-brand-hop:1300ms; --ease-standard:ease; --ease-out:ease-out; --ease-in:ease-in; --ease-in-out:ease-in-out; --transition-control:all var(--duration-control) var(--ease-standard); --transition-fade:opacity var(--duration-fast) var(--ease-out); --ct-sticky-top: 0px; --ct-sbw: 0px; display: block; position: relative; box-sizing: border-box; width: calc(100vw - var(--ct-sbw)); max-width: none; margin: 0 0 0 calc(50% - (100vw - var(--ct-sbw)) / 2); padding: 0; border: 0; background: #ffffff; color: #222222; font-family: "Inter", system-ui, -apple-system, "Segoe UI", sans-serif; font-size: 16px; font-weight: 400; line-height: normal; letter-spacing: normal; text-align: left; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; overflow-x: clip; } #ct-lp#ct-lp[data-fullbleed="false"] { width: auto; margin: 0; } #ct-lp#ct-lp *, #ct-lp#ct-lp *::before, #ct-lp#ct-lp *::after { box-sizing: border-box; } #ct-lp#ct-lp :is(h1,h2,h3,h4,p,figure,blockquote,ul,ol) { margin: 0; } #ct-lp#ct-lp a { color: #3fabce; text-decoration: none; } #ct-lp#ct-lp a:hover { color: #1c7a99; text-decoration: underline; } #ct-lp#ct-lp button { font-family: inherit; } #ct-lp#ct-lp img { max-width: none; } #ct-lp#ct-lp #how-pin { top: var(--ct-sticky-top) !important; } /* design-system buttons, rendered as links so every CTA goes somewhere */ #ct-lp#ct-lp a.ct-btn, #ct-lp#ct-lp button.ct-btn { display: inline-flex; align-items: center; justify-content: center; box-sizing: border-box; text-decoration: none; white-space: nowrap; } #ct-lp#ct-lp a.ct-btn:hover, #ct-lp#ct-lp button.ct-btn:hover { text-decoration: none; filter: brightness(0.95); } #ct-lp#ct-lp a.ct-btn:focus-visible, #ct-lp#ct-lp button.ct-btn:focus-visible { outline: 2px solid #1c7a99; outline-offset: 2px; } #ct-lp#ct-lp input.ct-input:focus { border-color: #3fabce !important; } #ct-lp#ct-lp input::placeholder { color: #777e90; opacity: 1; } /* design */ #ct-lp#ct-lp [data-ct-mount]{margin:0;background:#ffffff;font-family:"Inter",system-ui,sans-serif;color:#222222;-webkit-font-smoothing:antialiased} #ct-lp#ct-lp h1,#ct-lp#ct-lp h2,#ct-lp#ct-lp h3,#ct-lp#ct-lp p{margin:0} #ct-lp#ct-lp a{color:#3fabce;text-decoration:none} #ct-lp#ct-lp a:hover{color:#1c7a99;text-decoration:underline} #ct-lp#ct-lp summary{list-style:none;cursor:pointer} #ct-lp#ct-lp summary::-webkit-details-marker{display:none} #ct-lp#ct-lp .ct-sec{padding:168px 56px} #ct-lp#ct-lp .ct-nav-links{display:flex} #ct-lp#ct-lp .ct-burger{display:none} @media (max-width:1180px){#ct-lp#ct-lp .ct-nav-links{display:none} #ct-lp#ct-lp .ct-burger{display:block}} #ct-lp#ct-lp .ct-burger>summary{display:flex;align-items:center;justify-content:center;height:42px;width:42px;border:1px solid #dadada;border-radius:4px;background:#ffffff;cursor:pointer} #ct-lp#ct-lp .ct-burger[open]>summary{background:#eef3f7} #ct-lp#ct-lp .ct-burger-menu{position:absolute;right:0;top:52px;display:flex;flex-direction:column;gap:2px;min-width:230px;border:1px solid #dadada;border-radius:8px;background:#ffffff;box-shadow:0 12px 40px rgba(0,0,0,0.14);padding:8px;z-index:60} #ct-lp#ct-lp .ct-burger-menu>a{display:block;border-radius:6px;padding:14px 16px;min-height:44px;box-sizing:border-box;font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:0.06em;color:#222222} #ct-lp#ct-lp .ct-burger-menu>a:hover{background:#eef3f7} #ct-lp#ct-lp .ct-bleed-r{margin-right:-56px} @media (max-width:1180px){#ct-lp#ct-lp .ct-bleed-r{margin-right:-24px}} @media (max-width:1180px){#ct-lp#ct-lp .ct-sec{padding:80px 24px !important}} @keyframes ctVidFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-6px)}} @keyframes ctVidDrift{0%,100%{transform:translate(0,0) scale(1)}50%{transform:translate(40px,-20px) scale(1.08)}} @keyframes ctRise{from{transform:translateY(32px)}to{transform:none}} @keyframes ctBar{from{width:0}} @keyframes ctPara{from{transform:translateY(36px) scale(.97)}to{transform:none}} @supports (animation-timeline:view()){@media (prefers-reduced-motion:no-preference){#ct-lp#ct-lp .ct-rise{animation:ctRise .7s linear both;animation-timeline:view();animation-range:entry 0% cover 22%} #ct-lp#ct-lp .ct-parallax{animation:ctPara .9s linear both;animation-timeline:view();animation-range:entry 0% cover 28%} #ct-lp#ct-lp .ct-parallax .ct-rise{animation:none} #ct-lp#ct-lp #ct-hero-shot{animation:ctPara 1s linear both;animation-timeline:view();animation-range:entry 0% cover 30%}}} #ct-lp#ct-lp .ct-rise.ct-in{animation:ctRise .45s cubic-bezier(.2,.6,.2,1) forwards} #ct-lp#ct-lp .ct-lift{transition:transform .2s,box-shadow .2s} #ct-lp#ct-lp .ct-step{transition:opacity .5s ease} @media (prefers-reduced-motion:reduce){#ct-lp#ct-lp .ct-step{opacity:1 !important;transition:none}} #ct-lp#ct-lp .ct-tab{position:relative;overflow:hidden;transition:transform .38s cubic-bezier(.2,.7,.2,1),box-shadow .38s cubic-bezier(.2,.7,.2,1),border-color .38s} #ct-lp#ct-lp .ct-tab::after{content:"";position:absolute;inset:0;background:radial-gradient(140px 90px at 12% 0%,var(--tabc,#3fabce),transparent 72%);opacity:0;pointer-events:none;transition:opacity .4s ease} #ct-lp#ct-lp .ct-tab>img{position:relative;z-index:1;transition:transform .38s cubic-bezier(.2,.7,.2,1)} #ct-lp#ct-lp .ct-tab>div{position:relative;z-index:1;transition:transform .38s cubic-bezier(.2,.7,.2,1)} #ct-lp#ct-lp .ct-tab:hover{transform:translateY(-6px);box-shadow:0 14px 34px rgba(28,56,78,0.16)} #ct-lp#ct-lp .ct-tab:hover::after{opacity:0.09} #ct-lp#ct-lp .ct-tab:hover>img{transform:scale(1.14) rotate(-4deg)} #ct-lp#ct-lp .ct-tab:hover>div{transform:translateX(3px)} @media (prefers-reduced-motion:reduce){#ct-lp#ct-lp .ct-tab,#ct-lp#ct-lp .ct-tab>img,#ct-lp#ct-lp .ct-tab>div,#ct-lp#ct-lp .ct-tab::after{transition:none} #ct-lp#ct-lp .ct-tab:hover{transform:none}} @keyframes ctTabIn{from{transform:translateY(30px) scale(.97)}to{transform:none}} @supports (animation-timeline:view()){@media (prefers-reduced-motion:no-preference){#ct-lp#ct-lp .ct-tab-in{animation:ctTabIn .9s linear both;animation-timeline:view();animation-range:entry 0% cover 26%} #ct-lp#ct-lp .ct-tab-in:nth-child(3n+2){animation-range:entry 0% cover 32%} #ct-lp#ct-lp .ct-tab-in:nth-child(3n){animation-range:entry 0% cover 38%}}} #ct-lp#ct-lp .ct-lift:hover{transform:translateY(-4px);box-shadow:0 8px 50px rgba(0,0,0,0.12)} #ct-lp#ct-lp #ct-nav{transition:box-shadow .2s} #ct-lp#ct-lp #ct-nav.ct-scrolled{box-shadow:0 3px 30px rgba(0,0,0,0.08)} #ct-lp#ct-lp summary{cursor:pointer;list-style:none} #ct-lp#ct-lp summary::-webkit-details-marker{display:none} #ct-lp#ct-lp summary img.ct-ico{transition:transform .2s} @supports selector(::details-content){#ct-lp#ct-lp details{interpolate-size:allow-keywords} #ct-lp#ct-lp details::details-content{block-size:0;overflow:hidden;opacity:0;transition:block-size .32s cubic-bezier(.2,.6,.2,1),opacity .24s ease,content-visibility .32s allow-discrete;transition-behavior:allow-discrete} #ct-lp#ct-lp details[open]::details-content{block-size:auto;opacity:1}} @media (prefers-reduced-motion:reduce){#ct-lp#ct-lp details::details-content{transition:none}} #ct-lp#ct-lp details[open] summary img.ct-ico{transform:rotate(180deg)} #ct-lp#ct-lp .ct-steprow{column-gap:20px;row-gap:18px} #ct-lp#ct-lp .ct-steprow .ct-av{height:56px;width:56px} @media (max-width:900px){#ct-lp#ct-lp .ct-steprow{column-gap:16px} #ct-lp#ct-lp .ct-steprow .ct-av{height:46px!important;width:46px!important;font-size:14px!important} #ct-lp#ct-lp .ct-steprow .ct-av img{width:16px!important;height:16px!important}} @keyframes ctTrustGlow{0%{background-position:0% 50%}50%{background-position:100% 50%}100%{background-position:0% 50%}} #ct-lp#ct-lp .ct-trust-glow{background:linear-gradient(120deg,#12202b,#17475a,#12202b);background-size:200% 200%;animation:ctTrustGlow 8s ease-in-out infinite} #ct-lp#ct-lp .ct-trust-glow span{text-shadow:none} #ct-lp#ct-lp .ct-trust-glow>span{color:#ffffff !important} @media (prefers-reduced-motion:reduce){#ct-lp#ct-lp .ct-rise.ct-in{animation:none} #ct-lp#ct-lp .ct-lift:hover{transform:none} #ct-lp#ct-lp .ct-hero-glow{animation:none !important} #ct-lp#ct-lp .ct-trust-glow{animation:none}} @keyframes ctGlow{0%{transform:translate(-56%,0) scale(1)}50%{transform:translate(-44%,-5%) scale(1.07)}100%{transform:translate(-56%,0) scale(1)}} @keyframes ctKeyPop{0%,100%{opacity:.3;transform:scale(0.8)}50%{opacity:1;transform:scale(1.15)}} @keyframes ctVaultPulse{0%,100%{box-shadow:0 0 0 0 rgba(63,171,206,0)}50%{box-shadow:0 0 0 10px rgba(63,171,206,0.18)}} @keyframes ctRing{0%{opacity:.55;transform:scale(1)}70%{opacity:0;transform:scale(1.9)}100%{opacity:0;transform:scale(1.9)}} #ct-lp#ct-lp .ct-seal-ring{position:absolute;inset:-1px;border-radius:14px;border:2px solid #3fabce;pointer-events:none;animation:ctRing 1.1s ease-out infinite} @media (prefers-reduced-motion:reduce){#ct-lp#ct-lp .ct-seal-ring{animation:none;opacity:0}} #ct-lp#ct-lp .ct-key1{animation:ctKeyPop 3.6s ease-in-out infinite} #ct-lp#ct-lp .ct-key2{animation:ctKeyPop 3.6s ease-in-out infinite;animation-delay:1.2s} #ct-lp#ct-lp .ct-key3{animation:ctKeyPop 3.6s ease-in-out infinite;animation-delay:2.4s} #ct-lp#ct-lp .ct-vault-pulse{animation:ctVaultPulse 3.6s ease-in-out infinite} @media (prefers-reduced-motion:reduce){#ct-lp#ct-lp .ct-key1,#ct-lp#ct-lp .ct-key2,#ct-lp#ct-lp .ct-key3,#ct-lp#ct-lp .ct-vault-pulse{animation:none;opacity:1}} #ct-lp#ct-lp .ct-hero-glow{position:absolute;left:50%;bottom:24px;width:640px;height:640px;border-radius:9999px;background:radial-gradient(circle,rgba(63,171,206,0.42) 0%,rgba(63,171,206,0.22) 42%,rgba(63,171,206,0.06) 66%,rgba(63,171,206,0) 78%);filter:blur(50px);z-index:0;pointer-events:none;transform:translate(-50%,0);animation:ctGlow 16s ease-in-out infinite} @media (max-width:900px){#ct-lp#ct-lp .ct-hero-glow{width:440px;height:440px}} #ct-lp#ct-lp .ct-shot-fit{zoom:0.92} @media (max-width:1560px){#ct-lp#ct-lp .ct-shot-fit{zoom:0.8}} @media (max-width:1400px){#ct-lp#ct-lp .ct-shot-fit{zoom:0.7}} @media (max-width:1180px){#ct-lp#ct-lp .ct-shot-fit{zoom:0.58}} @media (max-width:900px){#ct-lp#ct-lp .ct-shot-fit{zoom:0.44}} @media (max-width:700px){#ct-lp#ct-lp .ct-shot-fit{zoom:0.34}} #ct-lp#ct-lp .ct-grid-2{grid-template-columns:1fr 1fr} @media (max-width:900px){#ct-lp#ct-lp .ct-step{column-gap:20px !important} #ct-lp#ct-lp .ct-step-body{grid-template-columns:1fr !important;row-gap:28px}} #ct-lp#ct-lp .ct-grid-3{grid-template-columns:repeat(3,1fr)} @media (max-width:900px){#ct-lp#ct-lp .ct-hero-cards{grid-template-columns:1fr !important} #ct-lp#ct-lp .ct-grid-3{grid-template-columns:1fr !important} #ct-lp#ct-lp .ct-grid-2{grid-template-columns:1fr !important}} @media (max-width:760px){#ct-lp#ct-lp .ct-foot-row{flex-direction:column;align-items:flex-start !important;gap:16px !important}} @media (max-width:640px){#ct-lp#ct-lp .ct-hero-ctas{flex-direction:column;align-items:stretch !important;width:100%} #ct-lp#ct-lp .ct-hero-ctas>*{width:100%}} @media (max-width:520px){#ct-lp#ct-lp h1{font-size:36px !important} #ct-lp#ct-lp h2{font-size:32px !important}} @keyframes ctsd-blink{0%,49%{opacity:1}50%,100%{opacity:0}} #ct-lp#ct-lp .ct-dc-app{margin:0;font-family:"Inter",system-ui,sans-serif;color:#222222;-webkit-font-smoothing:antialiased} #ct-lp#ct-lp .ct-dc-app *{box-sizing:border-box} #ct-lp#ct-lp .ct-dc-app p,#ct-lp#ct-lp .ct-dc-app h1,#ct-lp#ct-lp .ct-dc-app h2{margin:0} @keyframes ctPulse{0%,100%{opacity:1}50%{opacity:0.35}} #ct-lp#ct-lp .ct-dc-app button{font-family:inherit;cursor:pointer} #ct-lp#ct-lp .ct-dc-app input{font-family:inherit} #ct-lp#ct-lp .ct-dc-app ::placeholder{color:#777e90} #ct-lp#ct-lp .ctx-m-0::before{content:'';position:absolute;top:-1px;right:-1px;width:0;height:0;border-style:solid;border-width:0 11px 11px 0;border-color:transparent #eef1f4 transparent transparent} #ct-lp#ct-lp .ctx-m-1::before{content:'';position:absolute;top:-1px;right:-1px;width:0;height:0;border-style:solid;border-width:0 11px 11px 0;border-color:transparent #eef1f4 transparent transparent} #ct-lp#ct-lp .ctx-m-2::before{content:'';position:absolute;top:-1px;right:-1px;width:0;height:0;border-style:solid;border-width:0 11px 11px 0;border-color:transparent #eef1f4 transparent transparent} #ct-lp#ct-lp .ctx-m-3::before{content:'';position:absolute;top:-1px;right:-1px;width:0;height:0;border-style:solid;border-width:0 11px 11px 0;border-color:transparent #eef1f4 transparent transparent} #ct-lp#ct-lp .ctx-a-0:hover{background:#eef3f7 !important} /* mobile fixes the design file didn't cover */ @media (max-width:900px){ #ct-lp#ct-lp #how .ct-steps > .ct-step:nth-child(2) { grid-template-columns:auto 1fr !important; column-gap:20px !important; row-gap:28px; } #ct-lp#ct-lp #how .ct-steps > .ct-step:nth-child(2) > :nth-child(1) { grid-column:1 / -1; grid-row:2; } #ct-lp#ct-lp #how .ct-steps > .ct-step:nth-child(2) > :nth-child(2) { grid-column:1; grid-row:1; } #ct-lp#ct-lp #how .ct-steps > .ct-step:nth-child(2) > :nth-child(3) { grid-column:2; grid-row:1; } #ct-lp#ct-lp #signup { flex-direction:column; gap:40px !important; } #ct-lp#ct-lp #signup > div { margin-left:0 !important; margin-right:0 !important; max-width:none !important; } #ct-lp#ct-lp #signup > div:last-child { width:100% !important; max-width:430px !important; } } @media (max-width:520px){ #ct-lp#ct-lp #signup > div:last-child { padding:24px !important; } } /* mobile fixes (Sept 2026): single-column grids must be able to shrink below their content's width, or cards overflow and clip on phones */ @media (max-width:900px){#ct-lp#ct-lp .ct-hero-cards,#ct-lp#ct-lp .ct-grid-2{grid-template-columns:minmax(0,1fr) !important}} #ct-lp#ct-lp .ct-grid-2>*,#ct-lp#ct-lp .ct-hero-cards>*{min-width:0} /* give the text-style checklist link a thumb-sized tap area on phones */ @media (max-width:640px){#ct-lp#ct-lp [data-cta="hero-checklist"]{padding:14px 16px !important;display:flex;justify-content:center}} /* phone layout (Sept 2026): tighter type and spacing, swipe rows for card groups, 2-up nine tabs. Cuts the page by about a third on phones */ @media (max-width:640px){ #ct-lp#ct-lp .ct-sec{padding:52px 20px !important;gap:28px !important} #ct-lp#ct-lp h1{font-size:32px !important;line-height:1.08 !important} #ct-lp#ct-lp h1+p{font-size:16px !important} #ct-lp#ct-lp .ct-sec h2{font-size:28px !important;line-height:1.15 !important} #ct-lp#ct-lp .ct-sec h3{font-size:19px !important;line-height:1.25 !important} #ct-lp#ct-lp .ct-sec p:not(.ct-shot-fit p),#ct-lp#ct-lp .ct-sec summary{font-size:15px !important;line-height:1.55 !important} #ct-lp#ct-lp .ct-sec span[style*="font-size:16px"],#ct-lp#ct-lp .ct-sec span[style*="font-size: 16px"]{font-size:14px !important} #ct-lp#ct-lp .ct-sec details>div{padding:16px 20px !important;font-size:14px !important} #ct-lp#ct-lp .ct-sec summary{padding:16px 20px !important} #ct-lp#ct-lp .ct-lift,#ct-lp#ct-lp #security .ct-rise[style*="padding"]{padding:24px 20px !important;gap:12px !important} #ct-lp#ct-lp #stories .ct-grid-3{display:flex !important;overflow-x:auto;scroll-snap-type:x mandatory;gap:12px !important;margin:0 -20px;padding:4px 20px 12px;scrollbar-width:none;-webkit-overflow-scrolling:touch} #ct-lp#ct-lp #stories .ct-grid-3::-webkit-scrollbar{display:none} #ct-lp#ct-lp #stories .ct-grid-3>*{flex:0 0 82%;scroll-snap-align:center;min-width:0} #ct-lp#ct-lp .ct-sec:has(.ct-tab-in) .ct-grid-3{grid-template-columns:1fr 1fr !important;gap:10px !important} #ct-lp#ct-lp .ct-tab-in>*{padding:14px 12px !important} #ct-lp#ct-lp #pricing .ct-grid-3{gap:14px !important} #ct-lp#ct-lp #pricing .ct-grid-3>*{padding:22px 20px !important;gap:16px !important} #ct-lp#ct-lp #pricing .ct-grid-3>*>div>span:first-child[style*="height:44px"],#ct-lp#ct-lp #pricing .ct-grid-3>*>div>span:first-child[style*="height: 44px"]{display:none !important} } /* phone: the three trust badges sit in one row, icon over label */ @media (max-width:640px){ #ct-lp#ct-lp .ct-trustrow{flex-wrap:nowrap !important;align-items:flex-start !important;gap:8px !important;margin:0 -8px -40px !important;padding:12px 0 28px !important} #ct-lp#ct-lp .ct-trustrow>span{flex:1 1 0;flex-direction:column !important;gap:6px !important;font-size:12px !important;line-height:1.3;text-align:center} #ct-lp#ct-lp .ct-trustrow>span>span{height:30px !important;width:30px !important} } /* nine tabs: expandable details (all screens) */ #ct-lp#ct-lp .ct-tab{cursor:pointer;user-select:none} #ct-lp#ct-lp .ct-tab-more{display:block;max-height:0;opacity:0;overflow:hidden;margin-top:0;font-size:14px;line-height:1.55;color:#353945;transition:max-height .35s ease,opacity .3s ease,margin .3s ease} #ct-lp#ct-lp .ct-tab.ct-open .ct-tab-more{max-height:260px;opacity:1;margin-top:8px} #ct-lp#ct-lp .ct-tab-chev{position:absolute;top:22px;right:18px;width:9px;height:9px;border-right:2px solid #777e90;border-bottom:2px solid #777e90;transform:rotate(45deg);transition:transform .3s ease;z-index:2} #ct-lp#ct-lp .ct-tab.ct-open .ct-tab-chev{transform:rotate(-135deg);top:26px} #ct-lp#ct-lp .ct-tab:focus-visible{outline:2px solid #1c7a99;outline-offset:2px} #ct-lp#ct-lp .ct-tab>div{padding-right:18px} /* phone: one compact list, names only until tapped */ @media (max-width:640px){ #ct-lp#ct-lp .ct-sec:has(.ct-tab-in) .ct-grid-3{grid-template-columns:1fr !important;gap:8px !important} #ct-lp#ct-lp .ct-tab-in>.ct-tab{padding:14px 16px !important;align-items:center !important;border-radius:12px !important} #ct-lp#ct-lp .ct-tab-in>.ct-tab:hover{transform:none} #ct-lp#ct-lp .ct-tab>div>span:nth-child(2){display:none} #ct-lp#ct-lp .ct-tab>div>span:first-child{font-size:16px !important} #ct-lp#ct-lp .ct-tab.ct-open{align-items:flex-start !important} #ct-lp#ct-lp .ct-tab-chev{top:50%;margin-top:-7px} #ct-lp#ct-lp .ct-tab.ct-open .ct-tab-chev{top:24px;margin-top:0} } /* feature cards, security cards and plan details: headline first, details open on click/tap (all screens) */ #ct-lp#ct-lp #product .ct-grid-3>.ct-rise[style],#ct-lp#ct-lp #security .ct-grid-3>.ct-rise[style]{position:relative;display:grid !important;grid-template-columns:32px 1fr;align-items:center;column-gap:12px !important;row-gap:0 !important;padding:14px 44px 14px 16px !important;border-radius:12px !important;cursor:pointer;-webkit-tap-highlight-color:transparent} #ct-lp#ct-lp #product .ct-grid-3>*>:first-child{height:32px !important;width:32px !important;border-radius:9px !important} #ct-lp#ct-lp #product .ct-grid-3>*>:first-child img{width:17px !important;height:17px !important} #ct-lp#ct-lp #security .ct-grid-3>*>img{width:22px !important;height:22px !important} #ct-lp#ct-lp #product .ct-grid-3>*>:nth-child(2),#ct-lp#ct-lp #security .ct-grid-3>*>:nth-child(2){font-size:16px !important;line-height:1.3 !important;margin:0 !important} #ct-lp#ct-lp #product .ct-grid-3>*>:nth-child(3),#ct-lp#ct-lp #security .ct-grid-3>*>:nth-child(3){grid-column:1 / -1;max-height:0;opacity:0;overflow:hidden;margin:0 !important;font-size:14px !important;line-height:1.55 !important;transition:max-height .35s ease,opacity .3s ease,margin .3s ease} #ct-lp#ct-lp #product .ct-grid-3>.ct-open>:nth-child(3),#ct-lp#ct-lp #security .ct-grid-3>.ct-open>:nth-child(3){max-height:300px;opacity:1;margin-top:10px !important} #ct-lp#ct-lp #product .ct-grid-3>*::after,#ct-lp#ct-lp #security .ct-grid-3>*::after{content:"";position:absolute;right:20px;top:24px;width:8px;height:8px;border-right:2px solid #777e90;border-bottom:2px solid #777e90;transform:rotate(45deg);transition:transform .3s ease} #ct-lp#ct-lp #security .ct-grid-3>*::after{border-color:rgba(255,255,255,0.6)} #ct-lp#ct-lp #product .ct-grid-3>.ct-open::after,#ct-lp#ct-lp #security .ct-grid-3>.ct-open::after{transform:rotate(-135deg);top:28px} /* pricing: price and button stay visible, the feature list opens on tap */ #ct-lp#ct-lp #pricing .ct-grid-3>*>div:has(>span:nth-child(2)>img.ct-ico){position:relative;cursor:pointer;gap:10px !important} #ct-lp#ct-lp #pricing .ct-grid-3>*>div:has(>span:nth-child(2)>img.ct-ico)::before{content:"See what's included";display:block;font-size:14px;font-weight:600;color:#1a6b85;padding-right:20px} #ct-lp#ct-lp #pricing .ct-grid-3>*>div:has(>span:nth-child(2)>img.ct-ico)::after{content:"";position:absolute;right:4px;top:4px;width:8px;height:8px;border-right:2px solid #1a6b85;border-bottom:2px solid #1a6b85;transform:rotate(45deg);transition:transform .3s ease} #ct-lp#ct-lp #pricing .ct-grid-3>*>div:has(>span:nth-child(2)>img.ct-ico)>span{display:none !important} #ct-lp#ct-lp #pricing .ct-grid-3>*>div:has(>span:nth-child(2)>img.ct-ico).ct-open>span{display:flex !important} #ct-lp#ct-lp #pricing .ct-grid-3>*>div:has(>span:nth-child(2)>img.ct-ico).ct-open::before{content:"What's included"} #ct-lp#ct-lp #pricing .ct-grid-3>*>div:has(>span:nth-child(2)>img.ct-ico).ct-open::after{transform:rotate(-135deg);top:8px #ct-lp#ct-lp #product .ct-grid-3,#ct-lp#ct-lp #security .ct-grid-3{align-items:start !important} #ct-lp#ct-lp #pricing .ct-grid-3{align-items:start !important} @media (min-width:641px){ #ct-lp#ct-lp #product .ct-grid-3>.ct-rise[style],#ct-lp#ct-lp #security .ct-grid-3>.ct-rise[style]{padding:22px 48px 22px 22px !important;grid-template-columns:40px 1fr;column-gap:14px !important;border-radius:14px !important} #ct-lp#ct-lp #product .ct-grid-3>*>:first-child{height:40px !important;width:40px !important} #ct-lp#ct-lp #product .ct-grid-3>*>:nth-child(2),#ct-lp#ct-lp #security .ct-grid-3>*>:nth-child(2){font-size:18px !important} #ct-lp#ct-lp #product .ct-grid-3>*>:nth-child(3),#ct-lp#ct-lp #security .ct-grid-3>*>:nth-child(3){font-size:15px !important} #ct-lp#ct-lp #product .ct-grid-3>*::after,#ct-lp#ct-lp #security .ct-grid-3>*::after{top:32px} #ct-lp#ct-lp #product .ct-grid-3>.ct-open::after,#ct-lp#ct-lp #security .ct-grid-3>.ct-open::after{top:36px} #ct-lp#ct-lp #product .ct-grid-3>.ct-rise[style]:hover,#ct-lp#ct-lp #security .ct-grid-3>.ct-rise[style]:hover{box-shadow:0 8px 24px rgba(28,56,78,0.10)} } @media (max-width:640px){ #ct-lp#ct-lp #product .ct-grid-3,#ct-lp#ct-lp #security .ct-grid-3{grid-template-columns:1fr !important;gap:8px !important} } } /* phone: the "You keep $…" chip hangs below its row with position:absolute; with the tighter card spacing it overlapped "See what's included", so put it back in the flow */ @media (max-width:640px){ #ct-lp#ct-lp #pricing .ct-grid-3 div:has(>span[style*="top:100%"]),#ct-lp#ct-lp #pricing .ct-grid-3 div:has(>span[style*="top: 100%"]){flex-wrap:wrap !important;gap:6px;margin-bottom:0 !important} #ct-lp#ct-lp #pricing .ct-grid-3 span[style*="top:100%"],#ct-lp#ct-lp #pricing .ct-grid-3 span[style*="top: 100%"]{position:static !important;margin-top:0 !important} } /* phone: a little more breathing room inside and between the plan cards */ @media (max-width:640px){ #ct-lp#ct-lp #pricing .ct-grid-3{gap:20px !important} #ct-lp#ct-lp #pricing .ct-grid-3>*{padding:28px 22px !important;gap:22px !important} #ct-lp#ct-lp #pricing .ct-grid-3>*>div:has(>span:nth-child(2)>img.ct-ico){padding-block:4px} } /* closed cards keep their own height when a neighbour in the same row opens */ #ct-lp#ct-lp #product .ct-grid-3>.ct-rise[style],#ct-lp#ct-lp #security .ct-grid-3>.ct-rise[style]{align-self:start !important;align-content:start !important;height:auto !important}