:root{--blue: #0079FE;--navy: #071D44;--light-blue: #E6F2FF;--white: #FFFFFF;--ink: #0A0F1F;--muted: #5B6475;--hairline: rgba(7, 29, 68, .1);--hairline-strong: rgba(7, 29, 68, .18);--hairline-dark: rgba(255, 255, 255, .1)}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:Inter,system-ui,sans-serif;color:var(--ink);background:var(--white);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}.barlow{font-family:Barlow,sans-serif;text-transform:uppercase;letter-spacing:-.01em}.mono{font-family:JetBrains Mono,ui-monospace,monospace}.header{position:fixed;top:0;left:0;right:0;z-index:50;padding:18px 40px;display:flex;align-items:center;justify-content:space-between;transition:background .22s ease,border-color .22s ease,backdrop-filter .22s ease,color .22s ease;border-bottom:1px solid transparent;color:var(--white)}.header.scrolled{background:#ffffffd1;backdrop-filter:saturate(180%) blur(14px);-webkit-backdrop-filter:saturate(180%) blur(14px);border-bottom-color:var(--hairline);color:var(--ink)}.logo{display:flex;align-items:center;gap:10px;text-decoration:none;height:28px}.logo-img{height:22px;width:auto;transition:filter .22s ease}.header:not(.scrolled) .logo-img{filter:brightness(0) invert(1)}.nav{display:flex;align-items:center;gap:6px;font-size:14px;font-weight:500}.nav a{color:inherit;text-decoration:none;padding:8px 14px;border-radius:8px;opacity:.82;transition:opacity .15s ease,background .15s ease}.nav a:hover{opacity:1;background:#ffffff14}.header.scrolled .nav a:hover{background:#071d440d}.nav .sep{opacity:.3;user-select:none}.header.scrolled .nav .sep{opacity:.25}.nav-cta{margin-left:8px;font-size:13px;padding:9px 14px!important;border-radius:999px!important;background:var(--blue);color:#fff!important;opacity:1!important;font-weight:600;transition:transform .15s ease,box-shadow .15s ease}.nav-cta:hover{background:var(--blue)!important;transform:translateY(-1px);box-shadow:0 8px 20px -8px #0079fe99}.hero{position:relative;background:var(--navy);color:var(--white);padding:180px 40px 120px;overflow:hidden;min-height:92vh;display:flex;flex-direction:column;justify-content:center}.hero-grid-bg{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.04) 1px,transparent 1px);background-size:64px 64px;mask-image:radial-gradient(ellipse 80% 70% at 50% 50%,#000 40%,transparent 85%);-webkit-mask-image:radial-gradient(ellipse 80% 70% at 50% 50%,#000 40%,transparent 85%);pointer-events:none}.hero-glow{position:absolute;width:900px;height:900px;border-radius:50%;background:radial-gradient(circle,rgba(0,121,254,.35) 0%,rgba(0,121,254,.08) 35%,transparent 65%);filter:blur(20px);pointer-events:none;transition:transform .3s cubic-bezier(.2,.8,.2,1);transform:translate(-50%,-50%);left:50%;top:50%;mix-blend-mode:screen}.hero-inner{position:relative;max-width:1280px;width:100%;margin:0 auto;text-align:center}.hero-eyebrow{display:inline-flex;align-items:center;gap:10px;padding:6px 12px 6px 8px;border-radius:999px;background:#ffffff0f;border:1px solid rgba(255,255,255,.12);font-size:12.5px;font-weight:500;margin:0 auto 36px;color:#ffffffd9}.hero-eyebrow .dot{width:7px;height:7px;border-radius:50%;background:#38e1a4;box-shadow:0 0 0 3px #38e1a426}.hero-eyebrow .tag{font-family:JetBrains Mono,monospace;font-size:11px;color:#ffffff8c}.hero h1{font-family:Barlow,sans-serif;font-weight:800;text-transform:uppercase;font-size:clamp(56px,9vw,148px);line-height:.92;letter-spacing:-.025em;margin:0 0 32px}.hero h1 .accent{color:var(--blue)}.hero h1 .line{display:block;overflow:hidden}.hero h1 .line>span{display:inline-block;transform:translateY(110%);animation:rise .9s cubic-bezier(.2,.8,.2,1) forwards}.hero h1 .line:nth-child(1)>span{animation-delay:80ms}.hero h1 .line:nth-child(2)>span{animation-delay:.2s}@keyframes rise{to{transform:translateY(0)}}.hero-sub{max-width:640px;font-size:clamp(16px,1.3vw,19px);line-height:1.55;color:#ffffffb3;font-weight:400;margin:0 auto 40px;opacity:0;animation:fade .7s ease .52s forwards}@keyframes fade{to{opacity:1}}.hero-ctas{display:flex;gap:12px;flex-wrap:wrap;justify-content:center;opacity:0;animation:fade .7s ease .68s forwards}.btn{display:inline-flex;align-items:center;gap:8px;padding:13px 22px;border-radius:999px;font-weight:600;font-size:14px;text-decoration:none;cursor:pointer;border:1px solid transparent;transition:transform .15s ease,background .15s ease,border-color .15s ease,box-shadow .2s ease;font-family:Inter,sans-serif}.btn-primary{background:var(--white);color:var(--navy)}.btn-primary:hover{transform:translateY(-1px);box-shadow:0 14px 30px -14px #fff6}.btn-ghost{background:transparent;color:#ffffffe6;border-color:#fff3}.btn-ghost:hover{border-color:#fff6;background:#ffffff0a}.btn .arrow{display:inline-block;transition:transform .2s ease}.btn:hover .arrow{transform:translate(3px)}.hero-meta{position:absolute;left:40px;right:40px;bottom:36px;display:flex;justify-content:space-between;align-items:flex-end;font-family:JetBrains Mono,monospace;font-size:11px;color:#fff6;letter-spacing:.02em;opacity:0;animation:fade .7s ease .9s forwards}.hero-meta .left,.hero-meta .right{display:flex;flex-direction:column;gap:4px}.hero-meta .right{text-align:right}.hero-meta strong{color:#ffffffd9;font-weight:500}section.block{padding:140px 40px;position:relative}.container{max-width:1280px;margin:0 auto}.section-label{display:inline-flex;align-items:center;gap:10px;font-family:JetBrains Mono,monospace;font-size:12px;color:var(--blue);letter-spacing:.04em;margin-bottom:24px}.section-label:before{content:"";width:6px;height:6px;background:var(--blue);border-radius:50%}.about{background:var(--white);border-bottom:1px solid var(--hairline)}.about-grid{display:grid;grid-template-columns:1fr 1.4fr;gap:80px;align-items:start}.about h2{font-family:Barlow,sans-serif;font-weight:700;text-transform:uppercase;font-size:clamp(36px,4.4vw,64px);line-height:.98;letter-spacing:-.02em;margin:0;color:var(--navy)}.about-copy p{font-size:20px;line-height:1.55;color:#2d3748;margin:0 0 24px;max-width:62ch;text-wrap:pretty}.about-copy p:last-child{margin-bottom:0;color:var(--muted);font-size:18px}.about-stats{margin-top:56px;display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--hairline)}.about-stats .stat{padding:28px 28px 0 0;border-right:1px solid var(--hairline)}.about-stats .stat:last-child{border-right:none;padding-right:0}.about-stats .k{font-family:Barlow,sans-serif;font-weight:700;font-size:44px;color:var(--navy);line-height:1;letter-spacing:-.02em}.about-stats .v{margin-top:10px;font-size:13px;color:var(--muted)}.products{background:var(--light-blue);border-top:1px solid var(--hairline)}.products-head{display:flex;justify-content:space-between;align-items:flex-end;gap:40px;margin-bottom:56px;flex-wrap:wrap}.products h2{font-family:Barlow,sans-serif;font-weight:700;text-transform:uppercase;font-size:clamp(36px,4.4vw,64px);line-height:.98;letter-spacing:-.02em;margin:0;max-width:14ch;color:var(--navy)}.products-head p{max-width:38ch;color:var(--muted);font-size:16px;line-height:1.55;margin:0}.card-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.card{background:var(--white);border:1px solid var(--hairline);border-radius:16px;padding:28px;display:flex;flex-direction:column;min-height:380px;transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease;position:relative;overflow:hidden}.card:hover{transform:translateY(-4px);border-color:var(--blue);box-shadow:0 30px 60px -30px #0079fe47}.card-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.card-num{font-family:JetBrains Mono,monospace;font-size:12px;color:var(--muted)}.badge{font-family:JetBrains Mono,monospace;font-size:10.5px;letter-spacing:.04em;padding:5px 10px;border-radius:999px;background:var(--light-blue);color:var(--blue);border:1px solid rgba(0,121,254,.18);display:inline-flex;align-items:center;gap:6px;text-transform:uppercase}.badge:before{content:"";width:5px;height:5px;border-radius:50%;background:var(--blue);animation:pulse 1.8s ease-in-out infinite}.badge-live{background:#38e1a41f;color:#1a9e6e;border-color:#38e1a44d}.badge-live:before{background:#38e1a4;animation:none;opacity:1}.card-link{text-decoration:none;color:inherit;cursor:pointer}.card-url{display:block;margin-top:12px;font-family:JetBrains Mono,monospace;font-size:11px;color:var(--blue);letter-spacing:.02em;opacity:0;transition:opacity .2s ease}.card-link:hover .card-url{opacity:1}@keyframes pulse{0%,to{opacity:.4;transform:scale(.85)}50%{opacity:1;transform:scale(1)}}.card-viz{flex:1;margin:0 -28px 24px;padding:0 28px;min-height:140px;display:flex;align-items:center;justify-content:center;border-bottom:1px solid var(--hairline);position:relative;overflow:hidden}.viz-a{background:repeating-linear-gradient(45deg,rgba(0,121,254,.08) 0 1px,transparent 1px 10px)}.viz-b{background:radial-gradient(circle at 30% 40%,rgba(0,121,254,.16),transparent 45%),radial-gradient(circle at 70% 70%,rgba(7,29,68,.08),transparent 50%)}.viz-c{background:linear-gradient(to bottom,transparent 49%,rgba(0,121,254,.15) 49%,rgba(0,121,254,.15) 51%,transparent 51%),linear-gradient(to right,transparent 49%,rgba(0,121,254,.15) 49%,rgba(0,121,254,.15) 51%,transparent 51%);background-size:40px 40px}.viz-glyph{font-family:Barlow,sans-serif;font-weight:900;font-size:72px;color:#0079fe2e;letter-spacing:-.04em;text-transform:uppercase}.card h3{font-family:Barlow,sans-serif;font-weight:700;text-transform:uppercase;font-size:22px;line-height:1.1;letter-spacing:-.01em;margin:0 0 10px;color:var(--navy)}.card p{font-size:14.5px;line-height:1.5;color:var(--muted);margin:0}.contact{background:var(--white);padding:160px 40px;border-top:1px solid var(--hairline)}.contact-inner{max-width:1080px;margin:0 auto;display:grid;grid-template-columns:1fr auto;gap:60px;align-items:end}.contact h2{font-family:Barlow,sans-serif;font-weight:700;text-transform:uppercase;font-size:clamp(40px,5.4vw,84px);line-height:.95;letter-spacing:-.025em;margin:0 0 32px;color:var(--navy);max-width:12ch}.email-chip{display:inline-flex;align-items:center;gap:14px;padding:14px 14px 14px 20px;border-radius:999px;background:var(--navy);color:var(--white);font-family:JetBrains Mono,monospace;font-size:15px;cursor:pointer;border:none;transition:transform .15s ease,background .2s ease;font-weight:500}.email-chip:hover{transform:translateY(-2px);background:var(--blue)}.email-chip .copy-ind{background:var(--blue);color:#fff;width:32px;height:32px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-size:14px;transition:background .2s ease}.email-chip:hover .copy-ind{background:var(--white);color:var(--blue)}.contact-meta{text-align:right;font-family:JetBrains Mono,monospace;font-size:12px;color:var(--muted);line-height:1.7}.contact-meta strong{color:var(--navy);font-weight:500}.copied-toast{position:fixed;bottom:32px;left:50%;transform:translate(-50%) translateY(100px);background:var(--navy);color:#fff;padding:12px 20px;border-radius:999px;font-size:13px;font-weight:500;box-shadow:0 20px 40px -10px #071d4466;z-index:100;transition:transform .28s cubic-bezier(.2,.8,.2,1);pointer-events:none}.copied-toast.visible{transform:translate(-50%) translateY(0)}footer{background:var(--navy);color:#fff9;padding:56px 40px 40px}.footer-inner{max-width:1280px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;gap:40px;flex-wrap:wrap}.footer-logo{height:20px;width:auto;filter:brightness(0) invert(1)}.footer-right{display:flex;gap:28px;align-items:center;font-size:13px}.footer-right span{opacity:.55}.footer-right a{color:inherit;text-decoration:none;opacity:.7}.footer-right a:hover{opacity:1}.footer-divider{max-width:1280px;margin:40px auto 0;height:1px;background:var(--hairline-dark)}.footer-bottom{max-width:1280px;margin:24px auto 0;display:flex;justify-content:space-between;font-family:JetBrains Mono,monospace;font-size:11px;color:#fff6}@media(max-width:960px){.header{padding:14px 20px}.nav .sep{display:none}.nav a{padding:6px 10px}.hero{padding:140px 20px 100px;min-height:auto}.hero-meta{display:none}section.block{padding:80px 20px}.about-grid{grid-template-columns:1fr;gap:32px}.about-stats{grid-template-columns:1fr}.about-stats .stat{border-right:none;border-bottom:1px solid var(--hairline);padding:24px 0}.card-grid{grid-template-columns:1fr}.contact{padding:100px 20px}.contact-inner{grid-template-columns:1fr;gap:32px}.contact-meta{text-align:left}footer{padding:40px 20px}}@media(max-width:720px){.nav a:not(.nav-cta){display:none}}