:root{--bg:#080a0f;--panel:#141b28;--text:#f6f7fb;--muted:#a9b1c3;--line:rgba(255,255,255,.10);--purple:#8b5cf6;--blue:#22a7f0;--cyan:#22d3ee;--pink:#ec4899;--green:#27c35a;--red:#ef3038;--gold:#d6a900;--shadow:0 24px 70px rgba(0,0,0,.35)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:radial-gradient(circle at 20% 0%,rgba(139,92,246,.12),transparent 28rem),radial-gradient(circle at 100% 15%,rgba(34,167,240,.10),transparent 25rem),var(--bg);color:var(--text);line-height:1.55}a{color:inherit;text-decoration:none}.container{width:min(1160px,calc(100% - 36px));margin:0 auto}.site-header{position:sticky;top:0;z-index:50;background:rgba(8,10,15,.82);backdrop-filter:blur(16px);border-bottom:1px solid var(--line)}.nav{min-height:68px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{font-weight:900;letter-spacing:.02em;font-size:1.28rem}.brand span{color:var(--purple)}.nav-links{display:flex;gap:20px;color:var(--muted);font-size:.95rem}.nav-links a:hover{color:#fff}.hero{padding:82px 0 44px;text-align:center}.eyebrow{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border:1px solid var(--line);border-radius:999px;color:var(--muted);background:rgba(255,255,255,.03);font-size:.9rem}h1{font-size:clamp(2.5rem,7vw,5.7rem);line-height:.94;margin:24px 0 18px;letter-spacing:-.055em}.hero p{margin:0 auto;max-width:720px;color:var(--muted);font-size:clamp(1.05rem,2.1vw,1.35rem)}.choice-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;padding:24px 0 88px}.choice-card{min-height:440px;border:1px solid var(--line);border-radius:28px;overflow:hidden;position:relative;display:flex;align-items:flex-end;box-shadow:var(--shadow);isolation:isolate;transition:.25s ease;background:var(--panel)}.choice-card:hover{transform:translateY(-6px);border-color:rgba(255,255,255,.24)}.choice-card::before{content:"";position:absolute;inset:0;z-index:-2}.choice-card.music::before{background:radial-gradient(circle at 60% 35%,rgba(236,72,153,.48),transparent 13rem),radial-gradient(circle at 30% 40%,rgba(139,92,246,.72),transparent 18rem),linear-gradient(135deg,#090914,#17102f 55%,#090914)}.choice-card.print::before{background:radial-gradient(circle at 72% 26%,rgba(34,211,238,.35),transparent 15rem),linear-gradient(145deg,#0d1920,#112f39 55%,#081012)}.choice-art{position:absolute;inset:0;overflow:hidden;z-index:-1;opacity:.95}.equalizer{position:absolute;inset:auto 7% 14% 7%;height:53%;display:flex;align-items:flex-end;gap:2.2%}.equalizer i{width:6%;border-radius:999px 999px 10px 10px;background:linear-gradient(#f472b6,#8b5cf6);box-shadow:0 0 34px rgba(139,92,246,.38)}.equalizer i:nth-child(1){height:26%}.equalizer i:nth-child(2){height:58%}.equalizer i:nth-child(3){height:35%}.equalizer i:nth-child(4){height:82%}.equalizer i:nth-child(5){height:47%}.equalizer i:nth-child(6){height:94%}.equalizer i:nth-child(7){height:62%}.equalizer i:nth-child(8){height:40%}.equalizer i:nth-child(9){height:73%}.equalizer i:nth-child(10){height:32%}.equalizer i:nth-child(11){height:54%}.print-shape{position:absolute;right:7%;top:12%;width:58%;aspect-ratio:1;transform:rotate(-8deg);border-radius:28px;background:linear-gradient(145deg,#2a3946,#0d1319);box-shadow:inset 0 0 0 2px rgba(255,255,255,.05),0 30px 70px rgba(0,0,0,.35)}.print-shape:before,.print-shape:after{content:"";position:absolute;border-radius:22px}.print-shape:before{inset:12% 16% 42% 16%;background:linear-gradient(135deg,#ef3038 0 36%,#27c35a 36% 65%,#22a7f0 65%)}.print-shape:after{left:18%;right:18%;bottom:13%;height:22%;background:linear-gradient(90deg,#22d3ee 0 34%,#7c8490 34% 70%,#d6a900 70%)}.card-content{padding:32px;max-width:84%;position:relative}.card-kicker{font-size:.83rem;letter-spacing:.14em;text-transform:uppercase;color:#d9def0}.card-content h2{font-size:clamp(2.2rem,5vw,4rem);line-height:1;margin:.45rem 0 .7rem;letter-spacing:-.04em}.card-content p{color:#d0d6e2;margin:0 0 22px}.button{display:inline-flex;align-items:center;justify-content:center;gap:9px;padding:12px 17px;border-radius:14px;background:#fff;color:#080a0f;font-weight:800}.section{padding:78px 0}.section.alt{background:rgba(255,255,255,.025);border-block:1px solid var(--line)}.section-head{max-width:780px;margin-bottom:30px}.section-head h2{font-size:clamp(2rem,4vw,3.5rem);line-height:1.05;margin:0 0 12px;letter-spacing:-.04em}.section-head p{color:var(--muted);font-size:1.08rem;margin:0}.grid-3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.card{border:1px solid var(--line);background:linear-gradient(180deg,rgba(255,255,255,.05),rgba(255,255,255,.025));border-radius:22px;padding:22px}.card h3{margin:12px 0 7px;font-size:1.25rem}.card p{margin:0;color:var(--muted)}.icon{font-size:2rem}.showcase{display:grid;grid-template-columns:1.2fr .8fr;gap:20px;align-items:stretch}.demo-sign{min-height:420px;border-radius:26px;border:1px solid var(--line);overflow:hidden;background:#e9edf3;padding:22px;display:flex;align-items:center;justify-content:center}.sign-board{width:94%;max-width:680px;transform:rotate(-1deg)}.sign-line{display:flex;align-items:center;gap:10px;flex-wrap:wrap;line-height:.92;margin:8px 0}.word{font-weight:950;letter-spacing:-.05em;padding:4px 8px 7px;border-radius:12px;text-shadow:-4px -4px 0 #111,4px -4px 0 #111,-4px 4px 0 #111,4px 4px 0 #111,0 7px 0 #111}.red{color:var(--red)}.green{color:var(--green)}.blue{color:var(--blue)}.cyan{color:#25c5d9}.grey{color:#747b84}.s1{font-size:clamp(2rem,6vw,4.6rem)}.s3{font-size:clamp(1.4rem,4vw,3.1rem)}.qr{width:130px;height:130px;background:repeating-linear-gradient(45deg,#111 0 9px,#fff 9px 18px);border:12px solid #fff;box-shadow:0 0 0 8px #111;margin-top:20px}.price-note{display:grid;gap:18px}.notice{padding:20px;border-radius:20px;border:1px solid var(--line);background:rgba(255,255,255,.035)}.notice strong{display:block;margin-bottom:5px}.cta{padding:78px 0;text-align:center}.cta-box{border:1px solid var(--line);border-radius:28px;padding:48px 24px;background:linear-gradient(135deg,rgba(139,92,246,.15),rgba(34,167,240,.08))}.cta h2{font-size:clamp(2rem,4vw,3.6rem);margin:0 0 12px;letter-spacing:-.04em}.cta p{color:var(--muted);max-width:680px;margin:0 auto 24px}.footer{padding:30px 0 46px;border-top:1px solid var(--line);color:var(--muted);font-size:.93rem}.footer-row{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}.music-cover{min-height:430px;border-radius:28px;border:1px solid var(--line);display:grid;place-items:center;overflow:hidden;background:radial-gradient(circle at 50% 40%,rgba(236,72,153,.42),transparent 13rem),linear-gradient(140deg,#100b19,#21103f 55%,#07080e)}.vinyl{width:min(310px,65vw);aspect-ratio:1;border-radius:50%;background:repeating-radial-gradient(circle,#0a0a0a 0 8px,#171717 9px 10px);display:grid;place-items:center;box-shadow:0 30px 80px rgba(0,0,0,.45)}.vinyl:after{content:"SVEND\A ECHO";white-space:pre;text-align:center;display:grid;place-items:center;width:37%;aspect-ratio:1;border-radius:50%;background:linear-gradient(135deg,#8b5cf6,#ec4899);font-weight:950;letter-spacing:.08em}
@media(max-width:800px){.nav-links{display:none}.hero{padding-top:58px}.choice-grid,.grid-3,.showcase{grid-template-columns:1fr}.choice-card{min-height:390px}.card-content{max-width:100%}.section{padding:58px 0}}

.product-feature{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(300px,.75fr);gap:28px;align-items:center;border:1px solid var(--line);border-radius:28px;padding:20px;background:linear-gradient(180deg,rgba(255,255,255,.05),rgba(255,255,255,.025))}
.product-gallery{display:grid;gap:12px}
.product-main{width:100%;aspect-ratio:16/10;object-fit:cover;border-radius:20px;border:1px solid var(--line)}
.product-thumbs{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}
.product-thumbs img{width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:16px;border:1px solid var(--line)}
.product-copy{padding:16px 16px 16px 4px}
.product-tag{display:inline-flex;padding:7px 10px;border-radius:999px;border:1px solid var(--line);color:var(--muted);font-size:.82rem;text-transform:uppercase;letter-spacing:.08em}
.product-copy h2{font-size:clamp(2rem,4vw,3.2rem);line-height:1;margin:16px 0 8px;letter-spacing:-.04em}
.product-price{font-size:1.7rem;font-weight:900;margin-bottom:20px}
.product-copy p{color:#d9deea}
@media(max-width:800px){.product-feature{grid-template-columns:1fr}.product-copy{padding:8px 4px 10px}}