/* Shared NUMERA eSIM appearance; cinematic photo panels retain dark overlays. */
:root{--numera-spectrum:linear-gradient(90deg,#29e6ff 0%,#2457d6 33.333333%,#6336c9 66.666667%,#d64cff 100%)}
.sr-only{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}
.numera-appearance-control{display:inline-flex;align-items:center;min-width:0;flex:none}
.numera-appearance-select{min-width:74px;max-width:105px;height:35px;padding:0 18px 0 8px;border:1px solid #899ebbb0;border-radius:9px;background:var(--surface,#15253c);color:var(--text,#f9fbff);font:600 12px system-ui;cursor:pointer;color-scheme:inherit}
.numera-appearance-select:focus-visible{outline:2px solid #6336c9;outline-offset:3px}
.header .numera-appearance-select{background:transparent;color:var(--text,#fff);border-color:currentColor}
.numera-auth-panel>.numera-appearance-control{position:absolute!important;top:32px;right:116px;z-index:5}
@media(max-width:1100px){.header .nav-end{gap:10px}.header .nav-cta{padding-inline:13px}}
@media(max-width:600px){.numera-auth-panel>.numera-appearance-control{top:26px;right:85px}.header .numera-appearance-select{max-width:76px;font-size:11px;padding-left:5px}.header .nav-cta{padding-inline:9px}}
/* Only major actions, selected plans and outgoing NUMA messages carry the brand gradient. */
.btn.blue:not(:disabled),.btn.light:not(:disabled),.nav-cta,.numera-button-primary:not(:disabled),.numera-message.user .numera-message-bubble{background:var(--numera-spectrum)!important;color:#fff!important;border-color:transparent!important;text-shadow:0 1px 1px #030d2380}
.nav-cta:hover,.btn.blue:not(:disabled):hover,.btn.light:not(:disabled):hover,.numera-button-primary:not(:disabled):hover{box-shadow:0 9px 24px #8850d750!important;filter:brightness(1.06)}
.numera-button-primary:disabled{opacity:.47;filter:grayscale(.7);cursor:not-allowed}
.tabs button.active{background:var(--numera-spectrum)!important;color:#fff!important;border-color:transparent!important}
.short-rule,.section-rule{background:var(--numera-spectrum)!important}
.numera-nav-item.active{border-inline-start:3px solid #8a53d4!important}
/* Light mode changes readable UI surfaces; imagery remains cinematic. */
:root[data-resolved-theme="light"]{color-scheme:light;--bg:#f7f9fd;--panel:#fff;--panel2:#eef3fa;--text:#182d46;--soft:#354b65;--muted:#526881;--line:#cad6e4}
:root[data-resolved-theme="light"] body{background:var(--bg);color:var(--text)}
:root[data-resolved-theme="light"] body:before{background:#f7f9fd}
:root[data-resolved-theme="light"] .header{background:#f9fbfeeF;border-bottom:1px solid #d0ddeb}
:root[data-resolved-theme="light"] .site-nav>a,:root[data-resolved-theme="light"] .dropdown>button,:root[data-resolved-theme="light"] .sign-link{color:#20344f}
:root[data-resolved-theme="light"] .site-nav>a:hover,:root[data-resolved-theme="light"] .dropdown>button:hover{color:#604caa}
:root[data-resolved-theme="light"] .dropdown-panel{background:#fff;border-color:#cadaeb;box-shadow:0 16px 40px #1634532d}
:root[data-resolved-theme="light"] .dropdown-panel a{color:#20344d}
:root[data-resolved-theme="light"] .dropdown-panel a:hover{background:#eaf0fc;color:#20436a}
:root[data-resolved-theme="light"] .header .numera-appearance-select{color:#213755;background:#fff;border-color:#aebfd5}
:root[data-resolved-theme="light"] .mobile-menu{color:#253955;border-color:#bdccdd}
:root[data-resolved-theme="light"] .site-nav.open{background:#f9fbfd;border-color:#ccd9e8}
:root[data-resolved-theme="light"] .footer{background:#eaf0f8;color:#263d5b;border-top:1px solid #cbd9e9}
:root[data-resolved-theme="light"] .footer :is(a,b,p){color:#263d5b}
:root[data-resolved-theme="light"] .brand-esim{color:inherit}
:root[data-resolved-theme="light"] :is(.numa-strip,.inner-page,.cinema-page,.cinema-watch,.owner-page,.contact-page){color:#192e48}
:root[data-resolved-theme="light"] :is(.numa-strip p,.inner-page>p,.cinema-intro p){color:#475f7b}
:root[data-resolved-theme="light"] :is(.detail-panel,.number-form,.number-information,.chat-example){background:#fff;color:#1a314b;border:1px solid #cbd9e8}
:root[data-resolved-theme="light"] :is(.detail-panel p,.number-form p,.number-information p){color:#445f7a}
:root[data-resolved-theme="light"] :is(.search,.search input,.contact-page input,.contact-page textarea,.contact-page select){background:#fff;color:#19314e;border-color:#adbed5}
:root[data-resolved-theme="light"] .btn.outline{background:#fff;color:#233b5b;border-color:#b6c7dc}
:root[data-resolved-theme="light"] .tabs button:not(.active){background:#eef3fa;color:#263d5c;border-color:#c3d0e2}
:root[data-resolved-theme="light"] .notice{background:#f0f5fb;color:#273f5d;border-color:#d0ddec}
:root[data-resolved-theme="light"] :is(.owner-nav a,.owner-row){color:#273e59;border-color:#cbd8e8}
:root[data-resolved-theme="light"] .owner-nav a.chosen{color:#fff}
:root[data-resolved-theme="light"] :is(.home-hero,.wide-scene,.products-scene,.traveller-scene,.numbers-scene,.topups-scene,.about-scene,.plus-scene,.contact-hero,.missing-hero,.help-hero){color:#fff}
:root[data-resolved-theme="light"] :is(.home-hero,.wide-scene,.products-scene,.traveller-scene,.numbers-scene,.topups-scene,.about-scene,.plus-scene,.contact-hero,.missing-hero,.help-hero) :is(h1,h2,h3,p){color:inherit}
/* Override legacy forced-dark login styles only when light appearance is active. */
:root[data-resolved-theme="light"] .numera-auth-desktop{background:#f7f9fd!important;color:#182b46!important}
:root[data-resolved-theme="light"] .numera-auth-desktop .numera-auth-panel{--text:#19304b!important;--muted:#516680!important;--border:#adbed4!important;color:#19304b!important}
:root[data-resolved-theme="light"] .numera-auth-desktop .numera-auth-panel :is(h1,label,.numera-brand,.numera-brand>span){color:#192d47!important;-webkit-text-fill-color:#192d47!important}
:root[data-resolved-theme="light"] .numera-auth-desktop .numera-auth-panel .numera-muted{color:#466079!important}
:root[data-resolved-theme="light"] .numera-auth-desktop .numera-auth-panel input:not([type=checkbox]){background:#fff!important;color:#162b46!important;border-color:#a8bbd2!important}
:root[data-resolved-theme="light"] .numera-auth-desktop .numera-auth-panel .numera-return-home{color:#284463!important}
:root[data-resolved-theme="light"] .numera-auth-desktop .numera-human-copy small{color:#4a627e!important}
:root[data-resolved-theme="light"] .numera-auth-desktop .numera-google-divider{color:#43607f!important}
:root[data-resolved-theme="light"] .numera-auth-desktop .numera-google-divider:before,:root[data-resolved-theme="light"] .numera-auth-desktop .numera-google-divider:after{background:#b9cadb!important}
:root[data-resolved-theme="light"] .numera-auth-desktop .numera-appearance-select{background:#fff!important;color:#16304d!important;border-color:#aabbce!important}
:root[data-resolved-theme="light"] .numera-auth-desktop:before{background:radial-gradient(ellipse at 30% 42%,#dce9feb5,transparent 67%)!important}
:root[data-resolved-theme="light"] .numera-google-authorization{background:#f7f9fd;color:#192d47}
:root[data-resolved-theme="light"] .numera-google-authorization .numera-auth-panel{background:#fff;color:#192d47;border-color:#cbd8e7}
:root[data-resolved-theme="light"] .numera-google-authorization .numera-auth-panel :is(h1,label){color:#192d47}
:root[data-resolved-theme="light"] .numera-google-authorization .numera-muted{color:#485d78}
:root[data-resolved-theme="light"] .numera-google-authorization input{background:#fff;color:#192d47}
:root[data-resolved-theme="light"] .numera-google-authorization .numera-link-button{color:#3555a5}
@media(max-width:900px){:root[data-resolved-theme="light"] .numera-auth-desktop:before{background:#f7f9fd!important}}
@media(prefers-reduced-motion:reduce){.btn,.numera-button-primary,.numera-appearance-select{transition:none!important}}
.numera-site-lang{display:inline-flex;align-items:center;min-width:0;flex:none}
.numera-site-lang select{height:35px;min-width:75px;max-width:120px;padding:0 10px;border:1px solid #899ebbb0;border-radius:9px;background:var(--surface,#15253c);color:var(--text,#f9fbff);font:600 12px system-ui;cursor:pointer;color-scheme:inherit}
.header .numera-site-lang select{background:transparent;color:var(--text,#fff);border-color:currentColor}
:root[data-resolved-theme="light"] .header .numera-site-lang select{background:#fff;color:#1b3452;border-color:#aebfd4}
.numera-nav-preferences{display:none;gap:14px;align-items:center;padding:14px 4px;border-top:1px solid #879fba50}
.numera-auth-desktop .numera-auth-panel>.numera-site-lang{position:absolute!important;top:16px!important;right:123px!important;left:auto!important;width:auto!important;z-index:5}
.numera-auth-desktop .numera-auth-panel>.numera-appearance-control{position:absolute!important;top:16px!important;right:28px!important;z-index:5}
.numera-auth-desktop .numera-auth-panel .numera-return-home{top:64px!important;right:27px!important}
:root[data-resolved-theme="light"] .numera-auth-desktop .numera-site-lang select{background:#fff;color:#1a3151;border-color:#a8bbd0}
@media(max-width:800px){.header .nav-end>.numera-appearance-control,.header .nav-end>.numera-site-lang{display:none}.numera-nav-preferences{display:flex}.site-nav .numera-nav-preferences select{background:#172a46;color:#f8faff;border-color:#86a4c4}.site-nav .numera-nav-preferences .numera-site-lang select{min-width:110px}:root[data-resolved-theme="light"] .site-nav .numera-nav-preferences select{background:#fff;color:#243e5e;border-color:#abc0d7}}
@media(max-width:500px){.numera-auth-desktop .numera-auth-panel>.numera-site-lang{right:112px!important;top:19px!important}.numera-auth-desktop .numera-auth-panel>.numera-appearance-control{right:20px!important;top:19px!important}}
:root[data-resolved-theme="light"] .numera-auth-desktop .numera-auth-panel .numera-return-home{background:#e7eef8!important;border:1px solid #c3d2e4!important;color:#243b58!important}
:root[data-resolved-theme="dark"] .numera-auth-desktop .numera-auth-panel .numera-return-home{background:#283d60!important;border:1px solid #45648f!important;color:#f7faff!important}
/* Authoritative NUMERA gradient: override every legacy login-specific white/cyan button. */
.numera-auth-desktop .numera-auth-panel .numera-button-primary:not(:disabled),
.numera-google-authorization .numera-auth-panel .numera-button-primary:not(:disabled),
.numera-shell .numera-button-primary:not(:disabled),
.numera-page .numera-button-primary:not(:disabled){
  background:var(--numera-spectrum)!important;
  background-image:var(--numera-spectrum)!important;
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
  border:1px solid transparent!important;
  box-shadow:0 12px 28px #774ac245!important;
  text-shadow:0 1px 3px #06112bb3!important;
}
.numera-auth-desktop .numera-auth-panel .numera-button-primary:not(:disabled):hover,
.numera-google-authorization .numera-auth-panel .numera-button-primary:not(:disabled):hover{
  background-image:var(--numera-spectrum)!important;
  filter:brightness(1.06)!important;
}
.numera-auth-desktop .numera-auth-panel input:not([type=checkbox]):focus{
  border-color:#8278d7!important;
  box-shadow:0 0 0 3px #805bcd33!important;
}
.numera-auth-desktop .numera-auth-panel .numera-return-home{
  box-shadow:none!important;
  text-decoration:none!important;
}
/* On the site, text labels carry meaning without decorative directions. */
.btn{justify-content:center;gap:0;text-align:center}
.btn>span[aria-hidden="true"]{display:none}
.product-tile>i{display:none}
/* Readable account links and professional sign-in hierarchy in both modes. */
:root[data-resolved-theme="light"] .numera-auth-desktop .numera-auth-panel .numera-link-button,
:root[data-resolved-theme="light"] .numera-auth-desktop .numera-auth-panel .numera-auth-recovery-row button{
  color:#254b82!important;
  -webkit-text-fill-color:#254b82!important;
  opacity:1!important;
  font-weight:650!important;
  text-decoration:none!important;
}
:root[data-resolved-theme="dark"] .numera-auth-desktop .numera-auth-panel .numera-link-button,
:root[data-resolved-theme="dark"] .numera-auth-desktop .numera-auth-panel .numera-auth-recovery-row button{
  color:#d9e8ff!important;
  -webkit-text-fill-color:#d9e8ff!important;
  opacity:1!important;
  font-weight:650!important;
  text-decoration:none!important;
}
.numera-auth-desktop .numera-auth-panel .numera-link-button:hover{text-decoration:underline!important}
.numera-auth-desktop .numera-auth-panel .numera-google-block{margin:24px 0 16px!important}
.numera-auth-desktop .numera-auth-panel .numera-google-divider{font-size:12px!important;letter-spacing:.02em!important}
.numera-auth-desktop .numera-auth-panel #numera-google-signin{min-height:44px;display:flex;justify-content:center;align-items:center}
/* NUMERA 31 — restrained soft-gradient selected states, not deep button fills. */
:root{
  --numera-soft-select:linear-gradient(90deg,rgba(41,230,255,.12) 0%,rgba(36,87,214,.10) 33.333333%,rgba(99,54,201,.10) 66.666667%,rgba(214,76,255,.12) 100%);
  --numera-soft-wordmark:var(--numera-spectrum);
  --numera-pref-stroke:rgba(127,151,184,.35);
}
::selection{background:rgba(166,132,233,.28);color:inherit}
:root[data-resolved-theme="dark"]{--numera-pref-stroke:rgba(160,186,225,.27)}
/* Use the original transparent NUMERA logo silhouette instead of a fabricated symbol. */
.brand{display:inline-flex;align-items:center;gap:10px;min-width:0}
.brand-symbol,.numera-brand-symbol{
  display:block;flex:none;width:32px;height:32px;
  background:var(--numera-soft-wordmark);
  -webkit-mask:url('/assets/numera_logo.png') center/contain no-repeat;
  mask:url('/assets/numera_logo.png') center/contain no-repeat;
}
.brand-wordmark,.numera-brand-wordmark{
  display:inline-block;background:var(--numera-soft-wordmark);
  -webkit-background-clip:text;background-clip:text;
  -webkit-text-fill-color:transparent!important;
  color:transparent!important;
  font-weight:750;letter-spacing:-.028em;
}
.brand-wordmark .brand-esim{-webkit-text-fill-color:transparent!important;color:inherit!important}
.footer .brand-symbol{width:29px;height:29px}
.numera-brand-symbol{width:40px;height:40px}
.numera-auth-desktop .numera-auth-panel .numera-brand .numera-brand-wordmark,
:root[data-resolved-theme="light"] .numera-auth-desktop .numera-auth-panel .numera-brand .numera-brand-wordmark,
.numera-shell .numera-brand-button .numera-brand-wordmark{
  background:var(--numera-soft-wordmark)!important;
  background-clip:text!important;
  -webkit-background-clip:text!important;
  -webkit-text-fill-color:transparent!important;color:transparent!important;
}
.numera-brand-button .numera-brand-symbol{width:35px;height:35px}
/* Icon-led, accessible native selectors: display the actual EN language and System theme,
   not two unresolved boxes reading Auto. Native select stays fully interactive on top. */
.numera-site-lang,.numera-appearance-control{
  position:relative!important;display:inline-flex!important;align-items:center;justify-content:center;
  width:auto!important;min-width:0;flex:none;gap:6px;
  height:36px;padding:0 11px;
  border:1px solid var(--numera-pref-stroke);background:rgba(115,145,191,.065);
  color:var(--text,#eef3ff);font:650 12px/1.2 system-ui,sans-serif;
  -webkit-text-fill-color:currentColor;
  transition:background .16s,border-color .16s;
}
.numera-preference-icon{width:16px;height:16px;flex:none;color:#7189b5}
.numera-preference-value{font-size:12px;line-height:1.2;letter-spacing:.015em;white-space:nowrap}
.numera-site-lang select,.numera-appearance-control select,
.header .numera-site-lang select,.header .numera-appearance-control select{
  position:absolute!important;inset:0!important;width:100%!important;height:100%!important;
  opacity:0!important;cursor:pointer!important;margin:0!important;padding:0!important;
  min-width:0!important;max-width:none!important;border:0!important;
  pointer-events:auto;appearance:auto;
}
.numera-site-lang:hover,.numera-appearance-control:hover,
.numera-site-lang:focus-within,.numera-appearance-control:focus-within{
  background:var(--numera-soft-select)!important;border-color:rgba(150,120,215,.7)!important;
}
.numera-site-lang:focus-within,.numera-appearance-control:focus-within{outline:2px solid #9a76e9;outline-offset:2px}
.header .nav-end{gap:14px;align-items:center}
.header .nav-end>.numera-site-lang{border-radius:11px 0 0 11px;margin-right:-14px;border-right:0;min-width:57px}
.header .nav-end>.numera-appearance-control{border-radius:0 11px 11px 0;min-width:92px;margin-right:5px}
.header .nav-end .numera-preference-icon{color:#7b9bc9}
:root[data-resolved-theme="light"] :is(.numera-site-lang,.numera-appearance-control){color:#243955;background:#f2f5fc;border-color:#d0dce9}
:root[data-resolved-theme="light"] :is(.numera-site-lang,.numera-appearance-control) .numera-preference-icon{color:#5274ab}
/* Soft selected treatments echo the chat selection, without making everything a bright CTA. */
.tabs button.active,.numera-choice-card.selected,.numera-nav-item.active{
  background:var(--numera-soft-select)!important;
  border-color:rgba(153,112,228,.45)!important;
  color:var(--text,#243650)!important;
  box-shadow:inset 0 0 0 1px rgba(146,103,220,.20);
}
.destination-card.selected{border:2px solid #aa86ed!important;box-shadow:0 0 0 3px rgba(148,112,227,.24)!important}
:root[data-resolved-theme="light"] .tabs button.active,
:root[data-resolved-theme="light"] .numera-choice-card.selected,
:root[data-resolved-theme="light"] .numera-nav-item.active{color:#263754!important}
@media(max-width:1250px) and (min-width:801px){
  .nav{gap:18px}.site-nav{gap:clamp(11px,1.5vw,24px)}.header .nav-end{gap:10px}
  .header .nav-end>.numera-site-lang{margin-right:-10px}.brand{font-size:23px}.brand-symbol{width:28px;height:28px}
}
@media(max-width:800px){
  .header .nav-end>.numera-site-lang,.header .nav-end>.numera-appearance-control{display:none!important}
  .site-nav .numera-nav-preferences{display:flex;justify-content:flex-start;gap:0;padding:16px 4px 7px}
  .site-nav .numera-nav-preferences>.numera-site-lang{order:1;border-radius:11px 0 0 11px;border-right:0;min-width:72px}
  .site-nav .numera-nav-preferences>.numera-appearance-control{order:2;border-radius:0 11px 11px 0;min-width:108px}
  .brand-symbol{width:27px;height:27px}.brand{gap:7px}
}
/* The auth layout retains one compact pair above the form and outside tap targets. */
.numera-auth-desktop .numera-auth-panel>.numera-site-lang{width:auto!important;min-width:62px;top:16px!important;right:126px!important;border-radius:10px 0 0 10px;border-right:0!important}
.numera-auth-desktop .numera-auth-panel>.numera-appearance-control{width:auto!important;min-width:93px;top:16px!important;right:28px!important;border-radius:0 10px 10px 0}
@media(max-width:500px){
  .numera-auth-desktop .numera-auth-panel>.numera-site-lang{right:116px!important;top:16px!important}
  .numera-auth-desktop .numera-auth-panel>.numera-appearance-control{right:20px!important;top:16px!important}
}
/* One intentional paired preference control: EN | System, then a clear navigation gap. */
.header .nav-end>.numera-site-lang+.numera-appearance-control{margin-left:0}
.header .nav-end>.numera-appearance-control+.sign-link{margin-left:7px}
.header .nav-end>.numera-site-lang{border-top-right-radius:0!important;border-bottom-right-radius:0!important}
.header .nav-end>.numera-site-lang+.numera-appearance-control{border-top-left-radius:0!important;border-bottom-left-radius:0!important}
.header .nav-end>.numera-preference-value{letter-spacing:0}
.site-nav .mobile-app-cta{display:none}
@media(max-width:500px){
  .header .nav-end{display:none!important}
  .header .mobile-menu{margin-left:auto;display:grid;place-items:center;width:42px;height:38px;padding:0;flex:none}
  .header .nav{justify-content:space-between}
  .header .brand{font-size:clamp(18px,5vw,23px);min-width:0}
  .header .brand-symbol{width:26px;height:26px}
  .site-nav.open .mobile-app-cta{display:flex;justify-content:center;align-items:center;margin-top:10px;border-radius:11px;min-height:42px;background:var(--numera-spectrum)!important;color:#fff!important;font-weight:700}
}
/* NUMERA FLUTTER SOURCE OF TRUTH — NumeraColors.primaryGradient:
   Alignment.centerLeft→centerRight, colors #29E6FF #2457D6 #6336C9 #D64CFF.
   _SegmentedControl selection: neutral track / white selected surface / gradient text.
   This intentionally replaces the earlier pale gradient-filled selection design. */
.numera-segments{
  display:flex;align-items:stretch;gap:3px;
  width:min(100%,520px);min-height:46px;padding:4px;
  margin:20px 0 12px;border-radius:16px;
  background:#eaeef5;border:0;box-shadow:inset 0 0 0 1px #a6b8d124;
}
.numera-segments button,
.numera-segments button:not(.active){
  position:relative;flex:1;min-width:0;margin:0;padding:9px 14px;
  border:0!important;border-radius:12px!important;
  background:transparent!important;box-shadow:none!important;
  color:#27344c!important;font:700 14px/1.2 'DM Sans',system-ui,sans-serif;
  white-space:nowrap;cursor:pointer;
}
.numera-segments button.active,
.numera-segments button[aria-pressed="true"]{
  background:#fff!important;border:0!important;
  box-shadow:0 1px 5px #182a4930!important;
}
.numera-segments button.active .numera-segment-label,
.numera-segments button[aria-pressed="true"] .numera-segment-label{
  background:var(--numera-spectrum);
  -webkit-background-clip:text;background-clip:text;
  -webkit-text-fill-color:transparent;color:transparent;
}
.numera-segments button:not(.active):hover{background:#ffffff65!important}
.numera-segments button:focus-visible{outline:2px solid #6336c9;outline-offset:2px;z-index:1}
.numera-segments.number-tabs{width:min(100%,740px)}
.numera-regional-panel{margin:28px 0 20px;padding:28px;border:1px solid #7b92b38c;border-radius:18px;background:#102139;color:#f8faff}
.numera-regional-panel h2{font-size:26px;margin:0 0 9px}
.numera-regional-panel p{max-width:550px;color:#d5e1f0;margin-bottom:18px}
.numera-regional-panel .btn{display:inline-flex}
.numera-regional-panel[hidden],#featured-destinations-title[hidden],#destination-list[hidden],.live-countries[hidden]{display:none!important}
:root[data-resolved-theme="dark"] .numera-segments{background:#273246;box-shadow:inset 0 0 0 1px #7086ab47}
:root[data-resolved-theme="dark"] .numera-segments button:not(.active){color:#e4edf9!important}
:root[data-resolved-theme="dark"] .numera-segments button:not(.active):hover{background:#b3c4e11c!important}
:root[data-resolved-theme="dark"] .numera-segments button.active{background:#fff!important}
:root[data-resolved-theme="light"] .numera-regional-panel{background:#fff;color:#192d46;border-color:#c9d8e6}
:root[data-resolved-theme="light"] .numera-regional-panel p{color:#52657d}
/* Website navigation selection mirrors Flutter: typography carries the brand,
   not a heavy solid gradient behind every menu item. */
.site-nav>a[aria-current="page"]{
  background:var(--numera-spectrum);background-clip:text;-webkit-background-clip:text;
  color:transparent!important;-webkit-text-fill-color:transparent;
  border-bottom:2px solid #6336c9;
}
:root[data-resolved-theme="light"] .site-nav>a[aria-current="page"]{color:transparent!important}
@media(max-width:600px){.numera-segments{width:100%}.numera-segments button{padding:10px 5px!important;font-size:12px!important}.numera-segments.number-tabs{width:100%}}
.dropdown>button[aria-current="page"],.dropdown-panel a[aria-current="page"]{
  background:var(--numera-spectrum);
  -webkit-background-clip:text;background-clip:text;
  color:transparent!important;-webkit-text-fill-color:transparent;
}
.dropdown>button[aria-current="page"]{border-bottom:2px solid #6336c9}
.dropdown-panel a[aria-current="page"]{border-radius:7px;background-color:#eaf0f7}
/* Selection QA: light-mode form surfaces remain readable beneath the segment. */
:root[data-resolved-theme="light"] .number-form label,
:root[data-resolved-theme="light"] .number-information :is(h2,h3,strong){color:#20334e!important}
:root[data-resolved-theme="light"] .number-form :is(p,.muted),
:root[data-resolved-theme="light"] .number-information p{color:#4a617b!important}
:root[data-resolved-theme="light"] .number-form .number-badges span{
  background:#e8eef7!important;color:#263b58!important;
  border-color:#c9d7e7!important;
}
/* NUMERA Flutter Messages selected-state contract: never solid cyan. */
.tabs:not(.numera-segments){
  display:flex;align-items:stretch;gap:3px;padding:4px;
  border-radius:16px;background:#eaeef5;
}
.tabs:not(.numera-segments) button{
  flex:1;border:0!important;border-radius:12px!important;
  color:#263850!important;background:transparent!important;
}
.tabs:not(.numera-segments) button.active,
.tabs:not(.numera-segments) button[aria-pressed="true"]{
  background:#fff!important;
  border:0!important;box-shadow:0 1px 5px #182a4925!important;
  background-image:none!important;
  color:#27344c!important;-webkit-text-fill-color:#27344c!important;
}
.tabs:not(.numera-segments) button.active span,
.tabs:not(.numera-segments) button[aria-pressed="true"] span{
  background:var(--numera-spectrum)!important;
  -webkit-background-clip:text!important;background-clip:text!important;
  color:transparent!important;-webkit-text-fill-color:transparent!important;
}
:root[data-resolved-theme="dark"] .tabs:not(.numera-segments){background:#273246}
:root[data-resolved-theme="dark"] .tabs:not(.numera-segments) button:not(.active){color:#f2f6ff!important}
/* Selected destination cards get an understated purple focus edge, not cyan. */
.destination-card.selected,.destination-card[aria-pressed="true"]{
  border:2px solid #9b7ce3!important;
  outline:2px solid rgba(99,54,201,.29)!important;
  outline-offset:2px;
  box-shadow:0 4px 20px rgba(99,54,201,.19)!important;
}
.destination-card:focus-visible{outline:3px solid #6336c9!important;outline-offset:3px}
/* Secondary owner and account navigation uses a white selection surface and gradient text. */
.owner-nav a.chosen,
.owner-nav a[aria-current="page"]{
  background:#fff!important;border:1px solid #d0d8e6!important;
  box-shadow:0 2px 7px #102a4c1f!important;
  background-image:none!important;
  color:#6336c9!important;
}
.owner-nav a.chosen span,
.owner-nav a[aria-current="page"] span{
  background:var(--numera-spectrum);
  -webkit-background-clip:text;background-clip:text;
  -webkit-text-fill-color:transparent;color:transparent;
}
/* Selected links and settings remain neutral and accessible; gradient is typography. */
.numera-nav-item.active .numera-nav-label,
.numera-nav-item[aria-current="page"] .numera-nav-label{
  background:var(--numera-spectrum);
  -webkit-background-clip:text;background-clip:text;
  color:transparent;-webkit-text-fill-color:transparent;
}
/* Don't let default browser cyan appear as the website's text-selection highlight. */
::selection{background:rgba(99,54,201,.24)!important;color:inherit}
:root[data-resolved-theme="dark"] ::selection{background:rgba(214,76,255,.30)!important;color:#fff}
/* Visible option selection is a light pill with gradient text, following Flutter Messages. */
.dropdown.open>button[aria-expanded="true"],
.dropdown:focus-within>button[aria-expanded="true"]{
  background:#fff!important;
  border-radius:11px!important;
  box-shadow:0 1px 5px rgba(22,38,67,.18)!important;
  color:#6336c9!important;
  border-bottom-color:transparent!important;
}
:root[data-resolved-theme="dark"] .dropdown.open>button[aria-expanded="true"]{background:#fff!important;color:#6336c9!important}
.numera-site-lang:focus-within,.numera-appearance-control:focus-within{
  background:#fff!important;
  border-color:rgba(99,54,201,.46)!important;
  box-shadow:0 1px 5px rgba(22,38,67,.14)!important;
}
.numera-site-lang:focus-within .numera-preference-value,
.numera-appearance-control:focus-within .numera-preference-value{
  background:var(--numera-spectrum)!important;
  -webkit-background-clip:text!important;background-clip:text!important;
  -webkit-text-fill-color:transparent!important;color:transparent!important;
}
.numera-choice-card.selected,.numera-choice-card[aria-pressed="true"]{
  background:#fff!important;
  background-image:none!important;
  color:#26364d!important;
  border:1px solid rgba(99,54,201,.43)!important;
  box-shadow:0 1px 5px #172a4920!important;
}
.numera-choice-card.selected :is(strong,.numera-choice-title),
.numera-choice-card[aria-pressed="true"] :is(strong,.numera-choice-title){
  background:var(--numera-spectrum);
  -webkit-background-clip:text;background-clip:text;
  -webkit-text-fill-color:transparent;color:transparent;
}

/* Marketing story contrast on light appearance; photo heroes remain cinematic. */
:root[data-resolved-theme="light"] .numera-product-features .numera-feature-copy h2,
:root[data-resolved-theme="light"] .numera-feature-story .numera-feature-copy h2{color:#172f50!important}
:root[data-resolved-theme="light"] .numera-feature-story .numera-feature-copy>p{color:#415a78!important}
:root[data-resolved-theme="light"] .numera-feature-story .numera-feature-eyebrow{color:#176b9e!important}
:root[data-resolved-theme="light"] .numera-feature-story .numera-feature-link{color:#006b91!important;border-bottom-color:#1687a7aa!important}
:root[data-resolved-theme="light"] .numera-feature-story .numera-feature-phone figcaption{color:#46627d!important}
:root[data-resolved-theme="light"] .numera-feature-story{border-top-color:#b9cbe4}
:root[data-resolved-theme="light"] .numa-page .numa-abilities p,
:root[data-resolved-theme="light"] .numa-page .chat-example p,
:root[data-resolved-theme="light"] .numa-page .chat-example div{color:#354f6d}
:root[data-resolved-theme="light"] .numa-page .numa-abilities h3{color:#18314e}
:root[data-resolved-theme="light"] .numa-page .chat-example div:first-child{color:#f7fbff}
:root[data-resolved-theme="light"] .plus-showcase-scene .plus-showcase-copy :is(h1,p,small){color:#f5f9ff!important}

/* Product-cinema billboards stay legible in light and dark appearance (v07). */
:root[data-resolved-theme="light"] .numera-feature-story{background-color:#08172b;color:#f8fbff;border-color:#4f79a361}
:root[data-resolved-theme="light"] .numera-feature-story .numera-feature-copy h2{color:#fbfdff!important}
:root[data-resolved-theme="light"] .numera-feature-story .numera-feature-copy>p{color:#cbdaf0!important}
:root[data-resolved-theme="light"] .numera-feature-story .numera-feature-eyebrow{color:#90e2fc!important}
:root[data-resolved-theme="light"] .numera-feature-story .numera-feature-link{color:#98e8ff!important;border-bottom-color:#6accf7!important}
:root[data-resolved-theme="light"] .numera-feature-story .numera-feature-phone figcaption{color:#cfddf1!important}
:root[data-resolved-theme="light"] .numera-products-intro-copy :is(h1,p){color:#f8fbff!important}
:root[data-resolved-theme="light"] .numera-products-intro-copy .overline{color:#a1e5ff!important}
:root[data-resolved-theme="light"] .numera-products-intro-phone figcaption{color:#c8e4ff!important}
:root[data-resolved-theme="light"] .numera-products-intro-actions .numera-feature-link{color:#b2efff!important}