@font-face{font-family:Inter;src:url('/fonts/inter-tight-normal-latin.woff2') format('woff2');font-weight:100 900;font-display:swap}
@font-face{font-family:EB;src:url('/fonts/eb-garamond-italic-latin.woff2') format('woff2');font-style:italic;font-weight:400 800;font-display:swap}
:root{--paper:#0b0d12;--ink:#f1f2f6;--muted:#969ba9;--accent:#94a4ff;--rule:#262a35;color-scheme:dark;background:var(--paper);color:var(--ink);font-family:Inter,Arial,sans-serif;font-synthesis:none}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:28px}
body{margin:0;min-height:100svh;display:flex;flex-direction:column;background:radial-gradient(ellipse 50% 32% at 50% 32%,#1c244526,transparent)}
img{display:block;max-width:100%;height:auto}
a{color:inherit;text-decoration:none;-webkit-tap-highlight-color:transparent}
a:focus-visible{outline:2px solid var(--accent);outline-offset:7px}
a:hover{color:var(--accent)}
p,h1,h2{margin:0}
.wrap{width:min(100% - 112px,1000px);margin-inline:auto}
.skip{position:absolute;top:12px;left:20px;transform:translateY(-180%);z-index:5;padding:12px 20px;background:var(--accent);color:var(--paper)}
.skip:focus{transform:none}
.site-header{display:flex;align-items:center;justify-content:space-between;gap:24px;padding-block:33px}
.brand{width:114px}
.brand img{filter:brightness(0) invert(.96)}
.contact-link{font-size:13px;display:flex;gap:22px;align-items:center;padding-block:10px}
.contact-link span,.product-link span{color:var(--accent);font-size:17px}
main{flex:1}
.hero{text-align:center;padding-block:101px 71px}
.eyebrow{display:flex;align-items:center;justify-content:center;gap:10px;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}
.eyebrow>span{width:5px;height:5px;background:var(--accent);box-shadow:0 0 12px #94a4ff66}
.hero h1{font-size:clamp(66px,7.7vw,105px);font-weight:430;line-height:1.08;letter-spacing:-.055em;margin-top:28px}
.hero h1>span{color:var(--accent)}
.hero-description{font-size:27px;line-height:1.45;font-weight:400;letter-spacing:-.02em;color:var(--muted);margin-top:16px}
.explore{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border:1px solid var(--rule);border-radius:50%;margin:36px auto 0;color:var(--muted);font-size:18px;transition:border-color .2s,color .2s}
.explore:hover{border-color:var(--accent)}
.products{position:relative}
.products::before{content:'';position:absolute;top:0;left:calc(50% - 36px);width:72px;height:1px;background:var(--accent);box-shadow:0 0 16px #94a4ff55}
.product{display:grid;grid-template-columns:1fr 1.35fr auto;align-items:center;gap:32px;border-top:1px solid var(--rule);padding-block:29px}
.product h2{display:flex;align-items:center;gap:10px;font-size:21px;letter-spacing:-.025em;font-weight:450}
.ai-product h2 img{width:24px;filter:brightness(0) saturate(100%) invert(69%) sepia(42%) saturate(1116%) hue-rotate(193deg) brightness(106%)}
.product p{font-size:14px;line-height:1.6;color:var(--muted)}
.product-link{display:inline-flex;align-items:center;justify-content:space-between;gap:24px;font-size:13px;padding-block:12px;white-space:nowrap;min-width:139px}
.product-link:hover{text-decoration:underline;text-underline-offset:5px}
.music h2{gap:8px}
.music h2 img{width:77px;filter:brightness(0) invert(.82)}
.music h2>span{font-family:EB,Georgia,serif;font-size:24px;font-style:italic;font-weight:400;color:#d1cbc5}
.availability{font-size:11px;line-height:1.6;color:var(--muted);border-top:1px solid var(--rule);padding-top:19px}
.site-footer{display:flex;align-items:center;justify-content:space-between;gap:24px;padding-block:58px 26px;color:var(--muted);font-size:11px}
.footer-links{display:flex;gap:25px}
.footer-links a{padding-block:9px}
.not-found{text-align:center;padding-block:130px 100px}
.not-found h1{margin-top:25px;font-size:clamp(44px,6vw,78px);font-weight:430;letter-spacing:-.05em;line-height:1.07}
.not-found>p:not(.eyebrow){font-size:17px;line-height:1.6;margin-top:22px;color:var(--muted)}
.not-found .product-link{color:var(--accent);margin-top:28px}
@media(max-width:800px){
 .wrap{width:calc(100% - 64px)}
 .hero{padding-block:91px 65px}
 .hero h1{font-size:clamp(58px,9.2vw,76px)}
 .hero-description{font-size:24px}
 .product{grid-template-columns:1fr 1.2fr auto;gap:23px}
 .product p{font-size:13px}
 .product-link{min-width:123px;gap:13px;font-size:12px}
}
@media(max-width:580px){
 .wrap{width:calc(100% - 48px)}
 .site-header{padding-block:25px}
 .brand{width:105px}
 .contact-link{font-size:12px;gap:14px}
 .hero{padding-block:76px 58px}
 .eyebrow{font-size:9px;letter-spacing:.11em}
 .hero h1{font-size:clamp(54px,12.5vw,70px);line-height:1.04;max-width:330px;margin:27px auto 0;text-wrap:balance}
 .hero-description{font-size:21px;margin-top:19px}
 .explore{margin-top:29px}
 .product{grid-template-columns:1fr auto;gap:14px 18px;padding-block:24px}
 .product h2{font-size:20px}
 .product p{grid-column:1;grid-row:2;font-size:13px}
 .product-link{grid-column:2;grid-row:1 / span 2;min-width:0;gap:12px;font-size:12px}
 .music h2 img{width:70px}
 .music h2>span{font-size:22px}
 .availability{font-size:10px;padding-top:17px;max-width:none}
 .site-footer{padding-block:43px 22px}
 .not-found{padding-block:100px 80px}
}
@media(max-width:370px){
 .wrap{width:calc(100% - 36px)}
 .hero h1{font-size:53px;max-width:270px}
 .hero-description{font-size:20px}
 .product{column-gap:12px}
 .product p{font-size:12px}
 .product-link{font-size:11px;gap:8px}
 .product h2{font-size:19px}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}