:root{--bg:#07111f;--bg2:#0b192a;--panel:#0e2034;--panel2:#10263d;--line:#20354b;--text:#edf4fc;--muted:#a5b6ca;--blue:#97d80f;--blue2:#6aa80a;--max:1180px;--radius:18px}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;line-height:1.65}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}.shell{width:min(var(--max),calc(100% - 48px));margin-inline:auto}.site-header{height:84px;display:flex;align-items:center;justify-content:space-between;padding:0 max(24px,calc((100vw - var(--max))/2));border-bottom:1px solid rgba(126,159,192,.14);background:rgba(7,17,31,.9);backdrop-filter:blur(18px);position:sticky;top:0;z-index:20}.brand{display:flex;align-items:center;gap:11px;font-size:15px;letter-spacing:.09em;font-weight:800;line-height:1.15}.brand b{color:var(--blue)}.brand small{display:block;font-size:8px;color:#8ca2bb;letter-spacing:.15em;margin-top:6px;font-weight:600}.brand-mark{width:46px;height:46px;object-fit:contain;display:block;flex:none}.nav{display:flex;align-items:center;gap:30px;color:#b5c4d6;font-size:13px}.nav a{transition:color .2s}.nav a:hover,.nav a.active{color:#fff}.nav .nav-cta{padding:10px 15px;border:1px solid #31516e;border-radius:9px;color:#fff}.nav-cta span,.button span{color:#b6ee3a;margin-left:7px}.menu-toggle{display:none;background:none;border:1px solid var(--line);color:white;padding:8px 12px;border-radius:8px}.hero{min-height:620px;display:grid;grid-template-columns:1.05fr .95fr;gap:30px;align-items:center;padding-top:68px;padding-bottom:72px}.eyebrow{font-size:10px;letter-spacing:.17em;font-weight:800;color:#97d80f;margin:0 0 17px}.pulse{display:inline-block;width:7px;height:7px;border-radius:50%;background:#97d80f;margin-right:9px;box-shadow:0 0 12px #97d80f}.hero h1,.page-hero h1{font-size:clamp(39px,5.1vw,65px);letter-spacing:-.055em;line-height:1.08;margin:0 0 24px;font-weight:760}.hero h1 span,.section-heading h2 span,.feature-layout h2 span,.two-col h2 span{color:var(--blue)}.lead{color:#b1c2d5;font-size:17px;line-height:1.8;max-width:630px}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:29px}.button{display:inline-flex;align-items:center;justify-content:center;padding:13px 18px;border-radius:9px;font-size:13px;font-weight:750;border:1px solid transparent;cursor:pointer;transition:transform .2s,background .2s}.button:hover{transform:translateY(-2px)}.primary{background:linear-gradient(135deg,#b6ee3a,#97d80f);color:#04152e;box-shadow:0 10px 28px #97d80f2b}.primary span{color:#04152e}.secondary{border-color:#30465e;color:#dce8f5;background:#0b1828}.hero-proof{display:flex;align-items:center;gap:11px;flex-wrap:wrap;margin-top:32px;color:#9eafc2;font-size:10px}.hero-proof i{height:3px;width:3px;border-radius:50%;background:#4c6984}.proof-icon{display:grid;place-items:center;width:18px;height:18px;border-radius:50%;background:#1a3410;color:#97d80f;font-size:11px}.hero-visual{height:440px;position:relative;display:grid;place-items:center;isolation:isolate}.hero-visual:before{content:"";position:absolute;inset:4% 1%;z-index:-2;background:radial-gradient(ellipse at center,#2b5a0f66,transparent 66%)}.hero-visual:after{content:"";position:absolute;inset:0;z-index:-1;opacity:.24;background-image:linear-gradient(#34506a35 1px,transparent 1px),linear-gradient(90deg,#34506a35 1px,transparent 1px);background-size:30px 30px;mask-image:radial-gradient(ellipse at center,#000 10%,transparent 72%)}.orbit{position:absolute;border:1px solid #97d80f38;border-radius:50%;transform:rotate(-26deg)}.orbit-one{width:350px;height:220px}.orbit-two{width:290px;height:360px;transform:rotate(38deg)}.visual-core{width:290px;height:290px;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle at 50% 40%,#0b2a52,#031634 72%);border:1px solid #2a4f2a;box-shadow:0 0 0 14px #97d80f0d,0 0 80px #97d80f22}.hero-logo{width:230px;height:230px;object-fit:contain;display:block;}.core-icon{font-size:47px;font-weight:900;color:#97d80f;line-height:1}.float-card{position:absolute;display:flex;align-items:center;gap:10px;padding:13px 14px;background:#0b1a2bdf;border:1px solid #29455f;border-radius:12px;box-shadow:0 18px 50px #0004;backdrop-filter:blur(12px)}.float-card b{display:block;font-size:11px}.float-card small{display:block;font-size:9px;color:#91a7bd;margin-top:2px}.card-a{top:72px;left:0}.card-b{right:-2px;bottom:93px}.mini-icon{width:29px;height:29px;border-radius:8px;background:#1a3410;color:#97d80f;display:grid;place-items:center}.mini-icon.blue{background:#1a3410;color:#97d80f}.status-dot{width:6px;height:6px;border-radius:50%;background:#97d80f;margin-left:8px}.visual-caption{position:absolute;bottom:19px;display:flex;align-items:center;gap:10px;color:#6f91ae;font-size:8px;letter-spacing:.18em}.caption-line{width:28px;height:1px;background:#97d80f}.trust-strip{border-block:1px solid #20354a;background:#091624}.trust-inner{min-height:74px;display:flex;align-items:center;justify-content:space-between;gap:18px;flex-wrap:wrap}.trust-inner span{font-size:9px;color:#71869d;letter-spacing:.15em}.trust-inner b{font-size:12px;color:#aabbd0;font-weight:600}.section{padding-top:100px;padding-bottom:100px}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:35px;margin-bottom:35px}.section-heading h2,.feature-layout h2,.two-col h2,.contact-info h2{font-size:clamp(30px,4vw,44px);line-height:1.16;letter-spacing:-.04em;margin:0}.section-heading>p{max-width:390px;color:var(--muted);font-size:13px;margin:0 0 4px}.service-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:13px}.service-card{display:flex;flex-direction:column;align-items:flex-start;min-height:285px;padding:24px 21px;background:linear-gradient(150deg,#102238,#0a1726);border:1px solid #21384e;border-radius:14px;transition:transform .2s,border-color .2s}.service-card:hover{transform:translateY(-4px);border-color:#6a9f12}.service-card.featured{background:linear-gradient(150deg,#16300f,#0b1a2c);border-color:#4f7a12}.card-number{font-size:9px;letter-spacing:.12em;color:#7f9ab5}.line-icon{display:grid;place-items:center;width:43px;height:43px;border-radius:12px;background:#1a3410;color:#97d80f;font-size:25px;margin:22px 0 16px}.service-card h3{font-size:17px;line-height:1.3;margin:0 0 10px;letter-spacing:-.02em}.service-card p{font-size:12px;color:#9eb1c5;margin:0 0 22px}.card-link{margin-top:auto;font-size:11px;color:#97d80f;font-weight:750}.feature-band{background:linear-gradient(115deg,#0c1c2e,#0a1726 65%,#0c2238);border-block:1px solid #1e344a;padding:83px 0}.feature-layout{display:grid;grid-template-columns:1fr .8fr;gap:100px;align-items:center}.feature-layout h2{margin-bottom:20px}.muted{color:#a2b5c9;font-size:14px;max-width:530px;line-height:1.8}.text-link{display:inline-block;margin-top:15px;color:#97d80f;font-weight:750;font-size:13px}.text-link span{margin-left:7px}.approach-list{border-top:1px solid #294057}.approach-list>div{display:flex;gap:20px;padding:19px 0;border-bottom:1px solid #294057}.approach-list>div>span{font-size:11px;color:#97d80f;font-weight:800;padding-top:3px}.approach-list b{font-size:14px}.approach-list p{font-size:11px;color:#9bafc3;margin:4px 0 0}.cta{display:flex;align-items:center;justify-content:space-between;gap:30px;padding-top:78px;padding-bottom:78px}.cta h2{font-size:clamp(27px,3.5vw,38px);letter-spacing:-.04em;line-height:1.2;margin:0 0 10px}.cta p:not(.eyebrow){color:var(--muted);font-size:13px;margin:0}.footer{border-top:1px solid #20354a;background:#06101c}.footer-top{display:flex;align-items:center;justify-content:space-between;gap:30px;padding-top:35px;padding-bottom:35px}.footer-top>p{color:#91a5ba;font-size:11px;line-height:1.7}.footer-links{display:flex;gap:19px;flex-wrap:wrap;font-size:11px;color:#a6b9cd}.footer-links a:hover{color:var(--blue)}.footer-bottom{display:flex;justify-content:space-between;gap:20px;border-top:1px solid #1b2d40;padding-top:17px;padding-bottom:20px;color:#6f849b;font-size:10px}
.page-hero{padding-top:100px;padding-bottom:65px;max-width:var(--max)}.page-hero h1{max-width:900px}.page-hero .lead{max-width:760px}.two-col{display:grid;grid-template-columns:.8fr 1fr;gap:100px;border-top:1px solid #1d3247}.prose{color:#aebfd2;font-size:14px;line-height:1.9}.prose p:first-child{margin-top:0}.service-detail-list{padding-top:10px}.detail-row{display:grid;grid-template-columns:70px 1fr;gap:20px;padding:42px 0;border-bottom:1px solid #22374b;scroll-margin-top:100px}.detail-no{font-size:13px;color:#97d80f;font-weight:800;padding-top:5px}.detail-row h2{font-size:28px;line-height:1.2;letter-spacing:-.03em;margin:0 0 14px}.detail-row p:not(.eyebrow),.detail-row li{color:#a7b9cc;font-size:13px;max-width:800px}.detail-row ul{padding-left:18px}.product-feature{display:grid;grid-template-columns:.8fr 1.2fr;gap:75px;align-items:center;border-top:1px solid #1d3247}.product-copy h2{font-size:36px;letter-spacing:-.04em;line-height:1.2;margin:0 0 15px}.product-copy>p:not(.eyebrow){color:#a8bbcf;font-size:14px;line-height:1.8}.check-list{padding:0;list-style:none;color:#c3d2e1;font-size:12px;margin:22px 0}.check-list li{margin:10px 0}.check-list li:before{content:"✓";color:#97d80f;margin-right:10px}.fine-print{font-size:10px!important;color:#738aa1!important;margin-top:15px}.mock-dashboard{padding:22px;background:linear-gradient(150deg,#10243a,#091624);border:1px solid #2b4761;border-radius:16px;box-shadow:0 28px 80px #0003;transform:perspective(1100px) rotateY(-4deg)}.mock-top{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #23394e;padding-bottom:15px;font-size:9px;letter-spacing:.12em;color:#9fb5ca}.mock-top i{display:inline-block;width:6px;height:6px;background:#97d80f;border-radius:50%;margin-right:8px}.mock-tag{padding:5px 8px;border:1px solid #29465f;border-radius:5px}.mock-title{display:flex;justify-content:space-between;font-size:16px;font-weight:700;margin:19px 0}.mock-title span{color:#6c8aa6}.mock-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.mock-metrics>div{padding:12px;background:#0b1a2a;border:1px solid #21374b;border-radius:8px}.mock-metrics small{display:block;font-size:7px;color:#829ab1;letter-spacing:.09em}.mock-metrics b{display:block;font-size:25px;margin:8px 0;color:#f2f7fc}.mock-metrics em{font-style:normal;font-size:8px;color:#97d80f}.mock-chart{margin-top:13px;padding:14px;background:#0b1a2a;border:1px solid #21374b;border-radius:8px}.chart-heading{display:flex;justify-content:space-between;font-size:10px}.chart-heading small{color:#829ab1}.chart-bars{height:125px;display:flex;align-items:end;gap:8px;padding-top:15px;background:repeating-linear-gradient(to bottom,transparent 0,transparent 30px,#1b2d40 31px)}.chart-bars i{display:block;flex:1;background:linear-gradient(to top,#5f9a0a,#b6ee3a);border-radius:3px 3px 0 0;opacity:.82}.mock-note{text-align:right;color:#6d849b;font-size:8px;margin:10px 0 0}.contact-layout{display:grid;grid-template-columns:.8fr 1fr;gap:85px;border-top:1px solid #1d3247}.contact-info h2{margin-bottom:20px}.contact-info>p:not(.eyebrow){font-size:13px;color:#a8bbcf;line-height:1.8}.contact-item{display:flex;gap:15px;margin-top:26px;align-items:flex-start}.contact-symbol{width:38px;height:38px;display:grid;place-items:center;border-radius:10px;background:#1a3410;color:#97d80f}.contact-item small{display:block;color:#7893ac;font-size:9px;letter-spacing:.15em;margin-bottom:5px}.contact-item a{display:block;color:#dce9f6;font-size:13px;margin:2px 0}.contact-form{padding:27px;background:#0b1a2a;border:1px solid #233b52;border-radius:15px;display:flex;flex-direction:column}.contact-form label{font-size:11px;color:#c0d0df;margin:12px 0 6px}.contact-form input,.contact-form textarea,.contact-form select{width:100%;background:#071321;border:1px solid #294057;color:#edf4fc;border-radius:8px;padding:12px;font-size:12px;outline:none}.contact-form input:focus,.contact-form textarea:focus,.contact-form select:focus{border-color:#97d80f;box-shadow:0 0 0 3px #6aa80a20}.contact-form textarea{resize:vertical}.contact-form button{margin-top:18px;align-self:flex-start}.form-status{font-size:11px;color:#97d80f}
@media(max-width:950px){.nav{gap:17px}.hero{grid-template-columns:1fr 0.8fr}.hero-visual{transform:scale(.9)}.service-grid{grid-template-columns:repeat(2,1fr)}.feature-layout{gap:45px}.product-feature,.contact-layout{gap:40px}.trust-inner{justify-content:center;padding-block:17px}.trust-inner span{width:100%;text-align:center}}
@media(max-width:700px){.shell{width:min(var(--max),calc(100% - 34px))}.site-header{height:72px;padding:0 17px}.menu-toggle{display:block}.nav{display:none;position:absolute;left:0;right:0;top:71px;padding:18px 20px 22px;background:#091625;border-bottom:1px solid #263b50;flex-direction:column;align-items:stretch;gap:0}.nav.open{display:flex}.nav a{padding:12px 5px}.nav .nav-cta{margin-top:8px;text-align:center}.brand{font-size:13px}.brand-mark{width:40px;height:40px}.hero{grid-template-columns:1fr;padding-top:63px;padding-bottom:42px;gap:5px}.hero h1,.page-hero h1{font-size:clamp(39px,11vw,56px)}.lead{font-size:15px}.hero-visual{height:340px;transform:none;margin-top:0}.orbit-one{width:280px;height:180px}.orbit-two{width:235px;height:300px}.visual-core{width:210px;height:210px}.hero-logo{width:160px;height:160px}.hero-logo{width:230px;height:230px;object-fit:contain;display:block;}.card-a{top:30px;left:-2px}.card-b{right:-2px;bottom:52px}.float-card{padding:10px}.trust-inner{gap:12px}.trust-inner b{font-size:10px}.section{padding-top:68px;padding-bottom:68px}.section-heading{display:block}.section-heading>p{margin-top:17px}.service-grid{grid-template-columns:1fr}.service-card{min-height:240px}.feature-band{padding:63px 0}.feature-layout,.two-col,.product-feature,.contact-layout{grid-template-columns:1fr;gap:35px}.cta{align-items:flex-start;flex-direction:column;padding-top:60px;padding-bottom:60px}.footer-top{align-items:flex-start;flex-direction:column;gap:17px}.footer-links{gap:15px}.footer-bottom{flex-direction:column;gap:6px}.page-hero{padding-top:68px;padding-bottom:40px}.detail-row{grid-template-columns:35px 1fr;gap:13px;padding:31px 0}.detail-row h2{font-size:24px}.product-copy h2{font-size:31px}.mock-dashboard{transform:none;padding:13px}.mock-metrics{gap:5px}.mock-metrics>div{padding:8px}.mock-metrics b{font-size:20px}.chart-bars{gap:5px;height:100px}.contact-form{padding:19px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important}}

a:focus-visible,button:focus-visible{outline:2px solid #97d80f;outline-offset:3px;border-radius:6px}

/* ===== DEPTH LAYER v2: layered gradients, glow, always-on 3D motion ===== */
body{background:radial-gradient(ellipse 60% 45% at 6% 0%,#16320f 0,transparent 70%),radial-gradient(ellipse 55% 45% at 100% 6%,#0b2a52aa 0,transparent 70%),radial-gradient(ellipse 60% 40% at 50% 112%,#12310f 0,transparent 70%),#07111f}
.site-header{background:linear-gradient(100deg,rgba(18,40,16,.92) 0%,rgba(9,22,38,.92) 40%,rgba(7,17,31,.92) 100%);box-shadow:0 6px 24px #0006;-webkit-backdrop-filter:blur(18px)}
.float-card{-webkit-backdrop-filter:blur(12px)}
.feature-band{background:radial-gradient(ellipse 70% 80% at 0% 0%,#97d80f14,transparent 70%),radial-gradient(ellipse 60% 80% at 100% 100%,#1689df14,transparent 70%),linear-gradient(115deg,#0c1c2e,#0a1726 65%,#0c2238)}
.service-card,.contact-form,.mock-dashboard{position:relative;overflow:hidden;background:radial-gradient(ellipse 80% 55% at 15% 0%,#97d80f14,transparent 70%),radial-gradient(ellipse 70% 60% at 100% 100%,#4bb6ff10,transparent 70%),linear-gradient(145deg,#112440 0%,#0b1a2c 55%,#091524 100%);box-shadow:0 14px 32px #0007,inset 0 1px 0 #ffffff0d}
.service-card.featured{background:radial-gradient(ellipse 80% 60% at 15% 0%,#97d80f26,transparent 70%),linear-gradient(145deg,#173515 0%,#0d2012 60%,#09160f 100%);box-shadow:0 16px 36px #0008,0 0 0 1px #97d80f22,inset 0 1px 0 #ffffff12}
.service-card:after{content:"";position:absolute;inset:0;pointer-events:none;opacity:0;transition:opacity .25s;background:radial-gradient(circle 220px at var(--mx,50%) var(--my,0%),#b6ee3a26,transparent 70%)}
.service-card:hover:after{opacity:1}
a.service-card{transform-style:preserve-3d;transition:transform .15s ease-out,border-color .2s,box-shadow .25s}
a.service-card:hover{transform:perspective(800px) rotateX(var(--crx,0deg)) rotateY(var(--cry,0deg)) translateY(-5px);box-shadow:0 22px 44px #000a,0 0 30px #97d80f1c,inset 0 1px 0 #ffffff14}
a.service-card:active{transform:scale(.98)}
.service-card .line-icon{box-shadow:inset 0 1px 0 #ffffff14,0 6px 14px #0006}
.button.primary{box-shadow:0 10px 28px #97d80f2b,inset 0 1px 0 #ffffff66,inset 0 -2px 0 #0000001f}
.button.primary:hover{box-shadow:0 14px 34px #97d80f4d,inset 0 1px 0 #ffffff80}
.pulse{animation:pulse-glow 2.6s ease-in-out infinite}
@keyframes pulse-glow{0%,100%{box-shadow:0 0 6px #97d80f}50%{box-shadow:0 0 16px 3px #97d80f}}
/* hero scene: tilted by JS every frame (pointer, touch, gyro, or gentle idle sway) */
.hero-visual{isolation:auto;--rx:0deg;--ry:0deg;--s:1;--py:0px;touch-action:pan-y;transform:perspective(1100px) translate3d(0,var(--py),0) rotateX(var(--rx)) rotateY(var(--ry)) scale(var(--s));will-change:transform}
.hero-visual:after{-webkit-mask-image:radial-gradient(ellipse at center,#000 10%,transparent 72%);animation:grid-pan 16s linear infinite}
@keyframes grid-pan{to{background-position:30px 30px}}
.visual-core{position:relative;perspective:700px}
.visual-core:before,.visual-core:after{content:"";position:absolute;inset:-1px;border-radius:50%;border:1px solid #97d80f99;opacity:0;pointer-events:none;animation:core-ring 4.5s ease-out infinite}
.visual-core:after{animation-delay:2.25s}
@keyframes core-ring{0%{transform:scale(1);opacity:.75}100%{transform:scale(1.6);opacity:0}}
.orbit-one{animation:orbit-a 24s linear infinite}
.orbit-two{animation:orbit-b 32s linear infinite}
@keyframes orbit-a{from{transform:rotate(-26deg) translateZ(var(--oz,0px))}to{transform:rotate(334deg) translateZ(var(--oz,0px))}}
@keyframes orbit-b{from{transform:rotate(38deg) translateZ(var(--oz,0px))}to{transform:rotate(-322deg) translateZ(var(--oz,0px))}}
.hero-logo{animation:emblem-turn 9s ease-in-out infinite;will-change:transform}
@keyframes emblem-turn{0%,100%{transform:rotateY(-20deg) translateY(0)}50%{transform:rotateY(20deg) translateY(-10px)}}
.card-a{animation:bob 5.5s ease-in-out infinite}
.card-b{animation:bob 6.5s ease-in-out -2.2s infinite}
@keyframes bob{0%,100%{translate:0 0}50%{translate:0 -11px}}
@media(min-width:701px){
  .hero-visual{transform-style:preserve-3d}
  .hero-visual .visual-core{transform:translateZ(60px)}
  .orbit-one{--oz:25px}.orbit-two{--oz:-10px}
  .hero-visual .card-a{transform:translateZ(120px)}
  .hero-visual .card-b{transform:translateZ(95px)}
  .hero-visual .visual-caption{transform:translateZ(30px)}
}
.spark{position:absolute;width:4px;height:4px;border-radius:50%;background:#d8ff7a;pointer-events:none;animation:spark-twinkle var(--d,4s) ease-in-out var(--dl,0s) infinite,spark-drift var(--dd,8s) ease-in-out var(--dl,0s) infinite}
.spark.s2{background:#e8eef5;width:3px;height:3px}
.spark.s3{background:#6bc8ff;width:3px;height:3px}
.spark.s4{width:6px;height:6px}
@keyframes spark-twinkle{0%,100%{opacity:.15;filter:brightness(1) drop-shadow(0 0 1px currentColor)}50%{opacity:1;filter:brightness(1.9) drop-shadow(0 0 5px #97d80f) drop-shadow(0 0 11px #97d80f)}}
@keyframes spark-drift{0%,100%{translate:0 0}50%{translate:var(--dx,10px) var(--dy,-16px)}}
/* scroll reveal (uses the separate "translate" property so hover transforms are unaffected) */
.reveal{opacity:0}
.reveal.in{animation:reveal-up .85s cubic-bezier(.2,.7,.2,1) var(--rd,0s) both}
@keyframes reveal-up{from{opacity:0;translate:0 34px}to{opacity:1;translate:0 0}}
@media(max-width:950px){.hero-visual{--s:.9}}
@media(max-width:700px){
  .hero{padding-top:22px;padding-bottom:34px;gap:0}
  .hero-visual{--s:1;order:-1;height:285px;margin-bottom:6px}
  .visual-core{width:190px;height:190px}
  .visual-core .hero-logo{width:140px;height:140px}
  .orbit-one{width:270px;height:170px}.orbit-two{width:220px;height:280px}
  .card-a{top:10px;left:-2px}.card-b{right:-2px;bottom:28px}
  .visual-caption{bottom:4px}
}
@media(hover:none){a.service-card:hover{transform:translateY(-4px)}}
@media(prefers-reduced-motion:reduce){.hero-visual{transform:scale(var(--s))!important}.spark,.pulse,.hero-logo,.orbit,.card-a,.card-b,.visual-core:before,.visual-core:after,.hero-visual:after{animation:none!important}.spark{opacity:.6}.reveal{opacity:1!important;animation:none!important}}