:root{ --bg-primary:#080809; --bg-secondary:#0f0f12; --bg-surface:#141418; --bg-surface-hover:#1a1a20; --border:#1e1e24; --border-accent:rgba(59,130,246,0.15); --text-primary:#f8f8fa; --text-body:rgba(248,248,250,0.8); --text-secondary:rgba(248,248,250,0.5); --text-muted:rgba(248,248,250,0.3); --accent:#3b82f6; --accent-glow:rgba(59,130,246,0.15); --accent-dim:rgba(59,130,246,0.08); --danger:#ef4444; --font-mono:'JetBrains Mono','Fira Code','SF Mono',monospace; --font-body:'Geist','Inter',-apple-system,BlinkMacSystemFont,sans-serif; --space-xs:8px; --space-sm:16px; --space-md:24px; --space-lg:40px; --space-xl:64px; --space-2xl:96px; --space-3xl:120px; --max-content:1200px; --max-inner:960px; --radius-sm:4px; --radius-md:6px; --radius-lg:8px; --transition-fast:0.15s ease; --transition-base:0.25s ease; --transition-slow:0.4s ease;}*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}html{ scroll-behavior:smooth; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale;}body{ background:var(--bg-primary); color:var(--text-body); font-family:var(--font-body); font-size:16px; line-height:1.6; overflow-x:hidden;}a{color:inherit;text-decoration:none}strong{color:var(--text-primary);font-weight:600}img{max-width:100%;display:block}.section-label{ display:block; font-family:var(--font-mono); font-size:12px; font-weight:400; letter-spacing:0.1em; text-transform:uppercase; color:var(--text-muted); margin-bottom:var(--space-md);}@keyframes fadeUp{ from{opacity:0;transform:translateY(20px)} to{opacity:1;transform:translateY(0)}}@keyframes pipeFlow{ from{stroke-dashoffset:40} to{stroke-dashoffset:0}}@keyframes pulseRing{ 0%,100%{opacity:0.08;transform:scale(1)} 50%{opacity:0.15;transform:scale(1.08)}}@keyframes floatSlow{ 0%,100%{transform:translate(0,0)} 50%{transform:translate(0,-8px)}}@keyframes signalPulse{ 0%,100%{opacity:0.2} 50%{opacity:0.5}}@keyframes blink{ 0%,50%{opacity:1} 51%,100%{opacity:0}}@keyframes tickerFade{ from{opacity:0;transform:translateX(-10px)} to{opacity:1;transform:translateX(0)}}.anim-fade-up{ opacity:0; transform:translateY(20px);}.anim-fade-up.visible{ animation:fadeUp 0.6s ease forwards;}.pulse-ring{ animation:pulseRing 4s ease-in-out infinite; transform-origin:center;}.signal-line{ animation:signalPulse 3s ease-in-out infinite;}.pipeline-flow{ animation:pipeFlow 2s linear infinite;}.connector-flow{ animation:pipeFlow 2s linear infinite;}.nav{ position:fixed; top:0; left:0; right:0; z-index:1000; padding:var(--space-sm) var(--space-lg); transition:background var(--transition-base),border-color var(--transition-base),backdrop-filter var(--transition-base); border-bottom:1px solid transparent;}.nav.scrolled{ background:rgba(8,8,9,0.85); backdrop-filter:blur(16px); -webkit-backdrop-filter:blur(16px); border-bottom-color:var(--border);}.nav-inner{ max-width:var(--max-content); margin:0 auto; display:flex; justify-content:space-between; align-items:center;}.nav-logo{ font-family:var(--font-mono); font-size:15px; font-weight:500; color:var(--text-primary); display:flex; align-items:center; gap:4px;}.nav-logo-mark{ color:var(--accent); font-weight:600;}.nav-links{ display:flex; align-items:center; gap:var(--space-lg);}.nav-link{ font-family:var(--font-mono); font-size:12px; letter-spacing:0.05em; color:var(--text-secondary); transition:color var(--transition-fast); position:relative;}.nav-link::after{ content:''; position:absolute; bottom:-4px; left:0; width:0; height:1px; background:var(--accent); transition:width var(--transition-base);}.nav-link:hover{color:var(--text-primary)}.nav-link:hover::after{width:100%}.nav-btn{ font-family:var(--font-mono); font-size:12px; letter-spacing:0.03em; color:var(--text-primary); background:var(--accent); padding:8px 16px; border-radius:var(--radius-sm); transition:box-shadow var(--transition-base),transform var(--transition-fast);}.nav-btn:hover{ box-shadow:0 0 20px var(--accent-glow),0 0 40px rgba(59,130,246,0.08);}.nav-btn:active{transform:scale(0.98)}.hero{ min-height:100vh; display:flex; flex-direction:column; justify-content:center; padding:var(--space-3xl) var(--space-lg) var(--space-xl); position:relative; overflow:hidden; background:var(--bg-primary);}.hero-grid-bg{ position:absolute; inset:0; background-image: radial-gradient(circle at 1px 1px,rgba(248,248,250,0.04) 1px,transparent 0); background-size:32px 32px; pointer-events:none;}.hero-geo{ position:absolute; border-radius:50%; pointer-events:none;}.hero-geo-1{ width:500px; height:500px; top:-100px; right:-100px; border:1px solid rgba(59,130,246,0.04); animation:floatSlow 12s ease-in-out infinite;}.hero-geo-2{ width:300px; height:300px; bottom:100px; left:-80px; border:1px solid rgba(59,130,246,0.03); animation:floatSlow 16s ease-in-out infinite; animation-delay:4s;}.hero-geo-3{ width:200px; height:200px; top:30%; right:15%; background:radial-gradient(circle,rgba(59,130,246,0.03) 0%,transparent 70%); animation:floatSlow 10s ease-in-out infinite; animation-delay:2s;}.hero-pipeline{ position:absolute; bottom:180px; left:0; right:0; height:60px; overflow:hidden; pointer-events:none; opacity:0.5;}.pipeline-svg{ width:100%; height:60px;}.hero-inner{ max-width:var(--max-content); margin:0 auto; width:100%; position:relative; z-index:2;}.hero-eyebrow{ display:flex; align-items:center; gap:var(--space-xs); margin-bottom:var(--space-lg);}.eyebrow-dot{ width:6px; height:6px; border-radius:50%; background:var(--accent); box-shadow:0 0 8px var(--accent-glow); animation:blink 2s infinite;}.hero-eyebrow span:last-child{ font-family:var(--font-mono); font-size:11px; letter-spacing:0.15em; color:var(--text-muted);}.hero-headline{ font-family:var(--font-mono); font-size:clamp(2.5rem,6vw,4.5rem); font-weight:700; line-height:1.1; letter-spacing:-0.02em; color:var(--text-primary); margin-bottom:var(--space-md);}.hero-accent{ color:var(--accent); text-shadow:0 0 40px rgba(59,130,246,0.2);}.hero-sub{ font-size:18px; line-height:1.7; color:var(--text-secondary); max-width:600px; margin-bottom:var(--space-lg);}.hero-ctas{ display:flex; gap:var(--space-sm); margin-bottom:var(--space-xl);}.btn-primary{ font-family:var(--font-mono); font-size:13px; font-weight:500; letter-spacing:0.02em; color:#fff; background:var(--accent); padding:12px 24px; border-radius:var(--radius-sm); display:inline-flex; align-items:center; gap:8px; transition:box-shadow var(--transition-base),transform var(--transition-fast); border:none; cursor:pointer;}.btn-primary:hover{ box-shadow:0 0 24px var(--accent-glow),0 4px 16px rgba(0,0,0,0.3);}.btn-primary:active{transform:scale(0.98)}.btn-arrow{ transition:transform var(--transition-fast);}.btn-primary:hover .btn-arrow{transform:translateX(3px)}.btn-ghost{ font-family:var(--font-mono); font-size:13px; font-weight:500; letter-spacing:0.02em; color:var(--accent); background:transparent; padding:12px 24px; border-radius:var(--radius-sm); border:1px solid var(--border-accent); transition:border-color var(--transition-base),box-shadow var(--transition-base),transform var(--transition-fast); cursor:pointer;}.btn-ghost:hover{ border-color:var(--accent); box-shadow:0 0 16px rgba(59,130,246,0.08);}.btn-ghost:active{transform:scale(0.98)}.hero-feed{ display:flex; align-items:center; gap:var(--space-xs); padding:var(--space-sm) var(--space-md); background:var(--bg-surface); border:1px solid var(--border); border-radius:var(--radius-md); max-width:700px; overflow:hidden; height:48px;}.feed-dot{ width:6px; height:6px; border-radius:50%; background:#22c55e; flex-shrink:0; animation:blink 1.5s infinite;}.feed-label{ font-family:var(--font-mono); font-size:10px; letter-spacing:0.1em; color:var(--text-muted); flex-shrink:0; margin-right:4px;}.feed-items{ position:relative; flex:1; height:20px; overflow:hidden;}.feed-item{ position:absolute; top:0; left:0; font-family:var(--font-mono); font-size:12px; color:var(--text-secondary); white-space:nowrap; opacity:0; transition:none;}.feed-item.active{ opacity:1;}.hero-stats{ position:relative; z-index:2; margin-top:auto; padding-top:var(--space-xl);}.hero-stats-inner{ max-width:var(--max-content); margin:0 auto; display:flex; align-items:center; border-top:1px solid var(--border); padding-top:var(--space-lg);}.hero-stat{ flex:1;}.hero-stat-num{ display:block; font-family:var(--font-mono); font-size:clamp(28px,4vw,42px); font-weight:700; color:var(--accent); line-height:1; letter-spacing:-0.02em;}.hero-stat-label{ display:block; font-family:var(--font-mono); font-size:11px; color:var(--text-muted); margin-top:8px; line-height:1.4; letter-spacing:0.02em;}.hero-stat-divider{ width:1px; height:48px; background:var(--border); flex-shrink:0; margin:0 var(--space-lg);}.thesis{ background:var(--bg-secondary); padding:var(--space-3xl) var(--space-lg); border-top:1px solid var(--border);}.thesis-inner{ max-width:var(--max-content); margin:0 auto; display:grid; grid-template-columns:1fr 1fr; gap:var(--space-xl); align-items:center;}.thesis-headline{ font-family:var(--font-mono); font-size:clamp(2rem,4vw,3rem); font-weight:700; line-height:1.15; letter-spacing:-0.02em; color:var(--text-primary); margin-bottom:var(--space-lg);}.thesis-body p{ font-size:16px; line-height:1.75; color:var(--text-secondary); margin-bottom:var(--space-sm);}.thesis-body p:last-child{margin-bottom:0}.thesis-visual{ display:flex; justify-content:center; align-items:center;}.demand-svg{ width:100%; max-width:400px;}.pipeline{ background:var(--bg-primary); padding:var(--space-3xl) var(--space-lg); border-top:1px solid var(--border);}.pipeline-inner{ max-width:var(--max-content); margin:0 auto;}.pipeline-headline{ font-family:var(--font-mono); font-size:clamp(2rem,4vw,3rem); font-weight:700; line-height:1.15; letter-spacing:-0.02em; color:var(--text-primary); margin-bottom:var(--space-xl);}.pipeline-vis{ display:flex; align-items:flex-start; gap:0;}.pipeline-stage{ flex:1; position:relative;}.stage-box{ background:var(--bg-surface); border:1px solid var(--border); border-radius:var(--radius-md); padding:var(--space-md); text-align:center; transition:border-color var(--transition-base),box-shadow var(--transition-base),transform var(--transition-fast); cursor:default;}.stage-box:hover{ border-color:rgba(59,130,246,0.3); box-shadow:0 0 20px var(--accent-dim); transform:translateY(-2px);}.stage-num{ display:block; font-family:var(--font-mono); font-size:11px; color:var(--accent); opacity:0.5; margin-bottom:4px;}.stage-name{ font-family:var(--font-mono); font-size:13px; font-weight:600; letter-spacing:0.08em; color:var(--text-primary);}.stage-desc{ padding:var(--space-sm) 4px 0; opacity:0; max-height:0; overflow:hidden; transition:opacity var(--transition-base),max-height var(--transition-slow);}.pipeline-stage:hover .stage-desc,.pipeline-stage.active .stage-desc{ opacity:1; max-height:200px;}.stage-desc p{ font-size:13px; line-height:1.6; color:var(--text-muted);}.pipeline-connector{ width:48px; flex-shrink:0; display:flex; align-items:center; padding-top:20px;}.pipeline-connector svg{ width:100%; height:2px; overflow:visible;}.targets{ background:var(--bg-secondary); padding:var(--space-3xl) var(--space-lg); border-top:1px solid var(--border);}.targets-inner{ max-width:var(--max-content); margin:0 auto;}.targets-headline{ font-family:var(--font-mono); font-size:clamp(2rem,4vw,3rem); font-weight:700; line-height:1.15; letter-spacing:-0.02em; color:var(--text-primary); margin-bottom:var(--space-xl);}.targets-grid{ display:grid; grid-template-columns:repeat(3,1fr); gap:2px;}.target-card{ background:var(--bg-surface); border:1px solid var(--border); border-radius:var(--radius-md); padding:var(--space-md) var(--space-md) var(--space-sm); transition:border-color var(--transition-base),transform var(--transition-fast),box-shadow var(--transition-base);}.target-card:hover{ border-color:rgba(59,130,246,0.25); transform:translateY(-2px); box-shadow:0 4px 24px rgba(0,0,0,0.2),0 0 16px var(--accent-dim);}.target-icon{ margin-bottom:var(--space-sm); opacity:0.7;}.target-cat{ display:block; font-family:var(--font-mono); font-size:10px; letter-spacing:0.12em; color:var(--accent); margin-bottom:8px;}.target-card h3{ font-family:var(--font-mono); font-size:15px; font-weight:600; color:var(--text-primary); margin-bottom:8px; letter-spacing:-0.01em;}.target-card p{ font-size:13px; line-height:1.6; color:var(--text-secondary); margin-bottom:var(--space-sm);}.target-signal{ display:flex; align-items:center; gap:6px; padding-top:var(--space-xs); border-top:1px solid var(--border);}.target-signal span{ font-family:var(--font-mono); font-size:10px; color:var(--text-muted); letter-spacing:0.02em;}.operations{ background:var(--bg-primary); padding:var(--space-3xl) var(--space-lg); border-top:1px solid var(--border);}.operations-inner{ max-width:var(--max-content); margin:0 auto;}.operations-headline{ font-family:var(--font-mono); font-size:clamp(2rem,4vw,3rem); font-weight:700; line-height:1.15; letter-spacing:-0.02em; color:var(--text-primary); margin-bottom:var(--space-xl);}.ops-comparison{ display:grid; grid-template-columns:1fr auto 1fr; gap:var(--space-lg); align-items:start; margin-bottom:var(--space-xl);}.ops-col{ background:var(--bg-surface); border:1px solid var(--border); border-radius:var(--radius-lg); overflow:hidden;}.ops-col-header{ padding:var(--space-md); border-bottom:1px solid var(--border);}.ops-col-tag{ display:inline-block; font-family:var(--font-mono); font-size:10px; letter-spacing:0.1em; padding:3px 8px; border-radius:var(--radius-sm); background:rgba(248,248,250,0.05); color:var(--text-muted); margin-bottom:8px;}.ops-col-tag.active{ background:var(--accent-dim); color:var(--accent); border:1px solid var(--border-accent);}.ops-col-label{ display:block; font-family:var(--font-mono); font-size:14px; font-weight:600; color:var(--text-primary); margin-top:4px;}.ops-rows{padding:4px 0}.ops-row{ display:flex; justify-content:space-between; align-items:center; padding:12px var(--space-md); border-bottom:1px solid rgba(30,30,36,0.5);}.ops-row:last-child{border-bottom:none}.ops-row.ops-total{ background:rgba(248,248,250,0.02);}.ops-metric-label{ font-family:var(--font-mono); font-size:12px; color:var(--text-secondary);}.ops-metric-val{ font-family:var(--font-mono); font-size:13px; font-weight:600;}.ops-val-high{color:var(--text-muted)}.ops-val-low{color:#22c55e}.ops-val-accent{color:var(--accent);font-size:16px}.ops-vs{ display:flex; align-items:center; justify-content:center; align-self:center;}.ops-vs span{ font-family:var(--font-mono); font-size:12px; letter-spacing:0.1em; color:var(--text-muted); background:var(--bg-surface); border:1px solid var(--border); border-radius:50%; width:40px; height:40px; display:flex; align-items:center; justify-content:center;}.ops-pipeline{ display:flex; align-items:center; justify-content:center; gap:var(--space-sm); padding:var(--space-lg); background:var(--bg-surface); border:1px solid var(--border); border-radius:var(--radius-lg);}.ops-pipe-node{ display:flex; flex-direction:column; align-items:center; gap:8px;}.ops-pipe-node span{ font-family:var(--font-mono); font-size:10px; letter-spacing:0.08em; color:var(--text-muted);}.ops-pipe-agent span{color:var(--accent)}.ops-pipe-arrow{ font-family:var(--font-mono); font-size:16px; color:var(--text-muted); opacity:0.3;}.strategy{ background:var(--bg-secondary); padding:var(--space-3xl) var(--space-lg); border-top:1px solid var(--border);}.strategy-inner{ max-width:var(--max-content); margin:0 auto; display:grid; grid-template-columns:1fr 1fr; gap:var(--space-xl); align-items:center;}.strategy-headline{ font-family:var(--font-mono); font-size:clamp(1.8rem,3.5vw,2.5rem); font-weight:700; line-height:1.2; letter-spacing:-0.02em; color:var(--text-primary); margin-bottom:var(--space-lg);}.strategy-points{ display:flex; flex-direction:column; gap:var(--space-sm);}.strategy-point{ display:flex; gap:var(--space-sm); padding:var(--space-sm) 0; border-bottom:1px solid rgba(30,30,36,0.5);}.strategy-point:last-child{border-bottom:none}.sp-arrow{ font-family:var(--font-mono); font-size:14px; color:var(--accent); flex-shrink:0; margin-top:2px;}.strategy-point div{ font-size:14px; line-height:1.65; color:var(--text-secondary);}.strategy-visual{ display:flex; justify-content:center;}.portfolio-map-svg{ width:100%; max-width:400px;}.metrics{ background:var(--bg-primary); padding:var(--space-3xl) var(--space-lg); border-top:1px solid var(--border); position:relative; overflow:hidden;}.metrics-scanline{ position:absolute; inset:0; background:repeating-linear-gradient( 0deg, transparent, transparent 2px, rgba(248,248,250,0.008) 2px, rgba(248,248,250,0.008) 4px ); pointer-events:none;}.metrics-inner{ max-width:var(--max-content); margin:0 auto; position:relative; z-index:1;}.metrics-headline{ font-family:var(--font-mono); font-size:clamp(2rem,4vw,3rem); font-weight:700; line-height:1.15; letter-spacing:-0.02em; color:var(--text-primary); margin-bottom:var(--space-xl);}.metrics-grid{ display:grid; grid-template-columns:repeat(4,1fr); gap:var(--space-sm); margin-bottom:var(--space-xl);}.metric-card{ background:var(--bg-surface); border:1px solid var(--border); border-radius:var(--radius-md); padding:var(--space-md); position:relative; overflow:hidden;}.metric-card::before{ content:''; position:absolute; top:0; left:0; width:100%; height:2px; background:linear-gradient(90deg,var(--accent),transparent); opacity:0.3;}.metric-header{ display:flex; align-items:center; gap:8px; margin-bottom:var(--space-sm);}.metric-indicator{ width:6px; height:6px; border-radius:50%; background:var(--text-muted);}.metric-indicator.active{ background:#22c55e; box-shadow:0 0 6px rgba(34,197,94,0.4);}.metric-tag{ font-family:var(--font-mono); font-size:10px; letter-spacing:0.1em; color:var(--text-muted);}.metric-number{ display:block; font-family:var(--font-mono); font-size:clamp(28px,4vw,40px); font-weight:700; color:var(--text-primary); line-height:1; margin-bottom:8px;}.metric-desc{ font-family:var(--font-mono); font-size:11px; color:var(--text-muted); line-height:1.4;}.metrics-ticker{ background:var(--bg-surface); border:1px solid var(--border); border-radius:var(--radius-md); padding:var(--space-sm); overflow:hidden;}.ticker-line{ display:flex; align-items:center; gap:var(--space-sm); padding:8px var(--space-sm); border-bottom:1px solid rgba(30,30,36,0.3); animation:tickerFade 0.4s ease forwards;}.ticker-line:last-child{border-bottom:none}.ticker-ts{ font-family:var(--font-mono); font-size:11px; color:var(--text-muted); flex-shrink:0;}.ticker-status{ font-family:var(--font-mono); font-size:10px; letter-spacing:0.05em; padding:2px 8px; border-radius:var(--radius-sm); flex-shrink:0;}.ticker-status.ok{ background:rgba(34,197,94,0.1); color:#22c55e;}.ticker-status.active{ background:var(--accent-dim); color:var(--accent);}.ticker-msg{ font-family:var(--font-mono); font-size:12px; color:var(--text-secondary);}.cta{ background:var(--bg-secondary); padding:var(--space-3xl) var(--space-lg); border-top:1px solid var(--border); position:relative; overflow:hidden; text-align:center;}.cta-grid-bg{ position:absolute; inset:0; background-image: radial-gradient(circle at 1px 1px,rgba(248,248,250,0.03) 1px,transparent 0); background-size:24px 24px; pointer-events:none;}.cta-geo{ position:absolute; border-radius:50%; pointer-events:none;}.cta-geo-1{ width:400px; height:400px; top:-100px; left:-100px; border:1px solid rgba(59,130,246,0.04);}.cta-geo-2{ width:250px; height:250px; bottom:-60px; right:-40px; background:radial-gradient(circle,rgba(59,130,246,0.04) 0%,transparent 70%);}.cta-inner{ max-width:640px; margin:0 auto; position:relative; z-index:1;}.cta-headline{ font-family:var(--font-mono); font-size:clamp(2rem,4vw,3rem); font-weight:700; line-height:1.15; letter-spacing:-0.02em; color:var(--text-primary); margin-bottom:var(--space-md);}.cta-sub{ font-size:16px; line-height:1.7; color:var(--text-secondary); margin-bottom:var(--space-lg);}.cta-form{ margin-bottom:var(--space-md);}.cta-input-wrap{ display:flex; align-items:center; background:var(--bg-surface); border:1px solid var(--border); border-radius:var(--radius-md); padding:4px; transition:border-color var(--transition-base),box-shadow var(--transition-base);}.cta-input-wrap:focus-within{ border-color:rgba(59,130,246,0.4); box-shadow:0 0 20px var(--accent-dim);}.cta-prompt{ font-family:var(--font-mono); font-size:14px; color:var(--accent); padding:0 12px; flex-shrink:0; animation:blink 1.2s infinite;}.cta-input{ flex:1; background:transparent; border:none; outline:none; font-family:var(--font-mono); font-size:14px; color:var(--text-primary); padding:12px 8px;}.cta-input::placeholder{ color:var(--text-muted);}.cta-submit{ font-family:var(--font-mono); font-size:12px; font-weight:500; letter-spacing:0.02em; color:#fff; background:var(--accent); border:none; padding:12px 20px; border-radius:var(--radius-sm); cursor:pointer; white-space:nowrap; transition:box-shadow var(--transition-base),transform var(--transition-fast);}.cta-submit:hover{ box-shadow:0 0 20px var(--accent-glow);}.cta-submit:active{transform:scale(0.98)}.cta-alt{ font-family:var(--font-mono); font-size:13px; color:var(--text-muted);}.cta-alt a{ color:var(--accent); text-decoration:underline; text-decoration-color:rgba(59,130,246,0.3); text-underline-offset:3px; transition:text-decoration-color var(--transition-fast);}.cta-alt a:hover{ text-decoration-color:var(--accent);}.footer{ background:var(--bg-primary); padding:var(--space-lg); border-top:1px solid var(--border);}.footer-inner{ max-width:var(--max-content); margin:0 auto; display:flex; justify-content:space-between; align-items:center;}.footer-logo{ font-family:var(--font-mono); font-size:14px; font-weight:500; color:var(--text-primary);}.footer-copy{ display:block; font-family:var(--font-mono); font-size:11px; color:var(--text-muted); margin-top:4px;}.footer-right{ display:flex; align-items:center;}.footer-status{ display:flex; align-items:center; gap:6px; font-family:var(--font-mono); font-size:11px; color:var(--text-muted);}.footer-status-dot{ width:6px; height:6px; border-radius:50%; background:#22c55e; box-shadow:0 0 6px rgba(34,197,94,0.3);}@media (max-width:1024px){ .thesis-inner{grid-template-columns:1fr} .thesis-visual{order:-1;max-width:300px;margin:0 auto var(--space-lg)} .pipeline-vis{ flex-direction:column; gap:var(--space-sm);} .pipeline-connector{ width:2px; height:24px; padding-top:0; margin:0 auto; transform:rotate(90deg);} .pipeline-stage{width:100%} .stage-desc{opacity:1;max-height:200px} .strategy-inner{grid-template-columns:1fr} .strategy-visual{max-width:300px;margin:0 auto} .metrics-grid{grid-template-columns:repeat(2,1fr)} .ops-comparison{grid-template-columns:1fr;gap:var(--space-sm)} .ops-vs{display:none} .targets-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:640px){:root{ --space-lg:28px; --space-xl:48px; --space-2xl:72px; --space-3xl:80px;} .hero,.thesis,.pipeline,.targets,.operations,.strategy,.metrics,.cta{ padding-left:var(--space-sm); padding-right:var(--space-sm);} .nav{padding:var(--space-xs) var(--space-sm)} .nav-links{display:none} .hero-headline{font-size:clamp(2rem,8vw,3rem)} .hero-sub{font-size:15px} .hero-ctas{flex-direction:column} .hero-ctas .btn-primary, .hero-ctas .btn-ghost{ text-align:center; justify-content:center;} .hero-stats-inner{ flex-direction:column; gap:var(--space-md);} .hero-stat-divider{ width:40px; height:1px; margin:0;} .hero-feed{display:none} .targets-grid{ grid-template-columns:1fr;} .metrics-grid{grid-template-columns:1fr} .cta-input-wrap{ flex-direction:column; gap:8px; padding:8px;} .cta-prompt{display:none} .cta-input{text-align:center} .cta-submit{width:100%} .footer-inner{ flex-direction:column; gap:var(--space-sm); text-align:center;} .ticker-msg{ font-size:11px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; max-width:200px;} .ops-pipeline{ flex-wrap:wrap; gap:var(--space-xs); padding:var(--space-md);}}.product-spotlight{ position:relative; background:var(--bg-surface); border:1px solid var(--border); border-radius:var(--radius-lg); margin-bottom:0; overflow:hidden;}.product-live-badge{ position:absolute; top:24px; right:24px; font-family:var(--font-mono); font-size:10px; font-weight:500; letter-spacing:0.2em; text-transform:uppercase; color:#fff; background:var(--accent); padding:5px 12px; border-radius:var(--radius-sm);}.product-spotlight-inner{ display:grid; grid-template-columns:1fr 1fr; gap:0;}.product-spotlight-info{ padding:52px 48px; border-right:1px solid var(--border);}.product-number{ font-family:var(--font-mono); font-size:72px; color:var(--accent); opacity:0.15; line-height:1; margin-bottom:-16px;}.product-name{ font-family:var(--font-mono); font-size:36px; font-weight:700; letter-spacing:-0.02em; color:var(--text-primary); margin-bottom:18px; line-height:1;}.product-desc{ font-size:15px; line-height:1.75; color:var(--text-secondary); margin-bottom:22px; max-width:420px;}.product-desc strong{color:var(--text-primary);font-weight:600}.product-meta-row{ display:flex; align-items:center; gap:10px; margin-bottom:28px; flex-wrap:wrap;}.product-meta-item{ font-family:var(--font-mono); font-size:11px; color:var(--text-muted); letter-spacing:0.05em;}.product-meta-dot{color:var(--text-muted);font-size:12px}.product-cta{ display:inline-block; font-family:var(--font-mono); font-size:13px; font-weight:500; letter-spacing:0.02em; padding:12px 24px; background:var(--accent); color:#fff; text-decoration:none; border-radius:var(--radius-sm); transition:box-shadow var(--transition-base),transform var(--transition-fast);}.product-cta:hover{ box-shadow:0 0 20px var(--accent-glow);}.product-cta:active{transform:scale(0.98)}.product-spotlight-visual{ padding:40px; display:flex; align-items:center; justify-content:center; background:var(--bg-primary);}.product-visual-mock{ width:100%; max-width:340px; background:var(--bg-secondary); border:1px solid var(--border); border-radius:var(--radius-md); overflow:hidden;}.mock-bar{ display:flex; align-items:center; gap:6px; padding:10px 14px; background:var(--bg-surface); border-bottom:1px solid var(--border);}.mock-dot{ width:8px; height:8px; border-radius:50%; background:var(--text-muted); opacity:0.4;}.mock-url{ font-family:var(--font-mono); font-size:10px; color:var(--text-muted); opacity:0.7; margin-left:4px;}.mock-content{padding:20px}.mock-badge{ display:inline-block; font-family:var(--font-mono); font-size:9px; letter-spacing:0.15em; text-transform:uppercase; color:var(--accent); background:var(--accent-dim); border:1px solid var(--border-accent); padding:3px 8px; border-radius:var(--radius-sm); margin-bottom:14px;}.mock-title-line{ height:14px; background:var(--text-primary); opacity:0.15; border-radius:2px; margin-bottom:8px;}.mock-title-line.short{width:60%}.mock-text-line{ height:8px; background:var(--text-secondary); opacity:0.1; border-radius:2px; margin-bottom:6px;}.mock-text-line.short{width:75%}.mock-kp{margin-top:16px;border-top:1px solid var(--border);padding-top:14px}.mock-kp-label{ font-family:var(--font-mono); font-size:9px; letter-spacing:0.15em; text-transform:uppercase; color:var(--accent); opacity:0.7; margin-bottom:10px;}.mock-kp-item{ font-family:var(--font-mono); font-size:10px; color:var(--accent); display:flex; align-items:center; gap:6px; margin-bottom:6px;}.mock-kp-item span{ display:block; height:7px; width:120px; background:var(--text-secondary); opacity:0.15; border-radius:2px;}.portfolio-divider{ height:1px; background:var(--border); margin:60px 0;}.portfolio-thesis h2{ font-family:var(--font-mono); font-size:clamp(1.5rem,3vw,2rem); font-weight:700; letter-spacing:-0.02em; color:var(--text-primary); margin-bottom:36px; margin-top:12px;}@media (max-width:640px){ .product-spotlight-inner{grid-template-columns:1fr} .product-spotlight-info{border-right:none;border-bottom:1px solid var(--border);padding:36px 28px} .product-spotlight-visual{display:none}}.hero-pipeline-vis{ margin-bottom:var(--space-lg);}.hpv-inner{ display:flex; align-items:center; gap:0; background:var(--bg-surface); border:1px solid var(--border); border-radius:var(--radius-md); padding:var(--space-md) var(--space-lg); max-width:800px;}.hpv-stage{ display:flex; flex-direction:column; align-items:center; gap:6px; flex:1; text-align:center; position:relative;}.hpv-stage.hpv-active .hpv-node{ background:var(--accent-dim); border-color:rgba(59,130,246,0.4); box-shadow:0 0 16px var(--accent-glow);}.hpv-node{ width:52px; height:52px; background:var(--bg-secondary); border:1px solid var(--border); border-radius:var(--radius-md); display:flex; align-items:center; justify-content:center; transition:border-color var(--transition-base),box-shadow var(--transition-base);}.hpv-stage:hover .hpv-node{ border-color:rgba(59,130,246,0.3); box-shadow:0 0 12px var(--accent-dim);}.hpv-label{ font-family:var(--font-mono); font-size:11px; font-weight:600; letter-spacing:0.06em; color:var(--text-primary);}.hpv-sub{ font-family:var(--font-mono); font-size:9px; letter-spacing:0.06em; color:var(--text-muted);}.hpv-connector{ width:40px; flex-shrink:0; height:2px; margin-top:-20px;}.hpv-connector svg{ width:100%; height:4px;}.ops-advantage-grid{ display:grid; grid-template-columns:repeat(2,1fr); gap:var(--space-sm); margin-bottom:var(--space-xl);}.ops-adv-card{ background:var(--bg-surface); border:1px solid var(--border); border-radius:var(--radius-md); padding:var(--space-md); transition:border-color var(--transition-base),box-shadow var(--transition-base);}.ops-adv-card:hover{ border-color:rgba(59,130,246,0.25); box-shadow:0 0 20px var(--accent-dim);}.ops-adv-icon{ margin-bottom:var(--space-sm); opacity:0.7;}.ops-adv-title{ font-family:var(--font-mono); font-size:14px; font-weight:600; color:var(--text-primary); margin-bottom:8px; letter-spacing:-0.01em;}.ops-adv-desc{ font-size:13px; line-height:1.65; color:var(--text-secondary);}.strategy-inner-full{ max-width:var(--max-content); margin:0 auto; display:block;}.thesis-block{ max-width:760px; margin:0 auto; text-align:center;}.thesis-block-quote{ position:relative; margin-bottom:var(--space-xl);}.thesis-block-mark{ display:block; font-family:var(--font-mono); font-size:64px; color:var(--accent); opacity:0.15; line-height:0.6; margin-bottom:var(--space-sm);}.thesis-block-mark-close{ margin-top:var(--space-sm); margin-bottom:0;}.thesis-block-quote blockquote{ font-family:var(--font-mono); font-size:clamp(2rem,5vw,3.5rem); font-weight:700; line-height:1.1; letter-spacing:-0.03em; color:var(--text-primary);}.thesis-block-body{ margin-bottom:var(--space-xl);}.thesis-block-body p{ font-size:16px; line-height:1.75; color:var(--text-secondary); margin-bottom:var(--space-sm); max-width:560px; margin-left:auto; margin-right:auto;}.thesis-block-pillars{ display:grid; grid-template-columns:repeat(3,1fr); gap:var(--space-sm); text-align:left;}.thesis-pillar{ background:var(--bg-surface); border:1px solid var(--border); border-radius:var(--radius-md); padding:var(--space-md);}.thesis-pillar-label{ display:block; font-family:var(--font-mono); font-size:10px; letter-spacing:0.12em; color:var(--accent); margin-bottom:8px;}.thesis-pillar-text{ font-size:13px; line-height:1.6; color:var(--text-secondary);}.stage-meta{ font-family:var(--font-mono); font-size:10px; letter-spacing:0.06em; color:var(--accent); opacity:0.5; margin-top:8px;}.portfolio{ background:var(--bg-secondary); padding:var(--space-3xl) var(--space-lg); border-top:1px solid var(--border);}.portfolio-inner{ max-width:var(--max-content); margin:0 auto;}.portfolio-headline{ font-family:var(--font-mono); font-size:clamp(2rem,4vw,3rem); font-weight:700; line-height:1.15; letter-spacing:-0.02em; color:var(--text-primary); margin-bottom:8px;}.portfolio-sub{ font-size:15px; color:var(--text-secondary); margin-bottom:var(--space-xl);}.portfolio-featured{ position:relative; background:var(--bg-surface); border:1px solid var(--border); border-radius:var(--radius-lg); overflow:hidden; margin-bottom:var(--space-xl);}.pf-badge{ position:absolute; top:20px; right:20px; font-family:var(--font-mono); font-size:9px; letter-spacing:0.14em; text-transform:uppercase; color:var(--accent); background:var(--accent-dim); border:1px solid var(--border-accent); padding:4px 10px; border-radius:var(--radius-sm);}.pf-status{ display:flex; align-items:center; gap:6px; padding:var(--space-sm) var(--space-lg) 0;}.pf-live-dot{ width:6px; height:6px; border-radius:50%; background:#22c55e; box-shadow:0 0 6px rgba(34,197,94,0.4); animation:blink 1.5s infinite;}.pf-live-label{ font-family:var(--font-mono); font-size:10px; letter-spacing:0.12em; color:#22c55e;}.pf-grid{ display:grid; grid-template-columns:1fr 1fr; gap:0;}.pf-info{ padding:32px 48px 48px; border-right:1px solid var(--border);}.pf-number{ font-family:var(--font-mono); font-size:72px; color:var(--accent); opacity:0.1; line-height:1; margin-bottom:-12px;}.pf-name{ font-family:var(--font-mono); font-size:36px; font-weight:700; letter-spacing:-0.02em; color:var(--text-primary); margin-bottom:14px; line-height:1;}.pf-tagline{ font-size:15px; line-height:1.75; color:var(--text-secondary); margin-bottom:20px; max-width:400px;}.pf-meta{ display:flex; align-items:center; gap:8px; flex-wrap:wrap; margin-bottom:28px;}.pf-meta-item{ font-family:var(--font-mono); font-size:11px; color:var(--text-muted); letter-spacing:0.04em;}.pf-meta-sep{ color:var(--text-muted); opacity:0.4;}.pf-cta{ display:inline-flex; align-items:center; gap:8px; font-family:var(--font-mono); font-size:13px; font-weight:500; letter-spacing:0.02em; padding:12px 24px; background:var(--accent); color:#fff; border-radius:var(--radius-sm); transition:box-shadow var(--transition-base),transform var(--transition-fast);}.pf-cta:hover{ box-shadow:0 0 20px var(--accent-glow);}.pf-cta:active{transform:scale(0.98)}.pf-visual{ padding:40px; display:flex; align-items:center; justify-content:center; background:var(--bg-primary);}.pf-mock{ width:100%; max-width:320px; background:var(--bg-secondary); border:1px solid var(--border); border-radius:var(--radius-md); overflow:hidden;}.pf-mock-bar{ display:flex; align-items:center; gap:5px; padding:9px 12px; background:var(--bg-surface); border-bottom:1px solid var(--border);}.pf-mock-dot{ width:7px; height:7px; border-radius:50%; background:var(--text-muted); opacity:0.35;}.pf-mock-url{ font-family:var(--font-mono); font-size:9px; color:var(--text-muted); opacity:0.6; margin-left:4px;}.pf-mock-content{ padding:18px;}.pf-mock-badge{ display:inline-block; font-family:var(--font-mono); font-size:8px; letter-spacing:0.15em; text-transform:uppercase; color:var(--accent); background:var(--accent-dim); border:1px solid var(--border-accent); padding:3px 8px; border-radius:var(--radius-sm); margin-bottom:12px;}.pf-mock-title{ height:12px; background:var(--text-primary); opacity:0.12; border-radius:2px; margin-bottom:6px;}.pf-mock-title-short{width:55%}.pf-mock-text{ height:7px; background:var(--text-secondary); opacity:0.08; border-radius:2px; margin-bottom:5px;}.pf-mock-text-short{width:70%}.pf-mock-kp{ margin-top:14px; border-top:1px solid var(--border); padding-top:12px;}.pf-mock-kp-label{ font-family:var(--font-mono); font-size:8px; letter-spacing:0.14em; text-transform:uppercase; color:var(--accent); opacity:0.6; margin-bottom:8px;}.pf-mock-kp-item{ display:flex; align-items:center; gap:6px; margin-bottom:5px;}.pf-mock-kp-dot{ font-family:var(--font-mono); font-size:10px; color:var(--accent); opacity:0.5;}.pf-mock-kp-line{ height:6px; width:100px; background:var(--text-secondary); opacity:0.1; border-radius:2px;}.pf-mock-kp-line-short{width:70px}.portfolio-placeholders{ display:grid; grid-template-columns:repeat(3,1fr); gap:var(--space-sm); margin-bottom:var(--space-lg);}.pp-card{ background:var(--bg-surface); border:1px solid var(--border); border-radius:var(--radius-md); padding:var(--space-md); position:relative; overflow:hidden; transition:border-color var(--transition-base);}.pp-card::before{ content:''; position:absolute; inset:0; background:repeating-linear-gradient( 45deg, transparent, transparent 10px, rgba(248,248,250,0.008) 10px, rgba(248,248,250,0.008) 11px ); pointer-events:none;}.pp-icon{ margin-bottom:var(--space-sm); opacity:0.4;}.pp-type{ display:block; font-family:var(--font-mono); font-size:10px; letter-spacing:0.12em; color:var(--text-muted); margin-bottom:6px;}.pp-status-label{ display:inline-block; font-family:var(--font-mono); font-size:9px; letter-spacing:0.1em; color:var(--accent); background:var(--accent-dim); border:1px solid var(--border-accent); padding:2px 8px; border-radius:var(--radius-sm); margin-bottom:10px; opacity:0.7;}.pp-desc{ font-size:12px; line-height:1.6; color:var(--text-muted);}.portfolio-caption{ font-family:var(--font-mono); font-size:11px; letter-spacing:0.08em; color:var(--text-muted); text-align:center;}.metrics-grid{ grid-template-columns:repeat(4,1fr);}.metric-card-wide{ grid-column:span 2;}@media (max-width:1024px){ .hpv-inner{ gap:4px; padding:var(--space-sm) var(--space-md);} .ops-advantage-grid{grid-template-columns:1fr} .portfolio-placeholders{grid-template-columns:1fr} .pf-grid{grid-template-columns:1fr} .pf-info{border-right:none;border-bottom:1px solid var(--border)} .pf-visual{display:none} .thesis-block-pillars{grid-template-columns:1fr} .metrics-grid{grid-template-columns:repeat(2,1fr)} .metric-card-wide{grid-column:span 1}}@media (max-width:640px){ .hpv-inner{ flex-wrap:wrap; justify-content:center; gap:var(--space-md);} .hpv-connector{display:none} .pf-info{padding:32px 24px} .pf-number{font-size:48px} .pf-name{font-size:28px} .pp-card{grid-column:span 1} .thesis-block-quote blockquote{font-size:clamp(1.6rem,7vw,2.5rem)} .metrics-grid{grid-template-columns:1fr} .metric-card-wide{grid-column:span 1}}.footer-links{display:flex;align-items:center;gap:var(--space-md)}.footer-link{font-family:var(--font-mono);font-size:11px;color:var(--text-muted);letter-spacing:0.05em;transition:color var(--transition-fast);padding:4px 0;position:relative}.footer-link::after{content:'';position:absolute;bottom:2px;left:0;width:0;height:1px;background:var(--accent);transition:width var(--transition-base)}.footer-link:hover{color:var(--accent)}.footer-link:hover::after{width:100%}

/* ── Hero Utility Chips ─────────────────────────────────────── */
.hero-utilities{
  display:flex;
  flex-direction:column;
  gap:var(--space-xs);
  margin-bottom:var(--space-lg);
  max-width:600px;
}
.hero-utility-chip{
  display:flex;
  align-items:center;
  gap:var(--space-xs);
  padding:10px var(--space-md);
  background:var(--bg-surface);
  border:1px solid var(--border);
  border-radius:var(--radius-md);
  transition:border-color var(--transition-base);
}
.hero-utility-chip:hover{
  border-color:rgba(59,130,246,0.3);
}
.huc-dot{
  width:6px;
  height:6px;
  border-radius:50%;
  flex-shrink:0;
}
.huc-dot-live{
  background:#22c55e;
  box-shadow:0 0 6px rgba(34,197,94,0.4);
}
.huc-name{
  font-family:var(--font-mono);
  font-size:13px;
  font-weight:600;
  color:var(--text-primary);
  letter-spacing:0.02em;
}
.huc-sep{
  color:var(--text-muted);
  font-size:12px;
}
.huc-desc{
  font-family:var(--font-mono);
  font-size:11px;
  color:var(--text-secondary);
  flex:1;
}
.huc-link{
  font-family:var(--font-mono);
  font-size:11px;
  color:var(--accent);
  letter-spacing:0.03em;
  flex-shrink:0;
  transition:opacity var(--transition-fast);
}
.huc-link:hover{
  opacity:0.8;
}

/* ── Utility Directory ──────────────────────────────────────── */
.utility-directory{
  background:var(--bg-secondary);
  padding:var(--space-3xl) var(--space-lg);
  border-top:1px solid var(--border);
}
.ud-inner{
  max-width:var(--max-content);
  margin:0 auto;
}
.ud-headline{
  font-family:var(--font-mono);
  font-size:clamp(2rem,4vw,3rem);
  font-weight:700;
  line-height:1.15;
  letter-spacing:-0.02em;
  color:var(--text-primary);
  margin-bottom:8px;
}
.ud-sub{
  font-size:15px;
  color:var(--text-secondary);
  margin-bottom:var(--space-xl);
}
.ud-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:var(--space-sm);
  margin-bottom:var(--space-lg);
}
.ud-card{
  background:var(--bg-surface);
  border:1px solid var(--border);
  border-radius:var(--radius-lg);
  padding:var(--space-md);
  display:flex;
  flex-direction:column;
  transition:border-color var(--transition-base),box-shadow var(--transition-base),transform var(--transition-fast);
}
.ud-card:hover{
  border-color:rgba(59,130,246,0.25);
  box-shadow:0 4px 24px rgba(0,0,0,0.2),0 0 16px var(--accent-dim);
  transform:translateY(-2px);
}
.ud-card-upcoming{
  opacity:0.5;
}
.ud-card-upcoming:hover{
  opacity:0.7;
  transform:none;
  box-shadow:none;
}
.ud-card-header{
  display:flex;
  justify-content:space-between;
  align-items:flex-start;
  margin-bottom:var(--space-sm);
}
.ud-card-icon{
  opacity:0.7;
}
.ud-card-status{
  display:flex;
  align-items:center;
  gap:6px;
}
.ud-status-dot{
  width:6px;
  height:6px;
  border-radius:50%;
}
.ud-dot-live{
  background:#22c55e;
  box-shadow:0 0 6px rgba(34,197,94,0.4);
}
.ud-dot-soon{
  background:var(--text-muted);
}
.ud-status-label{
  font-family:var(--font-mono);
  font-size:10px;
  letter-spacing:0.1em;
}
.ud-label-live{
  color:#22c55e;
}
.ud-label-soon{
  color:var(--text-muted);
}
.ud-card-name{
  font-family:var(--font-mono);
  font-size:20px;
  font-weight:700;
  color:var(--text-primary);
  margin-bottom:6px;
  letter-spacing:-0.01em;
}
.ud-card-workflow{
  font-family:var(--font-mono);
  font-size:11px;
  letter-spacing:0.05em;
  color:var(--accent);
  margin-bottom:var(--space-sm);
}
.ud-card-desc{
  font-size:13px;
  line-height:1.65;
  color:var(--text-secondary);
  margin-bottom:var(--space-sm);
  flex:1;
}
.ud-card-meta{
  display:flex;
  flex-wrap:wrap;
  gap:6px;
  margin-bottom:var(--space-md);
}
.ud-meta-tag{
  font-family:var(--font-mono);
  font-size:9px;
  letter-spacing:0.08em;
  color:var(--text-muted);
  background:rgba(248,248,250,0.04);
  border:1px solid var(--border);
  padding:3px 8px;
  border-radius:var(--radius-sm);
}
.ud-card-cta{
  display:inline-block;
  font-family:var(--font-mono);
  font-size:12px;
  font-weight:500;
  letter-spacing:0.03em;
  color:var(--accent);
  padding:8px 0;
  transition:opacity var(--transition-fast);
}
.ud-card-cta:hover{
  opacity:0.8;
}
.ud-caption{
  font-family:var(--font-mono);
  font-size:11px;
  letter-spacing:0.08em;
  color:var(--text-muted);
  text-align:center;
}

