/* AllinWP theme styles — from demo */
:root{
  --color-ink-950:#050816;
  --color-ink-900:#07111F;
  --color-ink-800:#0F172A;
  --color-bg:#FFFFFF;
  --color-bg-soft:#F8FAFC;
  --color-bg-cool:#EEF3FA;
  --color-heading:#0F172A;
  --color-dark:#111827;
  --color-text:#475569;
  --color-muted:#64748B;
  --color-light-text:#CBD5E1;
  --color-primary:#3B82F6;
  --color-primary-hover:#2563EB;
  --color-cyan:#22D3EE;
  --color-violet:#8B5CF6;
  --color-growth:#22C55E;
  --color-border:#E5E7EB;
  --color-border-dark:rgba(148,163,184,.18);
  --glass-card:rgba(15,23,42,.62);
  --color-footer:#020617;
  --color-blue-soft:#EFF6FF;
  --color-green-soft:#ECFDF5;
  --header-h:76px;
  --radius:12px;
  --radius-lg:24px;
  --radius-xl:32px;
  --max:1180px;
  --shadow-soft:0 16px 48px rgba(15,23,42,.10);
  --shadow-deep:0 30px 100px rgba(0,0,0,.42);
  --gradient-brand:linear-gradient(90deg,#2563EB,#22D3EE,#22C55E);
  --gradient-brand-135:linear-gradient(135deg,#2563EB,#22D3EE,#22C55E);
}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;background:var(--color-bg-soft);color:var(--color-text);
  font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Hiragino Sans GB","Microsoft YaHei",Arial,sans-serif;
  font-size:16px;line-height:1.7;-webkit-font-smoothing:antialiased;
}
img{max-width:100%;height:auto;display:block}
a{color:inherit;text-decoration:none}
button{font:inherit;cursor:pointer;border:0;background:none}
.container{width:min(var(--max),calc(100% - 48px));margin:0 auto}

.reveal{opacity:0;transform:translateY(14px);transition:opacity .45s ease,transform .45s ease}
.reveal.visible{opacity:1;transform:none}
@media(prefers-reduced-motion:reduce){.reveal{opacity:1;transform:none;transition:none}}

/* Header：从灰色改为深色玻璃 + 渐变细线，更贴合 Hero */
.site-header{
  position:fixed;
  top:0;left:0;right:0;
  z-index:50;
  height:var(--header-h);
  overflow:visible;
  background:linear-gradient(180deg,rgba(2,6,23,.82),rgba(2,6,23,.58));
  border-bottom:1px solid rgba(34,211,238,.14);
  backdrop-filter:blur(22px);
  box-shadow:0 10px 40px rgba(0,0,0,.18);
}
.site-header::after{
  content:"";
  position:absolute;left:0;right:0;bottom:-1px;height:1px;
  background:linear-gradient(90deg,transparent,#2563eb,#22d3ee,#22c55e,transparent);
  opacity:.65;
}
.header-inner{height:100%;display:flex;align-items:stretch;justify-content:space-between;gap:28px}
.logo{display:flex;align-items:center;min-width:140px;align-self:center}
.logo img{height:36px;width:auto;display:block}
.nav{display:flex;align-items:stretch;height:100%;gap:24px}
.nav > a,.nav-item > a{display:flex;align-items:center;height:100%;font-size:14px;color:rgba(226,232,240,.72);transition:.2s ease}
.nav a:hover{color:#fff;text-shadow:0 0 18px rgba(34,211,238,.34)}
.nav a.is-active{color:#fff;text-shadow:0 0 18px rgba(34,211,238,.34)}
.nav-item{position:relative;display:flex;align-items:stretch}
.nav-item > a{gap:5px}
.nav-item > a::after{
  content:"";width:0;height:0;margin-top:2px;
  border-left:4px solid transparent;border-right:4px solid transparent;
  border-top:4px solid rgba(226,232,240,.55);transition:.2s ease;
}
.nav-item:hover > a::after,.nav-item:focus-within > a::after,.nav-item.is-open > a::after{border-top-color:#fff}
.nav-dropdown{
  position:absolute;top:100%;left:50%;transform:translateX(-50%);
  min-width:196px;padding:8px;
  border:1px solid rgba(148,163,184,.18);border-radius:14px;
  background:linear-gradient(180deg,rgba(15,23,42,.98),rgba(2,6,23,.99));
  backdrop-filter:blur(20px);
  box-shadow:0 18px 48px rgba(0,0,0,.32);
  opacity:0;visibility:hidden;pointer-events:none;
  transition:opacity .15s ease,visibility .15s ease;
}
.nav-dropdown::before{
  content:"";position:absolute;left:-16px;right:-16px;top:-12px;height:12px;
}
.nav-item:hover .nav-dropdown,.nav-item:focus-within .nav-dropdown,.nav-item.is-open .nav-dropdown{
  opacity:1;visibility:visible;pointer-events:auto;
}
.nav-dropdown a{
  display:block;padding:10px 14px;border-radius:10px;
  font-size:13px;color:rgba(226,232,240,.78);white-space:nowrap;
}
.nav-dropdown a:hover{
  color:#fff;background:rgba(34,211,238,.08);
  text-shadow:none;
}
.btn-nav{align-self:center}
.btn-nav{
  height:44px;display:inline-flex;align-items:center;justify-content:center;
  padding:0 22px;border-radius:999px;color:#fff;font-size:14px;font-weight:800;
  background:linear-gradient(90deg,#2563eb,#22d3ee,#22c55e);
  box-shadow:0 14px 34px rgba(34,211,238,.18), inset 0 1px 0 rgba(255,255,255,.28);
  position:relative;overflow:hidden;
}
.btn-nav::before{
  content:"";position:absolute;inset:1px;border-radius:inherit;
  background:linear-gradient(180deg,rgba(2,6,23,.18),rgba(2,6,23,.38));
}
.btn-nav span{position:relative;z-index:1}

.btn{
  display:inline-flex;align-items:center;justify-content:center;gap:8px;
  min-height:52px;padding:0 24px;border-radius:16px;
  font-size:15px;font-weight:700;letter-spacing:-.01em;
  border:1px solid transparent;transition:all .2s ease;
}
.btn:hover{transform:translateY(-2px)}
.btn-primary{
  position:relative;overflow:hidden;
  color:#fff;border:1px solid rgba(34,211,238,.5);
  background:linear-gradient(90deg,#2563eb,#22d3ee,#22c55e);
  box-shadow:0 22px 58px rgba(37,99,235,.28),0 18px 45px rgba(34,211,238,.13);
}
.btn-primary::after{
  content:"";position:absolute;top:0;bottom:0;width:42%;left:-55%;
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.28),transparent);
  transform:skewX(-18deg);transition:left .55s ease;pointer-events:none;
}
.btn-primary:hover::after{left:110%}
.btn-primary-light{
  color:#020617;background:linear-gradient(135deg,#F8FAFC,#DFF8FF);
  box-shadow:0 20px 50px rgba(34,211,238,.18),inset 0 1px 0 rgba(255,255,255,.9);
}
.btn-secondary{
  color:rgba(241,245,249,.92);border:1px solid rgba(148,163,184,.28);
  background:rgba(15,23,42,.58);backdrop-filter:blur(18px);
}
.btn-secondary:hover{border-color:rgba(34,211,238,.45)}
.btn-outline-light{
  background:#fff;color:var(--color-heading);border-color:var(--color-border);
}
.btn-outline-light:hover{border-color:var(--color-primary);color:var(--color-primary)}
.btn-white{
  background:#fff;color:var(--color-heading);
  border:1px solid rgba(255,255,255,.08);box-shadow:0 8px 20px rgba(0,0,0,.08);
}

/* Sections */
.section{padding:96px 0}
section[id],.solutions[id],.data-section[id],.cta-section[id]{scroll-margin-top:calc(var(--header-h) + 20px)}
.section-head{max-width:640px;margin-bottom:52px}
.section-head.center{margin-left:auto;margin-right:auto;text-align:center}
.section-kicker{
  display:inline-flex;align-items:center;gap:8px;
  font-size:12px;font-weight:800;letter-spacing:.08em;
  text-transform:uppercase;color:var(--color-primary);margin-bottom:12px;
}
.section-kicker::before{
  content:"";width:8px;height:8px;border-radius:50%;flex-shrink:0;
  background:var(--gradient-brand-135);
  box-shadow:0 0 0 3px rgba(34,211,238,.12);
}
.section-head.center .section-kicker{display:inline-flex}
.pain-section{background:var(--color-bg)}
.section-head.center .section-kicker::after{
  content:"";display:block;width:44px;height:3px;border-radius:999px;
  background:var(--gradient-brand);margin:14px auto 0;
}
.section-title{
  margin:0 0 16px;font-size:clamp(26px,3.5vw,36px);
  line-height:1.2;letter-spacing:-.04em;color:var(--color-heading);font-weight:700;
}

/* Hero Shell */
.hero-shell{
  --mx:55%;--my:45%;
  position:relative;overflow:hidden;color:#fff;
  min-height:100vh;padding-top:var(--header-h);
  background:
    radial-gradient(circle at 16% 28%,rgba(37,99,235,.34),transparent 34%),
    radial-gradient(circle at 54% 52%,rgba(34,211,238,.18),transparent 36%),
    radial-gradient(circle at 85% 35%,rgba(34,197,94,.18),transparent 36%),
    linear-gradient(135deg,#020617 0%,#06162d 38%,#071e2b 64%,#02130c 100%);
}
.hero-aurora{
  position:absolute;inset:-20%;pointer-events:none;z-index:0;
  background:
    linear-gradient(90deg,rgba(37,99,235,.32),rgba(34,211,238,.25),rgba(34,197,94,.24)),
    linear-gradient(180deg,transparent,rgba(2,6,23,.55));
  filter:blur(60px);opacity:.52;transform:rotate(-7deg);
  animation:auroraMove 16s ease-in-out infinite alternate;
}
.hero-gradient-ribbon{
  position:absolute;inset:auto -12% 20% -12%;height:220px;pointer-events:none;z-index:0;opacity:.5;
  background:linear-gradient(90deg,#2563eb,#22d3ee,#22c55e);
  filter:blur(72px);transform:rotate(-4deg);
  animation:ribbonPulse 9s ease-in-out infinite alternate;
}
.hero-shell::after{
  content:"";position:absolute;inset:0;pointer-events:none;z-index:1;
  background:radial-gradient(circle at var(--mx) var(--my),rgba(34,211,238,.12),transparent 24%);
  transition:background .18s ease;
}
.hero-shell-fade{
  position:absolute;left:0;right:0;bottom:0;height:190px;pointer-events:none;z-index:5;
  background:linear-gradient(180deg,transparent,rgba(248,250,252,.96));
}
.hero-sweep{
  position:absolute;inset:-30%;pointer-events:none;z-index:0;
  background:linear-gradient(100deg,transparent 0%,rgba(255,255,255,.08) 46%,transparent 56%);
  transform:translateX(-65%) rotate(8deg);
  animation:heroSweep 8s ease-in-out infinite;
}
.hero-grid-bg{
  position:absolute;inset:0;opacity:.34;pointer-events:none;z-index:0;
  background-image:
    linear-gradient(rgba(148,163,184,.075) 1px,transparent 1px),
    linear-gradient(90deg,rgba(148,163,184,.075) 1px,transparent 1px);
  background-size:54px 54px;
  mask-image:radial-gradient(circle at 50% 40%,black 0%,transparent 78%);
  animation:heroGridFlow 26s linear infinite;
}
@keyframes auroraMove{from{transform:translateX(-3%) translateY(-2%) rotate(-7deg)}to{transform:translateX(4%) translateY(3%) rotate(-3deg)}}
@keyframes ribbonPulse{from{opacity:.33;transform:translateY(16px) rotate(-4deg)}to{opacity:.62;transform:translateY(-10px) rotate(-2deg)}}
@keyframes textGlow{to{background-position:100% center}}
@keyframes heroGridFlow{from{transform:translate3d(0,0,0)}to{transform:translate3d(54px,54px,0)}}
@keyframes heroSweep{0%,45%{transform:translateX(-70%) rotate(8deg);opacity:0}55%{opacity:1}100%{transform:translateX(70%) rotate(8deg);opacity:0}}
@keyframes driftOne{from{transform:translate(0,0)}to{transform:translate(80px,70px)}}
@keyframes driftTwo{from{transform:translate(0,0)}to{transform:translate(-90px,45px)}}
@keyframes driftThree{from{transform:translate(0,0)}to{transform:translate(45px,-80px)}}
@keyframes heroDashboardFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-12px)}}
@keyframes dashboardSweep{0%,42%{transform:translateX(-60%) rotate(8deg);opacity:0}52%{opacity:1}100%{transform:translateX(60%) rotate(8deg);opacity:0}}
@keyframes heroReveal{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:none}}
@keyframes heroRevealRight{from{opacity:0;transform:translateX(20px) translateY(12px)}to{opacity:1;transform:none}}
@keyframes metricPulse{0%,100%{opacity:1;text-shadow:none}50%{opacity:.92;text-shadow:0 0 12px rgba(34,197,94,.32)}}
@keyframes metricPulseBlue{0%,100%{opacity:1;text-shadow:none}50%{opacity:.92;text-shadow:0 0 12px rgba(59,130,246,.28)}}

.hero{position:relative;z-index:3;padding:72px 0 115px}
.hero-grid{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center}
.hero-content > *{opacity:0;animation:heroReveal .85s ease forwards}
.hero-eyebrow{animation-delay:.05s}
.hero-content h1{animation-delay:.12s}
.hero-lead{animation-delay:.2s}
.hero-actions{animation-delay:.28s}
.hero-trust{animation-delay:.36s}
.hero-eyebrow{
  display:inline-flex;align-items:center;gap:10px;padding:9px 15px;
  border:1px solid rgba(34,211,238,.32);border-radius:999px;
  color:#d8fbff;background:rgba(3,31,50,.46);font-size:13px;margin-bottom:24px;
  backdrop-filter:blur(18px);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.06),0 12px 34px rgba(0,0,0,.18);
}
.hero-eyebrow::before{
  content:"";width:8px;height:8px;border-radius:50%;background:var(--color-growth);
  box-shadow:0 0 0 5px rgba(34,197,94,.16),0 0 20px rgba(34,197,94,.62);
}
.hero h1{
  margin:0 0 24px;font-size:clamp(40px,5vw,66px);
  line-height:1.07;letter-spacing:-.065em;font-weight:900;color:#fff;
}
.gradient-text{
  background:linear-gradient(90deg,#ffffff 0%,#dbeafe 22%,#67e8f9 52%,#86efac 82%,#ffffff 100%);
  -webkit-background-clip:text;background-clip:text;color:transparent;
  background-size:180% auto;
  animation:textGlow 7s ease-in-out infinite alternate;
}
.hero-lead{margin:0 0 34px;font-size:18px;line-height:1.88;color:rgba(203,213,225,.82);max-width:560px}
.hero-actions{display:flex;flex-wrap:wrap;gap:14px;margin-bottom:32px}
.hero-trust{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;max-width:620px}
.hero-trust-item{
  padding:14px;border:1px solid rgba(148,163,184,.16);border-radius:16px;
  background:rgba(15,23,42,.34);backdrop-filter:blur(12px);
  transition:border-color .2s,background .2s;
}
.hero-trust-item:hover{border-color:rgba(34,211,238,.32);background:rgba(15,23,42,.52)}
.hero-trust-item strong{display:block;font-size:15px;color:#fff;margin-bottom:4px;letter-spacing:-.02em}
.hero-trust-item span{font-size:11px;color:rgba(148,163,184,.85);line-height:1.45}

/* Hero Visual */
.hero-visual{
  position:relative;min-height:600px;
  opacity:0;animation:heroRevealRight 1s ease .15s forwards;
  perspective:900px;
}
.visual-tilt{
  position:relative;z-index:1;width:100%;
  margin-left:24px;animation:heroDashboardFloat 6.5s ease-in-out infinite;
  transform-style:preserve-3d;
}
.visual-frame{
  --dash-x:80%;--dash-y:18%;
  position:relative;width:100%;border-radius:var(--radius-xl);
  border:1px solid rgba(148,163,184,.24);
  background:linear-gradient(180deg,rgba(8,17,38,.82),rgba(3,7,18,.76));
  box-shadow:0 34px 110px rgba(0,0,0,.46),inset 0 1px 0 rgba(255,255,255,.06);
  backdrop-filter:blur(26px);overflow:hidden;
  transition:transform .22s ease;transform-style:preserve-3d;
}
.frame-glow{
  position:absolute;inset:0;pointer-events:none;z-index:1;
  background:radial-gradient(circle at var(--dash-x) var(--dash-y),rgba(34,211,238,.15),transparent 26%);
}
.visual-frame::before{
  content:"";position:absolute;inset:-40%;z-index:2;pointer-events:none;
  background:linear-gradient(100deg,transparent 0%,rgba(255,255,255,.08) 45%,transparent 55%);
  transform:translateX(-60%) rotate(8deg);
  animation:dashboardSweep 7.6s ease-in-out infinite;
}
.dashboard-corners span{
  position:absolute;width:82px;height:82px;z-index:3;pointer-events:none;
}
.dashboard-corners span:nth-child(1){top:0;left:0;border-top:1px solid rgba(34,211,238,.5);border-left:1px solid rgba(34,211,238,.5);border-top-left-radius:var(--radius-xl)}
.dashboard-corners span:nth-child(2){top:0;right:0;border-top:1px solid rgba(34,197,94,.42);border-right:1px solid rgba(34,197,94,.42);border-top-right-radius:var(--radius-xl)}
.dashboard-corners span:nth-child(3){bottom:0;left:0;border-bottom:1px solid rgba(37,99,235,.42);border-left:1px solid rgba(37,99,235,.42);border-bottom-left-radius:var(--radius-xl)}
.dashboard-corners span:nth-child(4){bottom:0;right:0;border-bottom:1px solid rgba(34,211,238,.42);border-right:1px solid rgba(34,211,238,.42);border-bottom-right-radius:var(--radius-xl)}
.hud-ring{
  position:absolute;right:18px;top:28px;width:150px;height:150px;border-radius:50%;z-index:6;
  pointer-events:none;opacity:.46;
  background:conic-gradient(from 0deg,rgba(37,99,235,.05),rgba(34,211,238,.42),rgba(34,197,94,.35),rgba(37,99,235,.05));
  mask:radial-gradient(circle,transparent 56%,#000 58%);
  animation:hudRingSpin 12s linear infinite;
}
@keyframes hudRingSpin{to{transform:rotate(360deg)}}
.data-stream{
  position:absolute;left:-44px;top:80px;width:100px;height:250px;z-index:1;opacity:.58;
  pointer-events:none;
  background:repeating-linear-gradient(180deg,transparent 0 18px,rgba(34,211,238,.28) 18px 19px,transparent 19px 32px);
  mask-image:linear-gradient(transparent,black 20%,black 80%,transparent);
  animation:dataStream 4.5s linear infinite;
}
@keyframes dataStream{to{transform:translateY(32px)}}
.browser-bar{
  position:relative;z-index:2;
  height:50px;display:flex;align-items:center;justify-content:space-between;
  padding:0 18px;border-bottom:1px solid rgba(148,163,184,.16);
  background:rgba(2,6,23,.38);
}
.browser-dots{display:flex;gap:7px}
.browser-dots i{width:10px;height:10px;border-radius:50%;background:rgba(148,163,184,.45);display:block}
.browser-url{
  font-size:11px;color:rgba(203,213,225,.6);padding:5px 12px;border-radius:999px;
  border:1px solid rgba(148,163,184,.14);background:rgba(2,6,23,.32);
}
.visual-body{position:relative;z-index:2;padding:18px}
.metrics-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.metric-cell{
  position:relative;padding:14px 16px;border:1px solid rgba(148,163,184,.14);border-radius:14px;
  background:rgba(2,6,23,.38);overflow:hidden;
  transition:border-color .2s,background .2s;
}
.metric-cell::before{
  content:"";position:absolute;left:0;top:0;bottom:0;width:2px;
  background:linear-gradient(var(--color-primary),var(--color-cyan),var(--color-growth));opacity:.7;
}
.metric-cell:hover{border-color:rgba(34,211,238,.22);background:rgba(2,6,23,.52)}
.metric-cell .label{font-size:11px;color:rgba(148,163,184,.85);margin-bottom:6px}
.metric-cell .value{font-size:16px;font-weight:700;color:#fff;letter-spacing:-.02em}
.metric-cell .value .green{color:var(--color-growth);animation:metricPulse 4.2s ease-in-out infinite}
.metric-cell .value .blue{color:#93c5fd;animation:metricPulseBlue 4.8s ease-in-out infinite}
.metric-cell .value .cyan{color:var(--color-cyan)}
.metric-cell .desc{
  font-size:10px;color:rgba(148,163,184,.62);margin-top:6px;line-height:1.4;
}
.visual-foot{
  position:relative;z-index:2;
  padding:10px 18px;border-top:1px solid rgba(148,163,184,.12);
  font-size:10px;color:rgba(148,163,184,.7);background:rgba(2,6,23,.28);
}
.strength-metrics{
  display:grid;grid-template-columns:repeat(4,1fr);gap:10px;
  width:100%;margin-top:14px;
}
.strength-card{
  padding:15px 16px;border:1px solid rgba(34,211,238,.14);border-radius:16px;
  background:rgba(8,26,51,.68);backdrop-filter:blur(6px);
  transition:border-color .2s,background .2s;
}
.strength-card:hover{border-color:rgba(34,211,238,.24);background:rgba(8,26,51,.82)}
.strength-card strong{
  display:block;font-size:23px;line-height:1;font-weight:800;
  color:#fff;letter-spacing:-.04em;
}
.strength-card:first-child strong{color:var(--color-growth)}
.strength-card span{
  display:block;margin-top:6px;font-size:11px;line-height:1.45;
  color:rgba(148,163,184,.78);
}

/* Tech HUD layer */
.tech-hud-layer{
  position:absolute;inset:-20px -18px -26px -28px;z-index:0;pointer-events:none;
}
.tech-hud-layer .hud-orbit,.tech-hud-layer .hud-core{display:none}
.hud-node{
  position:absolute;width:7px;height:7px;border-radius:50%;
  background:#22d3ee;box-shadow:0 0 18px rgba(34,211,238,.75);
}
.hud-node.n1{right:48px;top:48px;animation:hudNodePulse 3s ease-in-out infinite}
.hud-node.n2{right:138px;top:118px;background:#8b5cf6;box-shadow:0 0 18px rgba(139,92,246,.7);animation:hudNodePulse 3.4s ease-in-out infinite .3s}
.hud-node.n3{right:74px;top:166px;background:#22c55e;box-shadow:0 0 18px rgba(34,197,94,.7);animation:hudNodePulse 3.2s ease-in-out infinite .7s}
.circuit-path{
  position:absolute;left:0;top:74px;width:156px;height:242px;opacity:.62;
  background:
    linear-gradient(90deg,transparent 0 18px,rgba(34,211,238,.36) 18px 19px,transparent 19px),
    linear-gradient(rgba(34,211,238,.3) 0 1px,transparent 1px),
    linear-gradient(90deg,transparent 0 82px,rgba(139,92,246,.3) 82px 83px,transparent 83px);
  background-size:100% 100%,100% 48px,100% 100%;
  mask-image:linear-gradient(180deg,transparent,black 18%,black 82%,transparent);
}
.circuit-path::before{
  content:"";position:absolute;left:18px;top:0;width:1px;height:72px;
  background:linear-gradient(180deg,transparent,#22d3ee,transparent);
  box-shadow:64px 86px 0 rgba(139,92,246,.8),108px 152px 0 rgba(34,197,94,.7);
  animation:circuitPulse 3.4s ease-in-out infinite;
}
.pipeline-mini{
  width:100%;margin-top:14px;padding:15px 18px;border-radius:20px;
  border:1px solid rgba(34,211,238,.16);
  background:rgba(5,18,36,.66);backdrop-filter:blur(18px);
  box-shadow:0 24px 64px rgba(0,0,0,.24);
}
.pipeline-mini .mini-title{
  display:flex;align-items:center;justify-content:space-between;
  font-size:11px;color:rgba(203,213,225,.66);margin-bottom:11px;
}
.pipeline-mini .mini-title i{font-style:normal;color:var(--color-cyan);font-weight:800}
.pipeline-step{height:6px;border-radius:999px;background:rgba(148,163,184,.12);overflow:hidden;margin:7px 0;position:relative}
.pipeline-step::before{
  content:"";position:absolute;inset:0;width:42%;border-radius:inherit;
  background:linear-gradient(90deg,#2563eb,#22d3ee,#22c55e);
  animation:pipelineLoad 3.2s ease-in-out infinite;
}
.pipeline-step:nth-child(3)::before{animation-delay:.35s;width:56%}
.pipeline-step:nth-child(4)::before{animation-delay:.7s;width:34%}
.data-rain{
  position:absolute;right:-10px;bottom:104px;width:132px;height:168px;opacity:.58;
  mask-image:linear-gradient(180deg,transparent,black 16%,black 84%,transparent);
}
.data-rain span{
  position:absolute;top:-26px;width:2px;height:26px;border-radius:999px;
  background:linear-gradient(180deg,transparent,#22d3ee,transparent);
  animation:dataRain 3.4s linear infinite;
}
.data-rain span:nth-child(1){left:12px;animation-delay:0s}
.data-rain span:nth-child(2){left:38px;animation-delay:.8s;background:linear-gradient(180deg,transparent,#8b5cf6,transparent)}
.data-rain span:nth-child(3){left:67px;animation-delay:1.4s}
.data-rain span:nth-child(4){left:96px;animation-delay:2.1s;background:linear-gradient(180deg,transparent,#22c55e,transparent)}
.data-rain span:nth-child(5){left:118px;animation-delay:2.7s}
.scan-line{
  position:absolute;left:18px;right:18px;top:52px;height:1px;z-index:4;pointer-events:none;
  background:linear-gradient(90deg,transparent,rgba(34,211,238,.85),transparent);
  box-shadow:0 0 18px rgba(34,211,238,.55);
  animation:scanLine 5.4s ease-in-out infinite;
  opacity:.82;
}
.corner-glow{display:none}
@keyframes hudNodePulse{0%,100%{transform:scale(.8);opacity:.56}50%{transform:scale(1.28);opacity:1}}
@keyframes circuitPulse{0%,100%{transform:translateY(-10px);opacity:.25}50%{transform:translateY(138px);opacity:.9}}
@keyframes pipelineLoad{0%,100%{transform:translateX(-20%);opacity:.65}50%{transform:translateX(122%);opacity:1}}
@keyframes dataRain{0%{transform:translateY(-20px);opacity:0}12%{opacity:1}100%{transform:translateY(190px);opacity:0}}
@keyframes scanLine{0%,100%{transform:translateY(0);opacity:0}12%,72%{opacity:.85}58%{transform:translateY(322px);opacity:.85}}

.section-desc{margin:0;color:var(--color-muted);font-size:17px;line-height:1.85;max-width:560px}
.section-head.center .section-desc{margin-left:auto;margin-right:auto}

.section-xrefs{
  display:flex;flex-wrap:wrap;align-items:center;gap:10px 12px;
  margin-top:40px;padding:16px 20px;
  border:1px solid var(--color-border);border-radius:var(--radius);
  background:var(--color-bg-soft);
}
.section-xrefs.center{justify-content:center;text-align:center}
.section-xrefs-label{
  font-size:12px;font-weight:800;letter-spacing:.06em;
  text-transform:uppercase;color:var(--color-muted);margin-right:2px;
}
.section-xref{
  display:inline-flex;align-items:center;gap:5px;
  font-size:13px;font-weight:600;color:var(--color-primary-hover);
  padding:6px 13px;border-radius:999px;
  background:#fff;border:1px solid #BFDBFE;
  transition:color .2s,border-color .2s,background .2s,transform .2s;
}
.section-xref::after{content:"→";font-size:12px;opacity:.75}
.section-xref:hover{
  color:#fff;background:var(--gradient-brand);border-color:transparent;
  transform:translateY(-1px);
}
.section-xrefs.dark{
  background:rgba(4,18,36,.45);border-color:rgba(255,255,255,.12);
}
.section-xrefs.dark .section-xrefs-label{color:rgba(255,255,255,.5)}
.section-xrefs.dark .section-xref{
  color:var(--color-cyan);background:rgba(15,23,42,.55);
  border-color:rgba(34,211,238,.22);
}
.section-xrefs.dark .section-xref:hover{
  color:#fff;border-color:rgba(34,211,238,.45);
}
section[id]:target,.solutions[id]:target,.data-section[id]:target,.cta-section[id]:target{
  animation:sectionTarget .9s ease;
}
@keyframes sectionTarget{
  0%{box-shadow:inset 0 0 0 0 rgba(34,211,238,0)}
  18%{box-shadow:inset 0 0 0 3px rgba(34,211,238,.28)}
  100%{box-shadow:inset 0 0 0 0 rgba(34,211,238,0)}
}

/* Trust bar */
.trust-bar{
  position:relative;padding:28px 0;
  background:linear-gradient(180deg,#fff 0%,var(--color-bg-soft) 100%);
  border-bottom:1px solid var(--color-border);
}
.trust-bar::after{
  content:"";position:absolute;left:0;right:0;bottom:0;height:1px;
  background:linear-gradient(90deg,transparent,rgba(37,99,235,.22),rgba(34,211,238,.28),rgba(34,197,94,.22),transparent);
  opacity:.85;
}
.trust-inner{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:14px 22px}
.trust-label{
  font-size:13px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;
  color:var(--color-primary);
}
.trust-tags{display:flex;flex-wrap:wrap;gap:10px;justify-content:center}
.trust-tags span{
  font-size:14px;font-weight:600;color:var(--color-heading);
  padding:8px 18px;background:#fff;border:1px solid var(--color-border);
  border-radius:999px;transition:border-color .2s,box-shadow .2s,transform .2s;
}
.trust-tags span:hover{
  border-color:rgba(34,211,238,.35);box-shadow:0 8px 24px rgba(37,99,235,.08);
  transform:translateY(-1px);
}

/* Pain */
.pain-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.pain-card{
  position:relative;padding:30px 26px 28px;
  border:1px solid var(--color-border);border-radius:var(--radius-lg);
  background:var(--color-bg);overflow:hidden;
  transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease;
}
.pain-card::before{
  content:"";position:absolute;top:0;left:0;right:0;height:3px;
  background:var(--gradient-brand);opacity:0;transition:opacity .22s ease;
}
.pain-card:hover{
  transform:translateY(-3px);border-color:#CBD5E1;box-shadow:var(--shadow-soft);
}
.pain-card:hover::before{opacity:1}
.pain-icon{
  width:42px;height:42px;border-radius:12px;margin-bottom:18px;
  display:flex;align-items:center;justify-content:center;
  font-size:13px;font-weight:800;color:#fff;
  background:var(--gradient-brand-135);
  box-shadow:0 10px 28px rgba(37,99,235,.18);
}
.pain-card h3{margin:0 0 10px;font-size:16px;font-weight:700;color:var(--color-heading);letter-spacing:-.02em}
.pain-card p{margin:0;font-size:15px;color:var(--color-muted);line-height:1.7}

/* Solutions */
.solutions{
  color:#fff;padding:104px 0;position:relative;overflow:hidden;
  background:
    radial-gradient(circle at 16% 12%,rgba(37,99,235,.18),transparent 34%),
    radial-gradient(circle at 88% 82%,rgba(34,197,94,.10),transparent 30%),
    linear-gradient(180deg,var(--color-ink-900) 0%,var(--color-ink-950) 100%);
}
.solutions::before{
  content:"";position:absolute;inset:0;pointer-events:none;
  background-image:
    linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);
  background-size:48px 48px;opacity:.22;
}
.solutions::after{
  content:"";position:absolute;left:0;right:0;top:0;height:1px;pointer-events:none;
  background:linear-gradient(90deg,transparent,rgba(37,99,235,.35),rgba(34,211,238,.45),rgba(34,197,94,.35),transparent);
  opacity:.7;
}
.solutions .container{position:relative;z-index:1}
.solutions .section-kicker{color:var(--color-cyan)}
.solutions .section-title{color:#fff;max-width:720px;margin-left:auto;margin-right:auto}
.solutions .section-desc{color:rgba(255,255,255,.6);max-width:600px;margin:0 auto}
.solutions-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:56px}
.solution-card{
  position:relative;padding:40px 32px;
  border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-lg);
  background:rgba(4,18,36,.45);backdrop-filter:blur(12px);
  transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease;
}
.solution-card::before{
  content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;
  background:radial-gradient(circle at 50% 0%,rgba(34,211,238,.08),transparent 55%);
  opacity:0;transition:opacity .22s ease;
}
.solution-card:hover{
  transform:translateY(-4px);border-color:rgba(34,211,238,.22);
  box-shadow:0 24px 64px rgba(0,0,0,.28);
}
.solution-card:hover::before{opacity:1}
.solution-card .step-en{
  display:inline-block;font-size:11px;font-weight:700;letter-spacing:.08em;
  text-transform:uppercase;color:var(--color-cyan);
  padding:4px 10px;margin-bottom:18px;
  background:rgba(34,211,238,.1);border:1px solid rgba(34,211,238,.2);border-radius:6px;
}
.solution-card h3{margin:0 0 14px;font-size:19px;font-weight:700;color:#fff;line-height:1.4;letter-spacing:-.02em}
.solution-card p{margin:0;font-size:15px;color:rgba(255,255,255,.6);line-height:1.8}
.solution-card .service-link{
  display:inline-flex;align-items:center;gap:6px;margin-top:18px;
  font-size:14px;font-weight:700;color:var(--color-cyan);
}
.solution-card .service-link::after{content:"→";transition:transform .2s ease}
.solution-card .service-link:hover{gap:10px;color:#fff}
.solution-card .service-link:hover::after{transform:translateX(2px)}

/* Advantages */
.advantages{background:var(--color-bg-cool)}
.adv-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}
.adv-card{
  padding:32px;background:var(--color-bg);border:1px solid var(--color-border);
  border-radius:var(--radius-lg);display:flex;gap:20px;
  transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease;
}
.adv-card:hover{
  transform:translateY(-3px);border-color:#CBD5E1;box-shadow:var(--shadow-soft);
}
.adv-num{
  flex-shrink:0;width:44px;height:44px;display:flex;align-items:center;justify-content:center;
  font-size:13px;font-weight:800;color:#fff;border-radius:12px;
  background:var(--gradient-brand-135);
  box-shadow:0 10px 28px rgba(37,99,235,.16);
}
.adv-body h3{margin:0 0 8px;font-size:17px;font-weight:700;color:var(--color-heading);letter-spacing:-.02em}
.adv-body p{margin:0;font-size:15px;color:var(--color-muted);line-height:1.7}

/* Services */
.services-section{background:var(--color-bg)}
.services-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.service-card{
  padding:32px;border:1px solid var(--color-border);border-radius:var(--radius-lg);
  background:var(--color-bg);display:flex;flex-direction:column;
  transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease;
  position:relative;overflow:hidden;
}
.service-card::before{
  content:"";position:absolute;top:0;left:0;right:0;height:3px;
  background:var(--gradient-brand);
}
.service-card:hover{
  transform:translateY(-3px);border-color:#CBD5E1;box-shadow:var(--shadow-soft);
}
.service-card h3{margin:0 0 10px;font-size:17px;font-weight:700;color:var(--color-heading);letter-spacing:-.02em}
.service-card p{margin:0 0 20px;font-size:15px;color:var(--color-muted);line-height:1.7;flex:1}
.service-link{
  display:inline-flex;align-items:center;gap:6px;
  font-size:14px;font-weight:700;color:var(--color-primary-hover);
  transition:gap .2s ease,color .2s ease;
}
.service-link::after{content:"→";transition:transform .2s ease}
.service-link:hover{color:var(--color-cyan);gap:10px}
.service-link:hover::after{transform:translateX(2px)}

/* Process */
.process-section{background:var(--color-bg-soft);position:relative}
.process-wrap{display:grid;grid-template-columns:280px 1fr;gap:56px;align-items:start}
.process-intro{
  padding:28px;border:1px solid var(--color-border);border-radius:var(--radius-lg);
  background:#fff;box-shadow:var(--shadow-soft);position:sticky;top:calc(var(--header-h) + 24px);
}
.process-intro::before{
  content:"";display:block;width:48px;height:4px;border-radius:999px;
  background:var(--gradient-brand);margin-bottom:18px;
}
.process-intro h3{margin:0 0 8px;font-size:26px;font-weight:700;color:var(--color-heading);letter-spacing:-.03em}
.process-intro p{margin:0;font-size:14px;color:var(--color-muted);line-height:1.65}
.process-list{
  list-style:none;margin:0;padding:0 0 0 28px;
  border-left:2px solid rgba(37,99,235,.12);position:relative;
}
.process-list li{
  position:relative;display:grid;grid-template-columns:1fr;gap:0;
  padding:0 0 28px 28px;
}
.process-list li:last-child{padding-bottom:0}
.process-list li::before{
  content:"";position:absolute;left:-37px;top:4px;
  width:14px;height:14px;border-radius:50%;
  background:var(--gradient-brand-135);
  box-shadow:0 0 0 4px rgba(34,211,238,.12),0 0 18px rgba(34,211,238,.28);
}
.process-list li::after{
  content:"";position:absolute;left:-31px;top:22px;bottom:-6px;width:2px;
  background:linear-gradient(180deg,rgba(34,211,238,.35),rgba(37,99,235,.08));
}
.process-list li:last-child::after{display:none}
.process-list .num{
  display:inline-flex;align-items:center;justify-content:center;
  width:auto;height:auto;padding:0;margin-bottom:8px;
  font-size:11px;font-weight:800;letter-spacing:.08em;
  color:var(--color-primary-hover);
}
.process-list h4{margin:0 0 6px;font-size:16px;font-weight:700;color:var(--color-heading)}
.process-list p{margin:0;font-size:14px;color:var(--color-muted);line-height:1.65}

/* Data */
.data-section{
  color:#fff;padding:96px 0;position:relative;overflow:hidden;
  background:
    radial-gradient(circle at 12% 0%,rgba(37,99,235,.16),transparent 32%),
    radial-gradient(circle at 100% 100%,rgba(34,197,94,.08),transparent 28%),
    linear-gradient(180deg,var(--color-ink-950) 0%,#031224 100%);
}
.data-section::after{
  content:"";position:absolute;inset:0;pointer-events:none;
  background:linear-gradient(transparent 95%,rgba(255,255,255,.04) 100%);
  opacity:.35;
}
.data-section::before{
  content:"";position:absolute;inset:0;pointer-events:none;
  background-image:
    linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);
  background-size:48px 48px;opacity:.18;
}
.data-section .container{position:relative;z-index:1}
.data-section .section-kicker{color:var(--color-growth)}
.data-section .section-title{color:#fff}
.data-section .section-desc{color:rgba(255,255,255,.55)}
.data-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:48px}
.data-card{
  position:relative;padding:32px 28px;
  border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-lg);
  background:rgba(4,18,36,.42);backdrop-filter:blur(14px);
  transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease;
}
.data-card::before{
  content:"";position:absolute;top:0;left:28px;right:28px;height:3px;border-radius:999px;
  background:var(--gradient-brand);opacity:.85;
}
.data-card:hover{
  transform:translateY(-3px);border-color:rgba(34,197,94,.22);
  box-shadow:0 24px 64px rgba(0,0,0,.24);
}
.data-card strong{
  display:block;font-size:clamp(32px,4.5vw,44px);font-weight:800;
  color:var(--color-growth);letter-spacing:-.03em;line-height:1;
  margin:18px 0 14px;
}
.data-card span{
  display:block;font-size:15px;font-weight:600;color:#fff;
  margin-bottom:14px;line-height:1.45;
}
.data-card p{margin:0;font-size:13px;color:rgba(255,255,255,.45);line-height:1.65}
.data-disclaimer{
  margin-top:48px;padding-top:28px;border-top:1px solid rgba(255,255,255,.08);
  font-size:12px;color:rgba(255,255,255,.35);line-height:1.75;max-width:720px;
}

/* Case preview */
.cases-preview{background:var(--color-bg-soft)}
.cases-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.case-card-inner{display:block;height:100%;color:inherit;text-decoration:none}
.case-card{
  position:relative;display:block;padding:28px;border:1px solid var(--color-border);
  border-radius:var(--radius-lg);background:#fff;overflow:hidden;
  transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease;
}
.case-card::before{
  content:"";position:absolute;top:0;left:0;right:0;height:3px;
  background:var(--gradient-brand);opacity:.9;
}
.case-card:hover{
  transform:translateY(-3px);border-color:#CBD5E1;box-shadow:var(--shadow-soft);
}
.case-card .case-type{
  display:inline-block;font-size:11px;font-weight:700;color:var(--color-primary-hover);
  letter-spacing:.06em;text-transform:uppercase;
  padding:4px 10px;margin-bottom:12px;
  background:var(--color-blue-soft);border:1px solid #BFDBFE;border-radius:6px;
}
.case-card h3{margin:0 0 12px;font-size:16px;font-weight:700;color:var(--color-heading);letter-spacing:-.02em}
.case-metrics{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:14px}
.case-metrics span{
  font-size:11px;font-weight:600;color:var(--color-heading);
  padding:4px 10px;background:var(--color-bg-soft);
  border:1px solid var(--color-border);border-radius:999px;
}
.case-metrics span:first-child{
  color:#15803d;background:var(--color-green-soft);border-color:#BBF7D0;
}
.case-card p{margin:0;font-size:13px;color:var(--color-muted);line-height:1.65}
.case-note{margin-top:32px;font-size:12px;color:var(--color-muted);text-align:center}
.section-more{margin-top:36px;text-align:center}
.section-more a{
  display:inline-flex;align-items:center;gap:8px;
  font-size:15px;font-weight:700;color:var(--color-primary-hover);
  transition:gap .2s ease,color .2s ease;
}
.section-more a::after{content:"→";transition:transform .2s ease}
.section-more a:hover{color:var(--color-cyan);gap:12px}
.section-more a:hover::after{transform:translateX(2px)}

/* Blog preview */
.blog-preview{background:var(--color-bg)}
.blog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.blog-card-inner{display:block;height:100%;color:inherit;text-decoration:none}
.blog-card{
  display:flex;flex-direction:column;padding:28px;border:1px solid var(--color-border);
  border-radius:var(--radius-lg);background:#fff;
  transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease;
}
.blog-card:hover{
  transform:translateY(-3px);border-color:#CBD5E1;box-shadow:var(--shadow-soft);
}
.blog-card .blog-cat{
  display:inline-block;font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;
  color:var(--color-primary-hover);padding:4px 10px;margin-bottom:12px;
  background:var(--color-blue-soft);border:1px solid #BFDBFE;border-radius:6px;
}
.blog-card h3{margin:0 0 10px;font-size:16px;font-weight:700;color:var(--color-heading);letter-spacing:-.02em;line-height:1.45}
.blog-card p{margin:0 0 18px;font-size:14px;color:var(--color-muted);line-height:1.7;flex:1}
.blog-card .blog-link{
  display:inline-flex;align-items:center;gap:6px;
  font-size:14px;font-weight:700;color:var(--color-primary-hover);
}
.blog-card .blog-link::after{content:"→";transition:transform .2s ease}
.blog-card:hover .blog-link{color:var(--color-cyan)}
.blog-card:hover .blog-link::after{transform:translateX(2px)}

/* Tech tags */
.tech-section{background:var(--color-bg)}
.tech-tags{
  display:flex;flex-wrap:wrap;gap:12px;justify-content:center;max-width:920px;margin:0 auto;
}
.tech-tag{
  padding:12px 20px;border-radius:999px;
  background:#fff;border:1px solid var(--color-border);
  font-size:14px;color:var(--color-heading);
  transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease;
}
.tech-tag:hover{transform:translateY(-2px);box-shadow:var(--shadow-soft)}
.tech-tag:nth-child(1),.tech-tag:nth-child(4){background:var(--color-blue-soft);border-color:#BFDBFE}
.tech-tag:nth-child(2),.tech-tag:nth-child(5){background:#ECFEFF;border-color:#A5F3FC}
.tech-tag:nth-child(3),.tech-tag:nth-child(6){background:var(--color-green-soft);border-color:#BBF7D0}
.tech-tag span{color:var(--color-muted);font-size:13px}
.tech-tag strong{font-weight:700}

/* FAQ */
.faq-section{background:var(--color-bg-cool)}
.faq-list{max-width:860px;margin:0 auto;display:flex;flex-direction:column;gap:10px}
.faq-item{
  background:#fff;border:1px solid var(--color-border);border-radius:var(--radius);
  overflow:hidden;transition:border-color .2s ease,box-shadow .2s ease;
}
.faq-item:hover{border-color:#CBD5E1}
details.faq-item[open]{
  border-color:rgba(37,99,235,.22);box-shadow:0 12px 36px rgba(37,99,235,.08);
}
details.faq-item[open] .faq-question{color:var(--color-primary-hover)list-style:none;cursor:pointer}
.faq-question::-webkit-details-marker{display:none}
.faq-question::marker{content:""}
.faq-question{
  width:100%;display:flex;align-items:center;justify-content:space-between;
  gap:16px;padding:20px 24px;text-align:left;
  font-size:16px;font-weight:600;color:var(--color-heading);
  transition:color .2s ease;
}
.faq-question::after{
  content:"+";width:28px;height:28px;border-radius:50%;
  display:grid;place-items:center;
  font-size:18px;font-weight:400;color:var(--color-primary);
  background:var(--color-blue-soft);flex-shrink:0;transition:transform .2s,background .2s;
}
details.faq-item[open] .faq-question::after{
  transform:rotate(45deg);background:var(--gradient-brand);color:#fff;
}
.faq-answer{
  display:none;padding:0 24px 22px;
  color:var(--color-muted);font-size:15px;line-height:1.75;
  border-top:1px solid var(--color-border);
  margin-top:-2px;padding-top:18px;
}
details.faq-item[open] .faq-answer{display:block}

/* CTA */
.cta-section{padding:96px 0;background:var(--color-bg-soft)}
.cta-box{
  color:#fff;border-radius:var(--radius-lg);padding:72px 56px;text-align:center;
  position:relative;overflow:hidden;
  background:
    radial-gradient(circle at 18% 22%,rgba(37,99,235,.14),transparent 30%),
    radial-gradient(circle at 82% 72%,rgba(34,197,94,.10),transparent 26%),
    linear-gradient(135deg,var(--color-ink-900) 0%,var(--color-ink-950) 100%);
  border:1px solid var(--color-border-dark);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.04),var(--shadow-deep);
}
.cta-box::before{
  content:"";position:absolute;inset:0;pointer-events:none;
  background-image:
    linear-gradient(rgba(255,255,255,.03) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.03) 1px,transparent 1px);
  background-size:56px 56px;opacity:.18;
}
.cta-box::after{
  content:"";position:absolute;left:0;right:0;top:0;height:1px;
  background:linear-gradient(90deg,transparent,rgba(37,99,235,.4),rgba(34,211,238,.5),rgba(34,197,94,.4),transparent);
  opacity:.75;
}
.cta-box h2{
  margin:0 0 16px;font-size:clamp(24px,3.5vw,32px);
  font-weight:700;letter-spacing:-.025em;position:relative;z-index:1;
  color:#fff;
}
.cta-box .wp-block-heading{color:#fff}
.cta-box p{
  margin:0 auto 36px;max-width:560px;font-size:17px;
  color:rgba(255,255,255,.65);line-height:1.75;position:relative;z-index:1;
}
.cta-actions,
.cta-box .wp-block-buttons{
  display:flex;flex-wrap:wrap;gap:16px;justify-content:center;
  position:relative;z-index:1;
}
.cta-box .wp-block-button{display:inline-flex;margin:0}
.cta-box .wp-block-button .wp-block-button__link{
  width:auto;height:auto;min-height:52px;
}
.cta-box .btn-primary{border-color:rgba(34,211,238,.45)}
.cta-box .btn-secondary{border-color:rgba(148,163,184,.28);color:rgba(241,245,249,.92)}

/* Footer */
/* Footer */
.site-footer{
  position:relative;background:var(--color-footer);color:#94a3b8;padding:64px 0 32px;
}
.site-footer::before{
  content:"";position:absolute;left:0;right:0;top:0;height:1px;
  background:linear-gradient(90deg,transparent,rgba(37,99,235,.35),rgba(34,211,238,.45),rgba(34,197,94,.35),transparent);
  opacity:.65;
}
.footer-grid{display:grid;grid-template-columns:1.6fr 1fr 1fr 1fr;gap:48px;margin-bottom:48px}
.footer-brand img{height:36px;width:auto;margin-bottom:14px}
.footer-brand .company-name{
  display:block;font-size:14px;font-weight:600;color:#94a3b8;margin-bottom:6px;
}
.footer-brand .brand-name{display:block;font-size:17px;font-weight:700;color:#fff;margin-bottom:12px}
.footer-brand p{margin:0;font-size:14px;line-height:1.75;color:#64748b;max-width:300px}
address{font-style:normal}
.footer-col h4{
  margin:0 0 18px;font-size:13px;font-weight:700;color:#fff;letter-spacing:.06em;
  text-transform:uppercase;
}
.footer-col ul{list-style:none;margin:0;padding:0}
.footer-col li{margin:10px 0}
.footer-col a{font-size:14px;color:#64748b;transition:color .15s}
.footer-col a:hover{color:var(--color-cyan)}
.footer-bottom{
  padding-top:28px;border-top:1px solid rgba(255,255,255,.08);
  display:flex;flex-wrap:wrap;gap:12px 24px;justify-content:space-between;align-items:center;
  font-size:13px;color:#475569;
}
.footer-bottom a{color:#64748b;transition:color .15s}
.footer-bottom a:hover{color:#fff}
.footer-disclaimer{margin-top:20px;font-size:12px;color:#334155;line-height:1.7;max-width:820px}

.page-toc{
  position:fixed;top:calc(var(--header-h) + 24px);
  left:calc(50% + min(var(--max),calc(100vw - 48px)) / 2 + 28px);
  width:152px;z-index:40;
  opacity:0;visibility:hidden;transform:translateY(8px);
  transition:opacity .35s ease,visibility .35s ease,transform .35s ease;
  pointer-events:none;
}
.page-toc.is-visible{opacity:1;visibility:visible;transform:none;pointer-events:auto}
.page-toc-inner{
  padding:18px 16px 16px;border-radius:var(--radius);
  border:1px solid var(--color-border);background:rgba(255,255,255,.94);
  backdrop-filter:blur(16px);box-shadow:var(--shadow-soft);
}
.page-toc-inner::before{
  content:"";display:block;width:100%;height:3px;border-radius:999px;
  background:var(--gradient-brand);margin-bottom:14px;
}
.page-toc-title{
  margin:0 0 12px;font-size:11px;font-weight:800;letter-spacing:.08em;
  text-transform:uppercase;color:var(--color-primary-hover);
}
.page-toc-nav{display:flex;flex-direction:column;gap:2px;max-height:calc(100vh - var(--header-h) - 140px);overflow:auto}
.page-toc-nav::-webkit-scrollbar{width:4px}
.page-toc-nav::-webkit-scrollbar-thumb{background:#CBD5E1;border-radius:999px}
.page-toc-link{
  display:block;padding:7px 10px 7px 14px;border-radius:8px;
  font-size:12px;line-height:1.45;font-weight:500;color:var(--color-muted);
  border-left:2px solid transparent;transition:color .2s,border-color .2s,background .2s;
}
.page-toc-link:hover{color:var(--color-heading);background:var(--color-bg-soft)}
.page-toc-link.is-active{
  color:var(--color-heading);font-weight:700;
  border-left-color:var(--color-cyan);background:var(--color-blue-soft);
}
.page-toc-cta{
  display:flex;align-items:center;justify-content:center;margin-top:14px;
  min-height:36px;padding:0 12px;border-radius:10px;
  font-size:12px;font-weight:800;color:#fff;
  background:var(--gradient-brand);
  box-shadow:0 10px 24px rgba(37,99,235,.18);
  transition:transform .2s ease,box-shadow .2s ease;
}
.page-toc-cta:hover{transform:translateY(-1px);box-shadow:0 14px 28px rgba(37,99,235,.24)}

@media(max-width:1379px){
  .page-toc{display:none}
}
@media(max-width:980px){
  .btn-nav-wrap{display:none}
  .logo{min-width:auto}
  .hero-grid,.pain-grid,.solutions-grid,.adv-grid,.services-grid,
  .process-wrap,.data-grid,.cases-grid,.blog-grid,.footer-grid{grid-template-columns:1fr}
  .process-intro{position:static}
  .process-list{padding-left:22px}
  .hero{padding:32px 0 64px}
  .hero-grid{gap:40px}
  .hero-visual{min-height:auto}
  .visual-tilt{margin-left:0}
  .strength-metrics{grid-template-columns:repeat(2,1fr)}
  .tech-hud-layer,.data-stream,.hud-ring{display:none}
  .hero-trust{grid-template-columns:1fr}
  .section{padding:72px 0}.cta-box{padding:48px 28px}.solutions{padding:72px 0}
  .adv-card{flex-direction:column;gap:14px}
}
@media(min-width:961px) and (max-width:1024px){
  .pain-grid{grid-template-columns:repeat(2,1fr)}
}
@media(prefers-reduced-motion:reduce){
  .hero-aurora,.hero-gradient-ribbon,.hero-grid-bg,.hero-sweep,.visual-tilt,.hud-node,.hud-ring,.circuit-path::before,.pipeline-step::before,.data-rain span,.data-stream,.scan-line,.gradient-text,
  .metric-cell .value .green,.metric-cell .value .blue,
  .hero-content > *,.hero-visual,.visual-frame::before{animation:none!important}
  .hero-content > *,.hero-visual{opacity:1!important;transform:none!important}
  .visual-frame{transition:none!important}
  .hero-shell::after{transition:none}
  .reveal{opacity:1;transform:none;transition:none}
  .page-toc{transition:none}
  section[id]:target,.solutions[id]:target,.data-section[id]:target,.cta-section[id]:target{animation:none}
  html{scroll-behavior:auto}
}