:root{--acid:#d9ff3f;--acid-soft:#efffa9;--gold:var(--acid);--gold-light:var(--acid-soft);--radius:18px}
::selection{background:var(--acid);color:#080808}
body{background:radial-gradient(circle at 12% 0%,rgba(217,255,63,.12),transparent 24%),radial-gradient(circle at 93% 35%,rgba(113,90,255,.12),transparent 27%),#050605}
body::before{opacity:.23;background-size:38px 38px}
.site-shell{width:min(1540px,calc(100% - 18px));margin:9px auto;border-radius:20px}
.site-header{min-height:70px;padding:0 26px;position:sticky;top:9px;z-index:30;background:rgba(7,8,6,.8)}
.logo,.footer-logo,.hero h1,.section-heading h2,.manifesto-section h2,.contact-copy h2{font-family:"Space Grotesk",Inter,sans-serif}
.logo{font-size:19px;letter-spacing:-.06em}.logo i{background:var(--acid);border:0;width:8px;height:8px;box-shadow:0 0 18px var(--acid)}
.main-nav a{font-size:12px;text-transform:uppercase;letter-spacing:.06em}
.header-button,.button-primary{background:var(--acid);color:#090a08;box-shadow:none}.header-button:hover,.button-primary:hover{background:#efffa9}
.signal-bar{display:grid;grid-template-columns:1fr 2fr 1fr;align-items:center;gap:24px;padding:11px 26px;border-bottom:1px solid var(--line);color:#c5c6be;font-size:10px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}
.signal-bar span{display:flex;align-items:center;gap:9px}.signal-bar i{width:7px;height:7px;border-radius:50%;background:var(--acid);box-shadow:0 0 14px var(--acid);animation:pulse 1.8s infinite}.signal-bar p{text-align:center}.signal-bar a{text-align:right;text-decoration:none;color:var(--acid)}
@keyframes pulse{50%{opacity:.35;transform:scale(.75)}}
.hero{grid-template-columns:1.08fr .92fr;min-height:690px}.hero-copy{padding:68px 5vw 58px;background:radial-gradient(circle at 10% 15%,rgba(217,255,63,.1),transparent 32%),linear-gradient(145deg,#0c0e0b,#070807)}
.eyebrow{display:flex;align-items:center;gap:10px}.eyebrow::before{content:"";width:34px;height:1px;background:var(--acid)}
.hero h1{margin:24px 0;font-size:clamp(58px,7vw,112px);line-height:.86;letter-spacing:-.075em;max-width:820px}.hero h1 span{color:var(--acid);font-style:italic;font-weight:500}
.hero-description{font-size:18px;line-height:1.62;max-width:650px;color:#b3b5ac}.button{border-radius:999px;padding:0 24px;min-height:54px;text-transform:uppercase;letter-spacing:.04em}.button-primary span{font-size:18px}.button-secondary{background:transparent}
.hero-proof{margin-top:42px;padding-top:24px;border-top:1px solid var(--line);max-width:500px}.proof-avatars span{background:#161814;border-color:#34362e}
.hero-media{margin:14px 14px 14px 0;border-radius:16px;overflow:hidden;min-height:600px;position:relative}.hero-media img{height:100%;object-fit:cover;filter:saturate(.68) contrast(1.12)}
.hero-media::after{content:"PLAY LOUD";position:absolute;right:-8px;top:50%;transform:rotate(90deg) translateX(50%);transform-origin:right top;font:700 10px/1 Inter;letter-spacing:.3em;color:rgba(255,255,255,.7)}
.hero-media-badge{border-radius:999px;background:rgba(7,8,6,.78);backdrop-filter:blur(12px)}.hero-media-badge span{background:var(--acid)}.hero-media-caption strong{font-family:"Space Grotesk";font-size:clamp(25px,3vw,44px);max-width:450px;line-height:1.02}
.benefits{background:#0b0c0a}.benefit-card{border-radius:0;background:transparent}.benefit-icon{background:transparent;border:1px solid var(--line-strong);border-radius:50%}.benefit-card h2{font-family:"Space Grotesk"}.benefit-card:hover{background:#11130e;transform:translateY(-3px)}
.content-grid{gap:0}.portfolio-panel,.about-panel{border-radius:0}.portfolio-panel{background:#10110f}.about-panel{background:#e8e7df;color:#0a0b09}.about-panel .section-label{color:#536010}.about-panel p,.about-panel .about-list{color:#54574f}.about-panel .stats-row{border-color:rgba(0,0,0,.12)}.about-panel .stats-row span{color:#61645c}.about-panel .about-image{border-radius:12px;overflow:hidden;filter:grayscale(.35)}
.section-heading h2{letter-spacing:-.055em}.filter-button{border-radius:999px}.filter-button.active{background:var(--acid);color:#080908}.musician-card{border-radius:14px;overflow:hidden}.musician-card img{transition:transform .7s cubic-bezier(.2,.75,.25,1),filter .4s}.musician-card:hover img{transform:scale(1.055);filter:saturate(1.2)}
.manifesto-section{padding:110px 5vw 90px;background:var(--acid);color:#090a08}.manifesto-kicker{font-size:11px;font-weight:900;letter-spacing:.16em;text-transform:uppercase;margin-bottom:24px}.manifesto-section h2{font-size:clamp(52px,8vw,122px);line-height:.83;letter-spacing:-.075em;max-width:1200px}.manifesto-section h2 em{font-weight:500}
.steps-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;margin-top:80px;border:1px solid rgba(0,0,0,.22);background:rgba(0,0,0,.22)}.steps-grid article{padding:34px;background:var(--acid)}.steps-grid span{font:700 11px/1 Inter;letter-spacing:.12em}.steps-grid h3{font:700 24px/1.1 "Space Grotesk";margin:40px 0 10px}.steps-grid p{color:#3f451e;line-height:1.6}
.services-section{background:#090a08}.service-card{position:relative;border-radius:14px;overflow:hidden}.service-card::after{content:"↗";position:absolute;right:18px;top:15px;color:var(--acid);font-size:20px}.service-card:hover{border-color:var(--acid);transform:translateY(-5px)}.service-icon{filter:grayscale(1)}
.contact-section{background:#0e100c}.contact-copy h2{font-size:clamp(48px,6vw,86px);line-height:.9;letter-spacing:-.07em}.join-card{border-color:rgba(217,255,63,.35);background:radial-gradient(circle at 100% 0,rgba(217,255,63,.12),transparent 40%),#151713}.join-card button,.app-primary{background:var(--acid)!important;color:#080908!important;border-radius:999px!important}
.site-footer{background:#050605}.footer-logo{letter-spacing:-.07em}.modal-card{border-radius:20px;border-color:rgba(217,255,63,.25);background:#10120e}.auth-tabs button.active{color:#080908;background:var(--acid)}.app-form input,.app-form textarea{background:#080907;border-color:#2d3027}.text-button{color:var(--acid)}
.messages-button{min-height:42px;padding:0 15px;border:1px solid var(--line-strong);border-radius:999px;color:#fff;background:#141612;font-size:12px;font-weight:800;cursor:pointer}.messages-button:hover{border-color:var(--acid);color:var(--acid)}.messages-button span{display:inline-grid;place-items:center;min-width:18px;height:18px;margin-left:5px;border-radius:50%;color:#080908;background:var(--acid);font-size:10px}
.member-card .start-chat{position:absolute;z-index:4;right:14px;top:14px;padding:9px 12px;border:0;border-radius:999px;color:#080908;background:var(--acid);font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.04em;opacity:0;transform:translateY(-6px);transition:.2s;cursor:pointer}.member-card:hover .start-chat,.member-card:focus-within .start-chat{opacity:1;transform:none}
body.chat-open{overflow:hidden}.chat-drawer{position:fixed;inset:0;z-index:900;display:none}.chat-drawer.open{display:block}.chat-backdrop{position:absolute;inset:0;background:rgba(0,0,0,.68);backdrop-filter:blur(8px)}.chat-panel{position:absolute;top:12px;right:12px;bottom:12px;width:min(980px,calc(100% - 24px));display:flex;flex-direction:column;overflow:hidden;border:1px solid rgba(217,255,63,.22);border-radius:22px;background:#0d0f0c;box-shadow:0 30px 100px rgba(0,0,0,.65);animation:chatIn .35s cubic-bezier(.2,.8,.2,1)}
@keyframes chatIn{from{opacity:0;transform:translateX(40px)}}
.chat-header{min-height:82px;display:flex;align-items:center;justify-content:space-between;padding:18px 22px;border-bottom:1px solid var(--line)}.chat-header small{color:var(--acid);font-size:9px;font-weight:900;letter-spacing:.16em}.chat-header h2{margin-top:4px;font:700 27px/1 "Space Grotesk"}.chat-close{width:42px;height:42px;border:1px solid var(--line-strong);border-radius:50%;color:#fff;background:#181a16;font-size:24px;cursor:pointer}.chat-layout{min-height:0;display:grid;grid-template-columns:310px 1fr;flex:1}.conversation-list{overflow:auto;padding:10px;border-right:1px solid var(--line);background:#090a08}.chat-empty{padding:28px 16px;color:var(--muted);font-size:12px;line-height:1.6;text-align:center}.conversation-item{width:100%;display:grid;grid-template-columns:48px 1fr;align-items:center;gap:11px;padding:11px;border:1px solid transparent;border-radius:13px;color:#fff;text-align:left;background:transparent;cursor:pointer}.conversation-item:hover,.conversation-item.active{border-color:rgba(217,255,63,.2);background:#171a14}.conversation-item.active{box-shadow:inset 3px 0 var(--acid)}.conversation-item img,.conversation-avatar{width:48px;height:48px;border-radius:50%;object-fit:cover}.conversation-avatar{display:grid;place-items:center;color:#0a0b09;background:var(--acid);font-size:20px}.conversation-item strong,.conversation-item small{display:block}.conversation-item strong{font-size:13px}.conversation-item small{margin-top:5px;color:var(--muted);font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.message-area{min-width:0;min-height:0}.chat-welcome{height:100%;display:grid;place-content:center;justify-items:center;padding:30px;text-align:center}.chat-welcome span{font-size:64px;color:var(--acid)}.chat-welcome h3{margin:14px 0 8px;font:700 28px/1 "Space Grotesk"}.chat-welcome p{color:var(--muted);font-size:13px}.active-chat{height:100%;min-height:0;display:grid;grid-template-rows:auto 1fr auto auto}.active-chat-person{padding:15px 20px;border-bottom:1px solid var(--line)}.active-chat-person strong,.active-chat-person small{display:block}.active-chat-person strong{font:700 17px/1.2 "Space Grotesk"}.active-chat-person small{margin-top:4px;color:var(--muted);font-size:10px}.message-stream{min-height:0;overflow:auto;display:flex;flex-direction:column;gap:8px;padding:20px;background:radial-gradient(circle at 80% 0,rgba(217,255,63,.06),transparent 35%)}.dialog-start{margin:auto;color:var(--muted);font-size:12px}.message-bubble{max-width:min(75%,520px);padding:10px 13px 7px;border-radius:15px;background:#20231d}.message-bubble.own{align-self:flex-end;color:#0a0b09;background:var(--acid);border-bottom-right-radius:4px}.message-bubble.incoming{align-self:flex-start;border-bottom-left-radius:4px}.message-bubble p{white-space:pre-wrap;overflow-wrap:anywhere;font-size:13px;line-height:1.45}.message-bubble small{display:block;margin-top:4px;text-align:right;font-size:8px;opacity:.55}.message-form{display:grid;grid-template-columns:1fr 46px;gap:9px;padding:12px 16px 6px;border-top:1px solid var(--line)}.message-form textarea{max-height:110px;resize:none;padding:13px 15px;border:1px solid var(--line-strong);border-radius:18px;outline:none;color:#fff;background:#171915}.message-form textarea:focus{border-color:var(--acid)}.message-form button{width:46px;height:46px;border:0;border-radius:50%;color:#080908;background:var(--acid);font-size:21px;font-weight:900;cursor:pointer}.message-form button:hover{transform:scale(1.04)}.chat-status{min-height:18px;padding:0 20px 7px;color:#8fd5a5;font-size:10px}.chat-status.error{color:#ff9292}
@media(max-width:900px){.signal-bar{grid-template-columns:1fr auto}.signal-bar p{display:none}.hero{grid-template-columns:1fr;min-height:0}.hero-copy{padding:60px 24px 44px}.hero-media{margin:0 14px 14px;min-height:520px}.steps-grid{grid-template-columns:1fr}.steps-grid article{display:grid;grid-template-columns:48px 1fr;gap:8px}.steps-grid h3{margin:0}.steps-grid p{grid-column:2}.manifesto-section{padding:78px 24px 60px}.manifesto-section h2{font-size:clamp(52px,14vw,86px)}.chat-layout{grid-template-columns:250px 1fr}}
@media(max-width:560px){.site-shell{width:100%;margin:0;border-radius:0;border-left:0;border-right:0}.site-header{top:0;padding:0 16px}.header-actions{gap:7px}.messages-button{width:42px;overflow:hidden;padding:0;color:transparent;font-size:0}.messages-button::before{content:"✦";color:var(--acid);font-size:18px}.signal-bar{padding:10px 16px}.hero h1{font-size:clamp(52px,17vw,76px)}.hero-description{font-size:16px}.hero-actions{display:grid}.button{width:100%}.hero-media{margin:0 8px 8px;min-height:430px}.hero-media-caption{left:22px;right:22px;bottom:24px}.benefits{grid-template-columns:1fr 1fr}.benefit-card{padding:20px 15px}.benefit-card p{display:none}.manifesto-section h2 br{display:none}.steps-grid{margin-top:48px}.contact-copy h2{font-size:52px}.member-card .start-chat{opacity:1;transform:none}.chat-panel{inset:0;width:100%;border:0;border-radius:0}.chat-header{min-height:68px}.chat-layout{grid-template-columns:1fr}.conversation-list{max-height:154px;border-right:0;border-bottom:1px solid var(--line);display:flex;gap:6px;padding:7px;overflow-x:auto}.conversation-item{min-width:185px}.message-area{min-height:0}.chat-welcome{min-height:300px}.message-stream{padding:13px}.message-bubble{max-width:88%}}