/* ── Extension-First Callout ────────────────────────────────── */
.extension-first{
  background:var(--bg-primary);
  padding:var(--space-3xl) var(--space-lg);
  border-top:1px solid var(--border);
}
.ef-inner{
  max-width:var(--max-content);
  margin:0 auto;
}
.ef-content{
  max-width:640px;
}
.ef-headline{
  font-family:var(--font-mono);
  font-size:clamp(2rem,4vw,3rem);
  font-weight:700;
  line-height:1.15;
  letter-spacing:-0.02em;
  color:var(--text-primary);
  margin-bottom:var(--space-md);
}
.ef-sub{
  font-size:16px;
  line-height:1.7;
  color:var(--text-secondary);
  margin-bottom:var(--space-xl);
}
.ef-features{
  display:flex;
  flex-direction:column;
  gap:var(--space-sm);
}
.ef-feature{
  display:flex;
  align-items:center;
  gap:var(--space-sm);
  padding:var(--space-sm) 0;
  border-bottom:1px solid rgba(30,30,36,0.5);
}
.ef-feature:last-child{
  border-bottom:none;
}
.ef-feature svg{
  flex-shrink:0;
}
.ef-feature span{
  font-family:var(--font-mono);
  font-size:13px;
  color:var(--text-secondary);
}

