/* ============================================================
   KINETA / KinetaIQ — Site System (shared across all pages)
   Built on brand.css. Merges the chosen winning components:
   Command-Console hero/platform/proof + Velocity shift/CTA.
   ============================================================ */

body{margin:0;background:var(--ink-000);color:var(--t-hi);font-family:var(--sans);-webkit-font-smoothing:antialiased;overflow-x:hidden;}
a{color:inherit;text-decoration:none;}
img{max-width:100%;display:block;}
.wrap{max-width:var(--maxw);margin:0 auto;padding:0 40px;}
.relative{position:relative;}

/* ---------- NAV ---------- */
.nav{position:sticky;top:0;z-index:60;backdrop-filter:blur(14px);background:rgba(5,8,12,.74);border-bottom:1px solid var(--ink-200);}
.nav-in{display:flex;align-items:center;gap:40px;height:72px;}
.brand{display:flex;align-items:center;gap:11px;font-family:var(--display);font-size:1.05rem;letter-spacing:.07em;}
.brand .x{width:21px;height:21px;}
.nav-links{display:flex;gap:30px;margin-left:auto;font-size:.82rem;font-weight:600;letter-spacing:.03em;color:var(--t-mid);}
.nav-links a{transition:.18s;position:relative;}
.nav-links a:hover,.nav-links a.active{color:var(--cyan);}
.nav-links a.active::after{content:"";position:absolute;left:0;right:0;bottom:-26px;height:2px;background:var(--grad);}
.nav-cta{font-family:var(--mono);font-size:.73rem;letter-spacing:.05em;border:1px solid var(--cyan);color:var(--cyan);padding:11px 18px;border-radius:3px;transition:.2s;white-space:nowrap;}
.nav-links .mob-cta{display:none;}
.nav-cta:hover{background:var(--cyan);color:var(--ink-000);box-shadow:0 0 24px rgba(0,229,255,.4);}
.nav-toggle{display:none;}
.hamb{display:none;width:40px;height:40px;border:1px solid var(--ink-300);border-radius:4px;cursor:pointer;align-items:center;justify-content:center;flex-direction:column;gap:4px;}
.hamb span{display:block;width:18px;height:2px;background:var(--t-hi);transition:.2s;}

/* ---------- BUTTONS ---------- */
.btn{font-family:var(--mono);font-size:.82rem;letter-spacing:.04em;padding:15px 26px;border-radius:3px;transition:.22s;display:inline-flex;align-items:center;gap:10px;white-space:nowrap;cursor:pointer;border:0;}
.btn-pri{background:var(--cyan);color:var(--ink-000);font-weight:700;}
.btn-pri:hover{box-shadow:0 0 30px rgba(0,229,255,.5);transform:translateY(-2px);}
.btn-green{background:var(--green);color:var(--ink-000);font-weight:700;}
.btn-green:hover{box-shadow:0 0 34px rgba(57,255,20,.5);transform:translateY(-2px);}
.btn-ghost{border:1px solid var(--ink-300);color:var(--t-hi);}
.btn-ghost:hover{border-color:var(--cyan);color:var(--cyan);}

/* ---------- SECTION SHELL ---------- */
section.blk{padding:104px 0;position:relative;}
.sec-head{display:flex;align-items:baseline;gap:18px;margin-bottom:8px;}
.sec-num{font-family:var(--mono);font-size:.8rem;color:var(--cyan);letter-spacing:.1em;}
.sec-title{font-family:var(--display);text-transform:uppercase;font-size:clamp(2rem,3.6vw,3.2rem);line-height:1;margin:10px 0 0;}
.sec-lead{color:var(--t-mid);font-size:1.05rem;line-height:1.7;max-width:46em;margin:24px 0 0;}
.sec-lead b{color:var(--t-hi);font-weight:600;}
.bar{width:46px;height:3px;background:var(--grad);display:inline-block;}
.kicker2{font-family:var(--mono);font-size:.76rem;letter-spacing:.16em;text-transform:uppercase;color:var(--cyan);}

/* ---------- HERO (Command Console) ---------- */
.hero{position:relative;padding:74px 0 92px;overflow:hidden;}
.hero .bg-grid{position:absolute;inset:0;opacity:.7;}
.hero .glow-cyan{position:absolute;inset:-10% -10% auto -10%;height:130%;pointer-events:none;}
.hero-grid{position:relative;display:grid;grid-template-columns:1.05fr .95fr;gap:56px;align-items:center;}
.tagbar{display:flex;align-items:center;gap:14px;margin-bottom:28px;}
.tagbar .dot{width:7px;height:7px;border-radius:50%;background:var(--green);box-shadow:0 0 12px var(--green);animation:pulse 2.4s infinite;}
h1.hero-h{font-family:var(--display);text-transform:uppercase;font-size:clamp(2.6rem,4.4vw,4.3rem);line-height:.96;margin:0 0 26px;}
.hero-sub{font-size:1.06rem;line-height:1.65;color:var(--t-mid);max-width:30em;margin:0 0 36px;}
.hero-sub b{color:var(--t-hi);font-weight:700;}
.btn-row{display:flex;gap:16px;flex-wrap:wrap;align-items:center;}

