:root {
  --m-ink: #152435;
  --m-muted: #647386;
  --m-navy: #17324d;
  --m-navy-2: #204968;
  --m-blue: #dceffc;
  --m-blue-strong: #5598c2;
  --m-pink: #f8e3ea;
  --m-pink-strong: #bd728d;
  --m-teal: #1a8376;
  --m-teal-soft: #dff5f1;
  --m-paper: #fff;
  --m-canvas: #f7f9fb;
  --m-line: #dce4eb;
  --m-shadow: 0 28px 80px rgba(24, 50, 76, .13);
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; font-size: 16px; }
body { margin: 0; color: var(--m-ink); font-family: Inter, ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; line-height: 1.55; text-rendering: optimizeLegibility; }
a { color: inherit; }
button { font: inherit; }
.marketing-body { background: var(--m-canvas); overflow-x: hidden; }
.marketing-container { width: calc(100% - 40px); max-width: 1180px; margin-inline: auto; }
.sr-only { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0,0,0,0); }
.page-loader { position: fixed; z-index: 1000; inset: 0; display: grid; place-items: center; background: var(--m-canvas); opacity: 1; visibility: visible; transition: opacity .35s ease, visibility .35s ease; }
.no-js .page-loader { display: none; }
.page-ready .page-loader { opacity: 0; visibility: hidden; pointer-events: none; }
.loader-mark { width: 64px; height: 45px; display: grid; grid-template-columns: 1fr 1fr; gap: 4px; animation: loader-pulse .9s ease-in-out infinite alternate; }
.loader-mark i { border-radius: 16px 4px 4px 16px; background: var(--m-blue-strong); }.loader-mark i:last-child { border-radius: 4px 16px 16px 4px; background: var(--m-pink-strong); }
@keyframes loader-pulse { to { transform: translateY(-6px); filter: saturate(1.25); } }

