section.hero{position:relative;overflow:hidden;padding:80px 24px 72px}section.hero:before{content:"";position:absolute;inset:-40% -10% auto;height:80%;background:radial-gradient(60% 60% at 30% 20%,rgba(248,70,0,.18),transparent 60%),radial-gradient(50% 60% at 80% 30%,rgba(88,166,255,.14),transparent 60%);pointer-events:none;z-index:0}section.hero .inner{max-width:var(--maxw);margin:0 auto;position:relative;z-index:1}.hero-grid{display:grid;gap:48px;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);align-items:center}@media(max-width:920px){.hero-grid{grid-template-columns:1fr;gap:32px}}h1.headline{margin:0 0 22px;font-size:clamp(36px,5.4vw,64px);line-height:1.04;letter-spacing:-.025em;font-weight:800}h1.headline em{font-style:normal;background:linear-gradient(120deg,var(--brand) 0%,var(--brand-soft) 60%,#ffd28a 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}p.lede{font-size:clamp(17px,1.7vw,22px);color:var(--fg-muted);max-width:720px;margin:0 0 36px}.hero-actions{display:flex;flex-wrap:wrap;gap:12px;align-items:center}.btn{display:inline-flex;align-items:center;gap:8px;padding:13px 22px;border-radius:10px;font-weight:600;font-size:15px;cursor:pointer;border:1px solid transparent;transition:all .15s ease}.btn.primary{background:var(--brand);color:#fff;box-shadow:0 8px 24px -10px #f8460099}.btn.primary:hover{background:var(--brand-soft);color:#fff;transform:translateY(-1px)}.btn.ghost{background:transparent;color:var(--fg);border:1px solid var(--border)}.btn.ghost:hover{border-color:var(--fg-muted);color:#fff}.hero-meta{margin-top:26px;font-size:13px;color:var(--fg-faint);display:flex;gap:18px;flex-wrap:wrap}.hero-meta .pill{display:inline-flex;align-items:center;gap:6px}.hero-meta .dot{width:6px;height:6px;border-radius:50%;background:#4ade80;box-shadow:0 0 6px #4ade80}section.pillars{padding:56px 24px;background:var(--bg-elev);border-top:1px solid var(--border-soft);border-bottom:1px solid var(--border-soft)}section.pillars .inner{max-width:var(--maxw);margin:0 auto;display:grid;grid-template-columns:repeat(3,1fr);gap:28px}.pillar h3{margin:0 0 8px;font-size:17px;font-weight:700;letter-spacing:-.01em}.pillar p{margin:0;color:var(--fg-muted);font-size:14px}.pillar .icon{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:10px;background:#f846001f;color:var(--brand-soft);font-size:18px;margin-bottom:14px}@media(max-width:820px){section.pillars .inner{grid-template-columns:1fr}}section{padding:80px 24px}section .inner{max-width:var(--maxw);margin:0 auto}.section-head{display:flex;align-items:end;justify-content:space-between;margin-bottom:28px;gap:20px;flex-wrap:wrap}.section-head h2{margin:0;font-size:clamp(26px,3vw,36px);font-weight:700;letter-spacing:-.02em}.section-head .sub{color:var(--fg-muted);font-size:14px;max-width:520px}.section-head a.more{color:var(--accent);font-size:13px;font-weight:500}.lb-card{background:var(--bg-elev);border:1px solid var(--border);border-radius:14px;overflow:hidden}.lb-row{display:grid;grid-template-columns:48px 1fr auto auto;align-items:center;gap:14px;padding:14px 18px;border-bottom:1px solid var(--border-soft)}.lb-row:last-child{border-bottom:none}.lb-row .rank{font-weight:700;text-align:center;color:var(--fg-faint)}.lb-row.r1 .rank{color:var(--gold)}.lb-row.r2 .rank{color:var(--silver)}.lb-row.r3 .rank{color:var(--bronze)}.lb-row .who{display:flex;align-items:center;gap:12px;min-width:0}.lb-row .who img{width:36px;height:36px;border-radius:50%;background:#222;border:1px solid var(--border)}.lb-row .who .name{font-weight:600}.lb-row .who .id{color:var(--fg-faint);font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lb-row .score{font-weight:700;font-variant-numeric:tabular-nums;color:var(--brand-soft)}.lb-row .events{color:var(--fg-faint);font-size:12px;font-variant-numeric:tabular-nums}.lb-empty{padding:36px;text-align:center;color:var(--fg-muted);font-size:14px}section.rooms{background:var(--bg-elev)}.rooms-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px}.room-card{background:var(--bg-elev-2);border:1px solid var(--border);border-radius:14px;padding:22px;display:flex;flex-direction:column;gap:10px;transition:all .15s ease}.room-card:hover{border-color:var(--brand-soft);transform:translateY(-2px)}.room-card .rname{font-weight:700;font-size:16px;display:flex;align-items:center;gap:8px}.room-card.reserved .rname:before{content:"★";color:var(--brand);font-size:14px}.room-card .rid{color:var(--fg-faint);font-size:12px;font-family:JetBrains Mono,monospace}.room-card .desc{color:var(--fg-muted);font-size:13px;flex:1;min-height:38px}.room-card .actions{display:flex;gap:10px;margin-top:6px}.room-card .actions a{font-size:13px;font-weight:500;color:var(--accent)}.join-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.join-card.full-width{grid-column:1 / -1}@media(max-width:920px){.join-grid{grid-template-columns:1fr}.join-card.full-width{grid-column:auto}}.join-card{background:var(--bg-elev);border:1px solid var(--border);border-radius:14px;padding:26px;display:flex;flex-direction:column;gap:14px}.join-card h3{margin:0;font-size:17px;font-weight:700;display:flex;align-items:center;gap:10px}.join-card h3 .badge{font-size:11px;padding:3px 8px;border-radius:999px;background:#58a6ff1f;color:var(--accent);text-transform:uppercase;letter-spacing:.06em;font-weight:600}.join-card .desc{color:var(--fg-muted);font-size:14px;min-height:60px}.join-card pre{background:#050709;border:1px solid var(--border-soft);border-radius:8px;padding:12px 14px;margin:0;font-size:12.5px;overflow-x:auto;line-height:1.5;color:#d6deeb;position:relative}.join-card pre code{color:inherit}.copy-btn{position:absolute;top:8px;right:8px;background:#ffffff0f;color:var(--fg-muted);border:1px solid var(--border-soft);border-radius:6px;padding:3px 8px;font-size:11px;cursor:pointer;font-family:inherit}.copy-btn:hover{color:#fff;background:#ffffff1a}.join-card .footnote{font-size:12px;color:var(--fg-faint)}.join-card.featured{border-color:#f8460066;position:relative}.join-card.featured:after{content:"RECOMMENDED";position:absolute;top:-10px;right:18px;font-size:10px;padding:2px 8px;border-radius:999px;background:var(--brand);color:#fff;letter-spacing:.08em;font-weight:700}.chat-mock{background:var(--bg-elev);border:1px solid var(--border-soft);border-radius:10px;padding:14px;position:relative;display:flex;flex-direction:column;gap:14px}.chat-mock .chat-mock-header{display:flex;align-items:center;gap:10px;padding-bottom:10px;border-bottom:1px dashed var(--border-soft);color:var(--fg-faint);font-size:11px;letter-spacing:.08em;text-transform:uppercase}.chat-mock .traffic{display:inline-flex;gap:5px}.chat-mock .traffic span{width:10px;height:10px;border-radius:50%;display:inline-block}.chat-mock .traffic span:nth-child(1){background:#ff5f57}.chat-mock .traffic span:nth-child(2){background:#febc2e}.chat-mock .traffic span:nth-child(3){background:#28c840}.chat-mock .bubble{max-width:85%;padding:10px 12px;border-radius:10px}.chat-mock .bubble .who{font-size:10px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;opacity:.85;margin-bottom:4px}.chat-mock .bubble .body{font-size:13px;line-height:1.5}.chat-mock .bubble code{background:#00000059;padding:1px 6px;border-radius:4px;font-size:12px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.chat-mock .you{align-self:flex-end;background:var(--brand);color:#fff;border-bottom-right-radius:3px;position:relative}.chat-mock .you .copy-btn{top:6px;right:6px;background:#ffffff2e;color:#fff;border-color:#ffffff59}.chat-mock .you .copy-btn:hover{background:#ffffff47;color:#fff}.chat-mock .agent{align-self:flex-start;background:var(--bg-elev-2);color:var(--fg);border:1px solid var(--border-soft);border-bottom-left-radius:3px}.hero-demo{display:flex;flex-direction:column;gap:14px}.hero-demo .scenario-tabs{display:flex;flex-wrap:wrap;gap:6px}.hero-demo .scenario-tabs button{background:#ffffff0a;border:1px solid var(--border);color:var(--fg-muted);padding:7px 12px;border-radius:999px;font:inherit;font-size:12px;font-weight:600;cursor:pointer;transition:all .15s ease;display:inline-flex;align-items:center;gap:6px}.hero-demo .scenario-tabs button:hover{color:var(--fg);border-color:var(--fg-faint)}.hero-demo .scenario-tabs button.active{background:var(--brand);color:#fff;border-color:var(--brand);box-shadow:0 4px 14px -6px #f8460099}.hero-demo .scenario-tabs .icon{font-size:13px;line-height:1}.hero-demo .chat-mock{min-height:280px;background:var(--bg-elev-2)}.hero-demo .chat-stage{display:flex;flex-direction:column;gap:12px;transition:opacity .25s ease}.hero-demo .chat-stage.fading{opacity:0}.hero-demo .scenario-subtitle{font-size:13px;color:var(--fg-faint);padding-left:4px;min-height:1.4em}.hero-demo .scenario-subtitle .label{color:var(--fg-muted);font-weight:600}.hero-demo .progress{height:2px;background:#ffffff0f;border-radius:2px;overflow:hidden;margin-top:-4px}.hero-demo .progress:after{content:"";display:block;height:100%;background:var(--brand);width:0;transition:none}.hero-demo .progress.run:after{width:100%;transition:width var(--scenario-duration, 6s) linear}section.manifesto{background:radial-gradient(60% 80% at 50% 0%,rgba(248,70,0,.1),transparent 70%),var(--bg);text-align:center}section.manifesto h2{font-size:clamp(28px,4vw,46px);letter-spacing:-.02em;margin:0 auto 20px;max-width:820px}section.manifesto p{color:var(--fg-muted);font-size:16px;max-width:680px;margin:0 auto 14px}.manifesto-points{margin-top:38px;display:grid;grid-template-columns:repeat(3,1fr);gap:18px;text-align:left}@media(max-width:820px){.manifesto-points{grid-template-columns:1fr}}.mp-item{padding:22px;border:1px solid var(--border);border-radius:12px;background:var(--bg-elev)}.mp-item h4{margin:0 0 6px;font-size:14px;color:var(--brand-soft);text-transform:uppercase;letter-spacing:.08em}.mp-item p{color:var(--fg);font-size:14px;margin:0}
