/* Outer width uses the existing .wrap grid, including its responsive gutters. */
/* One complete scene. Grid overlays copy without independently positioning scene parts. */
.fv-alt{margin:20px auto;color:#f5f1e8;background:#0c1916;border-radius:36px;container-type:inline-size}
.fv-alt-inner{display:grid;grid-template-columns:4% 34% 62%;grid-template-rows:auto auto 1fr;align-items:start}
.fv-story-image{grid-area:1/1/4/4;margin:0;align-self:start;pointer-events:none}
.fv-story-image img{display:block;width:100%;height:auto;border-radius:36px}
.fv-alt-header{grid-area:1/2;z-index:1;padding-top:7cqw;padding-bottom:3cqw}
.fv-alt-header .brand{font-size:clamp(20px,2cqw,30px);color:#f5f1e8}
.fv-alt-header p{margin:8px 0 0;font-size:clamp(10px,1cqw,15px);color:#f5f1e8}
.fv-alt-copy{grid-area:2/2;z-index:1}
.fv-alt h1{font:600 clamp(34px,3.65cqw,58px)/1.3 var(--serif);letter-spacing:-.045em;margin:0;color:#f5f1e8;text-shadow:0 2px 12px #0005}
.fv-alt h1>span,.fv-alt h1>em{display:block;white-space:nowrap;font-style:normal;color:inherit}
.fv-alt-intro{font-size:clamp(12px,1.16cqw,18px);line-height:1.85;color:#f5f1e8;margin:1.7cqw 0 0}
.fv-alt-action{grid-area:3/2;z-index:1;padding-top:2.3cqw;padding-bottom:3cqw}
.fv-alt-features{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.7cqw;list-style:none;margin:0 0 2cqw;padding:0}
.fv-alt-features li{display:flex;flex-direction:column;gap:.7cqw;font-size:clamp(10px,.94cqw,15px);line-height:1.65;color:#f5f1e8;white-space:nowrap}
.fv-alt-features svg{width:clamp(20px,2.2cqw,32px);height:clamp(20px,2.2cqw,32px);color:#cee2cd}
.fv-alt-features small{font-size:inherit}
.fv-alt .fv-alt-buy{width:100%;max-width:440px;min-height:48px;padding:1.1cqw 10px;font-size:clamp(14px,1.3cqw,20px);gap:12px}
.fv-alt-platform{margin:1cqw 0 0;font-size:clamp(9px,.82cqw,13px);line-height:1.8;color:#f5f1e8;white-space:nowrap}
@media(max-width:1023px){
 .fv-alt{margin:16px auto;border-radius:24px}
 .fv-alt-inner{display:flex;flex-direction:column;gap:28px;padding:32px 0}
 .fv-alt-header,.fv-alt-copy,.fv-alt-action{width:100%;padding:0 32px;z-index:auto}
 .fv-alt-header .brand{font-size:25px}.fv-alt-header p{font-size:12px}
 .fv-alt h1{font-size:clamp(32px,5.8vw,54px);letter-spacing:-.035em}
 .fv-alt-intro{font-size:16px;line-height:1.85;margin-top:20px;max-width:640px}
 .fv-story-image{width:100%}.fv-story-image img{border-radius:20px}
 .fv-alt-features{gap:20px;margin-bottom:24px}.fv-alt-features li{font-size:14px;gap:10px}.fv-alt-features svg{width:28px;height:28px}
 .fv-alt .fv-alt-buy{font-size:18px;min-height:60px;padding:16px 12px}
 .fv-alt-platform{font-size:12px;margin-top:14px;white-space:normal}
}
@media(max-width:767px){
 .fv-alt{margin:12px auto;border-radius:20px}
 .fv-alt-inner{padding:26px 0;gap:24px}
 .fv-alt-header,.fv-alt-copy,.fv-alt-action{padding-inline:20px}
 .fv-alt h1{font-size:clamp(28px,8vw,44px)}
 .fv-alt-header .brand{font-size:23px}.fv-alt-header p{font-size:11px}
 .fv-alt-features{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 14px}
 .fv-alt-features li{flex-direction:row;align-items:center;font-size:13px;white-space:normal;gap:10px}.fv-alt-features svg{flex:none}
 .fv-alt .fv-alt-buy{max-width:none;font-size:17px}
 .fv-alt-platform{font-size:10px;text-align:center}
}
