/* MortAI founder comparison. Original responsive layout. Static dot texture
   adapted from Magic UI Dot Pattern (MIT; assets/licenses/LICENSE-magicui.txt). */
.founder-comparison{--ink:#0b2434;--body:#4b6474;--teal:#36c7df;--teal-dark:#086d82;--teal-ink:#145a75}
.comparison-toolbar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px;padding-block:22px;border-bottom:1px solid #dbe8ef}
.comparison-kicker{font-size:9px;letter-spacing:.13em;font-weight:650;color:#526d7d}.comparison-toolbar p{font-size:13px;line-height:1.4;margin-top:5px;color:#0b2434}
.comparison-options{display:flex;background:#f0f6fa;padding:4px;border:1px solid #dbe8ef;border-radius:13px;gap:3px}.comparison-options a{display:flex;align-items:center;gap:8px;padding:10px 12px;min-height:44px;font-size:12px;font-weight:600;border-radius:9px;color:#526d7d;white-space:nowrap}.comparison-options a span{font-size:10px}.comparison-options a[aria-current=page]{background:#0b2434;color:#fff;box-shadow:0 2px 5px #0b243415}.comparison-options a:hover:not([aria-current=page]){background:#e1eff6;color:#0b2434}.comparison-original{font-size:11px;text-decoration:underline;text-underline-offset:4px;color:#526d7d}
.founder-comparison .hero{padding-block:45px 48px}.founder-comparison .hero h1{font-size:clamp(40px,6.6vw,82px);max-width:950px}.founder-comparison .hero-emphasis{color:#086d82}.founder-comparison .hero-actions>.button{background:#36c7df;border-color:#248fa7}.founder-comparison .hero-helper{font-size:11px}.founder-comparison .hero-body{max-width:600px}
.founder-story{padding-top:8px;padding-bottom:52px}.founder-row{display:grid;gap:26px;padding-block:36px 48px}.founder-row+.founder-row{border-top:1px solid #dbe8ef;padding-top:52px}.founder-eyebrow{display:flex;align-items:center;gap:10px;font-size:10px;font-weight:650;letter-spacing:.09em;line-height:1.5;color:#145a75}.founder-eyebrow>span{display:grid;place-items:center;width:30px;height:30px;border:1px solid #a8cddb;border-radius:50%;font-size:10px;letter-spacing:0;font-variant-numeric:tabular-nums}.founder-copy h2{font-size:clamp(35px,4.1vw,56px);line-height:1.08;letter-spacing:-.05em;margin-top:21px;color:#0b2434}.founder-copy h2 br{display:none}.founder-description{font-size:15px;line-height:1.75;max-width:490px;margin-top:20px;color:#4b6474}.founder-description+.founder-description{margin-top:14px}.founder-focus{list-style:none;padding:0;margin:23px 0 0;display:flex;flex-wrap:wrap;gap:9px 16px}.founder-focus li{font-size:11px;line-height:1.6;color:#145a75;display:flex;align-items:center;gap:7px}.founder-focus li:before{content:'';display:block;width:4px;height:4px;background:#168aa4;border-radius:50%}.founder-link{font-size:13px;color:#0b2434;margin-top:24px;min-height:44px;gap:10px}.founder-link svg{height:15px;width:15px}
.founder-visual{margin:0;min-width:0;align-self:center}.founder-stage{position:relative;isolation:isolate;aspect-ratio:1.16;display:flex;align-items:flex-end;justify-content:center}.founder-stage img{display:block;width:100%;height:100%;object-fit:contain;position:relative;z-index:1}.founder-backdrop{position:absolute;inset:13% 0 0;overflow:hidden;border-radius:25px;background:#e6f5fb;border:1px solid #c5e3ee;z-index:0}.founder-seo .founder-backdrop{background:#edf5fa;border-color:#cedfe9;border-radius:25px 25px 70px 25px}.founder-websites .founder-backdrop{border-radius:70px 25px 25px 25px}.founder-orbit{position:absolute;inset:-32% -40% 13% 23%;border:1px solid #a7d6e7;border-radius:50%;transform:rotate(-23deg)}.founder-orbit:after{content:'';position:absolute;inset:25px;border:1px solid #c1e2ef;border-radius:50%}.founder-seo .founder-orbit{inset:0 28% -41% -30%;transform:rotate(25deg)}.founder-dots{position:absolute;inset:0;color:#145a75;opacity:.28;pointer-events:none;mask-image:radial-gradient(ellipse 80% 65% at 45% 55%,#000 20%,transparent 90%)}
[data-founder-variant=white] .founder-backdrop{visibility:hidden}.founder-visual figcaption{display:flex;align-items:center;gap:12px;margin-top:18px;padding-inline:3px;font-size:12px;line-height:1.5}.founder-name{color:#0b2434;font-weight:650}.founder-role{color:#526d7d;border-left:1px solid #b9ced9;padding-left:12px}.founder-disclosure{font-size:11px;color:#526d7d;line-height:1.6;margin-top:8px;padding-inline:3px;max-width:420px}
.founder-next{display:grid;grid-template-columns:35px 1fr;align-items:start;gap:14px;padding:27px 0 0;border-top:1px solid #dbe8ef}.founder-next-number{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:#0b2434;color:#fff;font-size:10px}.founder-next h3{font-size:23px;line-height:1.15;letter-spacing:-.04em}.founder-next p{font-size:13px;line-height:1.6;margin-top:8px;max-width:390px}.founder-next>.button{grid-column:2;justify-self:start;font-size:12px}.founder-journey{padding-bottom:40px}.founder-journey .journey-beam{margin-top:0;max-width:none}.founder-comparison .people-section{display:none}
/* Same motion in A/B; Magic UI Blur Fade's once-only viewport entrance adapted
   to opacity/transform only. No filter, looping effects or mobile scroll work. */
@media(min-width:1024px) and (hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){.founder-entrance.is-armed{opacity:.78;transform:translateY(4px);transition:opacity .32s ease-out,transform .32s ease-out}.founder-entrance.is-armed.is-visible{opacity:1;transform:none}}
@media(min-width:720px){.founder-websites .founder-copy{grid-column:1;grid-row:1}.founder-websites .founder-visual{grid-column:2;grid-row:1}.comparison-toolbar{flex-wrap:nowrap;padding-block:20px}.comparison-options a{padding-inline:17px}.founder-comparison .hero{padding-block:62px 48px}.founder-row{grid-template-columns:1fr 1fr;gap:38px;align-items:center;padding-block:40px 64px}.founder-row+.founder-row{padding-top:65px}.founder-seo .founder-copy{grid-column:2;grid-row:1}.founder-seo .founder-visual{grid-column:1;grid-row:1}.founder-copy h2{font-size:clamp(35px,4vw,56px)}.founder-description{font-size:14px}.founder-focus{gap:8px 12px}.founder-focus li{font-size:10px}.founder-stage{aspect-ratio:1.08}.founder-next{grid-template-columns:35px 1fr auto;gap:19px;align-items:center;padding-top:34px}.founder-next>.button{grid-column:3}.founder-next p{font-size:13px}.founder-story{padding-bottom:55px}}
@media(min-width:1040px){.founder-row{grid-template-columns:1fr 1.12fr;gap:70px;padding-block:35px 80px}.founder-seo{grid-template-columns:1.12fr 1fr}.founder-row+.founder-row{padding-top:80px}.founder-description{font-size:16px;line-height:1.75}.founder-copy h2 br{display:block}.founder-focus{gap:10px 16px}.founder-focus li{font-size:11px}.founder-eyebrow{font-size:10px}.founder-stage{aspect-ratio:1.12}.founder-visual figcaption{margin-top:21px;font-size:13px}.founder-disclosure{font-size:12px}.founder-next h3{font-size:28px}.founder-next p{font-size:14px}.founder-next>.button{font-size:13px}.founder-backdrop{inset:12% 0 0}.founder-story{padding-top:15px}}
@media(prefers-reduced-motion:reduce){.founder-entrance{opacity:1!important;transform:none!important;transition:none!important}}
/* Canonical layout requested by Jayden, 30 Oct 2026: images face inward.
   Approved v29 backgrounds, portraits and typography remain unchanged. */
@media(min-width:720px){.founder-websites .founder-visual{grid-column:1;grid-row:1}.founder-websites .founder-copy{grid-column:2;grid-row:1}.founder-seo .founder-visual{grid-column:2;grid-row:1}.founder-seo .founder-copy{grid-column:1;grid-row:1}}
@media(min-width:1040px){.founder-websites{grid-template-columns:1.12fr 1fr}.founder-seo{grid-template-columns:1fr 1.12fr}}