:root{--bg:#050806;--panel:#0a100d;--text:#f4f7f5;--muted:#98a39d;--green:#0f4c38;--green2:#78ad91;--green3:#1c6a4d;--gold:var(--green);--gold2:var(--green2);--orange:var(--green3);--line:rgba(151,191,170,.18);--light:#eef2ef;--ink:#07100c;--max:1440px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Arial,Helvetica,sans-serif;background:var(--bg);color:var(--text)}a{color:inherit}img{max-width:100%;display:block}.container{width:min(var(--max),92vw);margin:auto}
.site-header{position:fixed;inset:0 0 auto;z-index:50;transition:.25s;background:linear-gradient(to bottom,rgba(0,0,0,.72),transparent)}.site-header.scrolled{background:rgba(8,8,8,.9);backdrop-filter:blur(12px);border-bottom:1px solid var(--line)}
.nav{min-height:110px;display:flex;align-items:center;justify-content:space-between;gap:28px;padding:6px 0}.nav-logo img{width:260px;height:auto;max-height:98px;object-fit:contain}.nav-menu{display:flex;gap:25px;align-items:center;font-size:12px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.nav-menu a{text-decoration:none;opacity:.8}.nav-menu a:hover{opacity:1;color:var(--orange)}.menu-toggle{display:none;border:0;background:none;color:#fff;font-size:28px}
.hero{min-height:100vh;position:relative;overflow:hidden;display:flex;align-items:flex-end;padding:160px 0 80px;background:radial-gradient(circle at 82% 26%,rgba(154,133,88,.34),transparent 24%),radial-gradient(circle at 72% 60%,rgba(28,106,77,.12),transparent 18%),#090909}
.gridfx{position:absolute;inset:0;opacity:.14;background-image:linear-gradient(rgba(255,255,255,.14) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.14) 1px,transparent 1px);background-size:72px 72px;mask-image:linear-gradient(to bottom,black,transparent 95%)}
.orbit{position:absolute;border:1px solid rgba(255,255,255,.15);border-radius:50%;animation:float 10s ease-in-out infinite}.orbit.o1{width:560px;height:560px;right:-90px;top:15%}.orbit.o2{width:330px;height:330px;right:14%;top:34%;border-color:rgba(28,106,77,.25);animation-delay:-4s}
.spark{position:absolute;width:10px;height:10px;border-radius:50%;background:var(--orange);box-shadow:0 0 32px var(--orange);animation:drift 9s linear infinite}.spark.s1{right:22%;top:28%}.spark.s2{right:11%;top:67%;animation-delay:-3s}.spark.s3{right:39%;top:45%;animation-delay:-6s}
@keyframes float{50%{transform:translateY(-22px) rotate(7deg)}}@keyframes drift{50%{transform:translate(45px,-25px) scale(1.5)}}
.hero-copy{position:relative;z-index:2;max-width:1100px}.eyebrow{font-size:12px;letter-spacing:.22em;font-weight:800;color:var(--orange);text-transform:uppercase;margin:0 0 24px}
.hero h1,.page-hero h1{font-size:clamp(54px,6.2vw,94px);line-height:.94;letter-spacing:-.05em;margin:0;font-weight:800}.gold{color:var(--gold2)}.lead{max-width:790px;color:#c6c6c6;font-size:clamp(18px,2vw,25px);line-height:1.5;margin:30px 0 0}
.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:34px}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:0 22px;border:1px solid var(--line);text-decoration:none;text-transform:uppercase;font-size:12px;font-weight:800;letter-spacing:.12em;transition:.2s}.btn:hover{transform:translateY(-2px)}.btn.primary{background:var(--orange);border-color:var(--orange)}.btn.light{background:#fff;color:#111}.btn.dark{background:#111;color:#fff}
.section{padding:110px 0}.section.light{background:var(--light);color:var(--ink)}.kicker{color:var(--orange);font-size:11px;font-weight:800;letter-spacing:.2em;text-transform:uppercase}.section h2{font-size:clamp(42px,5.5vw,82px);line-height:.95;letter-spacing:-.045em;margin:12px 0 26px}.section p{font-size:18px;line-height:1.65;opacity:.8}
.split{display:grid;grid-template-columns:1.2fr .8fr;gap:7vw;align-items:start}.stat-card{background:var(--gold);padding:34px;min-height:280px;display:flex;flex-direction:column;justify-content:space-between}.stat-card strong{font-size:60px;letter-spacing:-.05em}
.csr{background:#0e0e0e}.csr-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line);margin-top:50px}.csr-card{background:#0e0e0e;padding:38px;min-height:360px;position:relative;overflow:hidden}.csr-card:before{content:"";position:absolute;width:180px;height:180px;border-radius:50%;border:1px solid rgba(255,255,255,.12);right:-60px;top:-55px;transition:.35s}.csr-card:hover:before{transform:scale(1.4);border-color:rgba(28,106,77,.45)}.csr-card .num{color:var(--gold2);font-size:12px;letter-spacing:.15em}.csr-card h3{font-size:34px;margin:95px 0 15px;letter-spacing:-.03em}.csr-card p{color:#aaa;font-size:16px}.csr-card a{text-decoration:none;color:var(--orange);font-weight:700}
.products{display:grid;grid-template-columns:repeat(5,1fr);gap:14px;margin-top:42px}.product-card{background:#151515;border:1px solid var(--line);padding:24px;min-height:220px;transition:.25s}.product-card:hover{transform:translateY(-6px);border-color:rgba(28,106,77,.45)}.product-card small{color:var(--gold2);text-transform:uppercase;letter-spacing:.14em}.product-card h4{font-size:24px;margin:70px 0 8px}.product-card.coming{background:linear-gradient(145deg,#161616,#0c1a14)}
.nawah-band{background:linear-gradient(120deg,#0d3f2e,#1b674a);color:white}.news-grid,.datasheet-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:42px}.news-card,.data-card{border:1px solid var(--line);padding:28px;min-height:240px;background:#121212}.news-card time{color:var(--gold2);font-size:12px;letter-spacing:.12em}.news-card h3,.data-card h3{font-size:26px}
.support-band{background:#f1eee6;color:#111}.support-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:40px}.support-box{background:white;padding:38px;border:1px solid #ddd;min-height:260px}
.footer{padding:50px 0;border-top:1px solid var(--line);background:#070707}.footer-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:30px}.footer img{width:180px}.footer a{text-decoration:none;color:#aaa}
.page-hero{padding:180px 0 90px;background:radial-gradient(circle at 85% 20%,rgba(15,76,56,.28),transparent 24%),#0b0b0b}.cards-2{display:grid;grid-template-columns:1fr 1fr;gap:18px}.info-card{padding:30px;border:1px solid #ddd;background:white;color:#111}
.form{display:grid;gap:18px;max-width:900px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:18px}label{font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}input,select,textarea{width:100%;padding:14px;border:1px solid #bbb;background:white;font:inherit}textarea{min-height:160px}
.filters{display:flex;gap:8px;flex-wrap:wrap;margin:25px 0}.filter-btn{border:1px solid #bbb;background:white;padding:10px 14px;cursor:pointer}.filter-btn.active{background:#111;color:#fff}.reveal{opacity:0;transform:translateY(24px);transition:.7s ease}.reveal.in{opacity:1;transform:none}
@media(max-width:980px){.nav-menu{display:none;position:absolute;top:90px;left:0;right:0;background:#0a0a0a;padding:24px 4vw;flex-direction:column;align-items:flex-start}.nav-menu.open{display:flex}.menu-toggle{display:block}.split,.footer-grid,.support-grid,.cards-2{grid-template-columns:1fr}.csr-grid{grid-template-columns:1fr}.products{grid-template-columns:1fr 1fr}.news-grid,.datasheet-grid{grid-template-columns:1fr}}
@media(max-width:560px){.nav-logo img{width:220px;max-height:82px}.hero{padding-top:140px}.hero h1{font-size:48px}.products{grid-template-columns:1fr}.form-row{grid-template-columns:1fr}.section{padding:80px 0}}


.experience-panel{background:var(--gold);color:#111;padding:38px;min-height:400px;position:relative;overflow:hidden}
.experience-panel::after{content:"";position:absolute;width:260px;height:260px;border:1px solid rgba(255,255,255,.18);border-radius:50%;right:-90px;bottom:-110px}
.experience-main{position:relative;z-index:2}.experience-number{font-size:92px;line-height:.9;font-weight:800;letter-spacing:-.06em}.experience-plus{font-size:46px;font-weight:800;vertical-align:top;margin-left:4px}
.experience-main p{margin:12px 0 0;text-transform:uppercase;letter-spacing:.12em;font-size:12px;font-weight:800}.experience-divider{height:1px;background:rgba(0,0,0,.25);margin:30px 0}
.experience-row{display:grid;grid-template-columns:.7fr 1.3fr;gap:30px;align-items:start}.experience-row strong{display:block;font-size:50px;line-height:1}
.experience-row span,.experience-domains>span{display:block;margin-top:8px;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.12em}.experience-row p{margin:0;line-height:1.7}
.experience-domains{position:relative;z-index:2}.domain-list{display:grid;grid-template-columns:1fr 1fr;margin-top:18px}.domain-list p{margin:0;padding:11px 0;border-top:1px solid rgba(0,0,0,.18);font-size:14px;font-weight:700}


/* Signature Connect → Sense → Respond flow */
.csr-flow-section{position:relative;overflow:hidden;background:#0c0c0c}
.csr-flow-section::before{content:"";position:absolute;inset:0;pointer-events:none;opacity:.12;background-image:linear-gradient(rgba(255,255,255,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.08) 1px,transparent 1px);background-size:64px 64px}
.csr-flow-section .container{position:relative;z-index:2}
.csr-intro{max-width:880px;color:#aaa!important;margin-bottom:52px}
.csr-flow{display:grid;grid-template-columns:minmax(0,1fr) 120px minmax(0,1.15fr) 120px minmax(0,1fr);gap:0;align-items:stretch;position:relative}
.flow-stage{min-height:520px;padding:34px 30px;border:1px solid var(--line);background:linear-gradient(145deg,rgba(255,255,255,.025),rgba(255,255,255,.008));position:relative;overflow:hidden;transition:transform .35s ease,border-color .35s ease,background .35s ease}
.flow-stage:hover{transform:translateY(-8px);border-color:rgba(28,106,77,.48);background:linear-gradient(145deg,rgba(28,106,77,.055),rgba(255,255,255,.01))}
.flow-stage::after{content:"";position:absolute;width:250px;height:250px;border:1px solid rgba(255,255,255,.08);border-radius:50%;right:-120px;bottom:-100px;transition:.5s}
.flow-stage:hover::after{transform:scale(1.16);border-color:rgba(28,106,77,.24)}
.flow-stage-head{position:relative;z-index:3}.flow-number{font-size:11px;color:var(--gold2);letter-spacing:.18em}.flow-stage h3{font-size:42px;letter-spacing:-.035em;margin:70px 0 16px}.flow-stage p{font-size:16px;color:#aaa;line-height:1.55}
.flow-chips{position:relative;z-index:3;display:flex;flex-wrap:wrap;gap:8px;margin:30px 0 0}.flow-chips span{padding:8px 10px;border:1px solid rgba(255,255,255,.14);font-size:10px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#ccc;background:rgba(255,255,255,.018);transition:.2s}
.flow-stage:hover .flow-chips span{border-color:rgba(120,173,145,.35)}
.flow-link{position:absolute;left:30px;bottom:32px;text-decoration:none;color:var(--orange);font-weight:800;font-size:13px;z-index:4}
.flow-bridge{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:15px;position:relative}
.flow-bridge span{font-size:9px;font-weight:800;letter-spacing:.2em;color:#777;writing-mode:vertical-rl;transform:rotate(180deg)}
.flow-line{width:100%;height:2px;background:rgba(255,255,255,.12);position:relative;overflow:visible}
.flow-line::after{content:"";position:absolute;right:-6px;top:50%;width:10px;height:10px;border-top:1px solid rgba(28,106,77,.65);border-right:1px solid rgba(28,106,77,.65);transform:translateY(-50%) rotate(45deg)}
.flow-line i{position:absolute;top:50%;width:7px;height:7px;border-radius:50%;background:var(--orange);box-shadow:0 0 16px rgba(28,106,77,.88);transform:translate(-50%,-50%);animation:dataPulse 3.6s linear infinite}
.flow-line i:nth-child(2){animation-delay:-1.2s}.flow-line i:nth-child(3){animation-delay:-2.4s}
@keyframes dataPulse{0%{left:0;opacity:0}12%{opacity:1}88%{opacity:1}100%{left:100%;opacity:0}}
.sense-stage{background:radial-gradient(circle at 50% 28%,rgba(15,76,56,.14),transparent 30%),linear-gradient(145deg,rgba(255,255,255,.035),rgba(255,255,255,.01));padding-top:180px}
.nawah-core{position:absolute;top:30px;left:50%;transform:translateX(-50%);width:135px;height:135px;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;background:radial-gradient(circle,#a38e5d 0,#6d5e3e 38%,#09120e 40%,#0c0c0c 64%);box-shadow:0 0 45px rgba(15,76,56,.18);z-index:3}
.nawah-core strong{font-size:20px;letter-spacing:.08em}.nawah-core small{font-size:7px;letter-spacing:.13em;color:#d7ccb0;margin-top:4px}.core-ring{position:absolute;inset:-18px;border-radius:50%;border:1px solid rgba(201,185,139,.2);animation:corePulse 4s ease-in-out infinite}.core-ring.ring-b{inset:-38px;border-color:rgba(28,106,77,.14);animation-delay:-2s}
@keyframes corePulse{50%{transform:scale(1.08);opacity:.45}}
.csr-caption{margin-top:32px;padding:24px 0 0;border-top:1px solid var(--line);display:grid;grid-template-columns:260px 1fr;gap:35px;align-items:start}.csr-caption span{color:var(--gold2);font-size:11px;font-weight:800;letter-spacing:.16em}.csr-caption p{margin:0;color:#888;font-size:15px;max-width:900px}
@media(max-width:1100px){
  .csr-flow{grid-template-columns:1fr}.flow-bridge{height:90px}.flow-line{width:2px;height:100%;background:rgba(255,255,255,.12)}.flow-line::after{right:auto;left:50%;top:auto;bottom:-5px;transform:translateX(-50%) rotate(135deg)}
  .flow-line i{left:50%!important;top:0;animation-name:dataPulseVertical}.flow-bridge span{writing-mode:horizontal-tb;transform:none}
  @keyframes dataPulseVertical{0%{top:0;opacity:0}12%{opacity:1}88%{opacity:1}100%{top:100%;opacity:0}}
}
@media(max-width:700px){.flow-stage{min-height:490px;padding:28px 24px}.flow-link{left:24px}.csr-caption{grid-template-columns:1fr}.sense-stage{padding-top:170px}}


/* v0.1.1 layout refinements for Connect → Sense → Respond */
.csr-flow{
  grid-template-columns:minmax(0,1fr) 110px minmax(0,1.16fr) 110px minmax(0,1fr);
  align-items:stretch;
}
.flow-stage{
  min-height:560px;
  display:flex;
  flex-direction:column;
  padding:34px 28px 26px;
}
.flow-stage-head{
  flex:0 0 auto;
}
.flow-stage h3{
  margin:58px 0 16px;
  font-size:40px;
}
.flow-stage p{
  font-size:15px;
  line-height:1.55;
}
.flow-chips{
  margin-top:24px;
  align-content:flex-start;
}
.flow-chips span{
  font-size:9px;
  line-height:1.2;
  padding:7px 9px;
}
.flow-link{
  position:static;
  margin-top:auto;
  padding-top:28px;
  display:inline-block;
  align-self:flex-start;
}
.sense-stage{
  padding-top:164px;
}
.sense-stage .flow-stage-head h3{
  margin-top:42px;
}
.nawah-core{
  top:28px;
  width:124px;
  height:124px;
}
.nawah-core strong{
  font-size:18px;
}
.nawah-core small{
  font-size:6px;
}
.csr-caption{
  margin-top:30px;
  padding-top:24px;
  grid-template-columns:220px 1fr;
}
.csr-caption span{
  color:#d2c497;
}
.csr-caption p{
  color:#b2b2b2;
  font-size:14px;
}
.flow-bridge{
  gap:10px;
}
.flow-bridge span{
  color:#9b9b9b;
}
@media(max-width:1200px){
  .csr-flow{
    grid-template-columns:minmax(0,1fr) 90px minmax(0,1.12fr) 90px minmax(0,1fr);
  }
  .flow-stage{
    padding-left:24px;
    padding-right:24px;
  }
  .flow-stage h3{
    font-size:36px;
  }
}
@media(max-width:1100px){
  .csr-flow{grid-template-columns:1fr}
  .flow-stage{min-height:auto}
  .sense-stage{padding-top:170px}
  .flow-bridge{height:84px}
  .flow-line{width:2px;height:100%}
  .flow-link{padding-top:24px}
}


/* Flagship product showcase */
.flagship-products{
  background:#0f0f0f;
  position:relative;
  overflow:hidden;
}
.flagship-products::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  opacity:.08;
  background-image:
    linear-gradient(rgba(255,255,255,.08) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.08) 1px,transparent 1px);
  background-size:72px 72px;
}
.flagship-products .container{
  position:relative;
  z-index:2;
}
.flagship-intro{
  max-width:820px;
  color:#aaa;
}
.flagship-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:18px;
  margin-top:46px;
}
.flagship-card{
  min-height:430px;
  padding:30px;
  border:1px solid var(--line);
  background:
    radial-gradient(circle at 85% 15%,rgba(15,76,56,.12),transparent 28%),
    linear-gradient(145deg,#151515,#0e0e0e);
  display:flex;
  flex-direction:column;
  position:relative;
  overflow:hidden;
  transition:transform .3s ease,border-color .3s ease,background .3s ease;
}
.flagship-card::after{
  content:"";
  position:absolute;
  width:220px;
  height:220px;
  right:-100px;
  bottom:-90px;
  border:1px solid rgba(255,255,255,.09);
  border-radius:50%;
  transition:.45s ease;
}
.flagship-card:hover{
  transform:translateY(-7px);
  border-color:rgba(28,106,77,.46);
}
.flagship-card:hover::after{
  transform:scale(1.18);
  border-color:rgba(28,106,77,.28);
}
.flagship-topline{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
  position:relative;
  z-index:2;
}
.flagship-topline span{
  color:var(--gold2);
  font-size:11px;
  letter-spacing:.16em;
}
.flagship-topline small{
  color:#8e8e8e;
  font-size:9px;
  font-weight:800;
  letter-spacing:.12em;
  text-transform:uppercase;
}
.flagship-content{
  position:relative;
  z-index:2;
  margin-top:92px;
}
.flagship-content h3{
  margin:0 0 18px;
  font-size:46px;
  letter-spacing:-.045em;
}
.flagship-content p{
  margin:0;
  color:#aaa;
  font-size:16px;
  line-height:1.6;
}
.flagship-link{
  margin-top:auto;
  padding-top:34px;
  color:var(--orange);
  text-decoration:none;
  font-size:13px;
  font-weight:800;
  position:relative;
  z-index:2;
}
.nawah-card{
  background:
    radial-gradient(circle at 78% 22%,rgba(120,173,145,.24),transparent 27%),
    linear-gradient(145deg,#0b1711,#0e0e0e);
}
.guardian-card{
  background:
    radial-gradient(circle at 80% 18%,rgba(28,106,77,.10),transparent 30%),
    linear-gradient(145deg,#151515,#101010);
}
@media(max-width:980px){
  .flagship-grid{grid-template-columns:1fr}
  .flagship-card{min-height:340px}
  .flagship-content{margin-top:55px}
}

/* HORNET product page */
.hornet-hero{min-height:100vh;position:relative;overflow:hidden;padding:170px 0 80px;display:flex;align-items:center;background:radial-gradient(circle at 78% 35%,rgba(15,76,56,.24),transparent 28%),#090909}.hornet-gridfx{position:absolute;inset:0;opacity:.12;background-image:linear-gradient(rgba(255,255,255,.1) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.1) 1px,transparent 1px);background-size:70px 70px}.hornet-hero-grid{display:grid;grid-template-columns:1fr 1fr;gap:5vw;align-items:center;position:relative;z-index:2}.hornet-hero h1{font-size:clamp(58px,6vw,96px);line-height:.92;letter-spacing:-.05em;margin:0}.hornet-lead{font-size:20px;line-height:1.6;color:#bbb;max-width:720px}.hornet-hero-visual{position:relative;min-height:560px;display:flex;align-items:center;justify-content:center}.hornet-hero-visual img{width:100%;max-width:760px;position:relative;z-index:3;filter:drop-shadow(0 25px 45px rgba(0,0,0,.5))}.hornet-orbit{position:absolute;border:1px solid rgba(255,255,255,.12);border-radius:50%;animation:float 10s ease-in-out infinite}.hornet-orbit.orbit-a{width:500px;height:500px}.hornet-orbit.orbit-b{width:330px;height:330px;border-color:rgba(28,106,77,.25);animation-delay:-3s}.hornet-tag{position:absolute;z-index:4;padding:8px 10px;border:1px solid rgba(255,255,255,.18);font-size:9px;font-weight:800;letter-spacing:.12em;background:rgba(10,10,10,.75);backdrop-filter:blur(8px)}.tag-1{left:4%;top:24%}.tag-2{right:4%;top:38%}.tag-3{right:8%;bottom:22%}.hornet-image-card{background:#111;border:1px solid var(--line);padding:18px}.hornet-image-card img{width:100%}.hornet-image-caption{padding:16px 4px 0;color:#777;font-size:12px;letter-spacing:.08em;text-transform:uppercase}.hornet-capabilities{background:#0d0d0d}.hornet-cap-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line);margin-top:45px}.hornet-cap{background:#101010;padding:32px;min-height:290px}.hornet-cap span{color:var(--gold2);font-size:11px}.hornet-cap h3{font-size:27px;margin:70px 0 12px}.hornet-cap p{font-size:15px;color:#999}.hornet-system-section{background:#121212}.hornet-system-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:6vw;align-items:center}.hornet-system-image{background:#efefec;padding:20px}.hornet-system-image img{width:100%}.hornet-chip-row{display:flex;flex-wrap:wrap;gap:8px;margin-top:28px}.hornet-chip-row span{padding:9px 11px;border:1px solid var(--line);font-size:10px;text-transform:uppercase;font-weight:800;letter-spacing:.08em}.hornet-nawah{background:linear-gradient(120deg,#08130e,#0b0b0b)}.hornet-nawah-intro{max-width:880px;color:#aaa}.hornet-flow{display:grid;grid-template-columns:1fr 160px 1fr 160px 1fr;align-items:center;margin-top:54px}.hornet-flow-node{min-height:170px;border:1px solid var(--line);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;background:#111}.hornet-flow-node.featured{background:radial-gradient(circle,rgba(15,76,56,.28),#111 58%);border-color:rgba(120,173,145,.35)}.hornet-flow-node strong{font-size:26px}.hornet-flow-node small{margin-top:8px;color:#888}.hornet-flow-line{height:2px;background:rgba(255,255,255,.12);position:relative}.hornet-flow-line i{position:absolute;top:50%;width:7px;height:7px;border-radius:50%;background:var(--orange);box-shadow:0 0 15px rgba(28,106,77,.88);transform:translate(-50%,-50%);animation:dataPulse 3.6s linear infinite}.hornet-flow-line i:nth-child(2){animation-delay:-1.2s}.hornet-flow-line i:nth-child(3){animation-delay:-2.4s}.hornet-app-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:40px}.hornet-app{background:white;border:1px solid #ddd;padding:28px;min-height:260px}.hornet-app span{color:var(--gold);font-size:11px}.hornet-app h3{font-size:24px;margin:70px 0 12px}.hornet-app p{font-size:15px}.spec-table{margin-top:42px;border-top:1px solid var(--line)}.spec-table>div{display:grid;grid-template-columns:280px 1fr;gap:35px;padding:21px 0;border-bottom:1px solid var(--line)}.spec-table span{font-size:11px;color:var(--gold2);text-transform:uppercase;letter-spacing:.12em}.spec-table strong{font-size:17px}.hornet-cta{background:linear-gradient(120deg,#0d3f2e,#1b674a);color:white}@media(max-width:1050px){.hornet-hero-grid,.hornet-system-grid{grid-template-columns:1fr}.hornet-hero-visual{min-height:420px}.hornet-cap-grid{grid-template-columns:1fr 1fr}.hornet-flow{grid-template-columns:1fr;gap:22px}.hornet-flow-line{width:2px;height:70px;justify-self:center}.hornet-app-grid{grid-template-columns:1fr 1fr}}@media(max-width:650px){.hornet-cap-grid,.hornet-app-grid{grid-template-columns:1fr}.spec-table>div{grid-template-columns:1fr;gap:8px}.hornet-tag{display:none}}

/* v0.1.8 - HORNET transparent asset + Featured Product enhancement */
.flagship-product-image{
  position:relative;
  height:190px;
  margin:22px 0 6px;
  display:flex;
  align-items:center;
  justify-content:center;
  overflow:visible;
}
.flagship-product-image::before{
  content:"";
  position:absolute;
  width:190px;
  height:190px;
  border-radius:50%;
  background:radial-gradient(circle,rgba(15,76,56,.18),rgba(154,133,88,0) 70%);
  filter:blur(2px);
}
.flagship-product-image img{
  position:relative;
  z-index:2;
  max-width:94%;
  max-height:180px;
  object-fit:contain;
  filter:drop-shadow(0 18px 26px rgba(0,0,0,.48));
  transition:transform .35s ease;
}
.hornet-featured-card:hover .flagship-product-image img{
  transform:translateY(-6px) scale(1.025);
}
.hornet-featured-card .flagship-content{
  margin-top:18px;
}
.hornet-featured-card .flagship-content h4{
  margin:0 0 12px;
  font-size:18px;
  color:#ddd;
}
.hornet-mini-specs{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:7px;
  margin-top:18px;
}
.hornet-mini-specs span{
  padding:7px 8px;
  border:1px solid rgba(255,255,255,.12);
  font-size:8px;
  line-height:1.25;
  font-weight:800;
  letter-spacing:.05em;
  text-transform:uppercase;
  color:#cfcfcf;
}
.hornet-featured-card{
  border-color:rgba(28,106,77,.32);
  background:
    radial-gradient(circle at 76% 24%,rgba(15,76,56,.18),transparent 28%),
    linear-gradient(145deg,#17140f,#0e0e0e);
}

/* Make transparent HORNET product assets sit naturally on dark backgrounds */
.hornet-hero-visual img,
.hornet-image-card img,
.hornet-system-image img{
  object-fit:contain;
}
.hornet-image-card{
  background:
    radial-gradient(circle at 50% 45%,rgba(15,76,56,.10),transparent 58%),
    #101010;
}
.hornet-system-image{
  background:
    radial-gradient(circle at 52% 50%,rgba(15,76,56,.09),transparent 60%),
    #101010;
  border:1px solid var(--line);
}
.hornet-image-card img,
.hornet-system-image img{
  filter:drop-shadow(0 22px 34px rgba(0,0,0,.45));
}
@media(max-width:980px){
  .flagship-product-image{height:220px}
  .flagship-product-image img{max-height:210px}
}

/* v0.1.9 - NAWAH product page */
.nawah-product-image img{border:1px solid rgba(255,255,255,.08);border-radius:4px}
.nawah-hero{min-height:100vh;position:relative;overflow:hidden;padding:170px 0 80px;display:flex;align-items:center;background:radial-gradient(circle at 78% 35%,rgba(15,76,56,.22),transparent 28%),#090909}
.nawah-gridfx{position:absolute;inset:0;opacity:.11;background-image:linear-gradient(rgba(255,255,255,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.08) 1px,transparent 1px);background-size:70px 70px}
.nawah-hero-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:5vw;align-items:center;position:relative;z-index:2}
.nawah-hero h1{font-size:clamp(58px,6vw,96px);line-height:.92;letter-spacing:-.05em;margin:0}
.nawah-lead{font-size:20px;line-height:1.6;color:#bbb;max-width:720px}
.nawah-hero-visual{position:relative;min-height:520px;display:flex;align-items:center;justify-content:center}
.nawah-hero-visual img{width:100%;max-width:850px;position:relative;z-index:3;border:1px solid rgba(255,255,255,.12);box-shadow:0 28px 55px rgba(0,0,0,.5)}
.nawah-orbit{position:absolute;border:1px solid rgba(255,255,255,.11);border-radius:50%;animation:float 10s ease-in-out infinite}.nawah-orbit.n1{width:520px;height:520px}.nawah-orbit.n2{width:340px;height:340px;border-color:rgba(28,106,77,.20);animation-delay:-3s}
.nawah-principles{background:var(--gold);color:#111;padding:34px}.nawah-principles>div{padding:22px 0;border-bottom:1px solid rgba(0,0,0,.22)}.nawah-principles>div:last-child{border-bottom:0}.nawah-principles strong{display:block;font-size:30px}.nawah-principles span{display:block;margin-top:6px;font-size:12px;text-transform:uppercase;letter-spacing:.1em}
.nawah-sr{background:#0e0e0e}.nawah-sr-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:42px}.nawah-sr-card{border:1px solid var(--line);padding:34px;background:#111;min-height:460px}.nawah-sr-card h3{font-size:32px;margin:54px 0 16px}.nawah-sr-card p{font-size:16px;color:#aaa}.nawah-sr-card ul{padding-left:19px;color:#bbb;line-height:1.9}.nawah-sr-card a{display:inline-block;margin-top:20px;color:var(--orange);text-decoration:none;font-weight:800}.nawah-sr-card.sense{border-top:2px solid var(--gold)}.nawah-sr-card.respond{border-top:2px solid var(--orange)}
.nawah-capabilities{background:#101010}.nawah-cap-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line);margin-top:45px}.nawah-cap-grid article{background:#111;padding:30px;min-height:300px}.nawah-cap-grid article span{color:var(--gold2);font-size:11px}.nawah-cap-grid article h3{font-size:25px;margin:62px 0 12px}.nawah-cap-grid article p{font-size:15px;color:#999}
.nawah-module-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:40px}.nawah-module{background:#fff;border:1px solid #ddd;padding:14px}.nawah-module img{width:100%;aspect-ratio:16/10;object-fit:cover;background:#111}.nawah-module h3{font-size:22px;margin:20px 8px 10px}.nawah-module p{font-size:14px;margin:0 8px 12px}
.nawah-architecture{background:#0d0d0d}.nawah-arch-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:1px;background:var(--line);margin-top:42px}.nawah-arch-grid>div{background:#111;padding:26px;min-height:210px}.nawah-arch-grid strong{font-size:18px;color:var(--gold2)}.nawah-arch-grid p{font-size:14px;color:#999}
.nawah-cta{background:linear-gradient(120deg,#0d3f2e,#1b674a);color:#fff}
@media(max-width:1100px){.nawah-hero-grid{grid-template-columns:1fr}.nawah-hero-visual{min-height:400px}.nawah-cap-grid{grid-template-columns:1fr 1fr}.nawah-module-grid{grid-template-columns:1fr 1fr}.nawah-arch-grid{grid-template-columns:1fr 1fr}}
@media(max-width:700px){.nawah-sr-grid,.nawah-cap-grid,.nawah-module-grid,.nawah-arch-grid{grid-template-columns:1fr}}


/* Cookie consent banner */
.cookie-banner{position:fixed;left:0;right:0;bottom:0;z-index:1000;padding:18px;display:none}
.cookie-banner.show{display:block;animation:cookieSlideUp .35s ease-out}
.cookie-banner-inner{width:min(1180px,calc(100vw - 36px));margin:0 auto;background:rgba(14,14,14,.96);color:#f4f1ea;border:1px solid rgba(255,255,255,.16);box-shadow:0 18px 55px rgba(0,0,0,.45);backdrop-filter:blur(14px);padding:22px 24px;display:grid;grid-template-columns:1fr auto;gap:28px;align-items:center}
.cookie-kicker{display:block;margin-bottom:8px;color:var(--orange);font-size:10px;font-weight:800;letter-spacing:.16em;text-transform:uppercase}
.cookie-copy p{margin:0;color:#c7c7c7;font-size:14px;line-height:1.55;max-width:780px}
.cookie-actions{display:flex;gap:10px;flex-wrap:wrap;justify-content:flex-end}
.cookie-btn{border:1px solid var(--line);min-height:44px;padding:0 16px;font:inherit;font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;cursor:pointer;transition:transform .2s ease,border-color .2s ease,background .2s ease}
.cookie-btn:hover{transform:translateY(-2px)}
.cookie-btn-primary{background:var(--orange);border-color:var(--orange);color:#fff}
.cookie-btn-secondary{background:transparent;color:#fff}
.cookie-btn-secondary:hover{border-color:rgba(255,255,255,.35)}
@keyframes cookieSlideUp{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:760px){.cookie-banner-inner{grid-template-columns:1fr;gap:18px}.cookie-actions{justify-content:flex-start}.cookie-btn{flex:1 1 auto}}


/* ==================================================================
   TSI 2026 DARK GREEN THEME
   Inspired by the darker digital language of CPX / G42.
   The gold TSI logo asset itself is intentionally unchanged.
   ================================================================== */
html,body{background:var(--bg);color:var(--text)}
body{
  background:
    radial-gradient(circle at 75% 8%,rgba(15,76,56,.09),transparent 30%),
    var(--bg);
}
.site-header{
  background:rgba(5,8,6,.86);
  border-bottom-color:rgba(120,173,145,.12);
}
.nav-menu a:hover{color:var(--green2)}
.hero{
  background:
    radial-gradient(circle at 80% 38%,rgba(15,76,56,.20),transparent 32%),
    linear-gradient(115deg,#040705 0%,#070c09 52%,#0b1610 100%);
}
.orbit{border-color:rgba(120,173,145,.18)}
.orbit.o2{border-color:rgba(28,106,77,.36)}
.spark,.flow-line i,.hornet-flow-line i{
  background:var(--green3);
  box-shadow:0 0 24px rgba(28,106,77,.72);
}
.gold{color:var(--green2)}
.btn.primary{background:var(--green3);border-color:var(--green3);color:#fff}
.btn.primary:hover{background:#225f49;border-color:#225f49}
.kicker,.eyebrow{color:var(--green2)}
.section.light{background:var(--light);color:var(--ink)}
.stat-card,.experience-panel,.nawah-principles{
  background:linear-gradient(145deg,#0e4935,#153d30);
  color:#f4f7f5;
}
.experience-divider,.nawah-principles>div{border-color:rgba(255,255,255,.18)}
.csr,.csr-flow-section,.hornet-capabilities,.nawah-capabilities{
  background:#070b09;
}
.flow-stage,.flagship-card,.news-card,.data-card,.product-card{
  background:linear-gradient(145deg,#0b110e,#080c0a);
  border-color:rgba(120,173,145,.16);
}
.flow-stage:hover,.flagship-card:hover,.product-card:hover{
  border-color:rgba(28,106,77,.55);
}
.flow-stage:hover{
  background:linear-gradient(145deg,rgba(15,76,56,.18),#080c0a);
}
.flow-stage:hover::after,.flagship-card:hover::after{
  border-color:rgba(28,106,77,.28);
}
.flow-line::after{
  border-top-color:rgba(28,106,77,.65);
  border-right-color:rgba(28,106,77,.65);
}
.nawah-core{
  background:radial-gradient(circle,#3d7f62 0,#164934 38%,#0a100d 41%,#070b09 66%);
  box-shadow:0 0 45px rgba(15,76,56,.26);
}
.core-ring{border-color:rgba(120,173,145,.28)}
.core-ring.ring-b{border-color:rgba(28,106,77,.20)}
.nawah-band,.hornet-cta,.nawah-cta{
  background:linear-gradient(120deg,#0d3f2e,#1b674a);
}
.flagship-products{
  background:
    radial-gradient(circle at 80% 20%,rgba(15,76,56,.12),transparent 30%),
    #070b09;
}
.nawah-card,.hornet-featured-card,.guardian-card{
  background:
    radial-gradient(circle at 78% 22%,rgba(15,76,56,.22),transparent 28%),
    linear-gradient(145deg,#0b1510,#080c0a);
}
.flagship-topline span,.flow-number,.csr-caption span,.news-card time,
.hornet-cap span,.spec-table span,.nawah-cap-grid article span,
.nawah-arch-grid strong{color:var(--green2)}
.flagship-link,.flow-link,.nawah-sr-card a{color:#3b8b69}
.hornet-nawah{
  background:linear-gradient(120deg,#09140f,#060907);
}
.hornet-flow-node.featured{
  background:radial-gradient(circle,rgba(15,76,56,.34),#090f0c 60%);
  border-color:rgba(120,173,145,.30);
}
.hornet-system-section{background:#09100d}
.hornet-system-image,.hornet-image-card{
  background:radial-gradient(circle at 50% 45%,rgba(15,76,56,.13),transparent 58%),#08100c;
}
.hornet-chip-row span,.hornet-mini-specs span{
  border-color:rgba(120,173,145,.18);
}
.hornet-app span{color:#1c6a4d}
.nawah-hero,.hornet-hero{
  background:
    radial-gradient(circle at 78% 35%,rgba(15,76,56,.25),transparent 30%),
    #050806;
}
.nawah-sr{background:#070b09}
.nawah-sr-card{background:#0a100d;border-color:rgba(120,173,145,.16)}
.nawah-sr-card.sense{border-top-color:#78ad91}
.nawah-sr-card.respond{border-top-color:#1c6a4d}
.nawah-architecture{background:#060a08}
.nawah-arch-grid>div{background:#0a100d}
.cookie-btn-primary{background:var(--green3);border-color:var(--green3)}
.cookie-kicker{color:var(--green2)}
.cookie-banner-inner{border-color:rgba(120,173,145,.22);background:rgba(5,10,7,.97)}
::selection{background:#1c6a4d;color:#fff}