/* Academic light homepage refresh: white canvas, lime highlights, sky-blue actions. */
body#top{background:#fff!important;color:#14283d!important;color-scheme:light}
body#top .reference-topbar{background:rgba(255,255,255,.96)!important;border-bottom:1px solid #e3ebf1!important;color:#14283d!important;box-shadow:0 4px 22px rgba(21,55,82,.045)}
body#top .reference-brand{color:#14283d!important}body#top .reference-brand-copy strong span{color:#65a915!important}body#top .reference-nav a{color:#4c5f70!important}body#top .reference-nav a:hover,body#top .reference-nav a.active{color:#087fc8!important}
body#top .reference-hero{position:relative;isolation:isolate;background:linear-gradient(110deg,#fff 0%,#fff 48%,#f4faff 100%)!important;color:#14283d!important;min-height:unset;overflow:hidden}
body#top .reference-hero:before{content:"";position:absolute;z-index:0;inset:0 0 0 32%;pointer-events:none;background:url("./assets/ai-world-network.svg") no-repeat right center/contain;opacity:.78}
body#top .reference-hero:after{content:"";position:absolute;z-index:0;inset:0;pointer-events:none;background:linear-gradient(90deg,#fff 0%,rgba(255,255,255,.96) 37%,rgba(255,255,255,.66) 64%,rgba(255,255,255,.12) 100%)}
body#top .reference-hero .hero-grid{position:relative;z-index:1;grid-template-columns:minmax(250px,.82fr) minmax(0,1.18fr);gap:clamp(24px,4vw,58px);padding-top:48px;padding-bottom:56px}
body#top .hero-model-column{min-height:430px;align-items:flex-end;justify-content:center}body#top .hero-model-glow{background:radial-gradient(ellipse,rgba(139,207,32,.17),rgba(22,143,224,.10) 48%,transparent 72%)}body#top .hero-model-image{filter:drop-shadow(0 18px 35px rgba(20,55,80,.14))}body#top .hero-model-caption{background:rgba(255,255,255,.94);border:1px solid #dbe8ef;color:#34536b;box-shadow:0 8px 24px rgba(20,55,80,.08)}body#top .hero-live-dot{background:#7fc51b;box-shadow:0 0 0 4px rgba(131,201,27,.15)}
body#top .reference-hero .eyebrow{color:#548e12}body#top .reference-hero .hero-preheadline{color:#52697c}body#top .reference-hero h1{color:#14283d;font-size:clamp(38px,4.2vw,60px);letter-spacing:-.055em}body#top .reference-hero h1 em{color:#69a916}body#top .reference-hero .hero-lede,body#top .hero-personal-service{color:#4d6275}body#top .hero-platform-stats>div{background:#fff;border:1px solid #dce8ef;box-shadow:0 7px 20px rgba(20,55,80,.055);backdrop-filter:none}body#top .hero-platform-stats strong{color:#14283d;text-shadow:none}body#top .hero-platform-stats span{color:#62788b}body#top .hero-stats-note{color:#6d8192}body#top .hero-stats-note a{color:#087fc8}body#top .hero-personal-service:before{background:#8bcf20;box-shadow:none}body#top .reference-hero .hero-proof{color:#52697c}body#top .proof-dot{background:#83c91b;box-shadow:0 0 0 4px rgba(131,201,27,.14)}
body#top .reference-primary-cta{background:#168fe0!important;color:#fff!important;border-color:#168fe0!important}body#top .reference-secondary-cta{background:#fff!important;color:#17618c!important;border-color:#b8d9ec!important}
body#top .onboarding-speech{background:#fff;border:1px solid #d9e8ef;color:#29465c;box-shadow:0 10px 28px rgba(20,55,80,.10);backdrop-filter:blur(10px)}body#top .onboarding-speech:after{content:"";position:absolute;left:23px;bottom:-9px;width:15px;height:15px;background:#fff;border-right:1px solid #d9e8ef;border-bottom:1px solid #d9e8ef;transform:rotate(45deg)}
body#top .dashboard-quick-preview,body#top .story-promo,body#top .home-paths{background:#fff!important;color:#14283d!important}body#top .dashboard-preview-window{border:1px solid #dce7ee;box-shadow:0 16px 42px rgba(20,55,80,.08)}body#top .dashboard-preview-topbar,body#top .dashboard-preview-sidebar{background:#f5f9fc;border-color:#e2ebf1}body#top .dashboard-preview-brand b,body#top .dashboard-preview-welcome h3{color:#14283d}body#top .dashboard-preview-sidebar>span:not(.dash-side-label),body#top .dashboard-preview-sidebar>b{color:#5b6e7f}body#top .dashboard-preview-sidebar>b.selected{background:#eaf6fd;color:#087fc8}body#top .dashboard-preview-panel,body#top .dashboard-preview-kpis>div{border-color:#e0e9ef}body#top .dashboard-preview-disclaimer{background:#f6faed;border-color:#e1edcb;color:#536b36}
body#top .reference-language{background:#f4f9fc!important;border-color:#e2ebf1!important}body#top .reference-language .language-intro h2,body#top .reference-language .language-intro p{color:#14283d}body#top .reference-language .language-intro p{color:#5f7183}body#top .language-card{background:#fff!important;border-color:#dce7ee!important;box-shadow:0 7px 20px rgba(20,55,80,.045)}body#top .language-card b{color:#14283d}body#top .language-card small{color:#718395}body#top .language-disclaimer{color:#6c8091}
body#top .story-promo{border-top:1px solid #e6edf2;border-bottom:1px solid #e6edf2}body#top .story-promo h2,body#top .story-promo p{color:#14283d}body#top .story-promo p{color:#5f7183}body#top .story-eyebrow,body#top .story-text-link{color:#5b9715}body#top .story-subscribe{background:#f6fafc;border:1px solid #dce7ee}body#top .story-subscribe label{color:#314a5f}body#top .story-subscribe input[type=email]{background:#fff;border:1px solid #d5e2ea;color:#14283d}body#top .story-subscribe button{background:#168fe0;color:#fff;border:1px solid #168fe0}
body#top .home-path-card{background:#fff!important;border:1px solid #dce7ee!important;box-shadow:0 8px 24px rgba(20,55,80,.05)}body#top .home-path-card h3{color:#14283d!important}body#top .home-path-card p{color:#5f7183!important}body#top .home-path-card>span{color:#6aa719!important}body#top .home-path-card>b{color:#087fc8!important}body#top .home-path-card:hover{border-color:#a7d86c!important;box-shadow:0 14px 32px rgba(20,55,80,.09)}
body#top .footer,body#top .site-footer{background:#f4f8fb!important;color:#14283d!important;border-top:1px solid #e0e9ef}body#top .footer p,body#top .footer a,body#top .footer h2{color:#53697c!important}body#top .footer a:hover{color:#087fc8!important}body#top .footer-disclaimer,body#top .footer-bottom{color:#75889a!important}
@media(max-width:900px){body#top .reference-hero:before{inset:20% -18% 0 10%;background-position:center bottom;background-size:cover;opacity:.38}body#top .reference-hero:after{background:linear-gradient(180deg,#fff 0%,rgba(255,255,255,.96) 44%,rgba(255,255,255,.7) 100%)}}
@media(max-width:700px){body#top .reference-hero .hero-grid{padding-top:25px;padding-bottom:40px;gap:8px}body#top .hero-model-column{min-height:255px;max-height:275px}body#top .reference-hero:before{inset:30% -45% 0 -10%;background-size:cover;opacity:.30}body#top .reference-hero h1{font-size:clamp(35px,9vw,47px)}body#top .hero-platform-stats>div{padding:9px 7px}body#top .hero-platform-stats span{font-size:8px}}

/* Keep the header usable at tablet and mobile widths after adding Client Login. */
body#top .nav-login[href="./client/"]{background:#fff!important;color:#17618c!important;border:1px solid #b8d9ec!important;box-shadow:none!important}
@media(max-width:1100px){body#top .global-language-menu{display:none}body#top .reference-nav{gap:10px}body#top .reference-nav a{font-size:9px}}
@media(max-width:900px){body#top .reference-nav a:nth-child(n+6){display:none}body#top .reference-topbar{gap:10px}body#top .reference-brand-copy small{display:none}}
@media(max-width:700px){body#top .reference-topbar{height:66px;min-height:66px;padding:0 14px;gap:8px}body#top .reference-nav{display:none}body#top .reference-brand-mark{width:42px;height:42px}body#top .reference-brand-copy strong{font-size:14px}body#top .reference-topbar .nav-login{padding:9px 10px;font-size:9px;white-space:nowrap}body#top .reference-topbar .reference-start{padding:9px 10px;font-size:9px}body#top .reference-topbar .menu-toggle{display:inline-flex;margin-left:auto}}


/* User-supplied Earth-at-night artwork and receptionist portrait. */
body#top .reference-hero{background-color:#020817!important;background-image:linear-gradient(90deg,rgba(2,8,23,.97) 0%,rgba(2,8,23,.88) 36%,rgba(2,8,23,.44) 67%,rgba(2,8,23,.22) 100%),url("./assets/Conexi%C3%B3n%20global_%20Tierra%20e%20inteligencia%20artificial.png")!important;background-position:center center!important;background-size:cover!important;background-repeat:no-repeat!important}
body#top .reference-hero:before{background-image:radial-gradient(ellipse at 78% 40%,rgba(45,197,255,.16),transparent 42%)!important;opacity:1!important}
body#top .reference-hero:after{background:linear-gradient(90deg,rgba(2,8,23,.28),rgba(2,8,23,.05) 60%,rgba(2,8,23,.12))!important;opacity:1!important}
body#top .hero-model-column{min-height:460px!important;align-items:flex-start!important;justify-content:flex-start!important;padding-top:12px!important}
body#top .hero-model-image{width:clamp(245px,25vw,330px)!important;max-width:100%!important;max-height:440px!important;object-fit:contain!important;object-position:left top!important;filter:drop-shadow(0 18px 34px rgba(0,0,0,.42)) drop-shadow(0 0 24px rgba(48,185,255,.22))!important}
body#top .hero-model-glow{width:78%!important;height:62%!important;left:-4%!important;bottom:10%!important;background:radial-gradient(ellipse,rgba(80,192,255,.24),rgba(20,76,180,.08) 52%,transparent 75%)!important}
body#top .hero-model-caption{left:8px!important;bottom:10px!important;transform:none!important;background:rgba(3,17,36,.78)!important;border-color:rgba(131,201,27,.42)!important;color:#e9f6ff!important}
body#top .hero-live-dot{background:#83c91b!important;box-shadow:0 0 0 4px rgba(131,201,27,.16),0 0 14px #83c91b!important}
body#top .onboarding-speech{top:21%!important;left:clamp(190px,19vw,250px)!important;right:auto!important;width:min(210px,calc(100% - 205px))!important;padding:12px 14px!important;border:1px solid rgba(131,201,27,.62)!important;border-radius:16px 16px 16px 5px!important;background:rgba(5,24,43,.94)!important;color:#f3fbff!important;text-align:left!important;font-size:12px!important;box-shadow:0 12px 30px rgba(0,0,0,.3),0 0 22px rgba(131,201,27,.10)!important}
body#top .onboarding-speech:after{content:"";position:absolute;left:-8px;top:52%;width:14px;height:14px;background:rgba(5,24,43,.94);border-left:1px solid rgba(131,201,27,.62);border-bottom:1px solid rgba(131,201,27,.62);transform:translateY(-50%) rotate(45deg)}
@media(max-width:900px){body#top .reference-hero{background-position:58% center!important}body#top .hero-model-column{min-height:390px!important}body#top .hero-model-image{width:clamp(220px,30vw,285px)!important;max-height:385px!important}body#top .onboarding-speech{left:clamp(170px,24vw,215px)!important;top:18%!important;width:min(185px,calc(100% - 175px))!important;font-size:11px!important}}
@media(max-width:700px){body#top .reference-hero{background-image:linear-gradient(180deg,rgba(2,8,23,.86),rgba(2,8,23,.46)),url("./assets/Conexi%C3%B3n%20global_%20Tierra%20e%20inteligencia%20artificial.png")!important;background-position:58% center!important}body#top .reference-hero .hero-grid{grid-template-columns:1fr!important;gap:8px!important;padding-top:24px!important;padding-bottom:38px!important}body#top .hero-model-column{min-height:250px!important;max-height:270px!important;overflow:visible!important}body#top .hero-model-image{width:190px!important;max-height:255px!important}body#top .hero-model-glow{width:200px!important;height:190px!important;left:-18px!important;bottom:0!important}body#top .hero-model-caption{left:4px!important;bottom:0!important;padding:7px 9px!important;font-size:7px!important}body#top .onboarding-speech{top:16%!important;left:145px!important;width:min(175px,calc(100% - 150px))!important;padding:9px 10px!important;font-size:10px!important}body#top .reference-hero .hero-copy{order:1!important}}


/* Homepage: vivid accents on the dark Earth hero, readable tones on light panels. */
body#top .reference-hero :where(.eyebrow,.hero-proof a,.hero-stats-note a){color:#91dcff!important}
body#top .reference-hero h1 em{color:#b8f34b!important}
body#top .reference-hero :where(.hero-lede,.hero-personal-service,.hero-proof,.hero-stats-note){color:#d2e5f1!important}
body#top .reference-hero .hero-platform-stats strong{color:#f5fbff!important}
body#top .reference-hero .hero-platform-stats span{color:#c5dbea!important}
body#top :where(.section-heading h2 em,.story-promo h2 em,.home-paths h2 em){color:#477900!important}
body#top :where(.section-heading p,.story-promo p,.home-path-card p){color:#40586d!important}
body#top :where(.story-eyebrow,.home-path-card>span){color:#477900!important}
body#top :where(.story-text-link,.home-path-card>b){color:#075b86!important}


/* 2026-11-09: clear, high-contrast header and accessible hero/model swap. */
body#top .reference-topbar{
  position:sticky!important;top:0;z-index:50;
  background:rgba(3,12,29,.97)!important;
  border-bottom:1px solid rgba(75,190,255,.28)!important;
  box-shadow:0 8px 28px rgba(0,0,0,.28)!important;
  color:#f4faff!important;
  backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);
}
body#top .reference-brand,body#top .reference-brand-copy strong{color:#f4faff!important}
body#top .reference-brand-copy strong span{color:#b8f34b!important}
body#top .reference-brand-copy small{color:#b9d8ee!important}
body#top .reference-nav a{color:#d7eafa!important;font-weight:700}
body#top .reference-nav a:hover,body#top .reference-nav a.active{color:#b8f34b!important}
body#top .reference-topbar .nav-login[href="./client/"]{
  background:#b8f34b!important;border:1px solid #b8f34b!important;color:#102235!important;
  box-shadow:0 5px 16px rgba(184,243,75,.18)!important;font-weight:800!important;
}
body#top .reference-topbar .reference-start{
  background:#168fe0!important;border:1px solid #168fe0!important;color:#fff!important;
}
body#top .reference-topbar .menu-toggle span{background:#d7f0ff!important}
body#top .reference-hero .hero-model-column{
  min-height:490px!important;align-items:flex-start!important;justify-content:flex-start!important;
  padding-top:10px!important;
}
body#top .reference-hero .hero-model-image{
  width:clamp(260px,29vw,390px)!important;max-width:100%!important;max-height:475px!important;
  object-fit:contain!important;object-position:center top!important;
  filter:drop-shadow(0 18px 36px rgba(0,0,0,.5)) drop-shadow(0 0 25px rgba(42,183,255,.22))!important;
}
body#top .reference-hero .onboarding-speech{
  top:19%!important;left:clamp(205px,22vw,285px)!important;right:auto!important;
  width:min(225px,calc(100% - 215px))!important;
  background:rgba(3,18,37,.97)!important;color:#f5fbff!important;
  border:1px solid rgba(184,243,75,.7)!important;
  box-shadow:0 14px 32px rgba(0,0,0,.4),0 0 20px rgba(184,243,75,.12)!important;
  font-weight:700!important;line-height:1.5!important;
}
body#top .reference-hero .onboarding-speech:after{
  background:rgba(3,18,37,.97)!important;
  border-color:rgba(184,243,75,.7)!important;
}
body#top .reference-hero :where(.eyebrow,.hero-preheadline){color:#91dcff!important}
body#top .reference-hero h1{color:#f5fbff!important;text-shadow:0 3px 22px rgba(0,0,0,.5)}
body#top .reference-hero h1 em{color:#b8f34b!important}
body#top .reference-hero :where(.hero-lede,.hero-personal-service,.hero-proof,.hero-stats-note){color:#e0edf7!important}
body#top .reference-hero .hero-lede strong{color:#fff!important}
body#top .reference-hero .hero-stats-note a{color:#91dcff!important;text-decoration:underline;text-underline-offset:3px}
body#top .reference-hero .hero-platform-stats>div{background:rgba(3,19,39,.86)!important;border:1px solid rgba(145,220,255,.25)!important}
body#top .reference-hero .hero-platform-stats strong{color:#fff!important}
body#top .reference-hero .hero-platform-stats span{color:#d3e5f2!important}




