*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:IBM Plex Sans,sans-serif;background:var(--bg-primary);color:var(--text-primary);line-height:1.65;font-size:16px;overflow-x:hidden}:root[data-theme=dark],:root:not([data-theme=light]){--text-secondary: #b8b8b8;--text-dim: #7a7a7a}a{color:inherit;text-decoration:none}::selection{background:var(--selection-bg, rgba(0,255,65,.2));color:var(--text-primary)}.scroll-progress{position:fixed;top:0;left:0;width:0%;height:2px;background:var(--green);z-index:10000;transition:width .1s linear}.floating-theme-toggle{position:fixed;top:20px;right:24px;z-index:999;background:var(--bg-card);border:1px solid var(--border);color:var(--text-primary);cursor:pointer;width:40px;height:40px;display:flex;align-items:center;justify-content:center;font-family:JetBrains Mono,monospace;font-size:14px;transition:all var(--dur-micro, .15s) var(--ease, cubic-bezier(.2,0,0,1))}.floating-theme-toggle:hover{color:var(--green);border-color:var(--border-green)}.community-header{background:var(--bg-secondary);border-bottom:1px solid var(--border);padding:16px 32px;position:sticky;top:0;z-index:100;display:flex;align-items:center;justify-content:space-between;font-family:JetBrains Mono,monospace;font-size:11px;letter-spacing:.12em;text-transform:uppercase}.community-header .back-link{display:flex;align-items:center;gap:8px;color:var(--text-dim);transition:color var(--dur-micro, .15s) var(--ease)}.community-header .back-link:hover{color:var(--green)}.community-header .meta{display:flex;align-items:center;gap:8px;color:var(--text-dim)}.community-header .meta .live-dot{width:6px;height:6px;background:var(--green);animation:pulse-dot 1.6s infinite}@keyframes pulse-dot{0%,to{opacity:1}50%{opacity:.3}}.hero-banner{padding:96px 48px 64px;max-width:1280px;margin:0 auto;position:relative}.hero-banner:before{content:"";position:absolute;inset:0;background-image:radial-gradient(circle at 1px 1px,rgba(255,255,255,.03) 1px,transparent 0);background-size:32px 32px;mask-image:radial-gradient(ellipse at center,black 30%,transparent 70%);-webkit-mask-image:radial-gradient(ellipse at center,black 30%,transparent 70%);pointer-events:none;z-index:0}.hero-banner>*{position:relative;z-index:1}.hero-badge{display:inline-flex;align-items:center;gap:8px;font-family:JetBrains Mono,monospace;font-size:11px;color:var(--green);border:1px solid var(--border-green);padding:5px 14px;margin-bottom:24px;background:#00ff410d;letter-spacing:.12em;text-transform:uppercase}.hero-badge .dot{width:6px;height:6px;background:var(--green);animation:pulse-dot 2s infinite}.hero-banner h1{font-family:Space Grotesk,sans-serif;font-size:clamp(40px,5.4vw,60px);font-weight:600;line-height:1.08;letter-spacing:-.03em;color:var(--text-primary);margin-bottom:24px;text-wrap:balance;max-width:940px}.hero-banner h1 .accent{color:var(--green)}.hero-banner .subtitle{font-family:IBM Plex Sans,sans-serif;font-size:19px;color:var(--text-secondary);max-width:720px;line-height:1.6}.stats-strip{border-top:1px solid var(--border);border-bottom:1px solid var(--border);background:var(--bg-primary)}.stats-strip-inner{max-width:1280px;margin:0 auto;display:grid;grid-template-columns:repeat(4,1fr)}.stat{padding:32px 28px}.stat+.stat{border-left:1px solid var(--border)}.stat .num{font-family:Space Grotesk,sans-serif;font-size:40px;font-weight:600;color:var(--text-primary);letter-spacing:-.03em;line-height:1}.stat .label{margin-top:12px;font-family:JetBrains Mono,monospace;font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--green)}.stat .sub{margin-top:4px;font-family:IBM Plex Sans,sans-serif;font-size:12px;color:var(--text-dim)}@media(max-width:900px){.stats-strip-inner{grid-template-columns:repeat(2,1fr)}.stat:nth-child(3),.stat:nth-child(4){border-top:1px solid var(--border)}.stat:nth-child(3){border-left:none}.stat .num{font-size:30px}}.section{padding:80px 48px;max-width:1280px;margin:0 auto}.section-head{margin-bottom:48px;max-width:760px}.section-head .label{font-family:JetBrains Mono,monospace;font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--green);margin-bottom:12px;display:flex;align-items:center;gap:8px}.section-head .label:before{content:"╭─ ";color:var(--text-dim)}.section-head .label:after{content:" ─╮";color:var(--text-dim)}.section-head h2{font-family:Space Grotesk,sans-serif;font-size:clamp(30px,3.6vw,40px);font-weight:600;line-height:1.15;letter-spacing:-.02em;color:var(--text-primary);margin-bottom:14px}.section-head p{font-family:IBM Plex Sans,sans-serif;font-size:17px;color:var(--text-secondary);line-height:1.6;max-width:700px}.areas-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.area-card{--card-accent: var(--green);--card-glow: rgba(0,255,65,.06);--card-shadow: rgba(0,255,65,.12);--card-hover: rgba(0,255,65,.2);background:var(--bg-card);border:1px solid var(--border);transition:all .3s;position:relative;overflow:hidden;display:flex;flex-direction:column;text-decoration:none;color:inherit}.area-card:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:var(--card-accent);opacity:0;transition:opacity .3s}.area-card:hover:before{opacity:1}.area-card:hover{border-color:var(--card-hover);background:var(--bg-card-hover);transform:translateY(-2px);box-shadow:0 10px 30px var(--card-shadow)}.area-card .preview{background:var(--bg-tertiary);border-bottom:1px solid var(--border);flex:1;min-height:168px;overflow:hidden}.area-card .content{padding:20px 22px}.area-card .content .pname{font-family:JetBrains Mono,monospace;font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--card-accent);margin-bottom:6px;display:flex;align-items:center;justify-content:space-between;gap:6px}.area-card .content .pname .status{font-size:9px;padding:2px 7px;border:1px solid currentColor;color:var(--text-dim);border-color:var(--text-dim)}.area-card .content .pname .status.live,.area-card .content .pname .status.new{color:var(--green);border-color:var(--green)}.area-card .content .pname .status.progress{color:#ffd84a;border-color:#ffd84a}.area-card .content .pname .status.soon{color:var(--text-dim)}.area-card .content h3{font-family:Space Grotesk,sans-serif;font-size:20px;font-weight:600;color:var(--text-primary);margin-bottom:6px;letter-spacing:-.01em;line-height:1.2}.area-card .content p{font-family:IBM Plex Sans,sans-serif;font-size:14.5px;color:var(--text-secondary);line-height:1.55}.area-card:nth-child(13n+1),.area-card:nth-child(13n+5),.area-card:nth-child(13n+9),.area-card:nth-child(13n+13){--card-accent: var(--green);--card-glow: rgba(0,255,65,.06);--card-shadow: rgba(0,255,65,.12);--card-hover: rgba(0,255,65,.2)}.area-card:nth-child(13n+2),.area-card:nth-child(13n+6),.area-card:nth-child(13n+10){--card-accent: var(--red);--card-glow: rgba(255,68,68,.08);--card-shadow: rgba(255,68,68,.14);--card-hover: rgba(255,68,68,.24)}.area-card:nth-child(13n+3),.area-card:nth-child(13n+7),.area-card:nth-child(13n+11){--card-accent: #a855f7;--card-glow: rgba(168,85,247,.08);--card-shadow: rgba(168,85,247,.14);--card-hover: rgba(168,85,247,.24)}.area-card:nth-child(13n+4),.area-card:nth-child(13n+8),.area-card:nth-child(13n+12){--card-accent: #1e40af;--card-glow: rgba(30,64,175,.1);--card-shadow: rgba(30,64,175,.18);--card-hover: rgba(30,64,175,.32)}.pv-head{display:flex;align-items:center;justify-content:space-between;padding:7px 12px;border-bottom:1px solid var(--border);background:var(--bg-card);font-family:JetBrains Mono,monospace;font-size:9px;letter-spacing:.12em;text-transform:uppercase;color:var(--text-dim)}.pv-head .right{color:var(--card-accent);display:flex;align-items:center;gap:4px}.pv-head .pulse{width:5px;height:5px;background:var(--card-accent);animation:pulse-dot 1.6s infinite}.pv-steps{padding:12px 16px;display:flex;flex-direction:column;gap:8px}.pv-steps .step{display:flex;align-items:center;gap:10px;font-size:11px;color:var(--text-secondary)}.pv-steps .step .num{width:18px;height:18px;background:var(--bg-card);border:1px solid var(--border);display:flex;align-items:center;justify-content:center;font-family:JetBrains Mono,monospace;font-size:10px;color:var(--text-dim)}.pv-steps .step.done .num{background:var(--green);border-color:var(--green);color:var(--bg-primary)}.pv-steps .step.done .label{color:var(--text-primary)}.pv-week{padding:12px 16px;display:flex;flex-direction:column;gap:8px}.pv-week .head-row{display:flex;justify-content:space-between;font-family:JetBrains Mono,monospace;font-size:9px;letter-spacing:.12em;color:var(--text-dim);text-transform:uppercase}.pv-week .head-row .wk{color:var(--green)}.pv-week .title{font-size:13px;color:var(--text-primary);font-weight:600;line-height:1.35}.pv-week .line{font-family:JetBrains Mono,monospace;font-size:10px;color:var(--text-dim)}.pv-week .line .gr{color:var(--green)}.pv-spine{padding:12px 18px;position:relative;display:flex;flex-direction:column;gap:7px}.pv-spine:before{content:"";position:absolute;left:22px;top:18px;bottom:18px;width:1px;background:linear-gradient(180deg,var(--red) 0%,var(--red) 25%,var(--border) 25%,var(--border) 100%)}.pv-spine .row{display:flex;align-items:center;gap:12px;position:relative}.pv-spine .row .dot{width:8px;height:8px;background:var(--bg-tertiary);border:1px solid var(--border);flex-shrink:0;margin-left:1px}.pv-spine .row.done .dot{background:var(--red);border-color:var(--red)}.pv-spine .row.now .dot{background:var(--red);border-color:var(--red);box-shadow:0 0 0 3px #ff44442e;animation:pulse-dot 1.6s infinite}.pv-spine .row .wk{font-family:JetBrains Mono,monospace;font-size:9px;letter-spacing:.1em;color:var(--text-dim);text-transform:uppercase;min-width:36px}.pv-spine .row.done .wk,.pv-spine .row.now .wk{color:var(--red)}.pv-spine .row .topic{font-size:11px;color:var(--text-secondary)}.pv-spine .row.done .topic{color:var(--text-primary)}.pv-spine .row.now .topic{color:var(--text-primary);font-weight:600}.pv-ls{font-family:JetBrains Mono,monospace}.pv-ls-cmd{padding:8px 14px;font-size:11px;color:var(--card-accent);border-bottom:1px solid var(--border)}.pv-ls-rows{padding:4px 0}.pv-ls-row{display:flex;align-items:center;gap:8px;padding:4px 14px;font-size:10px}.pv-ls-row .ln{color:var(--text-muted, #444);min-width:18px;text-align:right}.pv-ls-row .ext{padding:1px 5px;font-size:8px;letter-spacing:.1em;border:1px solid currentColor;min-width:36px;text-align:center}.pv-ls-row .ext.skill{color:var(--green);border-color:var(--green)}.pv-ls-row .ext.prompt{color:#ffd84a;border-color:#ffd84a}.pv-ls-row .ext.flow{color:var(--blue);border-color:var(--blue)}.pv-ls-row .name{color:var(--text-primary);flex:1;font-size:11px}.pv-chips{padding:14px 16px;display:flex;flex-direction:column;gap:8px}.pv-chips .cat-row{display:flex;gap:6px;flex-wrap:wrap}.pv-chips .chip{font-family:JetBrains Mono,monospace;font-size:9px;letter-spacing:.1em;text-transform:uppercase;padding:3px 7px;border:1px solid var(--border);color:var(--text-dim)}.pv-chips .chip.active{color:#ffd84a;border-color:#ffd84a}.pv-chips .stat-line{font-family:JetBrains Mono,monospace;font-size:10px;color:var(--text-dim);letter-spacing:.08em;text-transform:uppercase;margin-top:4px}.pv-chips .stat-line .num{color:var(--card-accent);font-weight:600}.pv-flow{padding:16px;height:100%;display:flex;align-items:center;justify-content:center}.pv-flow .diagram{font-family:JetBrains Mono,monospace;font-size:10px;color:var(--text-secondary);line-height:1.6;white-space:pre;text-align:left}.pv-flow .diagram .gr{color:var(--green)}.pv-flow .diagram .dim{color:var(--text-dim)}.pv-flow .diagram .ac{color:var(--card-accent)}.pv-map{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--border)}.pv-map .cell{background:var(--bg-tertiary);padding:10px 12px}.pv-map .cell .cat{font-family:JetBrains Mono,monospace;font-size:8px;letter-spacing:.14em;color:var(--text-dim);text-transform:uppercase}.pv-map .cell .pick{font-size:11px;color:var(--text-primary);font-weight:600;margin-top:2px}.pv-map .cell .pick .check{color:var(--card-accent);font-family:JetBrains Mono,monospace}.pv-launcher{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--border);height:100%}.pv-launcher .tile{background:var(--bg-tertiary);padding:12px;display:flex;flex-direction:column;gap:6px}.pv-launcher .tile .icon{width:24px;height:24px;background:var(--bg-card);border:1px solid var(--border-strong, #3a3a3a);display:flex;align-items:center;justify-content:center;font-family:JetBrains Mono,monospace;font-size:11px;color:var(--card-accent);font-weight:600}.pv-launcher .tile .nm{font-size:11px;color:var(--text-primary)}.pv-launcher .tile .v{font-family:JetBrains Mono,monospace;font-size:9px;color:var(--text-dim);letter-spacing:.1em;text-transform:uppercase}.pv-agents{padding:0}.pv-agents .row{display:grid;grid-template-columns:10px 1fr auto;align-items:center;gap:10px;padding:7px 14px;border-bottom:1px solid var(--border);font-size:11px}.pv-agents .row:last-of-type{border-bottom:none}.pv-agents .row .dot{width:7px;height:7px}.pv-agents .row.ready .dot{background:var(--card-accent)}.pv-agents .row.run .dot{background:#ffd84a;animation:pulse-dot 1s infinite}.pv-agents .row.idle .dot{background:var(--text-muted, #444);border:1px solid var(--border-strong, #3a3a3a)}.pv-agents .row .nm{color:var(--text-primary)}.pv-agents .row .meta{font-family:JetBrains Mono,monospace;font-size:8px;color:var(--text-dim);letter-spacing:.1em;text-transform:uppercase}.pv-profiles{padding:14px 16px;display:flex;flex-direction:column;gap:8px}.pv-profiles .row{display:flex;align-items:center;gap:10px}.pv-profiles .avatar{width:28px;height:28px;background:var(--bg-card);border:1px solid var(--border);display:flex;align-items:center;justify-content:center;font-family:JetBrains Mono,monospace;font-size:10px;font-weight:600}.pv-profiles .info .nm{font-size:11px;color:var(--text-primary);font-weight:600}.pv-profiles .info .role{font-family:JetBrains Mono,monospace;font-size:9px;letter-spacing:.1em;color:var(--text-dim);text-transform:uppercase}.pv-coach{padding:14px 16px;display:flex;flex-direction:column;gap:8px}.pv-coach .you{padding:8px 10px;background:var(--bg-card);border:1px solid var(--border);border-left:2px solid var(--card-accent);font-size:11px;color:var(--card-accent);line-height:1.4}.pv-coach .reply{font-size:11px;color:var(--text-secondary);line-height:1.4}.pv-coach .reply .lk{color:var(--card-accent)}.pv-coach .input{padding:6px 10px;background:var(--bg-card);border:1px solid var(--border);font-family:JetBrains Mono,monospace;font-size:10px;color:var(--text-dim);display:flex;align-items:center;gap:4px}.pv-coach .input .bar{display:inline-block;width:5px;height:11px;background:var(--card-accent);animation:blink 1s step-end infinite}@keyframes blink{0%,49%{opacity:1}50%,to{opacity:0}}.pv-keys{padding:12px 14px;display:grid;grid-template-columns:1fr 1fr;gap:6px 10px;align-content:start}.pv-keys .pair{display:flex;align-items:center;gap:6px;font-size:10px}.pv-keys .pair kbd{font-family:JetBrains Mono,monospace;font-size:9px;padding:2px 6px;background:var(--bg-card);border:1px solid var(--border-strong, #3a3a3a);color:var(--card-accent);min-width:28px;text-align:center}.pv-keys .pair .act{color:var(--text-secondary)}.pv-check{padding:14px 16px;display:flex;flex-direction:column;gap:6px}.pv-check .item{display:flex;align-items:center;gap:8px;font-size:11px;color:var(--text-secondary)}.pv-check .item .box{width:12px;height:12px;border:1px solid var(--border);display:flex;align-items:center;justify-content:center;font-family:JetBrains Mono,monospace;font-size:9px;color:var(--card-accent)}.pv-check .item.done .box{background:var(--card-accent);border-color:var(--card-accent);color:var(--bg-primary)}.pv-check .item.done .label{color:var(--text-primary);text-decoration:line-through;text-decoration-color:var(--card-accent)}@media(max-width:980px){.areas-grid{grid-template-columns:1fr 1fr}}@media(max-width:640px){.areas-grid{grid-template-columns:1fr}.hero-banner{padding:64px 24px 48px}.section{padding:64px 24px}}.site-footer{border-top:1px solid var(--border);padding:32px 48px;margin-top:64px}.footer-inner{max-width:1280px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px;font-family:JetBrains Mono,monospace;font-size:10px;letter-spacing:.1em;color:var(--text-dim);text-transform:uppercase}.footer-inner .right{display:flex;gap:20px}.footer-inner a{transition:color var(--dur-micro, .15s) var(--ease)}.footer-inner a:hover{color:var(--green)}
