:root{--primary: #2f5fd1;
  --primary-dark: #2048aa;
  --primary-soft: #eef4ff;
  --secondary: #0a8175;
  --accent: #ff9f0a;
  --ink: #10182d;
  --muted: #5f6f89;
  --line: #e3e9f4;
  --surface: #ffffff;
  --surface-alt: #f7f9fd;
  --success: #0d7b3d;
  --danger: #f34f5e;
  --shadow-sm: 0 10px 28px rgba(28, 46, 91, .08);
  --shadow-md: 0 20px 55px rgba(28, 46, 91, .13);
  --shadow-lg: 0 35px 80px rgba(30, 63, 142, .18);
  --radius-sm: 12px;
  --radius: 20px;
  --radius-lg: 30px;
  --container: 1180px;}*{box-sizing: border-box;}html{scroll-behavior: smooth;}body{margin: 0;
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  color: var(--ink);
  background: #fff;
  line-height: 1.65;
  -webkit-font-smoothing: antialiased;}body.menu-open{overflow: hidden;}img{max-width: 100%; height: auto; display: block;}a{color: inherit; text-decoration: none;}button,input,textarea,select{font: inherit;}button{cursor: pointer;}.container{width: min(calc(100% - 40px), var(--container)); margin-inline: auto;}.section{padding: 100px 0; position: relative; overflow: hidden;}.bg-soft{background: var(--surface-alt);}.text-center{text-align: center;}.max-720{max-width: 720px;}.mx-auto{margin-inline: auto;}.skip-link{position: fixed; left: 12px; top: -80px; z-index: 9999;
  padding: 10px 15px; background: var(--ink); color: #fff; border-radius: 8px;}.skip-link:focus{top: 12px;}.topbar{background: #0f1931;
  color: #d9e3f6;
  font-size: 13px;}.topbar-inner{min-height: 36px; display: flex; align-items: center; justify-content: space-between; gap: 20px;}.topbar-list{display: flex; gap: 24px; align-items: center; flex-wrap: wrap;}.topbar a:hover{color: #fff;}.site-header{position: sticky; top: 0; z-index: 1000;
  background: rgba(255,255,255,.92);
  backdrop-filter: blur(18px);
  border-bottom: 1px solid rgba(223,229,241,.7);
  transition: box-shadow .25s ease, background .25s ease;
  box-shadow: 0 4px 18px rgba(19,39,84,.045);}.site-header.scrolled{box-shadow: 0 12px 30px rgba(19, 39, 84, .08); background: rgba(255,255,255,.98);}.nav-wrap{min-height: 82px; display: flex; align-items: center; gap: 30px;}.logo{display: inline-flex; align-items: center; gap: 12px; flex: 0 0 auto;}.logo-mark{width: 48px; height: 48px; display: grid; place-items: center;
  border-radius: 14px; color: #fff; font-weight: 900; letter-spacing: -.04em;
  background: linear-gradient(135deg, var(--primary), #6c4ef8);
  box-shadow: 0 12px 24px rgba(53,104,232,.23);}.logo-copy{display: grid; line-height: 1.08;}.logo-copy strong{font-size: 18px; letter-spacing: -.025em;}.logo-copy small{color: var(--muted); font-size: 11px; letter-spacing: .08em; text-transform: uppercase; margin-top: 4px;}.primary-nav{margin-left: auto; display: flex; align-items: center; gap: 4px;}.primary-nav a{padding: 11px 12px; border-radius: 10px; color: #34425e; font-size: 14px; font-weight: 650;
  transition: color .2s ease, background .2s ease;}.primary-nav a:hover,.primary-nav a.active{color: var(--primary); background: var(--primary-soft);}.header-actions{display: flex; align-items: center; gap: 10px;}.menu-toggle{display: none; border: 0; background: var(--primary-soft); width: 44px; height: 44px;
  border-radius: 12px; color: var(--ink); align-items: center; justify-content: center;}.menu-toggle span,.menu-toggle::before,.menu-toggle::after{width: 21px; height: 2px; border-radius: 2px; background: currentColor; display: block; content: ""; transition: .2s ease;}.menu-toggle span{margin: 5px 0;}.menu-toggle[aria-expanded="true"] span{opacity: 0;}.menu-toggle[aria-expanded="true"]::before{transform: translateY(7px) rotate(45deg);}.menu-toggle[aria-expanded="true"]::after{transform: translateY(-7px) rotate(-45deg);}.btn{display: inline-flex; align-items: center; justify-content: center; gap: 9px;
  min-height: 48px; padding: 0 22px; border-radius: 999px; border: 1px solid transparent;
  font-weight: 750; font-size: 14px; transition: transform .2s ease, box-shadow .2s ease, background .2s ease;}.btn:hover{transform: translateY(-2px);}.btn-primary{color: #fff; background: linear-gradient(135deg, var(--primary), #5c58ee); box-shadow: 0 13px 28px rgba(53,104,232,.25);}.btn-primary:hover{box-shadow: 0 18px 34px rgba(53,104,232,.32);}.btn-secondary{color: var(--primary); background: #fff; border-color: #dce6fa; box-shadow: var(--shadow-sm);}.btn-secondary:hover{background: var(--primary-soft);}.btn-sm{min-height: 42px; padding-inline: 18px;}.eyebrow{display: inline-flex; align-items: center; gap: 8px; color: var(--primary); font-size: 12px;
  font-weight: 850; letter-spacing: .11em; text-transform: uppercase; margin-bottom: 16px;}.eyebrow::before{content: ""; width: 26px; height: 3px; border-radius: 10px; background: linear-gradient(90deg,var(--primary),var(--secondary));}.section-title{margin: 0 0 18px; font-size: clamp(32px, 4.4vw, 49px); line-height: 1.14; letter-spacing: -.04em;}.section-lead{margin: 0; color: var(--muted); font-size: 17px;}.section-heading{margin-bottom: 54px;}.hero-actions{display: flex; flex-wrap: wrap; gap: 13px;}@keyframes float{0%,100% { transform: translateY(0); } 50% { transform: translateY(-9px); }}.split{display: grid; grid-template-columns: 1fr 1fr; align-items: center; gap: 74px;}.split.reverse .split-media{order: 2;}.split.reverse .split-copy{order: 1;}.split-media{position: relative;}.screen-frame{background: #fff; padding: 10px; border-radius: 24px; border: 1px solid var(--line); box-shadow: var(--shadow-md); overflow: hidden;}.screen-frame img{width: 100%; border-radius: 16px;}.check-list{list-style: none; padding: 0; margin: 28px 0 0; display: grid; gap: 14px;}.check-list li{display: flex; gap: 12px; color: #44526d;}.check-list li::before{content: "✓"; flex: 0 0 25px; width: 25px; height: 25px; border-radius: 50%; display: grid; place-items: center; background: #e9fbf2; color: var(--success); font-weight: 900; font-size: 12px;}@keyframes fadeIn{from { opacity: 0; transform: translateY(8px);} to {opacity:1; transform:none;}}.cta-band{background: linear-gradient(135deg, #edf4ff, #effdfa); border: 1px solid #dce8fa; border-radius: 30px;
  padding: 57px 64px; display: grid; grid-template-columns: 1fr auto; align-items: center; gap: 40px; position: relative; overflow: hidden;}.cta-band::after{content: ""; position: absolute; width: 250px; height: 250px; border-radius: 50%; right: -110px; top: -130px; background: rgba(53,104,232,.1);}.cta-band h2{margin: 0 0 10px; font-size: clamp(30px,4vw,46px); letter-spacing: -.04em; line-height: 1.12;}.cta-band p{color: var(--muted); margin: 0; max-width: 700px;}.cta-actions{display: flex; gap: 10px; position: relative; z-index: 2;}.page-hero{padding: 92px 0 90px; position: relative; overflow: hidden;
  background: linear-gradient(135deg, #f4f7ff 0%, #f0fbfa 100%);}.page-hero::before{content: ""; position: absolute; width: 380px; height: 380px; border-radius: 50%; right: -130px; top: -220px; background: rgba(53,104,232,.12);}.page-hero::after{content: ""; position: absolute; width: 240px; height: 240px; border-radius: 50%; left: -140px; bottom: -150px; background: rgba(23,184,166,.12);}.page-hero-grid{position: relative; z-index: 2; display: grid; grid-template-columns: 1.08fr .92fr; gap: 55px; align-items: center;}.page-hero h1{font-size: clamp(43px,5.5vw,64px); line-height: 1.06; letter-spacing: -.052em; margin: 0 0 20px;}.page-hero p{color: var(--muted); font-size: 18px; margin: 0 0 27px; max-width: 700px;}.breadcrumb{display: flex; align-items: center; gap: 7px; color: var(--muted); font-size: 13px; margin-bottom: 20px;}.breadcrumb a{color: var(--primary); font-weight: 750;}.code-card{background: #10182d; color: #dce7ff; border-radius: 22px; overflow: hidden; box-shadow: var(--shadow-lg);}.code-head{background: #17233f; padding: 14px 19px; display: flex; align-items: center; gap: 7px; font-size: 12px; color: #9eb0d0;}.code-dot{width: 10px; height: 10px; border-radius: 50%;}.code-dot.red{background: #ff6874;}.code-dot.yellow{background:#ffbd45;}.code-dot.green{background:#38cc7d;}.code-card pre{margin: 0; padding: 27px; overflow: auto; font: 13px/1.75 ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;}.code-key{color: #7dd3fc;}.code-str{color: #86efac;}.code-num{color: #fcd34d;}.api-groups{display: grid; grid-template-columns: repeat(3,1fr); gap: 20px;}.api-group{padding: 24px; border: 1px solid var(--line); border-radius: 18px; background:#fff;}.api-group strong{display:block; margin-bottom:6px;}.api-group span{color:var(--muted); font-size:13px;}.site-footer{background:#10182d; color:#d9e2f1; padding:78px 0 26px;}.footer-grid{display:grid; grid-template-columns:1.45fr .72fr .8fr .95fr; gap:55px;}.footer-brand p{color:#a8b6ce; max-width:390px; font-size:14px;}.footer-logo .logo-mark{box-shadow:none;}.footer-logo .logo-copy strong{color:#fff;}.footer-logo .logo-copy small{color:#8192b2;}.footer-title{color:#fff; font-size:15px; margin:6px 0 19px;}.footer-links{list-style:none; padding:0; margin:0; display:grid; gap:10px;}.footer-links a{color:#aebbd0; font-size:14px;}.footer-links a:hover{color:#fff;}.footer-contact{display:grid; gap:12px; color:#aebbd0; font-size:14px;}.footer-bottom{border-top:1px solid rgba(255,255,255,.09); margin-top:54px; padding-top:23px; display:flex; justify-content:space-between; gap:20px; color:#8494af; font-size:12px;}.footer-bottom-links{display:flex; gap:19px;}.reveal{opacity:1; transform:none;}.reveal.visible{opacity:1; transform:none;}.back-to-top{position:fixed; right:20px; bottom:20px; z-index:900; width:45px; height:45px; border:0; border-radius:50%; background:var(--primary); color:#fff; box-shadow:0 12px 26px rgba(53,104,232,.28); opacity:0; pointer-events:none; transform:translateY(10px); transition:.2s ease;}.back-to-top.show{opacity:1; pointer-events:auto; transform:none;}@media (max-width: 1100px){.primary-nav a{padding-inline:8px; font-size:13px;}.page-hero-grid{gap:35px;}}@media (max-width: 920px){.topbar{display:none;}.site-header{top:0;}.nav-wrap{min-height:72px;}.menu-toggle{display:flex; flex-direction:column; margin-left:auto;}.primary-nav{position:fixed; inset:72px 0 auto 0; display:grid; align-content:start; gap:5px; background:#fff;
    padding:20px; border-top:1px solid var(--line); box-shadow:0 22px 35px rgba(15,31,66,.12);
    transform:translateY(-125%); opacity:0; pointer-events:none; transition:.25s ease;}.primary-nav.open{transform:none; opacity:1; pointer-events:auto;}.primary-nav a{padding:12px 14px; font-size:14px;}.header-actions .btn{display:none;}.page-hero-grid,.split{grid-template-columns:1fr;}.hero-actions{justify-content:center;}.page-hero{text-align:center;}.page-hero p{margin-inline:auto;}.page-hero .hero-actions{justify-content:center;}.split.reverse .split-media,.split.reverse .split-copy{order:initial;}.split-media{max-width:760px; margin-inline:auto;}.api-groups{grid-template-columns:repeat(2,1fr);}.cta-band{grid-template-columns:1fr; text-align:center; padding:50px 36px;}.cta-band p{margin-inline:auto;}.cta-actions{justify-content:center;}.footer-grid{grid-template-columns:1.25fr 1fr 1fr;}.footer-brand{grid-column:1/-1;}}@media (max-width: 680px){.container{width:min(calc(100% - 28px), var(--container));}.section{padding:76px 0;}.api-groups{grid-template-columns:1fr;}.section-heading{margin-bottom:39px;}.split{gap:38px;}.page-hero{padding:70px 0;}.page-hero h1{font-size:42px;}.cta-band{padding:40px 22px; border-radius:22px;}.cta-actions{flex-direction:column;}.footer-grid{grid-template-columns:1fr 1fr; gap:38px 25px;}.footer-brand{grid-column:1/-1;}.footer-bottom{flex-direction:column;}}@media (max-width: 460px){.logo-copy small{display:none;}.hero-actions{flex-direction:column;}.hero-actions .btn{width:100%;}.footer-grid{grid-template-columns:1fr;}.footer-brand{grid-column:auto;}.footer-bottom-links{flex-wrap:wrap;}}@media (prefers-reduced-motion: reduce){*,*::before,*::after{scroll-behavior:auto !important; animation:none !important; transition-duration:.01ms !important;}.reveal{opacity:1; transform:none;}}picture{display: block;}.screen-frame img{height: auto;}@media (min-width: 761px){main > .section:not(:first-child){content-visibility: auto; contain-intrinsic-size: auto 900px;}}picture{display:block}img{max-width: 100%;
  height: auto;}picture,picture > img{width: 100%;}.screen-frame img{width: 100%;
  height: auto;
  object-fit: contain;}.field-error{margin-top: 7px;
  color: #b42318;
  font-size: 0.88rem;
  font-weight: 700;
  line-height: 1.35;}.footer-grid-expanded{grid-template-columns:1.35fr repeat(4,minmax(0,1fr))}@media(max-width:1050px){.footer-grid-expanded{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:620px){.footer-grid-expanded{grid-template-columns:1fr}}