*,*::before,*::after{margin:0;padding:0;box-sizing:border-box}
body{background:#0A0E1A;color:#E8EDF5;font-family:'Inter',sans-serif;overflow-x:hidden}
.flow-bg{position:fixed;inset:0;background:radial-gradient(ellipse at 30% 20%,#7B2FBE15 0%,transparent 50%),radial-gradient(ellipse at 70% 80%,#39FF7F08 0%,transparent 50%);pointer-events:none;z-index:0}

.header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;max-width:1100px;margin:0 auto;position:relative;z-index:1}
.logo{font-family:'IBM Plex Mono',monospace;font-size:1.2rem;font-weight:700;color:#E8EDF5}
.accent{color:#7B2FBE}
.live-badge{font-family:'IBM Plex Mono',monospace;font-size:.65rem;font-weight:700;letter-spacing:.2em;color:#39FF7F;background:#39FF7F15;padding:4px 12px;border-radius:12px;border:1px solid #39FF7F40;animation:livePulse 2s infinite}
@keyframes livePulse{0%,100%{box-shadow:0 0 4px #39FF7F30}50%{box-shadow:0 0 12px #39FF7F60}}

.hero{min-height:80vh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:60px 24px;position:relative;z-index:1}
.hero-title{font-family:'Cormorant Garamond',serif;font-size:clamp(3rem,8vw,7rem);font-weight:700;line-height:1;color:#E8EDF5;margin-bottom:24px}
.hero-sub{font-size:clamp(.9rem,1.4vw,1.1rem);color:#A3B8D0;max-width:520px;line-height:1.7;margin-bottom:40px}
.wave-line{width:100%;max-width:800px;overflow:hidden}
.wave-line svg{width:100%;height:60px}
.wave-path{stroke-dasharray:1200;stroke-dashoffset:1200;animation:drawWave 3s ease forwards}
@keyframes drawWave{to{stroke-dashoffset:0}}

.stream-cards{max-width:1100px;margin:0 auto;padding:60px 24px;display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px;position:relative;z-index:1}
.scard{background:#0A0E1A;border:1px solid #7B2FBE30;border-radius:14px;padding:32px;transition:border-color .3s,transform .3s}
.scard:hover{border-color:#7B2FBE;transform:translateY(-4px)}
.sc-meta{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}
.sc-tag{font-family:'IBM Plex Mono',monospace;font-size:.6rem;font-weight:700;letter-spacing:.2em;padding:4px 10px;border-radius:6px}
.sc-1 .sc-tag{background:#39FF7F;color:#0A0E1A}
.sc-2 .sc-tag{background:#7B2FBE;color:#E8EDF5}
.sc-3 .sc-tag{background:#A3B8D030;color:#A3B8D0}
.sc-time{font-family:'IBM Plex Mono',monospace;font-size:.75rem;color:#A3B8D0}
.sc-title{font-family:'Cormorant Garamond',serif;font-size:1.4rem;font-weight:700;margin-bottom:12px;line-height:1.2}
.sc-desc{font-size:.88rem;line-height:1.7;color:#A3B8D0}

.manifesto{max-width:700px;margin:0 auto;padding:80px 24px;text-align:center;position:relative;z-index:1}
.quote{font-family:'Cormorant Garamond',serif;font-size:clamp(1.4rem,3vw,2.2rem);font-weight:700;font-style:italic;color:#7B2FBE;margin-bottom:24px;line-height:1.4}
.manifesto-body{font-size:1rem;line-height:1.8;color:#A3B8D0}

.footer{text-align:center;padding:40px 24px;border-top:1px solid #7B2FBE15;position:relative;z-index:1}
.footer p{font-family:'IBM Plex Mono',monospace;font-size:.75rem;color:#A3B8D0;opacity:.4}

@media(max-width:640px){.stream-cards{grid-template-columns:1fr}}