.site-header {
  position: fixed; top: 18px; left: 50%; transform: translateX(-50%); width: calc(100% - 32px); z-index: 1000;
  display: grid; grid-template-columns: minmax(160px, 1fr) auto minmax(160px, 1fr); align-items: center; gap: 24px;
  padding: 14px 18px; border: 1px solid rgba(231,237,245,.85); border-radius: 999px; background: rgba(255,255,255,.82); backdrop-filter: blur(18px);
  box-shadow: 0 16px 40px rgba(15,23,42,.08); transition: .25s ease;
}
.site-header.scrolled { top: 10px; padding: 10px 16px; }
.brand { justify-self: start; display: inline-flex; align-items: center; }
.brand-logo { width: 142px; height: auto; display: block; }
.main-nav { justify-self: center; display: flex; align-items: center; justify-content: center; gap: 8px; }
.main-nav > a { padding: 10px 14px; border-radius: 999px; color: #344054; font-weight: 700; font-size: 14px; transition: .2s ease; }
.main-nav > a:hover { background: #eef5ff; color: var(--primary); }
.nav-cta { background: var(--navy) !important; color: #fff !important; }
.header-actions { justify-self: end; display: inline-flex; align-items: center; gap: 10px; }
.header-socials { display: inline-flex; align-items: center; gap: 8px; }
.social-link {
  width: 42px; height: 42px; display: inline-flex; align-items: center; justify-content: center;
  border: 1px solid rgba(37,99,235,.14); border-radius: 999px; background: rgba(255,255,255,.88); color: var(--navy);
  box-shadow: 0 10px 24px rgba(15,23,42,.08); transition: transform .2s ease, border-color .2s ease, color .2s ease, background .2s ease;
}
.social-link svg { width: 21px; height: 21px; fill: currentColor; }
.social-link:hover { transform: translateY(-2px); border-color: rgba(37,99,235,.38); color: var(--primary); background: #eef5ff; }
.whatsapp-link:hover { color: #128c7e; }
.menu-toggle { display: none; border: 0; background: transparent; padding: 8px; }
.menu-toggle span { display: block; width: 25px; height: 2px; background: var(--navy); margin: 5px; transition: .2s ease; }
.main-nav .nav-products { position: relative; flex: 0 0 auto; }
.main-nav .nav-products summary { list-style: none; cursor: pointer; display: flex; align-items: center; gap: 5px; padding: 10px 14px; border-radius: 999px; color: #344054; font-weight: 700; font-size: 14px; transition: background .2s, color .2s; white-space: nowrap; }
.main-nav .nav-products summary::-webkit-details-marker { display: none; }
.main-nav .nav-products summary:hover,.main-nav .nav-products[open] summary,.product-page .main-nav .nav-products summary { background: #eef5ff; color: var(--primary); }
.main-nav .nav-products .nav-chevron { font-size: 13px; transition: transform .2s ease; }
.main-nav .nav-products[open] .nav-chevron { transform: rotate(180deg); }
.main-nav .nav-products-menu { position: absolute; top: calc(100% + 10px); left: 50%; transform: translateX(-50%); z-index: 2000; width: max-content; min-width: 244px; max-width: min(320px, calc(100vw - 30px)); padding: 8px; background: #fff; border: 1px solid #e2eaf2; border-radius: 16px; box-shadow: 0 18px 46px rgba(12,32,56,.17); display: flex; flex-direction: column; gap: 2px; }
.main-nav .nav-products-menu a { padding: 12px 14px; border-radius: 12px; font-weight: 700; color: #344054; }
.main-nav .nav-products-menu a:hover { background: #f5f8fc; color: var(--navy); }
.main-nav .nav-products[open] > summary { margin-bottom: 0; }
.product-page[data-product="toolkit"] .toolkit-link,
.product-page[data-product="sticky"] .sticky-link,
.product-page[data-product="cache"] .cache-link { background: #f5f8fc; color: var(--navy); }

html{scroll-behavior:smooth;scroll-padding-top:125px}body{background:#fff}.site-header{max-width:1600px}.site-header .main-nav{flex-wrap:nowrap}.site-header .main-nav>a{white-space:nowrap}.site-header .nav-products-menu a{font-size:14px}a:focus-visible,button:focus-visible,summary:focus-visible,[tabindex]:focus-visible{outline:3px solid #007aa5;outline-offset:4px}.skip-link{position:fixed;top:-100px;left:20px;background:#0b1830;color:white;padding:12px 20px;z-index:10000}.skip-link:focus{top:10px}.breadcrumbs{display:flex;flex-wrap:wrap;gap:10px;color:#5d6f86;font-size:13px;padding-top:12px}.breadcrumbs a{color:#007aa5}.product-links{display:flex;flex-wrap:wrap;gap:20px;margin:10px 0 20px;font-weight:700;font-size:14px}.product-links a:hover,.prose a:hover{text-decoration:underline}.release-line,.product-version{font-size:13px;color:#5d6f86}.download-section{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:26px;margin-top:30px}.download-section h2{font-size:30px;line-height:1.2}.install-steps{padding:0;list-style:none;counter-reset:steps;display:grid;gap:20px;margin:26px 0}.install-steps li{counter-increment:steps;display:grid;grid-template-columns:38px 1fr;column-gap:14px}.install-steps li:before{content:counter(steps,decimal-leading-zero);grid-row:span 2;background:#edf6fa;color:#007aa5;display:grid;place-items:center;border-radius:12px;height:38px;font-weight:800}.install-steps span{grid-column:2;color:#5d6f86;font-size:15px}.resource-list{display:grid;margin-top:24px}.resource-list a{padding:18px 0;border-bottom:1px solid #dce7f0;display:flex;justify-content:space-between;font-weight:700}.resource-list a:hover{color:#007aa5}.small-note{font-size:13px}.integrity{margin-top:22px;border-top:1px solid #dce7f0;padding-top:18px}.integrity summary{cursor:pointer;font-weight:700}.integrity dd{margin:0 0 12px;color:#5d6f86;overflow-wrap:anywhere}.integrity dt{font-weight:700}.integrity code{font-size:12px}.product-tabs{display:flex;gap:10px;flex-wrap:wrap;margin:16px 0 26px}.product-tabs a{border:1px solid #dce7f0;border-radius:999px;padding:10px 17px;font-weight:700;font-size:14px}.product-tabs a[aria-current],.product-tabs a:hover{background:#0b1830;color:#fff}.documentation-shell{padding:35px 0 60px}.prose{max-width:100%;overflow-wrap:anywhere}.prose h1{font-size:clamp(30px,4vw,44px);line-height:1.15;margin:0 0 24px}.prose h2{font-size:26px;margin-top:32px}.prose h3{font-size:21px}.prose a{color:#007aa5;text-decoration:underline;text-underline-offset:3px}.prose p,.prose li{color:#526176;max-width:90ch}.prose pre{white-space:pre-wrap;font-size:13px;background:#f5f8fb;padding:20px;max-height:520px;overflow:auto}.prose table,table{width:100%;border-collapse:collapse}.prose th,.prose td,th,td{text-align:left;padding:16px;border-bottom:1px solid #dce7f0;vertical-align:top}th{color:#0b1830}.table-scroll{overflow:auto}.catalogue{padding:36px 0 0}.catalogue h1{font-size:clamp(36px,5vw,58px);line-height:1.08;letter-spacing:-.04em;max-width:800px}.catalogue .lead{color:#5d6f86;max-width:720px;font-size:18px;margin-bottom:36px}.apps-products-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.app-product-card{border:1px solid #dce7f0;border-radius:26px;overflow:hidden;background:#fff;box-shadow:0 14px 35px rgba(15,23,42,.06);display:flex;flex-direction:column}.app-product-media{background:#f5f8fc;display:flex;align-items:center;justify-content:center;padding:24px;aspect-ratio:2/1}.app-product-media img{height:140px;max-width:90%;object-fit:contain;object-position:top}.app-product-body{padding:25px;display:flex;flex-direction:column;flex:1}.app-product-tag{color:#007aa5;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.08em}.app-product-body h3{font-size:23px;line-height:1.25;letter-spacing:-.03em;margin:12px 0}.app-product-body>p{color:#5d6f86;font-size:15px}.product-version{margin-top:auto;padding-top:15px}.card-actions{display:flex;gap:12px;justify-content:space-between;align-items:center;flex-wrap:wrap;border-top:1px solid #dce7f0;padding-top:18px}.app-product-link{font-weight:800;color:#007aa5;font-size:14px}.card-download{border:1px solid #dce7f0;border-radius:99px;padding:9px 13px;font-size:13px;font-weight:800}.card-download:hover{background:#0b1830;color:white}.comparison{margin:40px 0}.site-footer{display:flex;justify-content:space-between;align-items:flex-start;gap:24px;flex-wrap:wrap;width:min(1160px,calc(100% - 40px));margin:0 auto;padding:34px 0 70px;border-top:1px solid #dce7f0;color:#5d6f86}.site-footer .footer-policy-links{display:flex;gap:12px 22px;justify-content:center;flex-wrap:wrap;max-width:650px}.site-footer a{font-size:14px}.site-footer p{margin:0}.scroll-top{bottom:26px;right:22px}.anchor-alias{display:block;scroll-margin-top:125px}.product-page .hero-media-frame img{object-fit:contain}.home-page .apps-heading h2{max-width:740px}body>main>h1{padding-top:110px}#main .hero{scroll-margin-top:120px}
@media(max-width:1100px){.site-header{grid-template-columns:auto 1fr auto;gap:12px}.site-header .main-nav>a,.site-header .nav-products summary{padding:10px;font-size:13px}}
@media(max-width:960px){.site-header .main-nav{position:absolute;left:0;right:0;top:calc(100% + 10px);display:none;flex-direction:column;align-items:stretch;padding:12px;border:1px solid #dce7f0;border-radius:24px;background:#fff;box-shadow:0 16px 40px rgba(15,23,42,.08);max-height:calc(100dvh - 120px);overflow:auto}.site-header .main-nav.open{display:flex}.site-header .main-nav>a{text-align:center}.site-header .menu-toggle{display:block}.site-header .nav-products summary{justify-content:center}.site-header .nav-products-menu{position:static;transform:none;width:100%;min-width:0;max-width:none;margin-top:8px}.site-header .header-actions{grid-column:3}.download-section{grid-template-columns:1fr}.apps-products-grid{grid-template-columns:1fr}.app-product-card{max-width:650px;width:100%;margin:auto}.app-product-media{aspect-ratio:3/1}.app-product-media img{height:120px}.site-footer{text-align:center;justify-content:center}.product-page .page-shell{padding-top:110px}.product-page .hero-points{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:560px){.site-header{width:calc(100% - 20px);top:10px;border-radius:24px;padding:10px 12px;gap:10px}.site-header .brand-logo{width:112px}.site-header .social-link{width:35px;height:35px}.site-header .social-link svg{width:18px;height:18px}.site-header .header-socials{gap:5px}.site-header .menu-toggle{padding:6px}.product-page .hero-points{grid-template-columns:1fr}.product-tabs{gap:6px}.product-tabs a{font-size:12px;padding:8px 11px}.prose{padding:22px}.prose th,.prose td{padding:9px;font-size:13px}.catalogue{padding-top:24px}.app-product-body{padding:22px}.documentation-shell{padding-top:20px}.site-footer .footer-policy-links{display:flex;flex-direction:column}.content-card h2{font-size:27px}.page-shell{padding-top:106px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.reveal{opacity:1;transform:none}}