:root{--navy-900: #0a1628;--navy-800: #0f1f38;--navy-700: #16294a;--navy-600: #1e3559;--teal-400: #2dd4bf;--teal-500: #14b8a6;--blue-400: #3b82f6;--blue-500: #2563eb;--ink: #0a1628;--slate-100: #f1f5f9;--slate-200: #e2e8f0;--slate-300: #cbd5e1;--slate-400: #94a3b8;--slate-500: #64748b;--slate-600: #475569;--white: #ffffff;--grad-brand: linear-gradient(135deg, #2dd4bf 0%, #3b82f6 100%);--grad-hero: radial-gradient(1200px 600px at 70% -10%, rgba(45, 212, 191, .18), transparent 60%), radial-gradient(1000px 500px at 10% 10%, rgba(59, 130, 246, .16), transparent 55%);--radius: 16px;--radius-sm: 10px;--radius-lg: 24px;--shadow-sm: 0 2px 8px rgba(10, 22, 40, .06);--shadow-md: 0 12px 30px rgba(10, 22, 40, .1);--shadow-lg: 0 24px 60px rgba(10, 22, 40, .16);--container: 1200px;--font: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--font-mono: ui-monospace, "SF Mono", SFMono-Regular, Menlo, Consolas, "Liberation Mono", monospace}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;scroll-padding-top:90px}body{font-family:var(--font);color:var(--ink);background:var(--white);line-height:1.6;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}img{max-width:100%;display:block}a{color:inherit;text-decoration:none}.container{width:100%;max-width:var(--container);margin:0 auto;padding:0 24px}section{padding:96px 0}.eyebrow{display:inline-flex;align-items:center;gap:10px;font-family:var(--font-mono);font-size:.78rem;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--teal-500);margin-bottom:16px}.eyebrow .num{color:var(--slate-400);font-weight:500}.eyebrow .num:after{content:"—";margin-left:10px;color:var(--slate-300)}.process .eyebrow .num,.cta .eyebrow .num{color:#ffffff80}.process .eyebrow .num:after,.cta .eyebrow .num:after{color:#ffffff4d}.section-head{max-width:640px;margin:0 auto 56px;text-align:center}.section-head h2{font-size:clamp(1.9rem,3.5vw,2.75rem);line-height:1.15;letter-spacing:-.02em;color:var(--navy-900)}.section-head p{margin-top:16px;color:var(--slate-500);font-size:1.08rem}.gradient-text{background:var(--grad-brand);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.btn{display:inline-flex;align-items:center;gap:8px;font-weight:600;font-size:.98rem;padding:13px 26px;border-radius:999px;border:1px solid transparent;cursor:pointer;transition:transform .18s ease,box-shadow .18s ease,background .18s ease;white-space:nowrap}.btn-primary{background:var(--grad-brand);color:var(--white);box-shadow:0 10px 24px #2dd4bf47}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 16px 34px #2dd4bf61}.btn-ghost{background:transparent;border-color:var(--slate-300);color:var(--navy-900)}.btn-ghost:hover{border-color:var(--teal-500);color:var(--teal-500)}.btn-light{background:#ffffff1a;border-color:#ffffff40;color:var(--white);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.btn-light:hover{background:#ffffff2e;transform:translateY(-2px)}.navbar{position:fixed;top:0;left:0;right:0;z-index:100;transition:background .3s ease,box-shadow .3s ease,border-color .3s ease;border-bottom:1px solid transparent}.navbar.scrolled{background:#ffffffd9;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:var(--shadow-sm);border-bottom-color:var(--slate-200)}.nav-inner{display:flex;align-items:center;justify-content:space-between;height:74px}.brand{display:flex;align-items:center;gap:11px;font-weight:800;font-size:1.12rem;letter-spacing:-.02em;color:var(--navy-900)}.brand .logo-mark{width:38px;height:38px;border-radius:11px;display:grid;place-items:center;background:var(--navy-900);flex-shrink:0}.navbar:not(.scrolled) .brand,.navbar:not(.scrolled) .nav-links a{color:var(--white)}.nav-links{display:flex;align-items:center;gap:34px}.nav-links a{font-size:.95rem;font-weight:500;color:var(--slate-600);transition:color .18s ease}.nav-links a:hover{color:var(--teal-500)}.nav-cta{display:flex;align-items:center;gap:14px}.nav-toggle{display:none;background:none;border:none;cursor:pointer;padding:8px}.nav-toggle span{display:block;width:24px;height:2px;background:currentColor;border-radius:2px;margin:5px 0;transition:.3s}.navbar:not(.scrolled) .nav-toggle{color:var(--white)}.navbar.scrolled .nav-toggle{color:var(--navy-900)}.hero{position:relative;background:var(--navy-900);background-image:var(--grad-hero);color:var(--white);padding:170px 0 110px;overflow:hidden}.hero:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(rgba(45,212,191,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(45,212,191,.06) 1px,transparent 1px);background-size:46px 46px;mask-image:radial-gradient(900px 520px at 50% 0%,#000,transparent 75%);-webkit-mask-image:radial-gradient(900px 520px at 50% 0%,#000,transparent 75%);animation:grid-drift 22s linear infinite;pointer-events:none}.hero-inner{position:relative;z-index:2;display:grid;grid-template-columns:1.05fr .95fr;gap:60px;align-items:center}.hero-copy{max-width:620px}.hero .pill{display:inline-flex;align-items:center;gap:8px;font-size:.85rem;font-weight:500;padding:7px 16px;border-radius:999px;background:#ffffff14;border:1px solid rgba(255,255,255,.16);margin-bottom:26px}.hero .pill .dot{width:8px;height:8px;border-radius:50%;background:var(--teal-400);box-shadow:0 0 0 4px #2dd4bf33}.hero h1{font-size:clamp(2rem,3.8vw,3.4rem);line-height:1.08;letter-spacing:-.03em;font-weight:800}.hero p.lead{margin-top:24px;font-size:clamp(1.05rem,1.6vw,1.25rem);color:var(--slate-300);max-width:620px}.hero-actions{margin-top:38px;display:flex;gap:16px;flex-wrap:wrap}.hero-trust{margin-top:54px;display:flex;align-items:center;gap:26px;flex-wrap:wrap;color:var(--slate-400);font-size:.85rem}.hero-trust strong{color:var(--white)}.stats{padding:0;margin-top:-56px;position:relative;z-index:5}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;background:var(--white);border:1px solid var(--slate-200);border-radius:var(--radius-lg);padding:40px 32px;box-shadow:var(--shadow-lg)}.stat{text-align:center}.stat .value{font-size:clamp(1.8rem,3vw,2.6rem);font-weight:800;letter-spacing:-.02em;color:var(--navy-900)}.stat .label{margin-top:6px;color:var(--slate-500);font-size:.92rem}.services{background:var(--slate-100)}.tabs{display:flex;justify-content:center;gap:10px;flex-wrap:wrap;margin-bottom:44px}.tab{display:inline-flex;align-items:center;gap:9px;padding:11px 20px;border-radius:999px;border:1px solid var(--slate-200);background:var(--white);color:var(--slate-600);font-weight:600;font-size:.95rem;cursor:pointer;transition:all .2s ease}.tab:hover{border-color:var(--teal-400);color:var(--navy-900)}.tab.active{background:var(--navy-900);border-color:var(--navy-900);color:var(--white)}.tab.active .tab-icon{color:var(--teal-400)}.tab-icon{color:var(--teal-500);display:grid;place-items:center}.tab-tagline{text-align:center;color:var(--slate-500);margin:-24px auto 40px;max-width:560px;font-size:1.02rem}.services-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.svc-icon{width:50px;height:50px;border-radius:14px;display:grid;place-items:center;background:linear-gradient(135deg,#2dd4bf24,#3b82f624);color:var(--teal-500);margin-bottom:20px}.service-card{background:var(--white);border:1px solid var(--slate-200);border-radius:var(--radius);padding:30px 28px;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease;position:relative;overflow:hidden}.service-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--grad-brand);transform:scaleX(0);transform-origin:left;transition:transform .25s ease}.service-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-md);border-color:transparent}.service-card:hover:before{transform:scaleX(1)}.service-card .num{font-size:.78rem;font-weight:700;color:var(--teal-500);letter-spacing:.08em}.service-card h3{margin:14px 0 10px;font-size:1.22rem;color:var(--navy-900);letter-spacing:-.01em}.service-card p{font-size:.92rem;color:var(--slate-500)}.service-card.featured{border-color:transparent;background:linear-gradient(var(--white),var(--white)) padding-box,var(--grad-brand) border-box;border:1.5px solid transparent}.service-card.featured:before{transform:scaleX(1)}.card-link{display:inline-flex;align-items:center;gap:6px;margin-top:14px;font-family:var(--font-mono);font-size:.78rem;font-weight:600;letter-spacing:.02em;color:var(--teal-500);transition:gap .18s ease,color .18s ease}.card-link:hover{color:var(--blue-500);gap:10px}.why-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}.why-card{padding:32px 26px;border-radius:var(--radius);background:var(--white);border:1px solid var(--slate-200);transition:transform .2s ease,box-shadow .2s ease}.why-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-md)}.why-icon{width:52px;height:52px;border-radius:14px;display:grid;place-items:center;background:linear-gradient(135deg,#2dd4bf24,#3b82f624);color:var(--teal-500);margin-bottom:20px}.why-card h3{font-size:1.14rem;color:var(--navy-900);margin-bottom:10px}.why-card p{color:var(--slate-500);font-size:.95rem}.process{background:var(--navy-900);background-image:var(--grad-hero);color:var(--white)}.process .section-head h2{color:var(--white)}.process .section-head p{color:var(--slate-300)}.process-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}.process-card{padding:30px 26px;border-radius:var(--radius);background:#ffffff0a;border:1px solid rgba(255,255,255,.1);position:relative}.process-card .step{font-size:2.4rem;font-weight:800;letter-spacing:-.03em;color:transparent;-webkit-text-stroke:1.5px rgba(45,212,191,.6)}.process-card h3{margin:12px 0 8px;font-size:1.2rem}.process-card p{color:var(--slate-400);font-size:.95rem}.about-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:64px;align-items:center}.about-copy .eyebrow{margin-bottom:14px}.about-copy h2{font-size:clamp(1.9rem,3.4vw,2.6rem);letter-spacing:-.02em;color:var(--navy-900);line-height:1.16}.about-copy p{margin-top:18px;color:var(--slate-500);font-size:1.05rem}.about-list{margin-top:26px;display:grid;gap:14px}.about-list li{list-style:none;display:flex;gap:12px;align-items:flex-start;color:var(--slate-600);font-size:.98rem}.about-list .tick{flex-shrink:0;width:22px;height:22px;border-radius:50%;background:var(--grad-brand);color:var(--white);display:grid;place-items:center;margin-top:2px}.about-visual{position:relative;border-radius:var(--radius-lg);padding:40px;background:var(--navy-900);background-image:var(--grad-hero);color:var(--white);box-shadow:var(--shadow-lg);overflow:hidden}.about-visual .metric{border-radius:var(--radius);background:#ffffff0d;border:1px solid rgba(255,255,255,.1);padding:20px;margin-bottom:16px}.about-visual .metric:last-child{margin-bottom:0}.about-visual .metric .top{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;font-size:.9rem;color:var(--slate-300)}.about-visual .metric .top strong{color:var(--white);font-size:1.4rem}.about-visual .bar{height:8px;border-radius:999px;background:#ffffff1f;overflow:hidden}.about-visual .bar>span{display:block;height:100%;border-radius:999px;background:var(--grad-brand)}.cta{padding-bottom:120px}.cta-inner{position:relative;border-radius:var(--radius-lg);background:var(--navy-900);background-image:var(--grad-hero);color:var(--white);padding:72px 56px;text-align:center;overflow:hidden;box-shadow:var(--shadow-lg)}.cta-inner h2{font-size:clamp(1.9rem,3.6vw,2.8rem);letter-spacing:-.02em;line-height:1.12;max-width:700px;margin:0 auto}.cta-inner p{margin:18px auto 34px;color:var(--slate-300);max-width:520px;font-size:1.08rem}.cta-actions{display:flex;gap:16px;justify-content:center;flex-wrap:wrap}.footer{background:var(--navy-900);color:var(--slate-400);padding:72px 0 32px;border-top:1px solid rgba(255,255,255,.06)}.footer-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:40px;padding-bottom:48px;border-bottom:1px solid rgba(255,255,255,.08)}.footer .brand{color:var(--white);margin-bottom:16px}.footer-about p{max-width:300px;font-size:.94rem;line-height:1.7}.footer-col h4{color:var(--white);font-size:.95rem;margin-bottom:18px;letter-spacing:.02em}.footer-col a,.footer-col span{display:block;font-size:.92rem;margin-bottom:11px;transition:color .18s ease}.footer-col a:hover{color:var(--teal-400)}.footer-bottom{display:flex;justify-content:space-between;align-items:center;padding-top:26px;font-size:.86rem;flex-wrap:wrap;gap:12px}.socials{display:flex;gap:12px}.socials a{width:38px;height:38px;border-radius:10px;display:grid;place-items:center;background:#ffffff0f;color:var(--slate-300);transition:all .2s ease}.socials a:hover{background:var(--grad-brand);color:var(--white);transform:translateY(-2px)}.hero-fx{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;overflow:hidden;pointer-events:none}.hero-fx .flow-h{position:absolute;height:1px;background:linear-gradient(90deg,transparent,var(--teal-400),transparent);opacity:0;animation:flow-h var(--dur) linear infinite;animation-delay:var(--del)}.hero-fx .flow-v{position:absolute;width:1px;background:linear-gradient(180deg,transparent,var(--blue-400),transparent);opacity:0;animation:flow-v var(--dur) linear infinite;animation-delay:var(--del)}.hero-fx .particle{position:absolute;width:3px;height:3px;border-radius:50%;opacity:0;animation:particle-drift var(--dur) linear infinite;animation-delay:var(--del)}.hero-fx .shape{position:absolute;opacity:.1;animation:float-shape var(--dur) ease-in-out infinite;animation-delay:var(--del)}@keyframes grid-drift{0%{background-position:0 0,0 0}to{background-position:0 46px,46px 0}}@keyframes flow-h{0%{transform:translate(-30vw);opacity:0}12%{opacity:.45}88%{opacity:.45}to{transform:translate(105vw);opacity:0}}@keyframes flow-v{0%{transform:translateY(-40vh);opacity:0}12%{opacity:.35}88%{opacity:.35}to{transform:translateY(115vh);opacity:0}}@keyframes particle-drift{0%{transform:translate(0);opacity:0}10%{opacity:.7}90%{opacity:.7}to{transform:translate(var(--dx),var(--dy));opacity:0}}@keyframes float-shape{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-28px) rotate(180deg)}}@media (prefers-reduced-motion: reduce){.hero:after,.hero-fx .flow-h,.hero-fx .flow-v,.hero-fx .particle,.hero-fx .shape{animation:none}}.hero .code-chip{display:inline-flex;align-items:center;gap:10px;font-family:var(--font-mono);font-size:.82rem;color:var(--slate-300);background:#ffffff0d;border:1px solid rgba(255,255,255,.12);border-radius:8px;padding:9px 14px;margin-top:30px}.hero .code-chip .key{color:var(--teal-400)}.hero .code-chip .val{color:#fff}.hero .code-chip .punc{color:var(--slate-500)}.hero-scroll{position:absolute;left:50%;bottom:28px;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:10px;font-family:var(--font-mono);font-size:.68rem;letter-spacing:.28em;color:var(--slate-400);z-index:2}.hero-scroll .rail{width:1px;height:42px;background:linear-gradient(var(--teal-400),transparent);position:relative;overflow:hidden}.hero-scroll .rail:after{content:"";position:absolute;top:0;left:0;width:100%;height:12px;background:var(--teal-400);animation:scroll-cue 1.8s ease-in-out infinite}@keyframes scroll-cue{0%{transform:translateY(-14px);opacity:0}40%{opacity:1}to{transform:translateY(42px);opacity:0}}.ticker{background:var(--navy-900);border-top:1px solid rgba(255,255,255,.08);border-bottom:1px solid rgba(255,255,255,.08);padding:20px 0;margin-top:72px;overflow:hidden}.ticker-mask{display:flex;width:max-content;animation:ticker-scroll 34s linear infinite}.ticker:hover .ticker-mask{animation-play-state:paused}.ticker-item{display:inline-flex;align-items:center;gap:26px;padding-right:26px;font-family:var(--font-mono);font-size:.9rem;font-weight:500;letter-spacing:.14em;text-transform:uppercase;color:var(--slate-300);white-space:nowrap}.ticker-item .diamond{color:var(--teal-400);font-size:.7rem}@keyframes ticker-scroll{0%{transform:translate(0)}to{transform:translate(-50%)}}@media (prefers-reduced-motion: reduce){.ticker-mask{animation:none}.hero-scroll .rail:after{animation:none}}.service-card .code{font-family:var(--font-mono);font-size:.72rem;font-weight:600;letter-spacing:.08em;color:var(--teal-500);display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}.service-card .code .sys{color:var(--slate-400);font-weight:500}.stat .label,.about-visual .metric .top span{font-family:var(--font-mono);letter-spacing:.04em}.stat .value{font-variant-numeric:tabular-nums}.metric-tiles{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:34px;max-width:560px}.metric-tile{border:1px solid rgba(255,255,255,.12);background:#ffffff0a;border-radius:12px;padding:16px}.metric-tile .k{font-family:var(--font-mono);font-size:.68rem;letter-spacing:.14em;text-transform:uppercase;color:var(--slate-400);display:flex;align-items:center;gap:7px}.metric-tile .v{margin-top:8px;font-size:1.5rem;font-weight:800;letter-spacing:-.02em;color:#fff;font-variant-numeric:tabular-nums}.live-dot{width:7px;height:7px;border-radius:50%;background:#34d399;box-shadow:0 0 #34d39999;animation:live-pulse 2s ease-out infinite;flex-shrink:0}@keyframes live-pulse{0%{box-shadow:0 0 #34d3998c}70%{box-shadow:0 0 0 7px #34d39900}to{box-shadow:0 0 #34d39900}}.hero-visual{position:relative}.console{border:1px solid rgba(255,255,255,.12);background:#ffffff0d;border-radius:20px;padding:22px;box-shadow:0 30px 70px #00000059}.console-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.console-title{display:inline-flex;align-items:center;gap:9px;font-family:var(--font-mono);font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;color:var(--slate-300)}.console-meta{font-family:var(--font-mono);font-size:.7rem;letter-spacing:.08em;color:var(--slate-500)}.console-chart{border:1px solid rgba(255,255,255,.07);background:#0a162866;border-radius:12px;overflow:hidden;margin-bottom:14px}.console-chart svg{display:block}.console-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.console .metric-tile{padding:13px;margin-top:0}.console .metric-tile .v{font-size:1.3rem}.console .code-chip{margin-top:14px;width:100%;justify-content:flex-start;flex-wrap:wrap}.status-pill{display:inline-flex;align-items:center;gap:9px;font-family:var(--font-mono);font-size:.76rem;letter-spacing:.06em;color:var(--slate-300);border:1px solid rgba(255,255,255,.12);border-radius:999px;padding:7px 14px}@media (max-width: 640px){.metric-tiles{grid-template-columns:1fr;max-width:340px}}@keyframes fadeUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}}@supports (animation-timeline: view()){@media (prefers-reduced-motion: no-preference){.section-head,.service-card,.why-card,.process-card,.stat,.about-copy,.about-visual,.cta-inner{animation:fadeUp both;animation-timeline:view();animation-range:entry 0% cover 18%}}}@media (max-width: 1024px){.services-grid,.why-grid,.process-grid,.stats-grid{grid-template-columns:repeat(2,1fr)}.footer-grid{grid-template-columns:1fr 1fr}}@media (max-width: 980px){.hero-inner{grid-template-columns:1fr;gap:44px}.hero-copy{max-width:none}.hero-visual{max-width:520px}}@media (max-width: 768px){section{padding:72px 0}.nav-links,.nav-cta .btn{display:none}.nav-toggle{display:block}.nav-links.open{display:flex;flex-direction:column;position:absolute;top:74px;left:0;right:0;background:var(--white);padding:20px 24px;gap:18px;box-shadow:var(--shadow-md);border-bottom:1px solid var(--slate-200)}.navbar:not(.scrolled) .nav-links.open a{color:var(--navy-900)}.about-grid{grid-template-columns:1fr;gap:40px}.cta-inner{padding:52px 28px}}@media (max-width: 560px){.services-grid,.why-grid,.process-grid,.stats-grid,.footer-grid{grid-template-columns:1fr}.hero-actions .btn,.cta-actions .btn{width:100%;justify-content:center}}
