/* Landing-only refinements; shared application styles remain the authority. */
/* The demonstration has its own light palette, independent of the app theme. */
.land .demo-preview{--ink:#12382b;--muted:#496355;--green:#087b52;--line:#c8d8ce;--surface:#fff;--tint:#e1f2e7;--raised:#edf5ef;background:#f3f8f5;color:var(--ink);color-scheme:light}
.land .demo-preview .product-preview{padding-top:80px;padding-bottom:80px}
.land .demo-preview h2{letter-spacing:-.03em}
.land .demo-preview .product-preview>div>p{font-size:16px;line-height:1.8;max-width:42ch}
.land .demo-preview .text-link{display:inline-flex;align-items:center;min-height:44px;font-size:14px;color:var(--green)}
.land .demo-preview .demo-studio{background:var(--surface);padding:20px;border-radius:14px}
.land .demo-preview .studio-header{font-size:13px;line-height:1.6;margin-bottom:12px;padding:0;color:var(--ink)}
.land .demo-preview .studio-header>span{display:flex;align-items:center;gap:10px}
.land .demo-preview .studio-header svg{flex:none;color:var(--green)}
.land .demo-preview .demo-player{display:block;width:100%;aspect-ratio:16/9;object-fit:contain;background:#e3ebe6;border-radius:8px}
.land .demo-preview .demo-language-buttons{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}
.land .demo-preview .demo-language-button{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:8px 12px;border:1px solid var(--line);border-radius:8px;background:var(--surface);color:var(--ink);font:inherit;font-size:13px;font-weight:500;transition:background .15s,border-color .15s}
.land .demo-preview .demo-language-button img{width:28px;height:21px;object-fit:cover;border-radius:3px;flex:none}
.land .demo-preview .demo-language-check{visibility:hidden;flex:none}
.land .demo-preview .demo-language-button:hover{background:var(--raised);border-color:var(--green)}
.land .demo-preview .demo-language-button[aria-pressed=true]{background:var(--tint);border-color:var(--green);color:var(--green)}
.land .demo-preview .demo-language-button[aria-pressed=true] .demo-language-check{visibility:visible}
.land .demo-preview .demo-language-button:active{background:#cce8d7}
.land .demo-preview :is(a,button):focus-visible{outline:2px solid var(--green);outline-offset:4px}
.land .demo-preview .product-preview .demo-note{color:#873d2b;font-size:13px;line-height:1.6;margin:16px 0 0;max-width:none}
.land .demo-preview ::selection{background:#c5e8d4;color:#12382b}
@media(max-width:760px){.land .demo-preview .product-preview{padding-top:48px;padding-bottom:48px;gap:28px}.land .demo-preview .demo-studio{padding:16px}.land .demo-preview .demo-language-button{padding:8px 10px}}
@media(prefers-reduced-motion:reduce){.land .demo-preview .demo-language-button{transition:none}}
.landing-page .skip-link{background:var(--green);color:#0b2317;z-index:50;border-radius:6px}
.landing-page{scrollbar-color:#426653 var(--paper)}
.land .header nav .landing-mobile-start{display:none}
.land .header nav>a,.landing-page .solutions-dropdown>summary{min-height:44px;display:inline-flex;align-items:center}
.land .header nav .landing-studio-entry{gap:8px}
.land .header .brand{letter-spacing:-.03em}
.landing-page .hero-brand{font-size:clamp(60px,7.5vw,96px);letter-spacing:-.03em}
.landing-page h1,.landing-page h2,.landing-page h3,.landing-page .video-message{letter-spacing:-.03em;text-wrap:balance}
.landing-page .hero h1{letter-spacing:-.03em}
.landing-page .hero-description{font-size:16px;line-height:1.85;max-width:440px}
.landing-page .hero-copy>*{animation:none}
.landing-page .hero-copy{animation:landing-arrive .4s cubic-bezier(.16,1,.3,1) both}
@keyframes landing-arrive{from{transform:translateY(6px)}to{transform:translateY(0)}}
.landing-page .hero-actions{flex-wrap:wrap;gap:12px 24px}
.landing-page .text-link{min-height:44px;font-size:14px;align-items:center}
.landing-page .button{min-height:48px}
.landing-page :is(a,button,summary):focus-visible{outline:2px solid var(--green);outline-offset:5px;border-radius:4px}
.landing-page .button:active{transform:translateY(0)}
.landing-page .product-preview{padding-top:88px;padding-bottom:72px}
.landing-page .product-preview p:not(.eyebrow){font-size:16px;line-height:1.8;max-width:42ch}
.landing-page .studio-header{font-size:13px;margin-bottom:16px}
.landing-page .video-art{display:flex;flex-direction:column;aspect-ratio:auto;min-height:320px;padding:24px}
.landing-page .video-message{margin:28px 0 82px;max-width:90%;font-size:30px;line-height:1.3}
.landing-page .video-subtitle{bottom:46px;font-size:13px;line-height:1.5;z-index:1}
.landing-page .video-bottom{font-size:11px}
.landing-page .art-grid{display:none}
.landing-page .orb-one{box-shadow:none;opacity:.65}
.landing-page .language-row{font-size:13px;margin:20px 0 12px}
.landing-page .language-tabs button{min-height:44px;font-size:12px;transition:background .18s,border-color .18s}
.landing-page .language-tabs button span{font-size:13px}
.landing-page .language-tabs button:hover{border-color:#537e65}
.landing-page .language-tabs button.active{border-color:var(--green);color:var(--green)}
.landing-page .demo-note{font-size:12px;line-height:1.6}
.landing-page .demo-studio .studio-header>span{display:flex;align-items:center;gap:10px}
.landing-page .demo-player{display:block;width:100%;aspect-ratio:16/9;object-fit:contain;background:#050a08;border:1px solid var(--line);border-radius:12px;color-scheme:dark}
.landing-page .demo-language-buttons{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}
.landing-page .demo-language-button{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:8px 10px;border:1px solid var(--line);border-radius:10px;background:var(--surface);color:var(--ink);font-size:13px;font-weight:500;transition:background .15s,border-color .15s}
.landing-page .demo-language-button img{width:28px;height:21px;object-fit:cover;border-radius:3px;flex:none}
.landing-page .demo-language-check{visibility:hidden;flex:none}
.landing-page .demo-language-button:hover{border-color:var(--green)}
.landing-page .demo-language-button[aria-pressed=true]{background:var(--tint);border-color:var(--green);color:var(--green)}
.landing-page .demo-language-button[aria-pressed=true] .demo-language-check{visibility:visible}
.landing-page .demo-language-button:active{background:var(--raised)}
.landing-page .product-preview .demo-note{font-size:13px;line-height:1.6;margin:16px 0 0;min-height:42px;max-width:none}
.landing-page .demo-note a{text-decoration:underline;text-underline-offset:4px}
.landing-page .language-strip p{font-size:11px;letter-spacing:.08em;max-width:180px}
.landing-page .landing-languages summary{font-size:14px;padding:4px 0}
.landing-page .landing-languages summary>span{transition:transform .18s;flex:none}
.landing-page .landing-languages[open] summary>span{transform:rotate(45deg)}
.landing-page .landing-languages ul{font-size:14px;line-height:1.6;gap:14px 24px}
.landing-page .section-heading>p{font-size:15px;max-width:32ch;line-height:1.8}
.landing-page .steps p,.landing-page .benefit-item p,.landing-page .use-grid p{font-size:15px;line-height:1.8}
.landing-page .steps h3,.landing-page .benefit-item h3{font-size:18px;line-height:1.5}
.landing-page .benefits-copy .intro{font-size:16px;line-height:1.8;margin-bottom:32px}
.landing-page .benefits-copy{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 32px}
.landing-page .benefits-copy>h2,.landing-page .benefits-copy>.intro{grid-column:1/-1}
.landing-page .benefit-item{width:auto;padding:0;display:flex;gap:14px;align-items:flex-start}
.landing-page .benefit-item>span{display:flex;width:24px;margin-top:5px}
.landing-page .use-grid{align-items:stretch}
.landing-page .use-grid article{display:flex;flex-direction:column}
.landing-page .use-grid h3{font-size:24px;line-height:1.4}
.landing-page .use-grid .use-audience{font-size:11px;letter-spacing:.07em;line-height:1.6}
.landing-page .use-benefits{font-size:14px;line-height:1.8;flex:1}
.landing-page .use-grid .use-example p{font-size:14px;line-height:1.75}
.landing-page .use-example>span{font-size:11px;letter-spacing:.06em}
.landing-page .solutions-next{gap:20px;align-items:center;margin-top:24px}
.landing-page .landing-pricing{margin-top:32px}
.landing-page .pack-list{gap:24px}
.landing-page .pack-list h3{font-size:17px;font-weight:600}
.landing-page .pack-list p{font-size:15px}
.landing-page .pack-price{font-variant-numeric:tabular-nums}
.landing-page .pack-list .text-link{font-size:14px;margin-top:8px}
.landing-page .faq-list summary{min-height:44px;font-size:16px;line-height:1.6}
.landing-page .faq-list summary>span{flex:none}
.landing-page .faq-list details{padding:18px 0}
.landing-page .faq-list details p{font-size:15px;line-height:1.85;max-width:65ch}
.landing-page .faq-intro{font-size:15px;line-height:1.8}
.landing-page .closing{padding-top:72px;padding-bottom:72px}
.landing-page .closing h2{max-width:27ch;margin-inline:auto}
.landing-page .closing p:not(.eyebrow){font-size:16px;margin-top:24px}
.landing-page .closing-note{font-size:13px}
.landing-page .footer>a:last-child{min-height:44px;display:inline-flex;align-items:center;font-size:13px}
.landing-page .solutions-menu{box-shadow:0 16px 32px #0003}
.landing-page .solutions-menu>a{min-height:64px}
.landing-page .solutions-menu__label{font-size:10px;letter-spacing:.08em}
.landing-page .solutions-menu strong{font-size:14px}
.landing-page .solutions-menu small{font-size:12px}
.landing-page .landing-icon{flex:none;display:block}
.landing-page .step-icon .landing-icon{width:26px;height:26px}
.landing-page .use-grid article>span{display:flex}
.landing-page .solutions-menu__icon .landing-icon{width:20px;height:20px}
@media(max-width:1000px){.land .header{gap:16px}.land .header nav{gap:18px}.landing-page .hero-caption{display:none}}
@media(max-width:900px){
  .land .header{height:80px;position:relative}
  .land .header-cta{display:none}
  .land .menu-toggle{display:flex;align-items:center;gap:10px;border:1px solid var(--line);background:none;border-radius:6px;padding:8px 12px;min-height:44px;color:var(--ink)}
  .land .header nav{display:none;position:absolute;left:24px;right:24px;top:72px;z-index:5;background:var(--surface);border:1px solid var(--line);border-radius:10px;padding:16px 20px;max-height:calc(100dvh - 96px);overflow-y:auto}
  .land .header nav.is-open{display:flex;flex-direction:column;gap:8px}
  .land .header nav .landing-mobile-start{display:flex;color:var(--green);border-top:1px solid var(--line);padding-top:16px;min-height:44px}
  .landing-page .solutions-menu{position:static;width:100%;padding:12px 0 0;margin-top:6px;box-shadow:none;border:0;border-top:1px solid var(--line);border-radius:0;background:none}
  .landing-page .solutions-dropdown>summary{display:flex;justify-content:space-between}
}
@media(max-width:760px){
  .land .header nav .landing-mobile-start{display:flex;color:var(--green);border-top:1px solid var(--line);padding-top:16px;min-height:44px}
  .land .header nav{padding:16px 20px;border-radius:10px;background:var(--surface)}
  .land .header nav.is-open{gap:8px}
  .landing-page .hero-brand{font-size:64px}
  .landing-page .hero h1{font-size:clamp(30px,8.8vw,38px)}
  .landing-page .hero-description{font-size:15px;max-width:38ch}
  .landing-page .hero-actions{gap:8px 20px}
  .landing-page .hero .availability{font-size:12px;line-height:1.75;max-width:32ch}
  .landing-page .product-preview{padding-top:56px;padding-bottom:56px;gap:32px}
  .landing-page .product-preview h2{font-size:32px}
  .landing-page .video-art{min-height:300px;padding:20px}
  .landing-page .video-message{font-size:clamp(23px,6.8vw,28px);margin-top:26px;max-width:100%;margin-bottom:82px}
  .landing-page .video-subtitle{font-size:12px;left:20px;right:20px}
  .landing-page .audio-label{font-size:11px}
  .landing-page .language-strip p{max-width:none;letter-spacing:.06em;line-height:1.8}
  .landing-page .language-list{gap:12px 20px}
  .landing-page .landing-languages ul{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 18px;font-size:13px}
  .landing-page .landing-languages summary{font-size:14px;line-height:1.6}
  .landing-page .section-heading>p{margin-top:20px;max-width:40ch}
  .landing-page .section{padding-top:64px}
  .landing-page .benefits-copy{grid-template-columns:1fr;gap:0}
  .landing-page .benefit-item{margin:16px 0}
  .landing-page .use-grid article{padding:28px 0}
  .landing-page .use-grid h3{font-size:24px}
  .landing-page .solutions-next{display:flex;flex-direction:column;align-items:flex-start}
  .landing-page .pack-list{gap:12px 24px}
  .landing-page .pack-list article{padding:24px 0 16px}
  .landing-page .pack-list article:last-child{grid-column:auto}
  .landing-page .faq-list summary{font-size:15px}
  .landing-page .faq-list details p{margin-right:0}
  .landing-page .closing{padding:56px 24px}
  .landing-page .closing h2{font-size:30px}
  .landing-page .footer{gap:12px 20px}
}
@media(max-width:360px){.landing-page .landing-languages ul,.landing-page .pack-list{grid-template-columns:1fr}.landing-page .hero-brand{font-size:56px}}
@media(prefers-reduced-motion:reduce){.landing-page .hero-copy{animation:none}.landing-page *{transition:none}}
