/* fonts.css */
/* Manrope (SIL OFL 1.1), self-hosted. Subsets: cyrillic-ext, cyrillic, latin-ext, latin. */
/* cyrillic-ext */
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 400 800;
  font-display: swap;
  src: url(../fonts/manrope-cyrillic-ext.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 400 800;
  font-display: swap;
  src: url(../fonts/manrope-cyrillic.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* latin-ext */
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 400 800;
  font-display: swap;
  src: url(../fonts/manrope-latin-ext.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 400 800;
  font-display: swap;
  src: url(../fonts/manrope-latin.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* cormorant.css */
/* Cormorant Garamond italic 600, locally hosted. */
@font-face {
  font-family: 'Cormorant Garamond';
  font-style: italic;
  font-weight: 600;
  font-display: swap;
  src: url(../fonts/cormorant-garamond-italic-600-0.ttf) format('truetype');
}

/* footer.css */
/* ============================================================
   FOOTERS · selenaseiler.com
   LIGHT (#FDF0F2): /nutrition, /nutrition/consultation, legal pages
   DARK  (#084735): /, /business, /tech
   Минималистичные: только типографика, отступы, тонкие линии. Без изображений.
   Самодостаточный файл: свои цвета заданы здесь, зависимостей от страницы нет.
   ============================================================ */
.foot{
  --f-green:#084735;--f-pink:#F7C8CF;--f-light:#FDF0F2;--f-line:#D98A97;--f-arrow:#B14B5E;--f-white:#FFFFFF;
  font-family:'Manrope',system-ui,-apple-system,'Segoe UI',Roboto,Arial,sans-serif;
  padding-block:24px;font-size:.875rem;line-height:1.5;
}
.foot *,.foot *::before,.foot *::after{box-sizing:border-box}
.foot p{margin:0}
.foot a{text-underline-offset:3px}
.foot a:focus-visible{outline:3px solid currentColor;outline-offset:3px;border-radius:4px}
.foot-in{width:min(1280px,100% - clamp(32px,8vw,128px));margin-inline:auto;display:grid;gap:14px}
.foot-top{display:flex;flex-wrap:wrap;align-items:center;gap:12px 32px}
.foot-id{display:grid;gap:2px;min-width:0}
.foot-title{font-family:Georgia,'Times New Roman',serif;font-weight:700;font-size:1.125rem;line-height:1.25}
.foot-tag{font-size:.875rem;font-weight:500}
.foot-nav,.foot-links{display:flex;flex-wrap:wrap;align-items:center;gap:0 4px;min-width:0}
.foot-nav a,.foot-links a{display:inline-flex;align-items:center;justify-content:center;min-height:44px;min-width:44px;padding-inline:10px;font-weight:700;font-size:.9375rem;text-decoration:underline}
.foot-links i{font-style:normal}
.foot .foot-disc{font-size:.8125rem;line-height:1.55;font-weight:500;text-wrap:balance;text-align:center;padding-inline:max(0px,calc((100% - 780px) / 2))}
.foot-copy{font-size:.8125rem;font-weight:700}

/* LIGHT */
.foot--light{background:var(--f-light);color:var(--f-green);border-top:1px solid var(--f-line)}
.foot--light a{color:var(--f-green)}
.foot--light .foot-title{color:var(--f-green)}
.foot--light .foot-links{margin-left:auto}
.foot--light .foot-disc{padding-top:14px;border-top:1px solid var(--f-line)}
.foot--light .foot-copy{text-align:center}
.foot--light .foot-links i{color:var(--f-arrow)}

/* LIGHT · compact (consultation funnel): минимум высоты и отвлекающих элементов */
.foot--compact{padding-block:16px}
.foot--compact .foot-in{gap:8px}
.foot--compact .foot-title{font-size:1.0625rem}
.foot--compact .foot-nav a,.foot--compact .foot-links a{min-height:36px;font-size:.8125rem}

/* DARK */
.foot--dark{background:var(--f-green);color:var(--f-white)}
.foot--dark a{color:var(--f-white)}
.foot--dark .foot-title{color:var(--f-white)}
.foot--dark .foot-tag{color:var(--f-pink)}
.foot--dark .foot-nav{margin-left:auto}
.foot--dark .foot-bottom{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:4px 24px;padding-top:12px;border-top:1px solid rgba(247,200,207,.35)}
.foot--dark .foot-links a{font-weight:500;font-size:.875rem}
.foot--dark .foot-copy{color:var(--f-pink)}

@media (max-width:760px){
  .foot-top{flex-direction:column;align-items:center;text-align:center;gap:6px}
  .foot-id{justify-items:center}
  .foot-nav,.foot-links{justify-content:center;gap:0 4px}
  .foot--light .foot-links,.foot--dark .foot-nav{margin-left:0}
  .foot--dark .foot-bottom{flex-direction:column;justify-content:center;text-align:center}
  .foot-copy{text-align:center}
}
@media (max-width:760px){.foot--compact .foot-nav a,.foot--compact .foot-links a{min-height:44px}}

/* typography.css */
/* Shared typography, based on Formula 7 spheres. */
@import url("fonts.css");
@import url("cormorant.css");
:root{--font:Manrope,system-ui,sans-serif;--serif:Georgia,"Times New Roman",serif;--fs-body:clamp(1rem,.3vw + .95rem,1.16rem);--fs-small:clamp(.875rem,.2vw + .83rem,1rem);--h1:clamp(2.5rem,5.5vw,4.8rem);--h1-long:clamp(2.3rem,4.5vw,4.3rem);--h2:clamp(2.15rem,5vw,4.4rem);--h3:clamp(1.3rem,1.8vw,1.75rem)}
body{font-family:var(--font);font-size:var(--fs-body);line-height:1.55}
h1,h2,h3{font-family:var(--serif);font-weight:700;letter-spacing:-.035em}
h1,h1.xl{font-size:var(--h1);line-height:1.04}
h2{font-size:var(--h2);line-height:1.1}
h3{font-size:var(--h3);line-height:1.25}
.type-accent,.bridge,h1 em,h2 em,h3 em{font-family:"Cormorant Garamond",Georgia,serif;font-style:italic;font-weight:600;letter-spacing:-.015em}
.hero .lead{font-size:clamp(1.15rem,2vw,1.45rem)}
.foot{font-family:var(--font)}
body.type-legal h1{font-size:clamp(2rem,4vw,3.2rem)}
body.type-legal h2{font-size:clamp(1.3rem,2.2vw,1.8rem);line-height:1.3}
body.type-legal{font-size:1rem;line-height:1.65}

/* Shared action alignment: centered within each content block. */
.hero .cta-row,.cta-row,.hero-cta{display:flex;justify-content:center}
main .btn{margin-inline:auto;align-self:center}

.faq details[open]{background:#FDF0F2;border-radius:14px;padding-inline:16px}

/* direction-quiz.css */
.direction-quiz{width:min(720px,calc(100% - 24px));max-height:90dvh;overflow:auto;border:0;border-radius:24px;padding:clamp(22px,4vw,40px);color:#084735;background:#FBEFF4}.direction-quiz::backdrop{background:#084735bb}.direction-quiz h2{font-size:clamp(1.5rem,3vw,2.1rem);margin:18px 0}.dq-close{display:block;margin-left:auto;background:none;border:0;color:#084735;min-height:44px;font:inherit;cursor:pointer}.dq-intro{font-size:1rem}.dq-progress,.dq-note{font-size:.875rem;margin:14px 0}.dq-options{display:grid;gap:10px}.dq-option{font:inherit;text-align:left;background:white;color:#084735;border:1px solid #08473544;border-radius:14px;padding:14px 18px;min-height:48px;cursor:pointer}.dq-option:hover,.dq-option:focus-visible{background:#F3C6D9}.dq-back{font:inherit;min-height:44px;margin-top:18px;background:none;border:0;text-decoration:underline;color:#084735;cursor:pointer}.direction-quiz>.btn{display:flex;margin:20px auto}.direction-quiz>.btn:disabled{opacity:.6;cursor:default}
.direction-quiz progress{width:100%;height:8px;accent-color:#D98A97;margin:16px 0}.dq-option.dq-selected{background:#F7C8CF;border-color:#084735;color:#084735;opacity:1}.dq-option:disabled{cursor:default}.direction-quiz .btn{background:#F7C8CF;color:#084735}

.dq-gift-selection{padding:14px 18px;border:1px solid #08473533;border-radius:14px;background:#fff;font-weight:700}

@media(max-width:600px){.direction-quiz{padding:16px;max-height:calc(100dvh - 16px);border-radius:18px}.direction-quiz .dq-intro{display:none}.direction-quiz h2{font-size:1.25rem;line-height:1.2;margin:10px 0 14px}.direction-quiz progress{margin:6px 0;height:6px}.direction-quiz .dq-progress{margin:6px 0;font-size:.8rem}.direction-quiz .dq-options{gap:8px}.direction-quiz .dq-option{padding:10px 12px;font-size:1rem;line-height:1.25;min-height:44px}.direction-quiz .dq-back{margin-top:8px}.direction-quiz .dq-close{min-height:36px}}

/* portrait-frames.css */
/* Portrait frames: images fill the frame, with no pale padding. */
.photo-frame{position:relative;display:block!important;overflow:hidden;isolation:isolate;padding:0!important;border:1px solid #D98A9766!important;background:transparent!important;box-shadow:0 18px 44px #08473520;min-width:0;width:100%}
.photo-frame img{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:cover}
.home-expert .photo-square{aspect-ratio:4/5;max-width:540px;height:auto;border-radius:28px!important;justify-self:center}
.home-expert .photo-square img{object-position:50% 30%}
.hero-photo.photo-circle{aspect-ratio:1;width:100%;max-width:460px;height:auto;min-height:0;border-radius:50%!important;justify-self:center;margin:0;outline:none}
.photo-circle img{object-position:50% 20%}
.hero-photo.photo-portrait{aspect-ratio:4/5;width:100%;max-width:480px;height:auto;min-height:0;border-radius:100px 100px 24px 24px!important;justify-self:center}
.photo-portrait img{object-position:50% 30%}
.hero-photo.photo-landscape{aspect-ratio:1400/788;width:100%;max-width:620px;height:auto;min-height:0;border-radius:28px!important;justify-self:center}
.photo-landscape img{object-position:center}
.home-expert .expert-layout{grid-template-columns:minmax(0,1fr) minmax(0,1.1fr)}
body[data-quiz-kind] #about .about-in{display:block;max-width:850px;margin-inline:auto}
body[data-quiz-kind="nutrition"] #about .about{grid-template-columns:minmax(0,1fr)}
body[data-quiz-kind="nutrition"] #about .head{grid-column:1/-1}
@media(min-width:1000px){body[data-quiz-kind] #hero .hero-in{grid-template-columns:minmax(0,1.1fr) minmax(340px,.9fr);gap:40px}}
@media(max-width:999px){body[data-quiz-kind] #hero .hero-in{grid-template-columns:minmax(0,1fr)}}
@media(max-width:760px){.home-expert .expert-layout{grid-template-columns:minmax(0,1fr)}.home-expert .photo-square{max-width:420px}.hero-photo.photo-circle{max-width:360px}.hero-photo.photo-portrait{max-width:390px}}

/* Homepage: pink portrait at introduction, green circular expert portrait. */
body[data-floating-kind="home"] #hero .hero-in{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);align-items:center;gap:clamp(28px,5vw,72px)}.home-hero-copy{min-width:0}.home-hero-photo{margin:0;aspect-ratio:4/5;max-width:480px;border-radius:120px 120px 28px 28px;justify-self:center}.home-hero-photo img{object-position:50% 0%}.home-expert .expert-layout{grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:clamp(32px,6vw,80px)}.home-expert .expert-circle{aspect-ratio:1;max-width:480px;border-radius:50%!important;justify-self:center}.home-expert .expert-circle img{object-position:50% 0%}.home-expert .stats{gap:16px}.home-expert .role{font-weight:700}@media(max-width:900px){body[data-floating-kind="home"] #hero .hero-in,.home-expert .expert-layout{grid-template-columns:minmax(0,1fr)}.home-hero-photo{width:min(100%,380px)}.home-expert .expert-circle{width:min(100%,380px)}}
/* Mobile reading order: offer, description, portrait, benefits, action. */
@media(max-width:760px){
 body[data-floating-kind="home"] #hero .hero-in,body[data-quiz-kind] #hero .hero-in{display:flex!important;flex-direction:column;align-items:stretch;gap:18px}
 body[data-floating-kind="home"] #hero .hero-in>.home-hero-copy,body[data-quiz-kind] #hero .hero-in>div:first-child:not(.hero-photo){display:contents}
 #hero .hero-in .eyebrow{order:0;margin:0}
 #hero .hero-in h1{order:1;margin:0}
 #hero .hero-in .lead{order:2;margin:0}
 #hero .hero-in>.hero-photo,#hero .hero-in>.home-hero-photo{order:3;align-self:center;width:min(100%,360px);margin:6px 0}
 #hero .hero-in .pills{order:4;margin:6px 0 0}
 #hero .hero-in .hero-cta,#hero .hero-in .cta-row{order:5;align-self:center;margin-top:8px!important;width:100%;text-align:center}
}

/* Keep portraits anchored inside their frame at every responsive breakpoint. */
.photo-frame{box-sizing:border-box;flex-shrink:0;align-self:center}
.photo-frame img{box-sizing:border-box;margin:0!important;padding:0!important;max-width:none!important;max-height:none!important;min-width:0;min-height:0;border-radius:inherit}

/* A little more breathing room below the home hero benefits. */
#hero .home-hero-copy .cta-row{margin-top:40px!important}
@media(max-width:760px){#hero .home-hero-copy .cta-row{margin-top:20px!important}}

@media(min-width:1000px){body[data-quiz-kind="business"] #hero .hero-photo{height:var(--business-photo-height,auto);aspect-ratio:auto;object-position:50% 0%}body[data-quiz-kind="business"] #hero .hero-photo img{object-position:50% 0%}}

/* social-footer.css */
.footer-socials{display:flex;flex-wrap:wrap;justify-content:center;gap:14px 24px;padding:18px 0;margin:0;width:100%}.footer-socials a{display:inline-flex;align-items:center;gap:9px;color:inherit;text-decoration:none;font:600 14px/1.4 Manrope,system-ui,sans-serif;min-height:44px}.footer-social-icon{display:flex;align-items:center;justify-content:center;flex:none;width:44px;height:44px;border-radius:50%;background:#FDF0F2;border:1px solid #D98A9766;color:#084735}.footer-social-icon svg{display:block;width:21px;height:21px;fill:currentColor;stroke:none!important;stroke-width:0!important}.footer-social-icon svg path{stroke:none!important;stroke-width:0!important}.footer-socials a:hover .footer-social-icon{background:#F7C8CF}.footer-socials a:focus-visible{outline:2px solid currentColor;outline-offset:4px;border-radius:8px}@media(max-width:420px){.footer-socials{gap:12px 18px}.footer-socials a{font-size:12px}}

/* Brand defaults replace browser blue while retaining component colors. */
:where(a:any-link){color:inherit}:where(input,select,textarea,button){accent-color:#9F4868}:where(a,button,input,select,textarea):focus-visible{outline-color:#9F4868}

/* Shared action sizing: Nutrition primary CTA is the reference. */
.btn,.button,.primary-link,button.primary,.gift-claim,.direction-unpack-button{box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;min-height:clamp(58px,calc(4vw + 4px),66px)!important;padding:14px clamp(24px,2.4vw,40px)!important;font-family:Manrope,system-ui,sans-serif!important;font-size:clamp(1.3rem,.5vw + 1.2rem,1.45rem)!important;font-weight:800!important;line-height:1.2!important;border-radius:999px!important;max-width:100%;text-align:center}

/* Primary screen actions are centered consistently. */
.cta-row,.hero-cta,.hero-action,.direction-cta{display:flex!important;justify-content:center!important;align-items:center}.hero-copy>.primary-link{margin-left:auto;margin-right:auto}.final .btn,.consult>.button,.hero>.button{margin-left:auto;margin-right:auto}

/* Footer identity, social links and navigation share the first desktop row. */
.foot .foot-top{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:18px 24px}.foot .foot-top .foot-id{order:0}.foot .foot-top .footer-socials{order:1;width:auto;margin:0;padding:0;gap:12px;justify-content:center}.foot .foot-top .foot-nav{order:2;margin-left:0}.foot .footer-socials a{font-size:12px;gap:6px}.foot .footer-social-icon{width:36px;height:36px}.foot .footer-social-icon svg{width:19px;height:19px}@media(max-width:760px){.foot .foot-top{flex-direction:column;gap:18px}.foot .foot-top .footer-socials{flex-wrap:wrap;width:100%}}

/* Footer is visually distinct from the closing content section. */
body .foot{background:#FDF0F2!important;color:#084735!important;border-top:1px solid #D98A97;padding-top:28px}body .foot a,body .foot .foot-title,body .foot .foot-copy{color:#084735!important}body .foot .foot-tag{color:#9F4868!important}body .foot .foot-bottom{border-top-color:#08473533!important}

/* floating-panel.css */
.shared-floating[hidden]{display:none!important}.shared-floating{position:fixed;z-index:90;bottom:max(16px,env(safe-area-inset-bottom));left:50%;transform:translateX(-50%);width:min(1080px,calc(100% - 32px));box-sizing:border-box;display:flex;align-items:center;justify-content:center;gap:24px;padding:18px 48px 18px 24px;background:#084735;color:#fff;border:1px solid #F3C6D9;border-radius:24px;box-shadow:0 12px 40px #0004}.shared-floating p{margin:0;flex:1;font:600 17px/1.4 Manrope,system-ui,sans-serif}.shared-floating-action{display:inline-flex;justify-content:center;align-items:center;min-height:clamp(58px,calc(4vw + 4px),66px);padding:14px clamp(24px,2.4vw,40px);border:0;border-radius:999px;background:#F7C8CF;color:#084735;font:800 clamp(1.3rem,.5vw + 1.2rem,1.45rem)/1.2 Manrope,system-ui,sans-serif;cursor:pointer;text-align:center}.shared-floating-close{position:absolute;right:6px;top:6px;width:36px;height:36px;border:0;background:transparent;color:#fff;font:26px/1 system-ui;cursor:pointer}.shared-floating button:focus-visible{outline:2px solid #fff;outline-offset:3px}@media(max-width:760px){.shared-floating{flex-direction:column;gap:10px;padding:16px 36px;border-radius:20px}.shared-floating p{text-align:center;font-size:14px}.shared-floating-action{width:100%}}
/* Compact floating action: button above its supporting text. */
.shared-floating{width:max-content;max-width:calc(100% - 32px);flex-direction:column;gap:10px;padding:20px 24px 16px;border-radius:24px}.shared-floating-action{max-width:min(100%,440px);width:auto}.shared-floating p{flex:none;max-width:420px;text-align:center;font-size:14px;line-height:1.4}.shared-floating-close{right:2px;top:2px;width:28px;height:28px;font-size:22px}@media(max-width:760px){.shared-floating{width:max-content;max-width:calc(100% - 24px);padding:18px 18px 14px}.shared-floating-action{width:auto;max-width:360px}.shared-floating p{max-width:340px;font-size:13px}}

.shared-floating-action:hover{background:#FADDE1}

/* More green breathing room above the pink floating CTA. */
.shared-floating{padding-top:34px}@media(max-width:760px){.shared-floating{padding-top:30px}}

body[data-floating-kind="home"] .shared-floating:not([hidden]){animation:home-panel-enter .35s ease-out}
@keyframes home-panel-enter{from{opacity:0;transform:translate(-50%,32px)}to{opacity:1;transform:translate(-50%,0)}}
@media(prefers-reduced-motion:reduce){body[data-floating-kind="home"] .shared-floating{animation:none!important}}

/* nutrition-tones.css */

/* Nutrition: alternate full-width dark and light sections. */
body[data-quiz-kind="nutrition"] section[data-nutrition-tone="dark"]{background:#084735;color:#fff}body[data-quiz-kind="nutrition"] section[data-nutrition-tone="light"]{background:#FDF0F2;color:#084735}body[data-quiz-kind="nutrition"] section[data-nutrition-tone="dark"] .sec-head h2{color:#fff}body[data-quiz-kind="nutrition"] #cases .case,body[data-quiz-kind="nutrition"] #faq details{background:#FDF0F2;color:#084735}body[data-quiz-kind="nutrition"] #final h2,body[data-quiz-kind="nutrition"] #final p{color:#084735}body[data-quiz-kind="nutrition"] .foot{background:#084735;color:#fff}body[data-quiz-kind="nutrition"] .foot a,body[data-quiz-kind="nutrition"] .foot .foot-title{color:#fff}body[data-quiz-kind="nutrition"] .foot .foot-copy,body[data-quiz-kind="nutrition"] .foot .foot-tag{color:#F3C6D9}

/* Compact Nutrition expert: green circular portrait beside biography and stats. */
body[data-quiz-kind="nutrition"] #about .nutrition-expert-layout{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);align-items:center;gap:clamp(28px,5vw,64px)}body[data-quiz-kind="nutrition"] #about .head{grid-column:auto;margin:0}body[data-quiz-kind="nutrition"] #about .nutrition-expert-photo{margin:0;width:100%;max-width:420px;aspect-ratio:1;border-radius:50%!important;justify-self:center}body[data-quiz-kind="nutrition"] #about .nutrition-expert-photo img{object-position:50% 0%}body[data-quiz-kind="nutrition"] #about .stats{gap:14px;margin-top:24px}body[data-quiz-kind="nutrition"] #about .stat{min-height:110px;padding:18px}body[data-quiz-kind="nutrition"] #about .txt{margin-top:18px}body[data-quiz-kind="nutrition"] #hero .photo-circle img{object-position:50% 0%}@media(max-width:900px){body[data-quiz-kind="nutrition"] #about .nutrition-expert-layout{grid-template-columns:minmax(0,1fr)}body[data-quiz-kind="nutrition"] #about .nutrition-expert-photo{max-width:340px}}

body[data-quiz-kind="nutrition"] #final .nutrition-final-title{max-width:900px;width:100%;margin:0 auto 22px;line-height:1.2!important}body[data-quiz-kind="nutrition"] #final .nutrition-final-title span{display:block}body[data-quiz-kind="nutrition"] #final> .wrap>p{max-width:64ch;margin:0 auto 22px}body[data-quiz-kind="nutrition"] #final .cta-row{margin-top:20px!important}@media(min-width:760px){body[data-quiz-kind="nutrition"] #final .nutrition-final-title span{white-space:nowrap}}

/* Nutrition takeaways: six distinct cards, consistent titles and number badges. */
body[data-quiz-kind="nutrition"] #takeaways .take{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;list-style:none;padding:0;margin:0}body[data-quiz-kind="nutrition"] #takeaways .take li{display:grid;grid-template-columns:40px minmax(0,1fr);align-items:start;gap:14px;padding:22px!important;border:1px solid #D98A9766!important;border-radius:20px;background:#fff!important;box-shadow:0 8px 22px #00000012;margin:0}body[data-quiz-kind="nutrition"] #takeaways .take .n{display:grid;place-items:center;width:40px;height:40px;border-radius:50%;background:#F7C8CF;color:#084735!important;font:800 15px/1 Manrope,system-ui,sans-serif;letter-spacing:0}body[data-quiz-kind="nutrition"] #takeaways .take h3{font-family:Georgia,"Times New Roman",serif;font-style:normal!important;font-weight:700;line-height:1.25;margin:0 0 10px;color:#084735!important}body[data-quiz-kind="nutrition"] #takeaways .take p{margin:0;font-size:1rem!important;line-height:1.55;color:#084735!important}@media(max-width:760px){body[data-quiz-kind="nutrition"] #takeaways .take{grid-template-columns:minmax(0,1fr);gap:14px}body[data-quiz-kind="nutrition"] #takeaways .take li{padding:18px!important;gap:12px}}

/* header-line.css */
.header-line .top-in{display:flex;align-items:center;justify-content:space-between;gap:24px}.header-line .logo{flex:none}.header-line .nav{display:flex;align-items:center;justify-content:center;gap:20px;margin-left:auto}.header-line .nav a{color:#084735;text-decoration:none;font:600 16px/1.4 Manrope,system-ui,sans-serif;white-space:nowrap;padding:10px 0}.header-line .nav a[aria-current="page"]{color:#9F4868;font-weight:800;border-bottom:2px solid #9F4868}.header-line .lang{display:flex;align-items:center;flex:none;gap:6px;margin:0}.header-line .lang button{flex:none}.header-line :focus-visible{outline:2px solid #9F4868;outline-offset:4px}@media(max-width:760px){.header-line .top-in{flex-wrap:wrap;gap:10px}.header-line .nav{order:3;flex-basis:100%;margin:0;justify-content:space-between;gap:10px}.header-line .nav a{font-size:14px}.header-line .lang{margin-left:auto}.header-line .logo{font-size:21px}.header-line .lang button{min-width:34px;padding:6px}}
.header-line .nav a,.header-line .nav a[aria-current="page"],.header-line .nav a:hover{background:transparent;border-radius:0;box-shadow:none}
/* Direct-link headers must not inherit the legacy hamburger menu column. */
.header-line .nav{flex-direction:row;flex-wrap:nowrap}
.header-line .top-in{padding-block:16px}
@media(max-width:1000px){.header-line .top-in{flex-wrap:wrap;gap:8px 16px}.header-line .nav{order:3;flex-basis:100%;margin:0;justify-content:center;gap:clamp(16px,5vw,40px)}.header-line .lang{margin-left:auto}.header-line .nav a{justify-content:center;padding:8px 0}}
@media(max-width:420px){.header-line .top-in{gap:6px}.header-line .logo{font-size:20px}.header-line .lang{gap:4px}.header-line .lang button{min-width:36px;min-height:40px;padding:6px}.header-line .nav{justify-content:space-between;gap:4px;flex-wrap:wrap}.header-line .nav a{font-size:14px;min-height:44px;box-sizing:border-box;display:flex;align-items:center}}

/* compact-spacing.css */
/* Compact shared spacing without changing text, forms or tap targets. */
:root{--sp-5:clamp(18px,1.8vw,26px);--sp-6:clamp(24px,2.4vw,36px);--sp-7:clamp(32px,3.5vw,52px)}
main>section,main>.section,main>.direction-insert{padding-top:clamp(32px,3.5vw,52px)!important;padding-bottom:clamp(32px,3.5vw,52px)!important}
main>.hero{min-height:0!important;align-content:center}
.sec-head{margin-bottom:24px!important}.cta-row,.hero-cta,.hero-action,.direction-cta{margin-top:22px!important}.hero .lead{margin-top:16px}.hero .pills{margin-top:18px}
.home-expert .expert-layout,.nutrition-expert-layout,.intro .intro-grid{gap:clamp(24px,3.5vw,44px)!important}.home-expert .stats{margin-top:24px!important}.home-expert .txt{margin-top:18px!important}
.ecosystem .formula-photo-pink{margin-top:22px;margin-bottom:24px}.direction-insert .direction-help{gap:28px}.section>h2{margin-bottom:22px}.ecosystem-grid{gap:18px}.card{padding:clamp(20px,2.4vw,32px)}
@media(max-width:760px){main>section,main>.section,main>.direction-insert{padding-top:28px!important;padding-bottom:28px!important}.sec-head{margin-bottom:20px!important}.cta-row,.hero-cta,.hero-action,.direction-cta{margin-top:18px!important}}

/* faq-cards.css */
/* FAQ cards keep their own contrast on either section background. */
body[data-quiz-kind] #faq .faq{max-width:860px;margin-inline:auto;display:grid;gap:12px}body[data-quiz-kind] #faq .faq details,body[data-quiz-kind] #faq .faq details[open]{background:#FDF0F2;color:#084735;border:1px solid #D98A9766;border-radius:16px;margin:0;padding:0 22px;overflow:hidden}body[data-quiz-kind] #faq .faq summary{display:flex;align-items:center;justify-content:space-between;gap:18px;list-style:none;padding:18px 0;color:#084735;font:700 clamp(1rem,1.2vw,1.15rem)/1.45 Manrope,system-ui,sans-serif}body[data-quiz-kind] #faq .faq summary::-webkit-details-marker{display:none}body[data-quiz-kind] #faq .faq summary::after{content:"+";flex:none;width:34px;height:34px;display:grid;place-items:center;border-radius:50%;background:#F3C6D9;color:#084735;font:500 24px/1 Manrope,system-ui,sans-serif}body[data-quiz-kind] #faq .faq details[open] summary::after{content:"−"}body[data-quiz-kind] #faq .faq details p{color:#084735;font:400 1rem/1.65 Manrope,system-ui,sans-serif;max-width:none;margin:0;padding:0 52px 20px 0}body[data-quiz-kind] #faq .faq summary:focus-visible{outline:2px solid #9F4868;outline-offset:-2px;border-radius:8px}@media(max-width:760px){body[data-quiz-kind] #faq .faq details{padding-inline:16px}body[data-quiz-kind] #faq .faq summary{gap:12px;padding-block:16px}body[data-quiz-kind] #faq .faq details p{padding-right:0;padding-bottom:18px}}

/* consultation-labels.css */
.consultation-free{display:block;width:100%;text-align:center;margin-top:8px;font:600 14px/1.4 Manrope,system-ui,sans-serif;color:inherit}.cta-row,.hero-cta{flex-wrap:wrap}.consultation-action+.consultation-free{flex-basis:100%}.shared-floating .consultation-free{color:#fff;margin-top:0}.shared-floating{gap:8px}
/* Expressive, clearly visible free-consultation caption. */
.consultation-free{font-family:"Cormorant Garamond",Georgia,serif;font-size:clamp(1.5rem,1.5vw + .5rem,1.85rem);font-style:italic;font-weight:700;line-height:1.15;color:#A83661;margin-top:10px;letter-spacing:.01em}.on-dark .consultation-free,.shared-floating .consultation-free{color:#F7C8CF}.shared-floating .consultation-free{font-size:1.65rem;margin-top:0}

/* motion-highlights.css */
/* Shared gentle motion and pink highlights. */
@media(prefers-reduced-motion:no-preference){.motion-ready.motion-pending{opacity:0;transform:translateY(18px)}.motion-ready{transition:opacity .55s ease,transform .55s ease}.motion-ready.motion-visible{opacity:1;transform:none}.btn,.button,.primary-link,.gift-claim,.shared-floating-action,.direction-unpack-button{transition:transform .2s ease,box-shadow .2s ease,filter .2s ease}.photo-frame,.formula-photo,.card,.stat,.case,.ecosystem-grid article,.step,#faq details{transition:box-shadow .25s ease,border-color .25s ease,transform .25s ease}.motion-ready.motion-visible{transition-delay:0s}}
@media(hover:hover){.btn:hover,.button:hover,.primary-link:hover,.gift-claim:hover,.shared-floating-action:hover,.direction-unpack-button:hover{transform:translateY(-2px);box-shadow:0 10px 26px #D98A9766;filter:brightness(1.03)}.photo-frame:hover,.formula-photo:hover{box-shadow:0 0 0 3px #D98A9733,0 18px 40px #08473533}.card:hover,.stat:hover,.case:hover,.ecosystem-grid article:hover,.step:hover,#faq details:hover{border-color:#D98A97;box-shadow:0 0 0 2px #D98A9722,0 10px 24px #08473518}.header-line .nav a:hover{color:#9F4868;text-shadow:0 0 16px #D98A9744}}
.btn:focus-visible,.button:focus-visible,.primary-link:focus-visible,.shared-floating-action:focus-visible{outline:3px solid #D98A97;outline-offset:4px}
@media(prefers-reduced-motion:reduce){.motion-ready{opacity:1!important;transform:none!important;transition:none!important}.btn,.button,.primary-link,.gift-claim,.shared-floating-action,.direction-unpack-button,.photo-frame,.formula-photo,.card,.stat,.case,.ecosystem-grid article,.step,#faq details{transition:none!important}}

/* hero-bullets.css */
/* Hero benefits are short inline text, not button-shaped chips. */
#hero .pills{display:flex!important;flex-wrap:nowrap!important;gap:clamp(8px,1.5vw,20px)!important;padding:0;list-style:none}#hero .pills>.pill,#hero .pills>li,#hero .pills>a{display:inline-flex;align-items:center;gap:6px;white-space:nowrap;border:0!important;border-radius:0!important;box-shadow:none!important;background:transparent!important;padding:0!important;min-height:0;font:600 clamp(.75rem,1vw,.95rem)/1.4 Manrope,system-ui,sans-serif;color:inherit;text-decoration:none}#hero .pills>.pill::before,#hero .pills>li::before{content:"•";color:#F7C8CF}#hero .pills>a::before{content:"•";color:#F7C8CF}#hero .pills i{display:none}@media(max-width:380px){#hero .pills{gap:8px!important}#hero .pills>.pill,#hero .pills>li,#hero .pills>a{font-size:.72rem;gap:4px}}
/* Benefits remain readable in narrow previews and in longer translations. */
#hero .pills{flex-wrap:wrap!important;row-gap:10px!important}
#hero .pills>.pill,#hero .pills>li,#hero .pills>a{white-space:normal;max-width:100%;flex-shrink:0}
@media(max-width:480px){#hero .pills{flex-direction:column;align-items:flex-start}}

/* site-tones.css */
/* Consistent light/dark section rhythm and explicit content contrast. */
main>section[data-site-tone="dark"]{background:#084735!important;color:#fff!important}main>section[data-site-tone="light"]{background:#FDF0F2!important;color:#084735!important}
main>section[data-site-tone="dark"] .sec-head h2,main>section[data-site-tone="dark"]>.wrap>h2,main>section[data-site-tone="dark"] .expert-copy>h2,main>section[data-site-tone="dark"] .head>h2,main>section[data-site-tone="dark"] .business-final-copy h2{color:#fff!important}
main>section[data-site-tone="dark"] .sec-head>p,main>section[data-site-tone="dark"] .role,main>section[data-site-tone="dark"] .txt,main>section[data-site-tone="dark"] .about-in>div>p,main>section[data-site-tone="dark"] .business-final-copy>p{color:#FDF0F2!important}
main>section[data-site-tone="light"] .sec-head h2,main>section[data-site-tone="light"]>.wrap>h2,main>section[data-site-tone="light"] .sig h2,main>section[data-site-tone="light"] .role,main>section[data-site-tone="light"] .txt,main>section[data-site-tone="light"] .business-final-copy h2,main>section[data-site-tone="light"] .business-final-copy>p{color:#084735!important}
main>section[data-site-tone="light"] .sec-head>p,main>section[data-site-tone="light"]>.wrap>p{color:#084735!important}
main>section[data-site-tone] :is(.card,.stat,.step,.case,.path li,.take li,.format-card,.pain){background:#fff!important;color:#084735!important;border-color:#D98A9766}
main>section[data-site-tone] :is(.card,.stat,.step,.case,.path li,.take li,.format-card,.pain) :is(h2,h3,p,span){color:#084735}
main>section[data-site-tone="dark"] .btn{background:#F7C8CF!important;color:#084735!important}main>section[data-site-tone="light"] .btn{background:#084735!important;color:#fff!important}
main>section[data-site-tone="dark"] .consultation-free{color:#F7C8CF!important}main>section[data-site-tone="light"] .consultation-free{color:#A83661!important}
body footer[data-site-tone="dark"]{background:#084735!important;color:#fff!important}body footer[data-site-tone="dark"] a,body footer[data-site-tone="dark"] .foot-title,body footer[data-site-tone="dark"] .foot-copy{color:#fff!important}body footer[data-site-tone="dark"] .foot-tag{color:#F7C8CF!important}body footer[data-site-tone="dark"] .foot-bottom{border-color:#FFFFFF33!important}

/* text-scale.css */
/* Final shared text scale; preserves approved families and CTA sizing. */
:root{--h1:clamp(2.25rem,3.8vw,3.75rem);--h2:clamp(1.8rem,2.7vw,2.8rem);--h3:clamp(1.2rem,1.4vw,1.5rem);--fs-body:clamp(1rem,.2vw + .95rem,1.125rem)}
body main h1,body main h1.xl{font-size:clamp(2.25rem,3.8vw,3.75rem)!important;line-height:1.08!important}
body main h2,body[data-quiz-kind] main h2{font-size:clamp(1.8rem,2.7vw,2.8rem)!important;line-height:1.18!important;letter-spacing:-.025em}
body main h3,body[data-quiz-kind] main h3{font-size:clamp(1.2rem,1.4vw,1.5rem)!important;line-height:1.3!important}
body main p:not(.eyebrow):not(.kicker):not(.bonus-label),body main li:not(.pill){font-size:clamp(1rem,.2vw + .95rem,1.125rem);line-height:1.6}
body main .lead{font-size:clamp(1.05rem,.5vw + .95rem,1.2rem)!important;line-height:1.5!important}
body main .eyebrow,body main .kicker{font-size:clamp(.8rem,.3vw + .75rem,.95rem)!important;line-height:1.4!important}
body main .role{font-size:clamp(1rem,.35vw + .95rem,1.15rem)!important;line-height:1.5!important}
body main .sec-head{margin-bottom:22px!important}body main .sec-head h2{margin-bottom:12px}body main .sec-head p{max-width:65ch}

/* nutrition-hero-type.css */
/* Nutrition hero: explicit hierarchy after shared scales. */
body[data-quiz-kind="nutrition"] #hero .eyebrow{display:block;font-family:Manrope,system-ui,sans-serif;font-size:14px!important;font-weight:700;line-height:1.45!important;letter-spacing:.035em;margin:0 0 16px}
body[data-quiz-kind="nutrition"] #hero h1{font-family:Georgia,"Times New Roman",serif;font-size:clamp(36px,3.8vw,56px)!important;font-weight:700;line-height:1.08!important;max-width:19ch;margin:0 0 20px}
body[data-quiz-kind="nutrition"] #hero .lead{font-family:Manrope,system-ui,sans-serif;font-size:18px!important;font-weight:400;line-height:1.55!important;max-width:52ch;margin:0}
body[data-quiz-kind="nutrition"] #hero .pills{margin-top:20px;gap:18px!important}body[data-quiz-kind="nutrition"] #hero .pills .pill{font-family:Manrope,system-ui,sans-serif;font-size:15px!important;font-weight:600;line-height:1.4!important}
@media(max-width:760px){body[data-quiz-kind="nutrition"] #hero h1{font-size:36px!important;max-width:22ch}body[data-quiz-kind="nutrition"] #hero .lead{font-size:16px!important}body[data-quiz-kind="nutrition"] #hero .eyebrow{font-size:12px!important}body[data-quiz-kind="nutrition"] #hero .pills{gap:10px!important}body[data-quiz-kind="nutrition"] #hero .pills .pill{font-size:12px!important}}

body[data-quiz-kind="nutrition"] #pains .bridge{font-family:"Cormorant Garamond",Georgia,serif;font-size:clamp(24px,2.2vw,32px)!important;line-height:1.3;font-weight:600;max-width:46ch;margin:24px auto;text-align:center;color:#084735}

body[data-quiz-kind="nutrition"] #signature h2{font-size:clamp(32px,3.2vw,50px)!important;line-height:1.18!important;max-width:28ch}body[data-quiz-kind="nutrition"] #signature p{font-size:clamp(18px,1.35vw,21px)!important;line-height:1.55;max-width:58ch;margin:20px auto 0}

body[data-quiz-kind="nutrition"] #signature #counter{font-size:clamp(80px,9vw,128px);line-height:1;color:#F7C8CF;margin:0 auto 18px}body[data-quiz-kind="nutrition"] #signature h2{margin-top:0}

/* text-standard.css */
/* ONE text system: Formula Georgia headings + Manrope content. Photos untouched. */
:root{--font:Manrope,system-ui,sans-serif;--serif:Georgia,"Times New Roman",serif;--h1:clamp(36px,3.8vw,60px);--h2:clamp(30px,2.7vw,44px);--h3:clamp(20px,1.4vw,24px);--fs-body:clamp(16px,.2vw + 15px,18px)}
body{font-family:var(--font);line-height:1.55}
body main h1,body main h1.xl,body[data-quiz-kind] #hero h1{font-family:var(--serif)!important;font-style:normal!important;font-weight:700!important;font-size:var(--h1)!important;line-height:1.08!important;letter-spacing:-.03em!important}
body main h2,body[data-quiz-kind] main h2,body[data-quiz-kind="nutrition"] #signature h2{font-family:var(--serif)!important;font-style:normal!important;font-weight:700!important;font-size:var(--h2)!important;line-height:1.18!important;letter-spacing:-.025em!important}
body main h3,body[data-quiz-kind] main h3,body[data-quiz-kind="nutrition"] #takeaways .take h3{font-family:var(--serif)!important;font-style:normal!important;font-weight:700!important;font-size:var(--h3)!important;line-height:1.3!important;letter-spacing:-.015em}
body main p:not(.bridge):not(.eyebrow):not(.kicker):not(.role):not(.lead),body[data-quiz-kind="nutrition"] #signature p{font-family:var(--font)!important;font-size:var(--fs-body)!important;line-height:1.6!important}
body main .lead,body[data-quiz-kind] #hero .lead{font-family:var(--font)!important;font-size:clamp(17px,.5vw + 15px,20px)!important;line-height:1.55!important}
body main .eyebrow,body main .kicker,body[data-quiz-kind] #hero .eyebrow{font-family:var(--font)!important;font-size:14px!important;font-weight:700!important;line-height:1.4!important;letter-spacing:.06em!important}
body main .role{font-family:var(--font)!important;font-size:18px!important;font-weight:700;line-height:1.5!important}
body main .sec-head{max-width:none;margin-bottom:24px!important}body main .sec-head h2{margin:0 0 12px}body main .sec-head>p{margin:0;max-width:65ch}
body main .bridge{font-family:"Cormorant Garamond",Georgia,serif!important;font-style:italic;font-size:clamp(24px,2.2vw,32px)!important;line-height:1.35!important}
body[data-quiz-kind="nutrition"] #signature h2{max-width:30ch;margin:0 auto 18px}body[data-quiz-kind="nutrition"] #signature p{max-width:58ch;margin:0 auto}
body main .pills>li,body main .pills>a,body[data-quiz-kind] #hero .pills .pill{font-family:var(--font)!important;font-size:14px!important;line-height:1.4!important;font-weight:600}
@media(max-width:760px){body main .eyebrow,body main .kicker,body[data-quiz-kind] #hero .eyebrow{font-size:12px!important}body main .pills>li,body main .pills>a,body[data-quiz-kind] #hero .pills .pill{font-size:12px!important}body main .role{font-size:16px!important}}

/* Every section title uses one size at each viewport breakpoint. */
body main h2,body[data-quiz-kind] main h2,body[data-quiz-kind="nutrition"] #signature h2,body[data-quiz-kind="nutrition"] #final .nutrition-final-title{font-size:40px!important;line-height:1.18!important}@media(max-width:760px){body main h2,body[data-quiz-kind] main h2,body[data-quiz-kind="nutrition"] #signature h2,body[data-quiz-kind="nutrition"] #final .nutrition-final-title{font-size:30px!important}}

/* nutrition-hero-align.css */
body[data-quiz-kind="nutrition"] #hero .hero-in{align-items:start!important}body[data-quiz-kind="nutrition"] #hero .hero-in>div:first-child{align-self:start!important;padding-top:0!important;margin-top:0!important}body[data-quiz-kind="nutrition"] #hero .eyebrow{display:block;font-size:20px!important;line-height:1.45!important;font-weight:800;letter-spacing:.015em;margin:0 0 22px!important}body[data-quiz-kind="nutrition"] #hero .hero-photo{align-self:start!important}@media(max-width:760px){body[data-quiz-kind="nutrition"] #hero .eyebrow{font-size:17px!important;margin-bottom:18px!important}}

/* hero-eyebrow.css */
/* Shared first-screen introductory line. */
body main .hero .eyebrow{display:block;font-family:Manrope,system-ui,sans-serif;font-size:20px!important;font-weight:800!important;line-height:1.45!important;letter-spacing:.015em!important;margin:0 0 22px!important}
@media(max-width:760px){body main .hero .eyebrow{font-size:17px!important;margin-bottom:18px!important}}

/* nutrition-cases.css */
body[data-quiz-kind="nutrition"] #cases .cases{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}body[data-quiz-kind="nutrition"] #cases .nutrition-case{display:block;min-height:0!important;padding:0!important;margin:0;overflow:hidden;border:1px solid #F7C8CF;border-radius:20px;background:#fff}body[data-quiz-kind="nutrition"] #cases .nutrition-case img{display:block;position:static;width:100%;height:auto!important;max-height:none;object-fit:contain;border-radius:0}@media(max-width:900px){body[data-quiz-kind="nutrition"] #cases .cases{grid-template-columns:minmax(0,1fr);max-width:680px;margin:auto}}

body[data-quiz-kind="nutrition"] #cases .case-comparison{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:12px;padding:18px 16px;background:#fff;color:#084735;font:700 17px/1.4 Manrope,system-ui,sans-serif;text-align:center}body[data-quiz-kind="nutrition"] #cases .case-comparison strong{background:#F7C8CF;color:#084735;border-radius:999px;padding:8px 18px;font-size:24px}

/* site-notices.css */
.site-notice[hidden]{display:none!important}.site-notice{position:fixed;left:20px;bottom:max(20px,env(safe-area-inset-bottom));z-index:85;width:300px;max-width:calc(100vw - 40px);box-sizing:border-box;padding:16px 20px;border:1px solid #D98A97;border-radius:18px;background:#FDF0F2;color:#084735;box-shadow:0 8px 28px #0002;font:700 16px/1.45 Manrope,system-ui,sans-serif;pointer-events:none;animation:notice-in .2s ease-out}@keyframes notice-in{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@media(max-width:760px){.site-notice{left:12px;max-width:calc(100vw - 24px);padding:12px 16px;font-size:15px}}@media(prefers-reduced-motion:reduce){.site-notice{animation:none}}

/* Right side, vertically centered. */
.site-notice{left:auto;right:20px;top:50%;bottom:auto;transform:translateY(-50%);animation:notice-right .25s ease-out}@keyframes notice-right{from{opacity:0;transform:translate(12px,-50%)}to{opacity:1;transform:translate(0,-50%)}}@media(max-width:760px){.site-notice{left:auto;right:12px;bottom:auto;top:50%}}@media(prefers-reduced-motion:reduce){.site-notice{animation:none}}

/* Keep the consultation CTA and outcome on separate lines. */
.site-notice{white-space:pre-line}

/* Keep the consultation CTA and outcome on separate lines. */
.site-notice{white-space:pre-line}

/* portrait-layout.css */
/* Shared portrait geometry for the main site and Formula. */
:root{--portrait-size:420px;--portrait-gap:clamp(24px,4vw,48px)}
body :is(.home-hero-photo,.hero-photo.photo-frame,#about .photo-frame,.business-final-photo,.formula-photo){position:relative!important;display:block!important;width:100%!important;max-width:var(--portrait-size)!important;aspect-ratio:1!important;height:auto!important;min-height:0!important;padding:0!important;margin:0!important;overflow:hidden!important;border-radius:50%!important;align-self:start!important}
body :is(.home-hero-photo,.hero-photo.photo-frame,#about .photo-frame,.business-final-photo,.formula-photo) img{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;max-width:none!important;max-height:none!important;object-fit:cover!important;object-position:50% 0%!important;border-radius:50%!important;margin:0!important;padding:0!important}
body #about :is(.expert-layout,.nutrition-expert-layout,.business-expert-layout,.tech-expert-layout){display:grid!important;grid-template-columns:minmax(0,min(32vw,420px)) minmax(0,1fr)!important;align-items:start!important;gap:var(--portrait-gap)!important}
body #about .photo-frame{justify-self:start!important}
body #about :is(.head,.expert-copy,.business-expert-copy,.tech-expert-copy){grid-column:auto!important;min-width:0;padding-top:0!important}
body #about h2{margin-top:0!important}
body #about :is(.stats,.role){margin-top:20px!important}
body #hero .hero-in{align-items:start!important;column-gap:var(--portrait-gap)!important}
body #hero .hero-in :is(.home-hero-photo,.hero-photo){justify-self:end!important}
body #hero .hero-in>div:first-child{padding-top:0!important}
body .business-final-layout{align-items:start!important;gap:var(--portrait-gap)!important}
body .business-final-photo{justify-self:end!important}
body .intro .intro-grid{display:grid;grid-template-columns:minmax(0,min(32vw,420px)) minmax(0,1fr);align-items:start;gap:var(--portrait-gap)}
body .intro .intro-grid .quote{margin-top:0}
body .ecosystem-layout{grid-template-columns:minmax(0,min(32vw,420px)) minmax(0,1fr);align-items:start;gap:var(--portrait-gap)}
body .ecosystem-content{padding-top:0!important}
body .ecosystem-heading-copy>:first-child{margin-top:0!important}
body .direction-insert .direction-help{display:grid;grid-template-columns:minmax(0,min(32vw,420px)) minmax(0,1fr);align-items:start;gap:var(--portrait-gap)}
body .direction-help h2{margin-top:0}
@media(max-width:900px){
 body #about :is(.expert-layout,.nutrition-expert-layout,.business-expert-layout,.tech-expert-layout),body .intro .intro-grid,body .ecosystem-layout,body .direction-insert .direction-help{grid-template-columns:minmax(0,1fr)!important;gap:24px!important}
 body :is(.home-hero-photo,.hero-photo.photo-frame,#about .photo-frame,.business-final-photo,.formula-photo){max-width:340px!important;justify-self:center!important;align-self:center!important}
 body #about .photo-frame,body #hero .hero-in :is(.home-hero-photo,.hero-photo){justify-self:center!important}
}
/* Override older Formula-specific three-column and edge-to-edge layouts. */
body main .intro .intro-grid,body main .ecosystem .ecosystem-layout{grid-template-columns:minmax(0,min(32vw,420px)) minmax(0,1fr)!important;align-items:start!important;gap:var(--portrait-gap)!important;max-width:1160px;margin-inline:auto}
body main .ecosystem .ecosystem-layout{width:calc(100% - 48px)}
body main .ecosystem .ecosystem-layout>.formula-photo-pink{width:100%!important;max-width:var(--portrait-size)!important;justify-self:start}
@media(max-width:900px){body main .intro .intro-grid,body main .ecosystem .ecosystem-layout{grid-template-columns:minmax(0,1fr)!important}body main .ecosystem .ecosystem-layout>.formula-photo-pink{max-width:340px!important;justify-self:center}}