*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}img,svg{display:block}:root{--accent:#4f8aef;--accent-dark:#2563eb;--accent-glow:#4f8aef24;--accent-tag:#4f8aef1a;--accent-border:#4f8aef2e;--bg-0:#080d1e;--bg-1:#0c1328;--bg-2:#101a30;--bg-card:#121e38;--bg-input:#0c1328;--border:#4f8aef1f;--border-s:#ffffff0f;--text-1:#eef2ff;--text-2:#6e84b0;--text-3:#2e3f60;--nav-bg:#080d1ee6;--btn-bg:#2563eb;--btn-hover:#1d4ed8;--footer-bg:#050810;--logo-glow:#4f8aefb3;--radius-card:14px;--radius-btn:8px;--green:#22c55e;--purple:#a855f7;--amber:#f59e0b;--pink:#ec4899}[data-theme=light]{--accent:#2563eb;--accent-dark:#1d4ed8;--accent-glow:#2563eb12;--accent-tag:#2563eb14;--accent-border:#2563eb2e;--bg-0:#f8faff;--bg-1:#fff;--bg-2:#f0f4ff;--bg-card:#fff;--bg-input:#f5f7ff;--border:#2563eb24;--border-s:#00000014;--text-1:#0b1328;--text-2:#4a5878;--text-3:#a0afc8;--nav-bg:#f8faffeb;--btn-bg:#2563eb;--btn-hover:#1d4ed8;--footer-bg:#0b1328;--logo-glow:#2563eb73}body{background:var(--bg-0);color:var(--text-1);-webkit-font-smoothing:antialiased;font-family:Inter,system-ui,sans-serif;line-height:1.6;transition:background .25s,color .25s}#root{min-height:100vh}.btn-primary{background:var(--btn-bg);color:#fff;border-radius:var(--radius-btn);cursor:pointer;white-space:nowrap;border:none;align-items:center;gap:6px;padding:9px 18px;font-family:inherit;font-size:14px;font-weight:600;text-decoration:none;transition:background .15s,transform .15s,box-shadow .15s;display:inline-flex}.btn-primary:hover{background:var(--btn-hover);transform:translateY(-1px);box-shadow:0 4px 16px #2563eb59}.btn-outline{color:var(--text-1);border:1px solid var(--border-s);border-radius:var(--radius-btn);cursor:pointer;white-space:nowrap;background:0 0;align-items:center;gap:6px;padding:9px 18px;font-family:inherit;font-size:14px;font-weight:600;text-decoration:none;transition:all .15s;display:inline-flex}.btn-outline:hover{border-color:var(--accent-border);color:var(--accent)}.btn-ghost{border:1px solid var(--border-s);border-radius:var(--radius-btn);color:var(--text-2);cursor:pointer;background:0 0;padding:6px 12px;font-family:inherit;font-size:13px;font-weight:500;transition:all .15s}.btn-ghost:hover{border-color:var(--accent-border);color:var(--text-1)}.section{padding:96px 56px;overflow-x:hidden}.section-tag{text-transform:uppercase;letter-spacing:.1em;color:var(--accent);background:var(--accent-tag);border:1px solid var(--accent-border);border-radius:99px;margin-bottom:16px;padding:4px 12px;font-size:11px;font-weight:700;display:inline-block}.section-title{letter-spacing:-.03em;color:var(--text-1);margin-bottom:12px;font-size:clamp(26px,4.4vw,40px);font-weight:800;line-height:1.1}.section-sub{color:var(--text-2);max-width:520px;font-size:16.5px;line-height:1.6}@media (width<=900px){.section{padding:64px 32px}}@media (width<=640px){.section{padding:48px 20px}}.hero-grid{grid-template-columns:1fr 1fr;display:grid}.hero-ctas{flex-wrap:wrap;gap:12px;display:flex}@media (width<=900px){.hero-grid{text-align:center;grid-template-columns:1fr}.hero-grid .hero-body{margin-left:auto;margin-right:auto}.hero-grid .hero-ctas{justify-content:center}}.bento-grid{grid-template-rows:auto auto;grid-template-columns:1.4fr 1fr;gap:16px;display:grid}.bento-hero-card{grid-row:span 2}@media (width<=900px){.bento-grid{grid-template-rows:auto;grid-template-columns:1fr}.bento-hero-card{grid-row:auto}}.services-grid{grid-template-columns:repeat(3,1fr);gap:18px;display:grid}@media (width<=900px){.services-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=640px){.services-grid{grid-template-columns:1fr}}.faq-grid{grid-template-columns:1fr 1.7fr;align-items:start;gap:72px;display:grid}@media (width<=900px){.faq-grid{grid-template-columns:1fr;gap:36px}}.contact-grid{grid-template-columns:1fr 1fr;align-items:start;gap:72px;display:grid}.contact-form-row{grid-template-columns:1fr 1fr;gap:14px;display:grid}.contact-group-full{grid-column:span 2}@media (width<=900px){.contact-grid{grid-template-columns:1fr;gap:40px}}@media (width<=560px){.contact-form-row{grid-template-columns:1fr}.contact-group-full{grid-column:span 1}}.footer-top{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;margin-bottom:28px;display:flex}.footer-nav{flex-wrap:wrap;gap:28px;display:flex}@media (width<=640px){.footer-top{text-align:center;flex-direction:column}.footer-nav{justify-content:center;gap:12px 22px}}.nav-links{gap:30px;list-style:none;display:flex}.nav-right{align-items:center;gap:8px;display:flex}.nav-burger{display:none}@media (width<=900px){.nav-links,.nav-right{display:none}.nav-burger{display:inline-flex}}.nav-mobile-panel{background:var(--nav-bg);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid var(--border-s);flex-direction:column;gap:16px;max-height:calc(100vh - 62px);padding:8px 24px 24px;animation:.15s ease-out fadeIn;display:flex;position:absolute;top:100%;left:0;right:0;overflow-y:auto}.nav-mobile-links{flex-direction:column;list-style:none;display:flex}.nav-mobile-links a{color:var(--text-1);border-bottom:1px solid var(--border-s);padding:13px 2px;font-size:15px;font-weight:500;text-decoration:none;display:block}.nav-mobile-actions{gap:8px;display:flex}.nav-mobile-cta{justify-content:center}.logo-glow{filter:drop-shadow(0 0 4px var(--logo-glow)) drop-shadow(0 0 10px var(--logo-glow));transition:filter .25s;animation:3.2s ease-in-out infinite logo-glow-pulse}.logo-glow-dark{--logo-glow:#4f8aefb3;filter:drop-shadow(0 0 4px var(--logo-glow)) drop-shadow(0 0 10px var(--logo-glow));animation:3.2s ease-in-out infinite logo-glow-pulse}@keyframes logo-glow-pulse{0%,to{filter:drop-shadow(0 0 3px var(--logo-glow)) drop-shadow(0 0 8px var(--logo-glow))}50%{filter:drop-shadow(0 0 7px var(--logo-glow)) drop-shadow(0 0 16px var(--logo-glow))}}@keyframes float-y{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes float-card-1{0%,to{transform:translate(0)translateY(0)}50%{transform:translate(-4px)translateY(-6px)}}@keyframes float-card-2{0%,to{transform:translate(0)translateY(0)}50%{transform:translate(5px)translateY(-8px)}}@keyframes float-card-3{0%,to{transform:translate(0)translateY(0)}50%{transform:translate(-3px)translateY(-5px)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes mockupIn{0%{opacity:0;transform:scale(.95)translateY(12px)}to{opacity:1;transform:scale(1)translateY(0)}}@keyframes bar-grow{0%{width:0}}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}@keyframes typing-dot{0%,60%,to{opacity:.4;transform:translateY(0)}30%{opacity:1;transform:translateY(-4px)}}@keyframes floaty{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}