.mockup-home{--lime:#c9fb43}.mockup-home .wrap{max-width:1520px;padding-left:3.3%;padding-right:3.3%}.mockup-home .nav{min-height:0;padding-top:18px;padding-bottom:18px;gap:24px}.mockup-home .nav>.pill{display:inline-flex}.mockup-home .brand{font-size:clamp(23px,2.6vw,34px)}.mockup-home .links{font-size:clamp(14px,1.65vw,20px);gap:clamp(25px,3.5vw,48px)}.mockup-home .hero{grid-template-columns:44% 1fr;gap:3.6%;align-items:start;padding-top:6.3%;padding-bottom:6.2%}.mockup-home .hero-copy{padding-top:2%}.mockup-home .hero .eyebrow{font-size:clamp(12px,1.5vw,19px);letter-spacing:1.7px;margin-bottom:28px}.mockup-home .hero h1{font-size:clamp(52px,6.65vw,100px);line-height:.99;letter-spacing:-3px;text-wrap:initial;margin-bottom:48px}.mockup-home .hero-lines{display:block}.mockup-home .highlight{white-space:nowrap}.mockup-home .hero p{font-size:clamp(20px,2.3vw,30px);line-height:1.3;max-width:98%;margin-bottom:46px}.mockup-home .hero-actions{gap:18px;flex-wrap:nowrap}.mockup-home .hero-actions .pill{padding:14px 17px;font-size:clamp(13px,1.5vw,18px);white-space:nowrap}.mockup-home .textlink{font-size:clamp(13px,1.5vw,18px);white-space:nowrap}.mockup-home .hero-art img{aspect-ratio:.9;max-height:none;border-color:#d8b5e9;object-position:center center}.mockup-home .hero-art figcaption{font-size:clamp(14px,1.65vw,20px);margin-top:12px}.mockup-home .benefits{font-size:clamp(26px,3.1vw,41px);padding:18px 0}.mockup-home .benefits span+span{border-left-color:#7a8580}.mockup-home .section{padding-top:7%;padding-bottom:0}.mockup-home .feature-heading .eyebrow{font-size:clamp(13px,1.6vw,20px);margin-bottom:27px}.mockup-home .feature-heading h2{font-size:clamp(37px,4.65vw,65px);letter-spacing:-1.8px;max-width:none;margin-bottom:36px;line-height:1.13}.mockup-home .feature{grid-template-columns:62% 38%;border-radius:16px}.mockup-home .feature-illustration{padding:6px;margin:0}.mockup-home .feature-illustration img{aspect-ratio:1.6}.mockup-home .feature-copy{padding:26px 26px 26px 22px}.mockup-home .feature-copy h3{font-size:clamp(29px,3.35vw,45px);line-height:1.06;margin-bottom:20px;letter-spacing:-1px}.mockup-home .feature-copy p{font-size:clamp(17px,1.85vw,25px);line-height:1.3;margin-bottom:24px}.mockup-home .feature-copy .pill{font-size:clamp(14px,1.65vw,21px);padding:13px 18px;gap:10px;align-self:flex-end;white-space:nowrap}.play-disc{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:14%;aspect-ratio:1;display:grid;place-items:center;border:3px solid #fff;border-radius:50%;background:#192523e8;color:white;box-shadow:0 2px 8px #0003}.play-disc svg{width:52%;height:52%}.mockup-home .principles-section{padding-top:4.8%;padding-bottom:6.2%}.mockup-home .principles{gap:3%}.mockup-home .principle{padding:28px 26px;border-radius:13px}.mockup-home .principle-icon{width:clamp(64px,8vw,100px);height:clamp(64px,8vw,100px);margin-bottom:18px}.mockup-home .principle .num{font-size:clamp(20px,2.4vw,30px);padding-top:12px;margin-bottom:5px;color:#ed795b;line-height:1.2}.mockup-home .principle h3{font-size:clamp(28px,3.3vw,43px);max-width:none;text-wrap:initial;margin-bottom:20px;line-height:1.05}.mockup-home .principle p{font-size:clamp(16px,1.8vw,23px);line-height:1.4}.mockup-home .bottom{padding-top:32px;padding-bottom:32px;gap:24px}.mockup-home .bottom h2{font-size:clamp(39px,4.8vw,62px);margin-bottom:9px}.mockup-home .bottom p{font-size:clamp(17px,1.9vw,24px);line-height:1.35}.mockup-home .bottom .pill{font-size:18px}.mockup-home .footer{margin-top:30px;padding-top:18px;padding-bottom:18px;gap:22px}.mockup-home .footer-brand{font-size:clamp(18px,2.2vw,28px)}.mockup-home .footer>span{border-left:1px solid #7a8580;padding-left:20px;font-size:clamp(14px,1.6vw,19px)}.mockup-home .footer>div{font-size:16px;gap:18px}.mockup-home .footer>div a{text-decoration:none}.mockup-home .footer>div a+a{border-left:1px solid #7a8580;padding-left:18px}.about-page>div:first-of-type h2{display:none}
@media(max-width:1100px) and (min-width:701px){.mockup-home .brand{font-size:23px}.mockup-home .nav{gap:20px}.mockup-home .nav .links{width:auto;gap:26px}.mockup-home .nav>.pill{font-size:14px;padding:10px 14px}.mockup-home .hero h1{letter-spacing:-2px}.mockup-home .hero-actions{gap:14px}.mockup-home .feature-copy{padding:22px}.mockup-home .feature-copy .pill{padding:12px 15px}.mockup-home .principle{padding:24px 22px}.mockup-home .bottom{flex-direction:row;align-items:center}.mockup-home .bottom .pill{font-size:15px}.mockup-home .footer>div{margin-left:auto;font-size:14px}.mockup-home .footer>span{padding-left:14px}.mockup-home .footer{gap:16px}}
@media(max-width:700px){.mockup-home .wrap{padding-left:22px;padding-right:22px}.mockup-home .nav{flex-wrap:wrap}.mockup-home .nav>.pill{display:none}.mockup-home .nav .links{width:100%;justify-content:space-between}.mockup-home .hero{grid-template-columns:1fr;gap:32px;padding-top:35px;padding-bottom:38px}.mockup-home .hero-copy{padding:0}.mockup-home .hero h1{font-size:clamp(43px,9.7vw,66px);letter-spacing:-1.8px;margin-bottom:26px}.mockup-home .hero p{font-size:21px;max-width:460px;margin-bottom:28px}.mockup-home .hero-actions{flex-wrap:wrap}.mockup-home .hero .eyebrow{font-size:12px;margin-bottom:22px}.mockup-home .hero-art img{max-height:none}.mockup-home .benefits{font-size:clamp(17px,4.3vw,25px);padding:17px 0}.mockup-home .section{padding-top:42px}.mockup-home .feature-heading h2{font-size:37px;margin-bottom:25px}.mockup-home .feature{grid-template-columns:1fr}.mockup-home .feature-copy{padding:25px}.mockup-home .feature-copy h3{font-size:33px}.mockup-home .feature-copy p{font-size:19px;line-height:1.45}.mockup-home .feature-copy .pill{font-size:15px}.mockup-home .principles{grid-template-columns:1fr;gap:20px}.mockup-home .principles-section{padding-top:30px;padding-bottom:38px}.mockup-home .principle h3{font-size:32px}.mockup-home .principle p{font-size:19px}.mockup-home .bottom{flex-direction:column;align-items:flex-start;padding-top:32px;padding-bottom:32px}.mockup-home .bottom h2{font-size:39px}.mockup-home .bottom p{font-size:19px}.mockup-home .footer>span{border:0;padding:0}.mockup-home .footer>div{width:100%;margin:0}.mockup-home .footer-brand{font-size:22px}}

@media(min-width:701px) and (max-width:1100px){.mockup-home .nav{padding-top:10px;padding-bottom:10px}.mockup-home .nav>.pill{padding:8px 14px}}
/* Fit the headline to its actual text column, including wider serif fonts. */
.mockup-home .hero-copy{min-width:0;container-type:inline-size}
.mockup-home .hero h1{font-size:clamp(38px,13.2cqw,88px)}
.mockup-home .hero h1 .highlight{white-space:normal;overflow-wrap:normal}
@media(max-width:700px){.mockup-home .hero h1{font-size:clamp(32px,13.2cqw,66px)}}
/* Keep the complete desktop introduction and benefit row within the first screen. */
@media(min-width:1000px) and (min-height:650px){
 .mockup-home .hero{padding-top:32px;padding-bottom:26px;align-items:center;gap:4%;grid-template-columns:44% minmax(0,1fr)}
 .mockup-home .hero-copy{padding-top:0}
 .mockup-home .hero .eyebrow{font-size:16px;margin-bottom:22px}
 .mockup-home .hero h1{font-size:min(13.2cqw,8svh,80px);margin-bottom:26px;line-height:1.02}
 .mockup-home .hero p{font-size:clamp(20px,2.6svh,26px);line-height:1.35;margin-bottom:28px}
 .mockup-home .hero-art{justify-self:center;width:min(100%,calc((100svh - 280px)*.9))}
 .mockup-home .hero-art img{width:100%;height:auto;aspect-ratio:.9;max-height:none}
 .mockup-home .hero-art figcaption{font-size:16px;line-height:1.4;margin-top:10px}
 .mockup-home .benefits{font-size:30px;line-height:1.3;padding:17px 0}
}

/* Give the closing message the full space beside its action. */
.mockup-home .bottom>div{flex:1;min-width:0;max-width:none}
.mockup-home .bottom h2{max-width:none}
.mockup-home .bottom p{max-width:none}
@media(min-width:1000px){
 .mockup-home .bottom{padding-top:38px;padding-bottom:38px;gap:32px}
 .mockup-home .bottom h2{font-size:clamp(39px,4.1vw,62px);line-height:1.1}
 .mockup-home .bottom p{font-size:clamp(16px,1.45vw,22px);line-height:1.4}
}