/* My Gym Body -- static, accessible marketing system. No external dependencies. */
:root{color-scheme:dark;--bg:#080e18;--surface:#0f1928;--surface-2:#132135;--line:#26374a;--text:#f2f5fa;--muted:#adbbcc;--blue:#4188ff;--cyan:#7dd9f5;--radius:6px;--max:1320px;--gutter:clamp(22px,4.5vw,84px)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:112px}body{margin:0;background:var(--bg);color:var(--text);font-family:Arial,Helvetica,sans-serif;font-size:16px;line-height:1.65;-webkit-font-smoothing:antialiased}body::before{content:"";position:absolute;inset:0 0 auto;height:860px;background:radial-gradient(ellipse at 80% 22%,#15345860,transparent 54%);pointer-events:none;z-index:-1}a{color:inherit;text-underline-offset:5px}a:hover{color:var(--cyan)}button{font:inherit}a,button,summary{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid var(--cyan);outline-offset:5px}button{color:inherit}img,svg{max-width:100%;display:block}img{height:auto}figure{margin:0}h1,h2,h3,p{margin:0}h1,h2,h3{text-wrap:balance}h1{font-size:clamp(42px,5.35vw,82px);line-height:1.04;letter-spacing:-.052em;font-weight:700}h2{font-size:clamp(30px,3.25vw,49px);line-height:1.12;letter-spacing:-.04em}h3{font-size:22px;line-height:1.3;letter-spacing:-.025em}p{color:var(--muted)}p+p{margin-top:18px}::selection{background:#245baf;color:#fff}[hidden]{display:none!important}.container{max-width:calc(var(--max) + var(--gutter)*2);padding-inline:var(--gutter);margin-inline:auto}.section{padding-block:100px}.section-tight{padding-block:64px}.section-border{border-top:1px solid var(--line)}.surface{background:var(--surface)}.eyebrow{display:block;color:var(--cyan);font-size:11px;line-height:1.5;letter-spacing:.19em;font-weight:700;text-transform:uppercase;margin-bottom:22px}.eyebrow::before{content:"";display:inline-block;width:19px;height:2px;background:var(--blue);vertical-align:middle;margin-right:11px}.accent{color:var(--cyan)}.lead{font-size:19px;line-height:1.65;max-width:590px}.section-heading{max-width:710px;margin-bottom:44px}.section-heading p{margin-top:22px;max-width:600px}.text-link{display:inline-flex;gap:20px;align-items:center;font-size:14px;font-weight:700;text-decoration:none;border-bottom:1px solid #53677f;padding:6px 0;margin-top:24px}.text-link::after{content:"\2197 ";font-size:19px;color:var(--cyan)}.button{display:inline-flex;justify-content:center;align-items:center;gap:25px;min-height:50px;padding:13px 23px;border:1px solid var(--blue);border-radius:var(--radius);background:var(--blue);color:#051126;font-size:14px;line-height:1.45;font-weight:700;text-decoration:none;text-align:center;transition:background .15s,border-color .15s}.button:hover{background:#6ca5ff;border-color:#6ca5ff;color:#051126}.button-secondary{background:transparent;border-color:#42566c;color:var(--text)}.button-secondary:hover{background:var(--surface-2);color:var(--text);border-color:var(--cyan)}.actions{display:flex;flex-wrap:wrap;gap:14px;margin-top:32px}.skip-link{position:fixed;left:16px;top:-100px;z-index:100;padding:12px 18px;background:var(--cyan);color:var(--bg)}.skip-link:focus{top:12px}.site-header{position:sticky;top:0;z-index:20;background:#080e18f5;border-bottom:1px solid var(--line)}.header-inner{min-height:88px;display:flex;align-items:center;justify-content:space-between;gap:30px}.brand{font-size:20px;font-weight:800;letter-spacing:-.065em;text-decoration:none;white-space:nowrap;line-height:1.1}.brand span{color:var(--cyan)}.brand small{display:block;color:var(--muted);font-size:9px;letter-spacing:.17em;margin-top:6px;font-weight:400;text-transform:uppercase}.primary-nav{display:flex;gap:28px;align-items:center}.primary-nav a{font-size:13px;text-decoration:none;color:#c2ccda;padding-block:12px}.primary-nav a[aria-current=page]{color:var(--cyan)}.primary-nav .nav-cta{border:1px solid #455a74;border-radius:4px;padding:10px 17px;color:var(--text)}.menu-toggle{display:none}.hero{padding-top:76px;padding-bottom:65px;position:relative}.hero-grid{display:grid;grid-template-columns:1.13fr 1fr;gap:65px;align-items:center}.hero .lead{margin-top:28px;max-width:550px}.hero h1{max-width:750px}.hero-visual{position:relative;padding:22px 0 22px 22px}.hero-visual::before{content:"";position:absolute;inset:0 35px 0 0;border:1px solid #233950;z-index:-1}.hero-visual .asset-placeholder{min-height:500px;background:linear-gradient(140deg,#15273d,#0c1727 75%)}.asset-placeholder{border:1px solid #30445d;background:#101c2b;border-radius:var(--radius);min-height:360px;padding:32px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;position:relative;overflow:hidden}.asset-placeholder::before{content:"";width:48px;height:48px;border:1px solid #4a6682;border-width:1px 0 0 1px;position:absolute;top:22px;left:22px}.asset-placeholder::after{content:"";width:48px;height:48px;border:1px solid #4a6682;border-width:0 1px 1px 0;position:absolute;right:22px;bottom:22px}.asset-placeholder .placeholder-label{font-size:10px;letter-spacing:.18em;text-transform:uppercase;color:#a7bbd1;margin-bottom:18px}.asset-placeholder strong{font-size:clamp(22px,2.2vw,30px);line-height:1.2;letter-spacing:-.03em;font-weight:400;color:#d0deed;max-width:300px}.asset-placeholder p{max-width:270px;font-size:12px;line-height:1.6;margin-top:17px;color:#99acc2}.asset-caption{font-size:11px;letter-spacing:.045em;margin-top:14px;color:#94a8bf;display:flex;justify-content:space-between;gap:16px}.hero-index{display:flex;gap:30px;border-top:1px solid var(--line);padding-top:24px;margin-top:32px;font-size:11px;text-transform:uppercase;letter-spacing:.14em;color:#a9bad0}.hero-index b{color:var(--cyan);margin-right:8px;font-weight:400}.sequence{display:grid;grid-template-columns:repeat(4,1fr);border-block:1px solid var(--line)}.sequence div{padding:26px 30px;border-right:1px solid var(--line);display:flex;align-items:baseline;gap:18px}.sequence div:first-child{padding-left:0}.sequence div:last-child{border:0}.sequence span{font-size:11px;color:var(--cyan);font-family:monospace}.sequence strong{font-size:13px;font-weight:400;letter-spacing:.04em}.split{display:grid;grid-template-columns:1fr 1fr;gap:90px;align-items:center}.split-copy p{margin-top:24px;max-width:550px}.feature-lines{list-style:none;padding:0;margin:28px 0 0}.feature-lines li{padding:15px 0;border-bottom:1px solid var(--line);display:flex;gap:18px;color:#cad5e3;font-size:14px}.feature-lines li::before{content:"+";color:var(--cyan)}.feature-lines strong{color:var(--text)}.comparison-section{background:linear-gradient(180deg,#101c2c,#0d1725);border-block:1px solid var(--line)}.comparison-heading{display:flex;justify-content:space-between;gap:60px;align-items:end;margin-bottom:44px}.comparison-heading h2{max-width:690px}.comparison-heading p{max-width:300px;font-size:14px}.comparison-modes{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.mode{background:#0a1421;border:1px solid #293c53;border-radius:6px;padding:28px}.mode-icon{width:56px;height:36px;display:flex;margin-bottom:28px;border:1px solid #87a8cc;position:relative;overflow:hidden}.mode-icon i{width:50%;background:#1e426c;border-right:2px solid #7dd9f5}.mode-icon i+i{background:#12243b;border-right:0;border-left:4px solid #0a1421}.mode-icon.split-icon{background:linear-gradient(90deg,#1e426c 50%,#12243b 50%)}.mode-icon.split-icon::after{content:"";position:absolute;height:100%;width:2px;left:50%;background:var(--cyan)}.mode-icon.overlay-icon{background:#203d5f}.mode-icon.overlay-icon::after{content:"";position:absolute;inset:7px 10px;border:1px solid var(--cyan);background:#4388ba66}.mode h3{font-size:20px;margin-bottom:12px}.mode p{font-size:14px}.diagram-note{margin-top:16px;font-size:11px;color:#98abc1}.comparison-placeholder{margin-top:28px;min-height:210px}.detail-strip{display:flex;gap:20px;justify-content:space-between;padding:22px 0 0;font-size:12px;color:var(--muted)}.detail-strip strong{color:var(--text);font-weight:400}.set-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:0;border:1px solid var(--line);border-radius:6px;overflow:hidden}.set-card{padding:32px 26px;border-right:1px solid var(--line);background:var(--surface)}.set-card:last-child{border:0}.set-number{font-family:monospace;font-size:12px;color:var(--cyan);margin-bottom:55px;display:block}.set-card h3{font-size:19px;margin-bottom:12px}.set-card p{font-size:13px}.note{border-left:2px solid var(--blue);padding:6px 0 6px 20px;color:#b8c8da;font-size:14px;margin-top:28px}.prep-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:80px}.prep-cards{display:grid;gap:26px}.prep-card{border-top:1px solid var(--line);padding-top:26px}.prep-card h3{margin-bottom:10px}.prep-card p{font-size:15px}.companion{display:grid;grid-template-columns:.38fr 1fr .45fr;gap:40px;align-items:center;padding:38px;border:1px solid #345471;border-radius:6px;background:#102236}.companion-label{font-size:11px;color:var(--cyan);letter-spacing:.13em;text-transform:uppercase}.companion h2{font-size:28px;letter-spacing:-.035em;margin-bottom:14px}.companion p{font-size:14px}.companion .text-link{margin:0;justify-self:end;white-space:nowrap}.faq-layout{display:grid;grid-template-columns:.65fr 1fr;gap:90px}.faq-intro h2{max-width:320px}.faq-intro p{margin-top:20px}.faq-list details{border-bottom:1px solid var(--line)}.faq-list details:first-child{border-top:1px solid var(--line)}summary{cursor:pointer;font-size:16px;font-weight:700;padding:22px 35px 22px 0;position:relative;list-style:none}summary::-webkit-details-marker{display:none}summary::after{content:"+";position:absolute;right:5px;top:19px;color:var(--cyan);font-size:24px;font-weight:400}details[open]>summary::after{content:"\2212 "}.faq-list details p{padding:0 28px 24px 0;font-size:15px;max-width:630px}.final-cta{padding:70px 0;background:#132945;border-top:1px solid #37516e}.cta-inner{display:flex;align-items:center;justify-content:space-between;gap:45px}.final-cta h2{max-width:680px}.final-cta p{margin-top:16px;max-width:650px;color:#c0ccdc}.final-cta .button{flex-shrink:0}.site-footer{padding:60px 0 25px}.footer-grid{display:grid;grid-template-columns:1.6fr 1fr 1fr 1fr;gap:44px}.footer-brand p{font-size:13px;max-width:270px;margin-top:20px}.footer-col strong{font-size:11px;letter-spacing:.12em;text-transform:uppercase;display:block;margin-bottom:20px;color:#849bb5}.footer-col a{display:block;font-size:13px;text-decoration:none;color:#b2c1d2;margin:10px 0}.footer-bottom{border-top:1px solid var(--line);margin-top:50px;padding-top:22px;display:flex;justify-content:space-between;gap:20px;font-size:11px;color:#91a6bf}.page-hero{padding:72px 0 65px}.page-hero h1{font-size:clamp(40px,4.6vw,68px);max-width:960px}.page-hero .lead{margin-top:28px;max-width:750px}.breadcrumbs{list-style:none;display:flex;flex-wrap:wrap;gap:10px;margin:0 0 38px;padding:0;font-size:12px;color:#9ab0c9}.breadcrumbs li+li::before{content:"/";margin-right:10px;color:#69829e}.breadcrumbs a{text-decoration:none}.three-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}.info-card{border-top:1px solid #3b526b;padding-top:28px}.info-card .eyebrow{margin-bottom:32px}.info-card h3{margin-bottom:17px}.info-card p{font-size:15px}.workflow-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line);border:1px solid var(--line);border-radius:6px;overflow:hidden;list-style:none;padding:0;margin:0}.workflow-grid li{background:var(--surface);padding:32px}.workflow-grid .step{font-family:monospace;font-size:12px;color:var(--cyan);display:block;margin-bottom:35px}.workflow-grid h3{font-size:21px;margin-bottom:12px}.workflow-grid p{font-size:14px}.guide-cards{display:grid;grid-template-columns:1fr 1fr;gap:28px}.guide-card{display:flex;flex-direction:column;background:var(--surface);border:1px solid var(--line);padding:36px;border-radius:6px;position:relative}.guide-card .guide-type{font-size:11px;letter-spacing:.13em;color:var(--cyan);margin-bottom:70px;text-transform:uppercase}.guide-card h2{font-size:32px;max-width:430px;margin-bottom:20px}.guide-card p{font-size:15px}.guide-card .text-link{align-self:flex-start;margin-top:30px}.article-layout{display:grid;grid-template-columns:240px minmax(0,760px);gap:80px;align-items:start;justify-content:center}.article-toc{position:sticky;top:120px;border-left:1px solid var(--line);padding-left:22px;font-size:13px}.article-toc strong{display:block;text-transform:uppercase;letter-spacing:.13em;font-size:10px;color:var(--cyan);margin-bottom:16px}.article-toc a{display:block;text-decoration:none;margin:12px 0;color:#aabbcf}.article-body section{margin-bottom:52px;scroll-margin-top:120px}.article-body h2{font-size:32px;margin-bottom:24px}.article-body h3{font-size:21px;margin-top:30px;margin-bottom:14px}.article-body p{font-size:17px}.article-body ul,.article-body ol{padding-left:23px;color:var(--muted);font-size:16px}.article-body li{padding-left:5px;margin:12px 0}.article-body li strong{color:#e3ebf5}.article-meta{color:#99aec5;font-size:12px;margin-top:25px}.article-callout{background:#13283d;border:1px solid #2f4a65;border-radius:6px;padding:32px;margin:36px 0}.article-callout h3{margin-top:0}.article-callout p{font-size:15px}.guide-setup{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:20px;border:1px solid var(--line);padding:28px;background:#111e30;margin:26px 0 10px}.setup-block{border:1px solid #3d5570;padding:20px 12px;text-align:center;min-height:100px;display:flex;flex-direction:column;justify-content:center}.setup-block strong{display:block;color:#dceaff;font-size:13px}.setup-block span{font-size:12px;color:#a3b9d0}.setup-distance{color:var(--cyan);font-size:20px}.setup-caption{font-size:12px!important;color:#90a7c2!important}.checklist{list-style:none!important;padding:0!important}.checklist li{position:relative;padding:14px 0 14px 32px!important;border-bottom:1px solid var(--line);margin:0!important}.checklist li::before{content:"\2713 ";position:absolute;left:0;color:var(--cyan)}.simple-content{max-width:820px}.simple-content h2{font-size:32px;margin:40px 0 20px}.simple-content p{font-size:17px}.legal-status{display:inline-block;padding:9px 13px;border:1px solid #456078;border-radius:4px;font-size:12px;color:var(--cyan);margin-bottom:30px}.legal-shell{max-width:780px;min-height:260px}.legal-shell p{font-size:17px}.error-number{font-family:monospace;color:var(--cyan);font-size:14px;margin-bottom:30px}.support-grid{display:grid;grid-template-columns:1fr 1fr;gap:34px}.support-item{padding:30px;border:1px solid var(--line);border-radius:6px;background:var(--surface)}.support-item h2{font-size:24px;margin-bottom:14px}.support-item p{font-size:15px}.support-item .text-link{font-size:13px}.support-item ul{color:var(--muted);padding-left:20px;font-size:14px}.support-item li{margin-top:8px}.legal-notice{margin:0;padding:22px 26px;background:#101e30;border:1px solid var(--line);border-radius:6px}.legal-notice p{font-size:14px}.not-prose{color:var(--muted);font-size:13px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(min-width:1600px){.hero{padding-block:100px 72px}.hero-grid{gap:90px}.hero-visual .asset-placeholder{min-height:530px}}
@media(max-width:1100px){.primary-nav{gap:18px}.header-inner{gap:20px}.hero-grid{gap:35px}.hero-visual .asset-placeholder{min-height:440px}.split{gap:50px}.companion{grid-template-columns:1fr 2fr}.companion .text-link{grid-column:2;justify-self:start}.faq-layout{gap:45px}.article-layout{gap:45px;grid-template-columns:205px minmax(0,1fr)}.set-card{padding:28px 20px}.hero-index{gap:18px;font-size:10px}}
@media(max-width:900px){h1{font-size:clamp(44px,6.5vw,62px)}.header-inner{min-height:76px;position:relative;flex-wrap:wrap;padding-block:16px}.menu-toggle{display:flex;align-items:center;gap:11px;background:transparent;border:1px solid #3b5068;border-radius:4px;padding:10px 13px;cursor:pointer;font-size:12px;min-height:44px}.menu-toggle svg{width:17px;height:15px}.primary-nav{display:none;position:absolute;top:100%;left:var(--gutter);right:var(--gutter);padding:18px;background:#101d2e;border:1px solid #3a5068;box-shadow:0 15px 25px #0006;flex-direction:column;align-items:stretch;gap:0}.primary-nav[data-open=true]{display:flex}.primary-nav a{padding:12px}.primary-nav .nav-cta{margin-top:10px}.hero{padding-top:58px}.hero-grid{grid-template-columns:1.12fr 1fr;gap:25px}.hero .lead{font-size:17px}.hero-visual{padding:16px 0 16px 16px}.hero-visual .asset-placeholder{min-height:410px;padding:25px}.hero .actions{flex-direction:column;align-items:flex-start}.hero-index{flex-wrap:wrap;gap:12px 20px}.section{padding-block:75px}.split{gap:35px}.set-grid{grid-template-columns:1fr 1fr}.set-card:nth-child(2){border-right:0}.set-card:nth-child(-n+2){border-bottom:1px solid var(--line)}.set-number{margin-bottom:30px}.mode{padding:24px 20px}.comparison-heading{display:block}.comparison-heading p{max-width:600px;margin-top:22px}.prep-grid{gap:45px}.sequence div{padding:22px 16px;gap:10px}.sequence strong{font-size:12px}.footer-grid{grid-template-columns:1.4fr 1fr 1fr;gap:35px}.footer-col:last-child{grid-column:2 / 4}.article-layout{grid-template-columns:1fr;gap:36px}.article-toc{position:static;display:flex;gap:10px 22px;flex-wrap:wrap;padding:20px;border:1px solid var(--line)}.article-toc strong{width:100%;margin:0}.article-toc a{margin:0}.page-hero{padding-top:50px}.three-grid{gap:22px}.guide-card{padding:28px}.guide-card h2{font-size:29px}.workflow-grid{grid-template-columns:1fr 1fr}}
@media(max-width:768px){.hero-grid,.split,.prep-grid,.faq-layout{grid-template-columns:1fr}.hero{padding-block:48px}.hero h1{max-width:640px;font-size:clamp(42px,7.6vw,60px)}.hero .lead{max-width:610px}.hero .actions{flex-direction:row}.hero-visual{max-width:650px;margin-top:18px}.hero-visual .asset-placeholder{min-height:300px}.hero-index{margin-top:22px}.split{gap:40px}.split-reverse .split-copy{order:-1}.asset-placeholder{min-height:310px}.comparison-placeholder{min-height:190px}.comparison-modes{gap:12px}.mode{padding:22px 18px}.mode h3{font-size:18px}.mode p{font-size:13px}.detail-strip{flex-wrap:wrap;gap:10px 25px}.section{padding-block:64px}.three-grid{grid-template-columns:1fr;gap:35px}.three-grid .eyebrow{margin-bottom:20px}.companion{grid-template-columns:1fr;gap:25px;padding:30px}.companion .text-link{grid-column:auto}.faq-intro h2{max-width:550px}.faq-layout{gap:32px}.cta-inner{display:block}.final-cta .button{margin-top:30px}.footer-grid{grid-template-columns:1fr 1fr}.footer-brand{grid-column:1/-1}.footer-col:last-child{grid-column:auto}.footer-bottom{flex-direction:column;gap:8px}.page-hero h1{font-size:clamp(39px,6.6vw,54px)}.guide-cards{grid-template-columns:1fr}.guide-card .guide-type{margin-bottom:38px}.support-grid{grid-template-columns:1fr}.lead{font-size:18px}.article-body p{font-size:16px}.guide-setup{padding:20px;gap:14px}}
@media(max-width:480px){.brand{font-size:19px}.hero{padding-top:38px}.hero h1{font-size:43px}.hero .lead{font-size:16px}.hero .actions{display:grid;grid-template-columns:1fr}.hero .button{justify-content:space-between;padding-inline:18px}.hero .button-secondary{justify-content:center}.hero-visual .asset-placeholder{min-height:270px}.hero-visual{padding:14px 0 14px 14px}.asset-placeholder{padding:24px;min-height:280px}.asset-caption{font-size:10px}.hero-index{display:none}.sequence{grid-template-columns:1fr 1fr}.sequence div{padding:18px 14px}.sequence div:first-child{padding-left:14px}.sequence div:nth-child(2){border-right:0}.sequence div:nth-child(-n+2){border-bottom:1px solid var(--line)}.section{padding-block:55px}.eyebrow{font-size:10px;margin-bottom:19px}.section-heading{margin-bottom:30px}.comparison-modes{grid-template-columns:1fr}.mode{display:grid;grid-template-columns:48px 1fr;gap:8px 22px;padding:24px}.mode-icon{width:46px;height:31px;grid-row:1/3;margin:0}.mode h3{margin:0}.mode p{grid-column:2;font-size:14px}.comparison-placeholder{min-height:200px}.set-grid{grid-template-columns:1fr}.set-card{border-right:0;border-bottom:1px solid var(--line);padding:25px}.set-number{margin-bottom:22px}.set-card h3{font-size:21px}.set-card p{font-size:14px}.set-card:last-child{border:0}.workflow-grid{grid-template-columns:1fr}.workflow-grid li{padding:26px}.workflow-grid .step{margin-bottom:20px}.companion{padding:25px}.companion h2{font-size:27px}.final-cta{padding-block:50px}.footer-grid{gap:30px}.site-footer{padding-top:44px}.breadcrumbs{font-size:11px;gap:8px}.page-hero{padding-block:35px 45px}.page-hero h1{font-size:39px}.article-body h2{font-size:29px}.article-callout{padding:24px}.guide-setup{gap:10px;padding:15px}.setup-block{padding:16px 10px}.setup-block strong{font-size:12px}.setup-block span{font-size:11px}.article-toc{gap:12px 20px}.support-item{padding:25px}.section-tight{padding-block:45px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}}
@media print{body{background:#fff;color:#111}.site-header,.site-footer,.final-cta,.actions,.article-toc,.asset-placeholder,.skip-link{display:none}p,li{color:#222!important}.container{padding:0}.section,.page-hero{padding:20px 0}.article-layout{display:block}h1{font-size:32px}h2{font-size:24px}a{color:#111}.article-body section{break-inside:avoid}.surface{background:transparent}}

/* Genuine brand asset: keep original proportions within the existing header. */
.brand{display:inline-block;flex-shrink:0}.brand img{width:160px;height:auto}.footer-brand .brand img{width:180px}
@media(max-width:480px){.brand img{width:140px}}


/* Whole supplied images, with scale appropriate to each presentation. */
.product-visual{min-width:0;width:100%;margin:0 auto}
.product-visual img{display:block;width:100%;height:auto;object-fit:contain}
.product-visual figcaption{margin-top:12px;color:var(--muted);font-size:12px;line-height:1.6}
.hero-visual{padding:0;min-width:0}.hero-visual::before{display:none}
.hero-visual .product-visual{max-width:450px}
.product-split,.product-split:has(>figure:first-child){grid-template-columns:repeat(2,minmax(0,1fr));gap:48px}
.visual-capture{max-width:580px}.visual-measurements{max-width:540px}
.visual-coach{max-width:560px}.visual-photo-sets{max-width:540px;margin-bottom:32px}
.visual-contest{max-width:580px}.visual-posing{max-width:600px}
.prep-grid{display:block}.prep-grid>.prep-cards{display:grid;gap:40px;margin-top:32px}
.prep-grid .prep-card{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:48px;align-content:center}
.prep-grid .prep-card h3,.prep-grid .prep-card p{grid-column:1}
.prep-grid .prep-card h3{align-self:end}.prep-grid .prep-card p{align-self:start}
.prep-grid .prep-card .product-visual{grid-column:2;grid-row:1/3;align-self:center}
/* Each description and its complete image form one comparison example. */
.comparison-examples{grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(0,1.45fr);gap:24px}
.comparison-examples .mode{display:grid;grid-template-columns:1fr;grid-template-rows:36px auto 68px auto;align-content:start;padding:20px 0 0;border:0;border-top:1px solid var(--line);border-radius:0;background:none;gap:16px}
.comparison-examples .mode-icon{margin:0;grid-row:auto}
.comparison-examples .mode h3,.comparison-examples .mode p{margin:0;grid-column:1}
.comparison-examples .product-visual{grid-column:1;align-self:start}
.comparison-phone{max-width:280px;display:flex;flex-direction:column}
.comparison-wide{max-width:540px}
/* Alpha bounds: Side by Side y=82..1578; Split y=38..1513.
   Scale full canvases to equal visible phone heights and align their bounds. */
.comparison-phone img[src$="compare-side-by-side.webp"]{width:90.60456791%;height:auto;margin-inline:auto}
.comparison-phone img[src$="compare-split.webp"]{width:100%;height:auto;margin:4.18446587% auto 6.80473450%}
@media(max-width:1100px){
 .hero-grid{grid-template-columns:minmax(0,1.12fr) minmax(0,1fr)}
 .product-split,.product-split:has(>figure:first-child){grid-template-columns:1fr;gap:28px}
 .product-split>.split-copy{order:-1;max-width:760px}
 .prep-grid .prep-card{display:block}.prep-grid .prep-card .product-visual{margin-top:24px}
 .comparison-examples{grid-template-columns:1fr;gap:32px;max-width:600px;margin-inline:auto}
 .comparison-examples .mode{grid-template-rows:auto;gap:14px}
 .comparison-examples .mode p{max-width:520px}
}
@media(max-width:900px){.hero-grid{grid-template-columns:1fr}.hero-visual{max-width:none;margin-top:24px}.hero-visual .product-visual{max-width:420px}.hero .actions{flex-direction:row}}
@media(max-width:600px){.hero-visual .product-visual{max-width:360px}.comparison-phone{max-width:260px}.prep-grid>.prep-cards{gap:32px}.visual-photo-sets{margin-bottom:28px}}

/* Photo-set introduction and artwork share a row; type cards stay below. */
.photo-sets-layout{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:32px 48px;align-items:center}
.photo-sets-layout>.section-heading{margin-bottom:0}
.photo-sets-layout>.visual-photo-sets{margin-bottom:0}
.photo-sets-layout>.set-grid{grid-column:1/-1}
@media(max-width:1100px){.photo-sets-layout{grid-template-columns:1fr;gap:28px}}

/* Give the three-phone Overlay composition the same visible height as its peers. */
@media(min-width:1101px){
 .comparison-examples{grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(0,2.559403228fr)}
 .comparison-wide{max-width:716.632904px;margin-top:3.084861065%}
}
@media(max-width:1100px){.comparison-examples{max-width:760px}.comparison-wide{max-width:716px}}

/* Alternate the posing row to balance the adjacent contest-prep artwork. */
@media(min-width:1101px){
 .prep-grid .prep-card:has(.visual-posing)>h3,.prep-grid .prep-card:has(.visual-posing)>p{grid-column:2}
 .prep-grid .prep-card:has(.visual-posing)>.product-visual{grid-column:1}
}

/* Approved legal content uses the shared site typography and palette. */
.legal-container{max-width:860px}
.legal-content{overflow-wrap:anywhere}
.legal-content h1{font-size:clamp(2rem,5vw,3.5rem);line-height:1.12;margin:28px 0 24px}
.legal-content .intro{font-size:1.125rem;line-height:1.75}
.legal-content .updated{margin:20px 0 36px}
.legal-content section{margin-top:36px}
.legal-content h2{font-size:1.5rem;line-height:1.35;margin:0 0 16px}
.legal-content h3{font-size:1.125rem;margin:24px 0 12px}
.legal-content p{margin:0 0 16px;line-height:1.75}
.legal-content ul,.legal-content ol{padding-left:24px;margin:16px 0}
.legal-content li{margin:8px 0;line-height:1.7}
.legal-content .button{margin:8px 0 20px;white-space:normal}
.legal-content .notice{padding:20px;border-left:2px solid var(--cyan);background:var(--surface);line-height:1.75;margin:16px 0}