body#top .reference-language .language-intro h2{color:#f5fbff!important}
body#top .reference-language .language-intro h2 em{color:#b8f34b!important}
body#top .reference-language .language-intro p{color:#d5e6f3!important}
body#top .reference-language .language-card b{color:#f5fbff!important}
body#top .reference-language .language-card small,body#top .reference-language .language-disclaimer{color:#c1d5e6!important}
body#top :where(.dashboard-preview-heading h2,.story-promo h2,.home-paths h2){color:#14283d!important}
body#top :where(.dashboard-preview-heading p,.story-promo p,.home-paths .section-heading>p){color:#40586d!important}
body#top :where(.dashboard-preview-kpis small,.dashboard-preview-panel-head small,.dashboard-preview-call small){color:#536b7e!important}
body#top .footer-column a,body#top .footer-email{color:#38566e!important}
body#top .footer-column a:hover,body#top .footer-email:hover{color:#075b86!important}
@media(max-width:1100px){
  body#top .global-language-menu{display:none!important}
  body#top .reference-nav{display:none!important;position:absolute;top:100%;left:0;right:0;margin:0;padding:14px 22px 20px;background:#06152a;border-bottom:1px solid rgba(145,220,255,.24);box-shadow:0 16px 28px rgba(0,0,0,.25);flex-direction:column;align-items:stretch;gap:2px}
  body#top .reference-nav.open{display:flex!important}
  body#top .reference-nav a{display:block!important;padding:11px 0;font-size:13px}
  body#top .reference-topbar .menu-toggle{display:inline-flex!important;flex-direction:column;justify-content:center;gap:5px;margin-left:2px;padding:8px}
  body#top .reference-topbar .menu-toggle span{display:block;width:22px;height:2px;border-radius:2px}
}
@media(max-width:900px){
  body#top .reference-hero .hero-grid{grid-template-columns:minmax(220px,.78fr) minmax(0,1.22fr)!important;gap:20px!important}
  body#top .reference-hero .hero-model-column{min-height:390px!important}
  body#top .reference-hero .hero-model-image{width:clamp(220px,31vw,300px)!important;max-height:385px!important}
  body#top .reference-hero .onboarding-speech{left:clamp(160px,22vw,210px)!important;top:18%!important;width:min(190px,calc(100% - 165px))!important;font-size:11px!important}

  body#top .reference-language .language-intro{grid-column:1}

  body#top .reference-language .language-card-grid{grid-column:1/-1}

}
@media(max-width:700px){
  body#top .reference-topbar{height:66px;min-height:66px;padding:0 12px;gap:7px}
  body#top .reference-brand-mark{width:39px;height:39px}
  body#top .reference-brand-copy strong{font-size:12px}
  body#top .reference-brand-copy small{display:none}
  body#top .reference-topbar .reference-start{display:none!important}
  body#top .reference-topbar .nav-login[href="./client/"]{padding:9px 10px!important;font-size:9px!important;white-space:nowrap}
  body#top .reference-hero .hero-grid{grid-template-columns:1fr!important;gap:8px!important;padding-top:20px!important;padding-bottom:38px!important}
  body#top .reference-hero .hero-model-column{min-height:260px!important;max-height:280px!important;padding-top:0!important}
  body#top .reference-hero .hero-model-image{width:205px!important;max-height:270px!important}
  body#top .reference-hero .onboarding-speech{top:14%!important;left:150px!important;width:min(175px,calc(100% - 155px))!important;padding:9px 10px!important;font-size:10px!important}




}


