/* The first three sections of the approved homepage. */
html { -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale; text-rendering:optimizeLegibility; }
.home-page { font-family:"InterVariable",Inter,-apple-system,BlinkMacSystemFont,"San Francisco","Segoe UI",Roboto,"Helvetica Neue",sans-serif; --home-ink:#111817; --home-muted:#69736f; background:#fff; color:#111817; }
.home-header { background:#fff; border-bottom:1px solid #f0f1f0; backdrop-filter:none; }
.home-header-inner { min-height:64px; }
.home-page .home-brand-mark { width:27px; height:27px; color:#087b54; background:transparent; box-shadow:none; }
.home-page .home-brand-mark i { font-size:27px; }
.home-brand { color:#111817; }
.home-nav { gap:26px; }
.home-nav a,.home-nav-dropdown>button { color:#202522; }
.home-header-actions { gap:18px; }
.home-theme-button { display:none!important; }
.home-page .home-account-trigger,.home-page .home-header-cta { display:flex; width:auto; height:auto; align-items:center; gap:7px; padding:0; color:#202522; background:transparent; border:0; box-shadow:none; font-size:13px; font-weight:500; }
.home-account-trigger .ti-user,.home-header-cta .ti-user { display:grid; width:21px; height:21px; place-items:center; border:1.5px solid currentColor; border-radius:50%; font-size:14px; }
.home-page .home-header-cta { display:inline-flex; flex:0 0 auto; justify-content:center; min-height:40px; padding:0 14px; color:#fff; background:#287b60; border-radius:8px; white-space:nowrap; text-decoration:none; }
.home-page .home-header-cta:hover { color:#fff; background:#20654e; }
.home-page .home-header-cta .ti-user { flex:0 0 21px; }
.home-language .home-icon-button { gap:5px; color:#202522; font-size:13px; }
.home-language .ti-world { font-size:19px; }
.home-language .ti-chevron-down { font-size:12px; }
.terminal-hero { padding:34px 0 18px; background:#fff; }
.terminal-intro { min-height:0; margin:0 0 20px; }
.terminal-intro h1 { font-size:clamp(52px,6.6vw,88px); line-height:.96; letter-spacing:-.055em; font-weight:700; font-synthesis: none; color:#111817; }
.terminal-intro p { margin:12px 0 0; color:#324153; font-size:clamp(17px,1.7vw,21px); line-height:1.3; }
.terminal-visual,.terminal-bottom { display:none!important; }
.terminal-controls { display:flex; height:56px; gap:8px; padding:5px; border:1px solid #e1e5e2; border-radius:10px; background:#fff; box-shadow:0 4px 18px rgba(25,37,30,.05); }
.terminal-controls .ed-tabs { width:280px; gap:3px; padding:0; background:#f5f6f5; border-radius:6px; }
.terminal-controls .ed-tabs button { min-height:44px; border-radius:5px; color:#77817d; font-size:13px; }
.terminal-controls .ed-tabs button[aria-selected=true] { color:#087a51; border-color:#d9e7df; border-bottom:2px solid #087b54; background:#fff; }
.terminal-controls .ed-search { height:44px; padding:0 0 0 12px; border:0; box-shadow:none; background:transparent; }
.terminal-controls .ed-search>i { color:#18201c; font-size:21px; }
.terminal-controls .ed-search input { color:#202522; font-size:14px; }
.terminal-controls .ed-search input::placeholder { color:#929eaa; }
.terminal-controls .ed-search>button { display:inline-flex; width:40px; height:40px; align-items:center; justify-content:center; padding:0; border-radius:50%; background:#087b54; }
.terminal-controls .ed-search>button svg { display:block; flex:none; width:20px; height:20px; }
.stage-section { padding:10px 0; background:#f4f5f3; }
.stage-heading { align-items:center; margin-bottom:14px; }
.stage-heading h2 { font-size:clamp(25px,2.4vw,34px); letter-spacing:-.045em; }
.stage-heading p { display:none; }
.stage-heading>a { color:#087b54; font-size:13px; }
.stage { min-height:clamp(350px,38vw,520px); border-radius:16px; }
.stage-shade { background:linear-gradient(0deg,rgba(4,11,9,.38),rgba(6,12,10,.04) 54%),linear-gradient(90deg,rgba(5,11,9,.18),transparent 55%); }
.stage-content { min-height:inherit; padding:24px; align-items:flex-end; }
.stage-panel { width:280px; max-width:34%; padding:22px; color:white; background:rgba(15,23,42,.20); border:1px solid rgba(255,255,255,.15); border-radius:16px; box-shadow:0 20px 40px -15px rgba(0,0,0,.5); -webkit-backdrop-filter:blur(6px); backdrop-filter:blur(6px); }
.stage-title { display:flex; align-items:center; gap:12px; margin:0; color:#fff; font-size:28px; line-height:1.1; font-weight:700; font-synthesis:none; }
.stage-title .flag { flex:none; width:36px; height:30px; border:1px solid rgba(255,255,255,.2); border-radius:5px; }
.stage-detail { margin:8px 0 16px; color:rgba(255,255,255,.8); font-size:13px; }
.stage-network { margin:0 0 15px; color:rgba(255,255,255,.88); font-size:12px; line-height:1.45; }
.stage-price { display:flex; align-items:baseline; gap:8px; margin:0 0 14px; color:#fff; }
.stage-price span { font-size:14px; font-weight:600; }
.stage-price strong { font-size:23px; line-height:1; }
.stage-cta { display:flex; width:100%; min-height:44px; justify-content:center; align-items:center; padding:10px; color:#fff; border:1px solid rgba(255,255,255,.35); border-radius:9px; background:#087c51; font-size:13px; font-weight:700; text-decoration:none; }
.stage-cta:hover { color:#fff; background:#066744; }
.stage-dock { position:absolute; right:24px; bottom:24px; left:calc(34% + 36px); display:flex; flex-wrap:nowrap; justify-content:flex-end; gap:7px; padding:0; overflow-x:auto; }
.stage-dock-button { flex:none; display:flex; align-items:center; gap:7px; min-height:42px; padding:8px 10px; color:#fff; border:1px solid rgba(255,255,255,.24); border-radius:8px; background:rgba(10,15,13,.68); font-size:12px; white-space:nowrap; transition:background .2s,border-color .2s,box-shadow .2s,transform .2s; }
.stage-dock-button .flag { width:21px; height:16px; border-radius:2px; }
.stage-dock-button:hover { transform:none; background:rgba(30,45,36,.85); }
.stage-dock-button[aria-pressed=true] { color:#e7fff0; border-color:rgba(199,238,214,.8); box-shadow:0 0 0 1px rgba(112,196,145,.25),0 0 14px rgba(24,116,69,.2); }
#numbers,#how-it-works,.benefit-section,#compatibility,#faq,.trust-strip,.home-footer { display:none!important; }
[data-bs-theme=dark] .home-page,[data-bs-theme=dark] .terminal-hero,[data-bs-theme=dark] .home-header { background:#fff; color:#202522; }
[data-bs-theme=dark] .stage-section { background:#f4f5f3; }
[data-bs-theme=dark] .terminal-controls,[data-bs-theme=dark] .terminal-controls .ed-search,[data-bs-theme=dark] .terminal-controls .ed-tabs button[aria-selected=true] { background:#fff; color:#202522; }
[data-bs-theme=dark] .terminal-controls .ed-search input { color:#202522; }
@media(max-width:900px) { .stage { min-height:430px; }.stage-panel { width:250px; max-width:40%; }.stage-dock { left:calc(40% + 25px); justify-content:flex-start; } }
@media(max-width:700px) { .terminal-hero { padding:34px 0 18px; }.terminal-intro h1 { font-size:clamp(43px,9vw,60px); }.terminal-controls { height:auto; flex-wrap:wrap; }.terminal-controls .ed-tabs { width:100%; }.terminal-controls .ed-search { width:100%; flex-basis:100%; }.stage-section { padding:10px 0; }.stage { min-height:480px; }.stage-content { padding:18px 18px 88px; }.stage-panel { width:275px; max-width:100%; }.stage-dock { left:18px; right:18px; bottom:20px; }.stage-heading>a { text-align:right; } }
@media(prefers-reduced-motion:reduce) { .stage-dock-button { transition:none; }.stage-dock-button:hover { transform:none; } }

/* Search console icon alignment and inset field. */
.terminal-controls .ed-tabs button { display:flex; align-items:center; justify-content:center; gap:7px; }
.terminal-tab-icon { display:block; flex:none; width:16px; height:16px; }
.terminal-controls .ed-tabs button[aria-selected=true] .terminal-tab-icon { color:#087a51; }
.terminal-controls .ed-tabs button[aria-selected=false] .terminal-tab-icon { color:#697c99; }
.terminal-controls .ed-search { gap:8px; padding:0; }
.ed-search-field { display:flex; flex:1; min-width:0; height:44px; align-items:center; gap:12px; padding:0 13px; border:1px solid #dce2e8; border-radius:6px; background:#fff; }
.ed-search-field:focus-within { border-color:#579e87; outline:2px solid rgba(33,132,103,.2); outline-offset:1px; }
.terminal-controls .ed-search:focus-within { outline:0; }
.terminal-search-icon { display:block; flex:none; width:21px; height:21px; color:#101817; }
.terminal-controls .ed-search input { flex:1; }
@media(max-width:700px) { .terminal-controls .ed-search { gap:8px; } }

/* Independent mobile navigation and popovers. */
.home-language-menu,.home-account-menu { z-index:80; }
@media(max-width:700px) {
  .home-header { z-index:50; }
  .home-header-inner { position:static; height:64px; min-height:64px; flex-wrap:nowrap; gap:6px; }
  .home-brand { flex:none; margin-right:auto; }
  .home-menu-toggle { flex:none; width:44px; height:44px; cursor:pointer; }
  .home-header-actions { position:relative; z-index:60; flex:none; gap:2px; }
  .home-language .home-icon-button { min-height:44px; }
  .home-page .home-account-trigger,.home-page .home-header-cta { min-height:44px; padding:0 4px; }
  .home-nav { position:absolute; z-index:50; top:100%; left:0; width:100%; max-height:calc(100vh - 64px); overflow-y:auto; padding:6px 0 12px; border:0; border-top:1px solid #eef0ee; border-radius:0 0 12px 12px; background:#fff; box-shadow:0 16px 32px rgba(24,34,28,.15); }
  .home-nav.is-open { display:flex; flex-direction:column; align-items:stretch; gap:0; }
  .home-nav > a,.home-nav > .home-nav-dropdown { display:block; width:100%; padding:0; border-bottom:1px solid #f0f2f0; }
  .home-nav > a,.home-nav-dropdown > button { display:flex; min-height:48px; width:100%; align-items:center; padding:12px 24px; color:#202522; font-size:15px; font-weight:600; text-align:left; }
  .home-nav-dropdown > button { justify-content:space-between; }
  .home-nav > a:hover,.home-nav > a:active,.home-nav-dropdown > button:hover,.home-nav-dropdown > button:active { background:#f4f5f3; }
  .home-nav-menu { position:static; min-width:0; margin:0; padding:3px 12px 9px 24px; border:0; border-radius:0; background:#f8f9f8; box-shadow:none; }
  .home-nav-menu a { min-height:44px; padding:10px 12px; font-weight:500; }
  .home-nav-menu .flag { flex:none; width:20px; height:15px; border-radius:2px; }
  .home-language-menu,.home-account-menu { z-index:80; background:#fff; }
}
@media(max-width:360px) { .home-header-inner { gap:2px; }.home-brand { gap:4px; font-size:16px; }.home-page .home-account-trigger span { display:none; } }

/* Shared clipping and surface edges for the destination stage. */
.stage { isolation:isolate; overflow:hidden; background:#101923; }
@supports (overflow:clip) { .stage { overflow:clip; } }
.stage-image,.stage-shade { inset:-1px; }
.stage-panel,.stage-dock-button,.stage-cta { background-clip:padding-box; }
.stage-panel { animation:none; }
.stage-dock { padding:4px; right:20px; bottom:20px; left:calc(34% + 32px); }
.stage-dock-button[aria-pressed=true] { box-shadow:0 2px 8px rgba(0,0,0,.24); }
@media(max-width:900px) { .stage-dock { left:calc(40% + 21px); } }
@media(max-width:700px) { .stage-dock { left:14px; right:14px; bottom:16px; } }

/* Rounded stage and surfaces are composited on a dark backing. */
.stage { border-radius:1.25rem; background:#000; isolation:isolate; -webkit-transform:translateZ(0); transform:translateZ(0); -webkit-backface-visibility:hidden; backface-visibility:hidden; overflow:visible; -webkit-clip-path:inset(0 round 1.25rem); clip-path:inset(0 round 1.25rem); }
.stage-image { border-radius:1.25rem; }
.stage-panel,.stage-dock-button { border:0; background-clip:padding-box; -webkit-transform:translateZ(0); transform:translateZ(0); will-change:transform; }
.stage-panel { box-shadow:inset 0 0 0 1px rgba(255,255,255,.15),0 20px 40px -15px rgba(0,0,0,.5); }
.stage-dock-button { box-shadow:inset 0 0 0 1px rgba(255,255,255,.15),0 4px 12px -5px rgba(0,0,0,.5); }
.stage-dock-button[aria-pressed=true] { box-shadow:inset 0 0 0 1px rgba(199,238,214,.8),0 4px 12px -5px rgba(0,0,0,.5); }
.stage-dock-button:hover { -webkit-transform:translateZ(0); transform:translateZ(0); }

/* Align the language icon, label and chevron on one visual centerline. */
.home-language .home-icon-button { display:inline-flex; align-items:center; line-height:1; }
.home-language .home-icon-button > i { display:inline-flex; align-items:center; justify-content:center; flex:none; line-height:1; }
.home-language .home-icon-button > i::before { display:block; line-height:1; }
.home-language .home-icon-button > span { display:block; line-height:1; transform:translateY(2px); }

.home-language-menu { max-height:min(360px, 65vh); overflow-y:auto; min-width:175px; }
.home-language-menu a[aria-current="true"] { background:#edf5ef; color:#147854; }
.home-page .home-brand { display:inline-flex; align-items:center; gap:10px; color:#0d1210; font-size:22px; font-weight:800; letter-spacing:-.045em; line-height:1; }
.home-page .home-brand .zaobeta-logo-icon { width:34px; height:34px; flex:none; transition:transform .3s; }
.home-page .home-brand:hover .zaobeta-logo-icon { transform:rotate(-6deg) scale(1.04); }
.home-page .home-brand .zaobeta-wordmark b { color:#137a46; font-weight:800; }
.home-page .home-footer .home-brand { font-size:17px; }
.home-page .home-footer .home-brand .zaobeta-logo-icon { width:26px; height:26px; }
@media(max-width:360px) { .home-page .home-header .home-brand { gap:6px; font-size:19px; } .home-page .home-header .home-brand .zaobeta-logo-icon { width:30px; height:30px; } }
@media(prefers-reduced-motion:reduce) { .home-page .home-brand .zaobeta-logo-icon,.zaobeta-brand .zaobeta-logo-icon { transition:none; } }