.landing-page{--landing-muted:#66676b}
.landing-container{width:min(1280px,88.8%);margin-left:auto;margin-right:auto}
.landing-page h1,.landing-page h2,.landing-page h3{font-weight:500}
.landing-page h2{font-size:clamp(34px,4.4vw,60px);line-height:1.08;letter-spacing:-2px;margin:0;text-wrap:balance}
.landing-page h3{font-size:24px;line-height:1.22;letter-spacing:-.45px;margin:0 0 16px;text-wrap:balance}
.landing-page p{line-height:1.55}
.landing-hero{position:relative;isolation:isolate;min-height:680px;height:calc(100svh - 100px);max-height:880px;margin:20px 24px 0;border-radius:32px;overflow:hidden;background:#263335;color:white;display:grid;place-items:center}
.landing-hero-media{position:absolute;inset:0;z-index:-2}
.landing-hero:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(0,0,0,.18),rgba(0,0,0,.34) 58%,rgba(0,0,0,.38))}
.landing-hero-media .media-video-container,.landing-hero-media .video-wrapper,.landing-hero-media video{width:100%;height:100%;aspect-ratio:auto;max-height:none}
.landing-hero-media video{object-fit:cover}
.landing-hero-media .media-video-poster{height:100%}
.landing-hero-media .media-video-poster img{height:100%;width:100%;object-fit:cover}
.landing-hero-content{padding:50px 24px 68px;text-align:center;max-width:1080px}
.landing-hero h1{margin:0;letter-spacing:-3px;line-height:1.05}
.landing-brand{display:block;font-size:94px;line-height:1;letter-spacing:-5px;margin-bottom:22px}
.landing-headline{display:block;font-size:clamp(42px,5vw,68px)}
.landing-hero-content>p{font-size:20px;line-height:1.45;margin:24px 0 32px;text-wrap:balance}
.landing-hero .landing-try-light{background:#fff;color:#111;border-color:#fff;min-width:164px;margin-left:auto;margin-right:auto}
.landing-hero .landing-try-light:hover{background:#e8eaed;box-shadow:0 3px 16px #0002}
.landing-intro{max-width:900px;text-align:center;padding-top:124px;padding-bottom:124px}
.landing-lead{font-size:24px;line-height:1.5!important;color:#404144;margin:32px 0 0;text-wrap:pretty}
.landing-note{font-size:17px;line-height:1.6;color:var(--landing-muted);max-width:730px;margin:24px auto 0}
.landing-section-heading{max-width:890px;margin:0 auto 48px;text-align:center}
.landing-section-heading>p{font-size:20px;color:var(--landing-muted);margin:26px 0 0;text-wrap:pretty}
.landing-example-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}
.landing-example-media{aspect-ratio:16/10;background:#f1f3f4;border-radius:24px;overflow:hidden;position:relative;margin-bottom:28px}
.landing-example-media .media-video-container,.landing-example-media .video-wrapper,.landing-example-media video{width:100%;height:100%;max-height:none;aspect-ratio:auto}
.landing-example-media video{object-fit:cover}
.landing-example-media .media-video-poster,.landing-example-media .media-video-poster img{width:100%;height:100%;object-fit:cover}
.landing-example p,.landing-steps p,.landing-tips p{font-size:17px;color:var(--landing-muted);margin:0}
.landing-how{padding-top:124px;padding-bottom:124px}
.landing-how>h2{max-width:900px;text-align:center;margin:0 auto 64px}
.landing-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:32px;list-style:none;padding:0;margin:0}
.landing-steps li{border-top:1px solid #dadce0;padding-top:24px}
.landing-step-number{display:block;color:#808287;font-size:16px;margin-bottom:36px;font-variant-numeric:tabular-nums}
.landing-steps h3{font-size:23px;min-height:2.5em}
.landing-detail-figure{margin:0;border-radius:32px;overflow:hidden;background:#f5f5f6}
.landing-detail-figure>.media-video-container{aspect-ratio:16/9}
.landing-reference-image{display:block;width:100%;height:560px;object-fit:contain;background:#f3f3f3}
.landing-image-caption{padding:20px 28px;font-size:15px;color:#696a6d}
.landing-prompt{display:grid;grid-template-columns:180px 1fr;gap:40px;margin-top:28px;padding:30px 0;border-bottom:1px solid #dadce0}
.landing-prompt>span{font-size:16px;color:#737579;padding-top:3px}
.landing-prompt blockquote{margin:0;font-size:20px;line-height:1.55;max-width:900px}
.landing-reference-pair{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin:0 0 24px}
.landing-reference-pair figure{margin:0}
.landing-reference-pair img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;border-radius:24px}
.landing-reference-pair figcaption{font-size:15px;color:#737579;margin-top:12px}
.landing-tips{padding:124px 0 20px}
.landing-tips>h2{max-width:820px;margin-bottom:48px}
.landing-tips-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:48px}
.landing-tips-grid article{padding-top:26px;border-top:1px solid #dadce0}
.landing-page .veo-faq{padding-top:120px;padding-bottom:64px}
.landing-page main>.final-cta{width:min(1280px,88.8%)}
.landing-page .faq-question{font-weight:500}
.landing-insights{display:grid;gap:24px;margin-bottom:64px}
.landing-insight{display:grid;grid-template-columns:1fr 1fr;align-items:center;border:1px solid #e8ecf1;border-radius:24px;overflow:hidden;background:#fafbfc}
.landing-insight-copy{min-width:0;padding:36px;text-align:left}
.landing-insight-copy .landing-insight-label{margin:0 0 16px;font-size:14px;line-height:1.4;color:#73777e}
.landing-insight-copy h2{font-size:clamp(28px,2.8vw,38px);line-height:1.12;letter-spacing:-1px;margin:0;text-align:left}
.landing-insight-copy .landing-insight-text{font-size:17px;line-height:1.6;color:#51545a;margin:24px 0 0}
.landing-insight-copy .landing-insight-note{font-size:15px;line-height:1.5;color:#73777e;border-top:1px solid #e1e5ea;padding-top:20px;margin:24px 0 0}
.landing-insight-image{align-self:stretch;min-width:0;margin:12px 12px 12px 0;border-radius:16px;overflow:hidden;background:#e9edf0}
.landing-insight-image img{display:block;width:100%;height:100%;min-height:320px;aspect-ratio:4/3;object-fit:cover;transition:transform .7s cubic-bezier(.2,.7,.3,1)}
@media(hover:hover) and (prefers-reduced-motion:no-preference){.landing-insight:hover .landing-insight-image img{transform:scale(1.025)}}
@media(min-width:1600px){.landing-hero{max-width:1552px;margin-left:auto;margin-right:auto}}
@media(max-width:1023px){
 .landing-hero{min-height:620px;max-height:800px;margin:16px 16px 0}
 .landing-brand{font-size:82px}.landing-headline{font-size:54px}
 .landing-example-grid{gap:20px}.landing-example h3{font-size:21px}
 .landing-steps{grid-template-columns:repeat(2,minmax(0,1fr));gap:40px}.landing-steps h3{min-height:0}
 .landing-step-number{margin-bottom:24px}.landing-tips-grid{gap:28px}
 .landing-insight-copy{padding:28px}.landing-insight-copy .landing-insight-text{font-size:16px}
}
@media(max-width:767px){
 .landing-container{width:auto;margin-left:24px;margin-right:24px}
 .landing-page h2{font-size:36px;letter-spacing:-1.2px}.landing-page h3{font-size:24px}
 .landing-hero{margin:12px 12px 0;min-height:630px;height:calc(100svh - 88px);max-height:790px;border-radius:24px}
 .landing-hero-content{padding:42px 20px 68px;width:100%}
 .landing-brand{font-size:72px;letter-spacing:-4px;margin-bottom:26px}
 .landing-headline{font-size:clamp(33px,8.7vw,50px);letter-spacing:-1.3px;line-height:1.07}
 .landing-hero-content>p{font-size:17px;margin:26px 0 30px}
 .landing-intro{padding-top:78px;padding-bottom:80px}
 .landing-lead{font-size:21px;margin-top:26px}.landing-note{font-size:16px;margin-top:22px}
 .landing-section-heading{margin-bottom:32px}.landing-section-heading>p{font-size:18px;margin-top:24px}
 .landing-example-grid{grid-template-columns:1fr;gap:42px}
 .landing-example-media{margin-bottom:22px;border-radius:22px;aspect-ratio:16/10}
 .landing-example p,.landing-steps p,.landing-tips p{font-size:16px}
 .landing-how{padding:80px 0}.landing-how>h2{margin-bottom:40px}
 .landing-steps{grid-template-columns:1fr;gap:32px}.landing-steps li{padding-top:20px}.landing-step-number{margin-bottom:20px}
 .landing-steps h3{font-size:24px;margin-bottom:14px}
 .landing-detail-figure{border-radius:22px}.landing-reference-image{height:auto;max-height:440px;aspect-ratio:1}
 .landing-image-caption{padding:18px;font-size:14px}
 .landing-prompt{display:block;padding:24px 0;margin-top:0}.landing-prompt>span{display:block;margin-bottom:16px}.landing-prompt blockquote{font-size:18px}
 .landing-reference-pair{gap:12px;margin-bottom:18px}.landing-reference-pair img{border-radius:14px}.landing-reference-pair figcaption{font-size:13px}
 .landing-tips{padding:80px 0 0}.landing-tips>h2{margin-bottom:34px}.landing-tips-grid{grid-template-columns:1fr;gap:30px}.landing-tips-grid article{padding-top:22px}
 .landing-page .veo-faq{padding:80px 0 32px}.landing-page main>.final-cta{width:calc(100% - 48px)}.landing-page .faq-heading{margin-bottom:36px}.landing-page .faq-heading h2{font-size:36px}
 .landing-insights{gap:24px;margin-bottom:32px}.landing-insight{grid-template-columns:1fr;border-radius:20px}
 .landing-insight-copy{padding:24px}.landing-insight-copy h2{font-size:28px;letter-spacing:-.7px}.landing-insight-copy .landing-insight-label{margin-bottom:14px}
 .landing-insight-copy .landing-insight-text{margin-top:20px}.landing-insight-copy .landing-insight-note{font-size:14px;margin-top:20px;padding-top:16px}
 .landing-insight-image{margin:0 24px 24px;border-radius:12px}.landing-insight-image img{height:auto;min-height:0;aspect-ratio:4/3}
}
