/* Landing-only components — same system as myxotone.css */
.lp-hero h1{margin-top:0;font-size:clamp(2.3rem,5.2vw,4.4rem);font-weight:800;line-height:1.05;letter-spacing:var(--ls-tight);text-transform:uppercase;white-space:normal}
.lp-hero h1 .it{font-family:var(--font-expressive);font-style:italic;font-weight:300;text-transform:none;color:var(--warm-white-dim)}
.lp-hero .hero-sub{max-width:480px}
.lp-hero-side{position:relative;display:flex;align-items:center;justify-content:flex-end}
.lp-hero-vinyl{width:min(32vw,430px);aspect-ratio:1}
@media(max-width:880px){.lp-hero .hero-grid{grid-template-columns:1fr}.lp-hero-side{display:none}}
.lp-lead{margin:0 auto;max-width:560px;color:var(--gray-1);font-size:var(--text-body-l);line-height:var(--lh-body)}
.lp-rels{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(16px,2.4vw,28px);margin-top:56px}
@media(max-width:820px){.lp-rels{grid-template-columns:1fr}}
.lp-rel{background:var(--carbon-1);border:1px solid var(--line-1);border-radius:12px;overflow:hidden;box-shadow:var(--shadow-card);transition:transform var(--dur-med) var(--ease-standard),border-color var(--dur-med) var(--ease-standard)}
.lp-rel:hover{border-color:var(--line-2);transform:translateY(-4px)}
.lp-rel .cover{position:relative;aspect-ratio:1;background:var(--carbon-2)}
.lp-play{position:absolute;right:14px;bottom:14px;width:46px;height:46px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:var(--glass-fill);border:1px solid var(--glass-border);backdrop-filter:blur(var(--blur-glass));-webkit-backdrop-filter:blur(var(--blur-glass));color:var(--warm-white);cursor:pointer;transition:background var(--dur-fast) var(--ease-standard),border-color var(--dur-fast) var(--ease-standard)}
.lp-play:hover{background:var(--accent);border-color:var(--accent)}
.lp-play:active{transform:scale(.98)}
.lp-rel .meta{padding:20px 22px 24px}
.lp-rel .tk{font-weight:800;font-size:1.1rem;letter-spacing:var(--ls-tight)}
.lp-rel .ar{margin-top:3px;font-size:var(--text-caption);color:var(--gray-2);letter-spacing:.08em;text-transform:uppercase}
.lp-rel .res{margin-top:14px;color:var(--gray-1);font-size:var(--text-body-s);line-height:1.55;border-top:1px solid var(--line-1);padding-top:14px}
.lp-morelink{display:inline-block;margin-top:44px;font-size:var(--text-caption);font-weight:600;color:var(--gray-1);letter-spacing:.04em;border-bottom:1px solid var(--line-2);padding-bottom:3px}
.lp-morelink:hover{color:var(--warm-white);border-color:var(--warm-white)}
.lp-no{margin-top:64px;border:1px solid var(--line-1);border-radius:var(--radius-xl);background:var(--carbon-1);padding:clamp(28px,4vw,48px)}
.lp-no h3{font-weight:800;font-size:var(--text-h3);letter-spacing:var(--ls-tight)}
.lp-no h3 .it{font-family:var(--font-expressive);font-style:italic;font-weight:300;color:var(--gray-1)}
.lp-no ul{margin-top:14px}
.lp-no li{list-style:none;display:flex;gap:14px;align-items:baseline;padding:15px 0;border-top:1px solid var(--line-1);color:var(--gray-1);font-size:var(--text-body-s);line-height:1.5}
.lp-no li:first-child{border-top:none}
.lp-no li svg{flex:none;color:var(--gray-3);transform:translateY(2px)}
.lp-no .note{margin-top:20px;color:var(--gray-3);font-size:var(--text-caption);font-family:var(--font-expressive);font-style:italic}
.lp-svcs{margin-top:24px}
.lp-svc{border-top:1px solid var(--line-1);padding:clamp(26px,3.6vw,40px) 0;display:grid;grid-template-columns:1.2fr 1fr;gap:28px;align-items:baseline;transition:background var(--dur-med) var(--ease-standard)}
.lp-svc:last-of-type{border-bottom:1px solid var(--line-1)}
.lp-svc .need{font-weight:800;font-size:clamp(1.1rem,2vw,1.55rem);letter-spacing:var(--ls-tight);line-height:var(--lh-heading);transition:transform var(--dur-med) var(--ease-standard)}
.lp-svc:hover .need{transform:translateX(10px)}
.lp-svc .ans .svcname{font-size:var(--text-caption);letter-spacing:.14em;text-transform:uppercase;font-weight:600;color:var(--accent-hover)}
.lp-svc .ans p{margin-top:8px;color:var(--gray-1);font-size:var(--text-body-s);line-height:1.55}
@media(max-width:760px){.lp-svc{grid-template-columns:1fr;gap:12px}}
.lp-paths-label{margin-top:52px;text-align:center;color:var(--gray-2);font-size:var(--text-caption);letter-spacing:.06em;text-transform:uppercase}
.lp-paths{margin-top:16px;display:flex;flex-wrap:wrap;gap:10px;justify-content:center;position:relative;z-index:1}
.lp-paths a{font-size:var(--text-caption);font-weight:600;color:var(--gray-1);border:1px solid var(--line-1);border-radius:var(--radius-pill);padding:9px 16px;transition:all var(--dur-fast) var(--ease-standard)}
.lp-paths a:hover{color:var(--warm-white);border-color:var(--line-2);background:var(--glass-fill)}