.landing-page{background:var(--canvas);color:var(--foreground);min-height:100dvh;padding:0 40px;--control-height:40px}.landing-page a{color:inherit;text-decoration:none;transition:color .14s ease,border-color .14s ease}.landing-page a.primary{color:var(--on-primary)}.landing-page a:not(.button):hover{color:var(--foreground)}.landing-navigation{max-width:1320px;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:32px;min-height:96px;border-bottom:1px solid var(--border)}.landing-navigation .overtone-brand{font-size:20px}.landing-navigation nav,.landing-navigation-actions{display:flex;align-items:center;gap:32px;font-size:14px}.landing-navigation nav a,.landing-navigation-actions>a:not(.button){min-height:44px;display:inline-flex;align-items:center;color:var(--muted)}.landing-hero{max-width:1320px;margin:auto;text-align:center;padding:96px 0 64px}.landing-hero h1{font-size:clamp(36px,4.5vw,64px);line-height:1.08;letter-spacing:-.035em;font-weight:600;margin:0}.landing-hero>p{font-size:clamp(17px,1.7vw,22px);line-height:1.5;color:var(--muted);margin:26px 0 30px}.landing-primary{min-width:176px;min-height:44px}.landing-product-preview{margin:64px 0 0}.landing-product-preview img{display:block;width:100%;height:auto;border:1px solid var(--border-strong);border-radius:10px;box-sizing:border-box}.landing-product-preview figcaption{font-size:12px;line-height:1.5;color:var(--subtle);text-align:left;margin:12px 0 0}.landing-product{max-width:1320px;margin:auto;border-top:1px solid var(--border);padding:56px 0 96px;scroll-margin-top:32px}.landing-product>h2{font-size:clamp(28px,3vw,40px);font-weight:600;line-height:1.2;letter-spacing:-.025em;text-align:center;margin:0 0 64px}.landing-features{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:56px}.landing-features article>svg{color:var(--muted)}.landing-features h3{font-size:20px;line-height:1.3;font-weight:500;letter-spacing:-.02em;margin:22px 0 14px;max-width:24ch}.landing-features p{font-size:15px;line-height:1.7;color:var(--muted);margin:0;max-width:38ch}.landing-close{max-width:1320px;margin:auto;border-top:1px solid var(--border);padding:80px 0;display:flex;align-items:center;justify-content:space-between;gap:48px}.landing-close h2{font-size:clamp(30px,3vw,44px);line-height:1.15;letter-spacing:-.025em;font-weight:600;margin:0 0 20px}.landing-close p{font-size:16px;line-height:1.6;color:var(--muted);margin:0}.landing-close-actions{display:grid;gap:16px;justify-items:start}.landing-doc-link{display:inline-flex;align-items:center;gap:8px;font-size:13px;color:var(--muted);min-height:44px}.landing-doc-link svg{transition:transform .14s ease}.landing-doc-link:hover svg{transform:translate(2px,-2px)}.landing-footer{max-width:1320px;margin:auto;border-top:1px solid var(--border);display:flex;align-items:center;gap:28px;padding:32px 0;color:var(--muted);font-size:13px}.landing-footer>.overtone-brand{margin-right:auto;font-size:17px}.landing-footer a{display:inline-flex;align-items:center;min-height:44px}@media(min-width:781px)and (max-width:1100px){.landing-navigation{min-height:72px}.landing-hero{padding:56px 0 40px}.landing-hero h1{font-size:clamp(44px,5.3vw,58px)}.landing-hero>p{font-size:20px;line-height:1.35;margin:24px 0}.landing-product-preview{margin-top:40px}.landing-product{padding-top:36px}}@media(max-width:780px){.landing-page{padding-inline:24px}.landing-navigation{min-height:80px;gap:16px;flex-wrap:wrap;padding:12px 0}.landing-navigation nav{order:3;flex-basis:100%;justify-content:center;gap:28px;border-top:1px solid var(--border)}.landing-navigation-actions{gap:16px}.landing-navigation-actions>.button{display:none}.landing-hero{padding:64px 0 40px}.landing-hero h1 br{display:none}.landing-product-preview{margin-top:44px}.landing-product-preview img{border-radius:6px}.landing-product{padding:40px 0 56px}.landing-product>h2{margin-bottom:40px;text-align:left}.landing-features{grid-template-columns:1fr;gap:36px}.landing-features h3{margin-top:14px;max-width:none}.landing-features p{max-width:none}.landing-close{display:block;padding:48px 0}.landing-close-actions{margin-top:28px}.landing-footer{flex-wrap:wrap;gap:12px 24px;padding:24px 0}.landing-footer>.overtone-brand{flex-basis:100%}}@media(prefers-reduced-motion:reduce){.landing-page a,.landing-doc-link svg{transition:none}.landing-doc-link:hover svg{transform:none}}
