@font-face{font-family:Inter;src:url('fonts/inter-variable.woff2?v=0f409d1d652d') format('woff2');font-weight:100 900;font-style:normal;font-display:swap}
@font-face{font-family:'Forgotten November';src:url('fonts/forgotten-november.otf?v=ee8d17b42fa9') format('opentype');font-weight:400;font-style:normal;font-display:swap}
:root{font-family:Inter,Arial,sans-serif;line-height:1.5;color:#121212;background:#fff;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;--orange:#ff3d00;--ink:#121212;--surface:#f0f0f0}
*,*::before,*::after{box-sizing:border-box}
body,h1,h2,h3,p,figure{margin:0}
body{min-width:280px;overflow-x:clip}
button{font:inherit;color:inherit;border:0;margin:0;appearance:none;-webkit-appearance:none;text-align:inherit;cursor:pointer}
img{display:block}
button:focus-visible,summary:focus-visible,a:focus-visible{outline:2px solid var(--orange);outline-offset:4px}
.compact-view{display:none}
.container,.section{width:calc(100% - 64px);max-width:1200px;margin-right:auto;margin-left:auto}
.section{margin-top:150px}
.section-heading{max-width:580px}
.site-header{position:sticky;top:0;z-index:100;height:100px;background:#fff}
.header-row{height:100%;display:flex;align-items:center;justify-content:space-between;gap:24px}
.header-row>[data-figma-id="558:42"]{flex:none}
.header-row>[data-figma-id="558:57"]{width:auto;flex:none}
.hero{padding-top:60px}
.hero-layout{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:40px;align-items:start}
.hero-copy{min-width:0}
.hero-copy>h1{margin-top:20px}
.hero-copy>h1+div{margin-top:30px}
.hero-copy>button{margin-top:40px}
.hero-visual{margin-top:-48px}
.scene{position:relative;width:100%;max-width:100%;min-width:0;isolation:isolate;overflow:hidden}
.scene-stage{position:absolute;left:0;top:0;transform-origin:0 0;transform:scale(var(--scene-scale,1))}
.scene-stage button{white-space:normal}
.js .scene[data-assets-pending] *{mask-image:none!important;-webkit-mask-image:none!important}
.benefits{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));column-gap:90px;margin-top:39.5px}
.benefit{position:relative;min-width:0}
.benefit+.benefit::before{content:"";position:absolute;left:-45px;top:0;bottom:0;width:1px;background:#e3e3e3}
.benefit-heading{display:flex;align-items:center;gap:15px;margin-bottom:15px}
.benefit-heading h3{min-width:0;flex:1}
.benefit-icon{flex:none;width:32px;height:32px;background:var(--orange);border-radius:10px;display:flex;align-items:center;justify-content:center}
.benefit-icon>div{position:relative;width:20px;height:20px}
.explanation{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:40px;align-items:center}
.benefits+.explanation{margin-top:90px}
.explanation+.explanation{margin-top:23.17px;gap:56px;grid-template-columns:556px 580px}
.explanation-copy{min-width:0}
.explanation-copy>h2{margin-bottom:40px}
.explanation.reversed .scene{max-width:532px;margin-left:16px}
.explanation.reversed+.pains{margin-top:116.14px}
.cards-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:40px;align-items:start}
.audience-grid{gap:30px 20px}
.cta-section{margin-top:100px}
.curriculum-list{margin-top:40px}
.curriculum-row{display:grid;grid-template-columns:63px 477px minmax(0,1fr);gap:40px;align-items:start;border-top:2px solid #f0f0f0;padding:30px 0}
.curriculum-title,.curriculum-description{padding-top:4px;min-width:0}
.curriculum-row>*{min-width:0}
.founders-heading{display:grid;grid-template-columns:580px 477px;justify-content:space-between;gap:40px;align-items:start}
.founders-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:40px;margin-top:40px}
.founder{min-width:0}
.founder>h3{margin-top:20px}
.founder>h3+div,.founder>h3+p{margin-top:15px}
.faq{max-width:787px}
.faq .section-heading{max-width:none;text-align:center}
.faq-list{display:flex;flex-direction:column;gap:15px;margin-top:40px}
.faq-item{padding:20px;border-radius:20px;background:#f0f0f0}
.faq-summary{display:flex;align-items:center;justify-content:space-between;gap:15px;list-style:none;cursor:pointer}
.faq-summary::-webkit-details-marker{display:none}
.faq-summary>p{flex:1;min-width:0}
.faq-summary>div{position:relative;flex:none;width:32px;height:32px}
.faq-answer{margin-top:20px;overflow-wrap:break-word}
.faq-answer>div,.faq-answer>p{width:100%;min-width:0}
.site-footer{margin-top:150px;padding:100px 0;background:#121212;color:#fff}
.footer-top{display:grid;grid-template-columns:477px minmax(0,1fr);align-items:start;gap:40px;min-height:167px}
.footer-links{display:grid;grid-template-columns:repeat(3,167px);align-items:start;gap:91px;padding-top:2px}
.footer-links>div{min-width:0}
.footer-bottom{display:flex;justify-content:space-between;gap:30px;margin-top:60px;border-top:1px solid #2a2a2a;padding-top:20px;font-size:14px;line-height:1.4;font-weight:400;color:#626262}
.footer-bottom>div{min-width:0}
@media(min-width:1280px){
 .desktop-view .benefits{min-height:125px}
 .desktop-view .hero-copy>h1{min-height:176px}
 .desktop-view .hero-copy>h1+div{min-height:93px}
 .desktop-view .hero-layout{min-height:523.5px}
 .desktop-view .explanation-copy{transform:translateY(-19.5px)}
 .desktop-view .explanation.reversed .explanation-copy{transform:translateY(-3px)}
 .desktop-view .section-heading>h2{min-height:144px}
 .desktop-view .founders-heading>h2,.desktop-view .gifts .section-heading>h2{min-height:96px}
 .desktop-view .faq .section-heading>h2{min-height:48px}
}
@media(max-width:1279px){
 .desktop-view{display:none}
 .compact-view{display:block}
 .container,.section{width:calc(100% - 32px);max-width:720px}
 .section{margin-top:60px}
 .site-header{height:64px}
 .header-row{gap:20px}
 .header-row>[data-figma-id="558:612"]{flex:1;min-width:0}
 .header-row>[data-figma-id="558:622"]{position:relative;flex:none;width:32px;height:32px}
 .hero{padding-top:9px}
 .hero-layout{display:flex;flex-direction:column;gap:0;max-width:560px}
 .hero-copy{width:100%}
 .hero-copy>div:first-child{gap:7.13px;flex-wrap:wrap}
 .hero-copy>h1{margin-top:15px}
 .hero-copy>h1+div{margin-top:15px}
 .hero-visual{align-self:center;width:100%;max-width:440px;margin-top:17.3px}
 .hero-cta{position:relative;z-index:2;width:100%;margin-top:-29px}
 .benefits{grid-template-columns:1fr;gap:51px;max-width:560px;margin-top:40px}
 .benefit+.benefit::before{display:none}
 .benefit-heading{gap:15px;margin-bottom:10px}
 .benefits+.explanation{margin-top:60px}
 .explanation,.explanation+.explanation{display:flex;flex-direction:column;gap:28px;max-width:560px;margin-top:60px}
 .explanation-copy{width:100%}
 .explanation-copy>h2{margin-bottom:20px}
 .explanation>.scene{max-width:420px}
 .explanation.reversed{gap:24px}
 .explanation.reversed .scene{width:100%;max-width:420px;margin:0}
 .explanation.reversed+.pains{margin-top:60px}
 .section-heading{max-width:560px}
 .cards-grid{gap:15px;margin-top:20px}
 .cta-section{max-width:560px;margin-top:60px}
 .cta-section>.scene{max-width:440px;margin:0 auto}
 .audience-grid{gap:25px}
 .audience .cards-grid{margin-top:30px}
 .curriculum{max-width:560px}
 .curriculum-list{margin-top:40px}
 .curriculum-row{grid-template-columns:40px minmax(0,1fr);gap:15px 10px;padding:20px 0}
 .curriculum-number{grid-column:1;grid-row:1}
 .curriculum-title{grid-column:2;grid-row:1;padding-top:4px}
 .curriculum-description{grid-column:2;grid-row:2;padding-top:0}
 .founders-heading{display:block}
 .founders-grid{gap:40px 24px;margin-top:30px}
 .founder>h3{margin-top:20px}
 .founder>h3+div,.founder>h3+p{margin-top:15px}
 .faq{max-width:600px}
 .faq .section-heading{max-width:100%}
 .faq-list{margin-top:30px}
 .faq-summary{gap:10px}
 .faq-summary>div{width:32px;height:32px}
 .faq-answer{margin-top:10px}
 .site-footer{margin-top:60px;padding:20px 0 40px}
 .site-footer .container{max-width:560px}
 .footer-top{display:block;min-height:0}
 .footer-top>[data-figma-id="558:1059"]{width:100%}
 .footer-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:40px 8px;margin-top:40px;padding-top:0}
 .footer-links>div:nth-child(2){grid-column:1;grid-row:2}
 .footer-links>div:nth-child(3){grid-column:2;grid-row:1}
 .footer-bottom{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:40px;font-size:10px}
 .footer-bottom p{white-space:normal}
}
@media(min-width:700px) and (max-width:1279px){
 .compact-view .hero-layout{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));max-width:100%;gap:24px}
 .compact-view .hero-copy{grid-column:1;grid-row:1}
 .compact-view .hero-visual{grid-column:2;grid-row:1/3;margin-top:25px;align-self:start}
 .compact-view .hero-cta{grid-column:1;grid-row:2;margin-top:24px;align-self:end}
 .compact-view .benefits{max-width:720px;grid-template-columns:repeat(3,minmax(0,1fr));gap:25px}
 .compact-view .benefit-heading{align-items:start;gap:10px}
 .compact-view .benefit-heading h3{font-size:18px}
 .compact-view .explanation{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:30px;max-width:720px}
 .compact-view .explanation .scene{align-self:center}
 .compact-view .explanation.reversed .explanation-copy{grid-column:2;grid-row:1}
 .compact-view .explanation.reversed .scene{grid-column:1;grid-row:1}
 .compact-view .cards-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
 .compact-view .cta-section{max-width:720px}
 .compact-view .cta-section>.scene{max-width:440px}
 .compact-view .curriculum{max-width:720px}
 .compact-view .curriculum-row{grid-template-columns:40px 278px minmax(0,1fr);gap:20px}
 .compact-view .curriculum-description{grid-column:3;grid-row:1;padding-top:4px}
 .compact-view .founders-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:699px){
 .cards-grid,.founders-grid{grid-template-columns:1fr;max-width:480px;margin-right:auto;margin-left:auto}
 .section-heading{max-width:480px;margin-right:auto;margin-left:auto}
 .founders{max-width:480px}
}
@media(max-width:359px){
 .hero-copy>div:first-child{gap:5px}
 .hero-copy>div:first-child p{font-size:10px}
 .hero-cta button{padding-right:12px;padding-left:12px}
 .hero-cta button p{font-size:16px}
 .benefit-heading h3{font-size:18px}
 .faq-item{padding:16px}
 .faq-summary{gap:8px}
}
/* Text and layout remain in document flow; only illustration layers scale. */
html{scroll-behavior:smooth}
[id]{scroll-margin-top:120px}
a{color:inherit;text-decoration:none}
h1,h2,h3,p{white-space:normal;word-break:normal;overflow-wrap:normal}
.header-nav{display:flex;gap:30px;align-items:center;font-size:12px;line-height:1.4}
.header-nav a,.footer-links a{transition:color .15s ease;cursor:pointer}
.header-nav a:hover{color:#000}
.header-nav a.is-pressed,.footer-links a.is-pressed{color:var(--orange)}
[data-name="СТА"]{cursor:pointer;transition:background-color .15s ease,transform .12s ease;background-color:var(--orange)}
[data-name="СТА"]:hover{background-color:#e63700}
[data-name="СТА"]:active{background-color:#cc3100;transform:translateY(1px)}
.footer-links a:hover{color:#bfbfbf}
.footer-links a.is-pressed{color:var(--orange)}
.footer-nav{display:flex;flex-direction:column;gap:20px;font-size:12px;line-height:1.4}
.footer-nav>p{color:#626262;font-weight:500;letter-spacing:.6px}
.footer-navigation{display:flex;flex-direction:column;gap:20px;align-items:flex-start}
.menu-toggle{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;flex:none;width:32px;height:32px;border-radius:10px;background:var(--orange)}
.menu-toggle span{display:block;width:15px;height:2px;border-radius:2px;background:#fff}
.menu-toggle:hover{background:#e63700}
.menu-toggle:active{background:#cc3100}
.mobile-menu{position:absolute;top:100%;left:0;right:0;background:#fff;padding:16px;box-shadow:0 12px 18px #1212120d}
.mobile-menu[hidden]{display:none}
.mobile-menu .header-nav{max-width:720px;margin:auto;display:flex;align-items:stretch;gap:0;flex-direction:column;font-size:16px}
.mobile-menu a{padding:12px 0}
.feature-card{container-type:inline-size;min-width:0;border-radius:20px;background:#f0f0f0;overflow:hidden}
.feature-inner{position:relative;isolation:isolate;min-height:42.6891cqw;padding:clamp(20px,var(--card-inset),36px)}
.card-art{position:absolute;inset:0;z-index:-1;pointer-events:none;aspect-ratio:auto!important;height:100%}
.feature-copy{position:relative;display:flex;flex-direction:column;min-height:calc(42.6891cqw - 2 * clamp(20px,var(--card-inset),36px));max-width:342px}
.feature-body{margin-top:auto;padding-top:24px;font-size:16px;line-height:1.6}
.feature-body>div{display:block}
.audience-card{container-type:inline-size;min-width:0;display:flex;flex-direction:column;gap:10px}
.audience-main{position:relative;isolation:isolate;min-height:50.8475cqw;padding:25px;border-radius:20px;background:#121212;overflow:hidden;color:#fff}
.audience-copy{max-width:340px;position:relative}
.audience-copy>div{margin-top:20px}

.audience-result{display:flex;align-items:center;justify-content:center;min-height:68px;padding:15px 10px;border-radius:15px;background:var(--orange);color:#fff;text-align:left}
.cta-section{padding-top:50px}
.cta-panel{position:relative;isolation:isolate;display:grid;grid-template-columns:minmax(0,550px) minmax(0,1fr);column-gap:40px;padding:30px;border-radius:30px;color:#fff;background:radial-gradient(ellipse at 100% 100%,#272727,#121212 85%)}
.cta-title{grid-column:1;grid-row:1}
.cta-description{grid-column:1;grid-row:2;margin-top:30px}
.cta-action{grid-column:1;grid-row:3;margin-top:50px;z-index:1}
.cta-art{position:absolute;top:-50px;right:0;width:48.3333%;height:auto;aspect-ratio:580/440!important;z-index:-1}
.faq-icon{position:relative;display:block;width:32px;height:32px;flex:none}
.faq-icon img{width:32px;height:32px}
.faq-minus{display:none}
.faq-item[open] .faq-plus{display:none}
.faq-item[open] .faq-minus{display:block}
.faq-summary:hover .faq-icon{filter:brightness(.92)}
.faq-summary>p{flex:1}
.faq-summary:focus:not(:focus-visible){outline:none}
.footer-links p,.footer-links a{min-width:0;white-space:normal}
@media(min-width:1280px){
 .desktop-view .founders-heading>p{font-size:18px}
 .desktop-view .cta-panel{min-height:390px}
 .desktop-view .cta-art{bottom:0;top:auto}
 .desktop-view .feature-body{max-width:342px}
}
@media(max-width:1279px){
 [id]{scroll-margin-top:84px}
 .feature-inner{min-height:121.9512cqw}
 .feature-copy{max-width:none;min-height:calc(121.9512cqw - 2 * clamp(20px,var(--card-inset),36px))}
 .feature-body{font-size:clamp(14px,4.2683cqw,18px);padding-top:20px}
 .results .feature-body{margin-top:0;padding-top:16px}
 .results .feature-title h3{max-width:100%}
 .audience-main{min-height:152.439cqw;padding:clamp(20px,6.0976cqw,30px)}
 .audience-copy{max-width:none}
 .audience-copy>div{margin-top:15px}
 .audience-result{min-height:118px}
 .cta-section{padding-top:0;max-width:720px}
 .cta-panel{container-type:inline-size;display:flex;flex-direction:column;padding:clamp(20px,5.5556vw,30px);border-radius:20px;max-width:560px;margin:auto;overflow:hidden}
 .cta-description{margin-top:15px}
 .cta-art{position:relative;top:auto;right:auto;width:97.9483%;height:auto;margin:12px auto 0;max-width:none;aspect-ratio:282.091/214!important;z-index:-1}
 .cta-action{margin-top:0;width:100%}
 .cta-action button{min-height:60px;height:auto;padding:16px 20px}

 .faq-summary{align-items:center}
 .footer-links{font-size:14px;line-height:1.4}
 .footer-nav{font-size:14px;gap:15px}
 .footer-navigation{gap:15px}
 .gifts .feature-inner{padding:20px;min-height:0}
 .gifts .feature-copy{min-height:0}
 .gifts .feature-body{margin-top:16px;padding:0}
 .gift-illustration{margin:20px auto 0;width:100%;max-width:260px}
}
@media(min-width:700px) and (max-width:1279px){
 .compact-view .curriculum-row{grid-template-columns:40px minmax(0,1fr) minmax(0,1fr)}
 .compact-view .founders-heading{display:grid;grid-template-columns:1fr 1fr;gap:30px}
 .compact-view .benefit-heading h3{font-size:18px}
 .compact-view .benefit-heading{flex-direction:column}
}
@media(max-width:699px){
 .gifts .feature-inner,.gifts .feature-copy{min-height:0}
}
@media(prefers-reduced-motion:reduce){
 html{scroll-behavior:auto}
 *,*::before,*::after{transition:none!important;animation:none!important}
 .reveal-pending{opacity:1;transform:none}
}

/* Original Figma text metrics; wrappers never replace text layer styling. */
html{-webkit-text-size-adjust:100%;text-size-adjust:100%}
.design-paragraph{display:block}
.header-nav{text-transform:uppercase}
.feature-body{font-size:inherit;line-height:inherit}
.audience-main{min-height:48.4746cqw;padding:30px 25px}
.audience-copy{max-width:342px}
.audience-copy>div{margin-top:20px}
.audience-result{min-height:82px;padding:15px 22.5px;border-radius:15px}
.audience-result>p{width:100%;max-width:545px}
[data-figma-id="558:306"],[data-figma-id="558:878"]{white-space:nowrap}
.cta-title h2{text-box-trim:trim-both;text-box-edge:cap alphabetic}
@media(max-width:1279px){
 .feature-inner{padding:20px}
 .feature-copy{min-height:calc(121.9512cqw - 40px)}
 .feature-body{margin-top:15px;padding-top:0}
 .results .feature-body{margin-top:15px;padding-top:0}
 .audience-main{min-height:152.439cqw;padding:20px}
 .audience-copy{max-width:none}
 .audience-copy>div{margin-top:15px}
 .audience-result{min-height:118px;padding:15px 20px;border-radius:20px}
 .audience-result>p{max-width:none}
 .audience-result .design-break{display:none}
 .gifts .feature-title h3{font-size:28px;line-height:1.2}
 .gifts .feature-body>div{font-size:14px;line-height:1.6}
 .hero-copy>h1 .design-paragraph{display:inline}
 .hero-copy>h1 .design-paragraph+.design-paragraph::before{content:"";display:block}
}
@media(min-width:360px) and (max-width:699px){
 .hero-copy>h1{font-size:24px}
}
@media(max-width:359px){
 .hero-copy>h1,.hero-copy>h1 span{font-size:clamp(18px,6.6667vw,24px)}
 .design-break{display:none}
 .hero-copy>h1 .design-break{display:initial}
 [data-figma-id="558:878"]{font-size:clamp(19px,6.6667vw,24px)}
}
@media(min-width:700px) and (max-width:1279px){
 .hero-copy>h1 .design-break{display:none}
 .hero-copy>h1 .design-paragraph{display:inline}
 .hero-copy>h1 .design-paragraph+.design-paragraph::before{display:none}
}

.founders-heading>p{padding-top:5px}
@media(max-width:1279px){.founders-heading>p{padding-top:0}.audience-copy>div{margin-top:15px}}
.hero-copy>h1 span,.section-heading h2 span,.explanation-copy h2 span,.founders-heading h2 span,.cta-title h2 span{font-size:inherit;line-height:inherit}
@media(max-width:1279px){.gifts .section-heading>h2{font-size:24px;line-height:1.1}}

.audience-grid{align-items:stretch;grid-auto-rows:1fr}
.audience-result{flex:1}
/* The reference uses individual card insets and fixed title tracks. */
@media(max-width:1279px){
 .feature-inner{padding:clamp(20px,var(--card-inset),36px)}
 .feature-copy{min-height:calc(121.9512cqw - 2 * clamp(20px,var(--card-inset),36px))}
 .founders-heading>p{margin-top:20px}
 .curriculum-title{min-height:62px}
 .curriculum-row:nth-child(4) .curriculum-title{min-height:38px}
 .faq-summary{gap:20px}
}
@media(min-width:1280px){.founders-heading>p{margin-top:5px;padding-top:0}}
.audience-copy{max-width:none}
@media(min-width:1280px){
 .footer-bottom{display:grid;grid-template-columns:495px 576px;column-gap:102px;justify-content:start}
}
.curriculum-row:last-child{padding-bottom:0}
.header-nav{font-weight:500;letter-spacing:.6px;line-height:17px}
.header-nav a:hover,.header-nav a.is-pressed{opacity:1}
.footer-nav{font-size:12px;line-height:17px}
@media(max-width:1279px){
 .footer-links{margin-top:44px}
 .footer-nav{font-size:12px;line-height:17px}
 .footer-links>div:nth-child(2){width:166px;max-width:none}
 .mobile-menu a{max-width:none;font-size:16px;line-height:1.4}
}
.header-nav{white-space:nowrap}
[data-figma-id="558:551"],[data-figma-id="558:1088"]{min-width:166px;white-space:nowrap}
.faq .section-heading>h2{margin-inline:auto}
@media(max-width:1279px){.faq .section-heading>h2{position:relative;left:1px}}
[data-figma-id="558:61"]{width:460px;max-width:100%}
.site-footer [data-figma-id="558:522"]{width:279.3601px}
.footer-links>div:nth-child(3){width:max-content}
@media(max-width:1279px){
 .header-row>[data-figma-id="558:612"]{flex:0 1 auto;width:233.5195px;max-width:calc(100% - 52px)}
 .cta-art{left:3.15px;margin-top:13.56px}
}
.footer-links [data-figma-id="558:551"],.footer-links [data-figma-id="558:1088"]{width:166px;min-width:166px;max-width:166px;white-space:nowrap}
@media(max-width:1279px){
 .site-footer{padding-bottom:30px}
 .gifts-grid{align-items:stretch;grid-auto-rows:1fr}
 .gifts .feature-inner,.gifts .feature-copy{height:100%}
 .gift-illustration{margin-top:auto;padding-top:20px}
}
/* Scale the complete 360px mobile composition, including its authored text
   widths, fonts and spacing. Manual line breaks remain exactly as designed. */
@media(max-width:699px){
 .compact-view{width:360px;zoom:var(--mobile-scale,1)}
 .compact-view .cta-panel{padding:20px}
 .compact-view .hero-copy>h1,.compact-view .hero-copy>h1 span{font-size:24px}
 .compact-view .hero-copy>div:first-child{gap:7.13px}
 .compact-view .hero-copy>div:first-child p{font-size:11.4087px}
 .compact-view .hero-cta button{padding-right:20px;padding-left:20px}
 .compact-view .hero-cta button p{font-size:18px}
 .compact-view .benefit-heading h3{font-size:20px}
 .compact-view .faq-item{padding:20px}
 .compact-view .faq-summary{gap:20px}
 .compact-view .design-break{display:initial}
 .compact-view .audience-result .design-break{display:none}
 .compact-view [data-figma-id="558:878"]{font-size:24px}
 /* Keep a word that sits exactly on a fractional glyph boundary on the same
    line across browser zoom factors, without changing the text frame width. */
 .compact-view [data-figma-id="558:881"]{padding-right:.5px}
}

/* The mobile opening composition occupies the visible viewport, including the
   fixed-size header. Artwork is contained in its own flexible row. */
@media(max-width:699px){
 .compact-view .hero{padding:9px 0 12px}
 .compact-view .hero-layout{height:var(--mobile-hero-height,calc(100svh / var(--mobile-scale,1) - 85px));min-height:0}
 .compact-view .hero-copy,.compact-view .hero-cta{flex:none}
 .compact-view .hero-visual{flex:1;min-height:0;aspect-ratio:auto!important;width:100%;max-width:none;margin:10px 0 0}
 .compact-view .hero-visual .scene-stage{left:50%;top:50%;transform-origin:center;transform:translate(-50%,-50%) scale(var(--scene-scale,1))}
 .compact-view .hero-cta{margin-top:0}
 .short-mobile-hero .compact-view .hero-copy>h1{margin-top:10px;font-size:22px;line-height:24px}
 .short-mobile-hero .compact-view .hero-copy>h1 span{font-size:inherit;line-height:inherit}
 .short-mobile-hero .compact-view .hero-copy>h1+div{margin-top:10px;font-size:12px;line-height:18px}
 .short-mobile-hero .compact-view .hero-copy>h1+div .design-paragraph{margin-bottom:8px!important}
 .short-mobile-hero .compact-view .hero-copy>h1+div .design-paragraph:last-child{margin-bottom:0!important}
 .short-mobile-hero .compact-view .hero-copy>h1+div .f215{font-size:14px;line-height:20px}
 .short-mobile-hero .compact-view .hero-cta button{height:60px}
}
/* The source portrait already contains alpha. Loading it again as a CSS mask
   is redundant and can hide a successfully decoded image when that fetch fails. */
.f44,.f216{mask-image:none!important;-webkit-mask-image:none!important}