/* ── Ecosystem Overview Panel (landing page) ─────────────────── */
.eco-overview{
  background:var(--bg-primary);
  padding:var(--space-xl) var(--space-lg);
  border-top:1px solid var(--border);
}
.eco-overview-inner{
  max-width:var(--max-content);
  margin:0 auto;
}
.eco-overview-header{
  display:flex;
  justify-content:space-between;
  align-items:center;
  margin-bottom:var(--space-md);
}
.eco-overview-link{
  font-family:var(--font-mono);
  font-size:11px;
  color:var(--accent);
  letter-spacing:0.03em;
  transition:opacity var(--transition-fast);
}
.eco-overview-link:hover{opacity:0.8}
.eco-overview-stats{
  display:flex;
  align-items:center;
  gap:0;
  padding:var(--space-sm) var(--space-md);
  background:var(--bg-surface);
  border:1px solid var(--border);
  border-radius:var(--radius-md);
  margin-bottom:var(--space-md);
}
.eos-item{
  flex:1;
  text-align:center;
}
.eos-num{
  display:block;
  font-family:var(--font-mono);
  font-size:24px;
  font-weight:700;
  color:var(--accent);
  line-height:1;
}
.eos-label{
  display:block;
  font-family:var(--font-mono);
  font-size:10px;
  color:var(--text-muted);
  margin-top:4px;
  letter-spacing:0.06em;
}
.eos-divider{
  width:1px;
  height:32px;
  background:var(--border);
  flex-shrink:0;
}
.eos-highlight .eos-num{color:#22c55e}
.eco-overview-changelog{
  background:var(--bg-surface);
  border:1px solid var(--border);
  border-radius:var(--radius-md);
  overflow:hidden;
}
.eoc-header{
  display:flex;
  justify-content:space-between;
  align-items:center;
  padding:var(--space-sm) var(--space-md);
  border-bottom:1px solid var(--border);
}
.eoc-label{
  font-family:var(--font-mono);
  font-size:11px;
  font-weight:600;
  letter-spacing:0.06em;
  color:var(--text-primary);
}
.eoc-link{
  font-family:var(--font-mono);
  font-size:10px;
  color:var(--accent);
  letter-spacing:0.03em;
  transition:opacity var(--transition-fast);
}
.eoc-link:hover{opacity:0.8}
.eoc-entries{padding:4px 0}
.eoc-entry{
  display:flex;
  align-items:flex-start;
  gap:var(--space-xs);
  padding:8px var(--space-md);
  border-bottom:1px solid rgba(30,30,36,0.3);
}
.eoc-entry:last-child{border-bottom:none}
.eoc-icon{flex-shrink:0;font-size:14px;line-height:1.4}
.eoc-text{
  font-family:var(--font-mono);
  font-size:12px;
  color:var(--text-secondary);
  line-height:1.5;
  flex:1;
}
.eoc-product{
  font-family:var(--font-mono);
  font-size:10px;
  letter-spacing:0.06em;
  color:var(--text-muted);
  background:rgba(248,248,250,0.04);
  border:1px solid var(--border);
  padding:2px 6px;
  border-radius:var(--radius-sm);
  flex-shrink:0;
  align-self:center;
}

/* ── Responsive: New sections ───────────────────────────────── */
@media (max-width:1024px){
  .ud-grid{grid-template-columns:1fr}
  .eco-overview-stats{flex-wrap:wrap;gap:var(--space-sm)}
  .eos-divider{display:none}
}
@media (max-width:640px){
  .hero-utilities{max-width:100%}
  .huc-sep,.huc-desc{display:none}
  .extension-first{padding-left:var(--space-sm);padding-right:var(--space-sm)}
  .utility-directory{padding-left:var(--space-sm);padding-right:var(--space-sm)}
  .eco-overview{padding-left:var(--space-sm);padding-right:var(--space-sm)}
  .eco-overview-stats{flex-direction:column;gap:var(--space-xs)}
  .eos-divider{width:40px;height:1px}
}