/* Corrected user-approved portrait placement: new model stays at its original hero scale. */
body#top .reference-hero .hero-grid{grid-template-columns:minmax(300px,.88fr) minmax(0,1.12fr)!important;gap:clamp(28px,4vw,64px)!important}
body#top .reference-hero .hero-model-column{
  position:relative;min-width:0;min-height:570px!important;display:flex;
  align-items:flex-start!important;justify-content:flex-start!important;padding-top:8px!important;
}
body#top .reference-hero .hero-model-image{
  display:block;width:100%!important;max-width:540px!important;max-height:650px!important;
  height:auto!important;object-fit:contain!important;object-position:left top!important;margin:0!important;
}
body#top .reference-hero .hero-model-glow{width:90%!important;height:70%!important;left:0!important;bottom:4%!important}
body#top .reference-hero .hero-model-caption{left:8px!important;bottom:10px!important;transform:none!important}
body#top .reference-hero .onboarding-speech{
  top:17%!important;left:39%!important;right:auto!important;width:min(205px,57%)!important;
}
@media(max-width:900px){
  body#top .reference-hero .hero-grid{grid-template-columns:minmax(240px,.8fr) minmax(0,1.2fr)!important;gap:24px!important;padding-top:42px!important;padding-bottom:48px!important}
  body#top .reference-hero .hero-model-column{min-height:500px!important}
  body#top .reference-hero .hero-model-image{width:100%!important;max-width:100%!important;max-height:560px!important}
  body#top .reference-hero .onboarding-speech{top:15%!important;left:36%!important;width:min(190px,60%)!important}
}
@media(max-width:700px){
  body#top .reference-hero .hero-grid{grid-template-columns:1fr!important;gap:12px!important;padding-top:35px!important;padding-bottom:42px!important}
  body#top .reference-hero .hero-model-column{min-height:320px!important;max-height:380px!important;width:100%!important;overflow:visible!important}
  body#top .reference-hero .hero-model-image{width:min(78vw,330px)!important;max-width:100%!important;max-height:360px!important}
  body#top .reference-hero .hero-model-caption{bottom:5px!important}
  body#top .reference-hero .onboarding-speech{top:15%!important;left:155px!important;right:auto!important;width:min(175px,calc(100% - 165px))!important}
  body#top .reference-hero .hero-copy{order:1!important}
}

