@font-face{font-family:Lato;src:url(/fonts/lato-400.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Lato;src:url(/fonts/lato-700.woff2) format("woff2");font-weight:700;font-style:normal;font-display:swap}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}:root{--bg-primary: #101010;--bg-card: linear-gradient(180deg, #1A3A5C 0%, #122840 100%);--bg-hero: linear-gradient(180deg, #0D4580 0%, #082A50 50%, #101010 100%);--bg-dropdown: #0E283F;--bg-pill: linear-gradient(180deg, #163654 0%, #0F2740 100%);--border-card: #2A5075;--border-hero: #2A5A8A;--border-dropdown: #1E4A70;--border-pill: #1E4A70;--accent: #006ACB;--accent-hover: #0080f0;--accent-glow: rgba(0, 106, 203, .2);--accent-glow-subtle: rgba(0, 106, 203, .1);--text-primary: #ffffff;--text-secondary: rgba(255, 255, 255, .7);--text-muted: rgba(255, 255, 255, .5);--text-dim: rgba(255, 255, 255, .6);--font: "Lato", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-weight-normal: 400;--font-weight-medium: 400;--font-weight-semibold: 700;--font-weight-bold: 700;--text-hero: 72px;--text-h1: 48px;--text-h2: 48px;--text-h3: 32px;--text-h4: 20px;--text-body: 18px;--text-body-sm: 16px;--text-sm: 15px;--text-xs: 14px;--text-pill: 14px;--leading-hero: 76px;--leading-h2: 56px;--leading-h4: 28px;--leading-body: 28px;--leading-body-lg: 30px;--tracking-tight: -.02em;--tracking-normal: 0;--tracking-wide: 1px;--tracking-wider: 2px;--max-width: 1344px;--content-padding: 48px;--section-gap: 112px;--section-gap-sm: 80px;--component-gap: 32px;--card-gap: 32px;--radius-xl: 24px;--radius-lg: 16px;--radius-md: 12px;--radius-sm: 8px;--radius-pill: 200px;--radius-button: 100px;--card-padding: 32px;--card-shadow: 0 4px 30px var(--accent-glow-subtle);--hero-shadow: 0 8px 80px var(--accent-glow);--transition-fast: .15s ease;--transition-normal: .2s ease;--transition-slow: .3s ease}html{scroll-behavior:smooth}body{font-family:var(--font);font-weight:var(--font-weight-normal);font-size:var(--text-body);line-height:var(--leading-body);color:var(--text-primary);background:var(--bg-primary);overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{color:inherit;text-decoration:none}img,video{max-width:100%;height:auto;display:block}h1{font-size:var(--text-hero);font-weight:var(--font-weight-bold);line-height:var(--leading-hero);letter-spacing:var(--tracking-tight)}h2{font-size:var(--text-h2);font-weight:var(--font-weight-bold);line-height:var(--leading-h2);letter-spacing:var(--tracking-tight)}h3{font-size:var(--text-h3);font-weight:var(--font-weight-bold);line-height:40px;letter-spacing:var(--tracking-tight)}h4{font-size:var(--text-h4);font-weight:var(--font-weight-semibold);line-height:var(--leading-h4)}.container{width:100%;max-width:var(--max-width);margin:0 auto;padding:0 var(--content-padding)}.section{padding:var(--section-gap) var(--content-padding);position:relative}.section-narrow{padding:var(--section-gap-sm) var(--content-padding)}.section-header{display:flex;flex-direction:column;align-items:center;gap:16px;max-width:912px;margin:0 auto;text-align:center}.section-header p{max-width:646px;color:var(--text-dim);font-size:var(--text-body);line-height:var(--leading-body)}.pill{display:inline-block;padding:8px 24px;background:var(--bg-pill);border:1px solid var(--border-pill);border-radius:var(--radius-pill);color:var(--text-primary);font-size:var(--text-pill);font-weight:var(--font-weight-medium);line-height:20px;text-transform:uppercase;letter-spacing:var(--tracking-wide)}.btn{display:inline-block;padding:16px 32px;background:var(--accent);border-radius:var(--radius-button);border:none;color:var(--text-primary);font-family:var(--font);font-size:var(--text-body-sm);font-weight:var(--font-weight-semibold);text-decoration:none;cursor:pointer;transition:background var(--transition-normal)}.btn:hover{background:var(--accent-hover)}.btn-sm{padding:10px 24px;font-size:var(--text-sm)}.card{padding:var(--card-padding);background:var(--bg-card);border:1px solid var(--border-card);border-radius:var(--radius-lg);box-shadow:var(--card-shadow)}.card-hover{transition:transform var(--transition-normal),box-shadow var(--transition-normal)}.card-hover:hover{transform:translateY(-4px);box-shadow:0 8px 40px var(--accent-glow)}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--card-gap)}.grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--card-gap)}.grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--card-gap)}.bg-glow{position:absolute;border-radius:9999px;background:var(--accent);opacity:.08;filter:blur(110px);pointer-events:none;z-index:0}.browser-mockup{width:1000px;max-width:100%;margin:64px auto 0;background:#fff;border-radius:var(--radius-lg);border:1px solid rgba(0,0,0,.05);box-shadow:0 0 40px 9px #0b2f5026;overflow:hidden}.browser-header{height:40px;padding:0 16px;background:#f8f8f8;border-bottom:1px solid rgba(0,0,0,.07);display:flex;align-items:center;gap:8px}.browser-dots{display:flex;gap:8px}.browser-dot{width:12px;height:12px;border-radius:50%}.browser-dot--red{background:#ff5f57;border:1px solid #E14640}.browser-dot--yellow{background:#ffbd2e;border:1px solid #DFA123}.browser-dot--green{background:#28ca42;border:1px solid #1DAD2C}.browser-url{flex:1;margin-left:16px;height:24px;background:#eee;border-radius:4px}.browser-content{height:500px;background:#f5f5f5;overflow:hidden}.browser-content img{width:100%;height:100%;object-fit:cover;object-position:top}.opacity-60{opacity:.6;color:#ffffffbf}@media(max-width:1024px){:root{--text-hero: 48px;--text-h2: 36px;--text-h3: 28px;--leading-hero: 52px;--leading-h2: 44px;--content-padding: 24px;--section-gap: 80px}.grid-3{grid-template-columns:1fr}.grid-4{grid-template-columns:repeat(2,1fr)}.browser-mockup{width:100%}}@media(max-width:768px){:root{--text-hero: 36px;--text-h2: 28px;--text-h3: 24px;--leading-hero: 40px;--leading-h2: 34px;--content-padding: 20px;--section-gap: 64px;--card-gap: 16px}.grid-4,.grid-2{grid-template-columns:1fr}h1{font-size:var(--text-hero);line-height:var(--leading-hero)}h2{font-size:var(--text-h2);line-height:var(--leading-h2)}}
