/* ViewerFirst — home (design system ViewerFirst) */
.hero2{position:relative;overflow:hidden;background:var(--obsidian);padding-top:calc(var(--spacing-96) + 72px);padding-bottom:var(--spacing-96);min-height:640px;box-sizing:border-box}
.hero2__inner{position:relative;z-index:1}
.hero2__text{display:grid;gap:var(--spacing-16);justify-items:start;max-width:680px}
.hero2__text .vf-eyebrow{color:var(--ash-mist)}
.hero2__title{font-size:clamp(28px,6.4vw,56px);line-height:.8;letter-spacing:.083em;white-space:nowrap;padding-block:.1em}
.hero2__hook{text-wrap:balance}
.hero2__lead{color:var(--ash-mist);line-height:1.6;max-width:46ch}
.hero2__actions{display:flex;flex-wrap:wrap;gap:var(--spacing-12);margin-top:var(--spacing-8)}
.hero2__note{color:var(--ash-mist)}
.hwall{position:absolute;top:96px;bottom:0;right:0;width:44%;overflow:hidden;border-top-left-radius:var(--radius-lg)}
.hwall__inner{position:absolute;inset:-18% -12% -18% 0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;transform:rotate(-8deg)}
.hwall__col{display:grid;gap:12px;align-content:start}
.hwall__col:nth-child(2){margin-top:-60px}
.hwall__col:nth-child(3){margin-top:40px}
.hwall__col:nth-child(4){margin-top:-20px}
.hposter{display:block;aspect-ratio:2/3;border-radius:var(--radius-lg);background:var(--hairline) center/cover no-repeat}
@media (max-width:960px){
 .hero2{min-height:0;padding-bottom:0;padding-top:calc(var(--spacing-48) + 72px);display:flex;flex-direction:column}
 .hero2__inner{order:1}
 .hwall{order:2;position:relative;top:auto;width:auto;height:300px;margin-top:var(--spacing-48);border-radius:0}
 .hwall__inner{inset:-30% -20% auto -20%;grid-template-columns:repeat(4,minmax(0,1fr))}
}
@media (prefers-reduced-motion:reduce){.hwall__inner{transform:none}}
.trust{border-block:1px solid var(--hairline);background:var(--smoke)}
.trust__list{list-style:none;margin:0 auto;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:var(--spacing-24);padding-block:var(--spacing-32)}
@media (max-width:1060px){.trust__list{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:640px){.trust__list{grid-template-columns:minmax(0,1fr);gap:var(--spacing-20)}}
.trust__item{display:flex;gap:var(--spacing-12);align-items:flex-start;min-width:0}
.trust__item>span{display:grid;gap:2px;min-width:0}
.trust__item .vf-small{color:var(--ash-mist)}
.trust__ic{flex:none;width:24px;height:24px;fill:none;stroke:var(--glacier-beam);stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.final{border-top:1px solid var(--hairline)}
.final__inner{display:grid;justify-items:center;gap:var(--spacing-16);text-align:center;padding-block:var(--section-gap)}
.final__inner .vf-eyebrow{color:var(--ash-mist)}
.final__title{text-wrap:balance;max-width:20ch}
.hp0{background-image:url(../img/vf/hero-poster-01.webp)}
.hp1{background-image:url(../img/vf/hero-poster-02.webp)}
.hp2{background-image:url(../img/vf/hero-poster-03.webp)}
.hp3{background-image:url(../img/vf/hero-poster-04.webp)}
.hp4{background-image:url(../img/vf/hero-poster-05.webp)}
.hp5{background-image:url(../img/vf/hero-poster-06.webp)}
.hp6{background-image:url(../img/vf/hero-poster-07.webp)}
.hp7{background-image:url(../img/vf/hero-poster-08.webp)}
.hp8{background-image:url(../img/vf/hero-poster-09.webp)}
.hp9{background-image:url(../img/vf/hero-poster-10.webp)}
.vod{padding-bottom:var(--section-gap);border-top:1px solid var(--hairline)}
.vod .vf-section-heading .vf-eyebrow{color:var(--ash-mist)}
.stats{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);gap:var(--element-gap);margin-bottom:var(--spacing-48);border-block:1px solid var(--hairline)}
.stat{display:grid;gap:var(--spacing-8);justify-items:center;text-align:center;padding-block:var(--spacing-32)}
.stat+.stat{border-left:1px solid var(--hairline)}
.stat__num{font-size:clamp(36px,5vw,56px);font-weight:200;line-height:1;letter-spacing:-.01em;font-variant-numeric:tabular-nums}
.stat .vf-eyebrow{color:var(--ash-mist)}
@media (max-width:560px){.stats{grid-auto-flow:row;grid-template-columns:minmax(0,1fr)}.stat+.stat{border-left:0;border-top:1px solid var(--hairline)}}
.vod__img{display:block;width:100%;aspect-ratio:4/3;background:var(--hairline) center/cover no-repeat}
.vod__live{text-align:center;color:var(--ash-mist);margin-top:var(--spacing-32)}
.includes{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;justify-content:center;gap:var(--spacing-12) var(--spacing-32)}
.includes li{display:flex;align-items:center;gap:var(--spacing-8)}
.includes svg{width:14px;height:14px;fill:none;stroke:var(--glacier-beam);stroke-width:2;flex:none}
.vf-card__screens{color:var(--card-muted);padding-top:var(--spacing-12);border-top:1px solid #e6e5e8;margin-top:var(--spacing-4)}
.vf-card__foot{padding-top:var(--spacing-4)}
.why{padding-bottom:var(--section-gap)}
.why .vf-section-heading .vf-eyebrow{color:var(--ash-mist)}
.why__grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--spacing-32) var(--element-gap)}
@media (max-width:900px){.why__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:560px){.why__grid{grid-template-columns:minmax(0,1fr)}}
.why__item{display:grid;gap:var(--spacing-12);align-content:start;padding-top:var(--spacing-24);border-top:1px solid var(--hairline);min-width:0}
.why__item p{color:var(--ash-mist)}
.why__ic{width:28px;height:28px;fill:none;stroke:var(--glacier-beam);stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
@keyframes vf-nudge{0%,84%,100%{transform:none}86%{transform:translateX(-3px) rotate(-1.5deg)}88%{transform:translateX(3px) rotate(1.5deg)}90%{transform:translateX(-3px) rotate(-1deg)}92%{transform:translateX(2px) rotate(.5deg)}94%{transform:none}}
.nudge{animation:vf-nudge 5s ease-in-out 2s infinite}
.nudge:hover,.nudge:focus-visible,.nudge[aria-expanded="true"]{animation:none}
button.vf-btn{font-family:var(--font-sans)}
.vf-card .vf-features{padding-top:var(--spacing-12);border-top:1px solid #e6e5e8}
.vrail{display:grid;gap:var(--spacing-24);margin-block:var(--section-gap) 0}
.prail{list-style:none;margin:0;padding:0 0 var(--spacing-4);display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - 5 * var(--spacing-12)) / 6);gap:var(--spacing-12);overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;scrollbar-width:none}
.prail::-webkit-scrollbar{display:none}
@media (max-width:900px){.prail{grid-auto-columns:calc((100% - 3 * var(--spacing-12)) / 4)}}
@media (max-width:560px){.prail{grid-auto-columns:calc((100% - 2 * var(--spacing-12)) / 2.4)}}
.pslot{scroll-snap-align:start;min-width:0}
.pslot__link{display:block;border-radius:var(--radius-lg)}
.pslot__img{display:block;aspect-ratio:2/3;border-radius:var(--radius-lg);background:var(--hairline) center/cover no-repeat}
.prail:focus-visible,.pslot__link:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}
@media (prefers-reduced-motion:reduce){.prail{scroll-behavior:auto}}
.mq{overflow:hidden;margin-top:var(--section-gap);border-block:1px solid var(--hairline);padding-block:var(--spacing-20)}
.mq ul{list-style:none;margin:0;padding:0}
.mq__track{display:flex;width:max-content;animation:vf-marquee 60s linear infinite}
.mq:hover .mq__track{animation-play-state:paused}
.mq__set>ul{display:flex;align-items:center}
.mq__set li{display:flex;align-items:center;white-space:nowrap;font-size:14px;letter-spacing:.083em;text-transform:uppercase;color:var(--ash-mist)}
.mq__set li::after{content:"";width:4px;height:4px;border-radius:50%;background:var(--iron-veil);margin-inline:var(--spacing-24)}
.mq__set li.mq__more{color:var(--glacier-beam);text-transform:none;letter-spacing:0}
@keyframes vf-marquee{to{transform:translateX(-50%)}}
@media (prefers-reduced-motion:reduce){.mq__track{animation:none;width:auto;flex-wrap:wrap;justify-content:center}.mq__set[aria-hidden]{display:none}.mq__set>ul{flex-wrap:wrap;justify-content:center;row-gap:var(--spacing-8)}}
.aff{padding-bottom:var(--section-gap);background:var(--smoke);border-top:1px solid var(--hairline)}
.aff .vf-section-heading .vf-eyebrow{color:var(--ash-mist)}
.aff__stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-block:1px solid var(--hairline)}
.aff__stat{display:grid;gap:var(--spacing-12);justify-items:center;text-align:center;padding:var(--spacing-32) var(--spacing-24)}
.aff__stat+.aff__stat{border-left:1px solid var(--hairline)}
.aff__stat p{color:var(--ash-mist);max-width:28ch}
@media (max-width:760px){.aff__stats{grid-template-columns:minmax(0,1fr)}.aff__stat+.aff__stat{border-left:0;border-top:1px solid var(--hairline)}}
.aff__steps{list-style:none;margin:var(--spacing-48) 0 0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--element-gap)}
@media (max-width:760px){.aff__steps{grid-template-columns:minmax(0,1fr)}}
.aff__steps li{display:grid;gap:var(--spacing-8);align-content:start}
.aff__steps .vf-eyebrow{color:var(--glacier-beam)}
.aff__steps p{color:var(--ash-mist)}
.aff__cta{display:flex;justify-content:center;margin-top:var(--spacing-48)}
@media (max-width:560px){
 .why__grid{grid-template-columns:1fr 1fr;gap:var(--spacing-24) var(--spacing-16)}
 .steps{gap:var(--spacing-24)}
 .step{grid-template-columns:40px minmax(0,1fr);column-gap:var(--spacing-16);row-gap:var(--spacing-8)}
 .step__num{grid-row:span 2;font-size:40px}
 .aff__stats{grid-template-columns:repeat(3,minmax(0,1fr))}
 .aff__stat{padding:var(--spacing-20) var(--spacing-8);gap:var(--spacing-8)}
 .aff__stat+.aff__stat{border-top:0;border-left:1px solid var(--hairline)}
 .aff__stat .stat__num{font-size:clamp(22px,7vw,28px)}
 .aff__stat p{font-size:12px;line-height:1.4}
 .aff__steps{gap:var(--spacing-24)}
 .aff__stat .stat__num{white-space:nowrap;font-size:24px}
 .vf-pricing .vf-card{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;column-gap:var(--spacing-16)}
 .vf-pricing .vf-card__top{grid-column:1/-1}
 .vf-pricing .vf-card__foot{padding:0;margin:0}
}

@media (min-width:961px){.hero2__title{font-size:clamp(28px,3.1vw,56px)}.hero2__text{max-width:min(680px,50vw)}}
@media (max-width:960px){.hero2__inner{min-width:0;width:100%;box-sizing:border-box}.hero2__title{white-space:normal;text-wrap:balance;line-height:1.05}}