.site-header { position: relative; z-index: 30; border-bottom: 1px solid rgba(23,50,77,.08); background: rgba(247,249,251,.84); backdrop-filter: blur(18px); }
.header-inner { min-height: 82px; display: flex; align-items: center; justify-content: space-between; gap: 24px; }
.marketing-brand { display: inline-flex; align-items: center; gap: 10px; color: var(--m-navy); font-size: 1.22rem; text-decoration: none; letter-spacing: -.04em; }
.marketing-brand strong { font-weight: 800; }
.marketing-mark { position: relative; width: 42px; height: 34px; display: grid; grid-template-columns: 1fr 1fr; gap: 3px; }
.marketing-mark i { display: block; border-radius: 10px 3px 3px 10px; background: var(--m-blue-strong); transform: skewY(-7deg); }.marketing-mark i:nth-child(2){ border-radius: 3px 10px 10px 3px; background: var(--m-pink-strong); transform: skewY(7deg); }.marketing-mark b { position: absolute; left: 50%; top: 50%; width: 8px; height: 8px; border-radius: 50%; background: var(--m-teal); transform: translate(-50%,-50%); border: 2px solid #fff; }
.site-header nav { display: flex; align-items: center; gap: 28px; }
.site-header nav a { color: #43566a; font-size: .9rem; font-weight: 650; text-decoration: none; }
.site-header nav a:hover { color: var(--m-navy); }
.site-header .nav-login { padding: 10px 17px; border: 1px solid var(--m-navy); border-radius: 999px; color: var(--m-navy); }
.site-header .nav-subscribe { color: var(--m-teal); font-weight: 850; }
.menu-toggle { display: none; width: 44px; height: 44px; border: 0; border-radius: 12px; background: transparent; }
.menu-toggle > span:not(.sr-only) { width: 22px; height: 2px; display: block; margin: 4px auto; background: var(--m-navy); }

.hero { min-height: 760px; padding-block: 72px 90px; display: grid; grid-template-columns: minmax(0,.88fr) minmax(0,1.12fr); align-items: center; gap: clamp(42px, 7vw, 90px); }
.hero > *,.hero-copy { min-width: 0; }
.prelaunch-pill { display: inline-flex; align-items: center; gap: 8px; padding: 8px 12px; border-radius: 999px; background: var(--m-teal-soft); color: #176f65; font-size: .76rem; font-weight: 800; letter-spacing: .025em; }
.prelaunch-pill i { width: 7px; height: 7px; border-radius: 50%; background: var(--m-teal); box-shadow: 0 0 0 5px rgba(26,131,118,.10); }
.hero h1 { margin: 28px 0 24px; font: 720 clamp(3.6rem, 6.7vw, 6.6rem)/.92 Georgia, "Times New Roman", serif; letter-spacing: -.065em; color: var(--m-navy); }
.hero h1 em { color: var(--m-pink-strong); font-style: normal; }
.hero-copy > p { max-width: 590px; margin: 0; color: var(--m-muted); font-size: 1.13rem; }
.hero-actions { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 32px; }
.marketing-button { min-height: 50px; padding: 0 22px; border: 1px solid transparent; border-radius: 999px; display: inline-flex; align-items: center; justify-content: center; font-weight: 800; font-size: .9rem; text-decoration: none; transition: transform .2s ease, box-shadow .2s ease, background .2s ease; }
.marketing-button:hover { transform: translateY(-2px); }
.marketing-button.primary { background: var(--m-navy); color: #fff; box-shadow: 0 12px 28px rgba(23,50,77,.18); }
.marketing-button.secondary { border-color: var(--m-line); background: rgba(255,255,255,.7); color: var(--m-navy); }
.marketing-button.light { background: #fff; color: var(--m-navy); }
.hero-notes { display: flex; flex-wrap: wrap; gap: 16px; margin-top: 24px; color: #566a7f; font-size: .73rem; font-weight: 700; }
.product-stage { position: relative; min-width: 0; perspective: 1200px; }
.stage-glow { position: absolute; inset: 6% 0 -12%; z-index: -1; border-radius: 50%; background: radial-gradient(circle, rgba(101,173,212,.25), transparent 58%); filter: blur(25px); }
.browser-frame { border: 1px solid rgba(23,50,77,.12); border-radius: 22px; overflow: hidden; background: #fff; box-shadow: var(--m-shadow); transform: rotateY(-4deg) rotateX(2deg); transform-origin: left center; }
.browser-top { height: 42px; padding: 0 15px; display: flex; align-items: center; gap: 6px; border-bottom: 1px solid #e6ebf0; background: #f7f9fb; }
.browser-top > span { width: 8px; height: 8px; border-radius: 50%; background: #d9e0e7; }.browser-top small { margin-left: 12px; color: #5c6f82; font-size: .61rem; }
.preview-layout { min-height: 430px; display: grid; grid-template-columns: 80px 1fr; }
.preview-layout aside { padding: 19px 14px; background: var(--m-navy); }
.preview-logo { width: 36px; height: 25px; margin: 0 auto 40px; border-radius: 8px; background: linear-gradient(90deg,var(--m-blue-strong) 0 47%,transparent 47% 53%,var(--m-pink-strong) 53%); }
.preview-layout aside i { width: 34px; height: 7px; display: block; margin: 0 auto 18px; border-radius: 999px; background: rgba(255,255,255,.2); }.preview-layout aside i:first-of-type { background: rgba(255,255,255,.7); }
.preview-main { padding: 26px; background: #f6f8fa; }
.preview-head { display: flex; align-items: center; justify-content: space-between; }
.preview-head small,.preview-head strong { display: block; }.preview-head small { color: var(--m-teal); font-size: .48rem; font-weight: 900; letter-spacing: .09em; }.preview-head strong { margin-top: 5px; font: 700 1.4rem Georgia, serif; }.preview-head > span { width: 30px; height: 30px; border-radius: 50%; display: grid; place-items: center; background: #e4edf5; color: var(--m-navy); font-size: .7rem; font-weight: 900; }
.preview-cards { display: grid; grid-template-columns: 1.15fr .85fr; gap: 12px; margin-top: 23px; }
.custody-preview,.med-preview { min-height: 205px; padding: 20px; border-radius: 16px; box-shadow: 0 8px 22px rgba(24,50,76,.07); }
.custody-preview { background: linear-gradient(135deg,#d9eefb,#bbdced); }.custody-preview > small,.med-preview > small { font-size: .47rem; letter-spacing: .12em; font-weight: 900; }.custody-preview p { margin: 35px 0 0; color: #537086; font-size: .58rem; }.custody-preview > strong { display: block; font: 700 1.55rem Georgia,serif; }.custody-preview > div { display: grid; grid-template-columns: 1fr 1fr; gap: 6px; margin-top: 24px; }.custody-preview > div span { padding: 7px; border-radius: 7px; background: rgba(255,255,255,.55); color: #708291; font-size: .45rem; }.custody-preview b { color: var(--m-ink); font-size: .53rem; }
.med-preview { background: #fff; }.med-preview > strong { display: block; margin-top: 16px; font-size: 1rem; }.med-preview p { color: var(--m-muted); font-size: .52rem; }.med-preview span { display: block; margin-top: 37px; padding: 9px; border-left: 3px solid var(--m-teal); background: #f1f8f6; color: #55746f; font-size: .48rem; }
.preview-week { display: grid; grid-template-columns: repeat(7,1fr); gap: 6px; margin-top: 15px; }.preview-week > span { min-height: 68px; padding: 7px; border-radius: 8px; background: #fff; text-align: center; }.preview-week small,.preview-week b { display: block; }.preview-week small { color: #84909c; font-size: .44rem; }.preview-week b { margin: 3px 0 9px; font-size: .65rem; }.preview-week i { height: 5px; display: block; border-radius: 5px; background: var(--m-blue); }.preview-week i.p { background: var(--m-pink); }.preview-week i.m { background: linear-gradient(90deg,var(--m-blue) 50%,var(--m-pink) 50%); }
.floating-note { position: absolute; padding: 12px 15px; display: flex; align-items: center; gap: 10px; border: 1px solid rgba(23,50,77,.1); border-radius: 13px; background: rgba(255,255,255,.94); box-shadow: 0 18px 40px rgba(23,50,77,.16); animation: float 4.2s ease-in-out infinite; }.floating-note > span { width: 30px; height: 30px; display: grid; place-items: center; border-radius: 50%; background: var(--m-teal-soft); color: var(--m-teal); font-weight: 900; }.floating-note small,.floating-note strong { display: block; }.floating-note small { color: var(--m-muted); font-size: .55rem; }.floating-note strong { font-size: .7rem; }.note-health { left: -35px; bottom: 42px; }.note-calendar { right: -24px; top: 72px; animation-delay: -2s; }.note-calendar > span { background: #fff0d7; color: #a46d17; }
@keyframes float { 50% { transform: translateY(-8px); } }

.trust-band { padding: 22px 0; border-block: 1px solid var(--m-line); background: #fff; }.trust-band > div { display: flex; align-items: center; justify-content: center; flex-wrap: wrap; gap: 16px; color: #566a7f; font-size: .76rem; font-weight: 650; }.trust-band p { margin: 0; color: var(--m-navy); font-weight: 850; }.trust-band i { width: 3px; height: 3px; border-radius: 50%; background: #aab5c0; }
.section-space { padding-block: 118px; }
.section-intro { max-width: 690px; }.section-intro.centered { margin: 0 auto 55px; text-align: center; }.section-number { display: inline-grid; width: 34px; height: 34px; place-items: center; border: 1px solid var(--m-line); border-radius: 50%; color: var(--m-muted); font-size: .68rem; font-weight: 900; }.marketing-eyebrow { margin: 18px 0 10px; color: var(--m-teal); font-size: .72rem; font-weight: 900; letter-spacing: .13em; text-transform: uppercase; }.section-intro h2,.security-copy h2,.apps-section h2,.final-cta h2,.legal-page h1,.not-found h1 { margin: 0; font: 700 clamp(2.3rem,4.7vw,4.4rem)/1.04 Georgia,"Times New Roman",serif; letter-spacing: -.05em; color: var(--m-navy); }.section-intro > p:not(.marketing-eyebrow) { color: var(--m-muted); }
.problem-grid { display: grid; grid-template-columns: repeat(2,1fr); gap: 1px; margin-top: 62px; overflow: hidden; border: 1px solid var(--m-line); border-radius: 24px; background: var(--m-line); }.problem-grid article { min-height: 250px; padding: 35px; background: #fff; }.problem-grid article > span { color: var(--m-pink-strong); font: 700 1rem Georgia,serif; }.problem-grid h3 { margin: 40px 0 10px; font-size: 1.3rem; }.problem-grid p { max-width: 440px; margin: 0; color: var(--m-muted); }
.how-section { background: var(--m-navy); color: #fff; }.section-intro.light h2 { color: #fff; }.section-intro.light .marketing-eyebrow { color: #89d4c8; }.section-intro.light .section-number { border-color: rgba(255,255,255,.2); color: #bbcad7; }.steps-grid { display: grid; grid-template-columns: repeat(4,1fr); gap: 1px; margin-top: 65px; background: rgba(255,255,255,.15); }.steps-grid article { min-height: 275px; padding: 30px 25px; background: var(--m-navy); }.steps-grid b { width: 40px; height: 40px; display: grid; place-items: center; border-radius: 50%; background: rgba(255,255,255,.1); color: #a8ddd5; }.steps-grid h3 { margin: 62px 0 10px; font-size: 1.1rem; }.steps-grid p { margin: 0; color: #b9c9d7; font-size: .88rem; }
.feature-showcase { display: grid; grid-template-columns: 1.15fr .85fr; gap: 18px; }.feature-large { grid-row: span 2; min-height: 610px; padding: 38px; border-radius: 25px; background: linear-gradient(160deg,#eef7fc,#d9edf8); }.feature-tile { min-height: 295px; padding: 32px; border: 1px solid var(--m-line); border-radius: 25px; background: #fff; }.feature-showcase article > span:not(.feature-icon) { display: block; margin-top: 24px; color: var(--m-teal); font-size: .7rem; font-weight: 900; text-transform: uppercase; letter-spacing: .1em; }.feature-showcase h3 { margin: 10px 0 10px; font: 700 1.65rem/1.15 Georgia,serif; color: var(--m-navy); }.feature-showcase p { color: var(--m-muted); }.feature-icon { width: 46px; height: 46px; display: grid; place-items: center; border-radius: 14px; background: #fff; color: var(--m-blue-strong); box-shadow: 0 9px 25px rgba(33,75,106,.08); font-size: 1.2rem; }.feature-icon.health { background: var(--m-teal-soft); color: var(--m-teal); }.feature-icon.message { background: #fff2d8; color: #a97013; }.feature-icon.docs { background: #edf0f7; color: var(--m-navy); }.feature-icon.handoff { background: var(--m-pink); color: var(--m-pink-strong); }
.mini-calendar { margin-top: 50px; padding: 18px; border-radius: 18px; background: rgba(255,255,255,.83); box-shadow: 0 14px 40px rgba(45,103,139,.1); }.mini-calendar header { display: flex; justify-content: space-between; align-items: center; margin-bottom: 14px; }.mini-calendar header small { color: var(--m-muted); font-size: .6rem; }.mini-calendar > div { display: grid; grid-template-columns: repeat(7,1fr); gap: 5px; }.mini-calendar > div span { aspect-ratio: 1; display: grid; place-items: center; border-radius: 7px; background: var(--m-blue); font-size: .64rem; font-weight: 800; }.mini-calendar > div .pinkish { background: var(--m-pink); }.mini-calendar > div .split { background: linear-gradient(135deg,var(--m-blue) 50%,var(--m-pink) 50%); }
.audience-section { background: #eef2f5; }.audience-grid { display: grid; grid-template-columns: .85fr 1.15fr; gap: 90px; align-items: start; }.audience-list { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; }.audience-list span { min-height: 76px; padding: 18px; display: flex; align-items: center; border: 1px solid #d8e0e6; border-radius: 15px; background: rgba(255,255,255,.7); color: #445669; font-weight: 700; }
.security-section { margin-block: 118px; padding: 65px; display: grid; grid-template-columns: 1.15fr .85fr; gap: 80px; border-radius: 30px; background: var(--m-navy); color: #fff; }.security-copy h2 { color: #fff; }.security-copy > p:not(.marketing-eyebrow) { color: #c1d0dc; }.security-copy ul { margin: 28px 0 30px; padding: 0; display: grid; gap: 11px; list-style: none; }.security-copy li::before { content: "✓"; margin-right: 10px; color: #8dd6ca; font-weight: 900; }.security-panel { padding: 34px; display: grid; align-content: start; gap: 12px; border: 1px solid rgba(255,255,255,.12); border-radius: 22px; background: rgba(255,255,255,.06); }.shield-mark { position: relative; width: 70px; height: 76px; margin-bottom: 10px; display: grid; place-items: center; color: #8dd6ca; font-size: 4.7rem; line-height: 1; }.shield-mark i { position: absolute; font: 800 1rem sans-serif; }.security-panel > strong { font-size: 1.15rem; }.security-panel > span { padding: 9px 0; border-bottom: 1px solid rgba(255,255,255,.1); color: #c6d4df; }.security-panel > small { margin-top: 15px; color: #9fb3c2; }
.pricing-section { background: #fff; }.pricing-card { width: min(100%,800px); margin: 0 auto; padding: 45px; display: grid; grid-template-columns: .8fr 1.2fr; gap: 32px 60px; border: 1px solid var(--m-line); border-radius: 28px; box-shadow: var(--m-shadow); }.pricing-card > div p { margin: 22px 0 6px; font-size: 1.1rem; font-weight: 800; }.pricing-card > div > strong { display: block; font: 700 3.1rem Georgia,serif; color: var(--m-navy); }.pricing-card > div > strong small { font-size: 1rem; }.pricing-card > div > strong em { font: 500 .8rem sans-serif; color: var(--m-muted); }.pricing-card > div > span:last-child { color: var(--m-muted); font-size: .82rem; }.price-badge { padding: 6px 10px; border-radius: 999px; background: var(--m-teal-soft); color: var(--m-teal); font-size: .66rem; font-weight: 900; text-transform: uppercase; }.pricing-card ul { margin: 0; padding: 0; display: grid; gap: 10px; list-style: none; }.pricing-card li::before { content: "✓"; margin-right: 8px; color: var(--m-teal); font-weight: 900; }.pricing-card > .marketing-button { grid-column: 1/-1; }.pricing-card > small { grid-column: 1/-1; color: var(--m-muted); text-align: center; }
.apps-section { margin-block: 118px; padding: 70px; display: grid; grid-template-columns: 1fr 370px; align-items: center; gap: 70px; overflow: hidden; border-radius: 30px; background: linear-gradient(135deg,#e4f3fb,#f8e6ed); }.apps-section > div > p:not(.marketing-eyebrow) { max-width: 620px; color: var(--m-muted); }.coming-badges { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 25px; }.coming-badges span { padding: 10px 14px; border-radius: 12px; background: rgba(255,255,255,.68); font-weight: 800; }.coming-badges small { display: block; color: var(--m-muted); font-weight: 500; }.phone-stage { position: relative; display: grid; place-items: center; }.phone-stage::before { content: ""; position: absolute; width: 440px; height: 440px; border-radius: 50%; background: rgba(255,255,255,.45); }.phone { position: relative; width: 250px; padding: 10px; border: 7px solid var(--m-navy); border-radius: 40px; background: #fff; box-shadow: 0 25px 55px rgba(23,50,77,.2); transform: rotate(5deg); }.phone > i { position: absolute; z-index: 2; top: 13px; left: 50%; width: 76px; height: 20px; border-radius: 12px; background: var(--m-navy); transform: translateX(-50%); }.phone-screen { min-height: 455px; padding: 55px 18px 20px; border-radius: 27px; background: #f7f9fb; }.phone-screen small,.phone-screen b,.phone-screen span,.phone-screen strong,.phone-screen em { display: block; }.phone-screen small { color: var(--m-teal); font-size: .65rem; font-weight: 900; }.phone-screen b { margin: 10px 0 28px; font: 700 1.45rem Georgia,serif; }.phone-screen span { color: var(--m-muted); font-size: .72rem; }.phone-screen strong { margin-top: 4px; padding: 12px; border-radius: 10px; background: var(--m-pink); }.phone-screen hr { margin: 28px 0; border: 0; border-top: 1px solid var(--m-line); }.phone-screen em { color: var(--m-teal); font-size: .63rem; font-style: normal; font-weight: 900; text-transform: uppercase; }.phone-screen p { font-size: .8rem; }.phone-screen button { width: 100%; min-height: 40px; border: 0; border-radius: 10px; background: var(--m-navy); color: #fff; font-weight: 800; }
.faq-section { display: grid; grid-template-columns: .75fr 1.25fr; gap: 80px; }.faq-list details { border-top: 1px solid var(--m-line); }.faq-list details:last-child { border-bottom: 1px solid var(--m-line); }.faq-list summary { padding: 24px 35px 24px 0; position: relative; cursor: pointer; font-weight: 800; list-style: none; }.faq-list summary::-webkit-details-marker { display: none; }.faq-list summary::after { content: "+"; position: absolute; right: 4px; color: var(--m-teal); font-size: 1.4rem; }.faq-list details[open] summary::after { content: "−"; }.faq-list details p { margin: -6px 35px 25px 0; color: var(--m-muted); }
.final-cta { padding-block: 105px; background: var(--m-pink-strong); color: #fff; text-align: center; }.final-cta .marketing-eyebrow { color: #fff; opacity: .8; }.final-cta h2 { color: #fff; }.final-cta p:not(.marketing-eyebrow) { max-width: 650px; margin: 20px auto 30px; color: #fff1f5; }
.site-footer { padding: 70px 0 25px; background: #10283f; color: #fff; }.site-footer .marketing-brand { color: #fff; }.footer-grid { display: grid; grid-template-columns: 1.6fr repeat(3,1fr); gap: 45px; }.footer-grid > div { display: grid; align-content: start; gap: 9px; }.footer-grid p,.footer-grid a,.footer-grid span { margin: 0; color: #aebfce; font-size: .8rem; text-decoration: none; }.footer-grid strong { font-size: .78rem; }.footer-bottom { margin-top: 50px; padding-top: 20px; display: flex; justify-content: space-between; gap: 20px; border-top: 1px solid rgba(255,255,255,.1); color: #849bac; font-size: .7rem; }

.reveal { opacity: 0; transform: translateY(20px); transition: opacity .7s ease, transform .7s cubic-bezier(.2,.7,.2,1); }.reveal.visible,.no-js .reveal { opacity: 1; transform: none; }.hero .reveal { animation: intro .75s .08s both cubic-bezier(.2,.7,.2,1); }.hero .product-stage { animation-delay: .18s; }@keyframes intro { from { opacity: 0; transform: translateY(18px); } to { opacity: 1; transform: none; } }

.legal-body,.not-found-body { background: #f7f9fb; }.legal-page { padding-block: 75px 110px; }.back-link { display: inline-block; margin-bottom: 55px; color: var(--m-navy); font-weight: 800; text-decoration: none; }.legal-page h1 { max-width: 850px; }.legal-lead { max-width: 780px; margin: 25px 0 55px; color: var(--m-muted); font-size: 1.15rem; }.legal-page section { max-width: 820px; padding: 27px 0; border-top: 1px solid var(--m-line); }.legal-page section h2 { margin: 0 0 8px; font-size: 1.12rem; }.legal-page section p { margin: 0; color: var(--m-muted); }.not-found { min-height: 650px; padding-block: 110px; text-align: center; }.lost-mark { width: 120px; height: 76px; margin: 0 auto 35px; display: grid; grid-template-columns: 1fr 1fr; gap: 12px; }.lost-mark span { border: 3px solid var(--m-blue-strong); border-radius: 25px 8px 8px 25px; transform: rotate(-8deg); }.lost-mark span:last-child { border-color: var(--m-pink-strong); border-radius: 8px 25px 25px 8px; transform: rotate(8deg); }.not-found h1 { max-width: 700px; margin-inline: auto; }.not-found > p:not(.marketing-eyebrow) { max-width: 580px; margin: 22px auto 30px; color: var(--m-muted); }

.checkout-body { background: linear-gradient(135deg,#eef7fc 0,#f7f9fb 42%,#fbeef2 100%); }
.checkout-page { padding-block: 54px 100px; }
.checkout-page .back-link { margin-bottom: 28px; }
.checkout-sandbox { margin-bottom: 22px; padding: 14px 18px; display: flex; align-items: center; gap: 12px; border: 1px solid #e5c986; border-radius: 14px; background: #fff8df; color: #674d12; }
.checkout-sandbox strong { flex: 0 0 auto; }.checkout-sandbox span { font-size: .9rem; }
.checkout-grid { display: grid; grid-template-columns: minmax(0,.92fr) minmax(420px,1.08fr); gap: 28px; align-items: stretch; }
.checkout-summary,.checkout-form-card { padding: clamp(30px,5vw,58px); border-radius: 28px; }
.checkout-summary { background: var(--m-navy); color: #fff; box-shadow: 0 28px 70px rgba(23,50,77,.18); }
.checkout-summary .marketing-eyebrow { color: #8dd6ca; }.checkout-summary h1 { max-width: 560px; margin: 0; font: 700 clamp(2.6rem,4.8vw,4.5rem)/1 Georgia,"Times New Roman",serif; letter-spacing: -.055em; }
.checkout-price { margin: 40px 0 32px; display: flex; align-items: end; gap: 12px; }.checkout-price strong { font: 700 3.3rem Georgia,serif; }.checkout-price strong small { font-size: 1rem; }.checkout-price span { padding-bottom: 9px; color: #b9c9d7; }
.checkout-summary ul { margin: 0; padding: 0; display: grid; gap: 12px; list-style: none; color: #d9e4ec; }.checkout-summary li::before { content: "✓"; margin-right: 9px; color: #8dd6ca; font-weight: 900; }
.checkout-provider { margin: 38px 0 0; padding-top: 24px; border-top: 1px solid rgba(255,255,255,.13); color: #aebfce; font-size: .88rem; }
.checkout-form-card { border: 1px solid var(--m-line); background: #fff; box-shadow: var(--m-shadow); }.checkout-form-card h2 { margin: 0; color: var(--m-navy); font: 700 clamp(2rem,3.4vw,3rem)/1.05 Georgia,serif; letter-spacing: -.04em; }.checkout-form-card > p:not(.marketing-eyebrow) { color: var(--m-muted); }
.checkout-form { margin-top: 28px; display: grid; gap: 18px; }.checkout-form label { display: grid; gap: 7px; color: #3d5062; font-size: .88rem; font-weight: 800; }.checkout-form label > span { color: var(--m-muted); font-weight: 550; }
.checkout-form input:not([type="checkbox"]):not([type="radio"]) { width: 100%; min-height: 52px; padding: 0 15px; border: 1px solid #cfd9e2; border-radius: 12px; background: #fbfcfd; color: var(--m-ink); font: inherit; }.checkout-form input:focus { outline: 3px solid rgba(85,152,194,.2); border-color: var(--m-blue-strong); }
.payment-methods { margin: 0; padding: 0; border: 0; display: grid; gap: 10px; }.payment-methods legend { margin-bottom: 9px; color: #3d5062; font-size: .88rem; font-weight: 800; }.checkout-form .payment-method { grid-template-columns: 22px 1fr; align-items: center; gap: 12px; padding: 14px; border: 1px solid #cfd9e2; border-radius: 14px; background: #fbfcfd; cursor: pointer; }.payment-method:has(input:checked) { border-color: var(--m-teal); background: var(--m-teal-soft); box-shadow: 0 0 0 3px rgba(44,106,96,.09); }.payment-method input { width: 18px; height: 18px; margin: 0; accent-color: var(--m-teal); }.payment-method span { display: grid; gap: 3px; }.payment-method strong { color: var(--m-navy); }.payment-method small { color: var(--m-muted); font-weight: 550; line-height: 1.4; }
.checkout-consent { grid-template-columns: 20px 1fr; align-items: start; gap: 10px!important; font-weight: 600!important; line-height: 1.45; }.checkout-consent input { width: 18px; height: 18px; margin-top: 2px; accent-color: var(--m-teal); }.checkout-consent a { color: var(--m-teal); }
.checkout-form .marketing-button { width: 100%; cursor: pointer; }.checkout-form .marketing-button:disabled { cursor: not-allowed; opacity: .52; transform: none; }
.field-feedback { min-height: 1.2em; color: var(--m-muted); font-size: .76rem; font-weight: 600; }.field-feedback.is-warning { color: #a24a32; }.field-feedback.is-valid { color: var(--m-teal); }
.checkout-alert { margin-top: 18px; padding: 13px 15px; border: 1px solid #e8beca; border-radius: 12px; background: #fff0f3; color: #8a304b; }.checkout-unavailable,.checkout-microcopy { display: block; color: var(--m-muted); font-size: .8rem; line-height: 1.5; }.checkout-unavailable { margin: 16px 0 0; }.checkout-microcopy { margin-top: 16px; }
.checkout-result { min-height: 650px; padding-block: 105px; display: grid; justify-items: center; align-content: center; text-align: center; }.result-mark { width: 74px; height: 74px; display: grid; place-items: center; border-radius: 50%; background: #fff0d7; color: #a46d17; font-size: 2rem; font-weight: 900; box-shadow: 0 15px 40px rgba(23,50,77,.12); }.result-mark.paid { background: var(--m-teal-soft); color: var(--m-teal); }.checkout-result h1 { max-width: 760px; margin: 0; color: var(--m-navy); font: 700 clamp(2.8rem,6vw,5rem)/1 Georgia,"Times New Roman",serif; letter-spacing: -.055em; }.checkout-result > p:not(.marketing-eyebrow) { max-width: 650px; margin: 22px auto; color: var(--m-muted); font-size: 1.05rem; }.checkout-result > small { max-width: 650px; margin-bottom: 22px; color: var(--m-muted); }.checkout-result .marketing-button { margin-top: 10px; }

@media (max-width: 1000px) {
  .hero { grid-template-columns: 1fr; padding-top: 55px; }.hero-copy { max-width: 760px; }.product-stage { max-width: 760px; }.note-health { left: -12px; }.note-calendar { right: -12px; }
  .steps-grid { grid-template-columns: 1fr 1fr; }.feature-showcase { grid-template-columns: 1fr 1fr; }.feature-large { grid-column: 1/-1; grid-row: auto; min-height: 540px; }.audience-grid,.security-section,.apps-section,.faq-section,.checkout-grid { grid-template-columns: 1fr; }.checkout-grid { max-width: 820px; margin-inline: auto; }.security-section { gap: 45px; }.apps-section { justify-items: center; }.apps-section > div:first-child { justify-self: start; }.footer-grid { grid-template-columns: 1.3fr 1fr 1fr; }.footer-grid > div:last-child { grid-column: 2; }
}

@media (max-width: 720px) {
  html { font-size: 16px; }.marketing-container { width: calc(100% - 28px); max-width: 1180px; }
  .header-inner { min-height: 68px; }.menu-toggle { display: block; }.site-header nav { position: absolute; top: 67px; left: 14px; right: 14px; padding: 14px; display: none; align-items: stretch; flex-direction: column; gap: 4px; border: 1px solid var(--m-line); border-radius: 16px; background: #fff; box-shadow: 0 18px 45px rgba(23,50,77,.15); }.site-header nav.open { display: flex; }.site-header nav a { padding: 11px; }.site-header .nav-login { text-align: center; }
  .hero { min-height: auto; padding-block: 45px 70px; gap: 58px; }.hero h1 { max-width: 100%; font-size: clamp(3rem,15vw,4.8rem); overflow-wrap: normal; }.hero-copy > p { max-width: 100%; font-size: 1rem; }.hero-actions { width: 100%; display: grid; }.marketing-button { width: 100%; }.hero-notes { gap: 8px 13px; }.product-stage { width: 100%; margin-inline: -4px; }.browser-frame { width: 100%; transform: none; border-radius: 16px; }.preview-layout { min-height: 320px; grid-template-columns: 48px minmax(0,1fr); }.preview-layout aside { padding: 16px 7px; }.preview-logo { width: 29px; height: 21px; }.preview-main { min-width: 0; padding: 15px; }.preview-cards { grid-template-columns: 1fr; }.med-preview { display: none; }.custody-preview { min-height: 170px; }.preview-week { min-width: 0; }.preview-week > span { min-width: 0; min-height: 55px; padding: 5px; }.floating-note { max-width: calc(100vw - 32px); padding: 9px 11px; }.note-health { left: -6px; bottom: -28px; }.note-calendar { right: -6px; top: 70px; }.floating-note > span { width: 25px; height: 25px; }.trust-band > div { justify-content: flex-start; }.trust-band i { display: none; }.trust-band p { width: 100%; }
  .section-space { padding-block: 82px; }.section-intro h2,.security-copy h2,.apps-section h2,.final-cta h2,.legal-page h1,.not-found h1 { font-size: clamp(2.2rem,11vw,3.3rem); }.problem-grid { grid-template-columns: 1fr; margin-top: 42px; }.problem-grid article { min-height: 220px; padding: 27px; }.problem-grid h3 { margin-top: 28px; }.steps-grid { grid-template-columns: 1fr; }.steps-grid article { min-height: 230px; }.steps-grid h3 { margin-top: 45px; }.feature-showcase { grid-template-columns: 1fr; }.feature-large { grid-column: auto; min-height: auto; padding: 27px; }.feature-tile { min-height: auto; padding: 27px; }.mini-calendar { margin-top: 35px; }.mini-calendar header small { display: none; }.audience-grid { gap: 42px; }.audience-list { grid-template-columns: 1fr; }.audience-list span { min-height: 66px; }.security-section { width: calc(100% - 20px); margin-block: 82px; padding: 42px 22px; border-radius: 24px; }.security-panel { padding: 23px; }.pricing-card { padding: 28px 22px; grid-template-columns: 1fr; gap: 28px; }.apps-section { width: calc(100% - 20px); margin-block: 82px; padding: 45px 22px; }.phone-stage::before { width: 330px; height: 330px; }.phone { width: 225px; }.faq-section { gap: 40px; }.final-cta { padding-block: 80px; }.footer-grid { grid-template-columns: 1fr 1fr; }.footer-grid > div:first-child { grid-column: 1/-1; }.footer-grid > div:last-child { grid-column: auto; }.footer-bottom { flex-direction: column; }.legal-page { padding-block: 50px 80px; }.not-found { min-height: 550px; padding-block: 80px; }.checkout-page { padding-block: 34px 70px; }.checkout-sandbox { align-items: flex-start; flex-direction: column; gap: 2px; }.checkout-summary,.checkout-form-card { padding: 28px 22px; border-radius: 22px; }.checkout-summary h1 { font-size: clamp(2.45rem,12vw,3.5rem); }.checkout-result { min-height: 560px; padding-block: 70px; }.checkout-result h1 { font-size: clamp(2.5rem,12vw,3.8rem); }
}

@media (max-width: 420px) {
  .hero h1 { font-size: clamp(2.65rem,13.3vw,3rem); letter-spacing: -.055em; }.prelaunch-pill { font-size: .64rem; }.preview-head strong { font-size: 1.1rem; }.preview-main { padding: 12px; }.preview-week { gap: 3px; }.preview-week > span { padding: 4px 2px; }.floating-note strong { font-size: .62rem; }.note-calendar { display: none; }.audience-list span { font-size: .9rem; }.footer-grid { grid-template-columns: 1fr; }.footer-grid > div:first-child { grid-column: auto; }
}

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }.page-loader { display: none; }.loader-mark,.floating-note,.hero .reveal { animation: none; }.reveal { opacity: 1; transform: none; transition: none; }.marketing-button { transition: none; }
}

.footer-bottom { align-items: center; font-size: .75rem; line-height: 1.6; }
.footer-bottom > span:first-child { flex-shrink: 0; }
.footer-disclaimer { max-width: 480px; text-align: center; }
.footer-credit { display: inline-flex; align-items: center; justify-content: flex-end; gap: 10px; flex-shrink: 0; }
.footer-credit > span { color: #aebfce; font-size: .75rem; }
.fg-signature { width: 28px; height: 28px; flex: 0 0 28px; display: inline-flex; opacity: .44; filter: grayscale(1); transition: opacity .3s ease, filter .3s ease, transform .3s ease; }
.fg-signature svg { width: 100%; height: 100%; overflow: visible; }
.fg-signature__disc { fill: #fffaf0; }
.fg-signature__ring { fill: none; stroke: #f26b4a; stroke-width: 3; stroke-dasharray: 74 26; transform-origin: 32px 32px; transition: transform .55s cubic-bezier(.2,.7,.2,1); }
.fg-signature__glyph { fill: #173f3a; transform-origin: 32px 32px; transition: transform .35s ease; }
.fg-signature:hover, .fg-signature:focus-visible { opacity: .9; filter: none; transform: translateY(-1px); }
.fg-signature:hover .fg-signature__ring, .fg-signature:focus-visible .fg-signature__ring { transform: rotate(44deg); }
.fg-signature:hover .fg-signature__glyph, .fg-signature:focus-visible .fg-signature__glyph { transform: scale(1.035); }
.fg-signature:focus-visible { outline: 2px solid #bcdcec; outline-offset: 4px; border-radius: 50%; }
@media (max-width: 900px) {
  .footer-bottom { flex-wrap: wrap; }
  .footer-disclaimer { order: 3; flex-basis: 100%; max-width: none; text-align: left; }
  .footer-credit { margin-left: auto; }
}
@media (max-width: 640px) {
  .footer-bottom { align-items: flex-start; gap: 14px; }
  .footer-disclaimer { order: initial; }
  .footer-credit { margin-left: 0; justify-content: flex-start; }
}
@media (prefers-reduced-motion: reduce) {
  .fg-signature, .fg-signature__ring, .fg-signature__glyph { transition: none; }
  .fg-signature:hover, .fg-signature:focus-visible, .fg-signature:hover .fg-signature__ring, .fg-signature:focus-visible .fg-signature__ring, .fg-signature:hover .fg-signature__glyph, .fg-signature:focus-visible .fg-signature__glyph { transform: none; }
}