/* console panel */
.console{position:relative;border:1px solid var(--ink-300);border-radius:8px;background:linear-gradient(180deg,var(--ink-100),var(--ink-050));overflow:hidden;box-shadow:0 40px 80px -30px rgba(0,0,0,.8);}
.console::after{content:"";position:absolute;left:0;right:0;top:0;height:42px;background:linear-gradient(180deg,rgba(0,229,255,.06),transparent);pointer-events:none;}
.con-head{display:flex;align-items:center;gap:8px;padding:13px 16px;border-bottom:1px solid var(--ink-200);font-family:var(--mono);font-size:.7rem;color:var(--t-lo);letter-spacing:.05em;}
.con-head .led{width:8px;height:8px;border-radius:50%;background:var(--ink-300);}
.con-head .led.on{background:var(--green);box-shadow:0 0 8px var(--green);}
.con-head .title{margin-left:6px;color:var(--t-mid);}
.con-head .live{margin-left:auto;color:var(--green);}
.con-body{padding:20px;display:grid;grid-template-columns:1fr 1fr;gap:14px;}
.metric{border:1px solid var(--ink-200);border-radius:6px;padding:16px;background:var(--ink-000);position:relative;overflow:hidden;}
.metric .lab{font-family:var(--mono);font-size:.64rem;letter-spacing:.12em;color:var(--t-lo);text-transform:uppercase;}
.metric .val{font-family:var(--display);font-size:1.7rem;margin-top:10px;}
.metric .val.g{color:var(--green);}
.metric .val.c{color:var(--cyan);}
.metric .spark{display:flex;align-items:flex-end;gap:3px;height:26px;margin-top:12px;}
.metric .spark i{flex:1;background:var(--grad-soft);opacity:.65;border-radius:1px;}
.con-foot{border-top:1px solid var(--ink-200);padding:13px 20px;font-family:var(--mono);font-size:.68rem;color:var(--t-lo);display:flex;justify-content:space-between;}
.con-foot .ok{color:var(--cyan);}

/* ---------- TICKER ---------- */
.ticker{border-top:1px solid var(--ink-200);border-bottom:1px solid var(--ink-200);background:var(--ink-050);overflow:hidden;white-space:nowrap;}
.ticker-track{display:inline-flex;gap:44px;padding:14px 0;font-family:var(--mono);font-size:.76rem;letter-spacing:.05em;color:var(--t-mid);animation:ticker 36s linear infinite;}
.ticker-track .c{color:var(--cyan);}

/* ---------- SHIFT (Velocity diagonal split) ---------- */
.shift{display:grid;grid-template-columns:1fr 1fr;gap:0;margin-top:56px;border:1px solid var(--ink-200);border-radius:10px;overflow:hidden;}
.col{padding:40px;}
.col.bad{background:var(--ink-050);}
.col.good{background:linear-gradient(160deg,rgba(0,229,255,.06),rgba(57,255,20,.04));border-left:1px solid var(--ink-200);}
.col h3{font-family:var(--mono);font-size:.8rem;letter-spacing:.14em;text-transform:uppercase;margin:0 0 24px;}
.col.bad h3{color:var(--t-lo);} .col.good h3{color:var(--green);}
.col ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:15px;}
.col li{font-size:1rem;display:flex;gap:12px;line-height:1.4;}
.col.bad li{color:var(--t-mid);} .col.good li{color:var(--t-hi);font-weight:500;}
.col.bad li::before{content:"✕";color:var(--t-lo);font-size:.8rem;}
.col.good li::before{content:"▸";color:var(--green);}

/* ---------- PLATFORM (Command grid) ---------- */
.eng-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--ink-200);border:1px solid var(--ink-200);border-radius:8px;overflow:hidden;margin-top:56px;}
.eng{background:var(--ink-050);padding:30px;transition:.25s;position:relative;}
.eng:hover{background:var(--ink-100);}
.eng .no{font-family:var(--mono);font-size:.72rem;color:var(--cyan);letter-spacing:.1em;}
.eng h4{font-family:var(--display);font-size:1.12rem;text-transform:uppercase;margin:14px 0 12px;}
.eng p{font-size:.9rem;color:var(--t-mid);line-height:1.6;margin:0 0 16px;}
.eng .tags{display:flex;flex-wrap:wrap;gap:7px;}
.eng .tags span{font-family:var(--mono);font-size:.64rem;color:var(--t-lo);border:1px solid var(--ink-300);border-radius:3px;padding:4px 8px;}

