@import"https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;700&family=Instrument+Serif:ital@0;1&display=swap";:root{color-scheme:dark;font-family:Space Grotesk,Avenir Next,Segoe UI,sans-serif;background:radial-gradient(circle at top left,rgba(255,130,92,.24),transparent 24%),radial-gradient(circle at 85% 15%,rgba(93,179,255,.18),transparent 20%),linear-gradient(180deg,#12111a,#191726 45%,#0b0d13);color:#f6f4ef}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:transparent}button,input,textarea{font:inherit}button{cursor:pointer}#root{min-height:100vh}.app-shell{width:min(1320px,calc(100vw - 32px));margin:0 auto;padding:32px 0 48px}.hero-panel,.card{border:1px solid rgba(255,255,255,.08);background:#12131db8;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:0 32px 120px #00000047}.hero-panel{display:grid;grid-template-columns:1.4fr .9fr;gap:24px;padding:28px;border-radius:28px;animation:rise-in .7s ease}.eyebrow,.section-kicker{margin:0 0 10px;text-transform:uppercase;letter-spacing:.16em;font-size:.78rem;color:#ffb38f}.hero-copy h1,.section-header h2{margin:0}.hero-copy h1{max-width:12ch;font-family:"Instrument Serif",serif;font-size:clamp(2.8rem,6vw,5rem);line-height:.95}.hero-text{max-width:58ch;color:#f6f4efd1;line-height:1.6}.hero-stats{display:grid;gap:14px}.hero-stats article,.insight-grid article{padding:18px;border-radius:20px;background:linear-gradient(180deg,#ffffff14,#ffffff08)}.hero-stats span,.insight-grid span,.eq-band small{display:block;color:#f6f4ef9e;font-size:.85rem}.hero-stats strong,.insight-grid strong{display:block;margin-top:8px;font-size:1.3rem}.workspace-grid{display:grid;grid-template-columns:minmax(340px,1fr) minmax(380px,1.1fr);gap:24px;margin-top:24px}.card{border-radius:28px;padding:24px}.section-header{display:flex;justify-content:space-between;gap:16px;align-items:flex-start}.ghost-button,.primary-button,.instrument-pill,.room-chip{border:0;border-radius:999px;transition:transform .18s ease,background .18s ease,color .18s ease}.ghost-button,.instrument-pill,.room-chip{background:#ffffff0f;color:#f6f4ef}.primary-button{background:linear-gradient(135deg,#ff9362,#ffc278);color:#12111a;font-weight:700}.ghost-button:hover,.primary-button:hover,.instrument-pill:hover,.room-chip:hover{transform:translateY(-1px)}.pill-row{display:flex;gap:10px;flex-wrap:wrap}.instrument-pill.active{background:linear-gradient(135deg,#ff9362eb,#ffc278e0);color:#12111a}.measurement-panel{margin-top:22px;padding:18px;border-radius:22px;background:linear-gradient(180deg,#5db3ff1f,#ff936214);border:1px solid rgba(255,255,255,.08)}.measurement-header{display:flex;justify-content:space-between;gap:16px;align-items:flex-start}.measurement-header h3{margin:0;font-size:1.15rem}.measurement-hint,.measurement-status{margin:14px 0 0;color:#f6f4efc2;line-height:1.55}.measurement-mode-row{display:flex;gap:10px;flex-wrap:wrap;margin-top:16px}.measurement-mode-pill{border:1px solid rgba(255,255,255,.08);border-radius:999px;padding:10px 14px;background:#ffffff0a;color:#f6f4efd1}.measurement-mode-pill.active{background:linear-gradient(135deg,#5db3ff47,#ff93623d);color:#fff5ea;border-color:#ffc2785c}.measurement-warning{margin-top:14px;padding:14px 16px;border-radius:16px;border:1px solid rgba(255,179,143,.24);background:#ffb38f14;color:#f6f4efdb;line-height:1.55}.measurement-warning strong{color:#ffd2bc}.measurement-external-panel{margin-top:14px;padding:14px 16px;border-radius:18px;border:1px solid rgba(93,179,255,.18);background:#5db3ff14}.measurement-steps strong{color:#d7ebff}.measurement-steps ol{margin:10px 0 0;padding-left:20px;color:#f6f4efd1}.measurement-steps li+li{margin-top:8px}.measurement-download-row{display:flex;gap:12px;flex-wrap:wrap;align-items:center;margin-top:14px}.download-link{display:inline-flex;align-items:center;min-height:42px;padding:0 16px;border-radius:999px;background:#ffffff14;color:#f6f4ef;text-decoration:none}.download-link:hover{background:#ffffff1f}.measurement-status.error{color:#ffb0a0}.progress-track{margin-top:16px;width:100%;height:10px;border-radius:999px;overflow:hidden;background:#ffffff14}.progress-fill{height:100%;border-radius:inherit;background:linear-gradient(90deg,#5db3ff,#ff9362 70%,#ffd479);transition:width .08s linear}.response-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin-top:16px}.measurement-chart-panel{margin-top:18px}.measurement-chart-header{display:flex;justify-content:space-between;gap:16px;align-items:flex-start}.measurement-chart-header h3{margin:0;font-size:1.1rem}.chart-legend{display:flex;gap:10px;flex-wrap:wrap}.legend-item{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border-radius:999px;background:#ffffff0d;color:#f6f4efd1;font-size:.85rem}.legend-item:before{content:"";width:10px;height:10px;border-radius:50%}.legend-item.response:before{background:#5db3ff}.legend-item.eq:before{background:#ffb36b}.legend-item.live{background:#ff936224}.legend-item.live:before{background:#ff9362;box-shadow:0 0 0 6px #ff936229;animation:pulse-dot 1.2s ease-in-out infinite}.measurement-chart-frame{margin-top:14px;padding:14px;border-radius:20px;background:#070a105c;border:1px solid rgba(255,255,255,.07)}.measurement-chart{display:block;width:100%;height:auto}.chart-grid-line,.chart-axis-tick,.chart-baseline{stroke:#ffffff1a;stroke-width:1}.chart-grid-line.emphasis,.chart-baseline{stroke:#ffffff3d}.chart-grid-label,.chart-axis-label{fill:#f6f4ef85;font-size:12px}.chart-response-area{fill:url(#responseAreaGradient)}.chart-response-line,.chart-eq-line{fill:none;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}.chart-response-line{stroke:#5db3ff}.chart-eq-line{stroke:#ffb36b}.chart-point{stroke:#080b12e6;stroke-width:2}.chart-point.response{fill:#5db3ff}.chart-point.eq{fill:#ffb36b}.response-pill{padding:12px;border-radius:18px;background:#ffffff0d}.response-pill span,.response-pill small{display:block;color:#f6f4efa3}.response-pill strong{display:block;margin:6px 0}.field-grid input,.field-grid textarea{width:100%;border:1px solid rgba(255,255,255,.08);background:#ffffff0a;color:inherit;border-radius:16px;padding:14px 16px}.field-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:20px}.field-grid label,.slider-field{display:grid;gap:10px}.full-width{grid-column:1 / -1}.field-grid span,.slider-field span{color:#f6f4efb3;font-size:.92rem}.slider-grid{display:grid;gap:14px;margin-top:22px}.slider-field div{display:flex;justify-content:space-between;gap:16px}input[type=range]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:8px;border-radius:999px;background:linear-gradient(90deg,#5db3ffd1,#ff9362db)}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:18px;height:18px;border-radius:50%;background:#fff6e8;box-shadow:0 0 0 3px #ff936238}.instrument-focus{margin:18px 0 0;color:#f6f4efc2}.insight-grid.compact{margin-top:18px}.eq-columns{display:grid;grid-template-columns:repeat(10,minmax(0,1fr));gap:10px;margin-top:22px}.eq-band{display:grid;justify-items:center;gap:8px;padding:14px 10px;border-radius:18px;background:#ffffff0a}.eq-band span{font-size:.85rem;color:#f6f4efb8}.eq-meter{position:relative;display:flex;align-items:center;justify-content:center;width:100%;min-height:152px}.eq-zero{position:absolute;width:72%;height:1px;background:#ffffff2e}.eq-bar{width:24px;border-radius:14px;align-self:center}.eq-bar.positive{background:linear-gradient(180deg,#9ee37d,#ffd479);transform:translateY(-40px)}.eq-bar.negative{background:linear-gradient(180deg,#7dd3fc,#6a8cff);transform:translateY(40px)}.insight-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:22px}@keyframes rise-in{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse-dot{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.15);opacity:.82}}@media(max-width:1100px){.hero-panel,.workspace-grid{grid-template-columns:1fr}.eq-columns,.response-grid{grid-template-columns:repeat(5,minmax(0,1fr))}}@media(max-width:720px){.app-shell{width:min(100vw - 20px,1320px);padding-top:16px}.hero-panel,.card{padding:18px;border-radius:22px}.hero-copy h1{max-width:none}.field-grid,.insight-grid{grid-template-columns:1fr}.eq-columns,.response-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.section-header,.measurement-header,.measurement-chart-header{flex-direction:column}}
