/* R125: homepage detail and typography pass based on the supplied reference. */
@font-face{font-family:Poppins;font-style:normal;font-weight:400;font-display:swap;src:url('/assets/fonts/Poppins-Regular.ttf') format('truetype')}
@font-face{font-family:Poppins;font-style:normal;font-weight:600;font-display:swap;src:url('/assets/fonts/Poppins-SemiBold.ttf') format('truetype')}
@font-face{font-family:Poppins;font-style:normal;font-weight:700 900;font-display:swap;src:url('/assets/fonts/Poppins-Bold.ttf') format('truetype')}
.home-page{font-family:Poppins,Roboto,Arial,sans-serif}
.home-page h1,.home-page h2,.home-page h3{font-family:Poppins,Roboto,Arial,sans-serif}
.home-page .brand{font-family:Roboto,Arial,sans-serif}
.home-page .eyebrow{font-weight:700;letter-spacing:calc(1.05 * var(--s));font-size:calc(11 * var(--s))}
.home-page .hero h1{font-weight:700;line-height:1.04;letter-spacing:calc(-1.25 * var(--s))}
.home-page .hero-text{line-height:1.5}
.home-page .button{font-weight:600;font-size:calc(13 * var(--s))}
.home-page .section-intro h2,.home-page .how-heading h2{font-weight:700;line-height:1.16;letter-spacing:calc(-.8 * var(--s))}
.home-page .feature-card,.home-page .showcase-panel{background:linear-gradient(125deg,#0e1319,#0a0e13)}
.home-page .feature-card h3,.home-page .steps h3{font-weight:600}
.home-page .feature-icon{width:calc(46 * var(--s));height:calc(46 * var(--s))}
.home-page .feature-card p,.home-page .steps p{font-size:calc(11.7 * var(--s));line-height:1.5}
.home-page .steps{gap:calc(17 * var(--s));padding-top:calc(10 * var(--s))}
.home-page .steps article{grid-template-columns:calc(42 * var(--s)) calc(32 * var(--s)) minmax(0,1fr);gap:calc(15 * var(--s))}
.home-page .steps article>span{width:calc(36 * var(--s));height:calc(36 * var(--s));font-weight:600}
.home-page .step-icon .ui-icon{width:calc(28 * var(--s));height:calc(28 * var(--s))}
.home-page .reference-progress{padding:calc(16 * var(--s));gap:calc(14 * var(--s));min-height:0;align-self:stretch;justify-content:flex-start}
.home-page .progress-heading{gap:calc(10 * var(--s));align-items:center;min-width:0}
.home-page .progress-heading>.ui-icon{width:calc(31 * var(--s));height:calc(31 * var(--s));flex:none}
.home-page .progress-heading>div{flex:1;min-width:0}
.home-page .progress-heading .eyebrow{font-size:calc(10 * var(--s));margin-bottom:calc(4 * var(--s))}
.home-page .progress-heading p:not(.eyebrow){font-size:calc(10 * var(--s));line-height:1.5}
.home-page .progress-example{font-size:calc(9 * var(--s));color:#d4dce8;border:1px solid #8e2337;border-radius:calc(7 * var(--s));padding:calc(5 * var(--s)) calc(8 * var(--s));white-space:nowrap;align-self:center}
.home-page .progress-chart{margin-top:auto;border-radius:calc(7 * var(--s));overflow:hidden;background:#0c1016}
.home-page .progress-chart img{display:block;width:100%;height:auto;filter:hue-rotate(265deg) saturate(1.25);mix-blend-mode:lighten}
.home-page .progress-details{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:calc(8 * var(--s))}
.home-page .progress-details>div{display:grid;grid-template-columns:calc(24 * var(--s)) minmax(0,1fr);align-items:center;gap:calc(6 * var(--s));padding:calc(10 * var(--s)) calc(8 * var(--s));border:1px solid #1b222d;border-radius:calc(8 * var(--s));background:linear-gradient(130deg,#10141c,#0a0e13)}
.home-page .progress-details .ui-icon{color:#ff1944;width:calc(24 * var(--s));height:calc(24 * var(--s))}
.home-page .progress-details strong{font-size:calc(10 * var(--s));font-weight:600;line-height:1.35}
.home-page .progress-details span{grid-column:1/-1;color:#b6c1d0;font-size:calc(9 * var(--s));line-height:1.5;text-align:center}
.home-page .reference-progress .chart-caption{font-size:calc(9 * var(--s));text-align:center;opacity:.75;margin-top:calc(-4 * var(--s))}
.home-page .pricing-card{padding:calc(19 * var(--s));gap:calc(8 * var(--s));border-radius:calc(10 * var(--s));min-height:calc(308 * var(--s));background:linear-gradient(135deg,#10151d,#0a0e13)}
.home-page .pricing-card.featured{border-color:#ff1944;background:radial-gradient(ellipse at 100% 65%,#5b10224d,transparent 66%),linear-gradient(140deg,#191017,#0b0e14)}
.home-page .pricing-card>*:not(.plan-art){position:relative;z-index:1}
.home-page .pricing-card .pricing-tag{font-size:calc(10.5 * var(--s));letter-spacing:calc(.8 * var(--s));margin:0 0 calc(1 * var(--s));font-weight:600}
.home-page .pricing-tag .ui-icon{width:calc(23 * var(--s));height:calc(23 * var(--s));color:#ff1944}
.home-page .pricing-card h3{font-size:calc(24 * var(--s));font-weight:600;line-height:1.12;letter-spacing:calc(-.7 * var(--s));margin:0}
.home-page .pricing-card p{font-size:calc(12.5 * var(--s));line-height:1.52;margin:0 0 calc(4 * var(--s))}
.home-page .pricing-card ul{font-size:calc(11.5 * var(--s));gap:calc(7 * var(--s));margin:calc(3 * var(--s)) 0 calc(12 * var(--s))}
.home-page .pricing-card li{padding-left:calc(28 * var(--s))}
.home-page .pricing-card li::before{top:calc(1 * var(--s));width:calc(18 * var(--s));height:calc(18 * var(--s));font-size:calc(12 * var(--s))}
.home-page .pricing-card .popular-badge{position:absolute;right:calc(17 * var(--s));top:calc(13 * var(--s));background:linear-gradient(120deg,#ff2753,#ff103e);padding:calc(6 * var(--s)) calc(10 * var(--s));border-radius:calc(5 * var(--s));font-size:calc(9 * var(--s));font-weight:600;color:#fff;box-shadow:0 0 calc(18 * var(--s)) #ff194440}
.home-page .plan-art{position:absolute;pointer-events:none;z-index:0;object-fit:contain}
.home-page .plan-art-trophy{right:calc(15 * var(--s));bottom:calc(90 * var(--s));width:calc(94 * var(--s));height:auto;opacity:.21;transform:rotate(9deg);filter:drop-shadow(0 0 calc(14 * var(--s)) #ff1b3c44)}
.home-page .plan-art-calendar{right:calc(14 * var(--s));top:calc(17 * var(--s));width:calc(57 * var(--s));height:calc(64 * var(--s));transform:rotate(14deg);filter:drop-shadow(calc(3 * var(--s)) calc(6 * var(--s)) calc(5 * var(--s)) #0008)}
.home-page .day-card h3,.home-page .day-card .pricing-tag{padding-right:calc(55 * var(--s))}
.home-page .price-list{gap:calc(5 * var(--s));margin-bottom:calc(10 * var(--s))}
.home-page .price-list span{padding:calc(4 * var(--s)) calc(12 * var(--s));font-size:calc(12 * var(--s));line-height:1.3;background:#1a202bb3}
.home-page .pricing-card .button{min-height:calc(42 * var(--s));margin-top:auto;font-size:calc(12 * var(--s))}
.home-page .footer-column a{line-height:1.65}
@media(min-width:701px){
 .home-page .hero-copy{width:min(59%,820px)}
 .home-page .hero h1{font-size:clamp(40px,5.16vw,72px)}
 .home-page .hero-text{max-width:calc(430 * var(--s));font-size:calc(14 * var(--s));margin-top:calc(14 * var(--s))}
 .home-page .hero-actions{margin-top:calc(20 * var(--s))}
 .home-page .section-intro{margin-bottom:calc(16 * var(--s))}
 .home-page .section-intro h2,.home-page .how-heading h2{font-size:calc(30 * var(--s))}
 .home-page .section-intro p:not(.eyebrow){font-size:calc(13 * var(--s));line-height:1.5}
 .home-page .feature-card-media{padding:calc(13 * var(--s)) calc(13 * var(--s)) 0}
 .home-page .feature-card-copy{gap:calc(14 * var(--s));padding:calc(14 * var(--s)) calc(13 * var(--s)) calc(19 * var(--s))}
 .home-page .feature-card h3{font-size:calc(14.5 * var(--s));margin-bottom:calc(7 * var(--s))}
 .home-page .two-col{grid-template-columns:1.03fr 1fr;column-gap:calc(29 * var(--s))}
 .home-page .how-heading{margin-bottom:calc(14 * var(--s))}
 .home-page #how-it-works{padding-top:calc(20 * var(--s));padding-bottom:calc(24 * var(--s))}
 .home-page #pricing{padding-top:calc(24 * var(--s));padding-bottom:calc(24 * var(--s))}
}
@media(max-width:700px){
 .home-page .hero h1{font-size:clamp(28px,7.6vw,44px);letter-spacing:-.8px;line-height:1.1}
 .home-page .hero-text{font-size:13px;line-height:1.6}
 .home-page .hero-actions .button{font-size:11px;padding-inline:14px}
 .home-page .hero-note{font-size:10px}
 .home-page .section-intro h2,.home-page .how-heading h2{font-size:26px;line-height:1.2;letter-spacing:-.75px}
 .home-page .section-intro p:not(.eyebrow){font-size:12px;line-height:1.6}
 .home-page .feature-card h3,.home-page .steps h3{font-size:14px}
 .home-page .feature-card p,.home-page .steps p{font-size:12px;line-height:1.6}
 .home-page .steps{gap:22px}
 .home-page .steps article{grid-template-columns:32px 24px minmax(0,1fr);gap:10px}
 .home-page .steps article>span{width:32px;height:32px;font-size:12px}
 .home-page .step-icon .ui-icon{width:24px;height:24px}
 .home-page .reference-progress{padding:15px;gap:14px;margin-top:6px}
 .home-page .progress-heading .eyebrow{font-size:10px}
 .home-page .progress-heading p:not(.eyebrow){font-size:9px}
 .home-page .progress-example{font-size:8px;padding:5px 6px}
 .home-page .progress-details{gap:5px}
 .home-page .progress-details>div{grid-template-columns:1fr;justify-items:center;padding:9px 4px;gap:6px}
 .home-page .progress-details strong{font-size:9px;text-align:center}
 .home-page .progress-details span{font-size:8px}
 .home-page .pricing-card{padding:18px;min-height:340px;gap:9px}
 .home-page .pricing-card h3{font-size:23px}
 .home-page .pricing-card p{font-size:12px;line-height:1.6}
 .home-page .pricing-card .popular-badge{top:14px;right:14px;font-size:8px;padding:5px 7px}
 .home-page .pricing-card .pricing-tag{font-size:9px;gap:7px}
 .home-page .pricing-card ul{font-size:11px;gap:8px}
 .home-page .pricing-card .button{font-size:11px}
 .home-page .price-list span{font-size:12px;padding-block:7px}
}
@media(max-width:360px){.home-page .hero-actions{gap:7px}.home-page .hero-actions .button{font-size:10px;padding-inline:11px}.home-page .pricing-card .popular-badge{font-size:7px;right:11px}.home-page .progress-example{display:none}}

/* R126: size the media frames to the original queue screenshot. */
.home-page .feature-card-media img,.home-page .feature-card-media video{height:auto;aspect-ratio:1311 / 583}
.home-page .feature-card-media img{object-fit:contain;object-position:center;background:#080b0d}