/* MyMoltBot V2 — Retro Terminal CRT */
:root{--bg:#0a0a0a;--bg-term:#0c0c0c;--bg-el:#141414;--border:#1a1a1a;--text:#33ff33;--text-dim:#1a8a1a;--text-bright:#66ff66;--text-warn:#ffaa00;--text-err:#ff4444;--white:#c8c8c8;--font:'JetBrains Mono',monospace;--font-ui:'Inter',sans-serif;--ease:cubic-bezier(.4,0,.2,1)}
.skip-link{position:absolute;top:-100px;left:0;z-index:9999;padding:8px 16px;background:var(--text);color:var(--bg);font-family:var(--font);font-size:.82rem;font-weight:700;border-radius:0 0 4px 0;transition:top .2s}.skip-link:focus{top:0}
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;scroll-behavior:smooth}
body{font-family:var(--font);background:var(--bg);color:var(--text);line-height:1.6;overflow-x:hidden}
a{color:var(--text);text-decoration:none}img{display:block;max-width:100%}.container{max-width:1000px;margin:0 auto;padding:0 24px}

/* CRT Scanlines */
.scanlines{position:fixed;inset:0;pointer-events:none;z-index:9999;background:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(0,0,0,.08) 2px,rgba(0,0,0,.08) 4px);opacity:.3}

h2{font-size:1.3rem;font-weight:700;margin-bottom:24px;color:var(--text-bright)}
.prompt{color:var(--text-dim)}
.dim{color:var(--text-dim) !important;opacity:.6}
.warn{color:var(--text-warn) !important}
.bracket{color:var(--text-dim)}
.cursor-blink{animation:blink 1s step-end infinite}
@keyframes blink{0%,100%{opacity:1}50%{opacity:0}}

