@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800;900&family=Space+Mono:wght@400;700&family=DM+Sans:wght@300;400;500;600&display=swap";
:root{--bg:#f8f5f0;--primary:#c1440e;--secondary:#7a6b5a;--accent:#4a7a3e;--surface:#fff;--glow:#d4720a;--dark-surface:#f2ede5;--text-dark:#2a1a0e;--text-body:#4a3f34;--text-heading:#1c1410;--border-subtle:#ddd2c4;--border-card:#cfc3b2;--danger:#b92d2d;--warning:#c48a20;--success:#4a7a3e;--info:#3a7a8c;--sidebar-w:clamp(240px, 16vw, 320px);--shadow-sm:0 2px 8px #1c14100a;--shadow-md:0 8px 24px #1c141014;--shadow-lg:0 16px 40px #c1440e1f}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--text-body);-webkit-font-smoothing:antialiased;min-height:100vh;font-family:DM Sans,sans-serif;line-height:1.5;overflow-x:hidden}::-webkit-scrollbar{display:none}*{-ms-overflow-style:none;scrollbar-width:none}h1,h2,h3,h4{color:var(--text-heading);font-family:Outfit,sans-serif;font-weight:700}.mono{font-family:Space Mono,monospace}.app{width:100%;min-height:100vh;display:flex}.app.collapsed{--sidebar-w:80px}.sidebar{width:var(--sidebar-w);background:var(--surface);border-right:1px solid var(--border-subtle);z-index:100;height:100vh;box-shadow:var(--shadow-sm);flex-direction:column;transition:transform .3s,width .3s;display:flex;position:fixed;top:0;left:0}.sidebar__logo{color:var(--text-heading);border-bottom:1px solid var(--border-subtle);align-items:center;gap:.5rem;padding:1.25rem 1.5rem;font-family:Outfit,sans-serif;font-size:18px;font-weight:800;transition:padding .3s;display:flex}.app.collapsed .sidebar__logo{justify-content:center;padding:1.25rem 0}.app.collapsed .sidebar__logo-text{display:none}.sidebar__logo-dot{background:var(--primary);border-radius:50%;width:8px;height:8px;animation:1.5s ease-in-out infinite alternate dot-pulse}@keyframes dot-pulse{0%{background:var(--primary)}to{background:var(--accent)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.spin{animation:1s linear infinite spin}.sidebar__nav{flex:1;padding:1rem 0;overflow-y:auto}.sidebar__link{color:var(--secondary);border-left:3px solid #0000;align-items:center;gap:.75rem;padding:.65rem 1.5rem;font-size:13px;text-decoration:none;transition:all .2s,padding .3s;display:flex}.app.collapsed .sidebar__link{justify-content:center;padding:.85rem 0}.app.collapsed .sidebar__link-label{display:none}.sidebar__link:hover{color:var(--text-heading);background:#c1440e0f}.sidebar__link.active{color:var(--primary);border-left-color:var(--primary);background:#c1440e14;font-weight:600}.sidebar__link-icon{text-align:center;width:20px;font-size:16px}.sidebar__footer{border-top:1px solid var(--border-subtle);color:var(--secondary);padding:1rem 1.5rem;font-family:Space Mono,monospace;font-size:10px}.app.collapsed .sidebar__footer-content{display:none}.main{margin-left:var(--sidebar-w);width:calc(100% - var(--sidebar-w));flex-direction:column;min-height:100vh;transition:margin-left .3s,width .3s;display:flex}.topbar{-webkit-backdrop-filter:blur(12px);z-index:50;background:#ffffffd9;border-bottom:1px solid #ddd2c499;justify-content:space-between;align-items:center;height:64px;padding:0 2rem;display:flex;position:sticky;top:0;box-shadow:0 4px 20px #1c141008}.topbar__title{color:var(--text-heading);font-family:Playfair Display,serif;font-size:20px}.topbar__right{align-items:center;gap:1.25rem;display:flex}.topbar__badge{border:1px solid;border-radius:12px;padding:3px 10px;font-family:Space Mono,monospace;font-size:11px}.topbar__badge--live{border-color:var(--accent);color:var(--accent);background:#4a7a3e0f}.topbar__badge--alert{border-color:var(--primary);color:var(--primary);background:#c1440e0f;animation:2s infinite pulse-text}@keyframes pulse-text{0%,to{opacity:1}50%{opacity:.5}}.topbar__user{color:var(--secondary);align-items:center;gap:.5rem;font-size:13px;display:flex}.topbar__avatar{background:var(--primary);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;font-size:12px;font-weight:600;display:flex}.hamburger{color:var(--text-heading);cursor:pointer;background:0 0;border:none;font-size:22px;display:none}.collapse-toggle{color:var(--secondary);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;transition:color .2s;display:flex}.collapse-toggle:hover{color:var(--primary)}.content{flex:1;width:100%;max-width:2400px;margin:0 auto;padding:clamp(1rem,3vw,3rem)}.page-header{margin-bottom:2rem}.page-header__title{color:var(--text-heading);margin-bottom:.25rem;font-size:clamp(24px,4vw,32px)}.page-header__sub{color:var(--secondary);font-size:14px}.card{background:var(--surface);box-shadow:var(--shadow-sm);z-index:1;border:1px solid #ddd2c499;border-radius:16px;padding:1.5rem;transition:all .4s cubic-bezier(.16,1,.3,1);position:relative}.card:hover{box-shadow:var(--shadow-md);z-index:2;border-color:#c1440e4d;transform:translateY(-4px)scale(1.01)}.card--surface{background:var(--surface);color:var(--text-dark);border-color:var(--border-card)}.card__title{color:var(--text-heading);margin-bottom:.75rem;font-family:Playfair Display,serif;font-size:16px}.card__value{color:var(--text-heading);margin-bottom:.25rem;font-family:Space Mono,monospace;font-size:28px;font-weight:700;line-height:1}.card__label{color:var(--primary);text-transform:uppercase;letter-spacing:.08em;font-family:Space Mono,monospace;font-size:11px}.card__sub{color:var(--secondary);margin-top:.25rem;font-size:12px}.stat-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:clamp(1rem,2vw,1.5rem);margin-bottom:2rem;display:grid}.table-wrap{border:1px solid var(--border-subtle);box-shadow:var(--shadow-sm);border-radius:12px;overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:13px}thead{background:var(--dark-surface)}th{text-align:left;color:var(--primary);text-transform:uppercase;letter-spacing:.06em;border-bottom:1px solid var(--border-subtle);padding:.75rem 1rem;font-family:Space Mono,monospace;font-size:11px}td{border-bottom:1px solid var(--border-subtle);color:var(--text-body);padding:.7rem 1rem}tr:hover td{background:#c1440e08}tbody tr:last-child td{border-bottom:none}.badge{text-transform:uppercase;letter-spacing:.05em;border-radius:3px;padding:2px 8px;font-family:Space Mono,monospace;font-size:10px;display:inline-block}.badge--critical{color:#c43c3c;background:#b92d2d1a;border:1px solid #b92d2d33}.badge--high{color:var(--primary);background:#c1440e1a;border:1px solid #c1440e33}.badge--medium{color:var(--warning);background:#c48a201a;border:1px solid #c48a2033}.badge--low{color:var(--accent);background:#4a7a3e1a;border:1px solid #4a7a3e33}.badge--info{color:var(--info);background:#3a7a8c1a;border:1px solid #3a7a8c33}.badge--active{color:var(--accent);background:#4a7a3e1a;border:1px solid #4a7a3e33}.btn{cursor:pointer;will-change:transform;border:none;border-radius:6px;align-items:center;gap:.5rem;padding:8px 20px;font-family:Space Mono,monospace;font-size:12px;transition:all .3s cubic-bezier(.22,1,.36,1);display:inline-flex}.btn:active{transform:scale(.96)}.btn--primary{background:var(--primary);color:#fff}.btn--primary:hover{background:#a83a0c;transform:translateY(-1px);box-shadow:0 8px 24px #c1440e4d}.btn--outline{border:1px solid var(--border-subtle);color:var(--text-body);background:0 0}.btn--outline:hover{border-color:var(--primary);color:var(--primary);transform:translateY(-1px);box-shadow:0 4px 12px #c1440e14}.btn--success{background:var(--accent);color:#fff}.btn--success:hover{background:#3a6a2e;transform:translateY(-1px);box-shadow:0 8px 24px #4a7a3e4d}.btn--danger{background:var(--danger);color:#fff}.btn--danger:hover{background:#a02525;transform:translateY(-1px);box-shadow:0 8px 24px #b92d2d4d}.btn--sm{padding:5px 12px;font-size:11px}.btn--lg{padding:12px 28px;font-size:14px}.input{background:var(--surface);border:1px solid var(--border-subtle);color:var(--text-body);border-radius:6px;width:100%;padding:.6rem 1rem;font-family:DM Sans,sans-serif;font-size:13px;transition:all .3s cubic-bezier(.22,1,.36,1)}.input:focus{border-color:var(--primary);outline:none;transform:translateY(-1px);box-shadow:0 0 0 4px #c1440e26}.input::placeholder{color:var(--border-card)}select.input{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%237A6B5A'%3E%3Cpath d='M7 10l5 5 5-5z'/%3E%3C/svg%3E");background-position:right .75rem center;background-repeat:no-repeat;background-size:18px;padding-right:2.5rem}.form-group{margin-bottom:1rem}.form-label{color:var(--primary);text-transform:uppercase;letter-spacing:.06em;margin-bottom:.4rem;font-family:Space Mono,monospace;font-size:11px;display:block}.toggle{cursor:pointer;width:44px;height:24px;position:relative}.toggle input{display:none}.toggle__track{background:var(--border-subtle);border-radius:12px;transition:background .2s;position:absolute;inset:0}.toggle input:checked+.toggle__track{background:var(--primary)}.toggle__thumb{background:var(--surface);pointer-events:none;width:20px;height:20px;box-shadow:var(--shadow-sm);border-radius:50%;transition:transform .2s;position:absolute;top:2px;left:2px}.toggle input:checked~.toggle__thumb{transform:translate(20px)}input[type=range]{appearance:none;background:var(--border-subtle);border-radius:3px;outline:none;width:100%;height:6px}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;background:var(--primary);cursor:pointer;border:2px solid var(--surface);width:18px;height:18px;box-shadow:var(--shadow-sm);border-radius:50%}.tabs{border-bottom:1px solid var(--border-subtle);gap:0;margin-bottom:1.5rem;display:flex}.tab{color:var(--secondary);cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;padding:.75rem 1.5rem;font-family:Space Mono,monospace;font-size:12px;transition:all .2s}.tab:hover{color:var(--text-heading)}.tab.active{color:var(--primary);border-bottom-color:var(--primary);font-weight:700}.tab-panel{display:none}.tab-panel.active{display:block}.grid-2{grid-template-columns:repeat(auto-fit,minmax(450px,1fr));gap:clamp(1rem,2vw,2rem);display:grid}.grid-3{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:clamp(1rem,2vw,2rem);display:grid}.grid-4{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:clamp(1rem,2vw,2rem);display:grid}.grid-2-1{grid-template-columns:minmax(0,2fr) minmax(350px,1fr);gap:clamp(1rem,2vw,2rem);display:grid}.grid-1-2{grid-template-columns:minmax(350px,1fr) minmax(0,2fr);gap:clamp(1rem,2vw,2rem);display:grid}.map-container{border:1px solid var(--border-subtle);background:var(--dark-surface);width:100%;height:450px;box-shadow:var(--shadow-sm);border-radius:12px;overflow:hidden}.map-container--lg{height:550px}.feed{flex-direction:column;gap:.75rem;max-height:500px;padding-right:.5rem;display:flex;overflow-y:auto}.feed::-webkit-scrollbar{width:4px}.feed::-webkit-scrollbar-thumb{background:var(--border-subtle);border-radius:2px}.feed-item{background:var(--surface);border:1px solid var(--border-subtle);box-shadow:var(--shadow-sm);border-radius:8px;padding:1rem;transition:border-color .2s}.feed-item:hover{border-color:var(--border-card)}.feed-item__header{justify-content:space-between;align-items:center;margin-bottom:.5rem;display:flex}.feed-item__source{color:var(--primary);font-family:Space Mono,monospace;font-size:10px}.feed-item__time{color:var(--border-card);font-family:Space Mono,monospace;font-size:10px}.feed-item__text{color:var(--text-body);font-size:13px;line-height:1.5}.protocol-bar{border:1px solid var(--border-subtle);border-radius:8px;gap:0;display:flex;overflow:hidden}.protocol-state{text-align:center;color:var(--border-card);background:var(--dark-surface);flex:1;padding:.6rem;font-family:Space Mono,monospace;font-size:11px;transition:all .3s}.protocol-state.active{color:#fff;font-weight:700}.protocol-state.clear.active{background:var(--accent)}.protocol-state.alert.active{background:#c48a20}.protocol-state.warning.active{background:var(--glow)}.protocol-state.emergency.active{background:var(--danger)}.protocol-state.recovery.active{background:var(--info)}.log{background:var(--surface);border:1px solid var(--border-subtle);max-height:300px;box-shadow:var(--shadow-sm);border-radius:8px;padding:1rem;font-family:Space Mono,monospace;font-size:11px;line-height:1.8;overflow-y:auto}.log-entry{color:var(--text-body)}.log-entry span{color:var(--primary)}.chart-box{background:var(--surface);border:1px solid var(--border-subtle);box-shadow:var(--shadow-sm);border-radius:12px;padding:1.25rem;position:relative;overflow:hidden}.chart-box canvas{width:100%!important}.coverage-bar{background:var(--border-subtle);border-radius:4px;height:8px;margin-top:.25rem;overflow:hidden}.coverage-fill{border-radius:4px;height:100%;transition:width .5s}#cursor{border:1.5px solid var(--primary);pointer-events:none;z-index:9999;border-radius:50%;width:12px;height:12px;transition:width .15s,height .15s,background .15s;position:fixed;top:0;left:0;transform:translate(-50%,-50%)}#cursor.expanded{background:#c1440e4d;width:28px;height:28px}.ticker{background:var(--surface);border-bottom:1px solid var(--border-subtle);z-index:1000;align-items:center;height:44px;display:flex;position:sticky;top:0;overflow:hidden}.ticker__track{white-space:nowrap;animation:28s linear infinite ticker-scroll;display:flex}.ticker__item{color:var(--primary);padding:0 2rem;font-family:Space Mono,monospace;font-size:12px}.ticker__sep{color:var(--border-subtle);padding:0 .5rem}@keyframes ticker-scroll{0%{transform:translate(0)}to{transform:translate(-50%)}}.nav{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:999;border-bottom:1px solid var(--border-subtle);background:#fffffff2;justify-content:space-between;align-items:center;width:100%;height:60px;padding:0 2rem;transition:transform .4s;display:flex;position:fixed;top:44px;left:0;transform:translateY(-110%);box-shadow:0 1px 8px #0000000f}.nav.visible{transform:translateY(0)}.nav__logo{color:var(--text-heading);font-family:Playfair Display,serif;font-size:18px}.nav__links{gap:2rem;list-style:none;display:flex}.nav__links a{color:var(--secondary);border-bottom:2px solid #0000;padding-bottom:2px;font-family:Space Mono,monospace;font-size:12px;text-decoration:none;transition:border-color .2s}.nav__links a.active,.nav__links a:hover{border-color:var(--primary)}.hero{width:100%;height:calc(100vh - 44px);position:relative;overflow:hidden}#city-canvas{width:100%;height:100%;position:absolute;inset:0}.hero__fog{pointer-events:none;background:radial-gradient(#f8f5f000 30%,#f8f5f0 100%);position:absolute;inset:0}.hero__noise{pointer-events:none;opacity:.02;position:absolute;inset:0}.hero__content{text-align:center;z-index:2;flex-direction:column;justify-content:center;align-items:center;padding:2rem;display:flex;position:absolute;inset:0}.hero__title{color:var(--text-heading);letter-spacing:-.02em;font-family:Playfair Display,serif;font-size:clamp(52px,10vw,100px);font-weight:900;line-height:1.05}.hero__tagline{color:var(--text-body);max-width:800px;margin-top:1.5rem;font-size:22px;line-height:1.4}.hero__sub{color:var(--accent);letter-spacing:.04em;margin-top:.5rem;font-family:Space Mono,monospace;font-size:14px}.hero__cta{background:var(--primary);color:#fff;cursor:pointer;border:none;border-radius:6px;margin-top:2rem;padding:14px 32px;font-family:Space Mono,monospace;font-size:14px;text-decoration:none;transition:transform .3s,box-shadow .3s;display:inline-block}.hero__cta:hover{transform:scale(1.04);box-shadow:0 0 24px #c1440e80}.hero__chevron{color:var(--text-heading);font-size:24px;animation:2s ease-in-out infinite bounce;position:absolute;bottom:2rem;left:50%;transform:translate(-50%)}@keyframes bounce{0%,to{transform:translate(-50%)translateY(0)}50%{transform:translate(-50%)translateY(10px)}}.stats{background:var(--surface);border-top:1px solid var(--border-subtle);border-bottom:1px solid var(--border-subtle);padding:2.5rem 0;box-shadow:0 2px 8px #0000000a}.stats__grid{width:100%;max-width:1600px;margin:0 auto;display:flex}.stats__item{text-align:center;flex:1;padding:0 1.5rem;position:relative}.stats__item+.stats__item:before{content:"";background:var(--border-subtle);width:1px;height:80%;position:absolute;top:10%;left:0}.stats__label{color:var(--accent);text-transform:uppercase;letter-spacing:.1em;margin-bottom:.5rem;font-family:Space Mono,monospace;font-size:11px}.stats__num{color:var(--text-heading);font-family:Space Mono,monospace;font-size:clamp(32px,3.5vw,48px);font-weight:700;line-height:1}.stats__sub{color:var(--secondary);margin-top:.4rem;font-size:12px}.features{background:var(--bg);padding:5rem 2rem}.section-title{color:var(--text-heading);text-align:center;margin-bottom:3rem;font-family:Playfair Display,serif;font-size:clamp(32px,5vw,48px)}.section-title:after{content:"";background:var(--primary);width:60px;height:2px;margin:.75rem auto 0;display:block}.features__grid{grid-template-columns:repeat(5,1fr);gap:1.25rem;width:100%;max-width:1600px;margin:0 auto;display:grid}.feature-card{perspective:800px;cursor:pointer}.feature-card--wide{grid-column:span 2}.feature-card--full{grid-column:span 3}.feature-card__inner{transform-style:preserve-3d;border-radius:12px;transition:transform .6s cubic-bezier(.4,0,.2,1);position:relative}.feature-card.flipped .feature-card__inner{transform:rotateY(180deg)}.feature-card__front,.feature-card__back{backface-visibility:hidden;border:1px solid var(--border-card);border-radius:12px;padding:1.5rem}.feature-card__front{background:var(--surface);color:var(--text-dark)}.feature-card__back{background:var(--primary);color:#fff;position:absolute;inset:0;transform:rotateY(180deg)}.feature-card__front:hover{border-color:var(--primary);box-shadow:var(--shadow-lg);transform:translateY(-8px)scale(1.02)}.feature-card:hover .feature-card__inner{transform:translateY(-8px)}.feature-card.flipped:hover .feature-card__inner{transform:rotateY(180deg)translateY(-8px)}.card__id{color:var(--accent);font-family:Space Mono,monospace;font-size:11px}.card__icon{color:var(--primary);margin:.5rem 0;font-family:Playfair Display,serif;font-size:28px}.card__name{color:var(--text-dark);margin-bottom:.5rem;font-family:Playfair Display,serif;font-size:20px}.card__value-text{color:var(--secondary);font-size:14px;line-height:1.5}.card__back-name{margin-bottom:.75rem;font-family:Playfair Display,serif;font-size:20px}.card__back-desc{opacity:.92;font-size:14px;line-height:1.6}.card__pills{flex-wrap:wrap;gap:.4rem;margin-top:1rem;display:flex}.card__pill{color:var(--primary);background:#c1440e1a;border:1px solid #c1440e26;border-radius:3px;padding:3px 8px;font-family:Space Mono,monospace;font-size:10px}.pipeline{background:var(--surface);padding:5rem 2rem;position:relative;overflow:hidden}.pipeline__subtitle{color:var(--secondary);text-align:center;margin-bottom:3rem;font-size:18px}.pipeline__row{justify-content:space-evenly;align-items:flex-start;width:100%;max-width:1400px;margin:0 auto;display:flex;position:relative}.pipeline__node{z-index:2;flex-direction:column;flex:1;align-items:center;gap:.75rem;display:flex;position:relative}.pipeline__circle{border:2px solid var(--border-subtle);background:0 0;border-radius:50%;justify-content:center;align-items:center;width:clamp(56px,5vw,84px);height:clamp(56px,5vw,84px);font-size:clamp(20px,2vw,32px);transition:background .3s,border-color .3s,box-shadow .3s;display:flex;position:relative}.pipeline__circle.active{background:var(--primary);border-color:var(--primary);box-shadow:0 0 12px #c1440e40}.pipeline__label{color:var(--secondary);text-align:center;width:100%;font-family:Space Mono,monospace;font-size:clamp(10px,.9vw,13px);line-height:1.4}.pipeline__tooltip{background:var(--text-heading);border:1px solid var(--border-subtle);color:#fff;white-space:nowrap;opacity:0;pointer-events:none;z-index:10;border-radius:4px;padding:6px 12px;font-family:Space Mono,monospace;font-size:12px;transition:opacity .2s;position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%)}.pipeline__node:hover .pipeline__tooltip{opacity:1}.scenarios{background:var(--dark-surface);padding:5rem 2rem}.scenarios__row{gap:1.5rem;width:100%;max-width:1600px;margin:0 auto;display:flex}.scenario-card{background:var(--surface);cursor:pointer;border-radius:12px;flex:1;min-width:0;transition:flex .5s cubic-bezier(.4,0,.2,1),opacity .5s;position:relative;overflow:hidden}.scenario-card.expanded{flex:3}.scenario-card.collapsed{opacity:.2;flex:.15}.scenario-card__inner{padding:1.5rem}.scenario-card__top{background:var(--primary);height:4px}.scenario-card__name{color:var(--text-dark);margin-bottom:1rem;font-family:Playfair Display,serif;font-size:24px}.scenario-card__grid{grid-template-columns:repeat(4,1fr);gap:4px;margin-bottom:1rem;display:grid}.scenario-cell{border-radius:2px;width:16px;height:16px;transition:background .2s}.scenario-card__metrics{color:var(--secondary);font-family:Space Mono,monospace;font-size:12px}.scenario-card__status{color:var(--primary);opacity:0;margin-top:.75rem;font-family:Space Mono,monospace;font-size:13px}.scenario-card.expanded .scenario-card__status{opacity:1;animation:1s ease-in-out infinite pulse-text}.scenario-card__close{border:1px solid var(--border-card);color:var(--text-dark);cursor:pointer;background:0 0;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;font-size:14px;display:none;position:absolute;top:.75rem;right:.75rem}.scenario-card.expanded .scenario-card__close{display:flex}.tech{background:var(--surface);border-top:1px solid var(--border-subtle);border-bottom:1px solid var(--border-subtle);padding:2rem 0;overflow:hidden}.tech__row{width:max-content;margin:.5rem 0;display:flex}.tech__row--fwd{animation:35s linear infinite marquee-fwd}.tech__row--rev{animation:50s linear infinite marquee-rev}.tech__row:hover{animation-play-state:paused}.tech__item{white-space:nowrap;cursor:pointer;border:1px solid;border-radius:4px;margin:0 8px;padding:6px 16px;font-family:Space Mono,monospace;font-size:13px;transition:font-size .2s,opacity .2s;position:relative}.tech__item:hover{font-size:14px}.tech__item--ml{border-color:var(--primary);color:var(--primary)}.tech__item--infra{border-color:var(--accent);color:var(--accent)}.tech__item--api{border-color:var(--secondary);color:var(--secondary)}.tech__tip{background:var(--text-heading);border:1px solid var(--border-subtle);color:#fff;white-space:nowrap;opacity:0;pointer-events:none;z-index:5;border-radius:4px;padding:4px 10px;font-family:DM Sans,sans-serif;font-size:11px;transition:opacity .2s;position:absolute;bottom:calc(100% + 6px);left:50%;transform:translate(-50%)}.tech__item:hover .tech__tip{opacity:1}@keyframes marquee-fwd{0%{transform:translate(0)}to{transform:translate(-50%)}}@keyframes marquee-rev{0%{transform:translate(-50%)}to{transform:translate(0)}}.footer{background:var(--text-heading);border-top:1px solid var(--border-subtle);color:#f2e8d9;padding:4rem 2rem 2.5rem;position:relative;overflow:hidden}.footer__top{z-index:2;justify-content:space-between;align-items:flex-start;gap:4rem;max-width:1400px;margin:0 auto;display:flex;position:relative}.footer__left{text-align:left;flex:1}.footer__right{text-align:right;flex:none}.footer__name{color:#f2e8d9;margin-bottom:.25rem;font-family:Playfair Display,serif;font-size:32px}.footer__tagline{color:var(--accent);margin-bottom:1.5rem;font-family:Space Mono,monospace;font-size:14px}.footer__team{opacity:.8;margin-bottom:.5rem;font-size:14px}.footer__legal{opacity:.6;margin-top:.75rem;font-size:12px}.footer__hack{color:var(--primary);font-family:Space Mono,monospace;font-size:16px;font-weight:700}.footer__bottom{z-index:1;border-top:1px solid #ddd2c426;justify-content:space-between;align-items:center;margin-top:4rem;padding-top:1.5rem;display:flex;position:relative}.footer__copy{color:#8a7a6a;font-family:Space Mono,monospace;font-size:12px}.footer__status{color:#d4a96a;align-items:center;gap:.5rem;font-family:Space Mono,monospace;font-size:12px;display:flex}.footer__dot{background:var(--primary);border-radius:50%;width:8px;height:8px;animation:1.5s ease-in-out infinite alternate dot-pulse}.reveal{opacity:0;transition:opacity .7s cubic-bezier(.22,1,.36,1),transform .7s cubic-bezier(.22,1,.36,1);transform:translateY(40px)}.reveal.visible{opacity:1;transform:translateY(0)}.reveal-card{opacity:0;transition:opacity .7s cubic-bezier(.22,1,.36,1),transform .7s cubic-bezier(.22,1,.36,1);transform:translateY(40px)rotateX(8deg)}.reveal-card.visible{opacity:1;transform:translateY(0)rotateX(0)}.section-divider{background:var(--border-subtle);border:none;border-top:1px dashed var(--border-subtle);width:100%;height:1px}@media (max-width:1400px){.features__grid{grid-template-columns:repeat(4,1fr)}}@media (max-width:1100px){.features__grid{grid-template-columns:repeat(3,1fr)}}@media (max-width:900px){.collapse-toggle{display:none}.sidebar{transform:translate(-100%)}.sidebar.open{transform:translate(0)}.main{margin-left:0}.hamburger{display:block}.grid-2,.grid-3,.grid-4,.grid-2-1,.grid-1-2{grid-template-columns:1fr}}@media (max-width:768px){.footer__top{text-align:center;flex-direction:column;gap:2rem}.footer__left,.footer__right{text-align:center}.footer__bottom{text-align:center;flex-direction:column;gap:1.5rem;margin-top:3rem}.features__grid{grid-template-columns:repeat(2,1fr)}.pipeline__row{flex-direction:column;align-items:center;gap:2rem}.stats__grid{flex-wrap:wrap}.stats__item{flex:0 0 50%;margin-bottom:1.5rem}.scenarios__row{flex-direction:column}.scenario-card.collapsed{opacity:1;flex:1}}@media (max-width:600px){.content{padding:1rem}.stat-grid{grid-template-columns:1fr 1fr}.topbar{padding:0 1rem}.tabs{flex-wrap:nowrap;overflow-x:auto}}@media (max-width:480px){.features__grid{grid-template-columns:1fr}.ticker{display:none}.hero__title{font-size:42px}.stats__item{flex:0 0 100%}}.card--glass{-webkit-backdrop-filter:blur(8px);background:#fff6!important;border:1px solid #ddd2c466!important}.log-scroll-area{max-height:120px;padding-right:4px;overflow-y:auto}.custom-scroll::-webkit-scrollbar{width:4px}.custom-scroll::-webkit-scrollbar-track{background:#00000005}.custom-scroll::-webkit-scrollbar-thumb{background:var(--border-subtle);border-radius:10px}.dispatch-card-premium{border:1px solid var(--border-subtle);background:var(--surface);border-radius:8px;padding:.8rem;transition:all .3s;position:relative;overflow:hidden}.dispatch-card-premium:hover{border-color:var(--primary);box-shadow:var(--shadow-md);transform:translate(4px)}.dispatch-card-premium:before{content:"";background:var(--primary);opacity:.3;width:3px;transition:opacity .3s;position:absolute;top:0;bottom:0;left:0}.dispatch-card-premium:hover:before{opacity:1}.log-scroll-area::-webkit-scrollbar{width:3px}.log-scroll-area::-webkit-scrollbar-thumb{background:var(--border-subtle);border-radius:10px}