@font-face{font-family:systemFallback;src:local("Segoe UI")}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:5rem}body{margin:0;background:#080c12;color:#edf4f5;font-family:systemFallback,system-ui,sans-serif;line-height:1.6}body:before{content:"";position:absolute;inset:0 0 auto;height:50rem;background:radial-gradient(ellipse at 80% 20%,#1a3047 0,transparent 55%);z-index:-1}a{color:inherit}button,input,select,textarea{font:inherit}button,a{touch-action:manipulation}button{cursor:pointer}header,footer{display:flex;align-items:center;justify-content:space-between;gap:1.5rem;padding:1.3rem clamp(1rem,5vw,6rem);border-bottom:1px solid #263644}header nav,footer nav{display:flex;align-items:center;gap:1.5rem}.brand{display:flex;align-items:center;gap:.8rem;font-weight:700;text-decoration:none}.brand img{border-radius:.8rem}nav a{text-decoration:none;font-size:.9rem}button{color:inherit;background:#182430;border:1px solid #526879;border-radius:.7rem;padding:.45rem .9rem}main{max-width:1320px;padding:0 clamp(1rem,5vw,4rem);margin:auto}.hero{padding:6rem 0 4.5rem}.eyebrow{font-size:.74rem;letter-spacing:.19em;color:#a5d9e0;font-weight:700}h1{font-size:clamp(3rem,7vw,6.8rem);line-height:1.03;letter-spacing:-.06em;font-weight:650;margin:1.2rem 0 1.5rem}h2{font-size:clamp(1.8rem,3vw,2.7rem);line-height:1.2;letter-spacing:-.03em;margin:.8rem 0}h3{font-size:1.3rem;line-height:1.35}p{color:#bac7cf}.lead{max-width:37rem;font-size:1.2rem}.button{display:inline-block;color:#0a161c;background:#b4f0e5;text-decoration:none;border:0;padding:.85rem 1.2rem;border-radius:.8rem;font-weight:700;margin-top:.6rem}.button:hover{background:#d0fff5}.section-head{display:flex;align-items:center;justify-content:space-between;gap:2rem}.section-head>p{max-width:20rem}.products{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;margin:1.8rem 0 4rem}.product{background:linear-gradient(145deg,#172431bb,#0d141eee);border:1px solid #334959;border-radius:1.4rem;padding:1.7rem;box-shadow:0 25px 60px #0003;transition:border-color .2s,transform .2s}.product:hover{border-color:#7cb5c0;transform:translateY(-3px)}.art{height:12rem;border-radius:1rem;display:flex;align-items:end;padding:1.5rem;overflow:hidden;background:linear-gradient(135deg,#594a2c,#1e2835 65%);font-size:2.2rem;font-weight:600;letter-spacing:-.06em}.violet .art{background:linear-gradient(135deg,#493d62,#182b39 75%)}.product h3{font-size:1.7rem;margin-bottom:.25rem}.artist{margin-top:0;color:#b0d2df}.product-actions{display:flex;flex-wrap:wrap;align-items:center;gap:1rem}.listen{padding:.7rem 0;text-underline-offset:.3rem}.product ul{padding-left:1.15rem;color:#bccad3}.request{border:1px solid #64978e;background:#111e27;border-radius:1.2rem;padding:2rem;margin:1.5rem 0 4rem}label{display:block;margin:.8rem 0}.fields{display:grid;grid-template-columns:2fr 1fr;gap:1.4rem}input,textarea,select{width:100%;background:#09111a;border:1px solid #61747e;border-radius:.6rem;color:#f2f7f8;padding:.75rem}.hint{max-width:52rem;font-size:.9rem}textarea{resize:vertical}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem;margin:2rem 0 5rem}.steps span{color:#89bcb8;font-family:monospace;font-size:1.4rem}.steps p{font-size:.95rem}footer{border-top:1px solid #263644;border-bottom:0;font-size:.85rem;flex-wrap:wrap}:focus-visible{outline:3px solid #f2d491;outline-offset:5px}.skip{position:absolute;top:-5rem;left:1rem;padding:.6rem;background:#fff;color:#000;z-index:10}.skip:focus{top:1rem}[hidden]{display:none!important}@media(max-width:680px){header nav{gap:.65rem}header nav a{font-size:.8rem}.brand{font-size:.85rem}.brand img{width:32px;height:32px}.hero{padding-top:3rem}.products,.fields,.steps{grid-template-columns:1fr}.section-head{align-items:start;gap:1rem;flex-wrap:wrap}.request{padding:1.2rem}footer nav{gap:1rem;flex-wrap:wrap}.product{padding:1.2rem}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}