:root{--bg: #0b0a12;--bg-soft: #12111c;--panel: #17162340;--panel-solid: #191826;--line: #ffffff14;--line-strong: #ffffff26;--text: #f4f2ff;--muted: #a6a2c4;--dim: #6f6b90;--accent: #ff3d81;--accent-2: #7c5cff;--accent-3: #14e0c0;--warn: #ffb03a;--danger: #ff5252;--radius: 16px;--radius-sm: 10px;--shadow: 0 20px 60px #00000066;--font: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;color-scheme:dark}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font-family:var(--font);background:radial-gradient(1200px 700px at 12% -10%,#7c5cff26,transparent 60%),radial-gradient(900px 600px at 100% 0%,#ff3d8120,transparent 55%),var(--bg);color:var(--text);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit;color:inherit}h1,h2,h3{margin:0 0 .5rem;line-height:1.15;letter-spacing:-.02em}h1{font-size:clamp(2rem,5vw,3.4rem);font-weight:800}h2{font-size:clamp(1.3rem,3vw,1.9rem);font-weight:700}h3{font-size:1.05rem;font-weight:650}p{line-height:1.6;color:var(--muted);margin:0 0 1rem}.container{width:min(1120px,100% - 2rem);margin-inline:auto}.narrow{width:min(720px,100% - 2rem);margin-inline:auto}.stack{display:flex;flex-direction:column;gap:1rem}.row{display:flex;align-items:center;gap:.75rem}.row.wrap{flex-wrap:wrap}.spread{display:flex;align-items:center;justify-content:space-between;gap:1rem}.grow{flex:1;min-width:0}.center{text-align:center}.muted{color:var(--muted)}.dim{color:var(--dim);font-size:.85rem}.mono{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.82rem}.topbar{position:sticky;top:0;z-index:30;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#0b0a12cc;border-bottom:1px solid var(--line)}.topbar-inner{display:flex;align-items:center;justify-content:space-between;height:62px}.brand{display:flex;align-items:center;gap:.55rem;font-weight:800;letter-spacing:-.02em;font-size:1.05rem}.brand-mark{width:30px;height:30px;border-radius:9px;display:grid;place-items:center;background:linear-gradient(135deg,var(--accent),var(--accent-2));font-size:.95rem}.nav{display:flex;gap:.35rem;align-items:center}.nav a{padding:.45rem .7rem;border-radius:9px;color:var(--muted);font-size:.92rem}.nav a:hover,.nav a.active{color:var(--text);background:#ffffff0f}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.7rem 1.15rem;border-radius:999px;border:1px solid var(--line-strong);background:#ffffff0d;cursor:pointer;font-weight:600;font-size:.95rem;transition:transform .12s ease,background .18s ease,border-color .18s ease}.btn:hover:not(:disabled){background:#ffffff17;transform:translateY(-1px)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn.primary{background:linear-gradient(120deg,var(--accent),var(--accent-2));border-color:transparent;color:#fff}.btn.primary:hover:not(:disabled){filter:brightness(1.08)}.btn.ghost{background:transparent}.btn.danger{border-color:#ff525244;color:#ff9d9d}.btn.sm{padding:.4rem .8rem;font-size:.85rem}.btn.block{width:100%}.card{background:linear-gradient(180deg,#ffffff0a,#ffffff05);border:1px solid var(--line);border-radius:var(--radius);padding:1.25rem;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.card.tight{padding:.9rem 1rem}.card.solid{background:var(--panel-solid)}.pill{display:inline-flex;align-items:center;gap:.35rem;padding:.22rem .6rem;border-radius:999px;font-size:.78rem;border:1px solid var(--line-strong);background:#ffffff0a;color:var(--muted)}.pill.ok{color:#9df5d9;border-color:#14e0c044;background:#14e0c014}.pill.warn{color:#ffd79a;border-color:#ffb03a44;background:#ffb03a14}.pill.off{color:#ff9d9d;border-color:#ff525244;background:#ff525214}.pill.accent{color:#ffc2da;border-color:#ff3d8144;background:#ff3d8114}.field{display:flex;flex-direction:column;gap:.35rem;margin-bottom:.9rem}.field label{font-size:.85rem;color:var(--muted)}input[type=text],input[type=email],input[type=password],input[type=date],input[type=number],input[type=time],textarea,select{width:100%;padding:.7rem .85rem;border-radius:var(--radius-sm);background:#00000040;border:1px solid var(--line-strong);outline:none;transition:border-color .16s ease}input:focus,textarea:focus,select:focus{border-color:var(--accent-2)}textarea{resize:vertical;min-height:90px}.error-box{border:1px solid #ff525244;background:#ff525214;color:#ffbdbd;padding:.7rem .9rem;border-radius:var(--radius-sm);font-size:.9rem}.notice{border:1px solid #ffb03a44;background:#ffb03a12;color:#ffe0b3;padding:.7rem .9rem;border-radius:var(--radius-sm);font-size:.88rem}.hero-wrap{position:relative;isolation:isolate}.hero-media{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;overflow:hidden}.hero-media img{width:100%;height:100%;object-fit:cover;object-position:74% center;display:block}.hero-media:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,#0b0a12f7,#0b0a12e0 34%,#0b0a1280 64%,#0b0a1245),linear-gradient(180deg,#0b0a12b3 0%,#0b0a1233 26%,#0b0a12b3 74%,var(--bg) 100%)}@media(max-width:720px){.hero-media img{object-position:60% center}.hero-media:after{background:linear-gradient(180deg,#0b0a12d9 0%,#0b0a12cc 40%,#0b0a12ed 78%,var(--bg) 100%)}}.hero{padding:clamp(3.5rem,10vw,7rem) 0 clamp(3.5rem,10vw,7rem)}.hero h1{white-space:pre-line;background:linear-gradient(120deg,#fff,#d9cfff 60%,#ffb8d4);-webkit-background-clip:text;background-clip:text;color:transparent}.hero p{font-size:clamp(1rem,2vw,1.2rem);max-width:54ch}.hero .cta{display:flex;gap:.75rem;flex-wrap:wrap;margin-top:1.5rem}.explain{margin-top:2.5rem}.explain h3{font-size:1.25rem}.explain>p{max-width:62ch}.hero-visual{margin:1.5rem 0 0;padding:1rem clamp(.5rem,2vw,1.25rem);background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:var(--shadow)}.hero-visual svg{display:block;width:100%;height:auto}.hv-grid path{stroke:#ffffff0f;stroke-width:1;stroke-dasharray:2 8}.hv-line{stroke-width:3.5;stroke-linecap:round;stroke-linejoin:round}.hv-stem{stroke:#ffffff1a;stroke-width:1}.hv-dot{fill:var(--bg);stroke:#ffffff59;stroke-width:2}.hv-head{fill:#fff}.hv-caption{color:var(--dim);font-size:.85rem;margin:.1rem .3rem .4rem}.hv-label{fill:var(--text);font-size:15px;font-weight:600}.hv-time{fill:var(--dim);font-size:13.5px}@keyframes hv-travel{0%,4%{offset-distance:0%}96%,to{offset-distance:100%}}@supports (offset-path: path("M0 0L1 1")){.hv-head{cx:0;cy:0;offset-path:path("M40 252C110 250 150 240 200 236C258 231 292 206 340 190C392 172 418 142 460 122C502 102 542 78 580 70C618 63 652 82 680 98C712 117 736 148 760 172");offset-rotate:0deg;animation:hv-travel 11s cubic-bezier(.45,0,.55,1) infinite alternate}@media(prefers-reduced-motion:reduce){.hv-head{animation:none;offset-distance:0%}}}@media(max-width:640px){.hero-visual{margin-top:1.75rem;padding:.7rem .5rem .4rem}.hv-optional{display:none}.hv-label{font-size:27px}.hv-time{font-size:24px}.hv-line{stroke-width:5}.hv-dot{r:8;stroke-width:3}}.feature-icon{width:42px;height:42px;border-radius:12px;display:grid;place-items:center;color:#cdbcff;background:linear-gradient(140deg,#7c5cff24,#ff3d8118);border:1px solid var(--line-strong);margin-bottom:.9rem}.feature-icon svg{width:21px;height:21px}.features{display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}@media(min-width:940px){.features{grid-template-columns:repeat(3,1fr)}}.grid{display:grid;gap:1rem}.grid.cols-2{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.grid.cols-3{grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.demo-chat{display:flex;flex-direction:column;gap:.6rem}.pricing{display:grid;gap:1.1rem;grid-template-columns:repeat(auto-fit,minmax(270px,1fr));margin-top:2rem}@media(min-width:980px){.pricing{grid-template-columns:repeat(3,1fr);align-items:start}}.plan{position:relative;display:flex;flex-direction:column;padding:1.5rem 1.35rem 1.35rem;border:1px solid var(--line);border-radius:var(--radius);background:linear-gradient(180deg,#ffffff0a,#ffffff04);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);transition:transform .18s ease,border-color .18s ease}.plan:hover{transform:translateY(-2px);border-color:var(--line-strong)}.plan.featured{border-color:#ff3d8155;background:radial-gradient(120% 80% at 50% -10%,#ff3d8122,transparent 60%),linear-gradient(180deg,#ffffff0e,#ffffff05);box-shadow:0 18px 50px #ff3d8118}@media(min-width:980px){.plan.featured{margin-top:-.9rem;padding-top:1.9rem}}.plan-badge{position:absolute;top:-.7rem;left:50%;transform:translate(-50%);white-space:nowrap;padding:.28rem .75rem;border-radius:999px;font-size:.74rem;font-weight:650;letter-spacing:.02em;color:#fff;background:linear-gradient(120deg,var(--accent),var(--accent-2));box-shadow:0 6px 18px #ff3d8140}.plan-label{font-size:1.05rem;font-weight:700;letter-spacing:-.01em}.plan-tagline{color:var(--muted);font-size:.88rem;line-height:1.45;margin:.3rem 0 1.1rem;min-height:2.5em}.plan-price{display:flex;align-items:baseline;gap:.35rem;flex-wrap:wrap}.plan-amount{font-size:2.3rem;font-weight:800;letter-spacing:-.03em;line-height:1}.plan-period{color:var(--dim);font-size:.9rem}.plan-alt{margin-top:.55rem;padding-top:.55rem;border-top:1px dashed var(--line);font-size:.84rem;color:var(--muted)}.plan-alt strong{color:var(--text);font-weight:650}.plan-alt span{display:block;color:var(--dim);font-size:.8rem;margin-top:.1rem}.plan-features{list-style:none;margin:1.2rem 0 1.4rem;padding:0;display:flex;flex-direction:column;gap:.55rem;flex:1}.plan-features li{display:flex;align-items:flex-start;gap:.55rem;font-size:.89rem;line-height:1.45;color:var(--muted)}.plan-features svg{width:15px;height:15px;flex:none;margin-top:.2rem;color:var(--accent-3)}.plan.featured .plan-features li{color:var(--text)}.pricing-note{margin-top:1.25rem;text-align:center}.business{margin-top:2.5rem;background:radial-gradient(90% 120% at 0% 0%,#14e0c018,transparent 60%),linear-gradient(180deg,#ffffff0a,#ffffff04);border-color:#14e0c033}.business-head{margin-bottom:1.35rem}.business-title{font-size:1.35rem;margin:.7rem 0 .2rem}.business-tagline{color:var(--muted);margin:0;font-size:.92rem}.business-body{display:grid;gap:1.75rem;align-items:start}@media(min-width:900px){.business-body{grid-template-columns:minmax(0,1fr) 17rem}}.business-pitch{font-size:.95rem;line-height:1.65;margin:0 0 1.1rem}.business-features{margin:0}@media(min-width:640px){.business-features{display:grid;grid-template-columns:1fr 1fr;gap:.55rem 1.5rem}}.business-features svg{color:var(--accent-3)}.business-buy{padding:1.15rem;border:1px solid var(--line-strong);border-radius:var(--radius-sm);background:#00000030}.business-cta{margin-top:1rem}.business-chains{margin:.7rem 0 0}.business-legal{margin:1.5rem 0 0;padding-top:1rem;border-top:1px solid var(--line);line-height:1.55}.chat{display:flex;flex-direction:column;gap:.75rem;overflow-y:auto;max-height:min(58vh,32rem);scroll-padding-block-end:1rem}.tl-toggle{display:block;width:100%;text-align:left;background:none;border:0;padding:0;cursor:pointer;color:inherit;font:inherit}.tl-toggle:hover .tl-label{text-decoration:underline}.tl-toggle:focus-visible{outline:2px solid currentColor;outline-offset:3px;border-radius:6px}@media(min-width:900px){.sticky-panel{position:sticky;top:1rem;max-height:calc(100vh - 2rem);overflow-y:auto}}.bubble{max-width:min(78%,620px);padding:.75rem 1rem;border-radius:18px;font-size:.95rem;line-height:1.5;white-space:pre-wrap}.bubble.dj{align-self:flex-start;background:#ffffff0f;border:1px solid var(--line);border-bottom-left-radius:6px}.bubble.user{align-self:flex-end;background:linear-gradient(120deg,var(--accent),var(--accent-2));border-bottom-right-radius:6px;color:#fff}.bubble.system{align-self:center;background:transparent;color:var(--dim);font-size:.82rem}.chat-input{display:flex;gap:.5rem;margin-top:1rem}.chat-input input{flex:1}.suggestions{display:flex;gap:.4rem;flex-wrap:wrap;margin-top:.6rem}.suggestions button{padding:.35rem .75rem;border-radius:999px;border:1px solid var(--line-strong);background:#ffffff08;cursor:pointer;font-size:.84rem;color:var(--muted)}.suggestions button:hover{color:var(--text);background:#ffffff14}.meter{height:8px;border-radius:999px;background:#ffffff12;overflow:hidden}.meter>span{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,var(--accent-2),var(--accent-3));transition:width .4s ease}.timeline{display:flex;flex-direction:column}.tl-row{display:grid;grid-template-columns:62px 18px 1fr;align-items:start;gap:.6rem;padding:.4rem 0}.tl-time{font-variant-numeric:tabular-nums;color:var(--muted);font-size:.88rem;padding-top:.18rem}.tl-dot{position:relative;height:100%;display:grid;justify-items:center}.tl-dot i{width:10px;height:10px;border-radius:50%;background:var(--accent-2);margin-top:.35rem;box-shadow:0 0 0 4px #7c5cff22}.tl-dot:after{content:"";position:absolute;top:1.1rem;bottom:-.4rem;width:1px;background:var(--line-strong)}.tl-row:last-child .tl-dot:after{display:none}.tl-row.now .tl-dot i{background:var(--accent-3);box-shadow:0 0 0 5px #14e0c033}.tl-body{display:flex;flex-direction:column;gap:.2rem}.tl-label{font-weight:600;font-size:.95rem}.tl-meta{font-size:.82rem;color:var(--dim)}.energy-bar{display:flex;align-items:flex-end;gap:3px;height:90px}.energy-bar div{flex:1;border-radius:4px 4px 2px 2px;background:linear-gradient(180deg,var(--accent),var(--accent-2));opacity:.85;min-height:4px}.live{display:grid;gap:1rem;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr)}@media(max-width:900px){.live{grid-template-columns:1fr}}.now-playing{text-align:center;padding:2rem 1.25rem}.now-playing .np-artist{font-size:1.05rem;color:var(--muted)}.now-playing .np-title{font-size:clamp(1.5rem,4vw,2.2rem);font-weight:800;letter-spacing:-.02em;margin:.2rem 0 1rem}.energy-gauge{height:12px;border-radius:999px;background:#ffffff12;overflow:hidden;margin:0 auto;max-width:360px}.energy-gauge>span{display:block;height:100%;background:linear-gradient(90deg,var(--accent-3),var(--accent),var(--accent-2));transition:width .6s ease}.energy-value{font-variant-numeric:tabular-nums;margin-top:.5rem;color:var(--muted);font-size:.95rem}.controls{display:flex;gap:.5rem;justify-content:center;flex-wrap:wrap;margin-top:1.5rem}.controls button{width:58px;height:58px;border-radius:50%;font-size:1.35rem;cursor:pointer;border:1px solid var(--line-strong);background:#ffffff0d;transition:transform .12s ease,background .18s ease}.controls button:hover:not(:disabled){background:#ffffff1c;transform:translateY(-2px)}.controls button:disabled{opacity:.4;cursor:not-allowed}.controls button.rescue{background:linear-gradient(120deg,#ff5252,#ff9d3d);border-color:transparent}.track-row{display:flex;align-items:center;gap:.75rem;padding:.55rem 0;border-bottom:1px solid var(--line)}.track-row:last-child{border-bottom:none}.track-row .t-title{font-weight:600;font-size:.93rem}.track-row .t-artist{color:var(--dim);font-size:.82rem}.score{font-variant-numeric:tabular-nums;font-size:.8rem;color:var(--accent-3)}.tabs{display:flex;gap:.3rem;border-bottom:1px solid var(--line);margin-bottom:1.25rem}.tabs button{padding:.65rem 1rem;background:none;border:none;border-bottom:2px solid transparent;color:var(--muted);cursor:pointer;font-weight:600;font-size:.95rem}.tabs button.active{color:var(--text);border-bottom-color:var(--accent)}.provider-row{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.9rem 0;border-bottom:1px solid var(--line)}.provider-row:last-child{border-bottom:none}.cap-grid{display:flex;flex-wrap:wrap;gap:.3rem;margin-top:.4rem}.cap{font-size:.72rem;padding:.15rem .5rem;border-radius:6px;border:1px solid var(--line);color:var(--dim)}.cap.yes{color:#9df5d9;border-color:#14e0c033}.cap.conditional{color:#ffd79a;border-color:#ffb03a33}.cap.no{color:#7a7595;text-decoration:line-through}.qr{background:#fff;padding:12px;border-radius:12px;display:inline-block}.qr svg{display:block}.event-card{display:flex;flex-direction:column;gap:.75rem}.event-card .ec-title{font-size:1.1rem;font-weight:700}.skeleton{background:linear-gradient(90deg,#ffffff08,#ffffff14,#ffffff08);background-size:200% 100%;animation:shimmer 1.4s infinite;border-radius:8px;height:1rem}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.footer{border-top:1px solid var(--line);margin-top:4rem;padding:2rem 0;color:var(--dim);font-size:.85rem}.toast{position:fixed;left:50%;bottom:1.5rem;transform:translate(-50%);background:var(--panel-solid);border:1px solid var(--line-strong);box-shadow:var(--shadow);padding:.75rem 1.1rem;border-radius:999px;z-index:60;font-size:.9rem;max-width:90vw}@media(max-width:720px){.topbar-inner{height:auto;flex-direction:column;align-items:stretch;gap:.5rem;padding-block:.6rem}.nav{overflow-x:auto;scrollbar-width:none;padding-bottom:2px}.nav::-webkit-scrollbar{display:none}.nav a,.nav button{white-space:nowrap;flex:0 0 auto}}@media(max-width:640px){.nav a{padding:.4rem .5rem;font-size:.85rem}.card{padding:1rem}.event-header{flex-direction:column;align-items:stretch}.event-header .event-meter{width:100%}.controls button{width:52px;height:52px;font-size:1.2rem}.now-playing{padding:1.5rem 1rem}.tl-row{grid-template-columns:52px 16px 1fr}}.profile{display:flex;flex-direction:column;gap:.7rem}.profile-row{display:grid;grid-template-columns:7.5rem 1fr;gap:.6rem;align-items:baseline}.profile-label{color:var(--dim);font-size:.82rem}.chips{display:flex;flex-wrap:wrap;gap:.35rem}.chip{padding:.18rem .55rem;border-radius:999px;font-size:.82rem;border:1px solid var(--line);background:#ffffff0a;color:var(--muted)}.chip.strong{color:#ffc2da;border-color:#ff3d8144;background:#ff3d8114}.chip.off{color:#ff9d9d;border-color:#ff525244;background:#ff525214;text-decoration:line-through}@media(max-width:640px){.profile-row{grid-template-columns:1fr;gap:.3rem}}