/* 2026-11-09: transparent, mouth-side hero speech + electric blue/lime typography. */
body#top .reference-hero .onboarding-speech{
  position:absolute!important;
  top:15%!important;
  left:42%!important;
  right:auto!important;
  width:min(245px,55%)!important;
  max-width:245px!important;
  padding:0!important;
  margin:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  color:#9beaff!important;
  box-shadow:none!important;
  -webkit-backdrop-filter:none!important;
  backdrop-filter:none!important;
  text-align:left!important;
  font-size:clamp(13px,1.12vw,16px)!important;
  font-weight:800!important;
  line-height:1.42!important;
  letter-spacing:.005em!important;
  text-shadow:0 0 7px rgba(67,205,255,.72),0 0 19px rgba(25,165,255,.42),0 2px 5px rgba(0,5,18,.92)!important;
  z-index:5!important;
}
body#top .reference-hero .onboarding-speech-text{
  display:inline!important;
  color:#9beaff!important;
  background:transparent!important;
}
body#top .reference-hero .onboarding-speech:before{
  content:"";
  display:block;
  width:42px;
  height:2px;
  margin:0 0 9px;
  border-radius:2px;
  background:linear-gradient(90deg,#8ceaff,#c4ff57);
  box-shadow:0 0 12px rgba(108,226,255,.7);
}
body#top .reference-hero .onboarding-speech:after{
  content:"";
  position:absolute;
  left:-11px;
  top:52%;
  width:10px;
  height:10px;
  background:transparent!important;
  border:0!important;
  border-left:2px solid rgba(137,231,255,.9)!important;
  border-bottom:2px solid rgba(190,255,91,.9)!important;
  border-radius:0 0 0 2px;
  transform:translateY(-50%) rotate(45deg)!important;
  box-shadow:-3px 3px 8px rgba(48,190,255,.2);
}
body#top .reference-hero .hero-model-caption{
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  color:#c4ff62!important;
  text-shadow:0 0 10px rgba(171,255,74,.34);
}
body#top .reference-hero :where(.eyebrow,.hero-preheadline){
  color:#8fe8ff!important;
  text-shadow:0 0 13px rgba(53,183,255,.22);
}
body#top .reference-hero h1{
  color:#a9eaff!important;
  text-shadow:0 0 18px rgba(48,175,255,.18),0 3px 22px rgba(0,0,0,.52)!important;
}
body#top .reference-hero h1 em{
  color:#c5ff58!important;
  text-shadow:0 0 18px rgba(176,255,66,.34);
}
body#top .reference-hero :where(.hero-lede,.hero-personal-service,.hero-proof,.hero-stats-note){
  color:#c7eaff!important;
}
body#top .reference-hero .hero-lede strong,
body#top .reference-hero .hero-personal-service strong{
  color:#c5ff58!important;
}
body#top .reference-hero .hero-platform-stats strong{
  color:#c5ff58!important;
  text-shadow:0 0 12px rgba(181,255,74,.22);
}
body#top .reference-hero .hero-platform-stats span{
  color:#a9e8ff!important;
}
body#top .reference-hero .hero-stats-note a,
body#top .reference-hero .hero-proof a{
  color:#8fe8ff!important;
  text-decoration-color:rgba(143,232,255,.65);
}
body#top .reference-hero .hero-feature-icon{
  color:#8fe8ff!important;
  filter:drop-shadow(0 0 8px rgba(73,201,255,.5));
}
body#top .reference-topbar .reference-brand-copy strong span,
body#top .reference-topbar .reference-nav a:hover,
body#top .reference-topbar .reference-nav a.active{
  color:#c5ff58!important;
  text-shadow:0 0 12px rgba(181,255,74,.2);
}
body#top .reference-topbar .reference-nav a{
  color:#a9e8ff!important;
}
body#top .reference-topbar .reference-brand-copy small{
  color:#a9e8ff!important;
}
body#top .reference-topbar .reference-start{
  background:#168fe0!important;
  border-color:#168fe0!important;
  color:#f3fcff!important;
  box-shadow:0 0 18px rgba(22,143,224,.24)!important;
}
body#top .reference-topbar .nav-login[href="./client/"]{
  background:#c5ff58!important;
  border-color:#c5ff58!important;
  color:#102235!important;
}
body#top :where(.section-heading h2 em,.story-promo h2 em,.home-paths h2 em){
  color:#548d0b!important;
}
body#top :where(.story-eyebrow,.home-path-card>span){
  color:#548d0b!important;
}
body#top :where(.story-text-link,.home-path-card>b){
  color:#087fc8!important;
}
@media(max-width:900px){
  body#top .reference-hero .onboarding-speech{
    top:14%!important;
    left:40%!important;
    width:min(210px,57%)!important;
    font-size:clamp(12px,1.5vw,14px)!important;
  }
}
@media(max-width:700px){
  body#top .reference-hero .hero-model-column{
    min-height:320px!important;
    max-height:380px!important;
    overflow:visible!important;
  }
  body#top .reference-hero .hero-model-image{
    width:min(78vw,330px)!important;
    max-width:100%!important;
    max-height:360px!important;
  }
  body#top .reference-hero .onboarding-speech{
    top:13%!important;
    left:clamp(150px,43vw,178px)!important;
    width:min(165px,calc(100% - 155px))!important;
    font-size:12px!important;
    line-height:1.38!important;
  }
  body#top .reference-hero .onboarding-speech:before{
    width:30px;
    margin-bottom:6px;
  }
  body#top .reference-hero .onboarding-speech:after{
    left:-8px;
    width:8px;
    height:8px;
  }
}


