:root{
    --bg:#05070a;
    --bg-soft:#080d12;
    --panel:#0a1015;
    --panel2:#0c141a;
    --line:#1a272e;
    --line2:#25353e;
    --text:#e7eeef;
    --muted:#74858b;
    --green:#8fe63c;
    --green2:#4ad66d;
    --blue:#3ea7ff;
    --orange:#ff8a2a;
    --warning:#ffb020;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
    margin:0;
    background:
        radial-gradient(ellipse 55% 32% at 50% -4%,rgba(92,148,100,.10),transparent 68%),
        var(--bg);
    color:var(--text);
    font-family:Consolas,"SFMono-Regular","Roboto Mono","Courier New",monospace;
}
body:before{
    content:"";
    position:fixed;
    inset:0;
    pointer-events:none;
    opacity:.34;
    background-image:
        linear-gradient(rgba(143,230,60,.022) 1px,transparent 1px),
        linear-gradient(90deg,rgba(143,230,60,.022) 1px,transparent 1px);
    background-size:42px 42px;
    mask-image:linear-gradient(to bottom,#000 0%,transparent 72%);
    z-index:-1;
}
a{color:inherit;text-decoration:none}
.topbar{
    position:sticky;
    top:0;
    z-index:20;
    min-height:70px;
    padding:0 32px;
    border-bottom:1px solid rgba(37,53,62,.82);
    background:rgba(5,7,10,.90);
    backdrop-filter:blur(16px);
    display:flex;
    justify-content:space-between;
    align-items:center;
    gap:24px;
}
.wordmark{display:flex;align-items:center;gap:11px}
.wordmark-mark{
    width:35px;height:40px;
    display:grid;place-items:center;
    clip-path:polygon(50% 0,92% 14%,84% 77%,50% 100%,16% 77%,8% 14%);
    background:linear-gradient(155deg,var(--green),#3f8c1e);
    color:#071006;font-weight:900;font-size:19px;
}
.wordmark b{display:block;font-family:Arial Narrow,Arial,sans-serif;letter-spacing:.09em;font-size:15px}
.wordmark small{display:block;color:var(--green);letter-spacing:.18em;font-size:8px;margin-top:3px}
.topnav{display:flex;align-items:center;gap:25px;font-size:10px;letter-spacing:.11em;text-transform:uppercase;color:#89979b}
.topnav a:hover{color:#fff}
.nav-cta{border:1px solid rgba(143,230,60,.5);color:var(--green)!important;padding:10px 14px}
.hero{
    min-height:690px;
    border-bottom:1px solid var(--line);
    position:relative;
    overflow:hidden;
    display:grid;
    grid-template-columns:minmax(0,1.2fr) minmax(360px,.8fr);
    align-items:center;
    padding:85px max(32px,calc((100vw - 1240px)/2));
}
.hero-grid{
    position:absolute;inset:0;
    background:
        linear-gradient(rgba(143,230,60,.025) 1px,transparent 1px),
        linear-gradient(90deg,rgba(143,230,60,.025) 1px,transparent 1px);
    background-size:42px 42px;
    opacity:.5;
}
.hero-glow{
    position:absolute;
    width:520px;height:520px;
    border-radius:50%;
    right:7%;top:16%;
    background:radial-gradient(circle,rgba(143,230,60,.08),transparent 65%);
    filter:blur(8px);
}
.hero-content{position:relative;z-index:3;max-width:780px}
.system-line{
    display:flex;align-items:center;gap:11px;
    color:#819098;font-size:9px;letter-spacing:.12em;text-transform:uppercase;
    margin-bottom:34px;flex-wrap:wrap
}
.system-line i{width:1px;height:12px;background:var(--line2)}
.pulse-dot{display:inline-block;width:7px;height:7px;border-radius:50%}
.pulse-dot.ok{background:var(--green);box-shadow:0 0 11px var(--green);animation:pulse 2s infinite}
.pulse-dot.warn{background:var(--warning);box-shadow:0 0 11px var(--warning)}
.eyebrow,.section-kicker{color:var(--green);font-size:10px;letter-spacing:.28em;text-transform:uppercase}
.hero h1{
    font-family:"Arial Narrow",Arial,sans-serif;
    font-size:clamp(66px,8vw,112px);
    line-height:.79;
    letter-spacing:-.045em;
    text-transform:uppercase;
    margin:20px 0 29px;
    font-weight:900;
}
.hero h1 span{
    display:block;color:var(--green);
    text-shadow:0 0 35px rgba(143,230,60,.17);
}
.hero-copy{
    max-width:660px;color:#85959a;font-family:Arial,sans-serif;
    font-size:17px;line-height:1.72;margin:0
}
.hero-copy strong{color:#dfe8e9}
.hero-actions{display:flex;gap:12px;margin-top:34px;flex-wrap:wrap}
.button{
    min-height:47px;padding:0 19px;
    display:inline-flex;align-items:center;justify-content:center;gap:20px;
    text-transform:uppercase;font-size:10px;letter-spacing:.1em;
    border:1px solid var(--line2);transition:.2s
}
.button.primary{background:var(--green);border-color:var(--green);color:#081005;font-weight:900}
.button.primary:hover{box-shadow:0 0 30px rgba(143,230,60,.22);transform:translateY(-1px)}
.button.ghost:hover{border-color:#53646b;color:#fff}
.button.large{padding:0 26px;min-height:52px}
.flow{
    margin-top:46px;display:flex;gap:13px;align-items:center;flex-wrap:wrap;
    color:#506067;font-size:9px;letter-spacing:.15em
}
.flow b{color:#304047}
.flow .active{color:var(--green)}
.radar{
    position:relative;z-index:2;
    width:min(430px,40vw);aspect-ratio:1;
    border:1px solid #21322c;border-radius:50%;
    justify-self:end;
    background:radial-gradient(circle,rgba(143,230,60,.055),transparent 68%);
    box-shadow:inset 0 0 80px rgba(143,230,60,.025);
    overflow:hidden
}
.radar-ring{position:absolute;border:1px solid rgba(143,230,60,.15);border-radius:50%;left:50%;top:50%;transform:translate(-50%,-50%)}
.r1{width:73%;height:73%}.r2{width:46%;height:46%}.r3{width:19%;height:19%}
.radar-cross{position:absolute;background:rgba(143,230,60,.13)}
.radar-cross.x{height:1px;left:8%;right:8%;top:50%}
.radar-cross.y{width:1px;top:8%;bottom:8%;left:50%}
.radar-sweep{
    position:absolute;left:50%;top:50%;width:50%;height:50%;
    transform-origin:0 0;
    background:conic-gradient(from 270deg,rgba(143,230,60,.18),transparent 28deg);
    animation:sweep 5s linear infinite
}
.radar:after{
    content:"";position:absolute;width:10px;height:10px;border-radius:50%;
    background:var(--green);left:calc(50% - 5px);top:calc(50% - 5px);
    box-shadow:0 0 18px var(--green)
}
.radar>span{
    position:absolute;left:50%;bottom:20%;transform:translateX(-50%);
    color:#49614b;font-size:8px;letter-spacing:.3em;white-space:nowrap
}
.radar-point{position:absolute;width:5px;height:5px;border-radius:50%;background:var(--green);box-shadow:0 0 9px var(--green)}
.p1{left:28%;top:31%}.p2{right:22%;top:43%}.p3{right:35%;bottom:23%}
.stats-strip{
    max-width:1240px;margin:0 auto;
    display:grid;grid-template-columns:repeat(5,1fr);
    border-left:1px solid var(--line);border-right:1px solid var(--line);
}
.stat{padding:28px 24px;border-right:1px solid var(--line);background:#070b0e}
.stat:last-child{border-right:0}
.stat small{display:block;color:#56666c;font-size:8px;letter-spacing:.15em;margin-bottom:9px}
.stat strong{display:block;font:900 28px "Arial Narrow",Arial,sans-serif;color:#eef5f0}
.stat .date-value{font-size:20px}
.stat span{display:block;color:#617078;font-size:9px;margin-top:5px}
.section{max-width:1240px;margin:0 auto;padding:105px 0}
.section-heading{display:grid;grid-template-columns:1fr .82fr;align-items:end;gap:70px;margin-bottom:43px}
.section-heading.compact{margin-bottom:30px}
.section-heading h2,.intelligence-copy h2,.closing h2{
    font:900 clamp(34px,4vw,57px) "Arial Narrow",Arial,sans-serif;
    text-transform:uppercase;letter-spacing:-.02em;margin:8px 0 0
}
.section-heading p,.intelligence-copy>p,.closing p{
    color:#718087;font-family:Arial,sans-serif;line-height:1.75;margin:0;font-size:14px
}
.modules{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line);border:1px solid var(--line)}
.module{padding:22px 22px 28px;background:var(--panel);min-width:0;transition:.25s}
.module:hover{background:#0d151a;transform:translateY(-2px)}
.module-top{display:flex;justify-content:space-between;align-items:center;color:#58676d;font-size:8px;letter-spacing:.15em;margin-bottom:18px}
.module-top em{font-style:normal;border:1px solid currentColor;padding:4px 7px}
.hawkeye .module-top em,.hawkeye .module-role,.hawkeye li:before{color:var(--green)}
.live .module-top em,.live .module-role{color:var(--blue)}
.prematch .module-top em,.prematch .module-role{color:var(--green2)}
.module-art{aspect-ratio:1/1;overflow:hidden;border:1px solid #1b272c;background:#030607}
.module-art img{width:100%;height:100%;object-fit:cover;display:block;filter:saturate(.94) contrast(1.03);transition:.3s}
.module:hover .module-art img{transform:scale(1.018)}
.module h3{font:900 26px "Arial Narrow",Arial,sans-serif;text-transform:uppercase;margin:23px 0 5px;text-align:center}
.module-role{text-align:center;font-size:8px;letter-spacing:.17em;text-transform:uppercase}
.module p{color:#68787e;font-family:Arial,sans-serif;line-height:1.65;text-align:center;font-size:12px;min-height:78px;margin:17px 3px 19px}
.module ul{margin:0;padding:17px 0 0;list-style:none;border-top:1px solid var(--line)}
.module li{color:#a5afb2;font-size:9px;letter-spacing:.03em;padding:6px 0}
.module li:before{content:"▸";color:#657980;margin-right:8px}
.live li:before{color:var(--blue)}.prematch li:before{color:var(--green2)}
.intelligence-section{
    display:grid;grid-template-columns:.85fr 1.15fr;gap:80px;align-items:center;
    border-top:1px solid var(--line)
}
.intelligence-copy>p{margin:20px 0 26px}
.capabilities{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--line);border:1px solid var(--line);margin-bottom:28px}
.capabilities div{background:#080d11;padding:13px}
.capabilities b{color:var(--green);font-size:8px;margin-right:10px}
.capabilities span{color:#a0aaae;font-size:9px}
.dashboard-preview{
    border:1px solid #24343c;background:#090f14;
    box-shadow:0 35px 80px rgba(0,0,0,.34);transform:perspective(1200px) rotateY(-3deg)
}
.preview-header{height:43px;border-bottom:1px solid #1b2a31;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 14px}
.preview-header>div{display:flex;gap:5px}.preview-header>div span{width:6px;height:6px;border-radius:50%;background:#2a383e}
.preview-header b{font-size:8px;letter-spacing:.16em}.preview-header small{text-align:right;color:#4b5a60;font-size:7px}
.preview-body{display:grid;grid-template-columns:58px 1fr;min-height:375px}
.preview-body aside{border-right:1px solid #1b2a31;padding:18px;display:flex;flex-direction:column;gap:17px}
.preview-body aside i{width:21px;height:5px;background:#26363d;border-radius:5px}.preview-body aside i.on{background:var(--green)}
.preview-main{padding:24px}
.preview-title span{display:block;height:9px;background:#26363d;margin-bottom:7px;width:47%}.preview-title span:last-child{width:28%;height:5px;background:#1b2930}
.preview-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;margin:23px 0}
.preview-kpis i{height:57px;border:1px solid #213039;background:linear-gradient(145deg,#0e171e,#0a1116)}
.preview-kpis i:after{content:"";display:block;width:32%;height:3px;background:var(--green);margin:38px 9px 0}
.preview-charts{display:grid;grid-template-columns:1.5fr .75fr;gap:8px}
.preview-line,.preview-bars{height:175px;border:1px solid #213039;background:#091017;padding:15px}
.preview-line svg{width:100%;height:100%}
.preview-bars{display:flex;align-items:flex-end;gap:8px}
.preview-bars i{display:block;flex:1;background:linear-gradient(var(--blue),#235c87)}
.preview-table{margin-top:8px;border:1px solid #213039;padding:12px;display:flex;flex-direction:column;gap:7px}
.preview-table i{height:5px;background:#1c2a31}
.pipeline-section{border-top:1px solid var(--line)}
.pipeline{display:grid;grid-template-columns:1fr auto 1fr auto 1fr auto 1fr;gap:10px;align-items:stretch}
.pipeline-node{border:1px solid var(--line);background:#080d11;padding:24px 19px;min-height:135px}
.pipeline-node.active{border-color:rgba(143,230,60,.43);box-shadow:inset 0 -2px 0 var(--green)}
.node-index{display:block;color:#445159;font-size:8px;margin-bottom:24px}
.pipeline-node b{display:block;font:900 17px "Arial Narrow",Arial,sans-serif;letter-spacing:.06em}
.pipeline-node small{display:block;color:#627178;line-height:1.55;margin-top:8px;font-size:8px}
.pipeline-arrow{align-self:center;color:#34434a}
.pipeline-status{display:flex;align-items:center;gap:11px;margin-top:20px;border-top:1px solid var(--line);padding-top:18px;color:#64737a;font-size:9px;letter-spacing:.06em}
.pipeline-status b{color:#aab5b7}
.pipeline-status span:last-child{margin-left:auto}
.closing{
    min-height:445px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);
    text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:65px 20px;
    background:radial-gradient(circle at 50% 50%,rgba(143,230,60,.05),transparent 42%)
}
.closing p{max-width:690px;margin:18px auto 28px}
.footer{min-height:86px;max-width:1240px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;color:#48575d;font-size:8px;letter-spacing:.13em}
.footer div:first-child{display:flex;align-items:center;gap:12px}.footer b{color:var(--green);font-size:10px}
@keyframes pulse{50%{opacity:.35}}
@keyframes sweep{to{transform:rotate(360deg)}}
@media(max-width:1100px){
    .hero{grid-template-columns:1fr;min-height:auto;padding-top:100px;padding-bottom:90px}
    .radar{position:absolute;right:-110px;opacity:.28;width:460px}
    .stats-strip{grid-template-columns:repeat(3,1fr)}
    .stat:nth-child(3){border-right:0}
    .intelligence-section{grid-template-columns:1fr;gap:45px}
    .dashboard-preview{transform:none}
}
@media(max-width:800px){
    .topbar{padding:0 18px}.topnav>a:not(.nav-cta){display:none}
    .hero{padding-left:22px;padding-right:22px}
    .hero h1{font-size:clamp(58px,18vw,86px)}
    .hero-copy{font-size:15px}
    .radar{right:-170px}
    .stats-strip{grid-template-columns:1fr 1fr;margin:0 15px}.stat{border-bottom:1px solid var(--line)}
    .section{padding:75px 18px}
    .section-heading{grid-template-columns:1fr;gap:16px}
    .modules{grid-template-columns:1fr}.module p{min-height:0}
    .pipeline{grid-template-columns:1fr}.pipeline-arrow{transform:rotate(90deg);text-align:center}
    .preview-body{grid-template-columns:40px 1fr}.preview-main{padding:15px}
    .preview-kpis{grid-template-columns:1fr 1fr}.preview-charts{grid-template-columns:1fr}
    .capabilities{grid-template-columns:1fr}
    .footer{padding:0 18px;flex-direction:column;justify-content:center;gap:10px;text-align:center}
}
@media(max-width:520px){
    .system-line i{display:none}
    .flow{gap:8px}
    .hero-actions{flex-direction:column;align-items:stretch}.button{width:100%}
    .stats-strip{grid-template-columns:1fr}
    .stat{border-right:0}
    .radar{display:none}
    .pipeline-status{align-items:flex-start;flex-wrap:wrap}.pipeline-status span:last-child{margin-left:18px;width:100%}
}
@media(prefers-reduced-motion:reduce){*{animation:none!important;scroll-behavior:auto!important}}