:root{--bg:#0d0b1f;--bg2:#15122e;--ink:#f3ecdf;--mute:#b3a9c9;--dim:#7d7499;--amber:#f2b366;--amber2:#e58f4c;--indigo:#4b3f9e;--line:rgba(243,236,223,.1);--card:rgba(255,255,255,.04);--serif:'Fraunces',Georgia,serif;--sans:'DM Sans',system-ui,-apple-system,sans-serif}
*{box-sizing:border-box;margin:0;padding:0}
html{background:var(--bg);color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased;scroll-behavior:smooth}
body{min-height:100vh;background:radial-gradient(120% 70% at 50% -10%,#2a2160 0%,transparent 60%),radial-gradient(80% 50% at 90% 110%,rgba(229,143,76,.12),transparent 60%),var(--bg);padding-bottom:64px}
a{color:inherit}
.wrap{max-width:1040px;margin:0 auto;padding:0 22px}
nav{display:flex;justify-content:space-between;align-items:center;padding:18px 0}
.logo{font-family:var(--serif);font-size:20px;text-decoration:none;display:flex;gap:10px;align-items:center}
.logo i{width:22px;height:22px;border-radius:50%;background:var(--amber);box-shadow:inset -7px -3px 0 0 var(--bg),0 0 24px rgba(242,179,102,.5);display:inline-block}
nav .links a{color:var(--mute);text-decoration:none;margin-left:18px;font-size:14px}
.live{display:inline-flex;align-items:center;gap:8px;padding:7px 14px;border:1px solid var(--line);border-radius:99px;background:rgba(255,255,255,.04);font-size:14px;color:var(--mute)}
.live b{color:var(--ink);font-variant-numeric:tabular-nums}
.dot{width:8px;height:8px;border-radius:50%;background:#7ee0a1;box-shadow:0 0 0 0 rgba(126,224,161,.6);animation:pulse 2s infinite}
@keyframes pulse{70%{box-shadow:0 0 0 10px rgba(126,224,161,0)}100%{box-shadow:0 0 0 0 rgba(126,224,161,0)}}
.hero{padding:56px 0 40px;text-align:center}
.eyebrow{font-size:13px;letter-spacing:.14em;text-transform:uppercase;color:var(--amber)}
h1{font-family:var(--serif);font-weight:400;font-size:clamp(42px,9vw,84px);line-height:1.02;letter-spacing:-.02em;margin:18px auto 18px;max-width:12ch}
h1 em{font-style:italic;color:var(--amber)}
h2{font-family:var(--serif);font-weight:400;font-size:clamp(30px,5vw,44px);letter-spacing:-.01em;line-height:1.1}
.lede{font-size:18px;color:var(--mute);max-width:36ch;margin:0 auto;line-height:1.55}
.tonight{margin:30px auto 26px;display:inline-flex;flex-direction:column;gap:4px;padding:16px 26px;border-radius:18px;border:1px solid var(--line);background:var(--card)}
.tonight small{color:var(--dim);font-size:12px;letter-spacing:.12em;text-transform:uppercase}
.tonight strong{font-family:var(--serif);font-size:30px;font-weight:400}
.tonight span{font-size:13px;color:var(--mute)}
.btn{display:inline-block;padding:18px 34px;border-radius:99px;background:linear-gradient(180deg,var(--amber),var(--amber2));color:#1b1206;font-weight:600;font-size:18px;text-decoration:none;border:0;cursor:pointer;box-shadow:0 10px 40px rgba(242,179,102,.28)}
.btn:active{transform:scale(.98)}
.btn.ghost{background:transparent;color:var(--ink);border:1px solid var(--line);box-shadow:none}
.sub{font-size:13px;color:var(--dim);margin-top:12px}
section{padding:56px 0}
.beats{display:grid;gap:14px;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));margin-top:28px}
.card{border:1px solid var(--line);background:var(--card);border-radius:22px;padding:24px}
.card .n{font-family:var(--serif);color:var(--amber);font-size:15px}
.card h3{font-family:var(--serif);font-weight:400;font-size:24px;margin:8px 0}
.card p{color:var(--mute);line-height:1.55;font-size:15px}
.proof{display:flex;justify-content:center;flex-wrap:wrap;gap:36px;padding:28px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);text-align:center}
.proof b{display:block;font-family:var(--serif);font-weight:400;font-size:34px;font-variant-numeric:tabular-nums}
.proof span{color:var(--dim);font-size:13px}
.quotes{display:grid;gap:14px;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));margin-top:24px}
.quotes blockquote{font-family:var(--serif);font-size:19px;line-height:1.45;color:var(--ink)}
.quotes cite{display:block;margin-top:12px;font-style:normal;color:var(--dim);font-size:13px;font-family:var(--sans)}
.prices{display:grid;gap:14px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));margin-top:28px}
.price{position:relative;display:flex;flex-direction:column;gap:10px}
.price .amt{font-family:var(--serif);font-size:40px}
.price .amt small{font-size:15px;color:var(--mute);font-family:var(--sans)}
.price ul{list-style:none;color:var(--mute);font-size:14px;line-height:1.9;flex:1}
.price ul li:before{content:'·  ';color:var(--amber)}
.price.feat{border-color:rgba(242,179,102,.5);background:linear-gradient(180deg,rgba(242,179,102,.08),transparent)}
.tag{position:absolute;top:-11px;left:22px;background:var(--amber);color:#1b1206;font-size:11px;font-weight:700;padding:4px 10px;border-radius:99px;letter-spacing:.06em;text-transform:uppercase}
.price .btn{font-size:15px;padding:13px 20px;text-align:center}
.toggle{display:inline-flex;border:1px solid var(--line);border-radius:99px;padding:3px;font-size:13px}
.toggle button{background:none;border:0;color:var(--mute);padding:6px 12px;border-radius:99px;cursor:pointer;font:inherit}
.toggle button.on{background:rgba(255,255,255,.1);color:var(--ink)}
.lib{display:flex;gap:16px;align-items:center;justify-content:center;color:var(--mute);font-size:15px;text-align:center}
.lib b{color:var(--ink);font-weight:500}
.sewa{display:grid;gap:10px;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));margin-top:22px}
.sewa div{padding:14px 16px;border-radius:14px;border:1px solid var(--line);font-size:14px;color:var(--mute)}
.sewa div b{color:var(--ink);font-weight:500}
footer{padding:40px 0 30px;color:var(--dim);font-size:13px;line-height:1.7;border-top:1px solid var(--line)}
footer .studio{margin-top:10px;opacity:.8}
.crisis{position:fixed;left:0;right:0;bottom:0;z-index:50;background:rgba(13,11,31,.92);backdrop-filter:blur(10px);border-top:1px solid var(--line);font-size:12.5px;color:var(--mute);padding:11px 16px;text-align:center}
.crisis a{color:var(--amber)}
.center{text-align:center}
input,select{font:inherit;color:var(--ink);background:rgba(255,255,255,.06);border:1px solid var(--line);border-radius:12px;padding:12px 14px;width:100%}
.reveal{opacity:0;transform:translateY(14px);transition:1s ease}
.reveal.in{opacity:1;transform:none}
.preview{position:relative;width:min(440px,92vw);aspect-ratio:1;margin:18px auto 0}
.preview canvas{width:100%;height:100%;display:block}
.pvlab{position:absolute;left:0;right:0;bottom:-6px;display:flex;flex-direction:column;align-items:center;gap:8px}
.pvjoin{font-size:13px;color:var(--mute);min-height:1.2em}

/* v6 calm */
body:not(.room){background:radial-gradient(90% 60% at 50% 0%,#17143a 0%,transparent 65%),#06061a}
.hero{padding:72px 0 56px}.hero h1{font-weight:300;max-width:13ch}.hero h1 em{color:#f0c27a}.lede{font-size:19px;max-width:34ch}
.ctas{display:flex;flex-direction:column;align-items:center;gap:18px;margin-top:34px}.textlink{color:var(--mute);font-size:15px;text-decoration:none;border-bottom:1px solid var(--line);padding-bottom:2px}
.btn{background:linear-gradient(180deg,#f6d394,#e9b465);font-weight:500;box-shadow:0 14px 50px rgba(240,194,122,.2)}
.crisis.quiet{background:rgba(6,6,26,.7);font-size:11px;padding:8px;color:var(--dim);border:0}
.price .amt{font-weight:300}.card{border-radius:26px}