/* ---------- PROOF (Command stats) ---------- */
.proof{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;margin-top:48px;}
.stat .n{font-family:var(--display);font-size:2.6rem;}
.stat .n.c{color:var(--cyan);} .stat .n.g{color:var(--green);}
.stat .l{font-size:.82rem;color:var(--t-mid);line-height:1.4;margin-top:8px;}

/* ---------- DIAGNOSTIC CTA (Velocity) ---------- */
.cta{position:relative;padding:110px 0;text-align:center;background:var(--ink-050);overflow:hidden;}
.cta .streak{position:absolute;top:50%;right:-6%;width:62%;height:230%;transform:translateY(-50%) rotate(18deg);background:var(--grad);opacity:.34;filter:blur(2px);clip-path:polygon(46% 0,54% 0,54% 100%,46% 100%);mix-blend-mode:screen;}
.cta h2{font-family:var(--display);text-transform:uppercase;font-size:clamp(2.2rem,5vw,4rem);line-height:.98;margin:14px 0 22px;position:relative;}
.cta p{color:var(--t-mid);max-width:36em;margin:0 auto 34px;position:relative;line-height:1.7;}

/* ---------- WHO IT'S FOR ---------- */
.who-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:56px;}
.who{border:1px solid var(--ink-200);border-radius:8px;padding:32px;background:var(--ink-050);transition:.25s;}
.who:hover{border-color:rgba(0,229,255,.3);transform:translateY(-4px);}
.who .wno{font-family:var(--mono);font-size:.7rem;color:var(--cyan);letter-spacing:.12em;}
.who h4{font-family:var(--display);font-size:1.18rem;text-transform:uppercase;margin:14px 0 14px;}
.who p{font-size:.94rem;color:var(--t-mid);line-height:1.62;margin:0 0 22px;}
.who .specs{list-style:none;margin:0;padding:18px 0 0;border-top:1px solid var(--ink-200);display:flex;flex-direction:column;gap:9px;}
.who .specs li{font-family:var(--mono);font-size:.72rem;color:var(--t-lo);display:flex;gap:9px;}
.who .specs li::before{content:"◆";color:var(--teal);}

/* ---------- FOUNDER ---------- */
.founder{position:relative;padding:118px 0;overflow:hidden;border-top:1px solid var(--ink-200);}
.founder .glow-green{position:absolute;inset:0;}
.founder blockquote{position:relative;font-family:var(--display);text-transform:uppercase;font-size:clamp(1.6rem,3.2vw,2.7rem);line-height:1.16;margin:0;max-width:18em;}
.founder cite{position:relative;display:block;margin-top:30px;font-family:var(--mono);font-size:.82rem;color:var(--cyan);font-style:normal;letter-spacing:.04em;}

/* ---------- FOOTER ---------- */
footer.ftr{border-top:1px solid var(--ink-200);background:var(--ink-050);padding:70px 0 40px;}
.ftr-top{display:grid;grid-template-columns:1.4fr repeat(3,1fr);gap:40px;padding-bottom:48px;border-bottom:1px solid var(--ink-200);}
.ftr-brand .brand{font-size:1.2rem;margin-bottom:18px;}
.ftr-brand p{color:var(--t-mid);font-size:.92rem;line-height:1.6;max-width:26em;}
.ftr-col h5{font-family:var(--mono);font-size:.7rem;letter-spacing:.14em;text-transform:uppercase;color:var(--t-lo);margin:0 0 18px;}
.ftr-col ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:12px;}
.ftr-col a{font-size:.9rem;color:var(--t-mid);transition:.18s;}
.ftr-col a:hover{color:var(--cyan);}
.ftr-bottom{display:flex;justify-content:space-between;align-items:center;padding-top:28px;font-size:.8rem;color:var(--t-lo);flex-wrap:wrap;gap:14px;}
.ftr-bottom .tagline{font-family:var(--mono);letter-spacing:.06em;color:var(--teal);}

/* ---------- PAGE HEADER (interior pages) ---------- */
.phead{position:relative;padding:96px 0 64px;overflow:hidden;border-bottom:1px solid var(--ink-200);}
.phead .bg-grid{position:absolute;inset:0;opacity:.6;}
.phead .glow-cyan{position:absolute;inset:-30% -10% auto auto;width:60%;height:160%;}
.phead h1{position:relative;font-family:var(--display);text-transform:uppercase;font-size:clamp(2.4rem,5vw,4rem);line-height:1;margin:18px 0 0;max-width:16em;}
.phead .plead{position:relative;color:var(--t-mid);font-size:1.1rem;line-height:1.7;max-width:40em;margin:26px 0 0;}

