
  :root{
    --black:#040402; --deep:#090704; --panel:#0d0b07; --panel2:#151008;
    --gold:#d5a33a; --gold2:#f4d889; --bronze:#8e6520; --line:rgba(229,176,65,.42);
    --text:#f7efe1; --muted:#c9b892; --dim:#887755; --blue:#1e8bc6;
    --shadow:0 30px 90px rgba(0,0,0,.72); --sharp:3px;
  }
  *{box-sizing:border-box}
  html{scroll-behavior:smooth}
  body{margin:0;background:#020201;color:var(--text);font-family:'Trebuchet MS',Arial,Helvetica,sans-serif;overflow-x:hidden;font-weight:700}
  body:before{content:"";position:fixed;inset:0;pointer-events:none;background:
    radial-gradient(circle at 18% 12%, rgba(218,156,42,.15), transparent 25%),
    radial-gradient(circle at 84% 12%, rgba(255,221,112,.09), transparent 18%),
    linear-gradient(90deg, rgba(0,0,0,.2), rgba(0,0,0,.82) 52%, rgba(0,0,0,.15));z-index:-3}
  body:after{content:"";position:fixed;inset:0;pointer-events:none;opacity:.16;background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:48px 48px;mask-image:radial-gradient(circle at center,#000,transparent 80%);z-index:80}
  .page{min-height:100vh;position:relative;background:#030201}
  .hero-art{position:fixed;inset:0;z-index:-2;background-color:#030201;background-image:url('/assets/flux-lion-hero.webp');background-size:auto 100vh;background-repeat:no-repeat;background-position:left top;filter:saturate(1.08) contrast(1.08) brightness(.54);}
  .hero-art:after{content:"";position:absolute;inset:0;background:
    linear-gradient(180deg,rgba(0,0,0,.08) 0%,rgba(0,0,0,.18) 35%,#030201 70%,#030201 100%),
    linear-gradient(90deg,rgba(0,0,0,.05),rgba(0,0,0,.62) 55%,rgba(0,0,0,.18));}
  .wrap{width:min(1180px,92vw);margin:0 auto;position:relative}
  header{position:sticky;top:0;z-index:20;background:linear-gradient(180deg,rgba(4,3,1,.92),rgba(4,3,1,.55));backdrop-filter:blur(12px);border-bottom:1px solid rgba(226,176,54,.2)}
  .nav{height:86px;display:flex;align-items:center;justify-content:space-between;gap:20px}
  .brand{display:flex;align-items:center;gap:13px;text-decoration:none;color:var(--text)}
  .crest{width:58px;height:58px;border:1px solid var(--gold);background:radial-gradient(circle at 45% 20%,#ffe6a4,#94651c 38%,#110c05 70%);clip-path:polygon(50% 0,94% 17%,84% 82%,50% 100%,16% 82%,6% 17%);position:relative;box-shadow:0 0 30px rgba(213,163,58,.28)}
  .crest:before{content:"♛";position:absolute;left:0;right:0;top:1px;text-align:center;color:#111;font-size:20px;text-shadow:0 1px #f8df8f}
  .crest:after{content:"♌";position:absolute;inset:17px 0 0;text-align:center;color:#100b04;font-size:27px;font-weight:bold}
  .brand strong{display:block;letter-spacing:7px;font-size:24px;line-height:.85;color:var(--gold2);text-shadow:0 0 20px rgba(213,163,58,.4)}
  .brand span{display:block;font-size:9px;letter-spacing:1.4px;color:#d3bd7d;margin-top:7px;text-transform:uppercase}
  nav{display:flex;gap:34px;align-items:center;font-size:12px;font-weight:800;letter-spacing:.8px;text-transform:uppercase}
  nav a{color:#eee3cf;text-decoration:none;position:relative}
  nav a:after{content:"";position:absolute;left:0;bottom:-12px;width:0;height:1px;background:var(--gold);transition:.25s}
  nav a:hover:after{width:100%}
  .navbtn,.goldbtn{border:1px solid var(--gold);background:linear-gradient(180deg,rgba(255,216,124,.14),rgba(82,49,5,.48));color:#ffe3a0;text-transform:uppercase;font-weight:900;letter-spacing:.8px;padding:15px 23px;text-decoration:none;box-shadow:inset 0 0 22px rgba(241,193,84,.08),0 0 28px rgba(213,163,58,.15)}
  .hero{min-height:610px;display:grid;grid-template-columns:1.03fr .97fr;align-items:center;padding:48px 0 38px;position:relative}
  .hero-left{min-height:500px;position:relative}
  .lion-trace{position:absolute;left:-55px;top:10px;width:min(560px,48vw);height:520px;background:url('/assets/flux-lion-hero.webp') center 22% / cover no-repeat;filter:drop-shadow(0 30px 45px #000);mask-image:linear-gradient(90deg,#000 0%,#000 67%,transparent 100%)}
  .hero-copy{text-align:center;padding-top:40px;filter:drop-shadow(0 12px 20px #000)}
  .eyebrow{color:var(--gold2);letter-spacing:4px;text-transform:uppercase;font-size:13px;font-weight:900;margin-bottom:18px}
  h1{font-family:Georgia,'Times New Roman',serif;font-size:clamp(58px,8vw,108px);line-height:.83;margin:0;text-transform:uppercase;letter-spacing:2px;background:linear-gradient(#fff4ba 5%,#c08a25 42%,#fff0aa 53%,#7a4e13 88%);-webkit-background-clip:text;color:transparent;text-shadow:0 2px 0 rgba(0,0,0,.8)}
  .sub{font-size:clamp(21px,3vw,34px);letter-spacing:2px;color:#eecb71;text-transform:uppercase;margin:12px 0 22px}
  .hero-copy p{font-size:18px;line-height:1.65;color:#f3eadb;margin:0 auto 26px;max-width:510px}
  .micro{font-size:11px;color:#d0bb83;letter-spacing:1px;text-transform:uppercase;margin-top:14px}
  .section-shell{border:1px solid var(--line);background:linear-gradient(180deg,rgba(4,3,1,.84),rgba(8,6,3,.96));box-shadow:var(--shadow), inset 0 0 50px rgba(218,160,45,.05);position:relative;margin:24px 0;overflow:hidden}
  .section-shell:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% 0,rgba(214,164,58,.14),transparent 40%),linear-gradient(90deg,rgba(255,219,117,.05),transparent 35%,rgba(255,219,117,.05));pointer-events:none}
  .section-title{position:relative;text-align:center;padding:26px 18px 12px;font-family:Georgia,serif;color:#f2c95d;text-transform:uppercase;letter-spacing:2.6px;font-size:30px;font-weight:900;text-shadow:0 0 24px rgba(213,163,58,.22),0 3px 0 #000}.section-title small{display:block;margin-top:8px;color:#d2bd85;font-family:'Trebuchet MS',Arial,sans-serif;font-size:12px;letter-spacing:1.6px;text-transform:uppercase}
  .systems{position:relative;display:grid;grid-template-columns:repeat(3,1fr);gap:18px;padding:18px 42px 34px}
  .system-card{min-height:560px;position:relative;background:linear-gradient(180deg,rgba(39,28,12,.93),rgba(5,4,2,.99));border:1px solid rgba(225,170,52,.48);box-shadow:0 38px 80px rgba(0,0,0,.76),inset 0 0 48px rgba(226,173,52,.08),inset 0 1px rgba(255,240,170,.18);padding:18px;transform:perspective(1000px) rotateX(2deg);overflow:hidden;isolation:isolate}
  .system-card:nth-child(1){transform:perspective(1000px) rotateY(5deg) rotateX(2deg)}
  .system-card:nth-child(3){transform:perspective(1000px) rotateY(-5deg) rotateX(2deg)}
  .system-card:before{content:"";position:absolute;inset:-1px;background:linear-gradient(135deg,rgba(255,225,136,.25),transparent 22%,transparent 65%,rgba(255,225,136,.18));pointer-events:none;z-index:-1}.system-card:after{content:"";position:absolute;left:12%;right:12%;bottom:-28px;height:72px;background:radial-gradient(ellipse at center,rgba(231,174,55,.35),transparent 70%);filter:blur(12px);z-index:-1}
  .card-head{display:flex;align-items:center;gap:12px;font-family:Georgia,serif;font-weight:900;font-size:22px;text-transform:uppercase;letter-spacing:1.5px;color:#fff0c0;margin-bottom:14px;text-shadow:0 0 18px rgba(213,163,58,.2)}
  .iconbox{width:42px;height:42px;border:1px solid rgba(241,202,95,.62);display:grid;place-items:center;background:linear-gradient(145deg,#2a1c08,#030302);box-shadow:inset 0 0 20px rgba(224,166,41,.18),0 0 22px rgba(213,163,58,.1);font-size:10px;letter-spacing:1px;color:#f4d889}
  .dash{position:relative;border:1px solid rgba(220,162,45,.45);background:linear-gradient(145deg,rgba(12,10,7,.98),rgba(29,24,14,.92));padding:14px;min-height:350px;box-shadow:inset 0 0 50px rgba(0,0,0,.86),0 28px 55px rgba(0,0,0,.72);overflow:hidden}
  .dash:after{content:"";position:absolute;inset:0;background:linear-gradient(115deg,rgba(255,255,255,.12),transparent 22%,transparent 55%,rgba(255,255,255,.04));pointer-events:none}
  .dash-title{display:flex;justify-content:space-between;color:#f3d682;font-size:12px;font-weight:900;letter-spacing:.8px;text-transform:uppercase;margin-bottom:12px}
  .metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;margin-bottom:11px}
  .metric{background:linear-gradient(180deg,#18130b,#0a0805);border:1px solid rgba(222,168,52,.22);padding:8px 5px;min-height:52px}
  .metric b{display:block;font-size:22px;color:#fff7df}
  .metric small{display:block;font-size:8px;color:#bea56d;text-transform:uppercase;line-height:1.2}
  .dash-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:10px}.mini-top{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:10px}.command-strip{border:1px solid rgba(229,176,65,.18);background:linear-gradient(90deg,rgba(229,176,65,.1),rgba(255,255,255,.025));padding:8px;font-size:10px;color:#e8d6aa;text-transform:uppercase;letter-spacing:.6px}.command-strip b{display:block;color:#fff2c8;font-size:13px;margin-top:4px}.pipeline{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin-top:10px}.pipe{border:1px solid rgba(229,176,65,.2);background:linear-gradient(180deg,#15110b,#070604);padding:8px;min-height:84px}.pipe h4{margin:0 0 8px;color:#f1cd67;font-size:9px;text-transform:uppercase;letter-spacing:.8px}.chip{display:block;margin:5px 0;padding:5px 6px;background:rgba(255,255,255,.04);border-left:2px solid var(--gold);font-size:9px;color:#e8dabe}.screen-footer{display:grid;grid-template-columns:1fr 1fr 1fr;gap:7px;margin-top:10px}.mini-card{border:1px solid rgba(229,176,65,.16);background:#060503;padding:9px;color:#cdbd93;font-size:9px;min-height:58px}.mini-card b{display:block;color:#fff4d3;font-size:15px;margin-top:4px}.pulse-line{height:42px;background:linear-gradient(90deg,transparent,rgba(103,214,255,.1),transparent),repeating-linear-gradient(90deg,rgba(255,255,255,.05) 0 1px,transparent 1px 18px);position:relative;overflow:hidden}.pulse-line:after{content:"";position:absolute;left:0;right:0;top:20px;height:2px;background:linear-gradient(90deg,#184c63,#62ddff,#f2c95d,#62ddff);clip-path:polygon(0 65%,12% 65%,18% 25%,28% 75%,39% 42%,54% 42%,61% 10%,73% 72%,84% 35%,100% 35%)}
  .list{border:1px solid rgba(229,176,65,.18);background:#080704;padding:8px;min-height:105px}
  .row{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(255,255,255,.07);padding:7px 0;font-size:10px;color:#dacaa5}
  .row:last-child{border:0}
  .dot{width:8px;height:8px;border-radius:50%;background:var(--gold);box-shadow:0 0 12px var(--gold);display:inline-block;margin-right:6px}
  .tag{color:#89dcff;font-size:9px}
  .bars{display:flex;align-items:end;gap:5px;height:105px;border:1px solid rgba(229,176,65,.18);background:linear-gradient(180deg,#0c0b09,#050403);padding:10px}
  .bar{flex:1;background:linear-gradient(180deg,#7bd4ff,#0b4a74 60%,#07131d);box-shadow:0 0 12px rgba(57,169,225,.25)}
  .ring{width:105px;height:105px;border-radius:50%;margin:auto;background:conic-gradient(#63d9ff 0 68%,#312714 68% 100%);display:grid;place-items:center;box-shadow:inset 0 0 20px #000,0 0 18px rgba(83,196,255,.18)}
  .ring span{width:67px;height:67px;border-radius:50%;background:#070604;display:grid;place-items:center;color:#fff;font-weight:900;border:1px solid rgba(255,255,255,.12)}
  .card-copy{font-size:15px;line-height:1.48;color:#f0e6d1;text-align:left;margin:18px auto 0;max-width:330px}.card-copy b{display:block;color:#f3c95b;text-transform:uppercase;letter-spacing:1px;margin-bottom:6px;font-family:Georgia,serif;font-size:17px}.card-copy ul{margin:10px 0 0;padding-left:16px}.card-copy li{margin:5px 0;color:#d9caa9}
  .base{height:34px;margin:15px 14px 0;background:linear-gradient(180deg,#332108,#070503);border:1px solid rgba(229,176,65,.28);box-shadow:0 18px 32px rgba(0,0,0,.6),inset 0 1px rgba(255,230,150,.12)}
  .advisor-form{display:grid;grid-template-columns:.78fr 1.22fr;gap:18px;margin:18px 0 60px}
  .advisor,.formbox{border:1px solid var(--line);background:linear-gradient(180deg,rgba(19,14,7,.96),rgba(4,3,2,.98));box-shadow:var(--shadow);padding:22px;position:relative;overflow:hidden}
  .advisor:before,.formbox:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 10% 0,rgba(240,190,71,.14),transparent 28%);pointer-events:none}
  .panel-title{position:relative;display:flex;align-items:center;gap:12px;color:#ecc04f;font-family:Georgia,serif;font-size:24px;text-transform:uppercase;letter-spacing:1px;margin:0 0 16px}
  .advisor-bubble{position:relative;border:1px solid rgba(239,190,72,.5);background:linear-gradient(160deg,rgba(35,24,9,.95),rgba(9,7,4,.97));padding:22px;box-shadow:inset 0 0 36px rgba(226,170,44,.08),0 18px 38px rgba(0,0,0,.45);font-size:17px;line-height:1.55;color:#fff0d2}.advisor-bubble strong{color:#f3c95b;text-transform:uppercase;letter-spacing:.8px}
  .choices{position:relative;display:grid;gap:9px;margin:14px 0}
  .choice{display:flex;justify-content:space-between;align-items:center;width:100%;border:1px solid rgba(229,176,65,.45);background:#090805;color:#f5e9cc;padding:13px 14px;text-align:left;font-weight:800;letter-spacing:.3px;cursor:pointer}
  .choice:hover{background:#171006;color:#ffe19a}
  .chatline{position:relative;display:flex;gap:8px;margin-top:15px}
  .chatline input{flex:1;background:#060503;border:1px solid rgba(229,176,65,.42);color:white;padding:15px;font-size:14px}
  .chatline button{width:55px;border:1px solid var(--gold);background:linear-gradient(#f5cf71,#8a570b);font-size:20px;color:#070503;cursor:pointer}
  .answer{position:relative;margin-top:14px;padding:14px;border-left:3px solid var(--gold);background:rgba(0,0,0,.25);color:#e9dbc1;line-height:1.45;font-size:14px;display:none}
  .formbox h2{position:relative;text-align:center;font-family:Georgia,serif;font-size:34px;text-transform:uppercase;color:#f0c24d;margin:0 0 6px;letter-spacing:1.8px;text-shadow:0 0 20px rgba(213,163,58,.18),0 3px #000}
  .formbox p{position:relative;text-align:center;margin:0 0 18px;color:#d9c99e;text-transform:uppercase;letter-spacing:1px;font-size:13px}
  form{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:12px}
  input,select,textarea{width:100%;background:rgba(4,3,2,.86);border:1px solid rgba(229,176,65,.45);color:#fff;padding:15px;font-size:14px;outline:none}
  textarea{grid-column:1/-1;min-height:92px;resize:vertical}
  .wide{grid-column:1/-1}
  button.submit{grid-column:1/-1;border:0;background:linear-gradient(180deg,#fff0ac,#d39a29 44%,#774607);color:#090501;text-transform:uppercase;font-weight:950;letter-spacing:1px;font-size:17px;padding:18px;box-shadow:0 16px 32px rgba(0,0,0,.45), inset 0 1px rgba(255,255,255,.4);cursor:pointer}
  .note{grid-column:1/-1;text-align:center;color:#bda977;font-size:11px;letter-spacing:1px;text-transform:uppercase}
  footer{border-top:1px solid rgba(229,176,65,.25);padding:28px 0 40px;text-align:center;color:#a8925b;background:#030201}
  @media(max-width:950px){
    nav a{display:none}.nav{height:72px}.brand strong{font-size:18px;letter-spacing:4px}.crest{width:48px;height:48px}.navbtn{padding:12px 14px;font-size:11px}
    .hero{grid-template-columns:1fr;min-height:620px;padding-top:15px}.hero-left{min-height:255px}.lion-trace{left:-70px;top:-30px;width:115vw;height:360px;background-size:auto 520px;opacity:.92;mask-image:linear-gradient(180deg,#000 60%,transparent)}.hero-copy{padding:10px 0 25px}.hero-copy p{font-size:15px}
    .systems{grid-template-columns:1fr;padding:16px}.system-card,.system-card:nth-child(1),.system-card:nth-child(3){transform:none;min-height:auto}.dash-grid{grid-template-columns:1fr}.bars,.ring{display:none}.pipeline{grid-template-columns:1fr}.screen-footer{grid-template-columns:1fr}.mini-top{grid-template-columns:1fr}.advisor-form{grid-template-columns:1fr}form{grid-template-columns:1fr}.section-title{font-size:21px}input,select,textarea{font-size:16px}
  }
  @media(max-width:520px){
    .wrap{width:94vw}.hero-art{background-position:26% top}h1{font-size:50px}.sub{font-size:20px}.goldbtn{display:block;width:100%;text-align:center}.hero-copy{text-align:left}.eyebrow{font-size:11px}.micro{text-align:center}.metrics{grid-template-columns:repeat(2,1fr)}.card-head{font-size:16px}.section-shell{margin-top:10px}.advisor,.formbox{padding:16px}.panel-title{font-size:18px}.formbox h2{font-size:23px}
  }

/* Shared inner-page architecture */
.inner-hero{min-height:54vh;display:grid;grid-template-columns:.8fr 1.2fr;align-items:center;gap:48px;padding:110px 0 70px;border-bottom:1px solid var(--line)}
.inner-hero h1{font-size:clamp(48px,7vw,92px);line-height:.92;margin:12px 0 20px;text-transform:uppercase;letter-spacing:-.05em}
.inner-hero p{font-size:18px;line-height:1.75;color:var(--muted);max-width:720px}
.page-kicker{color:var(--gold2);letter-spacing:.2em;text-transform:uppercase;font-size:12px}
.page-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin:34px 0 70px}
.info-panel{background:linear-gradient(145deg,rgba(20,15,8,.96),rgba(7,6,4,.98));border:1px solid var(--line);padding:28px;box-shadow:var(--shadow);position:relative;overflow:hidden}
.info-panel:before{content:"";position:absolute;left:0;top:0;width:52px;height:2px;background:var(--gold)}
.info-panel h2,.info-panel h3{margin:0 0 12px;text-transform:uppercase;letter-spacing:.02em}.info-panel p,.info-panel li{color:var(--muted);line-height:1.65}.info-panel ul{padding-left:18px;margin:14px 0 0}
.wide-panel{grid-column:span 2}.full-panel{grid-column:1/-1}
.process-line{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:28px 0 70px}.step{border:1px solid var(--line);padding:24px;background:rgba(12,9,5,.92);min-height:210px}.step b{display:block;color:var(--gold2);font-size:12px;letter-spacing:.16em;margin-bottom:12px}.step h3{font-size:22px;margin:0 0 10px}.step p{color:var(--muted);line-height:1.6}
.industry-row{display:grid;grid-template-columns:180px 1fr 220px;align-items:center;gap:24px;padding:24px 0;border-bottom:1px solid rgba(213,163,58,.2)}.industry-row h3{font-size:24px;margin:0}.industry-row p{color:var(--muted);margin:0}.industry-row span{color:var(--gold2);text-align:right}
.trust-strip{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--line);margin:28px 0 70px}.trust-strip div{padding:22px;border-right:1px solid rgba(213,163,58,.2)}.trust-strip div:last-child{border-right:0}.trust-strip small{display:block;color:var(--dim);text-transform:uppercase;letter-spacing:.12em}.trust-strip b{font-size:18px}
.top-space{padding-top:95px}.simple-form{max-width:900px;margin:0 auto 70px}.simple-form .formbox{width:100%}
@media(max-width:900px){.inner-hero{grid-template-columns:1fr;padding-top:80px}.page-grid,.process-line,.trust-strip{grid-template-columns:1fr}.wide-panel{grid-column:span 1}.industry-row{grid-template-columns:1fr}.industry-row span{text-align:left}.trust-strip div{border-right:0;border-bottom:1px solid rgba(213,163,58,.2)}}

/* Inner-page title readability + mobile refinement — visual system unchanged */
.inner-hero{
  min-height:48vh;
  grid-template-columns:1.05fr .95fr;
  gap:64px;
  padding:96px 0 64px;
}
.inner-hero h1{
  font-size:clamp(46px,5.6vw,76px);
  line-height:.96;
  letter-spacing:.015em;
  max-width:760px;
  text-wrap:balance;
  overflow-wrap:normal;
  word-break:normal;
}
.inner-hero p{
  max-width:620px;
  font-size:17px;
  line-height:1.68;
}

@media(max-width:900px){
  .top-space{padding-top:68px}
  .inner-hero{
    min-height:auto;
    grid-template-columns:1fr;
    gap:22px;
    padding:58px 0 42px;
  }
  .inner-hero h1{
    font-size:clamp(40px,10vw,58px);
    line-height:.98;
    letter-spacing:.01em;
    margin:10px 0 6px;
    max-width:100%;
  }
  .inner-hero p{
    font-size:16px;
    line-height:1.6;
    margin:0;
  }
  .page-grid{gap:14px;margin:24px 0 48px}
  .info-panel{padding:22px}
  .process-line{gap:14px;margin:24px 0 48px}
  .step{min-height:auto;padding:22px}
  .trust-strip{margin:24px 0 48px}
}

@media(max-width:520px){
  .top-space{padding-top:48px}
  .inner-hero{padding:38px 0 30px;gap:16px}
  .inner-hero h1{
    font-size:clamp(34px,11.5vw,46px);
    line-height:1;
    letter-spacing:0;
  }
  .inner-hero p{font-size:15px;line-height:1.55}
  .page-kicker{font-size:10px;letter-spacing:.16em}
  .info-panel{padding:18px}
  .info-panel h2,.info-panel h3{font-size:20px;line-height:1.15}
  .industry-row{gap:10px;padding:20px 0}
  .industry-row h3{font-size:21px}
  .trust-strip div{padding:18px}
  footer{padding:24px 18px 32px;font-size:12px;line-height:1.5}
}


/* Flux On Them enterprise software expansion — retains original visual system */
.hero-actions{display:flex;justify-content:center;gap:12px;flex-wrap:wrap}.ghostbtn{border:1px solid rgba(229,176,65,.34);background:rgba(3,2,1,.56);color:#f5e8c8;text-transform:uppercase;font-weight:900;letter-spacing:.8px;padding:15px 23px;text-decoration:none}.ghostbtn:hover{border-color:var(--gold);color:#ffe3a0}
.capability-strip{display:grid;grid-template-columns:repeat(6,1fr);border:1px solid var(--line);background:rgba(5,4,2,.9);margin:-12px 0 30px;box-shadow:var(--shadow)}.capability-strip div{padding:16px 13px;border-right:1px solid rgba(213,163,58,.18)}.capability-strip div:last-child{border-right:0}.capability-strip small{display:block;color:#8e7c59;font-size:8px;text-transform:uppercase;letter-spacing:1.4px}.capability-strip b{display:block;color:#f2d384;font-size:12px;margin-top:5px;text-transform:uppercase;letter-spacing:.45px}
.systems-six{grid-template-columns:repeat(3,1fr);align-items:start}.systems-six .system-card,.systems-six .system-card:nth-child(1),.systems-six .system-card:nth-child(3){min-height:0;transform:perspective(1100px) rotateX(1.2deg)}.systems-six .system-card:hover{transform:perspective(1100px) translateY(-5px);border-color:rgba(244,216,137,.72);transition:.25s}.systems-six .dash{min-height:455px}.metric{position:relative}.metric em{display:block;color:#75d9ff;font-style:normal;font-size:8px;margin-top:3px;font-weight:800}.live-status{display:flex;align-items:center;gap:6px;color:#8de4ff}.live-status i{width:7px;height:7px;border-radius:50%;background:#74e5ff;box-shadow:0 0 10px #74e5ff}
.chart-shell,.serp-panel,.ops-chart,.agent-map{border:1px solid rgba(229,176,65,.18);background:linear-gradient(180deg,#0a0906,#050403);padding:9px;min-height:176px}.chart-labels{display:flex;justify-content:space-between;gap:10px;color:#d8c591;text-transform:uppercase;font-size:8px;letter-spacing:.7px;margin-bottom:5px}.line-chart{width:100%;height:126px;display:block}.grid-lines path{fill:none;stroke:rgba(255,255,255,.08);stroke-width:1}.chart-line{fill:none;stroke-width:3;filter:drop-shadow(0 0 5px rgba(98,221,255,.45))}.chart-line.blue{stroke:#62ddff}.chart-points circle{fill:#f4d889;stroke:#070604;stroke-width:2}.axis-copy text{font-size:7px;fill:#8b7b59}.chart-legend{display:flex;justify-content:space-between;color:#a99770;font-size:8px}.chart-legend i{width:10px;height:2px;display:inline-block;margin-right:4px;vertical-align:middle}.legend-blue{background:#62ddff}.legend-gold{background:#f4d889}
.serp-row{display:grid;grid-template-columns:95px 1fr 24px;align-items:center;gap:7px;margin:8px 0;color:#d8c9a8;font-size:8px}.serp-row>div{height:8px;background:#13100a;border:1px solid rgba(255,255,255,.05);overflow:hidden}.serp-row i{display:block;height:100%;background:linear-gradient(90deg,#0b4a74,#62ddff,#f4d889);box-shadow:0 0 9px rgba(98,221,255,.28)}.serp-row b{color:#f6df9b;font-size:9px}.source-grid{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-top:10px}.source-grid span{background:rgba(255,255,255,.025);border-left:2px solid #5fcfe9;padding:6px;color:#bcad8a;font-size:7px}.source-grid .warn{background:#d5a33a}.source-grid i{display:inline-block;width:6px;height:6px;border-radius:50%;margin-right:5px;background:#5fcfe9;box-shadow:0 0 6px #5fcfe9}
.risk-layout{display:grid;grid-template-columns:1fr .88fr;gap:8px;min-height:176px}.risk-matrix,.alert-stack{border:1px solid rgba(229,176,65,.18);background:#070604;padding:8px}.heatmap{display:grid;grid-template-columns:repeat(5,1fr);gap:3px}.heatmap i{aspect-ratio:1;border:1px solid rgba(255,255,255,.04)}.h1{background:#15382f}.h2{background:#38512c}.h3{background:#7d6927}.h4{background:#8a441d}.h5{background:#7e1f16;box-shadow:0 0 8px rgba(255,72,45,.18)}.risk-axis{display:flex;justify-content:space-between;color:#7e7051;font-size:6px;margin-top:4px}.alert-stack{display:grid;gap:5px}.alert-stack div{border-left:2px solid #d5a33a;background:rgba(255,255,255,.025);padding:7px}.alert-stack span{float:right;color:#ff9c72;font-size:7px}.alert-stack b,.alert-stack small{display:block}.alert-stack b{font-size:8px;color:#ecdbaa}.alert-stack small{font-size:6px;color:#867758;margin-top:3px}
.stack-row{display:grid;grid-template-columns:62px 1fr 28px;gap:7px;align-items:center;margin:8px 0;color:#cab990;font-size:8px}.stack-row>div{height:10px;background:#2a2112;position:relative;overflow:hidden}.stack-row i{display:block;height:100%;background:linear-gradient(90deg,#0c527c,#66ddff)}.stack-row b{color:#f4d889}.event-ticker{display:grid;grid-template-columns:repeat(3,1fr);gap:4px;margin-top:10px}.event-ticker span{padding:6px;background:rgba(255,255,255,.03);border-top:1px solid rgba(98,221,255,.25);font-size:6px;color:#aa9b78;text-align:center}
.agent-flow{position:relative;height:145px;overflow:hidden}.core-node,.agent-node{position:absolute;display:grid;place-items:center;text-align:center;border:1px solid rgba(98,221,255,.38);background:radial-gradient(circle,#193247,#070604 70%);color:#eefbff;font-size:7px;z-index:2;box-shadow:0 0 16px rgba(98,221,255,.14)}.core-node{left:50%;top:50%;transform:translate(-50%,-50%);width:90px;height:48px;border-color:#f4d889;background:radial-gradient(circle,#553c0e,#070604 72%)}.core-node small,.agent-node small{display:block;color:#9f8e68;font-size:5px}.agent-node{width:54px;height:34px}.a1{left:3%;top:8%}.a2{left:3%;bottom:8%}.a3{right:3%;top:8%}.a4{right:3%;bottom:8%}.a5{left:36%;top:0}.a6{right:36%;bottom:0}.beam{position:absolute;height:1px;background:linear-gradient(90deg,transparent,#62ddff,transparent);transform-origin:left;z-index:1}.b1{left:20%;top:29%;width:34%;transform:rotate(18deg)}.b2{left:20%;top:70%;width:34%;transform:rotate(-18deg)}.b3{left:50%;top:48%;width:34%;transform:rotate(-18deg)}.b4{left:50%;top:52%;width:34%;transform:rotate(18deg)}.b5{left:48%;top:22%;width:24%;transform:rotate(90deg)}.b6{left:52%;top:53%;width:24%;transform:rotate(90deg)}
.exec-layout{display:grid;grid-template-columns:.72fr 1.28fr;gap:8px;min-height:176px}.multi-ring{display:grid;grid-template-columns:1fr 1fr;align-items:center;border:1px solid rgba(229,176,65,.18);background:#070604;padding:5px}.multi-ring .ring{width:68px;height:68px}.multi-ring .ring span{width:46px;height:46px;font-size:12px}.multi-ring small{display:block;font-size:5px;color:#8b7b59}.ring-82{background:conic-gradient(#63d9ff 0 82%,#312714 82%)}.ring-68{background:conic-gradient(#f4d889 0 68%,#312714 68%)}.decision-list{display:grid;gap:5px}.decision-list div{border:1px solid rgba(229,176,65,.15);background:#070604;padding:7px}.decision-list span{float:right;color:#64d8f6;font-size:7px}.decision-list b,.decision-list small{display:block}.decision-list b{color:#e9d7aa;font-size:8px}.decision-list small{color:#807150;font-size:6px;margin-top:3px}.mini-card small{display:block;color:#786b4f;font-size:6px;margin-top:3px}.card-copy a{display:inline-block;margin-top:10px;color:#7bdfff;text-decoration:none;font-size:11px;text-transform:uppercase;letter-spacing:.6px}.card-copy a:hover{color:#ffe19a}.data-disclosure{position:relative;margin:0 42px 32px;padding:13px 16px;border:1px solid rgba(229,176,65,.18);background:rgba(0,0,0,.34);color:#9f8f69;font-size:10px;line-height:1.5;text-align:center;text-transform:uppercase;letter-spacing:.6px}
.enterprise-proof{display:grid;grid-template-columns:.9fr 1.1fr;gap:28px;align-items:center;margin:34px 0;padding:38px;border:1px solid var(--line);background:linear-gradient(135deg,rgba(23,16,7,.96),rgba(4,3,2,.98));box-shadow:var(--shadow)}.enterprise-proof h2,.build-standard h2,.cta-slab h2{font-family:Georgia,serif;color:#f1ce72;text-transform:uppercase;line-height:1.05;margin:8px 0 14px;font-size:clamp(28px,4vw,46px)}.enterprise-proof p{color:#d1c09c;line-height:1.7}.proof-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.proof-grid article{border:1px solid rgba(229,176,65,.22);background:rgba(0,0,0,.28);padding:16px}.proof-grid b{float:right;color:#3f351f}.proof-grid strong,.proof-grid span{display:block}.proof-grid strong{color:#f5d984;text-transform:uppercase;font-size:12px}.proof-grid span{color:#a99770;font-size:11px;line-height:1.5;margin-top:6px}
.footer-grid{display:flex;justify-content:space-between;gap:18px;align-items:center}.footer-grid span:last-child{color:#756847;font-size:10px;letter-spacing:.8px;text-transform:uppercase}
.software-hero{grid-template-columns:1.15fr .85fr}.architecture-orb{width:min(390px,80vw);aspect-ratio:1;margin:auto;border-radius:50%;border:1px solid rgba(229,176,65,.36);display:grid;place-items:center;position:relative;background:radial-gradient(circle,rgba(213,163,58,.2),rgba(4,3,2,.92) 54%,transparent 55%);box-shadow:inset 0 0 55px #000,0 0 65px rgba(213,163,58,.18)}.architecture-orb:before,.architecture-orb:after{content:"";position:absolute;border-radius:50%;border:1px solid rgba(98,221,255,.18)}.architecture-orb:before{inset:14%}.architecture-orb:after{inset:30%}.architecture-orb>span{font-family:Georgia,serif;font-size:30px;color:#f4d889;text-align:center}.architecture-orb>span small{display:block;font-family:'Trebuchet MS',Arial,sans-serif;font-size:8px;letter-spacing:1.5px;margin-top:5px}.orbit{position:absolute;width:46px;height:46px;border-radius:50%;border:1px solid rgba(98,221,255,.42);background:#07131d;display:grid;place-items:center;color:#95e7ff;font-style:normal;font-size:9px;box-shadow:0 0 17px rgba(98,221,255,.18)}.o1{top:2%;left:43%}.o2{right:6%;top:25%}.o3{right:13%;bottom:15%}.o4{bottom:2%;left:42%}.o5{left:7%;bottom:20%}.o6{left:4%;top:24%}
.software-catalog{display:grid;gap:16px;margin:30px 0 60px}.software-product{display:grid;grid-template-columns:115px 1fr 260px;gap:24px;border:1px solid var(--line);background:linear-gradient(135deg,rgba(24,17,7,.96),rgba(5,4,2,.99));padding:28px;box-shadow:var(--shadow);position:relative;overflow:hidden;transition:border-color .25s,transform .25s}.software-product:hover{transform:translateY(-3px);border-color:rgba(244,216,137,.62)}.software-product:before{content:"";position:absolute;left:0;top:0;width:70px;height:2px;background:linear-gradient(90deg,#f4d889,transparent)}.product-index{color:#86754d;font-size:10px;letter-spacing:1.5px;text-transform:uppercase}.software-product h2{font-family:Georgia,serif;color:#f2ce70;text-transform:uppercase;margin:0 0 10px;font-size:26px}.software-product p{color:#d1c09c;line-height:1.65;margin:0}.feature-columns{display:grid;grid-template-columns:1fr 1fr;gap:18px}.feature-columns ul{padding-left:18px;margin:16px 0 0}.feature-columns li{color:#b9a881;line-height:1.5;margin:5px 0;font-size:12px}.software-product aside{border-left:1px solid rgba(229,176,65,.22);padding-left:22px;display:flex;flex-direction:column;justify-content:center}.software-product aside small{color:#81724f;text-transform:uppercase;letter-spacing:1.2px}.software-product aside b{color:#f3dfaa;line-height:1.45;margin:8px 0 14px}.software-product aside a{color:#7bdfff;text-decoration:none;text-transform:uppercase;font-size:10px;letter-spacing:.7px}
.build-standard{border:1px solid var(--line);background:linear-gradient(145deg,rgba(20,14,6,.96),rgba(3,3,2,.98));padding:34px;margin:30px 0 60px}.standard-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.standard-grid article{border:1px solid rgba(229,176,65,.2);padding:18px;background:rgba(0,0,0,.25)}.standard-grid b,.standard-grid span{display:block}.standard-grid b{color:#f1cc6b;text-transform:uppercase;margin-bottom:7px}.standard-grid span{color:#a99770;font-size:11px;line-height:1.5}.cta-slab{display:flex;justify-content:space-between;align-items:center;gap:24px;border:1px solid var(--line);background:radial-gradient(circle at 20% 0,rgba(213,163,58,.17),transparent 40%),#080603;padding:30px 34px;margin:30px 0 70px}.cta-slab small{color:#8f7c52;text-transform:uppercase;letter-spacing:1.4px}.cta-slab h2{font-size:30px;margin-bottom:0}
.architecture-stack{display:grid;gap:8px;margin:30px 0 58px}.architecture-stack article{display:grid;grid-template-columns:52px 220px 1fr;align-items:center;gap:18px;border:1px solid rgba(229,176,65,.25);background:linear-gradient(90deg,rgba(213,163,58,.09),rgba(0,0,0,.35));padding:17px 22px}.architecture-stack small{color:#74633f}.architecture-stack b{color:#f3d47d;text-transform:uppercase}.architecture-stack span{color:#a99872}.security-flow{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:30px 0}.security-flow article{border:1px solid var(--line);background:rgba(9,7,4,.93);padding:22px}.security-flow span{float:right;color:#463c25}.security-flow b,.security-flow small{display:block}.security-flow b{color:#f1cd6b;text-transform:uppercase;font-size:18px}.security-flow small{color:#a99873;line-height:1.5;margin-top:8px}.process-six{grid-template-columns:repeat(3,1fr)}
.system-card,.info-panel,.step{transition:border-color .25s,transform .25s}
@media(max-width:1100px){.systems-six{grid-template-columns:1fr 1fr}.systems-six .system-card{transform:none}.software-product{grid-template-columns:90px 1fr}.software-product aside{grid-column:2;border-left:0;border-top:1px solid rgba(229,176,65,.22);padding:18px 0 0}.capability-strip{grid-template-columns:repeat(3,1fr)}.capability-strip div:nth-child(3){border-right:0}.capability-strip div:nth-child(-n+3){border-bottom:1px solid rgba(213,163,58,.18)}}
@media(max-width:950px){.systems-six{grid-template-columns:1fr}.systems-six .dash{min-height:auto}.enterprise-proof{grid-template-columns:1fr}.software-hero{grid-template-columns:1fr}.architecture-orb{margin-top:10px}.standard-grid{grid-template-columns:1fr 1fr}.process-six{grid-template-columns:1fr 1fr}.security-flow{grid-template-columns:1fr 1fr}.footer-grid{display:grid;text-align:center}.cta-slab{display:grid}.software-product{grid-template-columns:1fr}.software-product aside{grid-column:1}.feature-columns{grid-template-columns:1fr}.architecture-stack article{grid-template-columns:45px 1fr}.architecture-stack span{grid-column:2}.risk-layout{grid-template-columns:1fr}.exec-layout{grid-template-columns:1fr}.systems-six .dash-grid{grid-template-columns:1fr 1fr}.bars,.ring{display:grid}.capability-strip{margin-top:0}}
@media(max-width:620px){.capability-strip{grid-template-columns:1fr 1fr}.capability-strip div:nth-child(3){border-right:1px solid rgba(213,163,58,.18)}.capability-strip div:nth-child(even){border-right:0}.capability-strip div{border-bottom:1px solid rgba(213,163,58,.18)}.proof-grid,.standard-grid,.process-six,.security-flow{grid-template-columns:1fr}.enterprise-proof,.build-standard{padding:22px}.systems-six .dash-grid{grid-template-columns:1fr}.risk-layout,.exec-layout{grid-template-columns:1fr}.source-grid{grid-template-columns:1fr}.software-product{padding:21px}.software-product h2{font-size:22px}.architecture-stack article{padding:14px;grid-template-columns:32px 1fr}.cta-slab{padding:22px}.data-disclosure{margin:0 16px 24px}.hero-actions{display:grid}.ghostbtn{text-align:center}.event-ticker{grid-template-columns:1fr}.multi-ring{grid-template-columns:1fr 1fr}.footer-grid span:last-child{font-size:8px}}
