:root{--ink:#0d1215;--ink-2:#151b1f;--paper:#f7f8f3;--white:#fff;--soft:#edf0e7;--line:#d9ded2;--muted:#657068;--lime:#d4ecdd;--lime-dark:#bddfca;--radius:24px;--shadow:0 28px 70px rgba(10,15,18,.16)}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--paper);color:var(--ink);font-family:'Outfit',system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;font-size:17px;line-height:1.55;-webkit-font-smoothing:antialiased}
body.menu-open{overflow:hidden}
img{max-width:100%;height:auto}
a{color:inherit;text-decoration:none}
button,input,textarea,select{font:inherit}
h1,h2,h3,p,figure,ol,ul{margin-top:0}
h1,h2,h3{line-height:1.03;letter-spacing:-.035em}
h1{font-size:clamp(3.1rem,6vw,6.25rem);margin-bottom:26px}
h2{font-size:clamp(2.35rem,4vw,4.45rem);margin-bottom:24px}
h3{font-size:1.45rem;margin-bottom:10px}
p{color:#4e5952}
.skip-link{position:fixed;left:16px;top:-60px;z-index:100;background:var(--lime);color:var(--ink);padding:10px 16px;border-radius:10px;font-weight:800}.skip-link:focus{top:16px}
.eyebrow{margin-bottom:16px;color:#52796d;font-size:.78rem;font-weight:800;letter-spacing:.16em;text-transform:uppercase}
.button{display:inline-flex;align-items:center;justify-content:center;gap:14px;min-height:52px;padding:14px 22px;border:1px solid var(--lime);border-radius:14px;background:var(--lime);color:var(--ink);font-weight:800;line-height:1.1;transition:transform .2s ease,background .2s ease,border-color .2s ease}
.button:hover{transform:translateY(-2px);background:#d4ecdd;border-color:#d4ecdd}
.button.small{min-height:42px;padding:10px 17px;border-radius:12px;font-size:.94rem}
.button-ghost-light{border-color:rgba(255,255,255,.38);background:transparent;color:#fff}
.button-ghost-light:hover{border-color:#fff;background:#fff;color:var(--ink)}
.button-dark{border-color:var(--ink);background:var(--ink);color:#fff}
.button-dark:hover{border-color:#20282d;background:#20282d}
.nav{position:sticky;top:0;z-index:50;display:flex;align-items:center;gap:34px;min-height:76px;padding:12px max(24px,calc((100vw - 1240px)/2));border-bottom:1px solid rgba(13,18,21,.1);background:rgba(247,248,243,.96);backdrop-filter:blur(16px)}
.brand{display:inline-flex;align-items:center;gap:10px;flex:0 0 auto;font-size:1.45rem}.brand strong{letter-spacing:-.04em}.brand .mark{width:30px;height:30px;background:url('/assets/brand/signet-light.svg?v=17') center/contain no-repeat}
.nav>nav{display:flex;align-items:center;gap:28px;margin-left:auto}.nav>nav a,.actions>a:first-child{font-size:.95rem;font-weight:650;color:#374039}.nav>nav a:hover,.nav>nav a.active,.actions>a:first-child:hover{color:#000}
.actions{display:flex;align-items:center;gap:20px}
.mobile-menu{display:none;margin-left:auto}.mobile-menu summary{position:relative;z-index:2;display:grid;place-items:center;width:46px;height:46px;border:1px solid rgba(13,18,21,.18);border-radius:14px;background:rgba(255,255,255,.44);cursor:pointer;list-style:none;transition:background .2s ease,border-color .2s ease}.mobile-menu summary::-webkit-details-marker{display:none}.mobile-menu summary span,.mobile-menu summary span:before,.mobile-menu summary span:after{display:block;width:21px;height:2px;background:var(--ink);content:'';transition:transform .25s ease,opacity .2s ease}.mobile-menu summary span:before{transform:translateY(-7px)}.mobile-menu summary span:after{transform:translateY(5px)}.mobile-menu[open] summary{border-color:var(--ink);background:var(--ink)}.mobile-menu[open] summary span{background:transparent}.mobile-menu[open] summary span:before{background:#fff;transform:translateY(1px) rotate(45deg)}.mobile-menu[open] summary span:after{background:#fff;transform:translateY(-1px) rotate(-45deg)}.mobile-menu nav{position:fixed;z-index:1;top:76px;right:0;left:0;display:flex;flex-direction:column;width:100%;height:calc(100dvh - 76px);padding:28px max(24px,calc((100vw - 760px)/2)) 24px;background:var(--lime);color:var(--ink);box-shadow:0 24px 60px rgba(13,18,21,.2);overflow-y:auto}.mobile-menu-intro{display:flex;align-items:end;justify-content:space-between;gap:20px;padding-bottom:18px;border-bottom:1px solid rgba(13,18,21,.28)}.mobile-menu-intro>span{font-size:.75rem;font-weight:800;letter-spacing:.16em;text-transform:uppercase}.mobile-menu-intro small{color:#354441;font-weight:650}.mobile-menu-links{display:grid}.mobile-menu-links>a{display:grid;grid-template-columns:32px 1fr auto;align-items:center;gap:14px;padding:20px 0;border-bottom:1px solid rgba(13,18,21,.28);font-size:clamp(1.45rem,6vw,2.2rem);font-weight:800;letter-spacing:-.035em;line-height:1.05}.mobile-menu-links>a>span{align-self:start;padding-top:.35em;color:#52796d;font-size:.68rem;letter-spacing:.08em}.mobile-menu-links>a>b{font-size:1.1rem;font-weight:500}.mobile-menu-actions{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:14px;margin-top:auto;padding-top:26px}.mobile-menu-actions .mobile-login{padding:14px 10px;font-weight:800}.mobile-menu-actions .button{width:100%;margin:0;border-radius:15px}
.hero{display:grid;grid-template-columns:minmax(0,.88fr) minmax(480px,1.12fr);align-items:center;gap:clamp(40px,5vw,84px);min-height:690px;padding:72px max(24px,calc((100vw - 1240px)/2));background:var(--ink);color:#fff;overflow:hidden}
.hero-copy{max-width:590px}.hero-copy .eyebrow{color:var(--lime)}.hero-copy h1 em{display:block;color:var(--lime);font-style:normal}.hero-copy>p:not(.eyebrow){max-width:560px;color:#bec7c1;font-size:1.24rem}.hero-copy>small{display:block;margin-top:22px;color:#96a099;font-weight:600}.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:34px}
.hero-image{position:relative;margin:0}.hero-image img{display:block;width:100%;aspect-ratio:1.37;object-fit:cover;border:1px solid rgba(255,255,255,.16);border-radius:28px;box-shadow:0 32px 80px rgba(0,0,0,.35)}.hero-image figcaption{position:absolute;left:24px;bottom:24px;padding:10px 14px;border-radius:10px;background:var(--lime);color:var(--ink);font-size:.82rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase}
.value-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:#dfe3da;border-bottom:1px solid #dfe3da}.value-strip article{display:grid;gap:6px;padding:30px max(24px,calc((100vw - 1180px)/6));background:#fff}.value-strip strong{font-size:1.05rem}.value-strip span{color:var(--muted);font-size:.92rem;line-height:1.45}
.pain-section{padding:120px max(24px,calc((100vw - 1180px)/2));background:#fff;scroll-margin-top:72px}.pain-heading{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(320px,.85fr);gap:30px 90px;align-items:end;margin-bottom:66px}.pain-heading .eyebrow{grid-column:1/-1;margin-bottom:-8px}.pain-heading h2{max-width:760px;margin-bottom:0}.pain-heading>p:not(.eyebrow){max-width:520px;margin-bottom:8px;font-size:1.1rem}.pain-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.pain-grid article{padding:30px;border:1px solid var(--line);border-radius:22px;background:var(--paper)}.pain-grid article>span{display:block;margin-bottom:38px;color:#52796d;font-size:.76rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.pain-grid h3{font-size:1.5rem}.pain-grid p{margin-bottom:0}.pain-statement{display:flex;align-items:baseline;justify-content:center;gap:10px;margin-top:54px;padding-top:40px;border-top:1px solid var(--line);font-size:clamp(1.35rem,2.4vw,2.2rem);letter-spacing:-.03em}.pain-statement span{color:#748078}.pain-statement strong{color:var(--ink)}
.journey-section{padding:110px max(24px,calc((100vw - 1180px)/2));background:var(--soft);scroll-margin-top:72px}.journey-heading{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(320px,.85fr);gap:30px 90px;align-items:end;margin-bottom:56px}.journey-heading .eyebrow{grid-column:1/-1;margin-bottom:-8px}.journey-heading h2{max-width:760px;margin-bottom:0}.journey-heading>p:not(.eyebrow){max-width:530px;margin-bottom:8px;font-size:1.08rem}.journey-grid{display:grid;grid-template-columns:1fr 1fr;gap:1px;margin:0;padding:1px;border-radius:24px;background:#d4dacd;list-style:none;overflow:hidden}.journey-grid li{display:grid;grid-template-columns:64px 1fr;gap:24px;min-height:250px;padding:32px;background:#fff}.journey-grid li>span{display:grid;place-items:center;align-self:start;width:58px;height:58px;border-radius:50%;background:var(--lime);font-weight:800}.journey-grid small{display:block;margin-bottom:16px;color:#52796d;font-size:.74rem;font-weight:800;letter-spacing:.13em;text-transform:uppercase}.journey-grid h3{max-width:380px;font-size:1.45rem}.journey-grid p{max-width:430px;margin-bottom:0}
.steps{padding:110px max(24px,calc((100vw - 1180px)/2));background:#fff}.section-heading{max-width:780px;margin-bottom:54px}.steps ol{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;padding:0;list-style:none}.steps li{min-height:250px;padding:30px;border:1px solid var(--line);border-radius:var(--radius);background:var(--paper)}.steps li>span{display:inline-grid;place-items:center;width:50px;height:50px;margin-bottom:36px;border-radius:50%;background:var(--lime);font-weight:800}.steps li p{margin-bottom:0}
.operator-section{padding:110px max(24px,calc((100vw - 1240px)/2));background:var(--ink);color:#fff;scroll-margin-top:72px}.operator-section .eyebrow{color:var(--lime)}.operator-intro{display:grid;grid-template-columns:1.2fr .8fr;gap:70px;align-items:end;margin-bottom:54px}.operator-intro h2{max-width:780px;margin-bottom:0}.operator-intro>p{max-width:530px;margin-bottom:8px;color:#b8c1bb;font-size:1.1rem}.product-shot{margin:0;overflow:hidden;border:1px solid #30383c;border-radius:22px;background:#11171a}.product-shot img{display:block;width:100%;height:auto;object-fit:contain}.product-shot figcaption{display:flex;justify-content:space-between;gap:18px;padding:18px 20px;color:#9da8a1;font-size:.88rem}.product-shot figcaption strong{color:#fff;font-size:1rem}.product-shot-main{max-width:1180px;margin:0 auto}.product-shot-main figcaption{padding:20px 24px}.operator-features{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;margin:56px 0;background:#30383c;border:1px solid #30383c;border-radius:20px;overflow:hidden}.operator-features article{min-height:230px;padding:26px;background:#11171a}.operator-features article>span{display:block;margin-bottom:34px;color:var(--lime);font-size:.78rem;font-weight:800;letter-spacing:.12em}.operator-features h3{font-size:1.3rem}.operator-features p{margin-bottom:0;color:#9da8a1;font-size:.94rem}.product-gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.product-gallery .product-shot figcaption{display:grid;gap:2px}
.member-section{padding:110px max(24px,calc((100vw - 1120px)/2));background:#eaf4ee;scroll-margin-top:72px}.member-layout{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(320px,.75fr);gap:clamp(54px,8vw,120px);align-items:center}.member-copy>p:not(.eyebrow){max-width:720px;font-size:1.1rem}.member-benefits{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:38px}.member-benefits article{display:grid;grid-template-columns:auto 1fr;gap:15px;padding:20px;border:1px solid #bad8c6;border-radius:17px;background:rgba(255,255,255,.62)}.member-benefits article>b{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:var(--lime);font-size:.72rem}.member-benefits h3{margin-bottom:7px;font-size:1.1rem}.member-benefits p{margin-bottom:0;font-size:.9rem;line-height:1.45}.retention-section{padding:100px max(24px,calc((100vw - 1180px)/2));background:#fff}.retention-heading{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(320px,.85fr);gap:36px 90px;align-items:end;margin-bottom:54px}.retention-heading .eyebrow{color:#52796d}.retention-heading h2{max-width:720px;margin-bottom:0}.retention-heading>p{max-width:520px;margin-bottom:8px;font-size:1.08rem}.retention-features{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.retention-features article{min-height:270px;padding:34px 34px 36px 0}.retention-features article+article{padding-left:34px;border-left:1px solid var(--line)}.retention-features article>span{display:block;margin-bottom:48px;color:#52796d;font-size:.76rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.retention-features h3{max-width:300px;font-size:1.45rem}.retention-features p{max-width:340px;margin-bottom:0}.retention-note{margin:28px 0 0;color:#667168;font-size:1rem}.retention-note strong{color:var(--ink)}
.story-section{padding:110px max(24px,calc((100vw - 1240px)/2));background:var(--paper);scroll-margin-top:72px}.story-section:nth-of-type(odd){background:#fff}.story-section.member-story{background:#eaf4ee}.story-section.dark{background:var(--ink);color:#fff}.story-section.dark p{color:#b8c1bb}.story-section.dark .eyebrow{color:var(--lime)}
.story-grid{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(320px,.75fr);align-items:center;gap:clamp(44px,7vw,104px)}.story-grid.reverse{grid-template-columns:minmax(320px,.75fr) minmax(0,1.25fr)}.story-grid.reverse .screen-stage{order:2}.story-grid.reverse .story-copy{order:1}
.story-copy{max-width:510px}.story-copy>p:not(.eyebrow){font-size:1.1rem}.story-copy ul,.contact-copy ul{display:grid;gap:13px;margin:28px 0 0;padding:0;list-style:none}.story-copy li,.contact-copy li{position:relative;padding-left:30px}.story-copy li:before,.contact-copy li:before{position:absolute;left:0;top:.25em;display:grid;place-items:center;width:19px;height:19px;border-radius:50%;background:var(--lime);color:var(--ink);content:'✓';font-size:.7rem;font-weight:900}
.screen-stage,.phone-stage{margin:0}.screen-stage{position:relative}.screen-stage img{display:block;width:100%;border:1px solid rgba(255,255,255,.12);border-radius:20px;box-shadow:var(--shadow)}.screen-stage figcaption,.phone-stage figcaption{position:relative;margin-top:20px;color:#768077;font-size:.78rem;font-weight:700;letter-spacing:.1em;text-align:center;text-transform:uppercase}
.member-grid{grid-template-columns:minmax(360px,.9fr) minmax(340px,1.1fr)}.phone-stage{display:grid;justify-items:center}.phone-frame{position:relative;width:min(340px,78vw);padding:12px;border:7px solid #0e1316;border-radius:48px;background:#0e1316;box-shadow:0 38px 80px rgba(23,29,31,.26)}.phone-frame:after{position:absolute;inset:4px;border:1px solid rgba(255,255,255,.16);border-radius:37px;pointer-events:none;content:''}.phone-frame img{display:block;width:100%;border-radius:32px}.phone-speaker{position:absolute;z-index:2;top:18px;left:50%;width:76px;height:19px;border-radius:0 0 13px 13px;background:#0e1316;transform:translateX(-50%)}
.lightbox-target{cursor:zoom-in}.lightbox-target:focus-visible{outline:4px solid var(--lime);outline-offset:-4px}.product-shot.has-lightbox,.phone-frame.has-lightbox{position:relative}.product-shot.has-lightbox:after,.phone-frame.has-lightbox:before{position:absolute;z-index:3;top:12px;right:12px;display:grid;place-items:center;width:38px;height:38px;border:1px solid rgba(255,255,255,.2);border-radius:50%;background:rgba(13,18,21,.82);color:#fff;content:'↗';font-size:1rem;font-weight:800;pointer-events:none;backdrop-filter:blur(8px)}.image-lightbox{width:min(96vw,1500px);max-width:none;height:min(94vh,1000px);max-height:none;margin:auto;padding:0;border:0;border-radius:22px;background:#090d0f;color:#fff;box-shadow:0 40px 120px rgba(0,0,0,.55);overflow:hidden}.image-lightbox::backdrop{background:rgba(3,6,7,.86);backdrop-filter:blur(6px)}.image-lightbox-inner{position:relative;display:grid;grid-template-rows:minmax(0,1fr) auto;width:100%;height:100%;padding:54px 18px 16px}.image-lightbox img{align-self:center;justify-self:center;display:block;max-width:100%;max-height:calc(94vh - 105px);width:auto;height:auto;border-radius:12px;object-fit:contain}.image-lightbox-caption{margin:12px 44px 0;color:#b8c1bb;font-size:.9rem;text-align:center}.image-lightbox-close{position:absolute;z-index:2;top:12px;right:12px;display:grid;place-items:center;width:40px;height:40px;padding:0;border:1px solid #3a4347;border-radius:50%;background:#151b1f;color:#fff;font-size:1.65rem;line-height:1;cursor:pointer}.image-lightbox-close:hover{background:var(--lime);color:var(--ink)}
.cost-section{display:grid;grid-template-columns:1.2fr .8fr;gap:80px;align-items:center;padding:90px max(24px,calc((100vw - 1180px)/2));background:var(--lime)}.cost-section .eyebrow{color:#365b62}.cost-section h2{max-width:700px}.cost-section p{max-width:720px;margin-bottom:0;color:#354441;font-size:1.12rem}.cost-section aside{display:grid;gap:14px;padding:28px;border:1px solid rgba(13,18,21,.22);border-radius:22px;background:rgba(255,255,255,.33)}.cost-section aside strong{font-size:1.35rem}.cost-section aside span{color:#354441}.cost-section aside .button{margin-top:8px}
.closing-section{display:flex;align-items:center;justify-content:space-between;gap:40px;padding:90px max(24px,calc((100vw - 1180px)/2));background:var(--ink);color:#fff}.closing-section .eyebrow{color:var(--lime)}.closing-section h2{margin-bottom:12px}.closing-section p:not(.eyebrow){margin:0;color:#b9c2bc}.closing-actions{display:flex;flex-wrap:wrap;gap:12px}
.subpage{min-height:65vh}.offer-hero,.contact-layout{display:grid;grid-template-columns:1.08fr .92fr;gap:clamp(44px,7vw,100px);align-items:center;min-height:640px;padding:90px max(24px,calc((100vw - 1180px)/2));background:var(--ink);color:#fff}.offer-hero h1,.contact-layout h1{font-size:clamp(3rem,5.4vw,5.5rem)}.offer-hero p,.contact-layout p{max-width:650px;color:#bcc5bf;font-size:1.15rem}.offer-hero .eyebrow,.contact-layout .eyebrow{color:var(--lime)}.offer-hero aside{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:14px;padding:36px;border:1px solid #354441;border-radius:28px;background:var(--ink-2);text-align:center}.offer-hero aside span{padding:20px 10px;border-radius:16px;background:#20282c;font-weight:750}.offer-hero aside b{color:var(--lime);font-size:2rem}.offer-hero aside small{grid-column:1/-1;color:var(--lime);font-weight:700}
.offer-details{display:grid;grid-template-columns:1fr 1fr;gap:70px;padding:100px max(24px,calc((100vw - 1180px)/2));background:#fff}.offer-details ul{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:0;padding:0;list-style:none}.offer-details li{padding:18px;border:1px solid var(--line);border-radius:14px;background:var(--paper);font-weight:650}.offer-details li:before{margin-right:9px;color:#52796d;content:'✓'}
.sub-cta,.contact-demo{display:flex;align-items:center;justify-content:space-between;gap:44px;padding:70px max(24px,calc((100vw - 1180px)/2));background:var(--lime)}.sub-cta h2,.contact-demo h2{font-size:clamp(2rem,3.6vw,3.6rem);margin-bottom:12px}.sub-cta p:not(.eyebrow),.contact-demo p:not(.eyebrow){margin-bottom:0;color:#354441}
.contact-copy ul{color:#fff}.contact-card{display:grid;gap:16px;padding:36px;border-radius:28px;background:var(--lime);color:var(--ink)}.contact-card .eyebrow{color:#365b62}.contact-card h2{font-size:2.5rem;margin-bottom:4px}.contact-card p{color:#354441;font-size:1rem}.mail-link{font-weight:800;text-decoration:underline;text-underline-offset:4px}
.legal-page{max-width:1000px;margin:0 auto;padding:90px 24px 120px}.legal-page>h1{font-size:clamp(3rem,6vw,5rem)}.legal-lead{max-width:760px;font-size:1.15rem}.legal-nav{display:flex;flex-wrap:wrap;gap:10px;margin:36px 0}.legal-nav a{padding:9px 14px;border:1px solid var(--line);border-radius:999px;font-weight:650}.legal-nav a.active{border-color:var(--ink);background:var(--ink);color:#fff}.legal-copy{display:grid;gap:16px}.legal-section{padding:28px;border:1px solid var(--line);border-radius:18px;background:#fff}.legal-section h2{font-size:1.55rem;margin-bottom:12px}.legal-section p{margin-bottom:0;white-space:normal}
.site-footer{padding:72px max(24px,calc((100vw - 1180px)/2)) 24px;background:#080c0e;color:#fff}.footer-main{display:grid;grid-template-columns:1.6fr repeat(3,1fr);gap:50px;padding-bottom:54px}.footer-brand p{max-width:290px;margin-top:18px;color:#87918b}.brand.invert .mark{background-image:url('/assets/brand/signet-dark.svg?v=17')}.footer-main nav{display:grid;align-content:start;gap:10px}.footer-main nav strong{margin-bottom:10px;color:var(--lime);font-size:.76rem;letter-spacing:.13em;text-transform:uppercase}.footer-main nav a{color:#bdc5bf;font-size:.94rem}.footer-main nav a:hover{color:#fff}.footer-bottom{display:flex;justify-content:space-between;gap:20px;padding-top:20px;border-top:1px solid #20272a;color:#7e8982}
@media (max-width:1040px){.nav>nav{gap:18px}.hero{grid-template-columns:1fr 1fr}.story-grid,.story-grid.reverse{gap:48px}.operator-features{grid-template-columns:1fr 1fr}.product-gallery{grid-template-columns:1fr 1fr}.product-gallery .product-shot:last-child{grid-column:1/-1}.footer-main{grid-template-columns:1.4fr repeat(3,1fr)}}
@media (max-width:900px){.nav>nav,.actions{display:none}.mobile-menu{display:block}.hero{grid-template-columns:1fr;min-height:auto;padding-top:64px;padding-bottom:80px}.hero-copy{max-width:760px}.hero-image{max-width:760px}.value-strip{grid-template-columns:1fr}.value-strip article{padding:24px max(24px,calc((100vw - 760px)/2))}.pain-heading,.journey-heading{grid-template-columns:1fr;gap:22px}.pain-heading .eyebrow,.journey-heading .eyebrow{grid-column:auto;margin-bottom:-2px}.pain-grid{grid-template-columns:1fr}.journey-grid{grid-template-columns:1fr}.steps ol{grid-template-columns:1fr}.steps li{min-height:0}.operator-intro,.member-layout,.retention-section{grid-template-columns:1fr}.operator-intro{gap:24px}.product-gallery{grid-template-columns:1fr}.product-gallery .product-shot:last-child{grid-column:auto}.member-copy{order:1}.phone-stage{order:2}.story-grid,.story-grid.reverse,.member-grid{grid-template-columns:1fr}.story-copy{max-width:720px;order:1!important}.screen-stage{order:2!important}.phone-frame{width:min(360px,84vw)}.cost-section,.offer-hero,.contact-layout,.offer-details{grid-template-columns:1fr}.cost-section{gap:40px}.closing-section,.sub-cta,.contact-demo{align-items:flex-start;flex-direction:column}.footer-main{grid-template-columns:1fr 1fr}.footer-brand{grid-column:1/-1}}
@media (max-width:620px){body{font-size:16px}.nav{min-height:66px;padding:10px 18px}.mobile-menu nav{top:66px;height:calc(100dvh - 66px);padding:24px 20px 20px}.mobile-menu-links>a{padding:19px 0}.mobile-menu-actions{grid-template-columns:1fr}.mobile-menu-actions .mobile-login{text-align:center}.hero{padding:54px 20px 64px;gap:42px}.hero h1{font-size:clamp(3rem,15vw,4.5rem)}.hero-copy>p:not(.eyebrow){font-size:1.08rem}.hero-actions{display:grid}.hero-actions .button{width:100%}.hero-image{overflow:hidden;border:1px solid rgba(82,121,109,.38);border-radius:20px}.hero-image img{border:0;border-radius:19px}.hero-image figcaption{left:14px;bottom:14px}.pain-section,.journey-section,.steps,.story-section,.operator-section,.member-section{padding:76px 20px}.pain-heading,.journey-heading{margin-bottom:42px}.pain-grid article{padding:24px}.pain-grid article>span{margin-bottom:28px}.pain-statement{display:grid;gap:2px;justify-content:start;margin-top:42px;padding-top:30px}.journey-grid li{grid-template-columns:46px 1fr;gap:16px;min-height:0;padding:24px 20px}.journey-grid li>span{width:44px;height:44px;font-size:.8rem}.journey-grid h3{font-size:1.25rem}.steps li{padding:24px}.operator-features,.member-benefits{grid-template-columns:1fr}.operator-features article{min-height:auto}.product-shot,.product-shot img{border-radius:14px}.product-shot figcaption{display:grid;gap:2px}.retention-section{gap:26px;padding:68px 20px}.story-grid,.story-grid.reverse{gap:42px}.screen-stage img{border-radius:14px}.screen-stage figcaption{margin-top:14px;color:inherit;opacity:.58}.phone-frame{padding:8px;border-width:5px;border-radius:40px}.phone-frame img{border-radius:29px}.image-lightbox{width:100vw;height:100dvh;border-radius:0}.image-lightbox-inner{padding:58px 10px 14px}.image-lightbox img{max-height:calc(100dvh - 112px);border-radius:8px}.image-lightbox-caption{margin:10px 38px 0;font-size:.78rem}.cost-section,.closing-section,.offer-hero,.contact-layout,.offer-details,.sub-cta,.contact-demo{padding:68px 20px}.offer-hero aside{grid-template-columns:1fr;padding:24px}.offer-hero aside small{grid-column:1}.offer-details ul{grid-template-columns:1fr}.contact-card{padding:26px}.footer-main{grid-template-columns:1fr}.footer-brand{grid-column:auto}.footer-bottom{flex-direction:column}.site-footer{padding:60px 20px 24px}}

/* Official GymDigital artwork: black on light surfaces, white on dark surfaces. */
.brand{width:170px;height:34px;flex:0 0 170px;background:center/contain no-repeat url('/assets/brand/logo-light.svg?v=17')}
.brand>.mark,.brand>strong{display:none}
.brand.invert{background-image:url('/assets/brand/logo-dark.svg?v=17')}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button{transition:none}}

/* Screenshots: ruhig, direkt und ohne dekorative Kartenrahmen */
.product-shot{overflow:visible;border:0;border-radius:0;background:transparent}
.product-shot img{border:0;border-radius:12px;box-shadow:0 18px 48px rgba(0,0,0,.2)}
.product-shot figcaption{padding:18px 4px 0}
.product-shot-main figcaption{padding:20px 4px 0}
.product-gallery{gap:28px}
.operator-features{border:0;border-radius:0;overflow:visible}
.lightbox-target{cursor:zoom-in;transition:opacity .2s ease,transform .2s ease}
.lightbox-target:hover{opacity:.92}
.lightbox-target:focus{outline:0}
.lightbox-target:focus-visible{outline:2px solid rgba(255,255,255,.75);outline-offset:4px}
.product-shot.has-lightbox:after,.phone-frame.has-lightbox:before{display:none}

/* Lightbox: weicher Zoom auf einer vollflächig verschwommenen Bühne */
.image-lightbox{width:100vw;max-width:none;height:100dvh;max-height:none;margin:0;padding:0;border:0;border-radius:0;background:transparent;color:#fff;box-shadow:none;overflow:hidden;opacity:0;transition:opacity .24s ease}
.image-lightbox[open]{display:grid;place-items:center}
.image-lightbox.is-visible{opacity:1}
.image-lightbox::backdrop{background:rgba(3,6,7,.4);-webkit-backdrop-filter:blur(18px) saturate(.7);backdrop-filter:blur(18px) saturate(.7);opacity:0;transition:opacity .24s ease}
.image-lightbox.is-visible::backdrop{opacity:1}
.image-lightbox-inner{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;height:100%;padding:24px;pointer-events:none;opacity:0;transform:scale(.92);transition:transform .28s cubic-bezier(.2,.8,.2,1),opacity .2s ease}
.image-lightbox.is-visible .image-lightbox-inner{opacity:1;transform:scale(1)}
.image-lightbox img{pointer-events:auto;align-self:auto;justify-self:auto;width:auto;height:auto;max-width:min(94vw,1500px);max-height:calc(100dvh - 112px);border-radius:12px;object-fit:contain;box-shadow:0 30px 100px rgba(0,0,0,.52)}
.image-lightbox-caption{pointer-events:none;margin:14px 52px 0;color:#fff;text-align:center;text-shadow:0 2px 12px rgba(0,0,0,.65)}
.image-lightbox-close{position:fixed;top:max(16px,env(safe-area-inset-top));right:max(16px,env(safe-area-inset-right));pointer-events:auto}

@starting-style{
  .image-lightbox[open]{opacity:0}
  .image-lightbox[open]::backdrop{opacity:0}
  .image-lightbox[open] .image-lightbox-inner{opacity:0;transform:scale(.92)}
}

@media(max-width:700px){
  .product-gallery{gap:42px}
  .product-shot img{border-radius:8px;box-shadow:0 14px 36px rgba(0,0,0,.18)}
  .product-shot figcaption,.product-shot-main figcaption{padding:16px 0 0}
  .image-lightbox-inner{padding:14px}
  .image-lightbox img{max-width:calc(100vw - 28px);max-height:calc(100dvh - 96px);border-radius:8px}
  .image-lightbox-caption{margin:12px 42px 0;font-size:13px}
}

@media(prefers-reduced-motion:reduce){
  .image-lightbox,.image-lightbox::backdrop,.image-lightbox-inner{transition:none}
}

@media(max-width:900px){
  .retention-heading{grid-template-columns:1fr;gap:20px;margin-bottom:42px}
  .retention-features{grid-template-columns:1fr}
  .retention-features article{min-height:0;padding:28px 0}
  .retention-features article+article{padding-left:0;border-top:1px solid var(--line);border-left:0}
  .retention-features article>span{margin-bottom:22px}
  .retention-features h3,.retention-features p{max-width:680px}
}

@media(max-width:620px){
  .retention-section{padding:72px 20px}
  .retention-heading h2{font-size:clamp(2.35rem,12vw,3.5rem)}
  .retention-note{display:grid;gap:2px}
}
