@charset 'UTF-8';
:root{
  --ink:#f4f0e8;
  --muted:#b9b3a8;
  --dim:#7f7a72;
  --black:#07080b;
  --panel:#11141b;
  --panel-2:#171b24;
  --line:rgba(244,240,232,.14);
  --line-strong:rgba(244,240,232,.24);
  --silver:#cfd2d8;
  --silver-dark:#858b96;
  --amber:#d99a3a;
  --amber-2:#ffcf7a;
  --blue:#39a8ff;
  --blue-2:#72e0ff;
  --danger:#ff6b6b;
  --success:#7ce0a3;
  --radius:24px;
  --radius-sm:14px;
  --shadow:0 28px 90px rgba(0,0,0,.46);
  --shadow-soft:0 16px 44px rgba(0,0,0,.28);
  --container:min(1160px, calc(100vw - 40px));
  --font-display:'Space Grotesk',Inter,sans-serif;
  --font-body:Inter,Arial,sans-serif;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:radial-gradient(circle at 70% -10%,rgba(57,168,255,.18),transparent 34rem),radial-gradient(circle at 8% 12%,rgba(217,154,58,.13),transparent 28rem),linear-gradient(180deg,#07080b 0%,#0b0d12 42%,#08090c 100%);color:var(--ink);font-family:var(--font-body);font-size:16px;line-height:1.65;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}
a:hover{color:var(--amber-2)}
a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid rgba(114,224,255,.75);outline-offset:4px}
img,svg{max-width:100%;display:block}
button,input,textarea{font:inherit}
.container{width:var(--container);margin:0 auto}
.skip-link{position:absolute;left:16px;top:-60px;z-index:20;background:var(--blue);color:#041018;padding:10px 14px;border-radius:999px;font-weight:800}.skip-link:focus{top:16px}
.preview-banner{background:linear-gradient(90deg,rgba(217,154,58,.95),rgba(57,168,255,.88));color:#05070a;text-align:center;font-weight:900;letter-spacing:.04em;text-transform:uppercase;font-size:.78rem;padding:.55rem 1rem}
.site-header{position:sticky;top:0;z-index:10;background:rgba(7,8,11,.76);backdrop-filter:blur(18px);border-bottom:1px solid var(--line)}
.nav-shell{width:var(--container);margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:18px;min-height:78px}
.brand-mark{display:flex;align-items:center;gap:12px;font-family:var(--font-display);font-weight:800;letter-spacing:-.04em;font-size:1.08rem;min-width:max-content}.brand-mark img{width:42px;height:42px;object-fit:contain;border-radius:12px}.brand-emblem{width:42px;height:42px;border-radius:14px;background:linear-gradient(145deg,#f1f4f7,#777e8c 45%,#10131a 46%,#272d38);box-shadow:inset 0 1px 0 rgba(255,255,255,.35),0 12px 30px rgba(0,0,0,.38);position:relative}.brand-emblem:after{content:'';position:absolute;inset:12px;border-radius:50%;border:2px solid rgba(7,8,11,.62);box-shadow:0 0 0 4px rgba(217,154,58,.18)}
.main-nav{display:flex;align-items:center;gap:8px;flex-wrap:wrap;justify-content:flex-end}.main-nav a{color:var(--muted);font-weight:750;font-size:.88rem;padding:10px 12px;border-radius:999px;border:1px solid transparent}.main-nav a:hover{color:var(--ink);background:rgba(255,255,255,.06);border-color:var(--line)}.main-nav a[data-auth-nav]{color:var(--ink);background:linear-gradient(180deg,rgba(255,255,255,.08),rgba(255,255,255,.03));border-color:var(--line)}.cart-link{position:relative}.cart-badge{display:inline-grid;place-items:center;min-width:21px;height:21px;margin-left:6px;padding:0 6px;border-radius:999px;background:var(--amber);color:#08090c;font-size:.72rem;font-weight:900}
main{overflow:hidden}.section{padding:96px 0}.section-tight{padding:64px 0}.eyebrow{display:inline-flex;align-items:center;gap:10px;color:var(--amber-2);font-size:.78rem;text-transform:uppercase;letter-spacing:.18em;font-weight:900}.eyebrow:before{content:'';width:32px;height:1px;background:linear-gradient(90deg,var(--amber),transparent)}
h1,h2,h3{font-family:var(--font-display);line-height:.96;letter-spacing:-.06em;margin:0;color:var(--ink)}h1{font-size:clamp(3.25rem,8vw,7.6rem);max-width:980px}h2{font-size:clamp(2.35rem,5vw,5rem)}h3{font-size:clamp(1.35rem,2.2vw,2rem)}p{margin:0;color:var(--muted)}.lead{font-size:clamp(1.05rem,1.8vw,1.32rem);max-width:720px;color:#d7d1c6}.small{font-size:.9rem;color:var(--dim)}
.btn-row{display:flex;gap:14px;flex-wrap:wrap;align-items:center}.btn-primary,.btn-secondary,.filter-btn,.auth-submit,.auth-logout,.cart-submit{appearance:none;border:0;cursor:pointer;border-radius:999px;font-weight:900;letter-spacing:.01em;transition:transform .2s ease,box-shadow .2s ease,background .2s ease,border-color .2s ease,color .2s ease}.btn-primary{display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:0 22px;background:linear-gradient(135deg,var(--amber-2),var(--amber));color:#090909;box-shadow:0 16px 38px rgba(217,154,58,.25)}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 22px 52px rgba(217,154,58,.34);color:#090909}.btn-secondary{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 18px;background:rgba(255,255,255,.055);color:var(--ink);border:1px solid var(--line-strong);box-shadow:inset 0 1px 0 rgba(255,255,255,.08)}.btn-secondary:hover{transform:translateY(-2px);background:rgba(57,168,255,.13);border-color:rgba(114,224,255,.45);color:var(--ink)}
.hero{position:relative;padding:78px 0 108px}.hero-grid{width:var(--container);margin:0 auto;display:grid;grid-template-columns:1.05fr .95fr;gap:44px;align-items:center}.hero-copy{display:grid;gap:28px}.hero-title .blue{color:var(--blue-2);text-shadow:0 0 34px rgba(57,168,255,.32)}.hero-title .amber{color:var(--amber-2)}.hero-panel{position:relative;min-height:580px;border:1px solid var(--line);border-radius:36px;background:radial-gradient(circle at 52% 30%,rgba(57,168,255,.2),transparent 34%),linear-gradient(145deg,rgba(255,255,255,.1),rgba(255,255,255,.02) 38%,rgba(217,154,58,.06)),#0d1016;box-shadow:var(--shadow);overflow:hidden}.turntable-svg{position:absolute;inset:3% 2% auto 2%;width:96%;height:auto;filter:drop-shadow(0 34px 42px rgba(0,0,0,.45))}.wave-strip{position:absolute;left:28px;right:28px;bottom:28px;border:1px solid var(--line);border-radius:22px;background:rgba(4,6,10,.62);padding:18px;box-shadow:inset 0 1px 0 rgba(255,255,255,.08)}.wave-bars{height:86px;display:flex;align-items:center;gap:6px}.wave-bars i{display:block;flex:1;border-radius:999px;background:linear-gradient(180deg,var(--blue-2),var(--blue));box-shadow:0 0 18px rgba(57,168,255,.45)}.wave-bars i:nth-child(2n){background:linear-gradient(180deg,var(--amber-2),var(--amber));box-shadow:0 0 18px rgba(217,154,58,.35)}.wave-bars i:nth-child(1){height:24%}.wave-bars i:nth-child(2){height:58%}.wave-bars i:nth-child(3){height:38%}.wave-bars i:nth-child(4){height:76%}.wave-bars i:nth-child(5){height:44%}.wave-bars i:nth-child(6){height:92%}.wave-bars i:nth-child(7){height:48%}.wave-bars i:nth-child(8){height:68%}.wave-bars i:nth-child(9){height:32%}.wave-bars i:nth-child(10){height:82%}.wave-bars i:nth-child(11){height:42%}.wave-bars i:nth-child(12){height:60%}.spec-ribbon{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;border:1px solid var(--line);border-radius:22px;overflow:hidden;background:var(--line);box-shadow:var(--shadow-soft)}.spec-ribbon div{background:rgba(18,21,28,.78);padding:18px}.spec-ribbon strong{display:block;font-family:var(--font-display);font-size:1.35rem;color:var(--ink)}.spec-ribbon span{color:var(--dim);font-size:.82rem;text-transform:uppercase;letter-spacing:.1em;font-weight:800}
.split{display:grid;grid-template-columns:.8fr 1.2fr;gap:46px;align-items:start}.feature-stack{display:grid;gap:16px}.feature-block{border:1px solid var(--line);border-radius:var(--radius);padding:26px;background:linear-gradient(145deg,rgba(255,255,255,.075),rgba(255,255,255,.025));box-shadow:var(--shadow-soft);position:relative;overflow:hidden}.feature-block:after{content:'';position:absolute;inset:auto 24px 0 24px;height:1px;background:linear-gradient(90deg,transparent,var(--blue-2),transparent);opacity:.55}.feature-block h3{margin-bottom:10px}.feature-block p{max-width:62ch}.feature-meta{margin-top:16px;color:var(--amber-2);font-weight:900;font-size:.82rem;text-transform:uppercase;letter-spacing:.12em}
.catalog-head{display:flex;justify-content:space-between;gap:24px;align-items:end;margin-bottom:28px}.product-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.product-card{min-height:100%;display:flex;flex-direction:column;border:1px solid var(--line);border-radius:28px;background:linear-gradient(160deg,rgba(255,255,255,.08),rgba(255,255,255,.025) 42%,rgba(57,168,255,.045));box-shadow:var(--shadow-soft);overflow:hidden;transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease}.product-card:hover{transform:translateY(-6px);border-color:rgba(114,224,255,.42);box-shadow:0 32px 80px rgba(0,0,0,.45)}.product-link{display:flex;flex-direction:column;gap:0;flex:1}.product-swatch{height:235px;position:relative;background:radial-gradient(circle at 50% 45%,rgba(255,255,255,.18),transparent 31%),linear-gradient(135deg,#202631,#090b10);overflow:hidden}.product-swatch:before{content:'';position:absolute;inset:36px;border-radius:30px;background:linear-gradient(145deg,rgba(255,255,255,.18),rgba(255,255,255,.03));border:1px solid rgba(255,255,255,.12);box-shadow:inset 0 1px 0 rgba(255,255,255,.22),0 24px 50px rgba(0,0,0,.35)}.product-swatch:after{content:'';position:absolute;left:16%;right:16%;bottom:32px;height:3px;background:linear-gradient(90deg,transparent,var(--blue-2),var(--amber-2),transparent);box-shadow:0 0 24px rgba(57,168,255,.55)}.swatch-turntable:before{border-radius:50%;inset:34px 58px;background:radial-gradient(circle,#08090c 0 18%,#cdd1d8 19% 21%,#11151d 22% 58%,#343b47 59% 61%,#0b0d12 62%)}.swatch-turntable:after{left:auto;right:42px;top:42px;bottom:auto;width:82px;height:7px;transform:rotate(-34deg);border-radius:999px;background:linear-gradient(90deg,var(--silver),var(--amber))}.swatch-speaker:before{inset:30px 72px;border-radius:26px;background:radial-gradient(circle at 50% 34%,#0b0d12 0 18%,#69717f 19% 22%,#11151c 23% 34%,transparent 35%),radial-gradient(circle at 50% 70%,#0b0d12 0 28%,#8e96a4 29% 32%,#151a22 33% 48%,transparent 49%),linear-gradient(145deg,#262c36,#080a0e)}.swatch-headphone:before{inset:34px 46px;border-radius:70px 70px 30px 30px;background:radial-gradient(circle at 28% 66%,#12161f 0 18%,#9aa1ad 19% 22%,transparent 23%),radial-gradient(circle at 72% 66%,#12161f 0 18%,#9aa1ad 19% 22%,transparent 23%);border:10px solid rgba(207,210,216,.72);border-bottom-color:transparent}.swatch-dac:before{inset:62px 34px;border-radius:18px;background:linear-gradient(145deg,#cfd2d8,#666d79 42%,#171b24 43%);box-shadow:inset 0 1px 0 rgba(255,255,255,.44),0 26px 50px rgba(0,0,0,.4)}.swatch-dac:after{left:auto;right:54px;top:91px;width:44px;height:44px;border-radius:50%;background:radial-gradient(circle,#06080b 0 30%,#72e0ff 31% 34%,#161b24 35%);box-shadow:0 0 22px rgba(57,168,255,.5)}.swatch-care:before{inset:40px 52px;border-radius:24px;background:linear-gradient(90deg,rgba(217,154,58,.75),rgba(207,210,216,.9) 48%,rgba(57,168,255,.55));clip-path:polygon(18% 0,82% 0,100% 100%,0 100%)}.swatch-accessory:before{inset:70px 34px 52px 34px;border-radius:999px;background:repeating-linear-gradient(90deg,#d99a3a 0 12px,#2b303b 12px 20px,#72e0ff 20px 23px,#11151c 23px 34px)}.product-body{padding:22px;display:grid;gap:10px;flex:1}.product-kicker{color:var(--amber-2);text-transform:uppercase;letter-spacing:.13em;font-size:.76rem;font-weight:900}.product-body h3{font-size:1.35rem;line-height:1.05}.product-price{font-family:var(--font-display);color:var(--ink);font-size:1.1rem;font-weight:800}.product-actions{padding:0 22px 22px;display:flex;gap:10px;align-items:center;justify-content:space-between;flex-wrap:wrap}.add-to-cart{min-height:42px;font-size:.9rem}.filter-row{display:flex;flex-wrap:wrap;gap:10px;margin:0 0 26px}.filter-btn{padding:10px 15px;color:var(--muted);background:rgba(255,255,255,.045);border:1px solid var(--line)}.filter-btn:hover,.filter-btn:focus{color:var(--ink);border-color:rgba(114,224,255,.45);background:rgba(57,168,255,.12)}
.comparison{border:1px solid var(--line);border-radius:30px;overflow:hidden;background:rgba(255,255,255,.035);box-shadow:var(--shadow-soft)}.comparison table{width:100%;border-collapse:collapse}.comparison th,.comparison td{text-align:left;padding:20px;border-bottom:1px solid var(--line)}.comparison th{font-family:var(--font-display);font-size:1.1rem;color:var(--ink);background:rgba(255,255,255,.04)}.comparison td{color:var(--muted)}.comparison tr:last-child td{border-bottom:0}.blue-dot{display:inline-block;width:9px;height:9px;border-radius:50%;background:var(--blue-2);box-shadow:0 0 14px var(--blue);margin-right:9px}.amber-dot{display:inline-block;width:9px;height:9px;border-radius:50%;background:var(--amber-2);box-shadow:0 0 14px var(--amber);margin-right:9px}
.showroom-band{border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:linear-gradient(90deg,rgba(217,154,58,.08),rgba(57,168,255,.08)),repeating-linear-gradient(90deg,rgba(255,255,255,.035) 0 1px,transparent 1px 78px);padding:76px 0}.quote-panel{width:var(--container);margin:0 auto;display:grid;grid-template-columns:.9fr 1.1fr;gap:36px;align-items:center}.quote-mark{font-family:var(--font-display);font-size:10rem;line-height:.7;color:rgba(217,154,58,.55)}.quote-panel blockquote{margin:0;font-family:var(--font-display);font-size:clamp(1.7rem,3.2vw,3.6rem);letter-spacing:-.055em;line-height:1.05}.quote-panel cite{display:block;margin-top:18px;color:var(--muted);font-style:normal;font-weight:800}
.cta-panel{border:1px solid var(--line);border-radius:36px;background:radial-gradient(circle at 80% 20%,rgba(57,168,255,.2),transparent 30rem),radial-gradient(circle at 10% 90%,rgba(217,154,58,.18),transparent 24rem),linear-gradient(145deg,rgba(255,255,255,.08),rgba(255,255,255,.025));box-shadow:var(--shadow);padding:52px;display:grid;grid-template-columns:1fr auto;gap:28px;align-items:center}.cta-panel p{max-width:640px;margin-top:14px}
.page-hero{padding:74px 0 42px}.page-hero .lead{margin-top:22px}.shop-layout{padding-bottom:96px}.detail-layout{display:grid;grid-template-columns:.95fr 1.05fr;gap:38px;align-items:stretch}.detail-stage{border:1px solid var(--line);border-radius:36px;background:radial-gradient(circle at 50% 35%,rgba(57,168,255,.16),transparent 34%),linear-gradient(145deg,rgba(255,255,255,.08),rgba(255,255,255,.02));box-shadow:var(--shadow);overflow:hidden}.detail-stage .product-swatch{height:100%;min-height:520px}.detail-copy{border:1px solid var(--line);border-radius:36px;background:rgba(255,255,255,.04);padding:38px;box-shadow:var(--shadow-soft);display:grid;align-content:center;gap:18px}.detail-copy h1{font-size:clamp(2.7rem,5.8vw,5.8rem)}.spec-list{display:grid;gap:10px;margin:14px 0}.spec-list li{list-style:none;border:1px solid var(--line);border-radius:15px;padding:12px 14px;color:var(--muted);background:rgba(255,255,255,.035)}
.account-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:36px;align-items:start}.perk-list{display:grid;gap:12px;margin-top:24px}.perk{padding:18px;border:1px solid var(--line);border-radius:18px;background:rgba(255,255,255,.04)}.auth-panel,.cart-panel{border:1px solid var(--line);border-radius:32px;background:linear-gradient(145deg,rgba(255,255,255,.085),rgba(255,255,255,.025));box-shadow:var(--shadow);padding:28px}.auth-tabs{display:flex;gap:8px;padding:6px;background:rgba(0,0,0,.28);border:1px solid var(--line);border-radius:999px;margin-bottom:18px}.auth-tab{flex:1;border:0;border-radius:999px;background:transparent;color:var(--muted);font-weight:900;padding:12px;cursor:pointer}.auth-tab-active{background:linear-gradient(135deg,var(--silver),#6f7784);color:#07080b}.auth-form{display:grid;gap:16px}.auth-fields,.cart-fields{display:grid;gap:12px}.auth-input,.cart-input{width:100%;border:1px solid var(--line-strong);border-radius:16px;background:rgba(4,6,10,.68);color:var(--ink);padding:14px 15px}.auth-input::placeholder,.cart-input::placeholder{color:var(--dim)}.auth-error{border:1px solid rgba(255,107,107,.45);background:rgba(255,107,107,.11);color:#ffd1d1;border-radius:14px;padding:10px 12px}.auth-note{color:var(--dim);font-size:.88rem}.auth-account{display:grid;gap:10px;border:1px solid rgba(114,224,255,.28);border-radius:22px;padding:22px;background:rgba(57,168,255,.08)}.auth-welcome{color:var(--muted)}.auth-email{font-family:var(--font-display);font-size:1.45rem;color:var(--ink);font-weight:800;letter-spacing:-.03em}.auth-logout{justify-self:start;margin-top:8px}
#webwiz-cart-page{display:grid;gap:18px}.cart-items{display:grid;gap:12px}.cart-item{display:grid;grid-template-columns:1.4fr auto auto auto;gap:14px;align-items:center;border:1px solid var(--line);border-radius:18px;padding:16px;background:rgba(255,255,255,.04)}.cart-item-info{display:grid}.cart-item-title{font-family:var(--font-display);font-weight:850;color:var(--ink);font-size:1.05rem}.cart-item-unit{color:var(--dim);font-size:.9rem}.cart-item-qty{display:flex;align-items:center;gap:8px;background:rgba(0,0,0,.25);border:1px solid var(--line);border-radius:999px;padding:5px}.cart-qty-btn,.cart-remove{border:1px solid var(--line);background:rgba(255,255,255,.07);color:var(--ink);cursor:pointer;border-radius:999px;width:32px;height:32px;font-weight:900}.cart-qty-btn:hover,.cart-remove:hover{background:rgba(57,168,255,.14);border-color:rgba(114,224,255,.45)}.cart-item-price{font-family:var(--font-display);font-weight:850}.cart-total{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:22px 4px;color:var(--muted)}.cart-total strong{font-family:var(--font-display);font-size:2rem;color:var(--amber-2)}.cart-inquiry{display:grid;gap:16px}.cart-input{resize:vertical;min-height:54px}.cart-input:is(textarea){min-height:120px}.cart-disclaimer,.cart-empty{color:var(--dim);font-size:.9rem}.cart-confirm{border:1px solid rgba(124,224,163,.45);background:rgba(124,224,163,.1);color:#d7ffe3;border-radius:16px;padding:14px}.cart-empty{border:1px dashed var(--line-strong);border-radius:20px;padding:24px;text-align:center;background:rgba(255,255,255,.025)}
.guide-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.guide-card{border:1px solid var(--line);border-radius:28px;background:rgba(255,255,255,.04);padding:28px;box-shadow:var(--shadow-soft)}.guide-card h3{margin-bottom:12px}.faq-list{display:grid;gap:14px}.faq-item{border:1px solid var(--line);border-radius:22px;padding:22px;background:rgba(255,255,255,.035)}.faq-item h3{font-size:1.25rem;margin-bottom:8px}
.site-footer{border-top:1px solid var(--line);background:linear-gradient(180deg,rgba(17,20,27,.92),#07080b);padding-top:56px}.footer-grid{width:var(--container);margin:0 auto;display:grid;grid-template-columns:1.25fr .8fr .8fr 1fr;gap:34px}.footer-brand{display:grid;gap:16px}.footer-logo{display:flex;align-items:center;gap:12px;font-family:var(--font-display);font-weight:900;letter-spacing:-.04em;font-size:1.25rem}.footer-heading{font-family:var(--font-display);font-size:1rem;font-weight:850;color:var(--ink);margin-bottom:14px}.footer-col nav,.footer-contact{display:grid;gap:9px}.footer-col a{color:var(--muted);font-weight:700}.footer-col a:hover{color:var(--amber-2)}.footer-contact p{color:var(--muted)}.footer-bottom{width:var(--container);margin:42px auto 0;padding:20px 0;border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:20px;color:var(--dim);font-size:.9rem}.footer-bottom strong{color:var(--silver)}
@media (max-width:900px){.nav-shell{align-items:flex-start;flex-direction:column;padding:16px 0}.main-nav{justify-content:flex-start}.hero-grid,.split,.quote-panel,.cta-panel,.detail-layout,.account-grid{grid-template-columns:1fr}.hero-panel{min-height:510px}.product-grid{grid-template-columns:repeat(2,1fr)}.catalog-head{align-items:start;flex-direction:column}.footer-grid{grid-template-columns:1fr 1fr}.cart-item{grid-template-columns:1fr;align-items:start}.guide-grid{grid-template-columns:1fr}}
@media (max-width:620px){:root{--container:min(100vw - 28px,1160px)}.section{padding:72px 0}.hero{padding-top:46px}.hero-panel{min-height:460px;border-radius:26px}.spec-ribbon{grid-template-columns:1fr}.product-grid{grid-template-columns:1fr}.product-swatch{height:220px}.cta-panel{padding:30px;border-radius:26px}.footer-grid{grid-template-columns:1fr}.footer-bottom{flex-direction:column}.comparison{overflow-x:auto}.comparison table{min-width:620px}.detail-copy{padding:26px}.detail-stage .product-swatch{min-height:360px}.quote-mark{font-size:6rem}.main-nav a{padding:8px 9px;font-size:.82rem}}
