.landing{--landing-section-space:96px;--landing-grid-gap:20px;--landing-heading-size:40px;--landing-hero-size:56px}.landing-container{inline-size:min(var(--page-wide), calc(100% - 80px));margin-inline:auto}.landing a{text-decoration:none}.landing a:not(.button):hover{text-decoration:underline}.landing-skip{z-index:2;padding:var(--space-4);color:var(--color-on-primary);background:var(--color-primary);border-radius:var(--radius-sm);position:absolute;inset-block-start:-100px;inset-inline-start:var(--space-5)}.landing-skip:focus{inset-block-start:var(--space-4)}.landing-header{border-block-end:1px solid var(--color-border)}.landing-header-inner{justify-content:space-between;align-items:center;gap:var(--space-6);min-block-size:88px;display:flex}.landing-brand{align-items:center;gap:var(--space-3);min-block-size:var(--touch-target);color:var(--color-text);font-size:var(--text-title);font-weight:700;display:inline-flex}.landing-brand>span{background:var(--color-primary);border-radius:var(--radius-sm);place-items:center;block-size:32px;inline-size:32px;display:grid}.landing-navigation,.landing-header-actions{align-items:center;gap:var(--space-6);display:flex}.landing-navigation a{min-block-size:var(--touch-target);color:var(--color-muted);font-size:var(--text-body);align-items:center;display:flex}.landing-header-actions{gap:var(--space-3)}.landing-language{min-inline-size:var(--touch-target);min-block-size:var(--touch-target);color:var(--color-muted);border:1px solid var(--color-border);border-radius:var(--radius-pill);font-size:var(--text-sm);place-items:center;display:grid}.landing-header-cta{min-inline-size:170px}.landing-hero{border-block-end:1px solid var(--color-border);padding-block:90px 180px}.landing-hero-grid{grid-template-columns:1.2fr 1fr;align-items:center;gap:80px;display:grid}.landing-hero-copy{min-inline-size:0}.landing-pilot-badge{align-items:center;gap:var(--space-2);border-radius:var(--radius-pill);background:var(--color-success-surface);color:var(--color-primary);font-size:var(--text-sm);margin-block-end:var(--space-6);padding:6px 12px;font-weight:700;display:inline-flex}.landing-pilot-badge:before{content:"";border-radius:var(--radius-pill);background:currentColor;block-size:6px;inline-size:6px}.landing h1{max-inline-size:650px;font-size:var(--landing-hero-size);letter-spacing:-.035em;text-wrap:balance;line-height:1.08}.landing-lead{color:var(--color-muted);font-size:var(--text-title);margin-block-start:var(--space-6);line-height:1.65}.landing-actions{gap:var(--space-3);margin-block:var(--space-6);flex-wrap:wrap;display:flex}.landing-actions .button{padding-inline:var(--space-8)}.landing-checklist{gap:var(--space-3);margin:var(--space-4) 0;color:var(--color-muted);font-size:var(--text-body);padding:0;list-style:none;display:grid}.landing-checklist li{align-items:flex-start;gap:var(--space-2);display:flex}.landing-checklist img{flex:0 0 20px}.landing-trust{gap:var(--space-3) var(--space-5);flex-wrap:wrap;display:flex}.landing-preview{inline-size:480px;max-inline-size:100%;justify-self:end;margin:0;padding-block-end:var(--space-6);position:relative}.landing-phone{inline-size:340px;max-inline-size:85%;padding:var(--space-6) var(--space-5);border:6px solid var(--color-border);background:var(--color-background);border-radius:44px;margin-inline-start:auto}.landing-phone-header{justify-content:space-between;align-items:center;gap:var(--space-2);font-size:var(--text-sm);display:flex}.landing-phone-header>span{border-radius:var(--radius-pill);background:var(--color-success-surface);color:var(--color-primary);font-size:var(--text-xs);white-space:nowrap;padding:6px 10px}.landing-playing{padding:var(--space-4);border-radius:var(--radius-playing);background:var(--gradient-playing);margin-block-start:var(--space-4)}.landing-playing>span,.landing-queue-label{font-size:var(--text-xs);letter-spacing:.12em}.landing-playing>span{color:var(--color-purple-text)}.landing-playing>strong{font-size:var(--text-title);margin-block-start:var(--space-1);display:block}.landing-playing>p{color:var(--color-muted);font-size:var(--text-sm)}.landing-progress{block-size:4px;border-radius:var(--radius-pill);background:var(--color-progress-track);margin-block-start:var(--space-3);overflow:hidden}.landing-progress>span{background:var(--color-purple-text);block-size:100%;inline-size:62%;display:block}.landing-queue-label{margin-block:var(--space-4) var(--space-2);color:var(--color-muted)}.landing-tracks{gap:var(--space-3);margin:0;padding:0;list-style:none;display:grid}.landing-tracks li{align-items:center;gap:var(--space-3);padding:var(--space-3);border-radius:var(--radius-card);background:var(--color-raised);display:flex}.landing-track-art{border-radius:var(--radius-sm);background:var(--color-info-surface);flex-shrink:0;place-items:center;block-size:34px;inline-size:34px;display:grid}.landing-track-copy{gap:2px;min-inline-size:0;display:grid}.landing-track-copy strong{font-size:var(--text-sm)}.landing-track-copy span{color:var(--color-muted);font-size:var(--text-xs)}.landing-track-credit{gap:var(--space-1);text-align:end;font-size:var(--text-xs);flex-shrink:0;margin-inline-start:auto;display:grid}.landing-track-credit strong{color:var(--color-primary)}.landing-track-credit span{color:var(--color-purple-text)}.landing-preview-cta{padding:var(--space-3);border-radius:var(--radius-input);background:var(--color-primary);color:var(--color-on-primary);text-align:center;font-size:var(--text-body);margin-block-start:var(--space-4);font-weight:700;display:block}.landing-voucher{inline-size:236px;max-inline-size:70%;padding:var(--space-5);background:var(--color-raised);border:1px solid var(--color-border);border-radius:var(--radius-card);box-shadow:0 16px 40px var(--color-background);position:absolute;inset-block-end:var(--space-6);inset-inline-start:0}.landing-voucher>span{color:var(--color-muted);font-size:var(--text-xs);letter-spacing:.12em}.landing-voucher>strong{font-family:var(--font-mono);letter-spacing:.2em;font-size:26px;display:block}.landing-voucher>p{color:var(--color-primary);font-size:var(--text-xs);margin-block-start:var(--space-1)}.landing-section{padding-block:var(--landing-section-space);scroll-margin-block-start:var(--space-6)}.landing-section--surface,.landing-footer{background:var(--color-surface)}.landing-eyebrow{color:var(--color-primary);font-size:var(--text-sm);letter-spacing:.12em;text-transform:uppercase;margin-block-end:var(--space-4);font-weight:700}.landing h2{font-size:var(--landing-heading-size);letter-spacing:-.025em;text-wrap:balance;font-weight:700;line-height:1.2}.landing-section-intro{max-inline-size:760px;color:var(--color-muted);font-size:var(--text-title);margin-block-start:var(--space-4);line-height:1.6}.landing-steps,.landing-price-grid,.landing-two-column{gap:var(--landing-grid-gap);display:grid}.landing-steps{margin:var(--space-8) 0 0;grid-template-columns:repeat(4,minmax(0,1fr));padding:0;list-style:none}.landing-steps .card{block-size:100%;padding:var(--space-6)}.landing-step-number{block-size:36px;inline-size:36px;border-radius:var(--radius-pill);background:var(--color-success-surface);color:var(--color-primary);place-items:center;margin-block-end:var(--space-4);font-weight:700;display:grid}.landing h3{font-size:var(--text-base);font-weight:700}.landing .card>p,.landing-requirement p,.landing-faq p,.landing-privacy p{color:var(--color-muted);font-size:var(--text-body);margin-block-start:var(--space-3);line-height:1.6}.landing-price-grid{grid-template-columns:repeat(3,minmax(0,1fr));margin-block-start:48px}.landing-price{padding:var(--space-6)}.landing-price>strong{font-size:var(--landing-heading-size);margin-block-end:var(--space-2);line-height:1.1;display:block}.landing-price--featured{background:var(--color-success-surface);border-color:var(--color-primary)}.landing-price--featured>strong{color:var(--color-primary)}.landing-two-column{grid-template-columns:repeat(2,minmax(0,1fr))}.landing-pricing-detail{margin-block-start:48px}.landing-inset{padding:var(--space-6);background:var(--color-background)}.landing-calculation{margin-block:var(--space-4) 0;font-size:var(--text-body)}.landing-calculation>div{justify-content:space-between;align-items:baseline;gap:var(--space-4);padding-block:var(--space-2);display:flex}.landing-calculation dt{color:var(--color-muted)}.landing-calculation dd{font-variant-numeric:tabular-nums;flex-shrink:0;margin:0}.landing-calculation .landing-margin{border-block-start:1px solid var(--color-border);margin-block-start:var(--space-3);padding-block-start:var(--space-4);font-weight:700}.landing-margin dt{color:var(--color-text)}.landing-margin dd{color:var(--color-primary)}.landing .card>.landing-fine-print{font-size:var(--text-sm)}.landing-requirements{margin-block:48px 0;padding:0;list-style:none}.landing-requirement{align-items:flex-start;gap:var(--space-4);block-size:100%;padding:var(--space-5);display:flex}.landing-icon{border-radius:var(--radius-input);background:var(--color-success-surface);flex-shrink:0;place-items:center;block-size:44px;inline-size:44px;display:grid}.landing-requirement p{margin-block-start:var(--space-2)}.landing-faq{align-items:start;margin-block-start:48px}.landing-faq details{padding:var(--space-5);border:1px solid var(--color-border);border-radius:var(--radius-card)}.landing summary{min-block-size:var(--touch-target);cursor:pointer;font-size:var(--text-body);align-content:center;font-weight:700}.landing-faq p{margin-block-start:var(--space-2)}.landing-signup{padding-block:var(--landing-section-space)}.landing-signup>.landing-two-column{align-items:start;gap:80px}.landing-benefits{gap:var(--space-5);margin-block-start:var(--space-6)}.landing-form-card{padding:var(--space-8);border-radius:var(--radius-dialog)}.landing-form-card>h3{font-size:var(--text-title);margin-block-end:var(--space-5)}.landing-form-card form{margin-block-start:var(--space-5)}.landing-form-card fieldset{border:0;padding:0;display:grid}.landing-form-card label{color:var(--color-muted);font-size:var(--text-sm);margin-block-end:var(--space-2)}.landing-form-card input:not([type=checkbox]){inline-size:100%;min-block-size:var(--control-height);padding:var(--space-3) var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-input);background:var(--color-raised);color:var(--color-text);font-size:var(--text-base);margin-block-end:var(--space-4)}.landing-form-card input::placeholder{color:var(--color-muted);opacity:1}.landing-consent{align-items:flex-start;gap:var(--space-3);padding-block:var(--space-2);line-height:1.6;display:flex}.landing-consent input{block-size:20px;inline-size:20px;accent-color:var(--color-primary);flex-shrink:0;margin:0}.landing-form-card .button,.landing-privacy{margin-block-start:var(--space-4)}.landing-privacy summary{color:var(--color-primary)}.landing-footer{padding-block:var(--space-8);border-block-start:1px solid var(--color-border)}.landing-footer-inner,.landing-footer-links{justify-content:space-between;align-items:center;gap:var(--space-6);display:flex}.landing-footer p,.landing-footer-links{color:var(--color-muted);font-size:var(--text-sm)}.landing-footer-links a{min-block-size:var(--touch-target);color:var(--color-muted);align-items:center;display:inline-flex}@media (width<=1100px){.landing{--landing-hero-size:46px;--landing-heading-size:34px}.landing-hero-grid{gap:var(--space-8)}.landing-navigation{gap:var(--space-4)}.landing-header-cta{min-inline-size:auto}.landing-signup>.landing-two-column{gap:var(--space-8)}}@media (width<=900px){.landing-navigation{display:none}.landing-hero{padding-block:64px 80px}.landing-hero-grid{grid-template-columns:minmax(0,1fr);gap:64px}.landing-preview{justify-self:center}.landing-steps{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=600px){.landing{--landing-section-space:64px;--landing-grid-gap:16px;--landing-heading-size:32px;--landing-hero-size:40px}.landing-container{inline-size:calc(100% - 40px)}.landing-header-inner{gap:var(--space-3);min-block-size:80px;padding-block:var(--space-3);flex-wrap:wrap}.landing-brand{gap:var(--space-2);font-size:var(--text-base)}.landing-header-actions{gap:var(--space-2)}.landing-header-cta{padding-inline:var(--space-3);font-size:var(--text-body)}.landing-hero{padding-block:48px 64px}.landing-lead,.landing-section-intro{font-size:var(--text-base)}.landing-actions,.landing-trust{display:grid}.landing-phone{max-inline-size:90%;padding:var(--space-5) var(--space-3)}.landing-phone-header{flex-wrap:wrap}.landing-tracks li{gap:var(--space-2);padding:var(--space-2)}.landing-voucher{padding:var(--space-4);inset-block-end:0}.landing-steps,.landing-price-grid,.landing-two-column{grid-template-columns:minmax(0,1fr)}.landing-price-grid,.landing-pricing-detail,.landing-requirements,.landing-faq{margin-block-start:var(--space-8)}.landing-form-card{padding:var(--space-6)}.landing-footer-inner,.landing-footer-links{flex-wrap:wrap;justify-content:flex-start}}
