/* Final surface pass — MUZZIC V8.1 */
:root{
  --glass:rgba(20,16,26,.74);
  --glass-border:rgba(227,207,250,.15);
  --soft-shadow:0 16px 48px rgba(0,0,0,.22);
}
::selection{background:#b991ee;color:#170c25}
.nav{background:linear-gradient(180deg,rgba(8,8,10,.93),rgba(8,8,10,.48) 65%,transparent);transition:height .25s ease,background .25s ease,box-shadow .25s ease}
.nav.solid{background:rgba(12,10,16,.82);border-bottom:1px solid rgba(220,193,247,.12);box-shadow:0 8px 32px #00000020;backdrop-filter:blur(22px) saturate(125%);-webkit-backdrop-filter:blur(22px) saturate(125%)}
.brand-symbol{filter:drop-shadow(0 0 10px #b991ee14)}
.cta{box-shadow:inset 0 1px 0 #ffffffb3,0 3px 10px #00000020}
.cta.purple{background:linear-gradient(135deg,#d3b3f5 0%,#b991ee 48%,#aa7dde 100%);box-shadow:inset 0 1px 0 #f5e7ff85,0 5px 20px #9e6bd426;border:1px solid #ead7ff30}
.outline{background:linear-gradient(130deg,#ffffff0c,#ffffff03);border-color:#dfc9f331;box-shadow:inset 0 1px 0 #ffffff07;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}
.cta,.outline,.icon-button{transition:background .2s ease,box-shadow .2s ease,border-color .2s ease,transform .2s ease}
.cta:active,.outline:active{transform:translateY(1px);box-shadow:inset 0 1px 4px #00000020}
.hero:before{background:radial-gradient(ellipse at 65% 35%,#9863d21a,transparent 57%),linear-gradient(90deg,#08080af5 0%,#08080ad9 35%,#08080a44 82%),linear-gradient(0deg,#08080a 0%,#08080a00 33%)}
.hero h1 em{color:#c9a3f0}
@supports(background-clip:text){
  .hero h1 em,.short h2 em{background:linear-gradient(115deg,#eedcff 4%,#c5a0ef 52%,#a879db 96%);background-clip:text;-webkit-background-clip:text;color:transparent}
}
.hero-copy>p{color:#d0c6da}
.hero-note{color:#b7a9c4}
.hero-product{filter:drop-shadow(0 24px 42px #00000080)}
.hero-screen{border-color:#3f344d;box-shadow:0 0 0 1px #dec4f542,inset 0 1px 0 #ffffff26,0 24px 70px #00000066}
.screen-window:after{content:"";position:absolute;inset:0;pointer-events:none;border-radius:inherit;box-shadow:inset 0 1px 1px #ffffff12}
.product-bottom a{background:linear-gradient(135deg,#d8b9f31a,#d8b9f303);border-color:#d8b9f340;box-shadow:inset 0 1px 0 #ffffff0d;transition:background .2s,border-color .2s}
.scene-strip{color:#b3a5bf;border-color:#dac1ed13;background:linear-gradient(90deg,#08080a,#b991ee09 50%,#08080a)}
.discovery{position:relative;background:radial-gradient(ellipse at 53% 45%,#784aa512,transparent 65%)}
.product-story{position:relative;background:linear-gradient(145deg,#1d1922 0%,#121015 42%,#0f0e13 100%);border-color:var(--glass-border);box-shadow:inset 0 1px 0 #ffffff05,var(--soft-shadow);transition:transform .28s ease,border-color .28s ease,box-shadow .28s ease}
.product-story.featured{background:radial-gradient(ellipse at 50% 0%,#b991ee1c,transparent 65%),linear-gradient(150deg,#30213e,#1b1424 65%,#16101d);border-color:#c6a0e839;box-shadow:inset 0 1px 0 #e2c7ff13,0 18px 65px #00000030}
.story-copy>span{color:#bfa6d8;font-size:12px;letter-spacing:1px}
.story-copy p{color:#c0b3ca;min-height:3.3em}
.product-story .screen-window{border-color:#d7b9ef2d;box-shadow:0 10px 38px #00000050}
.text-link{border-color:#bb98dd55;transition:color .2s,border-color .2s}
.support{position:relative;border-top:0;background:radial-gradient(ellipse at 10% 0%,#b991ee08,transparent 60%)}
.support:before{content:"";position:absolute;top:0;left:8%;right:8%;height:1px;background:linear-gradient(90deg,transparent,#b991ee40 35%,#b991ee1a 80%,transparent)}
.producer:before{background:linear-gradient(180deg,#08080a 0%,transparent 17%),linear-gradient(90deg,#08080af5 0%,#08080acf 30%,#08080a30 90%),linear-gradient(0deg,#08080a 0%,#08080a08 35%)}
.producer-options span{background:linear-gradient(140deg,#c6a6df14,#17121b66);border-color:#dfc5f12c;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-radius:7px;font-size:12px;color:#d2c4df}
.short{background:radial-gradient(ellipse at 50% 65%,#9d6ad51a,transparent 60%),linear-gradient(#08080a,#0c0911)}
body>footer{border-color:#ceb0ec12;background:linear-gradient(180deg,#0c0911,#08080a)}
.legal-link{color:#bfb3c9;min-height:36px}
.backdrop{background:#050307ad;backdrop-filter:blur(14px) saturate(80%);-webkit-backdrop-filter:blur(14px) saturate(80%)}
.sheet{background:linear-gradient(145deg,rgba(34,27,43,.98),rgba(17,15,22,.99) 55%);border-color:#d7b6f02b;box-shadow:0 -20px 80px #0009,inset 0 1px 0 #ffffff0c}
.sheet-foot{background:#18131ded;border-top-color:#d7b6f019}
.sheet .field input{background:#0e0b1375;border-color:#d7b6f02b}
.field input:focus-visible{border-color:#bc91e5;outline-offset:2px}
.legal-card,.permission,.rights,.micro div,.mode-card{background:linear-gradient(135deg,#ffffff06,#ffffff02);border-color:#d7b6f01c}
.legal-content,.legal-intro{color:#c3b9ce}.hint,.legal-note{color:#aaa0b7}
.mode-card.active,.chip.selected{background:linear-gradient(130deg,#b991ee26,#b991ee0d);border-color:#c39aee55}
.sheet .flow-step.active{animation-duration:.2s}
.sheet .micro span,.sheet .permission small,.sheet .mode-card span{color:#aea0bc}
@media(min-width:721px){.hero-screen{aspect-ratio:600/1240}}
@media(hover:hover) and (pointer:fine){
  .cta.purple:hover{background:linear-gradient(135deg,#e2cbfa,#c8a5f1 55%,#b590e5);box-shadow:inset 0 1px 0 #fff9,0 8px 30px #b991ee30}
  .outline:hover{background:linear-gradient(135deg,#c4a1e821,#ffffff08);border-color:#d8b6fa60}
  .product-story:hover{transform:translateY(-4px);border-color:#c9a2ee50;box-shadow:inset 0 1px 0 #ffffff0a,0 24px 60px #0005}
  .text-link:hover{color:#f2e1ff;border-color:#d9b4ff}
  .product-bottom a:hover{background:#b991ee24;border-color:#d9b4ff80}
}
@supports not (backdrop-filter:blur(1px)){.nav.solid{background:#100d15f5}.sheet{background:#18131c}.outline{background:#17121ddd}}
@media(min-width:721px) and (max-width:1050px){.hero{grid-template-columns:minmax(0,1.12fr) minmax(0,.88fr)}.hero h1{font-size:clamp(56px,7.8vw,82px)}.hero .buttons{gap:8px}.hero .cta,.hero .outline{font-size:13px;padding:0 17px}.nav-actions{gap:18px}}
@media(max-width:720px){
  .nav{background:linear-gradient(180deg,#08080aed,#08080a78 75%,transparent)}
  .nav.solid{background:#110c18dc}
  .hero:before{background:radial-gradient(ellipse at 15% 24%,#a16ccd15,transparent 55%),linear-gradient(0deg,#08080a 0%,#08080a 15%,#08080acc 48%,#08080a80 80%,#08080aa8 100%)}
  .hero .cta,.hero .outline{font-size:14px}
  .hero-product{filter:none}
  .hero-note{font-size:12px;line-height:1.5}
  .kicker,.eyebrow,.short .eyebrow{font-size:11px;letter-spacing:1.35px}
  .product-caption{font-size:9px;letter-spacing:1px}
  .product-story{box-shadow:inset 0 1px 0 #ffffff06,0 10px 25px #0003}
  .product-stories{scroll-padding-inline:24px;padding-bottom:20px}
  .support:before{left:24px;right:24px}
  .producer:before{background:linear-gradient(180deg,#08080a 0%,#08080a00 17%),linear-gradient(0deg,#08080a 0%,#08080af2 28%,#08080aa3 50%,#08080a15 100%)}
  .producer-options span{font-size:11px}
  .short .cta,.short .outline{font-size:13px}
  .legal-links{gap:6px}
}
@media(prefers-reduced-motion:reduce){.product-story,.cta,.outline,.nav,.text-link{transition:none}.product-story:hover{transform:none}}