.nav{position:fixed;top:0;left:0;right:0;z-index:100;padding:12px 0;background:rgba(10,10,10,.92);backdrop-filter:blur(8px);border-bottom:1px solid #1a1a1a}
.nav-inner{display:flex;align-items:center;justify-content:space-between}
.logo{font-size:1rem;font-weight:700;display:flex;align-items:center;gap:2px}
.nav-links{display:flex;gap:20px}.nav-links a{font-size:.82rem;color:var(--text-dim);transition:color .2s}.nav-links a:hover{color:var(--text)}
.btn{font-family:var(--font);font-size:.82rem;font-weight:600;padding:8px 18px;border-radius:4px;border:1px solid var(--text-dim);background:transparent;color:var(--text);cursor:pointer;transition:all .2s var(--ease)}
.btn-terminal{border-color:var(--text);text-shadow:0 0 8px var(--text)}.btn-terminal:hover{background:var(--text);color:var(--bg);box-shadow:0 0 20px rgba(51,255,51,.2)}
.btn-ghost{border-color:var(--text-dim);color:var(--text-dim)}.btn-ghost:hover{color:var(--text);border-color:var(--text)}
.btn-lg{padding:12px 24px;font-size:.9rem}

/* Hero Terminal */
.hero{padding:100px 0 60px}
.terminal-window{background:var(--bg-term);border:1px solid #222;border-radius:8px;overflow:hidden;box-shadow:0 0 60px rgba(51,255,51,.03)}
.term-bar{display:flex;align-items:center;gap:12px;padding:10px 16px;background:#111;border-bottom:1px solid #1a1a1a}
.term-dots{display:flex;gap:6px}.term-dots i{width:10px;height:10px;border-radius:50%;background:#333;display:block}.term-dots i:first-child{background:#ff5f57}.term-dots i:nth-child(2){background:#ffbd2e}.term-dots i:last-child{background:#28ca41}
.term-title{font-size:.72rem;color:#555;margin-left:auto}
.term-body{padding:24px;font-size:.88rem;line-height:2}
.term-line{margin-bottom:2px}.term-line.blank{height:16px}
.term-ok{color:#28ca41}.term-warn{color:var(--text-warn)}
.term-line.glow{font-size:1.1rem;font-weight:700;color:var(--text-bright);text-shadow:0 0 15px rgba(51,255,51,.4)}
.hero-content{margin-top:16px}
.hero-content h1{font-family:var(--font-ui);font-size:clamp(2rem,4.5vw,3.2rem);font-weight:800;line-height:1.1;color:var(--white);margin-bottom:16px;letter-spacing:-.02em}
.hero-content p{color:#888;font-family:var(--font-ui);font-size:1rem;line-height:1.6;margin-bottom:24px}
.hero-btns{display:flex;gap:12px}

/* Status Grid */
.status{padding:60px 0}
.status-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.stat-block{background:var(--bg-el);border:1px solid var(--border);border-radius:6px;padding:16px}
.stat-label{font-size:.68rem;color:var(--text-dim);text-transform:uppercase;letter-spacing:.08em;margin-bottom:8px}
.stat-value{font-size:1.8rem;font-weight:800;margin-bottom:12px;text-shadow:0 0 10px rgba(51,255,51,.3)}
.stat-value.warn{color:var(--text-warn);text-shadow:0 0 10px rgba(255,170,0,.3)}
.stat-bar{height:4px;background:#1a1a1a;border-radius:2px;overflow:hidden}
.stat-bar .bar-fill{height:100%;background:var(--text);border-radius:2px;box-shadow:0 0 6px var(--text)}
.stat-bar.warn .bar-fill{background:var(--text-warn);box-shadow:0 0 6px var(--text-warn)}

/* Agent Table */
.agents{padding:60px 0}
.agent-table{background:var(--bg-el);border:1px solid var(--border);border-radius:6px;overflow:hidden}
.at-header,.at-row{display:grid;grid-template-columns:50px 2fr 1fr 1fr 80px 80px;gap:8px;padding:10px 16px;font-size:.82rem;align-items:center}
.at-header{background:#111;font-size:.7rem;color:var(--text-dim);text-transform:uppercase;letter-spacing:.06em;border-bottom:1px solid var(--border)}
.at-row{border-bottom:1px solid #1a1a1a}.at-row:last-child{border-bottom:none}
.at-row:hover{background:#161616}
.type{color:var(--text-dim);font-size:.75rem}
.status-on{color:#28ca41;text-shadow:0 0 6px #28ca41}
.status-wait{color:var(--text-warn);text-shadow:0 0 6px var(--text-warn)}
.status-idle{color:#555}

/* Audit Log */
.audit{padding:60px 0}
.log-entries{display:flex;flex-direction:column;gap:2px}
.log-entry{display:grid;grid-template-columns:80px 120px 1fr 60px;gap:12px;padding:10px 16px;background:var(--bg-el);border:1px solid var(--border);border-radius:4px;font-size:.8rem;align-items:center}
.log-entry.warn{border-left:3px solid var(--text-warn)}
.log-time{color:var(--text-dim);font-size:.75rem}
.log-agent{color:var(--text-bright);font-weight:600}
.log-action{color:#888}
.log-cost{color:var(--text-dim);text-align:right}

/* Features */
.docs{padding:60px 0}
.feat-list{display:flex;flex-direction:column;gap:12px}
.feat-item{display:flex;gap:20px;padding:20px;background:var(--bg-el);border:1px solid var(--border);border-radius:6px;align-items:flex-start;transition:all .2s var(--ease)}
.feat-item:hover{border-color:var(--text-dim)}
.feat-flag{font-weight:700;color:var(--text-bright);white-space:nowrap;min-width:120px;flex-shrink:0}
.feat-item p{color:#888;font-family:var(--font-ui);font-size:.9rem;line-height:1.6}

/* System Features */
.sys-features{padding:60px 0}
.sf-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}
.sf-card{background:var(--bg-el);border:1px solid var(--border);border-radius:6px;padding:24px;transition:border-color .2s var(--ease)}
.sf-card:hover{border-color:var(--text-dim)}
.sf-icon{font-size:1.2rem;margin-bottom:12px;display:block}
.sf-card h3{font-size:.95rem;font-weight:700;color:var(--text-bright);margin-bottom:8px}
.sf-card p{color:#888;font-family:var(--font-ui);font-size:.88rem;line-height:1.6}

/* Access Tiers */
.access-tiers{padding:60px 0}
.tier-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.tier-card{background:var(--bg-el);border:1px solid var(--border);border-radius:6px;padding:24px;display:flex;flex-direction:column;gap:16px}
.tier-card.featured-tier{border-color:var(--text);box-shadow:0 0 20px rgba(51,255,51,.06)}
.tier-badge{font-size:.7rem;color:var(--text-dim);letter-spacing:.06em}
.tier-header{display:flex;justify-content:space-between;align-items:baseline;border-bottom:1px solid var(--border);padding-bottom:12px}
.tier-name{font-weight:700;font-size:.95rem;color:var(--text-bright)}
.tier-price{font-size:1.4rem;font-weight:800;color:var(--text)}
.tier-period{font-size:.75rem;color:var(--text-dim);font-weight:400}
.tier-body{display:flex;flex-direction:column;gap:6px;flex:1}
.tier-line{font-size:.82rem;color:#888;display:flex;gap:8px;align-items:flex-start}
.tier-line .term-ok{color:#28ca41;flex-shrink:0}
.tier-line.dim{opacity:.45}
.btn-full-term{width:100%;justify-content:center;text-align:center;margin-top:auto}

/* CTA */
.cta-section{padding:80px 0}
.cta-terminal{text-align:center;background:var(--bg-el);border:1px solid var(--border);border-radius:8px;padding:48px 32px}
.cta-terminal h2{color:var(--white);font-family:var(--font-ui);font-size:1.8rem;font-weight:800;letter-spacing:-.02em}
.cta-terminal p{color:#888;font-family:var(--font-ui);font-size:1rem;margin-bottom:24px}
.cta-btns{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}

.footer{padding:24px 0;border-top:1px solid var(--border)}.footer p{text-align:center;font-size:.75rem}

.reveal{opacity:0;transform:translateY(16px);transition:opacity .5s var(--ease),transform .5s var(--ease)}.reveal.visible{opacity:1;transform:translateY(0)}

@media(max-width:1024px){.status-grid{grid-template-columns:repeat(2,1fr)}.at-header,.at-row{grid-template-columns:40px 1fr 1fr 80px}.at-header span:nth-child(3),.at-header span:nth-child(5),.at-row span:nth-child(3),.at-row span:nth-child(5){display:none}.log-entry{grid-template-columns:80px 100px 1fr}.tier-grid{grid-template-columns:1fr}}
@media(max-width:768px){.nav-links{display:none}.status-grid{grid-template-columns:1fr 1fr}.at-header,.at-row{grid-template-columns:1fr 1fr}.at-header span:nth-child(1),.at-header span:nth-child(3),.at-header span:nth-child(5),.at-row span:nth-child(1),.at-row span:nth-child(3),.at-row span:nth-child(5){display:none}.log-entry{grid-template-columns:1fr}.log-time,.log-cost{display:none}.feat-item{flex-direction:column;gap:8px}.hero-btns{flex-direction:column}.hero-content h1{font-size:1.8rem}.sf-grid{grid-template-columns:1fr}.tier-grid{grid-template-columns:1fr}}

/* Language Switcher */
.lang-switcher{display:flex;gap:.4rem;align-items:center}
.lang-flag{font-size:1.25rem;text-decoration:none;opacity:.55;transition:opacity .15s}
.lang-flag:hover,.lang-flag.active{opacity:1}
.hero-kicker { font-size: .78rem; letter-spacing: .08em; padding: .25rem 0 .5rem; opacity: .8; }
.demo-note   { font-size: .78rem; margin: .25rem 0 1rem; opacity: .7; }