/* 2026-11-09: final hero portrait, speech placement and compact navigation correction. */
body#top .reference-topbar{
  gap:clamp(12px,1.5vw,22px)!important;
  padding-left:max(20px,calc((100vw - 1160px)/2))!important;
  padding-right:max(20px,calc((100vw - 1160px)/2))!important;
}
body#top .reference-brand{flex:0 0 auto!important;min-width:0!important}
body#top .reference-nav{
  display:flex!important;align-items:center!important;justify-content:flex-end!important;
  flex:1 1 auto!important;min-width:0!important;gap:clamp(10px,1.2vw,18px)!important;
  margin-left:auto!important;white-space:nowrap!important;
}
body#top .reference-nav>a{font-size:clamp(10px,.82vw,12px)!important;white-space:nowrap!important}
body#top .reference-nav .nav-more{position:relative;flex:0 0 auto}
body#top .reference-nav .nav-more>summary{
  list-style:none;cursor:pointer;display:flex;align-items:center;gap:5px;
  color:#a9e8ff;font-size:clamp(10px,.82vw,12px);font-weight:700;padding:8px 2px;
}
body#top .reference-nav .nav-more>summary::-webkit-details-marker{display:none}
body#top .reference-nav .nav-more[open]>summary,
body#top .reference-nav .nav-more>summary:hover{color:#c5ff58}
body#top .reference-nav .nav-more-panel{
  position:absolute;top:calc(100% + 12px);right:-12px;z-index:80;
  display:grid;min-width:190px;padding:9px;border:1px solid rgba(145,220,255,.25);
  border-radius:12px;background:#06152a;box-shadow:0 16px 36px rgba(0,0,0,.38);
}
body#top .reference-nav .nav-more-panel a{
  display:block;padding:10px 12px;border-radius:7px;color:#d7eafa!important;
  font-size:12px!important;white-space:nowrap;
}
body#top .reference-nav .nav-more-panel a:hover{background:rgba(145,220,255,.1);color:#c5ff58!important}
body#top .reference-hero .hero-grid{
  grid-template-columns:minmax(390px,.9fr) minmax(0,1.1fr)!important;
  gap:clamp(34px,4vw,58px)!important;
}
body#top .reference-hero .hero-model-column{
  min-height:650px!important;max-height:none!important;overflow:visible!important;
  align-items:flex-start!important;justify-content:flex-start!important;padding-top:0!important;
}
body#top .reference-hero .hero-model-image{
  display:block!important;width:100%!important;max-width:540px!important;
  max-height:650px!important;height:auto!important;object-fit:contain!important;
  object-position:left top!important;margin:0!important;transform:none!important;
}
body#top .reference-hero .onboarding-speech{
  top:57%!important;left:57%!important;right:auto!important;
  width:min(225px,43%)!important;max-width:225px!important;
  padding:0!important;margin:0!important;border:0!important;border-radius:0!important;
  background:transparent!important;color:#9beaff!important;box-shadow:none!important;
  -webkit-backdrop-filter:none!important;backdrop-filter:none!important;
  font-size:clamp(13px,1.05vw,16px)!important;font-weight:800!important;
  line-height:1.45!important;letter-spacing:.005em!important;text-align:left!important;
  text-shadow:0 0 8px rgba(67,205,255,.48),0 0 16px rgba(25,165,255,.24)!important;
  z-index:5!important;
}
body#top .reference-hero .onboarding-speech-text{
  display:inline!important;background:transparent!important;color:#9beaff!important;
  text-shadow:none!important;
}
body#top .reference-hero .onboarding-speech:before{
  content:"";display:block;width:34px;height:2px;margin:0 0 8px;
  border-radius:2px;background:linear-gradient(90deg,#8ceaff,#c4ff57);
  box-shadow:0 0 10px rgba(108,226,255,.55);
}
body#top .reference-hero .onboarding-speech:after{display:none!important;content:none!important}
@media(max-width:1100px){
  body#top .reference-topbar{gap:12px!important}
  body#top .reference-nav{gap:12px!important}
  body#top .reference-nav>a{font-size:10px!important}
  body#top .reference-topbar .global-language-menu{display:none!important}
}
@media(max-width:900px){
  body#top .reference-hero .hero-grid{
    grid-template-columns:minmax(330px,.9fr) minmax(0,1.1fr)!important;
    gap:22px!important;padding-top:36px!important;padding-bottom:46px!important;
  }
  body#top .reference-hero .hero-model-column{min-height:540px!important}
  body#top .reference-hero .hero-model-image{max-width:440px!important;max-height:540px!important}
  body#top .reference-hero .onboarding-speech{
    top:59%!important;left:55%!important;width:min(185px,44%)!important;font-size:13px!important;
  }
  body#top .reference-nav{display:none!important}
  body#top .reference-topbar .menu-toggle{display:inline-flex!important;margin-left:2px}
  body#top .reference-nav.open{
    display:flex!important;position:absolute!important;top:100%!important;left:0!important;right:0!important;
    margin:0!important;padding:14px 22px 20px!important;background:#06152a!important;
    border-bottom:1px solid rgba(145,220,255,.24)!important;box-shadow:0 16px 28px rgba(0,0,0,.25)!important;
    flex-direction:column!important;align-items:stretch!important;gap:2px!important;
  }
  body#top .reference-nav.open>a{display:block!important;padding:10px 0!important;font-size:13px!important}
  body#top .reference-nav.open .nav-more-panel{position:static;box-shadow:none;margin:0 0 6px 10px}
}
@media(max-width:700px){
  body#top .reference-hero .hero-grid{
    grid-template-columns:1fr!important;gap:0!important;padding-top:24px!important;padding-bottom:38px!important;
  }
  body#top .reference-hero .hero-model-column{
    min-height:440px!important;max-height:none!important;width:100%!important;overflow:visible!important;
  }
  body#top .reference-hero .hero-model-image{
    width:min(92vw,390px)!important;max-width:100%!important;max-height:440px!important;
  }
  body#top .reference-hero .onboarding-speech{
    top:62%!important;left:52%!important;width:min(175px,45%)!important;
    font-size:12px!important;line-height:1.4!important;
  }
  body#top .reference-hero .hero-copy{order:1!important}
}


