/* Refinement of the approved Wellmaker identity; conceptual product illustrations. */
:root{--soft-red:#fff0ed;--elevation:0 12px 36px rgb(28 28 28 / 7%)}
.nav{min-height:88px}.brand{width:212px}
.button{font-size:1.1875rem;font-weight:750;border-radius:8px;padding:14px 23px;line-height:1.35}
.button.small{font-size:1.1875rem;font-weight:750;padding:11px 16px;line-height:1.3}
.hero{padding-top:54px}.hero-grid{grid-template-columns:minmax(0,1.3fr) minmax(360px,1fr);gap:64px}
.hero-grid>.signup-card{top:112px;border:0;box-shadow:var(--elevation);padding:30px;border-radius:16px}
.hero h1{font-size:clamp(2.75rem,4.6vw,4.2rem)}
.hero-art{margin-top:24px}.hero-art img{width:100%;border-radius:14px}
.hero-subtitle{max-width:100%}.trial-reassurance{display:flex;justify-content:center;flex-wrap:wrap;gap:4px 16px;margin-top:20px}
.trial-reassurance p{font-size:.8125rem;color:var(--muted)}
.strategy{padding-block:88px}.strategy-grid{gap:64px}.strategy .copy-stack{max-width:58ch}
.workflow{background:#fff}.workflow-title{margin-bottom:40px}
.flow-cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;align-items:stretch}
.flow-card{padding:28px;background:var(--paper);border-color:#e5dfd7;border-radius:16px;display:grid;grid-template-rows:auto auto auto 1fr;align-content:start}
.flow-card-top{margin-bottom:16px}.flow-number{font-size:.875rem}.flow-icon{background:var(--soft-red);color:var(--action)}
.flow-card h3{font-size:1.25rem;line-height:1.3;min-height:2.6em;margin:0 0 20px;max-width:34ch}
.flow-figure{margin:0 0 24px;align-self:start}
.interface-illustration{display:block;width:100%;height:auto;max-height:320px;border-radius:12px;background:white;box-shadow:0 6px 20px rgb(28 28 28 / 5%)}
.flow-copy{margin-bottom:0;line-height:1.65}.flow-copy p+p{margin-top:14px}.flow-copy ul{margin-block:12px;padding-left:20px}.flow-copy li{padding-block:3px}
.workflow-cta{margin-top:36px}
.difference h2{max-width:880px}.difference-intro{gap:64px;align-items:start}.experience-emphasis{font-weight:750;color:var(--ink);white-space:nowrap}
.difference-grid{gap:24px;margin-top:40px}.difference-grid p{border:0;border-radius:12px;background:#fff;padding:28px;line-height:1.65}
.audience-grid{gap:64px}.audience-photo{height:auto;aspect-ratio:1/1.12}.audience-photo img{display:block;object-position:center}
.benefits-grid{gap:32px 48px}.benefits-grid article{position:relative;padding-top:24px}.benefit-icon{display:block;width:28px;height:28px;fill:none;stroke:var(--action);stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;margin-bottom:20px}
.benefits h3{color:var(--ink);font-size:1.375rem}.benefits p{max-width:32ch}
.closing{padding:80px 0}.closing-inner{max-width:960px}.closing h2{font-size:clamp(2rem,3.2vw,2.8rem)}.closing-note{margin:24px 0}.closing .primary{font-size:1.1875rem;font-weight:750}
.menu-toggle{display:none}
.interface-illustration{object-fit:contain}
@media(max-width:600px){.nav>.button.small{max-width:none}}
@media(min-width:1450px){.container{width:min(1360px,calc(100% - 112px))}.flow-cards{grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}.flow-card{padding:22px}.flow-card h3{min-height:5.2em}.interface-illustration{max-height:none}.flow-copy{font-size:1rem}.hero-grid{gap:88px}}
@media(max-width:1100px){.nav{gap:16px}.brand{width:180px}nav{gap:16px;font-size:.8125rem}.hero-grid{gap:34px;grid-template-columns:minmax(0,1.15fr) minmax(340px,1fr)}.hero-grid>.signup-card{padding:25px}.strategy-grid,.difference-intro,.audience-grid{gap:36px}}
@media(max-width:900px){.nav{position:relative;flex-wrap:wrap;gap:12px;min-height:82px;padding-block:16px}.nav>.brand{width:170px;margin-right:auto}.nav>.button{order:2}.menu-toggle{order:3;display:grid;place-items:center;width:44px;height:44px;padding:10px;background:transparent;border:1px solid var(--line);border-radius:8px;color:var(--ink)}.menu-toggle svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round}.nav nav{display:none;order:4;width:100%;padding-top:12px;border-top:1px solid var(--line)}.nav nav.is-open{display:flex;justify-content:space-between;flex-wrap:wrap;gap:4px 16px}.nav nav a{padding:12px 0;min-height:44px;font-size:.875rem}.hero-grid{grid-template-columns:1fr;gap:30px}.hero-grid>.signup-card{position:static}.hero h1{max-width:740px}.hero-art{max-width:640px}.hero-description{max-width:65ch}.hero-grid>.signup-card{max-width:640px;width:100%;justify-self:center}.strategy-grid{grid-template-columns:1fr}.flow-card{padding:24px}.flow-card h3{min-height:3.9em}.difference-grid{grid-template-columns:1fr;gap:14px}.difference-grid p{padding:24px}.signup-card{scroll-margin-top:110px}}
@media(max-width:600px){.container{width:calc(100% - 40px)}.nav{gap:10px}.nav>.brand{width:160px}.nav>.button{font-size:1.1875rem;width:100%;order:4;min-height:48px}.menu-toggle{order:2}.nav nav{order:3}.nav nav.is-open{flex-direction:column}.nav nav a{width:100%;padding:10px 0}.hero{padding-top:30px}.hero h1{font-size:clamp(2.5rem,9.8vw,3.5rem);line-height:1.08}.hero-subtitle{font-size:1.05rem}.hero-art{margin-top:22px}.hero-grid>.signup-card{padding:24px}.section{padding-block:60px}.workflow-title{text-align:left;margin-bottom:28px}.flow-cards{grid-template-columns:1fr;gap:20px}.flow-card{padding:24px}.flow-card h3{min-height:0;margin-bottom:20px;font-size:1.25rem}.interface-illustration{max-height:none}.flow-figure{margin-bottom:22px}.difference-intro{gap:24px}.audience-grid{gap:28px}.audience-photo{aspect-ratio:1/1.05}.benefits-grid{grid-template-columns:1fr 1fr;gap:26px 20px}.benefits h3{font-size:1.125rem}.benefits p{font-size:.9375rem}.closing{padding-block:60px}.closing .button{width:100%;max-width:380px}.faq-grid{gap:24px}.contact-float{bottom:18px;right:14px}.trial-reassurance{gap:3px 12px}html{scroll-padding-top:170px}.signup-card{scroll-margin-top:170px}}
@media(max-width:360px){.benefits-grid{grid-template-columns:1fr}}
@media(max-height:700px){.hero-grid>.signup-card{position:static}}
@media(prefers-reduced-motion:no-preference){.hero-art{animation:art-arrival .65s cubic-bezier(.16,1,.3,1) both}@keyframes art-arrival{from{transform:translateY(10px);clip-path:inset(1% 0 0)}to{transform:translateY(0);clip-path:inset(0)}}}

/* Human expertise: editorial photography and three distinct brand tones. */
.difference h2{max-width:880px;margin-bottom:40px}
.difference-intro{grid-template-columns:minmax(0,1.12fr) minmax(0,1fr);gap:56px;align-items:center}
.difference-photo{margin:0;overflow:hidden;border-radius:16px;background:#282422}
.difference-photo img{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:cover}
.difference-editorial{min-width:0}
.difference-statement{margin-bottom:28px}
.difference-statement p{font-size:clamp(1.5rem,2.25vw,2rem);line-height:1.25;font-weight:750;letter-spacing:-.025em}
.difference-statement p+p{margin-top:14px;color:#bd2c23}
.difference-editorial .copy-stack{max-width:52ch}
.difference-grid{gap:20px;margin-top:28px}
.difference-grid p{position:relative;min-height:166px;padding:32px;font-size:1.0625rem;line-height:1.6;background:#bd2c23;color:#fff;border-radius:12px}
.difference-grid p:nth-child(2){background:#242424;color:#fff}
.difference-grid p:nth-child(3){background:#f3d8d2;color:#47231f}
@media(max-width:1100px){.difference-intro{gap:32px}.difference-grid p{padding:26px}}
@media(max-width:900px){.difference-intro{grid-template-columns:1fr;gap:30px}.difference-photo{max-width:680px}.difference-editorial .copy-stack{max-width:65ch}.difference-grid p{min-height:0}.difference-statement{margin-bottom:22px}}
@media(max-width:600px){.difference h2{margin-bottom:28px}.difference-photo img{aspect-ratio:4/3}.difference-grid{margin-top:26px;gap:12px}.difference-grid p{padding:24px}.difference-statement p{font-size:1.55rem}}

.difference-intro{align-items:stretch}
.difference-photo{position:relative;min-height:440px}
.difference-photo img{position:absolute;inset:0;height:100%;aspect-ratio:auto;object-position:center top;transform:scaleX(-1)}
.difference-editorial{padding-block:12px}
.difference-editorial h2{font-size:clamp(2rem,3.2vw,3rem);line-height:1.1;margin:0 0 30px}
.difference-statement p{font-size:clamp(1.35rem,1.85vw,1.7rem)}
.difference-icon{display:block;width:32px;height:32px;margin-bottom:20px}
@media(max-width:900px){.difference-photo{min-height:0;aspect-ratio:4/3;width:100%;max-width:none}.difference-editorial{padding:0}}

/* Revised opening: promise and portrait, followed by explanation and signup. */
.hero{padding:56px 0 64px}
.hero-grid{display:block}
.hero-intro-layout{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:64px;align-items:center}
.hero-intro-layout h1{font-size:clamp(2.6rem,4.4vw,4.2rem);line-height:1.08;max-width:15ch}
.hero-intro-layout .hero-subtitle{margin-top:28px;max-width:40ch}
.hero-intro-layout .hero-art{margin:0;max-width:none}
.hero-intro-layout .hero-art img{display:block;width:100%;height:auto;aspect-ratio:1;object-fit:cover;border-radius:16px}
.introduction{background:#f2eae3}
.introduction-grid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(350px,1fr);gap:72px;align-items:center}
.introduction-copy .hero-description{font-size:clamp(1.5rem,2.25vw,2.05rem);line-height:1.45;font-weight:550;color:var(--ink);max-width:32ch;margin:0;letter-spacing:-.015em}
.introduction .signup-card{position:static;border:0;padding:32px;border-radius:16px;box-shadow:var(--elevation);width:100%;max-width:none}
.flow-card h3{min-height:2.6em;margin-bottom:20px}
.flow-copy{font-size:.9375rem;line-height:1.6}
.flow-card{grid-template-rows:auto auto auto 1fr}
@media(min-width:1450px){.flow-card h3{min-height:3.9em}.flow-copy{font-size:.9375rem}}
@media(max-width:1100px){.hero-intro-layout{gap:36px}.introduction-grid{gap:36px}.introduction .signup-card{padding:26px}}
@media(max-width:900px){.hero-intro-layout{grid-template-columns:1fr 1fr;gap:28px}.hero-intro-layout h1{font-size:clamp(2.2rem,4.8vw,3.4rem)}.introduction-grid{grid-template-columns:1fr;gap:32px}.introduction-copy .hero-description{max-width:44ch}.introduction .signup-card{max-width:640px;justify-self:center}}
@media(max-width:600px){.hero{padding:30px 0 40px}.hero-intro-layout{grid-template-columns:1fr;gap:28px}.hero-intro-layout h1{font-size:clamp(2.3rem,9.3vw,3.4rem);max-width:16ch}.hero-intro-layout .hero-subtitle{margin-top:22px}.hero-intro-layout .hero-art img{aspect-ratio:1.1}.introduction-copy .hero-description{font-size:1.45rem;line-height:1.5}.introduction .signup-card{padding:24px}.flow-card h3{min-height:0}.flow-copy{font-size:.9375rem}}

.brand{width:212px}.brand img{display:block;width:100%;height:auto;max-height:70px;object-fit:contain}
.hero{position:relative;isolation:isolate;overflow:hidden}
.hero-pattern{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:0}
.hero>.hero-grid{position:relative;z-index:1}
.benefits{position:relative;isolation:isolate;overflow:hidden}
.benefits>.container{position:relative;z-index:1}
.audience-photo{aspect-ratio:auto;overflow:visible;background:transparent}
.audience-photo img{width:100%;height:auto;object-fit:contain;border-radius:0}
.launch-offer{margin:36px auto 0;max-width:520px}
.closing .launch-label{font-size:1rem;color:#f1b5ad;font-weight:600;margin:0 0 14px}
.launch-prices{display:flex;align-items:center;justify-content:center;gap:24px;flex-wrap:wrap}
.launch-prices del{font-size:1.5rem;color:#bbb;text-decoration-thickness:2px}
.launch-prices strong{font-size:clamp(3.5rem,6vw,5rem);line-height:1.05;letter-spacing:-.035em;color:#fff;font-weight:750;white-space:nowrap}
.launch-prices strong span{font-size:.5em;letter-spacing:-.02em}
.closing .closing-note{margin:24px 0 18px}
@media(max-width:600px){.launch-prices{gap:12px;flex-direction:column}.launch-offer{margin-top:28px}.launch-prices del{font-size:1.25rem}}
.hero-intro-layout .hero-art img{aspect-ratio:auto;object-fit:contain;border-radius:0}
.hero-intro-layout{grid-template-columns:minmax(0,1fr) minmax(0,1.18fr);gap:40px}
.hero-intro-layout .hero-art img{transform:scale(1.08);transform-origin:center}
@media(max-width:900px){.hero-intro-layout{grid-template-columns:1fr 1fr;gap:28px}.hero-intro-layout .hero-art img{transform:scale(1.04)}}
@media(max-width:600px){.hero-intro-layout{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){.hero-intro-layout .hero-art img{transform:scale(1.04)}}
.introduction-title{font-size:clamp(1.75rem,2.7vw,2.5rem);line-height:1.2;max-width:25ch;margin:0 0 24px}
.introduction-description{font-size:1.125rem;line-height:1.65;max-width:48ch;color:var(--muted)}
.strategy h2 .strategy-typewriter{font-style:normal!important;font-family:inherit!important;font-weight:750;position:relative}
.strategy h2 .strategy-typewriter .typewriter-char{font:inherit!important;display:inline}
.typewriter-char{visibility:visible}
.interface-illustration{transition:transform .3s cubic-bezier(.16,1,.3,1);transform-origin:center}
.difference-grid p{transition:background-color .25s,color .25s}
@media(hover:hover){.flow-figure:hover .interface-illustration{transform:scale(1.035)}.difference-grid p:hover{background:#fff;color:#111}}
@media(prefers-reduced-motion:reduce){.interface-illustration,.difference-grid p{transition:none}.flow-figure:hover .interface-illustration{transform:none}}
.launch-prices .price-period{font-size:1rem;font-weight:500;letter-spacing:0;margin-left:6px}