:root{
  --ink:#202020;
  --navy:#202020;
  --panel:#ffffff;
  --cyan:#f6c500;
  --cyan2:#007b45;
  --paper:#f5f5f5;
  --muted:#4f4f4f;
  --line:#d3d3d3;
  --danger:#d20701;
  --yellow:#f6c500;
  --green:#007b45;
  --green-hover:#006b3b;
  --green-soft:#e7f2ec;
  --yellow-soft:#fff7d6;
  --shadow:0 12px 32px rgba(0,0,0,.07);
}

body{color:var(--ink);background:#fff}
.container{width:min(1280px,calc(100% - 64px))}

.site-header{
  background:rgba(255,255,255,.96);
  border-bottom:1px solid #e7e7e7;
  color:var(--ink);
  box-shadow:0 1px 0 rgba(0,0,0,.02);
}
.header-inner{height:72px;gap:30px}
.brand{min-width:315px;gap:18px}
.brand strong{font-size:27px;letter-spacing:.13em;color:#111}
.brand span{color:#656565}
.main-nav{gap:25px}
.main-nav a{color:#303030;font-weight:600}
.main-nav a:hover{color:var(--green)}
.menu-toggle{color:#202020}

.button{min-height:50px;border-radius:8px;padding:0 25px;box-shadow:none}
.button:hover{transform:none}
.button-primary{background:var(--green);color:#fff;border-color:var(--green)}
.button-primary:hover{background:var(--green-hover);border-color:var(--green-hover);color:#fff}
.button-outline{border-color:var(--green);background:#fff;color:var(--green)}
.button-outline:hover{background:var(--green-soft);color:var(--green-hover);border-color:var(--green-hover)}
.button-ghost{border-color:#8f8f8f;background:rgba(255,255,255,.92);color:#202020}
.button-ghost:hover{border-color:var(--green);background:#fff;color:var(--green)}
.button-outline-light{border-color:var(--green);background:#fff;color:var(--green)}

.hero{min-height:650px;background:#fff;color:#202020}
.hero-image{object-position:center center}
.hero-shade{display:none}
.hero-content{justify-content:center;padding:54px 0 48px}
.camera-meta{display:none}
.hero-grid{display:block}
.hero-copy{max-width:660px}
.eyebrow{color:#697386;font-size:13px;letter-spacing:.16em}
.eyebrow.dark{color:#697386}
.hero h1{max-width:560px;margin-bottom:20px;font-size:clamp(52px,4.7vw,70px);line-height:.99;color:#111}
.hero-copy>p{max-width:610px;color:#202020;font-size:clamp(21px,1.9vw,28px);line-height:1.35}
.hero-actions{gap:14px;margin-top:28px}
.hero-benefits{width:min(650px,100%);grid-template-columns:repeat(2,1fr);gap:18px 30px;margin-top:38px}
.hero-benefits li{grid-template-columns:46px 1fr;gap:13px}
.hero-benefits i{width:46px;height:46px;display:grid;place-items:center;border-radius:50%;background:var(--yellow-soft);color:var(--yellow);font-size:23px}
.hero-benefits span{color:#303030;font-size:15px;font-weight:650}

.section{background:#fff}
.section-copy h2,.section-heading h2,.capabilities>div>h2{color:#111}
.section-copy p,.section-heading p{color:#4f4f4f}
.text-link{color:var(--green)}
.text-link:hover{color:var(--green-hover)}
.media-card{border:1px solid #dedede;border-radius:12px;background:#fff;box-shadow:var(--shadow)}
.intro-split{grid-template-columns:minmax(0,1.28fr) minmax(300px,.72fr)}
.intro-split .section-copy{order:2}
.intro-split .detection-visual{order:1}
.timecode,.event{background:rgba(32,32,32,.92)}
.event-warning{border-color:var(--yellow)}
.event-danger{border-color:#d20701}
.tracking-box{border-color:var(--yellow)}

.timeline-split::before,.comparison-split::before{border-top:1px solid #e7e7e7;background:#f5f5f5}
.timeline-card{border:1px solid #d3d3d3;border-radius:12px;background:#fff;color:#202020;box-shadow:none}
.timeline-row{color:#4f4f4f}
.track{background:#d8d8d8}
.track.red b{background:#fdeceb;color:#b60601;border:1px solid #efaaa7}
.track.yellow{background:#eee2ae}.track.yellow b{background:#f6c500;color:#202020}
.track.cyan{background:#b7d7ca}.track.cyan b{background:#e7f2ec;color:#006b3b;border:1px solid #a0c6b2}
.timeline-hours{color:#767676}
.shift-card{border:1px solid #d3d3d3;border-radius:12px;background:#fff;color:#202020}
.shift-head em{color:#202020}
.red-label{background:#fdeceb;color:#b60601!important}
.cyan-label{background:#e7f2ec;color:#006b3b!important}
.play{background:rgba(32,32,32,.9);color:#fff}

.action-section{background:var(--green-soft);color:#202020;border-top:1px solid #d2e8dc;border-bottom:1px solid #d2e8dc}
.action-copy p{color:#435e57}
.action-steps{gap:14px}
.action-steps li{border:1px solid #b7d7ca;border-radius:10px;background:#fff}
.action-steps i{color:var(--yellow)}
.action-steps span{color:#526c66}

.capabilities{background:#fff}
.capability-card,.scenario-card{border-color:#d8d8d8;border-radius:12px;box-shadow:0 8px 22px rgba(0,0,0,.04)}
.capability-card>div>i,.scenario-card>div>i{color:var(--yellow)}
.capability-card p,.scenario-card p{color:#5e5e5e}
.capability-card a{color:var(--green)}

.loss-map-section{background:#f5f5f5;border-top:1px solid #e7e7e7;border-bottom:1px solid #e7e7e7}
.loss-map{border:1px solid #d3d3d3;background:#fff}

.evidence{background:var(--green-soft);border-top:1px solid #d2e8dc;border-bottom:1px solid #d2e8dc}
.evidence-card{border:1px solid #b7d7ca;border-radius:12px;background:#fff;color:#202020}
.evidence-card img{border:1px solid #e1e1e1}

.pilot{background:#f5f5f5;color:#202020}
.pilot-image{filter:saturate(.72) brightness(1.16);object-position:center}
.pilot-shade{background:rgba(255,255,255,.64);box-shadow:inset 760px 0 260px rgba(255,255,255,.96)}
.pilot-copy>p{color:#303030}
.pilot-benefits i{color:var(--yellow)}
.pilot-form{border:1px solid #d3d3d3;border-radius:12px;background:rgba(255,255,255,.96);box-shadow:var(--shadow)}
.pilot-form>p{color:var(--green)}
.pilot-form label span{color:#4f4f4f}
.pilot-form input{border-color:#bdbdbd;background:#fff;color:#202020}
.pilot-form input:focus{border-color:var(--green);outline:2px solid rgba(0,123,69,.13)}
.pilot-form small{color:#767676}
.form-success{background:#e7f2ec}
.form-success i{color:var(--green)}
.form-success span{color:#435e57}

.site-footer{background:#202020;color:#fff;border-top:0}
.site-footer .brand strong{color:#fff}
.site-footer .brand span,.site-footer nav a{color:#d3d3d3}
.site-footer nav a:hover{color:var(--yellow)}
.site-footer .button-outline{border-color:#fff;background:transparent;color:#fff}
.site-footer .button-outline:hover{border-color:var(--yellow);color:#202020;background:var(--yellow)}

.demo-dialog{border-radius:14px;color:#202020;box-shadow:0 24px 70px rgba(0,0,0,.24)}
.demo-dialog::backdrop{background:rgba(32,32,32,.68)}
.dialog-close{background:rgba(32,32,32,.88)}

@media(max-width:1120px){
  .hero{min-height:760px}
  .hero-image{object-position:58% center}
  .hero-copy{max-width:610px}
}

@media(max-width:840px){
  .container{width:min(100% - 32px,720px)}
  .main-nav{background:#fff;border-top:1px solid #e7e7e7;box-shadow:0 12px 24px rgba(0,0,0,.08)}
  .main-nav a{color:#202020;border-bottom-color:#ececec}
  .hero{min-height:1000px;background:#fff}
  .hero-image{height:35%;top:auto;bottom:0;object-position:center 48%}
  .hero-shade{display:none}
  .hero-content{justify-content:flex-start;padding-top:48px;padding-bottom:370px}
  .hero-copy{max-width:680px}
  .hero h1{font-size:54px}
  .hero-benefits{grid-template-columns:repeat(2,1fr)}
  .intro-split{grid-template-columns:1fr}
  .intro-split .section-copy{order:1}
  .intro-split .detection-visual{order:2}
  .action-grid{gap:36px}
}

@media(max-width:560px){
  .container{width:calc(100% - 28px)}
  .site-header{backdrop-filter:none}
  .brand strong{font-size:23px}
  .hero{min-height:1180px}
  .hero-image{height:30%;object-position:63% center}
  .hero-content{padding:36px 0 390px}
  .hero h1{font-size:42px;line-height:1.02}
  .hero-copy>p{font-size:20px}
  .hero-actions{display:grid}
  .hero-actions .button{width:100%}
  .hero-benefits{grid-template-columns:1fr;gap:14px;margin-top:28px}
  .hero-benefits span{font-size:14px}
  .hero-benefits i{width:42px;height:42px;font-size:20px}
  .section-copy h2,.section-heading h2,.capabilities>div>h2{font-size:36px}
  .timeline-split,.comparison-split{padding-left:0;padding-right:0}
  .action-steps li{background:#fff}
  .pilot-shade{background:rgba(255,255,255,.78);box-shadow:none}
}