:root{--bg: #060a15;--bg-panel: #0c1224;--bg-panel-soft: #0f1830;--bg-card: #101a30;--line: rgba(148, 168, 204, .14);--line-strong: rgba(148, 168, 204, .28);--blue-1: #2f9bf5;--blue-2: #22d6c4;--violet-1: #7c4dff;--violet-2: #d626c9;--orange: #ff8a44;--text: #eef2fb;--text-dim: #93a3c2;--text-faint: #5c6c8c;--radius-lg: 26px;--radius-md: 18px;--radius-sm: 10px;--font-display: "Space Grotesk", "Segoe UI", sans-serif;--font-body: "IBM Plex Sans", "Segoe UI", sans-serif;--font-mono: "IBM Plex Mono", "Courier New", monospace;color-scheme:dark}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--font-body);-webkit-font-smoothing:antialiased;overflow-x:hidden}#root{position:relative}h1,h2,h3{font-family:var(--font-display);margin:0;letter-spacing:-.01em}p{margin:0}a{color:inherit}.eyebrow{font-family:var(--font-mono);font-size:.72rem;letter-spacing:.28em;text-transform:uppercase;color:var(--text-dim);display:inline-flex;align-items:center;gap:.6em}.eyebrow:before{content:"";width:22px;height:1px;background:linear-gradient(90deg,var(--blue-1),var(--violet-2))}.gradient-blue{background:linear-gradient(100deg,var(--blue-1),var(--blue-2));-webkit-background-clip:text;background-clip:text;color:transparent}.gradient-violet{background:linear-gradient(100deg,var(--violet-1),var(--violet-2));-webkit-background-clip:text;background-clip:text;color:transparent}.page{position:relative;max-width:1240px;margin:0 auto;padding:0 32px}.bg-field{position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;background:radial-gradient(560px 360px at 12% 8%,rgba(47,155,245,.14),transparent 60%),radial-gradient(620px 420px at 92% 18%,rgba(124,77,255,.16),transparent 60%),radial-gradient(900px 600px at 50% 100%,rgba(34,214,196,.06),transparent 60%),var(--bg)}.bg-grid{position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;opacity:.35;background-image:linear-gradient(var(--line) 1px,transparent 1px),linear-gradient(90deg,var(--line) 1px,transparent 1px);background-size:64px 64px;-webkit-mask-image:radial-gradient(ellipse 80% 60% at 50% 20%,black,transparent 75%);mask-image:radial-gradient(ellipse 80% 60% at 50% 20%,black,transparent 75%)}.hero{padding:96px 0 56px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:22px}.hero h1{font-size:clamp(2.2rem,5.2vw,3.9rem);font-weight:700;line-height:1.08;max-width:16ch}.hero p{max-width:620px;color:var(--text-dim);font-size:1.05rem;line-height:1.65}.hero-badges{display:flex;gap:12px;flex-wrap:wrap;justify-content:center;margin-top:6px}.hero-badge{font-family:var(--font-mono);font-size:.72rem;letter-spacing:.05em;padding:8px 16px;border-radius:999px;border:1px solid var(--line-strong);color:var(--text-dim);background:#ffffff05}.section-pill{display:inline-flex;align-items:center;gap:10px;padding:14px 26px;border-radius:999px;font-family:var(--font-display);font-weight:600;font-size:1.05rem;color:#fff;box-shadow:0 12px 30px -12px var(--glow-color, transparent)}.pill-devops{background:linear-gradient(100deg,var(--blue-1),var(--blue-2));--glow-color: rgba(47, 155, 245, .55)}.pill-vapt{background:linear-gradient(100deg,var(--violet-1),var(--violet-2));--glow-color: rgba(214, 38, 201, .5)}.solutions{display:grid;grid-template-columns:1.68fr 1fr;gap:28px;align-items:stretch;padding:8px 0 40px}@media (max-width: 980px){.solutions{grid-template-columns:1fr}}.devops-panel{display:flex;flex-direction:column;gap:30px}.pipeline{position:relative;display:grid;grid-template-columns:repeat(4,1fr);gap:20px}@media (max-width: 720px){.pipeline{grid-template-columns:1fr}}.pipeline-track{position:absolute;top:54px;left:6%;right:6%;height:2px;background:repeating-linear-gradient(90deg,var(--blue-2) 0px,var(--blue-2) 8px,transparent 8px,transparent 18px);background-size:200% 100%;animation:flow 2.6s linear infinite;opacity:.6}@media (max-width: 720px){.pipeline-track{top:6%;bottom:6%;left:54px;right:auto;width:2px;height:auto;background:repeating-linear-gradient(180deg,var(--blue-2) 0px,var(--blue-2) 8px,transparent 8px,transparent 18px);background-size:100% 200%;animation:flow-vertical 2.6s linear infinite}}@keyframes flow{to{background-position:-200% 0}}@keyframes flow-vertical{to{background-position:0 -200%}}.card{position:relative;background:linear-gradient(180deg,var(--bg-card),var(--bg-panel));border:1px solid var(--line);border-radius:var(--radius-md);padding:26px 20px 24px;display:flex;flex-direction:column;align-items:center;text-align:center;gap:14px;transition:transform .35s ease,border-color .35s ease,box-shadow .35s ease}.card:hover{transform:translateY(-6px);border-color:var(--line-strong)}.card-devops:hover{box-shadow:0 20px 40px -22px #2f9bf573}.icon-tile{width:84px;height:84px;border-radius:20px;display:flex;align-items:center;justify-content:center;background:linear-gradient(160deg,#2f9bf529,#22d6c414);border:1px solid rgba(47,155,245,.24)}.card h3{font-size:1.02rem;font-weight:600}.card .desc{color:var(--text-dim);font-size:.88rem;line-height:1.55}.card-index{position:absolute;top:14px;right:16px;font-family:var(--font-mono);font-size:.68rem;color:var(--text-faint);letter-spacing:.06em}.vapt-panel{position:relative;border-radius:var(--radius-lg);background:radial-gradient(420px 320px at 30% 15%,rgba(124,77,255,.35),transparent 60%),linear-gradient(165deg,#1b1140,#2a0f3c 55%,#170a2b);border:1px solid rgba(214,38,201,.28);padding:34px 30px 36px;display:flex;flex-direction:column;align-items:center;text-align:center;gap:20px;overflow:hidden;clip-path:polygon(0 0,88% 0,100% 50%,88% 100%,0 100%)}@media (max-width: 980px){.vapt-panel{clip-path:none}}.vapt-panel:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(var(--line) 1px,transparent 1px),linear-gradient(90deg,var(--line) 1px,transparent 1px);background-size:36px 36px;opacity:.25;pointer-events:none}.shield-wrap{position:relative;width:150px;height:150px;display:flex;align-items:center;justify-content:center;z-index:1}.shield-glow{position:absolute;top:-18px;right:-18px;bottom:-18px;left:-18px;border-radius:50%;background:radial-gradient(circle,rgba(124,77,255,.45),transparent 70%);animation:pulse-glow 2.8s ease-in-out infinite}@keyframes pulse-glow{0%,to{opacity:.5;transform:scale(.94)}50%{opacity:1;transform:scale(1.06)}}.vapt-panel h3{font-size:1.35rem;font-weight:700;z-index:1;max-width:15ch;line-height:1.28}.vapt-panel .desc{color:#e9e4ffb8;font-size:.92rem;line-height:1.6;max-width:30ch;z-index:1}.vapt-tag{z-index:1;font-family:var(--font-mono);font-size:.68rem;letter-spacing:.14em;color:#d6b8ff;border:1px solid rgba(214,38,201,.4);padding:6px 14px;border-radius:999px;background:#7c4dff1f}.footer{border-top:1px solid var(--line);padding:34px 0 56px;text-align:center;display:flex;flex-direction:column;gap:6px}.footer strong{font-family:var(--font-display);font-size:1.05rem;letter-spacing:.02em}.footer span{color:var(--text-faint);font-size:.85rem}.icon-gear{transform-origin:60% 55%;animation:spin 6s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.icon-belt-dot{animation:belt-move 1.6s linear infinite}@keyframes belt-move{0%{transform:translate(0);opacity:0}15%{opacity:1}85%{opacity:1}to{transform:translate(34px);opacity:0}}.icon-container{animation:bob 3.2s ease-in-out infinite}@keyframes bob{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}.icon-node{animation:node-pulse 2.4s ease-in-out infinite;transform-origin:center}@keyframes node-pulse{0%,to{opacity:.55;transform:scale(.9)}50%{opacity:1;transform:scale(1.15)}}.icon-bar{transform-box:fill-box;transform-origin:bottom;animation:bar-grow 2.6s ease-in-out infinite}@keyframes bar-grow{0%,to{transform:scaleY(.85)}50%{transform:scaleY(1)}}.icon-arrow{animation:arrow-drop 2.6s ease-in-out infinite}@keyframes arrow-drop{0%,to{transform:translate(0);opacity:1}50%{transform:translate(3px,4px);opacity:.7}}.icon-scan-beam{animation:scan 2.4s ease-in-out infinite}@keyframes scan{0%,to{transform:translateY(-26px);opacity:0}15%{opacity:1}50%{transform:translateY(26px);opacity:1}85%{opacity:0}to{transform:translateY(26px);opacity:0}}.icon-lock-body{animation:lock-glow 2.8s ease-in-out infinite}@keyframes lock-glow{0%,to{filter:drop-shadow(0 0 0px rgba(214,38,201,0))}50%{filter:drop-shadow(0 0 6px rgba(214,38,201,.7))}}@media (prefers-reduced-motion: reduce){*{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}}