@font-face{font-family:Manrope;src:url('./assets/Manrope.ttf') format('truetype');font-weight:200 800;font-display:swap}
@font-face{font-family:'Instrument Serif';src:url('./assets/InstrumentSerif-Italic.ttf') format('truetype');font-style:italic;font-weight:400;font-display:swap}
body{--font:Manrope,system-ui,sans-serif;background:var(--tint);font-family:var(--font)}
h1,h2,h3{font-family:Manrope,system-ui,sans-serif;font-weight:650;letter-spacing:-.055em;text-wrap:balance}
.site-header,.site-header.is-scrolled{background:color-mix(in srgb,var(--tint) 86%,transparent);border-bottom:1px solid color-mix(in srgb,var(--product) 24%,white);backdrop-filter:blur(24px)}
.site-header .login-nav{border:1px solid color-mix(in srgb,var(--product) 45%,white);border-radius:40px;color:var(--product-dark);box-shadow:0 0 22px color-mix(in srgb,var(--product) 12%,transparent)}
.landing-hero{position:relative;isolation:isolate;background:#151515;padding-top:92px;overflow:hidden;color:white}
.hero-film,.hero-house .hero-film,.page-care .hero-film{inset:92px 0 0;left:0;background:#151515;mask-image:none;-webkit-mask-image:none}
.hero-film>img,.hero-house .hero-film>img,.page-care .hero-film>img{width:100%;height:100%;object-fit:cover;object-position:center;opacity:1;transform:none}
.film-shade,.hero-house .film-shade,.page-care .film-shade{inset:92px 0 0;display:block;height:auto;background:linear-gradient(90deg,#0009 0%,#0005 35%,#0000 75%),linear-gradient(0deg,#000b 0%,#0002 65%,#0000 100%);pointer-events:none}
.landing-hero-inner{min-height:740px;padding-top:34px;padding-bottom:64px;display:flex;flex-direction:column;justify-content:space-between;gap:68px}
.hero-product-label{margin:0;color:#fff;position:relative;z-index:1;width:fit-content;padding:10px 16px;border:1px solid #ffffff55;border-radius:40px;background:#10101025;backdrop-filter:blur(12px);font-size:11px;letter-spacing:.09em}
.hero-product-label strong{font-size:17px;color:white}.label-dot{background:var(--glow)}
.landing-hero-copy{max-width:720px;position:relative;z-index:1}.landing-hero h1{font-size:clamp(46px,5.1vw,78px);font-weight:650;line-height:1.055;letter-spacing:-.06em;margin-bottom:24px;text-shadow:0 3px 22px #0003;max-width:790px}
.landing-hero .conversion-accent,.product-landing .conversion-accent{color:var(--glow);opacity:1;font-family:'Instrument Serif',Georgia,serif;font-weight:400;font-style:italic;letter-spacing:-.04em;line-height:1.02}
.landing-hero-copy>p{color:#fff;max-width:610px;font-size:17px;line-height:1.75;text-shadow:0 1px 12px #0007;margin-bottom:26px}.landing-hero-copy>.eyebrow,.product-landing .landing-hero-copy>.eyebrow{color:#fff;font-size:11px;letter-spacing:.14em;margin-bottom:20px}.hero-price strong,.hero-link{color:#fff}.landing-hero-copy>p.hero-price{color:#fff;font-size:14px}.hero-capabilities{position:relative;z-index:1;background:transparent;border-color:#ffffff40}.hero-capabilities>span{color:white}.hero-capabilities svg{color:var(--glow)}.hero-capabilities>span+span{border-color:#ffffff30}
.page-care .hero-film:before{content:'';position:absolute;inset:-40px;background:url('./assets/video/care-weights.jpg') center 30%/cover;filter:blur(22px);opacity:.62}.page-care .hero-film>img{position:relative;object-fit:contain;object-position:right center}.page-care .landing-hero-copy{max-width:660px}.page-care .film-shade{background:linear-gradient(90deg,#0008,#0003 45%,transparent 75%),linear-gradient(0deg,#0009,transparent 75%)}
.page-medical-care .hero-film>img{object-position:68% center}.page-medical-care .landing-hero-copy{max-width:660px}
.page-house .hero-film>img{object-position:65% center}.page-house .hero-link{color:#fff}.own-routine-intro{border-color:#ffffff65;background:#ffffff17;color:#fff;backdrop-filter:blur(10px);max-width:580px}.own-routine-intro span{color:#fff}
.button,.hero-actions .button{background:var(--gradient);background-size:180% 100%;color:#fff;border:1px solid color-mix(in srgb,var(--product) 80%,white);border-radius:999px;font:750 15px/1.4 Manrope,system-ui,sans-serif;min-height:56px;padding:17px 28px;box-shadow:0 0 0 5px color-mix(in srgb,var(--product) 9%,transparent),0 8px 28px color-mix(in srgb,var(--product) 40%,transparent),inset 0 1px 0 #ffffff60;transition:transform .3s,box-shadow .3s,background-position .5s;isolation:isolate}
.button:before{content:'';position:absolute;inset:-50% auto -50% -70%;width:35%;background:linear-gradient(90deg,transparent,#ffffff4d,transparent);transform:skewX(-24deg);transition:left .65s;pointer-events:none;z-index:-1}
.button:hover,.button:focus-visible{background-position:100% 0;transform:translateY(-4px);box-shadow:0 0 0 7px color-mix(in srgb,var(--product) 12%,transparent),0 14px 40px color-mix(in srgb,var(--product) 50%,transparent),inset 0 1px 0 #ffffff80}.button:hover:before,.button:focus-visible:before{left:145%}.button:active{transform:translateY(-1px) scale(.98)}
.section-nav{background:color-mix(in srgb,var(--tint) 92%,transparent);border-color:color-mix(in srgb,var(--product) 25%,white);backdrop-filter:blur(20px)}.section-nav a{color:var(--product-dark);font-size:13px}.section-nav .section-trial{background:var(--gradient);padding:10px 18px;border-radius:30px;color:white;box-shadow:0 4px 20px color-mix(in srgb,var(--product) 30%,transparent)}
.benefits-section{padding-block:100px}.section-heading h2,.price-copy h2,.proof-copy h2{font-weight:650;line-height:1.1}.section-heading h2>span,.price-copy h2>span,.proof-copy h2>span,.start-journey h2>span,.faq-grid h2>span{color:var(--product-dark);font-family:'Instrument Serif',Georgia,serif;font-style:italic;font-weight:400;font-size:1.14em;letter-spacing:-.04em}
.benefit-grid article{background:linear-gradient(145deg,#ffffffee,color-mix(in srgb,var(--product) 17%,white));border-color:color-mix(in srgb,var(--product) 28%,white);border-radius:26px;padding:30px}.benefit-grid article:hover{box-shadow:0 18px 55px color-mix(in srgb,var(--product) 24%,transparent)}.benefit-number{color:var(--product-dark);border-color:color-mix(in srgb,var(--product) 40%,white);background:var(--tint)}
.experience-section{background:linear-gradient(135deg,color-mix(in srgb,var(--product) 25%,white),var(--tint) 70%);position:relative;overflow:hidden}.experience-section:before{content:'';position:absolute;inset:-200px -100px auto auto;width:600px;height:600px;border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,var(--product) 25%,transparent),transparent 68%);pointer-events:none}.experience-section>.shell{position:relative}
.feature-explorer [role=tab]{border-color:color-mix(in srgb,var(--product) 32%,white);background:#ffffffd9;color:var(--product-dark);border-radius:18px}.feature-explorer [role=tab][aria-selected=true]{background:var(--gradient);border-color:var(--product);color:white;box-shadow:0 0 25px color-mix(in srgb,var(--product) 40%,transparent)}.feature-panels{background:linear-gradient(135deg,var(--product-dark),color-mix(in srgb,var(--product) 78%,var(--product-dark)));box-shadow:0 20px 50px color-mix(in srgb,var(--product) 23%,transparent)}.feature-panel p,.feature-path>span{color:#fff}.feature-panel h3{font-weight:650}.feature-path>strong{background:#ffffff24}
.proof-section{background:linear-gradient(140deg,var(--tint),color-mix(in srgb,var(--product) 22%,white))}.proof-window{border-color:var(--product);box-shadow:0 25px 65px color-mix(in srgb,var(--product) 25%,transparent)}.proof-caption,.text-link{color:var(--product-dark)}.start-journey li{border-color:color-mix(in srgb,var(--product) 30%,white)}.start-journey li>b{background:var(--product-dark);color:#fff;box-shadow:0 5px 20px color-mix(in srgb,var(--product) 35%,transparent)}
.pricing-card{background:radial-gradient(ellipse at top right,color-mix(in srgb,var(--product) 28%,white),transparent 65%),#fff;border:1px solid color-mix(in srgb,var(--product) 45%,white);box-shadow:0 25px 70px color-mix(in srgb,var(--product) 22%,transparent)}.price-brand{color:var(--product-dark)}.price-amount{color:var(--product-dark)}.price-amount strong{font-family:Manrope,system-ui,sans-serif;font-weight:600}.price-trial{color:var(--product-dark);border:1px solid color-mix(in srgb,var(--product) 40%,white);border-radius:30px}.faq-section{background:color-mix(in srgb,var(--product) 12%,white)}.faq-list details{border-color:color-mix(in srgb,var(--product) 30%,white)}.faq-list summary>span{color:var(--product-dark)}
.conversion-final{background:radial-gradient(ellipse at 90% 0,color-mix(in srgb,var(--product) 95%,white),transparent 60%),linear-gradient(120deg,var(--product-dark),var(--product));padding-block:100px}.conversion-final .button{background:#fff;color:var(--product-dark);border-color:#fff;box-shadow:0 0 32px #ffffff55}.conversion-final .eyebrow{color:#fff}.conversion-final h2{font-weight:650}.conversion-login{color:#fff}footer{background:var(--tint);border-top:1px solid color-mix(in srgb,var(--product) 28%,white)}.mobile-trial{background:color-mix(in srgb,var(--tint) 92%,transparent);backdrop-filter:blur(18px);border-color:var(--product)}.mobile-trial .button{font-size:13px;padding:12px 20px;min-height:46px}.scroll-progress{background:var(--gradient)}.motion-pause{background:#0004;backdrop-filter:blur(10px)}
@keyframes full-photo-in{from{opacity:.5;transform:scale(1.035)}to{opacity:1;transform:scale(1)}}.hero-motion .hero-film>img{animation:full-photo-in 1.2s ease-out both}
@media(min-width:1400px){.landing-hero-inner{min-height:800px}.landing-hero-copy{max-width:790px}}
@media(max-width:1000px){.landing-hero h1{font-size:56px}.landing-hero-inner{min-height:720px}.landing-hero-copy{max-width:640px}.page-care .hero-film>img{opacity:.9}.section-nav>.shell{gap:15px}}
@media(max-width:650px){.landing-hero{padding-top:77px;background:var(--tint);color:var(--ink)}.hero-film,.hero-house .hero-film,.page-care .hero-film{position:relative;inset:auto;left:auto;height:auto;min-height:0;overflow:hidden;background:var(--tint)}.hero-film>img,.hero-house .hero-film>img,.page-care .hero-film>img{height:auto;max-height:none;width:100%;object-fit:contain;object-position:center;opacity:1}.page-care .hero-film>img{max-height:530px;object-fit:cover;object-position:center 25%}.page-care .hero-film:before{display:none}.film-shade,.hero-house .film-shade,.page-care .film-shade{display:none}.landing-hero-inner,.page-care .landing-hero-inner{padding-top:28px;padding-bottom:30px;min-height:0;gap:28px}.hero-product-label{font-size:9px;background:#ffffff8c;border-color:color-mix(in srgb,var(--product) 50%,white);color:var(--product-dark);padding:8px 12px}.hero-product-label strong{color:var(--product-dark);font-size:16px}.landing-hero-copy{max-width:none}.landing-hero h1{font-size:clamp(37px,10.6vw,59px);color:var(--ink);text-shadow:none;line-height:1.07;letter-spacing:-.055em}.landing-hero .conversion-accent,.product-landing .conversion-accent{color:var(--product-dark)}.landing-hero-copy>.eyebrow,.product-landing .landing-hero-copy>.eyebrow{color:var(--product-dark);font-size:10px}.landing-hero-copy>p{color:#3d4250;text-shadow:none;font-size:16px;line-height:1.8}.landing-hero-copy>p.hero-price,.hero-price strong,.hero-link,.page-house .hero-link{color:var(--product-dark)}.hero-capabilities{border-color:color-mix(in srgb,var(--product) 30%,white);padding-block:23px}.hero-capabilities>span{color:var(--product-dark);font-size:13px}.hero-capabilities svg{color:var(--product-dark)}.own-routine-intro{background:#fff9;border-color:color-mix(in srgb,var(--product) 35%,white);color:var(--product-dark)}.own-routine-intro span{color:#4f4250}.motion-pause{top:90px;bottom:auto;font-size:10px;padding:8px 11px}.hero-actions .button{font-size:14px;padding:16px 23px}.benefits-section{padding-block:65px}.benefit-grid article{padding:26px}.feature-explorer [role=tab]{font-size:12px;padding:12px 7px}.feature-panel h3{font-size:30px}.feature-panel p{font-size:16px}.section-nav a{font-size:12px}.section-nav .section-trial{padding:8px 13px}.conversion-final{padding-block:70px}.conversion-final h2{font-size:43px}.site-header .login-nav{padding:9px 12px;font-size:12px}.site-header nav{gap:12px}.site-header .brand>span{font-size:15px}.benefits-section .section-heading h2,.experience-section .section-heading h2{font-size:37px}.feature-panel{padding:25px}}
@media(prefers-reduced-motion:reduce){.button,.button:before,.hero-motion .hero-film>img{animation:none!important;transition:none!important}.button:hover{transform:none}}
/* Full photographs, followed by an editorial introduction: no opaque panel over people. */
@media(min-width:651px){
.landing-hero{background:var(--tint);color:var(--ink)}
.hero-film,.hero-house .hero-film,.page-care .hero-film{position:relative;inset:auto;left:auto;height:auto;background:var(--tint)}
.hero-film>img,.hero-house .hero-film>img,.page-care .hero-film>img{width:100%;height:auto;object-fit:contain;object-position:center;opacity:1}
.page-care .hero-film{height:min(58vw,690px);background:#151515}.page-care .hero-film>img{height:100%;width:100%;object-fit:contain;object-position:center}.page-care .hero-film:before{opacity:.8}
.film-shade,.hero-house .film-shade,.page-care .film-shade{display:none}
.landing-hero-inner,.page-care .landing-hero-inner{min-height:0;padding:46px 0 40px;gap:32px}
.hero-product-label{color:var(--product-dark);border-color:color-mix(in srgb,var(--product) 50%,white);background:#ffffff8a}.hero-product-label strong{color:var(--product-dark)}
.landing-hero-copy,.page-care .landing-hero-copy,.page-medical-care .landing-hero-copy{max-width:none;display:grid;grid-template-columns:1.25fr 1fr;column-gap:65px;align-items:start}
.landing-hero-copy>.eyebrow,.product-landing .landing-hero-copy>.eyebrow{grid-column:1;grid-row:1;color:var(--product-dark);margin-bottom:20px}
.landing-hero h1{grid-column:1;grid-row:2/6;font-size:clamp(44px,4.6vw,70px);max-width:760px;text-shadow:none;color:var(--ink);margin:0}
.landing-hero .conversion-accent,.product-landing .conversion-accent{color:var(--product-dark)}
.landing-hero-copy>p{grid-column:2;color:#3d4250;text-shadow:none;font-size:17px}.landing-hero-copy>.hero-actions{grid-column:2;flex-wrap:wrap;margin:0}.landing-hero-copy>p.hero-price{grid-column:2;margin-top:23px;color:var(--product-dark)}
.hero-link,.page-house .hero-link,.hero-price strong{color:var(--product-dark)}.own-routine-intro{grid-column:2;background:#fff9;border-color:color-mix(in srgb,var(--product) 45%,white);color:var(--product-dark);margin-bottom:24px}.own-routine-intro span{color:#4b4050}
.hero-capabilities{border-color:color-mix(in srgb,var(--product) 35%,white);min-height:86px}.hero-capabilities>span{color:var(--product-dark)}.hero-capabilities svg{color:var(--product-dark)}.hero-capabilities>span+span{border-color:color-mix(in srgb,var(--product) 35%,white)}.motion-pause{top:112px;bottom:auto;right:25px}
}
.button,.hero-actions .button,.feature-explorer [role=tab][aria-selected=true]{background-image:linear-gradient(110deg,var(--product-dark),color-mix(in srgb,var(--product-dark) 72%,var(--product)),var(--product-dark))}
.feature-panels{background:linear-gradient(130deg,var(--product-dark),color-mix(in srgb,var(--product-dark) 75%,var(--product)))}
.conversion-final{background:radial-gradient(ellipse at top right,color-mix(in srgb,var(--product) 32%,var(--product-dark)),transparent 65%),var(--product-dark)}
.conversion-final .button{background:#fff;color:var(--product-dark)}
@media(max-width:900px) and (min-width:651px){.landing-hero-copy,.page-care .landing-hero-copy,.page-medical-care .landing-hero-copy{column-gap:32px;grid-template-columns:1.15fr 1fr}.landing-hero h1{font-size:42px}.landing-hero-copy>p{font-size:16px}.hero-actions .button{font-size:14px;padding:15px 22px}}
@media(max-width:650px){.page-care .hero-film>img{max-height:none;object-fit:contain}}
.hero-film,.hero-house .hero-film,.page-care .hero-film{z-index:0}
.hero-film>img,.hero-house .hero-film>img,.page-care .hero-film>img{position:relative;inset:auto;display:block}

/* Product promise sits in the photograph's left breathing room. */
.hero-film:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#ffffffc4, #ffffff68 22%,transparent 43%);pointer-events:none}
.photo-message{position:absolute;z-index:2;left:4%;top:50%;transform:translateY(-50%);width:26%;color:#202333;text-shadow:0 1px 16px #ffffffc9}
.photo-product{display:block;font:750 11px/1.4 Manrope,sans-serif;letter-spacing:.14em;text-transform:uppercase;color:var(--product-dark);margin-bottom:20px}
.photo-message p{font:650 clamp(24px,3.15vw,52px)/1.12 Manrope,sans-serif;letter-spacing:-.055em;margin:0;text-wrap:balance}
.photo-message em{display:block;margin-top:12px;font:italic 400 1.13em/1.08 'Instrument Serif',Georgia,serif;color:var(--product-dark);letter-spacing:-.035em}
.page-care .hero-film:after{background:linear-gradient(90deg,#000b,#0004 27%,transparent 49%)}
.page-care .photo-message,.page-care .photo-product,.page-care .photo-message em{color:white;text-shadow:0 2px 16px #0008}
@media(max-width:650px){.hero-film:after,.page-care .hero-film:after{display:none}.photo-message{position:relative;inset:auto;transform:none;width:auto;background:var(--tint);padding:25px 6% 12px;text-shadow:none}.photo-message p{font-size:32px;max-width:480px}.photo-product{margin-bottom:12px;font-size:10px}.page-care .photo-message,.page-care .photo-product,.page-care .photo-message em{color:var(--product-dark);text-shadow:none}}

/* Keep the photograph crisp from the first frame; shade only the copy area. */
.hero-motion .hero-film>img{animation:cinema-photo-in 1.2s ease-out both;opacity:1;filter:contrast(1.055) saturate(1.045)}
@keyframes cinema-photo-in{from{transform:scale(1.025)}to{transform:scale(1)}}
.hero-film:after{background:linear-gradient(90deg,#ffffff9c, #ffffff32 18%,transparent 30%)}
.page-medical-care .hero-film:after{background:linear-gradient(90deg,#eaf7ff66,transparent 28%)}
@media(prefers-reduced-motion:reduce){.hero-motion .hero-film>img{animation:none}}

/* Balanced header frame and a centered editorial column. */
@media(min-width:651px){
.hero-film,.hero-house .hero-film,.page-care .hero-film{height:clamp(360px,40vw,680px);max-height:calc(100svh - 92px);min-height:340px}
.hero-film>img,.hero-house .hero-film>img{width:100%;height:100%;object-fit:cover;object-position:center}
.page-house .hero-film>img{object-position:center top}
.page-care .hero-film>img{object-fit:contain;object-position:78% center}
.photo-message{left:3%;width:30%;top:50%;transform:translateY(-50%);text-align:center;text-shadow:none}
.photo-message p{font-size:clamp(30px,3.8vw,64px);line-height:1.12;letter-spacing:-.045em;text-wrap:balance}
.photo-message em{font-size:1.05em;line-height:1.12;margin-top:18px}
.photo-product{font-size:clamp(11px,.95vw,14px);margin-bottom:22px;letter-spacing:.15em}
.page-house .photo-message,.page-house .photo-product,.page-house .photo-message em{color:#fff;text-shadow:0 2px 20px #24121a77}
.page-house .hero-film:after{background:linear-gradient(90deg,#20151bd9,#20151b8a 27%,transparent 45%)}
}
@media(min-width:651px) and (max-width:900px){.photo-message{left:2.5%;width:31%}.photo-message p{font-size:clamp(27px,3.8vw,34px)}.photo-message em{margin-top:12px}.photo-product{margin-bottom:14px}}
@media(max-width:650px){.photo-message{text-align:center;padding:28px 7% 30px}.photo-message p{font-size:clamp(29px,7.5vw,40px);max-width:470px;margin-inline:auto;line-height:1.14}.photo-message em{font-size:1.08em;line-height:1.12}.photo-product{margin-bottom:15px}.page-house .photo-message,.page-house .photo-product,.page-house .photo-message em{color:var(--product-dark);text-shadow:none}}

.photo-message p{color:inherit}

@media(min-width:651px){.hero-film>img,.hero-house .hero-film>img{object-position:center top}.page-medical-care .photo-message{left:1.5%;width:24%}.page-medical-care .photo-message p{font-size:clamp(26px,3vw,51px)}}

@media(max-width:650px){.landing-hero .landing-hero-inner{padding-top:24px;min-height:0}}

/* Consistent photo proportions across every product, including Medical Care. */
@media(min-width:651px){
.page-medical-care .hero-film{height:clamp(360px,40vw,680px);min-height:340px;max-height:calc(100svh - 92px)}
.page-medical-care .hero-film>img{height:100%;width:100%;object-fit:cover;object-position:70% center}
.page-medical-care .photo-message{left:3%;width:30%}
.page-medical-care .photo-message p{font-size:clamp(30px,3.8vw,64px)}
.page-medical-care .hero-film:after{background:linear-gradient(90deg,#eaf7fff2,#eaf7ffb3 26%,transparent 47%)}
}
@media(max-width:650px){
.landing-hero .hero-film,.hero-house .hero-film,.page-care .hero-film{height:auto;inset:auto;mask-image:none;-webkit-mask-image:none}
.landing-hero .hero-film>img,.hero-house .hero-film>img,.page-care .hero-film>img,.page-medical-care .hero-film>img{height:clamp(300px,82vw,460px);width:100%;object-fit:cover;object-position:center top;mask-image:linear-gradient(#000 75%,transparent);-webkit-mask-image:linear-gradient(#000 75%,transparent)}
.page-medical-care .hero-film>img{object-position:70% top}
.page-care .hero-film>img{object-position:center 8%}
.landing-hero .photo-message{padding-top:10px}
}

/* Dental: retain photographic detail instead of a white veil over the scene. */
.page-dental-care .hero-film>img{filter:contrast(1.12) saturate(1.12) brightness(.97)}
@media(min-width:651px){
.page-dental-care .hero-film:after{background:linear-gradient(90deg,#311326eb 0%,#4b173ca8 23%,#50123d33 38%,transparent 52%)}
.page-dental-care .photo-message,.page-dental-care .photo-product{color:#fff;text-shadow:0 2px 16px #31132666}
.page-dental-care .photo-message em{color:#ffc3ec}
}
