/* Keep the keyboard skip link out of the page layout until it receives keyboard focus. */
.og-site-skip{position:fixed;top:12px;inset-inline-start:12px;z-index:10001;display:block;width:1px;height:1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.og-site-skip:focus-visible{width:auto;height:auto;padding:12px 18px;clip-path:none;background:#fff;color:#171717;border:1px solid #dfe2d7;border-radius:10px;box-shadow:0 8px 24px #0002;outline:2px solid #697f38;outline-offset:2px}
@font-face{font-family:OgilioV2Sans;src:url('/assets/fonts/ogilio/Onest-Variable.woff2') format('woff2');font-style:normal;font-weight:100 900;font-display:swap}
@font-face{font-family:OgilioV2Arabic;src:url('/uploads/fonts/noto-kufi-arabic/NotoKufiArabic-VariableFont_wght.ttf') format('truetype');font-style:normal;font-weight:100 900;font-display:swap}
/* Homepage header is the visual source of truth for every private V2 page. */
@font-face{font-family:Inter;src:url('/uploads/fonts/inter/static/Inter_18pt-Regular.ttf') format('truetype');font-weight:400;font-display:swap}
@font-face{font-family:Inter;src:url('/uploads/fonts/inter/static/Inter_18pt-Medium.ttf') format('truetype');font-weight:500;font-display:swap}
@font-face{font-family:Inter;src:url('/uploads/fonts/inter/static/Inter_18pt-SemiBold.ttf') format('truetype');font-weight:600;font-display:swap}
@font-face{font-family:Inter;src:url('/uploads/fonts/inter/static/Inter_18pt-Bold.ttf') format('truetype');font-weight:700;font-display:swap}
.v2-preview-ribbon{position:relative;z-index:14;min-height:42px;padding:0 24px;background:#191919;border-bottom:1px solid rgba(255,255,255,.12);color:#f7f7f7;font:400 11px/1.3 OgilioV2Sans,"SF Pro Display",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;letter-spacing:.01em}
.v2-preview-ribbon-inner{width:min(1152px,100%);min-height:42px;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:20px}
.v2-preview-ribbon-status,.v2-preview-ribbon-links{display:flex;align-items:center;gap:12px}
.v2-preview-ribbon-status strong{font-size:10px;font-weight:650;letter-spacing:.09em;white-space:nowrap}
.v2-preview-ribbon-dot{width:7px;height:7px;flex:none;border-radius:50%;background:#eaff57;box-shadow:0 0 0 3px rgba(234,255,87,.13)}
.v2-preview-ribbon-detail{color:#aaa;white-space:nowrap}
.v2-preview-ribbon-links{gap:22px}
.v2-preview-ribbon-links a{display:inline-flex;align-items:center;gap:5px;color:#ccc;text-decoration:none;white-space:nowrap;transition:color .18s}
.v2-preview-ribbon-links a:hover,.v2-preview-ribbon-links a:focus-visible{color:#eaff57}
.v2-preview-ribbon-links a:focus-visible{outline:2px solid #eaff57;outline-offset:4px}
.v2-preview-ribbon-links .v2-preview-ribbon-admin{color:#fff;font-weight:550}
.v2-preview-ribbon-admin svg{display:block;transition:transform .18s}
.v2-preview-ribbon-admin:hover svg{transform:translate(2px,-2px)}
@media(max-width:720px){.v2-preview-ribbon{padding-inline:16px}.v2-preview-ribbon-detail{display:none}.v2-preview-ribbon-links{gap:14px}}
@media(max-width:520px){.v2-preview-ribbon{font-size:10px}.v2-preview-ribbon-status,.v2-preview-ribbon-links{gap:8px}.v2-preview-ribbon-links>a:first-child{display:none}.v2-preview-ribbon-admin svg{width:11px;height:11px}}
.v2-public-announcement{position:relative;z-index:14;min-height:42px;padding:0 24px;background:#191919;color:#f7f7f7;font:400 12px/1.3 OgilioV2Sans,"SF Pro Display",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
.v2-public-announcement-inner{width:min(1152px,100%);min-height:42px;margin:auto;display:flex;align-items:center;gap:16px}
.v2-public-announcement-badge{display:inline-flex;align-items:center;gap:8px;color:#eaff57;font-size:10px;font-weight:650;letter-spacing:.075em;white-space:nowrap}
.v2-public-announcement-badge span{width:7px;height:7px;border-radius:50%;background:#eaff57;box-shadow:0 0 0 3px rgba(234,255,87,.13)}
.v2-public-announcement-copy{color:#dededb}
.v2-public-announcement a{margin-left:auto;display:inline-flex;align-items:center;gap:6px;color:#fff;text-decoration:none;font-weight:600;white-space:nowrap;transition:color .18s}
.v2-public-announcement a:hover,.v2-public-announcement a:focus-visible{color:#eaff57}
.v2-public-announcement a:focus-visible{outline:2px solid #eaff57;outline-offset:4px}
.v2-public-announcement a svg{display:block;transition:transform .18s}
.v2-public-announcement a:hover svg{transform:translate(2px,-2px)}
@media(max-width:620px){.v2-public-announcement{padding-inline:16px}.v2-public-announcement-inner{gap:8px}.v2-public-announcement-copy{display:none}.v2-public-announcement a{font-size:11px}}
.topbar{height:62px;z-index:13;overflow:visible;background:#fff}
.nav{height:62px;gap:16px}
.nav .brand{width:82px;flex:none}
.navlinks{display:flex;align-items:center;gap:0;flex:1;margin-left:10px;height:100%}
.navlinks>a,.nav-trigger{height:44px;display:inline-flex;align-items:center;justify-content:center;padding:0 12px;border:0;border-radius:6px;background:transparent;color:#222;font-size:13px;font-weight:500;line-height:1;white-space:nowrap;transition:color .24s cubic-bezier(.45,.05,.55,.95),background-color .24s}
.navlinks>a:hover,.nav-trigger:hover,.nav-trigger[aria-expanded="true"]{color:#000;background:#f7f7f5}
.nav-chevron{width:14px;height:14px;display:block;margin-left:8px;transition:transform .24s cubic-bezier(.45,.05,.55,.95)}
.nav-trigger[aria-expanded="true"] .nav-chevron{transform:rotate(180deg)}
.nav-actions{gap:16px;margin-left:auto}.nav-actions .sign-in{margin-right:8px}.nav-actions .btn{min-height:34px;padding:0 17px;font-size:13px;box-shadow:none}.nav-actions .btn-acid{background:#ebff5b}.nav-actions .btn-dark{background:#171717}
.mega-backdrop{position:fixed;inset:0;background:rgba(0,0,0,.48);opacity:0;visibility:hidden;pointer-events:none;z-index:11;transition:opacity .3s cubic-bezier(.45,.05,.55,.95),visibility .3s}
.mega-backdrop.is-open{opacity:1;visibility:visible;pointer-events:auto}
.mega-shell{position:absolute;top:100%;left:50%;width:min(1152px,calc(100vw - 48px));max-height:calc(100vh - 102px);transform:translateX(-50%);pointer-events:none;z-index:14}
.mega-panel{position:absolute;top:0;left:0;width:100%;max-height:calc(100vh - 102px);overflow-y:auto;overscroll-behavior:contain;background:#fff;border-radius:0 0 12px 12px;box-shadow:0 22px 55px #0002;opacity:0;visibility:hidden;pointer-events:none;transform:translateY(-12px);clip-path:inset(0 0 100% 0);transition:transform .3s cubic-bezier(.45,.05,.55,.95),opacity .24s cubic-bezier(.45,.05,.55,.95),clip-path .3s cubic-bezier(.45,.05,.55,.95),visibility .3s}
.mega-panel.is-open{opacity:1;visibility:visible;pointer-events:auto;transform:translateY(0);clip-path:inset(0 0 0 0)}
.mega-content{padding:31px 32px 30px}
.mega-grid{display:grid;gap:32px}.mega-products-grid,.mega-three-col{grid-template-columns:repeat(3,minmax(0,1fr))}.mega-two-col{grid-template-columns:repeat(2,minmax(0,1fr))}
.mega-col{min-width:0}.mega-col.mega-bordered{border-left:1px solid #e9e9e7;padding-left:32px}
.mega-label{color:#747474;text-transform:uppercase;font-size:10px;font-weight:500;line-height:1.3;letter-spacing:.085em;margin:0 0 14px}.mega-label-spaced{margin-top:27px}
.mega-link{min-height:63px;padding:5px 8px;display:flex;align-items:flex-start;gap:12px;border-radius:7px;transition:background-color .2s,transform .2s}.mega-link:hover{background:#f5f5f3;transform:translateX(3px)}
.mega-icon{width:40px;height:40px;flex:none;background:#f4f4f3;border-radius:3px;display:grid;place-items:center;font-size:18px;font-weight:500;line-height:1;color:#202020}
.mega-link strong,.mega-feature-copy strong{display:block;font-size:14px;font-weight:500;line-height:1.25;letter-spacing:-.015em}.mega-link small,.mega-feature-copy small{display:block;font-size:13px;line-height:1.3;color:#757575;margin-top:2px;letter-spacing:-.02em}
.mega-simple{display:block;padding:7px 0;font-size:14px;line-height:1.35;font-weight:500;letter-spacing:-.02em;transition:color .2s,transform .2s}.mega-simple:hover{color:#666;transform:translateX(3px)}
.mega-divider{height:1px;background:#e9e9e7;margin:20px -32px 28px}.mega-highlight{display:block;background:#f5f5f4;padding:16px;border-radius:7px;margin-top:14px}.mega-highlight strong{display:block;font-size:14px;font-weight:500}.mega-highlight small{display:block;color:#747474;font-size:13px;margin-top:2px}
.mega-feature{display:block;border-top:1px solid #e2e2df;background:#f7f7f7;padding:28px 32px 35px}.mega-feature-card{display:flex;align-items:end;gap:22px}.mega-feature-art{position:relative;display:flex;flex-direction:column;justify-content:space-between;width:390px;height:215px;flex:none;overflow:hidden;padding:22px 24px;border-radius:10px;background:radial-gradient(circle at 90% 20%,#f5ffb1,#e9e6df 45%,#cbc7bd);box-shadow:inset 0 0 0 1px #ddd9d1}.mega-feature-art:after{content:'';position:absolute;width:230px;height:230px;right:-45px;bottom:-105px;border-radius:50%;background:linear-gradient(135deg,#f4ff99,#b3c765);box-shadow:0 20px 30px #0002}.mega-feature-art>span{z-index:1;font-size:10px;letter-spacing:.13em}.mega-feature-art b{z-index:1;font-size:39px;letter-spacing:-.075em;line-height:.99;font-weight:600}.mega-feature-copy{padding-bottom:12px}.mega-feature-copy strong{font-size:18px}.mega-feature-copy strong .mega-arrow{width:17px;height:17px;margin-left:4px;vertical-align:-3px}
.mobile-nav{display:none}
@media(min-width:1200px){.mega-shell{width:1152px}}
@media(max-width:1050px){.navlinks{gap:0}.navlinks>a,.nav-trigger{padding:0 8px;font-size:12px}.nav-actions{gap:8px}.nav-actions .btn{padding:0 11px;font-size:12px}}
@media(max-width:1180px){.navlinks{display:none}.nav-actions .sign-in{display:none}.nav-actions .btn-dark{display:none}.menu-toggle{display:flex;flex-direction:column;justify-content:center;gap:5px;width:40px;height:40px;align-items:center;padding:0;margin-left:3px}.menu-toggle img{width:20px;height:20px;display:block}.menu-toggle .menu-close-icon{display:none}.menu-toggle[aria-expanded="true"] .menu-open-icon{display:none}.menu-toggle[aria-expanded="true"] .menu-close-icon{display:block}.mega-shell{display:none}.mobile-nav{display:block;position:absolute;top:100%;left:0;right:0;max-height:calc(100vh - 62px);overflow:auto;background:white;padding:14px 24px 30px;box-shadow:0 20px 30px #0002}.mobile-nav[hidden]{display:none}.mobile-nav>a,.mobile-nav>button{display:flex;align-items:center;justify-content:space-between;width:100%;padding:14px 0;border:0;border-bottom:1px solid #ededeb;background:none;font-size:17px;font-weight:500;text-align:left}.mobile-nav>button[aria-expanded="true"] .mobile-chevron{transform:rotate(180deg)}.mobile-submenu{display:none;background:#f8f8f6;padding:8px 14px 16px}.mobile-submenu.is-open{display:block}.mobile-submenu a{display:block;padding:8px 0;font-size:13px}.mobile-submenu .mega-label{margin:14px 0 5px}.mobile-submenu small{display:block;color:#777;font-size:11px}}
@media(max-width:520px){.nav .brand{width:76px}.nav-actions .btn-acid{min-height:34px;padding:0 10px;font-size:11px}}

.v2-menu-wrap{width:min(1152px,calc(100% - 48px));margin-inline:auto}
.topbar{position:sticky;top:0;border-bottom:1px solid #e7e7e4;background:rgba(255,255,255,.97);backdrop-filter:blur(16px);font:400 16px/1.55 OgilioV2Sans,"SF Pro Display",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
.topbar .nav{display:flex;align-items:center}
.topbar .brand{display:inline-flex;align-items:center}
.topbar .brand img{display:block;width:100%;height:auto}
.topbar .nav-actions{display:flex;align-items:center}
.topbar .v2-language-picker{position:relative;z-index:16;flex:none;font-family:OgilioV2Sans,"SF Pro Display",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
.topbar .v2-language-trigger{height:34px;min-width:58px;display:flex;align-items:center;justify-content:center;gap:9px;padding:0 10px;border:1px solid rgba(18,18,18,.12);border-radius:7px;background:#fff;color:#171717;box-shadow:0 1px 2px rgba(0,0,0,.025);transition:border-color .2s,background-color .2s,box-shadow .2s}
.topbar .v2-language-trigger:hover,.topbar .v2-language-trigger[aria-expanded="true"]{border-color:rgba(18,18,18,.23);background:#f8f8f5;box-shadow:0 2px 8px rgba(0,0,0,.055)}
.topbar .v2-language-trigger:focus-visible,.topbar .v2-language-options a:focus-visible{outline:2px solid #778d00;outline-offset:3px}
.topbar .v2-language-code{font-size:11px;font-weight:650;line-height:1;letter-spacing:.025em}
.topbar .v2-language-trigger img{display:block;width:13px;height:13px;opacity:.65;transition:transform .2s}
.topbar .v2-language-trigger[aria-expanded="true"] img{transform:rotate(180deg)}
.topbar .v2-language-options{position:absolute;top:calc(100% + 10px);right:0;width:196px;padding:6px;border:1px solid rgba(18,18,18,.09);border-radius:11px;background:#fff;box-shadow:0 16px 40px rgba(20,20,15,.13),0 2px 8px rgba(20,20,15,.035);animation:v2-language-enter .18s ease-out both}
.topbar .v2-language-options[hidden]{display:none}
.topbar .v2-language-options a{display:flex;align-items:center;gap:10px;min-height:43px;padding:0 11px;border-radius:6px;color:#222;transition:background-color .18s}
.topbar .v2-language-options a:hover,.topbar .v2-language-options a:focus-visible{background:#f5f5f2}
.topbar .v2-language-options a[aria-current="page"]{background:#f3f6df}
.topbar .v2-language-name{flex:1;font-size:13px;font-weight:500;line-height:1}
.topbar .v2-language-short{color:#878781;font-size:10px;font-weight:600;letter-spacing:.035em}
.topbar .v2-language-options a img{width:15px;height:15px;opacity:0}
.topbar .v2-language-options a[aria-current="page"] img{opacity:1}
@keyframes v2-language-enter{from{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}
.topbar .menu-toggle{display:none;border:0;background:transparent;padding:0;cursor:pointer;font:400 24px/1.55 OgilioV2Sans,"SF Pro Display",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
.topbar button{font-family:inherit;cursor:pointer}
.topbar a{text-decoration:none;color:inherit}
.topbar .nav-actions .btn{display:inline-flex;align-items:center;justify-content:center;border-radius:6px;font-weight:600}
.topbar .nav-actions .btn-dark{color:#fff}
.mega-icon img{display:block;width:20px;height:20px}
.mega-arrow{width:16px;height:16px;vertical-align:-3px}
.mobile-chevron{display:block;width:17px;height:17px;transition:transform .2s}
@media(max-width:1180px){.topbar .menu-toggle{display:flex}}
@media(max-width:760px){.v2-menu-wrap{width:calc(100% - 32px)}}
@media(prefers-reduced-motion:reduce){.mega-panel,.mega-backdrop,.nav-chevron,.mobile-chevron,.topbar .v2-language-trigger,.topbar .v2-language-trigger img,.topbar .v2-language-options a{transition:none}.topbar .v2-language-options{animation:none}}
@media(max-width:1180px){.topbar .nav-actions .btn-dark{display:none}}
/* Keep homepage typography, buttons and blur identical on every V2 page. */
.topbar .navlinks>a,.topbar .nav-trigger{font-family:OgilioV2Sans,"SF Pro Display",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:14px;font-weight:400;line-height:1;padding:0 12px}
.topbar .nav-actions .sign-in{font-family:OgilioV2Sans,"SF Pro Display",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:14px;font-weight:400;line-height:1.55}
.topbar .nav-actions .btn{font-family:OgilioV2Sans,"SF Pro Display",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:14px;font-weight:500;line-height:1.55;gap:12px;border:1px solid transparent;text-transform:none;white-space:nowrap}
@media(max-width:1050px){.topbar .navlinks>a,.topbar .nav-trigger{font-size:12px;padding:0 8px}.topbar .nav-actions .sign-in{display:none}.topbar .nav-actions .btn{font-size:12px;padding:0 11px}}
@media(max-width:760px){.topbar .nav-actions .btn{font-size:11px;padding:0 12px;min-height:38px}}
@media(max-width:520px){.topbar .nav-actions .btn-acid{font-size:11px;padding:0 10px;min-height:34px}}

/* The mega menu stays above the fixed V2 activity strip. */
.topbar#v2-header{z-index:110}
#v2-mega-backdrop{z-index:108}
#v2-header .mega-shell{z-index:111}
#v2-header .v2-language-options{max-height:min(65vh,430px);overflow-y:auto}

#v2-header .v2-atlas-trigger{width:34px;height:34px;display:grid;place-items:center;flex:none;border-radius:6px;color:#242424;transition:background-color .2s}
#v2-header .v2-atlas-trigger:hover{background:#f5f5f3}
#v2-header .v2-atlas-trigger:focus-visible{outline:2px solid #778d00;outline-offset:3px}
@media(max-width:520px){#v2-header .v2-atlas-trigger{width:30px;height:34px}}
#v2-header .v2-atlas-wrap{position:relative;display:flex;align-items:center;flex:none}
#v2-header .v2-atlas-tooltip{position:absolute;top:calc(100% + 17px);right:-18px;z-index:130;box-sizing:border-box;width:min(295px,calc(100vw - 32px));padding:16px 42px 17px 18px;border:1px solid #e5e7df;border-radius:14px;background:#fff;color:#191a17;box-shadow:0 16px 42px rgba(20,23,19,.13);opacity:0;transform:translateY(-5px);transition:opacity .2s ease,transform .2s ease}
#v2-header .v2-atlas-tooltip[hidden]{display:none}
#v2-header .v2-atlas-tooltip.is-visible{opacity:1;transform:translateY(0)}
#v2-header .v2-atlas-tooltip:before{content:"";position:absolute;top:-7px;right:27px;width:12px;height:12px;background:#fff;border-top:1px solid #e5e7df;border-left:1px solid #e5e7df;transform:rotate(45deg)}
#v2-header .v2-atlas-tooltip-title{display:block;margin-bottom:5px;font-size:14px;font-weight:700;line-height:1.25}
#v2-header .v2-atlas-tooltip-text{display:block;color:#626760;font-size:13px;line-height:1.5}
#v2-header .v2-atlas-tooltip-close{position:absolute;top:11px;right:10px;display:grid;place-items:center;width:27px;height:27px;padding:0;border:0;border-radius:7px;background:transparent;color:#696e66;cursor:pointer}
#v2-header .v2-atlas-tooltip-close:hover{background:#f2f3ee;color:#191a17}
#v2-header .v2-atlas-tooltip-close:focus-visible{outline:2px solid #778d00;outline-offset:2px}
@media(max-width:520px){#v2-header .v2-atlas-tooltip{right:-54px}#v2-header .v2-atlas-tooltip:before{right:63px}}
@media(prefers-reduced-motion:reduce){#v2-header .v2-atlas-tooltip{transition:none}}

/* One public header across legacy and V2 pages. */
#v2-header,.v2-public-announcement{box-sizing:border-box;width:100%;flex:none}
#v2-header *,#v2-header *::before,#v2-header *::after,
.v2-public-announcement *,.v2-public-announcement *::before,.v2-public-announcement *::after{box-sizing:border-box}
#v2-header .navlinks{margin-left:0;margin-inline-start:10px}
#v2-header .nav-actions{margin-left:0;margin-inline-start:auto}
#v2-header .nav-chevron{margin-left:0;margin-inline-start:8px}
#v2-header .menu-toggle{margin-left:0;margin-inline-start:3px}
.v2-public-announcement a{margin-left:0;margin-inline-start:auto}
#v2-header .mega-col.mega-bordered{border-left:0;padding-left:0;border-inline-start:1px solid #e9e9e7;padding-inline-start:32px}
#v2-header .v2-language-options{right:auto;inset-inline-end:0}
#v2-header[dir=rtl] .mega-link:hover,#v2-header[dir=rtl] .mega-simple:hover{transform:translateX(-3px)}
#v2-header[dir=rtl] .v2-atlas-tooltip{right:auto;left:-18px;padding:16px 18px 17px 42px}
#v2-header[dir=rtl] .v2-atlas-tooltip:before{right:auto;left:27px}
#v2-header[dir=rtl] .v2-atlas-tooltip-close{right:auto;left:10px}
#v2-header[dir=rtl] .mobile-nav>a,#v2-header[dir=rtl] .mobile-nav>button{text-align:right}
body.og-site-auth-body .og-site-auth-main{padding-top:60px}
body .og-site-help-main{padding-top:48px}
@media(max-width:600px){body.og-site-auth-body .og-site-auth-main{padding-top:40px}body .og-site-help-main{padding-top:32px}}

#v2-header[dir=rtl],#v2-header[dir=rtl] :is(button,a,span,small,strong,div,nav),
.v2-public-announcement[dir=rtl],.v2-public-announcement[dir=rtl] :is(a,span){font-family:"Noto Sans Arabic",OgilioV2Arabic,system-ui,sans-serif}

/* Legacy pages reserved space for the former fixed header; the shared header is in flow. */
body.og-product-page .og-product-hero{padding-top:60px}
html[data-og-theme=v2] body.og-seo-v2 .og-seo-hero{padding-top:34px}
body.bg-white main#main-content>section:first-child{padding-top:58px}
body.bg-background-1 main.og-contact-page>section:first-child{padding-top:66px}
body main#main-content.pt-32{padding-top:66px}
body.ogilio-seo-page .seo-shell>main>section:first-child{padding-top:30px}
body .og-site-help-main{padding-top:28px}
@media(min-width:768px){
  body.bg-white main#main-content>section:first-child{padding-top:98px}
  body.bg-background-1 main.og-contact-page>section:first-child{padding-top:82px}
  body main#main-content.pt-32{padding-top:82px}
}
@media(min-width:1280px){body.bg-background-1 main.og-contact-page>section:first-child{padding-top:118px}}
@media(max-width:760px){body.og-product-page .og-product-hero{padding-top:50px}}
@media(max-width:820px){html[data-og-theme=v2] body.og-seo-v2 .og-seo-hero{padding-top:28px}}
@media(max-width:600px){body .og-site-help-main{padding-top:10px}}