/* Homepage refinements use the same Poppins hierarchy as the approved Gummies page. */
.homepage{font:400 17px/1.7 var(--body)}
.homepage h1,.homepage h2,.homepage h3,.homepage .hero-title-main,.homepage .hero-title-secondary{letter-spacing:0;word-spacing:normal}
.homepage h2,.homepage h3{font-weight:700}
.homepage .hero-title-main,.homepage .hero-title-secondary{font-weight:600;line-height:1.2}
.homepage .section-heading h2,.homepage .company-copy h2{font-size:clamp(30px,2.8vw,42px);line-height:1.3}
.homepage .company-copy p,.homepage .why-introduction,.homepage .section-heading>p,.homepage .reason-description{font-size:17px;line-height:1.7}
.homepage .stats-shade{background:rgb(38 63 121 / .52)}
.homepage .stats-grid{ text-shadow:0 1px 5px rgb(14 35 67 / .55)}

/* The local 260 ms, one-open FAQ behavior is shared with Gummies in app.js. */
.homepage .faq-container{max-width:1140px}
.homepage .faq-section .section-heading{text-align:center;margin-bottom:42px}
.homepage .faq-section .section-heading h2{justify-content:center}
.homepage .faq-list{display:grid;gap:8px}
.homepage .faq-item,.homepage .faq-item:first-child{border:0}
.homepage .faq-item summary{padding:18px 22px;gap:24px;border-radius:20px;background:#f0f0f1;color:var(--blue-800);font:600 16px/1.5 var(--head);letter-spacing:0;transition:background-color 200ms}
.homepage .faq-item summary:hover{background:#f4e9ec}
.homepage .faq-item[open] summary{color:var(--blue-800)}
.homepage .faq-toggle{position:relative;display:block;flex:0 0 22px;width:22px;height:22px;background:transparent;border:0;border-radius:0;color:var(--blue-800)}
.homepage .faq-toggle::before,.homepage .faq-toggle::after{content:"";position:absolute;left:50%;top:50%;background:currentColor;border-radius:1px;transform:translate(-50%,-50%);transition:transform 200ms}
.homepage .faq-toggle::before{width:12px;height:2px}
.homepage .faq-toggle::after{width:2px;height:12px}
.homepage .faq-item[open] .faq-toggle::after{transform:translate(-50%,-50%) scaleY(0)}
.homepage .faq-item .faq-answer{animation:none}
.homepage .faq-answer p{max-width:none;margin:0;padding:18px 22px 30px;font:400 17px/1.9 var(--body);color:var(--color-muted)}

/* YouTube supplies the player interface and native playback controls. */
.homepage .why-video{display:flex;min-height:0;align-self:center;overflow:hidden;border-radius:12px;background:#000}
.home-tour-stage{position:relative;width:100%;aspect-ratio:16/9;min-height:200px;overflow:hidden;border-radius:12px;background:#000}
.home-tour-stage>iframe{position:absolute;inset:0;display:block;width:100%;height:100%;border:0}
.homepage .hero-actions #open-quote{background:#829db1;color:#172c4b}
.homepage .hero-actions #open-quote:hover{background:#536f86;color:#fff}
.homepage .company-copy p,.homepage .company-copy .company-emphasis,.homepage .company-copy strong{font-weight:400;color:var(--color-muted)}
.homepage .company-visual{aspect-ratio:1293/1217;align-self:center;min-height:0;overflow:hidden}
.homepage .company-visual>img{display:block;position:static;width:100%;height:100%;object-fit:cover;object-position:center}
/* Removing the icons also removes their old narrow-screen grid column. */
.homepage .reason-action{display:flex;flex-direction:column;align-items:flex-start}
.homepage .reason-title,.homepage .reason-description{grid-column:auto}

@media(max-width:1000px){.homepage .company-copy h2{font-size:32px}}
@media(max-width:760px){
 .homepage{font-size:17px}
 .homepage .section-heading h2,.homepage .company-copy h2{font-size:29px;line-height:1.3}
 .homepage .company-copy p,.homepage .why-introduction,.homepage .section-heading>p,.homepage .reason-description{font-size:16px;line-height:1.75}
 .homepage .faq-section .section-heading{margin-bottom:30px}
 .homepage .faq-item summary{padding:16px 18px;gap:16px;border-radius:17px;font-size:15px}
 .homepage .faq-answer p{padding:16px 18px 26px;font-size:16px;line-height:1.75}
 .homepage .why-video{width:100%;aspect-ratio:auto}
}
@media(max-width:420px){.homepage .section-heading h2,.homepage .company-copy h2{font-size:27px}}
@media(prefers-reduced-motion:reduce){.homepage .faq-toggle::before,.homepage .faq-toggle::after{transition:none}}