.hero-bottom > p{max-width:560px;font-size:clamp(14px,1.25vw,18px)}
/* Questions and answers belong to the same friendly conversation. */
.homepage .faq-section{background:#e6eeea;align-items:center;gap:clamp(40px,6vw,110px)}
.homepage .faq-section>.faq-list{display:grid;gap:12px;counter-reset:mm-faq}
.homepage .faq-section>.faq-list details{border:1px solid #bccfc8;border-left:3px solid #05bfd9;padding:0;background:#f6f7ef;counter-increment:mm-faq;box-shadow:none;transition:border-color .2s,background-color .2s;overflow:hidden}
.homepage .faq-list summary{display:grid;grid-template-columns:28px minmax(0,1fr) 30px;align-items:center;gap:13px;position:relative;padding:23px 22px;font-size:17px;font-weight:700;line-height:1.35;list-style:none;outline-offset:-3px}
.homepage .faq-list summary::-webkit-details-marker{display:none}
.homepage .faq-list summary::before{content:counter(mm-faq,decimal-leading-zero);position:static;display:grid;place-items:center;width:28px;height:28px;font-size:10px;letter-spacing:.02em;color:var(--blue-deep,#007f9a);background:#deeee8;border:0;transform:none}
.homepage .faq-list summary::after{content:'';position:static;display:block;grid-column:3;grid-row:1;justify-self:center;align-self:center;width:30px;height:30px;border-radius:50%;border:0;background-color:#21d4ec;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M3 8h10M8 3v10' fill='none' stroke='%2315313b' stroke-width='1.7' stroke-linecap='round'/%3E%3C/svg%3E");background-size:14px 14px;background-position:center;background-repeat:no-repeat;transform:none;transition:background-color .18s;padding:0;box-sizing:border-box}
.homepage .faq-list summary:hover::after{background-color:#ffda00}
.homepage .faq-list summary:focus-visible{outline:2px solid var(--blue-deep,#007f9a)}
.homepage .faq-list details[open]{border-color:var(--blue-deep,#007f9a);border-left-color:#ffda00;background:#fffdf1}
.homepage .faq-list details[open] summary{color:var(--blue-deep,#007f9a);border-bottom:1px solid #d6e0d5}
.homepage .faq-list details[open] summary::after{content:'';background-color:#ffda00;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M3 8h10' fill='none' stroke='%2315313b' stroke-width='1.7' stroke-linecap='round'/%3E%3C/svg%3E");transform:none}
.homepage .faq-list details>p{margin:0;padding:20px 24px 25px;font-size:15px;line-height:1.75;color:#4d5d59;max-width:none}
.mm-faq-conversation{margin-top:34px;max-width:390px}.mm-faq-symbol{display:block;width:clamp(192px,20.4vw,270px);height:auto;overflow:visible}.mm-faq-conversation p{font-size:14px;line-height:1.8;color:#53635f;margin:22px 0 0}.mm-faq-conversation a{display:inline-flex;gap:18px;align-items:center;color:var(--blue-deep,#007f9a);font-weight:700;border-bottom:1px solid #82b9be;padding-bottom:3px}.mm-faq-conversation a:hover{color:#14262d;border-bottom-color:#14262d}.mm-faq-conversation a span{color:var(--blue-deep,#007f9a);font-size:20px}.homepage .faq-section>div:first-child>.label::before{background:#ffda00;color:#ffda00}
@media(max-width:800px){.homepage .faq-section{gap:35px}.mm-faq-conversation{display:flex;align-items:center;gap:22px;max-width:none;margin-top:25px}.mm-faq-symbol{width:144px;flex-shrink:0}.mm-faq-conversation p{margin:0;font-size:13px}.mm-faq-conversation a{display:inline;line-height:1.7}.homepage .faq-list summary{padding:19px 17px;grid-template-columns:25px minmax(0,1fr) 28px;gap:10px;font-size:16px}.homepage .faq-list summary::before{width:25px;height:25px}.homepage .faq-list summary::after{width:28px;height:28px}.homepage .faq-list details>p{padding:18px 20px 22px;font-size:14px}}

.homepage .faq-section>div:first-child{align-self:center;position:relative;top:auto}

/* The experience sticker owns a row on small screens instead of covering the copy. */
@media(max-width:800px){
 .homepage .hero.retro-hero{height:auto;min-height:100svh;max-height:none;gap:24px;padding-bottom:32px;justify-content:flex-start}
 .homepage .hero.retro-hero>.mm-hero-heading{flex:0 0 auto;width:100%;align-self:stretch}
 .homepage .hero.retro-hero>.hero-note{position:relative;inset:auto;flex:0 0 auto;align-self:flex-end;grid-row:auto;grid-column:auto;justify-self:auto;width:112px;height:88px;margin:8px 4px 4px 0;transform:rotate(-4deg);font-size:8.4px;line-height:1.4}
 .homepage .hero.retro-hero>.hero-note strong{font-size:34px;margin-bottom:4px}
 .homepage .hero.retro-hero>.hero-bottom{position:relative;flex:0 0 auto;grid-row:auto;grid-column:auto;align-self:stretch;width:100%;margin:0;padding:0;min-width:0}
}
/* Intro artwork and typography: one final rule for each state. */
.homepage .intro{grid-template-columns:minmax(230px,.9fr) minmax(0,2.3fr);gap:clamp(36px,5vw,90px);align-items:center}
.homepage .intro>.mm-intro-side{min-width:0;align-self:stretch;display:flex;flex-direction:column;justify-content:center}
.homepage .mm-intro-side>.label{margin-bottom:12px}
.homepage .mm-intro-art{width:100%;max-width:330px;margin:0 auto;position:relative}
.homepage .mm-intro-art>svg{display:block;width:100%;height:auto;overflow:visible}
.homepage .intro h2{font-size:clamp(36px,4.1vw,66px);line-height:1.15}
.mm-site.homepage .intro h2 .muted{color:#171c1f}
.mm-site.homepage .intro h2 .mm-intro-team-highlight{color:#ffda00;background:#17282f;box-decoration-break:clone;-webkit-box-decoration-break:clone;display:inline-block;line-height:1.02;padding:.06em .15em .13em;margin-bottom:.18em;vertical-align:baseline}
.homepage .intro .intro-copy{grid-template-columns:minmax(0,1fr) auto;gap:clamp(24px,4vw,65px);align-items:center;margin-top:30px}
.homepage .intro .intro-copy>p{max-width:590px}
.homepage .intro-stat{display:flex;align-items:center;gap:20px;min-width:0}
.homepage .intro-stat strong{display:flex;align-items:center;white-space:nowrap;gap:.035em;font-size:clamp(48px,5vw,76px);line-height:1}
.homepage .intro-stat .mm-stat-a{color:#21d4ec}
.homepage .intro-stat .mm-stat-z{color:#ffda00;background:#17282f}
.homepage .intro-stat strong>span{font:inherit;line-height:inherit}
.homepage .intro-stat strong>.mm-stat-z{display:inline-block;line-height:1.12;padding:.22em .18em .16em}
.homepage .intro-stat>span{max-width:130px;font-size:13px;line-height:1.5}
@media(min-width:801px) and (max-width:1250px){.homepage .intro .intro-copy{grid-template-columns:1fr}.homepage .intro-stat strong{font-size:52px}.homepage .intro-stat>span{max-width:none}.homepage .intro{grid-template-columns:minmax(220px,.8fr) minmax(0,1.8fr)}}
@media(max-width:800px){
 .homepage .intro{display:flex;flex-direction:column;gap:25px;align-items:stretch}
 .homepage .intro>.mm-intro-side{display:contents}
 .homepage .mm-intro-side>.label{order:0;margin:0}
 .homepage .intro>.reveal{order:1}
 .homepage .mm-intro-art{order:2;width:min(190px,65%);margin:0 auto}
 .homepage .intro h2{font-size:clamp(33px,5.4vw,48px)}
 .homepage .intro .intro-copy{display:grid;grid-template-columns:1fr;gap:24px;margin-top:24px}
 .homepage .intro .intro-copy>p{margin:0}
 .homepage .intro-stat{justify-content:flex-start;gap:22px}
 .homepage .intro-stat strong{font-size:50px}
 .homepage .intro-stat>span{max-width:200px}
}