:root{--bg: #050505;--panel: #0d0d0d;--panel-border: #1f1f1f;--text: #f5f5f5;--muted: #adadad;--accent: #ffffff;--selected: rgba(255, 255, 255, .22);--selected-border: rgba(255, 255, 255, .48)}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100%;background:radial-gradient(1200px 500px at 20% -10%,#171717 0%,var(--bg) 45%),var(--bg);color:var(--text);font-family:Avenir Next,Segoe UI,sans-serif}.page{min-height:100vh;display:grid;place-items:center;padding:2rem 1rem}.hero-card{width:min(980px,100%);background:linear-gradient(180deg,#ffffff08,#ffffff03);border:1px solid var(--panel-border);border-radius:24px;padding:2rem;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.brand-lockup{display:grid;grid-template-columns:1.55fr 1fr;gap:0;background:#fff;border-radius:14px;padding:14px;margin-bottom:.8rem;overflow:hidden}.brand-photo-panel{background:#fff;padding:0;border-right:14px solid #fff}.brand-logo-panel{background:#fff;padding:0}.brand-photo,.brand-logo{display:block;width:100%;height:100%;object-fit:cover;background:#0b0b0b}.brand-logo{object-fit:contain}.eyebrow{margin:0 0 1rem;color:var(--muted);font-size:.84rem;letter-spacing:.08em;text-transform:uppercase}h1{margin:0;font-size:clamp(2rem,5vw,3.2rem);line-height:1.05}.subtitle{color:var(--muted);margin:.8rem 0 1.4rem}.subheader{margin:.75rem 0 .35rem;color:var(--muted)}.subheader-link{color:#6ea6ff;text-decoration:none;border-bottom:1px solid rgba(110,166,255,.45);transition:color .12s ease,border-color .12s ease}.subheader-link:hover{color:#8bb8ff;border-color:#8bb8ffbf}.controls{display:flex;gap:.8rem}.speed-controls{margin-top:.8rem;display:flex;align-items:center;gap:.55rem;color:var(--muted);font-size:.95rem}button{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid #3b3b3b;background:#fff;color:#111;border-radius:999px;padding:.74rem 1.2rem;font-size:.95rem;font-weight:700;cursor:pointer;transition:transform .12s ease,opacity .12s ease}button:hover:not(:disabled){transform:translateY(-1px)}button:disabled{opacity:.35;cursor:not-allowed}.secondary{background:transparent;color:#fff}.speed-button{background:transparent;color:#fff;padding:.4rem .85rem;border-radius:10px;font-weight:700;min-width:2.2rem}.wave-shell{margin-top:1rem;min-height:88px;width:100%;padding:1.1rem;border:1px solid #2b2b2b;border-radius:16px;opacity:0;transform:translateY(8px);transition:opacity .26s ease,transform .26s ease;pointer-events:none}.wave-shell.visible{opacity:1;transform:translateY(0);pointer-events:auto}.wave{width:100%;max-width:none;opacity:.95}.wave.running{filter:drop-shadow(0 0 10px rgba(255,255,255,.25))}.wave.paused{filter:none}.text-zone{margin-top:1.1rem;padding:1.1rem;border:1px solid #2b2b2b;border-radius:16px;color:#f2f2f2;line-height:1.75;user-select:text;-webkit-user-select:text;cursor:text}.text-zone::selection,.text-zone *::selection{background:#6ea6ff59;color:#fff}.text-zone::-moz-selection,.text-zone *::-moz-selection{background:#6ea6ff59;color:#fff}.text-line{margin:0 0 .6rem;overflow-wrap:anywhere}.text-line:last-child{margin-bottom:0}.text-bullet{position:relative;padding-left:1.05rem}.bullet-dot{position:absolute;left:0;top:0;color:#f2f2f2;line-height:1.7}.error{margin-top:.8rem;color:#ff6a6a;font-size:.9rem;white-space:pre-wrap}@media (max-width: 720px){.hero-card{padding:1.3rem}.brand-lockup{grid-template-columns:1fr;gap:12px}.brand-photo-panel{border-right:0}.controls{flex-wrap:wrap}.controls button{width:100%;justify-content:center}}