:root{--bg:#020812;--bg2:#041426;--panel:rgba(5,20,38,.72);--panel2:rgba(7,27,49,.84);--line:#1185cc;--blue:#27a7ff;--gold:#ffac39;--gold2:#ffd06f;--text:#f7fbff;--muted:#a9bdd2;--shadow:0 20px 80px rgba(0,0,0,.42);--max:1500px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;overflow-x:hidden}a{color:inherit;text-decoration:none}button{font:inherit}.space{position:fixed;inset:0;z-index:-4;background:radial-gradient(circle at 74% 9%,#0a4d82 0,transparent 20%),radial-gradient(circle at 12% 35%,#062f5d 0,transparent 27%),linear-gradient(#020712,#031324 55%,#01060d)}.stars{position:absolute;inset:-35%;background-image:radial-gradient(#fff 0.7px,transparent 0.9px),radial-gradient(#39a9ff 0.7px,transparent 1px),radial-gradient(#ffb048 .8px,transparent 1.1px);background-size:43px 43px,71px 71px,113px 113px;opacity:.42;animation:drift 70s linear infinite}.stars-b{transform:scale(1.15);opacity:.22;animation-duration:110s;animation-direction:reverse}.aurora{position:absolute;border-radius:50%;filter:blur(85px);opacity:.18}.aurora-a{width:45vw;height:45vw;right:-13vw;top:12vh;background:#147dde;animation:float 14s ease-in-out infinite}.aurora-b{width:30vw;height:30vw;left:-10vw;top:50vh;background:#ff8b2b;animation:float 19s ease-in-out infinite reverse}@keyframes drift{to{transform:translate3d(10%,7%,0) rotate(5deg)}}@keyframes float{50%{transform:translate3d(4vw,2vh,0) scale(1.08)}}
.site-header{position:sticky;top:0;z-index:50;background:rgba(1,8,18,.78);backdrop-filter:blur(18px);border-bottom:1px solid rgba(43,153,235,.35)}.nav-shell{max-width:var(--max);margin:auto;height:82px;padding:0 30px;display:flex;align-items:center;gap:32px}.brand{display:flex;align-items:center;gap:11px;min-width:max-content}.brand img{width:48px;height:48px;object-fit:contain;filter:drop-shadow(0 0 14px rgba(255,162,54,.4))}.brand-copy{display:flex;flex-direction:column}.brand-copy strong{font-size:24px;letter-spacing:-.04em}.brand-copy strong span{color:var(--gold)}.brand-copy small{font-size:8px;letter-spacing:.22em;color:#dbe7f4}.nav-links{display:flex;gap:34px;margin-left:auto}.nav-links a{font-size:14px;color:#d6e4f2;transition:.25s}.nav-links a:hover{color:var(--gold)}.btn{border:1px solid rgba(47,165,255,.58);display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:14px 24px;border-radius:15px;font-weight:800;letter-spacing:-.01em;cursor:pointer;box-shadow:0 0 0 1px rgba(255,255,255,.03) inset;transition:.25s}.btn:hover{transform:translateY(-2px);filter:brightness(1.08)}.btn-primary{border-color:#ffbd58;background:linear-gradient(135deg,#ffbe55,#ff8b2d);color:#07101c;box-shadow:0 0 28px rgba(255,154,45,.35),inset 0 1px rgba(255,255,255,.6)}.btn-glass{background:rgba(4,25,46,.65);box-shadow:0 0 20px rgba(22,157,250,.18)}.btn-compact{padding:12px 19px;border-radius:12px}.menu-button{display:none;margin-left:auto;background:none;border:1px solid rgba(255,255,255,.2);color:#fff;border-radius:10px;padding:8px 11px}.section-band{border-bottom:1px solid rgba(32,151,230,.28)}
.hero{min-height:700px;position:relative;overflow:hidden}.hero:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 68% 28%,rgba(255,149,50,.14),transparent 19%),radial-gradient(circle at 61% 18%,rgba(28,132,248,.2),transparent 25%);pointer-events:none}.hero-grid{max-width:var(--max);margin:auto;padding:62px 48px 20px;display:grid;grid-template-columns:1.08fr .92fr;min-height:620px;align-items:center;gap:20px}.eyebrow{font-size:13px;letter-spacing:.35em;font-weight:800;color:#bdcde0}.hero h1{font-size:clamp(58px,6.2vw,112px);line-height:.88;letter-spacing:-.055em;margin:12px 0 18px;max-width:950px}.hero h1 span{color:#ff9e43;text-shadow:0 0 30px rgba(255,139,35,.25)}.lead{font-size:21px;line-height:1.5;color:#dce8f4;max-width:760px}.hero-actions{display:flex;gap:16px;margin-top:30px}.play{display:inline-grid;place-items:center;width:28px;height:28px;background:#07101c;color:var(--gold);border-radius:50%;font-size:12px}.hero-metrics{display:flex;gap:26px;margin-top:28px}.hero-metrics div{padding-left:16px;border-left:2px solid var(--gold);display:flex;flex-direction:column}.hero-metrics strong{font-size:14px}.hero-metrics small{color:var(--muted);margin-top:3px}.hero-visual{height:530px;position:relative;display:flex;align-items:center;justify-content:center}.hero-art{width:115%;height:100%;object-fit:cover;object-position:center;border-radius:36% 8% 10% 40%;mask-image:linear-gradient(to right,transparent 0,#000 17%,#000 90%,transparent 100%);filter:saturate(1.2) contrast(1.06) drop-shadow(0 0 60px rgba(31,156,255,.22));animation:heroFloat 9s ease-in-out infinite}.script-note{position:absolute;top:8%;left:2%;font-family:"Segoe Script","Brush Script MT",cursive;font-size:clamp(35px,4vw,68px);line-height:.86;color:#c8e9ff;transform:rotate(-7deg);text-shadow:0 0 16px #287fc1}.script-note:after{content:"";display:block;width:110px;height:3px;background:linear-gradient(90deg,var(--gold),transparent);margin-top:14px}.script-note.smaller{position:static;font-size:50px;transform:rotate(-7deg);align-self:center}.micro-quote{position:absolute;right:1%;bottom:10%;font-size:10px;line-height:1.7;letter-spacing:.34em;color:#bbd6ee;border-left:2px solid var(--gold);padding-left:14px}.orbit{position:absolute;border:1px solid rgba(39,167,255,.2);border-radius:50%;animation:spin 18s linear infinite}.orbit-one{width:480px;height:480px}.orbit-two{width:350px;height:350px;animation-direction:reverse;animation-duration:12s}@keyframes spin{to{transform:rotate(360deg)}}@keyframes heroFloat{50%{transform:translateY(-10px) scale(1.012)}}.audience-strip{max-width:var(--max);margin:auto;padding:14px 48px 24px;display:flex;gap:14px;align-items:center;flex-wrap:wrap}.audience-strip span{border:1px solid rgba(42,163,245,.62);padding:12px 21px;border-radius:999px;background:rgba(2,18,34,.72);box-shadow:0 0 18px rgba(20,141,231,.14)}.audience-strip em{margin-left:auto;font-size:9px;letter-spacing:.29em;color:#a9bfd4;font-style:normal;max-width:210px}
.section{max-width:var(--max);margin:auto;padding:44px 48px}.section-heading{text-align:center;margin:0 auto 28px}.section-heading.inline{display:flex;align-items:end;justify-content:space-between;text-align:left}.section-heading h2,.preview h2,.cta-band h2{font-size:clamp(34px,3vw,55px);letter-spacing:-.04em;margin:0}.section-heading p{margin:7px 0 0;color:#c6d5e4;font-size:17px}.steps-grid{display:grid;grid-template-columns:1fr auto 1fr auto 1fr;gap:20px;align-items:center}.step-card,.event-grid article,.why-grid article,.profile-card{border:1px solid rgba(32,157,239,.65);background:linear-gradient(145deg,rgba(7,31,56,.86),rgba(2,15,29,.78));box-shadow:inset 0 1px rgba(255,255,255,.04),var(--shadow)}.step-card{min-height:235px;padding:28px;text-align:center;border-radius:14px;position:relative;overflow:hidden}.step-card:before{content:"";position:absolute;width:140px;height:140px;left:-60px;top:-60px;background:radial-gradient(circle,rgba(255,167,55,.17),transparent 67%)}.step-no{position:absolute;left:20px;top:20px;width:34px;height:34px;border:1px solid var(--gold);border-radius:50%;display:grid;place-items:center;color:var(--gold);box-shadow:0 0 18px rgba(255,171,55,.2)}.step-icon{font-size:44px;color:#d7eeff;margin:10px}.step-card h3{font-size:22px;margin:4px 0 9px}.step-card p{color:#bdcde0;line-height:1.55;margin:0}.step-arrow{font-size:44px;color:#7bceff}.text-link{background:none;border:0;color:var(--gold);font-weight:800;cursor:pointer}.profiles-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.profile-card{padding:18px;border-radius:12px;display:grid;grid-template-columns:88px 1fr auto;gap:16px;align-items:center;transition:.25s;cursor:pointer}.profile-card.active,.profile-card:hover{border-color:#55bafa;transform:translateY(-4px);box-shadow:0 0 28px rgba(38,167,255,.2),var(--shadow)}.avatar{width:78px;height:78px;border-radius:50%;display:grid;place-items:center;font-weight:900;font-size:21px;color:white;border:2px solid #3bb2ff;box-shadow:0 0 24px rgba(42,174,255,.28)}.avatar-a{background:linear-gradient(135deg,#2472a8,#f2a36a)}.avatar-b{background:linear-gradient(135deg,#7042a1,#e69141)}.avatar-c{background:linear-gradient(135deg,#a54e57,#2e76a9)}.profile-icon{color:var(--gold);font-size:20px}.profile-main h3{margin:2px 0;font-size:19px}.profile-main small{color:#8ed2ff}.profile-main p{font-style:italic;color:#d4e1ee;line-height:1.45;margin:9px 0 0}.profile-card button{width:32px;height:32px;border:1px solid var(--gold);color:var(--gold);background:transparent;border-radius:50%;cursor:pointer}
.preview{position:relative;overflow:hidden;background:radial-gradient(circle at 20% 15%,rgba(255,133,35,.18),transparent 26%),linear-gradient(180deg,rgba(3,13,24,.5),rgba(2,9,17,.85))}.stage-lights{position:absolute;inset:-20% 0 0;background:conic-gradient(from 160deg at 24% 0%,transparent 0 15%,rgba(255,198,114,.18) 17%,transparent 20% 27%,rgba(255,255,255,.13) 29%,transparent 34%),radial-gradient(ellipse at 35% 100%,rgba(255,125,39,.11),transparent 45%);filter:blur(4px);animation:lights 8s ease-in-out infinite alternate}@keyframes lights{to{transform:translateX(4%) scale(1.04)}}.preview-grid{max-width:var(--max);margin:auto;padding:34px 48px;min-height:310px;display:grid;grid-template-columns:230px 1fr 280px;gap:28px;align-items:center;position:relative}.microphone{font-size:150px;text-align:center;filter:drop-shadow(0 0 25px rgba(255,161,55,.4));animation:micPulse 3s ease-in-out infinite}@keyframes micPulse{50%{transform:translateY(-7px) scale(1.03)}}.preview-copy{text-align:center}.preview-copy>p{color:#bfcfe0}.speech{margin-top:16px;text-align:left;padding:24px 28px;border:1px solid var(--gold);border-radius:14px;background:linear-gradient(135deg,rgba(4,31,55,.9),rgba(7,16,28,.86));box-shadow:0 0 25px rgba(255,153,43,.22),inset 0 0 22px rgba(38,154,238,.11);font-size:18px;line-height:1.55;min-height:138px;display:flex;align-items:center}.event-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.event-grid article{text-align:center;padding:24px;border-radius:13px}.event-grid article>div{font-size:42px}.event-grid h3{margin:8px 0}.event-grid p{color:#b9cadd;line-height:1.5}.why{padding-top:30px}.why-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;border:1px solid rgba(34,147,219,.48);padding:16px;border-radius:18px;background:rgba(4,20,36,.66)}.why-grid article{border:0;background:transparent;box-shadow:none;padding:12px;display:flex;gap:14px}.why-grid span{color:var(--gold);font-size:33px}.why-grid h3{font-size:15px;margin:0 0 5px}.why-grid p{font-size:12px;color:#aebfd0;margin:0;line-height:1.45}.cta-band{max-width:var(--max);margin:22px auto 0;padding:42px 48px;display:flex;align-items:center;justify-content:space-between;gap:30px;border-top:1px solid rgba(39,167,255,.36);border-bottom:1px solid rgba(39,167,255,.36);background:linear-gradient(90deg,rgba(6,34,59,.78),rgba(9,22,38,.45),rgba(255,143,35,.08))}.cta-band p{color:#bcd0e2}.footer{max-width:var(--max);margin:auto;padding:36px 48px 50px;display:grid;grid-template-columns:auto 1fr auto;gap:28px;align-items:center}.footer nav{display:flex;gap:20px;justify-content:center;font-size:13px}.footer-contact{display:flex;gap:18px;font-size:12px;color:#d4e3f1}.footer>small{grid-column:1/-1;text-align:center;color:#70869c}.footer-brand img{width:54px;height:54px}
.reveal{opacity:0;transform:translateY(24px);transition:opacity .7s ease,transform .7s ease}.reveal.in{opacity:1;transform:none}.delay-1{transition-delay:.12s}.delay-2{transition-delay:.22s}
@media(max-width:1100px){.nav-links{display:none}.menu-button{display:block}.nav-links.open{position:absolute;display:flex;flex-direction:column;top:72px;right:20px;background:#04101d;border:1px solid rgba(38,158,237,.4);padding:18px;border-radius:14px}.hero-grid{grid-template-columns:1fr}.hero-visual{height:420px}.steps-grid{grid-template-columns:1fr}.step-arrow{display:none}.profiles-grid{grid-template-columns:1fr}.preview-grid{grid-template-columns:150px 1fr}.script-note.smaller{display:none}.event-grid{grid-template-columns:repeat(2,1fr)}.why-grid{grid-template-columns:repeat(2,1fr)}.footer{grid-template-columns:1fr;text-align:center}.footer nav,.footer-contact{justify-content:center}.brand{justify-content:center}.nav-shell>.brand{justify-content:flex-start}}
@media(max-width:700px){.nav-shell{height:70px;padding:0 16px}.nav-cta{display:none}.brand-copy strong{font-size:19px}.brand-copy small{font-size:6px}.brand img{width:40px;height:40px}.hero-grid,.section,.audience-strip,.preview-grid,.cta-band,.footer{padding-left:18px;padding-right:18px}.hero-grid{padding-top:40px}.hero h1{font-size:54px}.lead{font-size:17px}.hero-actions,.hero-metrics{flex-direction:column;align-items:stretch}.hero-visual{height:330px}.script-note{font-size:38px}.audience-strip span{font-size:12px;padding:9px 13px}.audience-strip em{width:100%;margin-left:0}.section-heading.inline{display:block}.text-link{margin-top:12px}.profile-card{grid-template-columns:68px 1fr auto}.avatar{width:62px;height:62px}.preview-grid{grid-template-columns:1fr}.microphone{font-size:90px}.speech{font-size:16px}.event-grid,.why-grid{grid-template-columns:1fr}.cta-band{flex-direction:column;align-items:flex-start}.footer nav,.footer-contact{flex-wrap:wrap}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}.reveal{opacity:1;transform:none}}

/* --- Interactive one-liner demo --- */
.demo-builder{position:relative}.roast-lab-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:22px;align-items:stretch}.roast-form,.roast-ticket{border:1px solid rgba(35,163,246,.58);background:linear-gradient(145deg,rgba(5,31,54,.92),rgba(2,13,26,.90));border-radius:20px;box-shadow:inset 0 1px rgba(255,255,255,.05),0 22px 70px rgba(0,0,0,.38);padding:24px}.form-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:18px}.form-head h3{font-size:25px;margin:5px 0 0}.form-kicker{font-size:10px;letter-spacing:.23em;color:var(--gold);font-weight:900}.privacy-pill{font-size:9px;letter-spacing:.12em;border:1px solid rgba(98,230,167,.45);color:#79f0bd;background:rgba(20,93,66,.15);padding:8px 10px;border-radius:999px;white-space:nowrap}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px}.form-grid label{display:flex;flex-direction:column;gap:7px;color:#c8d7e6;font-size:12px;font-weight:800}.form-grid input{width:100%;border:1px solid rgba(84,160,214,.35);background:rgba(1,11,21,.76);color:#fff;padding:13px 14px;border-radius:11px;outline:none;font:inherit;transition:border-color .2s,box-shadow .2s}.form-grid input:focus{border-color:#43baff;box-shadow:0 0 0 3px rgba(30,158,238,.12),0 0 22px rgba(30,158,238,.08)}.form-grid input::placeholder{color:#607b94}.form-actions{display:flex;gap:12px;margin-top:18px}.form-note{font-size:11px;color:#7f96ab;line-height:1.55;margin:14px 0 0}.roast-ticket{position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:center;min-height:390px}.roast-ticket:before{content:"";position:absolute;inset:-30%;background:conic-gradient(from 180deg,transparent,rgba(255,158,67,.10),transparent 32%,rgba(37,161,241,.10),transparent 62%);animation:ticketGlow 16s linear infinite;pointer-events:none}@keyframes ticketGlow{to{transform:rotate(360deg)}}.ticket-top,.ticket-meta{position:relative;z-index:1;display:flex;justify-content:space-between;gap:10px;align-items:center}.ticket-top span{letter-spacing:.2em;font-size:10px;color:#9ab4ca}.ticket-top strong{color:var(--gold);font-size:12px}.ticket-mic{position:relative;z-index:1;font-size:55px;filter:drop-shadow(0 0 20px rgba(255,159,61,.35));margin:26px 0 10px}.roast-ticket blockquote{position:relative;z-index:1;margin:0;font-size:clamp(20px,2vw,30px);line-height:1.38;font-weight:800;letter-spacing:-.025em;color:#f7fbff}.roast-ticket blockquote.flash{animation:jokeReveal .42s ease}@keyframes jokeReveal{0%{opacity:.15;transform:translateY(8px) scale(.99)}100%{opacity:1;transform:none}}.ticket-meta{border-top:1px solid rgba(109,176,226,.18);padding-top:16px;margin-top:25px;font-size:9px;letter-spacing:.12em;color:#6fa5ca}.form-actions button:disabled{opacity:.42;cursor:not-allowed;filter:saturate(.4)}
@media(max-width:900px){.roast-lab-grid{grid-template-columns:1fr}.roast-ticket{min-height:300px}}@media(max-width:650px){.form-grid{grid-template-columns:1fr}.form-head,.form-actions{flex-direction:column}.privacy-pill{align-self:flex-start}.form-actions .btn{width:100%}}