/* Shared marketing presentation only. Breakpoints: compact navigation 900px,
   tablet 768px, stacked offers 600px. Keep this single breakpoint authority. */
.marketing { margin:0; font:400 16px/1.5 var(--m-font); color:var(--m-ink); background:var(--m-white); }
.marketing *, .marketing *::before,.marketing *::after { box-sizing:border-box; }
.marketing h1,.marketing h2,.marketing h3,.marketing p,.marketing figure { margin:0; }
.marketing h1,.marketing h2,.marketing h3 { line-height:1.12; letter-spacing:-.035em; }
.marketing h1 { font-size:52px; font-weight:600; }
.marketing h2 { font-size:44px; font-weight:700; }
.marketing h3 { font-size:23px; font-weight:600; }
.marketing p { color:var(--m-muted); }
.marketing a { color:inherit; text-decoration:none; }
.marketing button,.marketing summary { font:inherit; cursor:pointer; }
.marketing :focus-visible { outline:var(--m-focus); outline-offset:4px; }
.marketing img { max-width:100%; }
.m-visually-hidden { position:absolute; width:1px; height:1px; padding:0; margin:-1px!important; overflow:hidden; clip-path:inset(50%); white-space:nowrap; border:0; }
.marketing h1 span,.marketing h2 span,.m-solo h3 span { color:var(--m-blue); }
.m-container { width:min(var(--m-width),calc(100% - 48px)); margin-inline:auto; }
.m-section { padding-block:var(--m-space); }
.m-section-heading { text-align:center; margin-bottom:32px; }
.m-section-heading>p:last-child { margin-top:12px; font-size:18px; }
.marketing .m-eyebrow { font-size:12px; letter-spacing:.24em; text-transform:uppercase; color:var(--m-ink); margin-bottom:16px; }
.m-header { position:relative; z-index:5; }
.m-header-inner { width:min(1120px,calc(100% - 48px)); min-height:68px; margin:auto; display:flex; align-items:center; justify-content:space-between; gap:32px; }
.m-wordmark { font-size:23px; font-weight:600; letter-spacing:.19em; }
.m-header nav { display:flex; align-items:center; gap:28px; font-size:13px; }
.m-header nav>a { white-space:nowrap; }
.m-home .m-header { position:absolute; top:0; left:0; right:0; color:var(--m-white); }
.m-home .m-header-inner { background:var(--m-overlay); padding-inline:18px; }
.m-resources { position:relative; }
.m-resources summary { list-style:none; }
.m-resources summary::after { content:'⌄'; padding-left:8px; }
.m-resources>div { position:absolute; top:32px; min-width:150px; background:var(--m-white); color:var(--m-ink); padding:16px; box-shadow:var(--m-shadow); border:1px solid var(--m-border); }
.m-resources>div a { display:block; padding:8px; }
.m-menu-toggle { display:none; }
.m-button { display:inline-flex; align-items:center; justify-content:center; gap:8px; min-height:44px; padding:10px 28px; border-radius:100px; font-size:14px; font-weight:500; border:1px solid transparent; text-align:center; }
.marketing .m-primary { background:var(--m-blue); color:var(--m-white); }
.marketing .m-orange { background:var(--m-orange); color:var(--m-black); }
.marketing .m-dark { background:var(--m-ink); color:var(--m-white); }
.marketing .m-white { background:var(--m-white); color:var(--m-ink); }
.marketing .m-glass,.m-home .m-login { background:var(--m-glass); color:var(--m-white); }
.m-outline,.m-login { border-color:var(--m-muted); }
.m-actions { display:flex; justify-content:center; align-items:center; gap:16px; margin-top:32px; flex-wrap:wrap; }
.m-hero { position:relative; }
.m-hero-copy { position:absolute; top:26%; left:max(24px,calc((100% - 1200px)/2)); color:var(--m-white); }
.m-hero-copy h1 { font-size:clamp(32px,3.5vw,60px); }
.m-hero-copy>p:not(.m-eyebrow) { font-size:18px; margin-top:16px; color:var(--m-white); }
.m-hero-copy .m-eyebrow { color:var(--m-white); }
.m-hero-copy .m-actions { justify-content:flex-start; margin-top:20px; }
.m-ticker { display:flex; align-items:center; justify-content:center; flex-wrap:wrap; gap:20px; padding:10px 20px; color:var(--m-white); background:var(--m-ticker); font-size:10px; font-weight:600; letter-spacing:.18em; text-transform:uppercase; }
.m-ticker b { color:var(--m-blue); }
.m-choice-section { padding-top:36px; }
.marketing .m-choice-subtitle { color:var(--m-ink); font-weight:500; }
.m-choices { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); width:min(960px,calc(100% - 48px)); margin:auto; gap:20px; }
.m-flip { height:380px; position:relative; border:1px solid var(--m-border); border-radius:var(--m-radius); overflow:hidden; transition:filter var(--m-motion) ease, opacity var(--m-motion) ease; }
#choice-title .m-shop-word { color:var(--m-orange); }
@media(hover:hover) and (pointer:fine) {
  .m-choices:has(.m-flip:hover) .m-flip:not(:hover) { filter:blur(11px); opacity:.82; }
}
.m-choices:not(:has(.m-flip:hover)):has(.m-flip :focus-visible) .m-flip:not(:has(:focus-visible)) { filter:blur(11px); opacity:.82; }
.m-solo { background:var(--m-soft); }
.m-shop { background:var(--m-black); color:var(--m-white); }
.m-shop p { color:var(--m-white); }
.m-shop h3 span { color:var(--m-orange); }
.m-flip-front,.m-flip-back { position:absolute; inset:0; padding:16px 32px 38px; text-align:center; transition:opacity var(--m-motion) ease; }
.m-flip-front { display:flex; flex-direction:column; align-items:center; }
.m-flip h3 { font-size:29px; margin:8px 0; }
.m-flip p { font-size:14px; line-height:1.3; }
.m-pill { display:inline-block; background:var(--m-pill); border-radius:10px; padding:3px 16px; font-size:12px; }
.m-chair { display:block; width:100%; flex:1; min-height:0; height:0; object-fit:contain; margin-top:8px; }
.m-flip-back { opacity:0; visibility:hidden; }
.m-flip.is-revealed .m-flip-front { opacity:0; visibility:hidden; }
.m-flip.is-revealed .m-flip-back { opacity:1; visibility:visible; }
.m-reveal { position:absolute; z-index:1; bottom:5px; left:50%; transform:translateX(-50%); min-height:28px; border:0; background:none; color:inherit; text-decoration:underline; font-size:12px!important; }
.m-starting { margin:9px 0!important; padding-top:9px; border-top:1px solid var(--m-border); }
.m-checklist { list-style:none; padding:0; margin:14px 0; text-align:left; }
.m-checklist li { padding-left:30px; position:relative; margin:6px 0; font-size:14px; }
.m-checklist li::before { content:'✓'; position:absolute; left:0; top:0; color:var(--m-blue-text); font-weight:700; }
.m-shop .m-checklist li::before { color:var(--m-orange); }
.m-flip-back .m-checklist { margin:8px 0; }
.m-flip-back .m-checklist li { margin:3px 0; }
.m-flip-back .m-button { width:100%; min-height:38px; padding:6px 16px; }
.m-status,.m-disclosure { max-width:960px; padding-inline:24px; margin:16px auto 0!important; text-align:center; font-size:13px; }
.m-showcase { background:var(--m-soft); }
.m-feature-strip { display:flex; justify-content:space-around; gap:20px; margin:28px 0 36px; }
.m-feature-strip>*+* { border-left:1px solid var(--m-border); padding-left:24px; }
.m-feature-strip button { font:inherit; color:inherit; background:none; border:0; padding:0; }
.m-feature-strip button+button { border-left:1px solid var(--m-border); padding-left:24px; }
.m-feature-strip button[aria-pressed="true"] { color:var(--m-blue); text-decoration:underline; text-underline-offset:6px; }
.m-showcase:has(.m-feature-strip button) .m-laptop img { aspect-ratio:1068/842; object-fit:contain; }
.m-showcase:has(.m-feature-strip button) .m-phone img { aspect-ratio:390/844; object-fit:contain; }
.m-devices { display:flex; align-items:flex-end; justify-content:center; gap:36px; max-width:1100px; margin:auto; }
.m-laptop { width:76%; }
.m-laptop img { display:block; border:12px solid var(--m-ink); border-radius:20px; width:100%; height:auto; }
.m-phone { width:22%; }
.m-phone img { display:block; border:8px solid var(--m-ink); border-radius:32px; width:100%; height:auto; max-height:500px; object-fit:contain; }
.marketing figcaption { text-align:center; font-size:12px; padding:10px; color:var(--m-muted); }
.m-workflow { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:28px; }
.m-workflow-picture { height:240px; border-radius:16px; overflow:hidden; background:var(--m-soft); box-shadow:var(--m-shadow); margin-bottom:24px; }
.m-workflow-picture img { width:100%; height:100%; object-fit:contain; }
.m-step { display:inline-grid; place-items:center; border-radius:50%; width:40px; height:40px; color:var(--m-blue-text); background:var(--m-blue-soft); font-weight:600; margin-bottom:16px; }
.m-workflow h3 { margin-bottom:12px; }
.m-workflow p { font-size:15px; }
.m-benefits { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:24px; margin-top:40px; }
.m-benefits article { display:flex; gap:20px; padding:24px; box-shadow:var(--m-shadow); border-radius:12px; }
.m-benefits h3 { font-size:20px; margin:8px 0 12px; }
.m-benefits p { font-size:15px; }
.m-benefit-icon { flex-shrink:0; width:56px; height:56px; display:grid; place-items:center; border-radius:50%; background:var(--m-blue-soft); color:var(--m-blue-text); font-size:28px; }
.m-benefit-icon svg { width:28px; height:28px; fill:none; stroke:currentColor; stroke-width:1.8; stroke-linecap:round; stroke-linejoin:round; }
.m-warm { background:var(--m-warm); color:var(--m-orange-text); }
.m-green { background:var(--m-green-soft); color:var(--m-green); }
.m-included-faq { display:grid; grid-template-columns:1fr 1.6fr; gap:48px; margin-top:40px; padding-top:32px; border-top:1px solid var(--m-border); }
.m-included-faq>div+div { border-left:1px solid var(--m-border); padding-left:40px; }
.m-included-faq h2 { font-size:32px; margin-bottom:16px; }
.m-faq details { border:1px solid var(--m-border); border-radius:var(--m-radius); margin-bottom:8px; padding:10px 16px; break-inside:avoid; }
.m-faq summary { list-style:none; position:relative; padding-right:24px; font-size:14px; min-height:24px; }
.m-faq summary::after { content:'+'; position:absolute; right:0; font-size:20px; top:-4px; }
.m-faq details[open] summary::after { content:'−'; }
.m-faq details p { padding:12px 0 4px; font-size:14px; }
.m-final { text-align:center; }
.m-final h2 { font-size:36px; }
.m-footer { border-top:1px solid var(--m-border); padding:32px 0 20px; }
.m-footer-grid { display:grid; grid-template-columns:2fr repeat(4,1fr); gap:24px; }
.m-footer h2 { font-size:13px; margin-bottom:12px; letter-spacing:0; }
.m-footer a:not(.m-wordmark) { display:block; font-size:12px; color:var(--m-muted); margin:8px 0; }
.m-footer .m-eyebrow { margin-top:8px; font-size:9px; color:var(--m-muted); }
.m-copyright { font-size:11px; color:var(--m-muted); margin-top:24px; text-align:right; }
.m-pricing { background:var(--m-soft); }
.m-pricing-heading { padding-top:24px; }
.m-pricing-heading h1 { font-size:46px; }
.marketing .m-founding { display:table; margin:16px auto 0; background:var(--m-blue-soft); border:1px solid var(--m-border); border-radius:100px; font-size:13px; padding:8px 20px; color:var(--m-ink); }
.m-pricing-groups { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:20px; }
.m-offer-group,.m-comparison,.m-pricing-faq { background:var(--m-white); border:1px solid var(--m-border); border-radius:var(--m-radius); padding:18px; }
.m-offer-group h2,.m-comparison h2,.m-pricing-faq h2 { font-size:27px; }
.m-offer-group>.m-eyebrow { margin-bottom:6px; }
.m-offer-group>p:not(.m-eyebrow) { font-size:13px; min-height:42px; margin-top:4px; }
.m-offer-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px; margin-top:16px; }
.m-offer { border:1px solid var(--m-border); border-radius:var(--m-radius); background:var(--m-blue-soft); padding:18px; }
.m-offer.m-shop-monthly { background:var(--m-ink); color:var(--m-white); }
.m-offer.m-shop-monthly p { color:var(--m-white); }
.m-offer h3 { color:var(--m-blue); }
.m-offer[data-shop] h3 { color:var(--m-orange-text); }
.m-offer.m-shop-monthly h3 { color:var(--m-orange); }
.m-offer p { font-size:12px; margin:8px 0; }
.m-offer .m-price { font-size:30px; font-weight:600; color:inherit; letter-spacing:-.04em; }
.m-price small { font-size:13px; letter-spacing:0; }
.m-offer .m-button { width:100%; padding:8px; font-size:13px; }
.m-offer ul { padding-left:16px; font-size:12px; margin:16px 0 0; }
.m-offer li { margin:8px 0; }
.m-comparison,.m-pricing-faq { margin-top:20px; }
.m-table-scroll { overflow-x:auto; margin-top:16px; }
.m-table-scroll table { width:100%; border-collapse:collapse; font-size:13px; min-width:660px; }
.m-table-scroll th,.m-table-scroll td { padding:10px; text-align:center; border-bottom:1px solid var(--m-border); }
.m-table-scroll th:first-child { text-align:left; }
.m-table-scroll thead { background:var(--m-soft); }
.m-pricing-faq .m-faq { columns:2; column-gap:20px; margin-top:16px; }
.m-skip { position:absolute; left:16px; top:-100px; z-index:20; background:var(--m-white); color:var(--m-ink)!important; padding:12px; }
.m-skip:focus { top:8px; }
@media(max-width:1100px){.m-header nav{gap:16px}.m-hero-copy{top:25%;left:32px}.m-hero-copy>p:not(.m-eyebrow){font-size:14px}.m-hero-copy .m-eyebrow{margin-bottom:8px}.m-hero-copy .m-actions{margin-top:12px}.m-pricing-groups{grid-template-columns:1fr}.m-workflow{gap:20px}.m-workflow-picture{height:180px}.m-benefits article{padding:18px;gap:12px}.m-benefit-icon{width:40px;height:40px}}
@media(max-width:900px){.m-menu-toggle{display:block;background:transparent;color:inherit;border:0;min-height:44px}.m-header nav{display:none;position:absolute;top:68px;left:24px;right:24px;padding:20px;background:var(--m-white);color:var(--m-ink);box-shadow:var(--m-shadow)}.m-header nav.is-open{display:flex;flex-direction:column;align-items:stretch}.m-home .m-login{color:var(--m-ink);border-color:var(--m-border)}.m-resources>div{position:static;box-shadow:none}.m-benefits{grid-template-columns:1fr}.m-included-faq{grid-template-columns:1fr}.m-included-faq>div+div{padding:0;border:0}.m-feature-strip{flex-wrap:wrap}.m-workflow{grid-template-columns:repeat(2,minmax(0,1fr))}.m-hero-copy h1{font-size:32px}.m-hero-copy>p:not(.m-eyebrow){max-width:330px}.m-hero-copy .m-button{min-height:36px;padding:8px 15px;font-size:12px}.m-flip-front,.m-flip-back{padding-inline:18px}.m-flip h3{font-size:25px}.m-flip p,.m-flip-back li{font-size:12px}.m-flip .m-reveal{min-height:32px}}
@media(max-width:768px){.marketing{--m-space:56px}.marketing h2{font-size:34px}.m-footer-grid{grid-template-columns:repeat(2,1fr)}.m-footer-grid>div:first-child{grid-column:1/-1}.m-hero{padding-top:68px;background:var(--m-black)}.m-hero-copy{position:relative;inset:auto;padding:24px;color:var(--m-white);z-index:1}.m-hero #marketing-hero-art{position:relative;margin-top:280px}.m-hero-copy{position:absolute;top:68px}.m-hero-copy h1{font-size:40px}.m-hero-copy>p:not(.m-eyebrow){font-size:16px}.m-ticker{font-size:9px;gap:10px}.m-ticker span:last-child,.m-ticker b:last-of-type{display:none}.m-pricing-heading h1{font-size:38px}}
@media(max-width:600px){.m-container,.m-choices,.m-header-inner{width:calc(100% - 32px)}.m-choices{grid-template-columns:1fr;max-width:470px}.m-flip{height:400px}.m-flip-front,.m-flip-back{padding:20px 24px 48px}.m-flip h3{font-size:29px}.m-flip p,.m-flip-back li{font-size:14px}.m-reveal{min-height:40px!important}.m-workflow{grid-template-columns:1fr}.m-workflow-picture{height:260px}.m-devices{flex-direction:column;align-items:center}.m-laptop{width:100%}.m-phone{width:55%}.m-feature-strip{font-size:13px}.m-feature-strip span+span{border:0;padding:0}.m-offer-grid{grid-template-columns:1fr}.m-pricing-faq .m-faq{columns:1}.m-offer p,.m-offer li{font-size:14px}.m-pricing-heading h1{font-size:34px}.m-pricing-heading>p{font-size:16px}.m-desktop-break{display:none}.m-final h2{font-size:30px}.m-hero #marketing-hero-art{margin-top:290px}.m-hero-copy h1{font-size:36px}.m-disclosure{font-size:12px}.m-section-heading>p:last-child{font-size:16px}}
@media(prefers-reduced-motion:reduce){.marketing *{scroll-behavior:auto!important;transition:none!important}}