/* Keep the availability caption in normal flow directly below the hero portrait. */
body#top .reference-hero .hero-model-column{
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
}
body#top .reference-hero .hero-model-caption{
  position:relative!important;
  left:auto!important;
  bottom:auto!important;
  transform:none!important;
  align-self:center!important;
  margin:10px auto 0!important;
  z-index:3!important;
}
@media(max-width:700px){
  body#top .reference-hero .hero-model-caption{
    margin:8px auto 0!important;
    max-width:100%!important;
    white-space:nowrap!important;
  }
}

/* 2026-11-09 homepage hero stabilization: one final layout contract after legacy theme overrides. */
body#top .reference-hero .hero-model-column{
  display:flex!important;
  flex-direction:column!important;
  align-items:flex-start!important;
  justify-content:flex-start!important;
}
body#top .reference-hero .hero-model-image{
  display:block!important;
  width:100%!important;
  max-width:540px!important;
  height:auto!important;
  max-height:650px!important;
  margin:0!important;
  object-fit:contain!important;
  object-position:left top!important;
}
body#top .reference-hero .hero-model-caption{
  position:relative!important;
  inset:auto!important;
  align-self:center!important;
  margin:10px auto 0!important;
  transform:none!important;
  white-space:nowrap!important;
  z-index:6!important;
}
@media(max-width:900px){
  body#top .reference-hero .hero-model-column{min-height:0!important;max-height:none!important}
  body#top .reference-hero .hero-model-image{max-width:min(100%,440px)!important;max-height:540px!important}
}
@media(max-width:700px){
  body#top .reference-hero .hero-model-column{min-height:0!important;max-height:none!important}
  body#top .reference-hero .hero-model-image{width:min(92vw,390px)!important;max-height:440px!important}
  body#top .reference-hero .hero-model-caption{
    max-width:100%!important;
    font-size:clamp(8px,2.5vw,11px)!important;
    padding:7px 9px!important;
  }
}


/* 2026-11-09: align the Retell infrastructure headline with the top of the hero portrait. */
@media(min-width:701px){
  body#top .reference-hero .hero-grid{
    align-items:flex-start!important;
  }
  body#top .reference-hero .hero-copy{
    align-self:flex-start!important;
    margin-top:0!important;
  }
}