/* Transformation Method page sections (transformation-*). Shared by every
   section on that page; forked from transformation-life.css + transformation-results.css
   with section backgrounds moved to each section's background_color setting. */
.tf-sec{font-family:var(--font-body);color:var(--clr-text-primary);scroll-margin-top:120px}.tf-sec *{box-sizing:border-box}.tf-sec h1,.tf-sec h2,.tf-sec h3{font-family:var(--font-primary);font-weight:400;color:inherit;line-height:1.1;margin:0;text-wrap:balance}.tf-sec h1{font-size:clamp(48px,5.1vw,76px);letter-spacing:-.035em}.tf-sec h2{font-size:clamp(34px,3.7vw,52px);letter-spacing:-.025em}.tf-sec h3{font-size:27px;line-height:1.2}.tf-sec p{line-height:1.65}.tf-kicker{font-size:12px;letter-spacing:.13em;text-transform:uppercase;font-weight:600;margin:0 0 18px}.tf-hero{display:grid;grid-template-columns:1.1fr 1fr;gap:72px;align-items:center;padding-block:56px 72px}.tf-hero__copy{padding-block:24px}.tf-lead{font-size:20px;max-width:540px;margin:26px 0 0}.tf-actions{display:flex;align-items:center;flex-wrap:wrap;gap:20px;margin-top:32px}.tf-sec a:focus-visible,.tf-sec button:focus-visible,.tf-sec summary:focus-visible{outline:3px solid currentColor;outline-offset:5px}.tf-hero__image{width:100%;aspect-ratio: .95;object-fit:cover;object-position:right center;border-radius:var(--radius-lg);display:block}.tf-strip{padding:24px;text-align:center;font-size:clamp(18px,2vw,26px);line-height:1.4}.tf-section{padding-block:88px;scroll-margin-top:120px}.tf-section-head{max-width:720px;margin-bottom:40px}.tf-section-head>p:last-child{font-size:18px;margin:20px 0 0}.tf-split{display:grid;grid-template-columns:1fr 1fr;gap:72px;align-items:center}.tf-split img{width:100%;height:auto;display:block;border-radius:var(--radius-lg)}.tf-copy{font-size:18px;margin:24px 0}.tf-note{font-size:14px;line-height:1.6;color:var(--clr-text-secondary);margin:20px 0 0}.tf-notes{max-width:860px}.tf-overview{display:grid;grid-template-columns: .85fr 1.15fr;gap:72px;align-items:center}.tf-film{min-width:0;border-top:1px solid var(--clr-border-light);padding-top:20px}.tf-film__media{position:relative;aspect-ratio:16/9;overflow:hidden;border-radius:var(--radius-base)}.tf-film--product .tf-film__media{aspect-ratio:4/3}.tf-film__poster{position:absolute;inset:0;display:block;width:100%;height:100%;padding:0;border:0;cursor:pointer;background:var(--clr-bg-card-primary);border-radius:var(--radius-base);overflow:hidden;aspect-ratio:16/9}.tf-film__poster[hidden]{display:none}.tf-play-icon{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:grid;place-items:center;width:64px;height:64px;border-radius:50%;background:var(--clr-black);color:var(--clr-white);font-size:24px;box-shadow:0 2px 14px #0004}.tf-film__poster:hover .tf-play-icon{transform:translate(-50%,-50%) scale(1.08)}.tf-sec .tf-film__poster:focus-visible{outline-offset:-5px;outline-color:var(--clr-secondary)}.tf-film__poster img{display:block;width:100%;height:100%;object-fit:cover}.tf-film--product .tf-film__poster{aspect-ratio:4/3}.tf-film--product .tf-film__poster img{object-fit:contain;padding:24px}.tf-film__caption{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin:22px 0 16px}.tf-film__caption .tf-kicker{font-size:10px;margin-bottom:8px}.tf-duration{font-size:13px;white-space:nowrap;padding-top:5px;color:var(--clr-text-secondary)}.tf-watch{font-family:inherit;font-size:14px;font-weight:600;display:inline-flex;align-items:center;gap:10px;padding:12px 0;min-height:44px;cursor:pointer;border:0;border-bottom:1px solid currentColor;background:transparent;color:inherit}.tf-watch:hover{color:var(--clr-text-secondary)}.tf-player{position:absolute;inset:0;width:100%;height:100%;background:var(--clr-black);border-radius:var(--radius-base);overflow:hidden}.tf-player[hidden]{display:none}.tf-player iframe{display:block;width:100%;height:100%;border:0}.tf-film-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:44px 32px}.tf-community-grid .tf-film__poster{background:var(--clr-bg-page)}.tf-community-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:44px 36px}.tf-resources{display:grid;grid-template-columns:1fr 1fr;gap:0 48px;list-style:none;margin:0;padding:0}.tf-resources li{border-top:1px solid var(--clr-border-dark)}.tf-resources a{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:24px 0;color:inherit;text-decoration:none;min-height:88px}.tf-resources a:hover .tf-resource-title{text-decoration:underline;text-underline-offset:5px}.tf-resource-title{display:block;font-size:20px}.tf-resource-type{display:block;font-size:12px;color:var(--clr-text-secondary);margin-top:8px}.tf-closing{background:transparent;color:var(--clr-text-primary);text-align:center;padding:80px 24px}.tf-closing p{max-width:600px;margin:24px auto;font-size:18px}.tf-closing h2+.tf-btn{margin-top:24px}.tf-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(max-width:1000px){.tf-hero,.tf-split,.tf-overview{gap:36px}.tf-film-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.tf-section{padding-block:64px}.tf-sec h1{font-size:54px}}@media(max-width:680px){.tf-hero,.tf-split,.tf-overview{grid-template-columns:1fr;gap:28px}.tf-hero{padding-block:32px 40px}.tf-sec h1{font-size:44px}.tf-lead{font-size:18px}.tf-hero__image{aspect-ratio:1}.tf-section{padding-block:48px}.tf-film-grid,.tf-community-grid,.tf-resources{grid-template-columns:1fr}.tf-film-grid,.tf-community-grid{gap:32px}.tf-closing{padding:56px 20px}.tf-section-head{margin-bottom:28px}.tf-split img{max-width:440px;margin:auto}.tf-resource-title{font-size:18px}}
.tf-results{padding:64px 0}.tf-results__intro{max-width:850px;margin-bottom:32px}.tf-results__intro p{font-size:18px;margin:20px 0 0}.tf-results__track{display:flex;gap:24px;overflow-x:auto;scroll-snap-type:none;scroll-behavior:auto;overscroll-behavior-x:contain;scrollbar-width:thin;padding:4px 0 16px}.tf-results__card{position:relative;flex:0 0 calc((100% - 48px)/3);min-width:0;aspect-ratio:9/16;border-radius:var(--radius-lg);overflow:hidden;scroll-snap-align:start;margin:0;background:var(--clr-black);color:var(--clr-white)}.tf-results__card img{display:block;width:100%;height:100%;object-fit:cover}.tf-results__card figcaption{position:absolute;inset:35% 0 0;display:flex;flex-direction:column;justify-content:flex-end;padding:24px;background:linear-gradient(transparent,rgba(0,0,0,.88));color:var(--clr-white)}.tf-results__card blockquote{font-family:var(--font-body);font-size:16px;line-height:1.5;margin:0 0 16px}.tf-results__card cite{font-style:normal;font-weight:600;font-size:18px}.tf-results__controls{display:flex;gap:12px;align-items:center;margin-top:20px}.tf-results__controls button{width:48px;height:48px;border:1px solid var(--clr-border-dark);border-radius:50%;background:var(--clr-white);color:var(--clr-text-primary);cursor:pointer;font-size:24px}.tf-results__controls button:disabled{opacity:.35;cursor:default}.tf-results__note{font-size:14px;max-width:850px;color:var(--clr-text-secondary);margin:20px 0 0}@media(max-width:1023px){.tf-results__card{flex-basis:calc((100% - 24px)/2)}}@media(max-width:639px){.tf-results{padding:48px 0}.tf-results__card{flex-basis:100%}.tf-results__card figcaption{padding:20px}}@media(prefers-reduced-motion:reduce){.tf-results__track{scroll-behavior:auto}}
/* Button hover controls (components/transformation-button) */
.tf-sec .tf-btn{transition:background-color .2s ease,border-color .2s ease,color .2s ease,transform .3s ease}
.tf-sec .tf-btn.tf-hover-fill:hover{background-color:var(--tf-hover);border-color:var(--tf-hover)}
.tf-sec .tf-btn.tf-hover-fill.tf-hover-text:hover{color:var(--tf-hover-text)}
.tf-sec .tf-btn.tf-hover-outline:hover{background-color:transparent;border-color:var(--tf-hover);color:var(--tf-hover)}
.tf-sec .tf-btn.tf-hover-underline:hover{color:var(--tf-hover);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:4px}
/* Hero: optional logo + medium headline size (transformation-hero) */
.tf-hero__image--empty{position:relative;overflow:hidden;background:var(--clr-bg-card-primary)}.tf-hero__placeholder{position:absolute;inset:0;width:100%;height:100%;opacity:.35}
.tf-hero__logo{display:block;width:150px;height:70px;object-fit:contain;object-position:left center;margin:0 0 28px}
.tf-sec.tf-hero--medium h1{font-size:clamp(36px,4.2vw,60px);line-height:1.08}
/* Icon grid (transformation-icon-grid) */
.tf-icon-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:32px}
.tf-icon-grid--3{grid-template-columns:repeat(3,minmax(0,1fr))}
.tf-icon-item{border-top:1px solid #c8c6ba;padding-top:24px}
.tf-icon-item__icon{display:flex;align-items:center;justify-content:center;width:64px;height:64px;border-radius:50%;color:var(--clr-text-primary);margin-bottom:24px}
.tf-icon-item__icon svg{display:block;width:32px;height:32px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.tf-icon-item__icon img{display:block;width:32px;height:32px;object-fit:contain}
.tf-sec .tf-icon-item h3{font-size:23px;line-height:1.2;letter-spacing:-.02em;margin:0 0 14px;font-weight:500}
.tf-icon-item p{font-size:16px;line-height:1.6;margin:0}
/* Steps split (transformation-steps-split) */
.tf-steps--light{color:var(--clr-white,#fff)}
.tf-steps--dark{color:var(--clr-text-primary)}
.tf-steps-grid{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:start}
.tf-steps__lead h2{margin-bottom:32px}
.tf-steps__image{display:block;width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:var(--radius-lg)}
.tf-steps__image--empty{position:relative;overflow:hidden;background:color-mix(in srgb,currentColor 10%,transparent)}
.tf-steps__placeholder{position:absolute;inset:0;width:100%;height:100%;opacity:.35}
.tf-sec h3.tf-kicker{font-size:13px;font-weight:600;line-height:1.15;margin:0 0 24px}
.tf-steps{list-style:none;padding:0;margin:0}
.tf-steps li{display:grid;grid-template-columns:40px 1fr;gap:20px;padding:24px 0;border-top:1px solid color-mix(in srgb,currentColor 27%,transparent)}
.tf-steps__num{font-size:13px;color:var(--clr-secondary);padding-top:5px}
.tf-sec .tf-steps h3{font-size:23px;line-height:1.25;margin:0 0 10px;font-weight:400}
.tf-steps p{font-size:16px;line-height:1.6;margin:0}
@media(max-width:1000px){.tf-icon-grid,.tf-icon-grid--3{grid-template-columns:repeat(2,minmax(0,1fr));gap:38px 28px}.tf-steps-grid{gap:40px}}
@media(max-width:680px){.tf-hero__logo{width:130px;height:60px;margin-bottom:24px}.tf-sec.tf-hero--medium h1{font-size:clamp(32px,8.8vw,48px)}.tf-icon-grid,.tf-icon-grid--3{gap:32px 24px}.tf-sec .tf-icon-item h3{font-size:21px}.tf-icon-item p{font-size:15px}.tf-icon-item__icon{width:56px;height:56px;margin-bottom:18px}.tf-steps-grid{grid-template-columns:1fr;gap:24px}}
/* Centered content (transformation-centered-content) */
.tf-cc__inner{padding-block:80px;text-align:center}
.tf-cc__lead{font-size:20px;max-width:560px;margin:24px auto}
.tf-cc__note{font-size:14px;color:var(--clr-text-secondary);max-width:640px;margin:16px auto}
.tf-cc__subheading{margin:0 auto}
.tf-cc__action{margin:12px 0}
.tf-cc-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:40px;margin:48px 0}
.tf-cc-grid--quote{gap:24px;margin:40px 0}
.tf-cc-grid--card{gap:20px;margin:44px 0 0;text-align:left}
.tf-cc-benefit{border-top:1px solid var(--clr-border-dark);padding:28px 12px 0}
.tf-sec .tf-cc-benefit h3{font-family:var(--font-body);font-size:16px;letter-spacing:.08em}
.tf-cc-benefit p{font-size:18px}
.tf-cc-quote{margin:0;padding:36px 28px;border:1px solid var(--clr-border-light);border-radius:var(--radius-base);font-family:var(--font-primary);font-size:28px;line-height:1.35;background:var(--clr-bg-page)}
.tf-cc-video{margin:36px auto 0;max-width:1000px}
.tf-cc-video video{display:block;width:100%;height:auto;aspect-ratio:16/9;background:var(--clr-bg-card-primary);border-radius:var(--radius-lg)}
.tf-cc-video figcaption{margin-top:32px}
.tf-sec .tf-cc-video h3{font-size:clamp(28px,4vw,48px)}
.tf-cc-card{border-top:1px solid var(--clr-border-dark);padding-top:24px}
.tf-sec .tf-cc-card h3{font-size:24px}
.tf-cc-card img{display:block;width:100%;height:auto;aspect-ratio:1;object-fit:contain;margin-bottom:24px;border-radius:var(--radius-base)}
.tf-cc-card p{font-size:15px}
.tf-cc-card a{display:inline-block;color:inherit;font-weight:600;font-size:14px;text-underline-offset:5px;padding:12px 0;min-height:44px}
/* Product feature (transformation-product-feature) */
.tf-pf .tf-section{padding-block:80px}
.tf-pf__grid{gap:64px}
.tf-pf--flip .tf-pf__media{order:2}
.tf-sec .tf-pf__image{display:block;width:100%;height:auto;max-height:600px;object-fit:contain;border-radius:0}
.tf-pf__image--empty{position:relative;aspect-ratio:1;background:var(--clr-bg-card-primary)}
.tf-pf__placeholder{position:absolute;inset:0;width:100%;height:100%;opacity:.35}
.tf-pf__text{margin:16px 0 0;line-height:1.65}
.tf-pf__text--lead{font-size:20px;max-width:560px;margin-top:20px}
.tf-pf__highlights{list-style:none;padding:0;display:flex;flex-wrap:wrap;gap:12px 24px;margin:28px 0 0;font-size:14px}
.tf-pf__highlights li{display:inline-flex;align-items:center;gap:8px}
.tf-pf__highlights li:before{content:'✦';color:var(--clr-secondary)}
.tf-pf__price{margin:28px 0 0;font-family:var(--font-primary);font-size:30px;line-height:1.2}
.tf-pf__price-label{font-family:var(--font-body);font-size:14px;color:var(--clr-text-secondary)}
.tf-pf__actions{margin-top:28px;gap:12px}
@media(max-width:850px){.tf-cc-grid{gap:16px}.tf-cc-grid--card{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.tf-pf__grid{gap:32px}}
@media(max-width:640px){.tf-cc__inner{padding-block:48px}.tf-cc-grid,.tf-cc-grid--card{grid-template-columns:1fr}.tf-cc-quote{padding:28px}.tf-cc__lead,.tf-pf__text--lead{font-size:18px}.tf-pf .tf-section{padding-block:48px}}