:root{--navy-950: #00133d;--navy-900: #001d55;--navy-800: #062b73;--blue-700: #075fea;--blue-600: #0a67ea;--cyan-500: #19a7ff;--green-500: #18b87a;--ink: #0d1b3f;--muted: #5f6f8f;--line: #e2e9f7;--soft: #f5f9ff;--white: #ffffff;--shadow: 0 24px 70px rgba(0, 36, 94, .12);--shadow-soft: 0 14px 35px rgba(0, 36, 94, .08);--radius-lg: 28px;--radius-md: 20px;--radius-sm: 14px;--max: 1180px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:radial-gradient(circle at top right,rgba(25,167,255,.13),transparent 32rem),radial-gradient(circle at top left,rgba(7,95,234,.09),transparent 26rem),#fff}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;background-image:linear-gradient(rgba(0,29,85,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(0,29,85,.035) 1px,transparent 1px);background-size:56px 56px;-webkit-mask-image:linear-gradient(to bottom,black,transparent 65%);mask-image:linear-gradient(to bottom,black,transparent 65%)}a{color:inherit;text-decoration:none}.site-shell{width:min(100% - 40px,var(--max));margin:0 auto}.site-header{position:sticky;top:0;z-index:50;display:flex;align-items:center;justify-content:space-between;gap:28px;padding:18px 0;background:#ffffffdb;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-bottom:1px solid rgba(226,233,247,.86)}.brand img{display:block;width:172px;height:auto}.nav{display:flex;align-items:center;gap:34px;color:var(--navy-900);font-size:.95rem;font-weight:700}.nav a,.footer-links a{transition:color .2s ease,transform .2s ease}.nav a:hover,.footer-links a:hover{color:var(--blue-600)}.header-actions{display:flex;align-items:center;gap:14px}.language-toggle{border:1px solid var(--line);border-radius:999px;background:var(--white);padding:10px 12px;color:var(--muted);font-weight:800;cursor:pointer;box-shadow:var(--shadow-soft)}.language-toggle [data-active=true]{color:var(--blue-600)}.divider{color:#a5b2c9;margin:0 3px}.button{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:52px;padding:0 24px;border-radius:12px;border:1px solid transparent;font-weight:800;letter-spacing:-.01em;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.button:after{content:"→";font-size:1.1em}.button:hover{transform:translateY(-2px)}.button-primary{background:linear-gradient(135deg,var(--blue-700),var(--cyan-500));color:var(--white);box-shadow:0 18px 32px #075fea3d}.button-secondary{color:var(--blue-600);background:#ffffffd1;border-color:#075fea59}.button-light{background:var(--white);color:var(--blue-600);box-shadow:0 14px 40px #00133d38}.button-small{min-height:44px;padding:0 18px}.hero{padding:72px 0 48px}.section-grid{display:grid;grid-template-columns:minmax(0,.95fr) minmax(420px,1.05fr);gap:56px;align-items:center}.eyebrow{margin:0 0 16px;color:var(--blue-700);font-size:.96rem;font-weight:850}h1,h2,h3,p{margin-top:0}h1{margin-bottom:22px;color:var(--navy-950);font-size:clamp(2.65rem,5.2vw,5.15rem);line-height:.98;letter-spacing:-.065em}h1 span{display:inline;color:var(--blue-600)}.hero-text{max-width:600px;color:var(--muted);font-size:1.15rem;line-height:1.65}.hero-actions{display:flex;flex-wrap:wrap;gap:16px;margin-top:32px}.hero-visual{position:relative}.hero-visual:before{content:"";position:absolute;top:-35px;right:-35px;bottom:-35px;left:-35px;z-index:-1;background:radial-gradient(circle,rgba(25,167,255,.18),transparent 62%);filter:blur(2px)}.dashboard-frame{position:relative;overflow:hidden;padding:32px;border:1px solid rgba(158,190,241,.52);border-radius:var(--radius-lg);background:#ffffffd1;box-shadow:var(--shadow)}.dashboard-frame:before,.dashboard-frame:after{content:"";position:absolute;pointer-events:none}.dashboard-frame:before{top:14px;right:14px;bottom:14px;left:14px;border:1px dashed rgba(7,95,234,.16);border-radius:24px}.dashboard-frame:after{right:-70px;top:20px;width:180px;height:180px;background:linear-gradient(135deg,rgba(7,95,234,.16),transparent);border-radius:50%}.pipeline-card,.metric-card,.tool-strip{position:relative;z-index:1;border:1px solid var(--line);background:#ffffffeb;box-shadow:var(--shadow-soft)}.pipeline-card{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:18px;border-radius:18px}.pipeline-step{display:grid;place-items:center;gap:8px;min-width:48px;color:var(--muted);font-size:.8rem;font-weight:800}.pipeline-step span{display:grid;place-items:center;width:38px;height:38px;border:1px solid var(--line);border-radius:999px;background:#fff;color:var(--navy-900)}.pipeline-step.success span{color:var(--green-500)}.pipeline-step.active span{color:var(--blue-700);border-color:#075fea80;box-shadow:0 0 0 7px #075fea14}.pipeline-line{flex:1;height:3px;border-radius:99px;background:#d7e3f8}.pipeline-line.active{background:var(--blue-600)}.metric-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:18px}.metric-card{min-height:150px;padding:18px;border-radius:18px}.metric-card small{display:block;color:var(--navy-900);font-weight:850}.metric-card strong{display:inline-block;margin-top:16px;color:var(--navy-950);font-size:2.1rem;letter-spacing:-.06em}.metric-card svg{width:100%;height:48px;margin-top:10px}.metric-card path{fill:none;stroke:var(--blue-600);stroke-width:5;stroke-linecap:round;stroke-linejoin:round}.ok,.healthy{color:var(--green-500);font-size:.86rem;font-weight:900}.infra-card p{margin:10px 0 0;color:var(--muted)}.tool-strip{display:flex;flex-wrap:wrap;gap:14px;margin-top:18px;padding:16px 18px;border-radius:18px;color:var(--navy-800);font-size:.88rem;font-weight:850}.tool-strip span{padding:8px 10px;border-radius:999px;background:var(--soft)}.trust-strip{display:flex;flex-wrap:wrap;justify-content:center;gap:18px;padding:10px 0 54px}.trust-strip span{min-width:180px;padding:15px 22px;text-align:center;color:var(--navy-900);border:1px solid var(--line);border-radius:13px;background:#ffffffc7;box-shadow:var(--shadow-soft);font-weight:850}.section{padding:54px 0}.section-heading{max-width:760px;margin:0 auto 34px;text-align:center}.section-heading h2{color:var(--navy-950);font-size:clamp(2rem,3.3vw,3.2rem);line-height:1.05;letter-spacing:-.055em}.card-grid{display:grid;gap:24px}.card-grid.four{grid-template-columns:repeat(4,1fr)}.card-grid.three{grid-template-columns:repeat(3,1fr)}.service-card,.result-card,.step{border:1px solid var(--line);border-radius:var(--radius-md);background:#ffffffd9;box-shadow:var(--shadow-soft)}.service-card{display:flex;flex-direction:column;min-height:260px;padding:26px;transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease}.service-card:hover{transform:translateY(-6px);border-color:#075fea61;box-shadow:var(--shadow)}.icon{display:grid;place-items:center;width:54px;height:54px;margin-bottom:24px;color:var(--blue-600);border-radius:16px;background:linear-gradient(145deg,#075fea1f,#19a7ff14);font-size:1.8rem;font-weight:900}.service-card h3,.result-card h3,.step h3{color:var(--navy-950);font-size:1.24rem;letter-spacing:-.035em}.service-card p,.result-card p,.step p{color:var(--muted);line-height:1.58}.service-card a{margin-top:auto;align-self:flex-end;color:var(--blue-600);font-size:1.7rem;font-weight:900}.method{position:relative}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.step{position:relative;padding:28px}.step span{display:grid;place-items:center;width:44px;height:44px;margin-bottom:20px;color:#fff;border-radius:999px;background:linear-gradient(135deg,var(--blue-700),var(--cyan-500));box-shadow:0 15px 28px #075fea33;font-weight:900}.result-card{display:grid;grid-template-columns:auto 1fr;grid-template-areas:"icon title" "icon text";column-gap:20px;padding:26px}.result-card .icon{grid-area:icon;margin:0}.result-card h3{grid-area:title;margin-bottom:8px}.result-card p{grid-area:text;margin:0}.soft{background:#075fea1a}.bottom-cta{display:grid;grid-template-columns:120px 1fr auto;gap:28px;align-items:center;margin:64px 0 38px;padding:34px;color:#fff;border-radius:var(--radius-lg);background:linear-gradient(120deg,#00133dfa,#075feaf5),radial-gradient(circle at right,rgba(25,167,255,.7),transparent 42%);box-shadow:var(--shadow);overflow:hidden}.bottom-cta img{width:110px;height:auto;filter:drop-shadow(0 16px 28px rgba(0,0,0,.25))}.bottom-cta h2{margin-bottom:8px;font-size:clamp(1.7rem,3vw,2.7rem);line-height:1.05;letter-spacing:-.05em}.bottom-cta p{margin:0;color:#ffffffd1;font-weight:600}.site-footer{display:flex;justify-content:space-between;align-items:center;gap:24px;padding:28px 0 40px;border-top:1px solid var(--line)}.footer-brand{display:flex;align-items:center;gap:12px;color:var(--navy-900);font-weight:900}.footer-brand img{width:42px;height:auto}.footer-links{display:flex;gap:28px;color:var(--navy-900);font-weight:750}.reveal{opacity:0;transform:translateY(16px);transition:opacity .6s ease,transform .6s ease}.reveal.is-visible{opacity:1;transform:translateY(0)}@media (max-width: 1024px){.section-grid,.bottom-cta{grid-template-columns:1fr}.hero{padding-top:48px}.card-grid.four,.card-grid.three,.steps{grid-template-columns:repeat(2,1fr)}.nav{display:none}.bottom-cta{text-align:center;justify-items:center}}@media (max-width: 720px){.site-shell{width:min(100% - 24px,var(--max))}.site-header{align-items:flex-start;flex-direction:column;gap:16px}.header-actions{width:100%;justify-content:space-between}.brand img{width:150px}h1{font-size:3rem}.metric-grid,.card-grid.four,.card-grid.three,.steps{grid-template-columns:1fr}.pipeline-card{overflow-x:auto}.dashboard-frame{padding:20px}.hero-actions,.button{width:100%}.site-footer,.footer-links{flex-direction:column;align-items:flex-start}.bottom-cta{padding:28px 20px}}.reveal{opacity:1!important;transform:none!important}.brand img{width:196px;max-width:100%}.bottom-cta img{width:140px;max-width:100%}@media (max-width: 720px){.site-header{align-items:center}.brand{width:100%;display:flex;justify-content:center}.brand img{width:min(230px,92vw)}.header-actions{align-items:center;justify-content:center;flex-wrap:wrap}.button-small{width:auto;min-width:190px}.bottom-cta img{width:min(190px,80vw)}}
