:root{--ink:#111318;--paper:#f6f0e3;--mist:#dbe9ff;--teams:#6264a7;--violet:#34307b;--signal:#d7ff65;--coral:#ff6f61;--sky:#80d8ff;--line:#11131824;--glass:#fffbf2b8;--shadow:0 30px 90px #1f1d302e}*{box-sizing:border-box}html{scroll-behavior:smooth}body{color:var(--ink);background:linear-gradient(115deg, #6264a72e, transparent 30%), radial-gradient(circle at 12% 14%, #80d8ffbf, transparent 22rem), radial-gradient(circle at 92% 8%, #d7ff659e, transparent 18rem), radial-gradient(circle at 80% 76%, #ff6f6147, transparent 26rem), var(--paper);min-height:100vh;margin:0;font-family:Bricolage Grotesque,sans-serif}body:before{content:"";pointer-events:none;opacity:.22;background-image:linear-gradient(var(--line) 1px, transparent 1px), linear-gradient(90deg, var(--line) 1px, transparent 1px);background-size:42px 42px;position:fixed;inset:0;-webkit-mask-image:linear-gradient(#000,#0000 78%);mask-image:linear-gradient(#000,#0000 78%)}button,input,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{color:#fffaf0;background:var(--ink);cursor:pointer;border:0;border-radius:999px;padding:14px 18px;font-weight:800;transition:transform .18s,box-shadow .18s,opacity .18s;box-shadow:0 14px 28px #11131829}button:hover,a:hover{transform:translateY(-2px)}button:disabled{opacity:.55;cursor:wait;transform:none}.stage{width:min(1220px,100% - 32px);margin:0 auto;padding:32px 0 70px;position:relative}.hero{border:1px solid var(--line);min-height:430px;box-shadow:var(--shadow);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(135deg,#fffbf2d1,#dbe9ffad);border-radius:44px;padding:clamp(28px,6vw,64px);position:relative;overflow:hidden}.mesh{background:radial-gradient(circle at 36% 38%, var(--teams), transparent 24%), radial-gradient(circle at 62% 34%, var(--signal), transparent 22%), radial-gradient(circle at 48% 68%, var(--coral), transparent 24%);filter:blur(10px);opacity:.72;border-radius:42% 58% 60% 40%;width:520px;height:520px;animation:12s ease-in-out infinite alternate drift;position:absolute;top:-100px;right:-80px}@keyframes drift{to{transform:translate(-26px,32px)rotate(8deg)scale(1.05)}}.eyebrow{text-transform:uppercase;letter-spacing:.17em;color:var(--violet);margin:0 0 12px;font-size:12px;font-weight:800}h1{z-index:1;letter-spacing:-.075em;max-width:830px;margin:0;font-family:Newsreader,serif;font-size:clamp(58px,9.5vw,126px);line-height:.82;position:relative}.lede{z-index:1;color:#111318b8;max-width:710px;margin:26px 0;font-size:clamp(17px,2vw,21px);line-height:1.52;position:relative}.heroActions{z-index:1;flex-wrap:wrap;align-items:center;gap:12px;display:flex;position:relative}.heroActions a{color:#fffaf0;background:var(--teams);border-radius:999px;align-items:center;min-height:48px;padding:0 18px;font-weight:800;text-decoration:none;transition:transform .18s;display:inline-flex;box-shadow:0 18px 36px #6264a747}.heroActions span{border:1px solid var(--line);background:#ffffff73;border-radius:999px;padding:13px 16px;font-weight:800}.console{grid-template-columns:1fr 1fr;gap:18px;margin-top:18px;display:grid}.joinPanel,.livePanel,.summaryCard,.architecture{border:1px solid var(--line);background:var(--glass);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-radius:34px;padding:24px;box-shadow:0 22px 70px #1f1d3021}.panelHeader,.panelTitle{justify-content:space-between;align-items:center;gap:13px;margin-bottom:22px;display:flex}.panelHeader{justify-content:flex-start}.panelHeader p,.panelTitle p,.architecture p{text-transform:uppercase;letter-spacing:.14em;color:var(--teams);margin:0 0 4px;font-size:11px;font-weight:800}.panelHeader strong,.panelTitle strong{line-height:1.35;display:block}.dot{background:#a7a9b5;border-radius:999px;flex:0 0 16px;width:16px;height:16px;box-shadow:0 0 0 8px #a7a9b529}.dot.validating,.dot.queued,.dot.demo,.dot.live{background:var(--signal);box-shadow:0 0 0 8px #d7ff6540}.dot.error{background:var(--coral);box-shadow:0 0 0 8px #ff6f612e}label{letter-spacing:-.02em;margin:0 0 10px;font-weight:800;display:block}.urlRow{grid-template-columns:1fr auto;gap:10px;display:grid}input,textarea{width:100%;color:var(--ink);background:#ffffff9e;border:1px solid #1113182e;border-radius:24px;outline:none;padding:16px 18px;box-shadow:inset 0 1px #ffffffe6}input:focus,textarea:focus{border-color:var(--teams);box-shadow:0 0 0 5px #6264a724}.controls{flex-wrap:wrap;align-items:center;gap:10px;margin:16px 0;display:flex}.secondary{color:var(--ink);border:1px solid var(--line);box-shadow:none;background:#ffffffad}.danger{background:#b4233d}.timer{background:var(--ink);color:var(--signal);letter-spacing:.1em;border-radius:999px;margin-left:auto;padding:12px 16px;font-weight:800}.manual{grid-template-columns:1fr auto;align-items:end;gap:10px;display:grid}.manual textarea{resize:vertical;min-height:118px;line-height:1.45}.stream{gap:12px;max-height:504px;padding-right:4px;display:grid;overflow:auto}.note{border:1px solid var(--line);background:#ffffff94;border-radius:24px;padding:16px}.note div{align-items:center;gap:10px;margin-bottom:8px;display:flex}.note span{background:#11131814;border-radius:999px;padding:5px 9px;font-size:12px;font-weight:800}.note p{color:#111318cc;margin:0;line-height:1.48}.note.decision{background:#dbe9ffbf;border-color:#6264a76b}.note.action{background:#d7ff653d;border-color:#d7ff659e}.note.risk{background:#ff6f6124;border-color:#ff6f617a}.empty{text-align:center;color:#1113189e;border:1px dashed #1113182e;border-radius:28px;place-content:center;min-height:280px;padding:28px;display:grid}.empty strong{color:var(--ink);font-size:24px}.empty p{max-width:360px;line-height:1.5}.minutes{grid-template-columns:repeat(4,1fr);gap:18px;margin-top:18px;display:grid}h2{letter-spacing:-.055em;margin:0 0 16px;font-family:Newsreader,serif;font-size:36px;line-height:.95}ul,ol{margin:0;padding-left:20px;line-height:1.5}.summaryCard p{color:#1113189e}.architecture{color:#fffaf0;background:linear-gradient(145deg,#151622,#34307b);grid-column:span 1}.architecture p{color:var(--signal)}.architecture li+li{margin-top:8px}@media (max-width:950px){.console,.minutes{grid-template-columns:1fr}.architecture{grid-column:auto}.urlRow,.manual{grid-template-columns:1fr}.timer{margin-left:0}}@media (max-width:560px){.stage{width:min(100% - 20px,1220px);padding-top:10px}.hero,.joinPanel,.livePanel,.summaryCard,.architecture{border-radius:26px;padding:20px}h1{font-size:52px}}