/* ---------- RESPONSIVE ---------- */
@media (max-width:980px){
  .hero-grid{grid-template-columns:1fr;gap:40px;}
  .eng-grid{grid-template-columns:1fr 1fr;}
  .proof{grid-template-columns:1fr 1fr;}
  .who-grid{grid-template-columns:1fr;}
  .ftr-top{grid-template-columns:1fr 1fr;}
  .hamb{display:flex;}
  .nav-links{position:absolute;top:72px;left:0;right:0;flex-direction:column;gap:0;margin:0;background:rgba(5,8,12,.97);backdrop-filter:blur(14px);border-bottom:1px solid var(--ink-200);max-height:0;overflow:hidden;transition:max-height .3s ease;}
  .nav-links a{padding:16px 40px;border-top:1px solid var(--ink-200);font-size:.95rem;}
  .nav-links a.active::after{display:none;}
  .nav-toggle:checked ~ .nav-links{max-height:340px;}
  .nav-toggle:checked ~ .hamb span:nth-child(1){transform:translateY(6px) rotate(45deg);}
  .nav-toggle:checked ~ .hamb span:nth-child(2){opacity:0;}
  .nav-toggle:checked ~ .hamb span:nth-child(3){transform:translateY(-6px) rotate(-45deg);}
  .nav-cta{display:none;}
  .nav-links .mob-cta{display:flex;margin:16px 24px;padding:14px 20px;background:var(--cyan);color:var(--ink-000);font-family:var(--mono);font-size:.78rem;letter-spacing:.04em;font-weight:700;border-radius:3px;justify-content:center;border-top:0;}
  .nav-links .mob-cta:hover{background:var(--white);color:var(--ink-000);}
  .nav-toggle:checked ~ .nav-links{max-height:460px;}
  .ticker-track{animation:none;}
  .ticker{overflow-x:auto;-webkit-overflow-scrolling:touch;}
}
@media (max-width:620px){
  .wrap{padding:0 22px;}
  .shift{grid-template-columns:1fr;} .col.good{border-left:0;border-top:1px solid var(--ink-200);}
  .eng-grid{grid-template-columns:1fr;} .proof{grid-template-columns:1fr;}
  .ftr-top{grid-template-columns:1fr;}
}

/* ---------- CONTACT FORM ---------- */
.cform{display:flex;flex-direction:column;gap:18px;max-width:560px;margin-top:8px;}
.cform .fr{display:grid;grid-template-columns:1fr 1fr;gap:18px;}
.cform label{display:block;font-family:var(--mono);font-size:.68rem;letter-spacing:.1em;text-transform:uppercase;color:var(--t-lo);margin-bottom:9px;}
.cform input,.cform select,.cform textarea{width:100%;background:var(--ink-050);border:1px solid var(--ink-300);border-radius:4px;padding:13px 14px;color:var(--t-hi);font-family:var(--sans);font-size:.95rem;transition:.18s;}
.cform input:focus,.cform select:focus,.cform textarea:focus{outline:0;border-color:var(--cyan);box-shadow:0 0 0 3px rgba(0,229,255,.12);}
.cform textarea{resize:vertical;min-height:130px;}
.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:start;}
.cinfo .ci{padding:22px 0;border-bottom:1px solid var(--ink-200);}
.cinfo .ci .k{font-family:var(--mono);font-size:.68rem;letter-spacing:.1em;text-transform:uppercase;color:var(--cyan);margin-bottom:8px;}
.cinfo .ci .v{font-size:1.05rem;color:var(--t-hi);}
@media(max-width:980px){.contact-grid{grid-template-columns:1fr;gap:36px;}}
@media(max-width:560px){.cform .fr{grid-template-columns:1fr;}}

/* ---------- LEGAL PROSE ---------- */
.prose{max-width:760px;margin-top:8px;}
.prose h2{font-family:var(--display);text-transform:uppercase;font-size:1.3rem;margin:48px 0 16px;color:var(--t-hi);}
.prose h2:first-child{margin-top:0;}
.prose p,.prose li{color:var(--t-mid);font-size:1rem;line-height:1.78;}
.prose p{margin:0 0 16px;}
.prose ul{margin:0 0 16px;padding-left:22px;display:flex;flex-direction:column;gap:8px;}
.prose .upd{font-family:var(--mono);font-size:.76rem;color:var(--t-lo);letter-spacing:.06em;margin-bottom:40px;}
.prose a{color:var(--cyan);}