/* Upside home page (upside-home.php). Hero rules live under #up-hero, everything else under #uh. */
#up-hero{--teal:#006A68;            /* brand teal, taken from the live buttons */
  --field:#002E2D;
  --field-2:#001E1D;
  --mint:#49B0AD;            /* brand light teal — fills and marks only */
  --mint-text:#7FD8D4;       /* lifted until it clears AA on the field */
  --on:#FFFFFF;
  --on-2:#A9CFCD;
  --sans:"FreeSans",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;
  --ease-out:cubic-bezier(.23,1,.32,1);}
#up-hero, #up-hero *, #up-hero *::before, #up-hero *::after{box-sizing:border-box}
#up-hero{-webkit-text-size-adjust:100%}
#up-hero{margin:0;font-family:var(--sans);background:var(--field-2);color:var(--on);
  line-height:1.7;-webkit-font-smoothing:antialiased}
#up-hero h1{margin:0;line-height:1.03;letter-spacing:-.04em}
#up-hero p{margin:0}
#up-hero ::selection{background:var(--mint);color:#04302F}
#up-hero :focus-visible{outline:3px solid var(--mint-text);outline-offset:3px;border-radius:999px;
  box-shadow:0 0 0 6px rgba(0,30,29,.85)}
#up-hero .num{font-variant-numeric:tabular-nums}
#up-hero .hero{position:relative;min-height:min(80vh,730px);display:flex;flex-direction:column;
  overflow:hidden;
  background:
    radial-gradient(86rem 58rem at -6% -18%, #0C5551 0%, rgba(11,83,79,.35) 42%, transparent 74%),
    linear-gradient(180deg, var(--field) 0%, var(--field-2) 100%);}
#up-hero .photo{position:absolute;inset:0;pointer-events:none;
  background:url("/wp-content/uploads/2026/04/Container.webp") center 30%/cover no-repeat;
  opacity:.13;filter:grayscale(.55) contrast(1.05);
  mask-image:linear-gradient(to bottom,#000 0%,rgba(0,0,0,.85) 62%,transparent 100%);
  -webkit-mask-image:linear-gradient(to bottom,#000 0%,rgba(0,0,0,.85) 62%,transparent 100%)}
#up-hero #field{position:absolute;inset:0;width:100%;height:100%;display:block;
  mask-image:linear-gradient(to bottom,#000 0%,#000 86%,transparent 100%);
  -webkit-mask-image:linear-gradient(to bottom,#000 0%,#000 86%,transparent 100%)}
#up-hero .veil{position:absolute;inset:0;pointer-events:none;
  background:radial-gradient(38rem 28rem at 76% 48%, rgba(0,30,29,.88) 0%, rgba(0,30,29,.58) 54%, transparent 80%)}
#up-hero .wrap{position:relative;z-index:2;max-width:1320px;margin-inline:auto;width:100%;
  padding-inline:clamp(1.25rem,4vw,2.5rem)}
#up-hero .mid{flex:1;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.9fr);
  align-items:center;gap:clamp(1.5rem,4vw,3rem);padding-block:clamp(3rem,8vh,5.5rem)}
#up-hero .say{max-width:42rem}
#up-hero h1{font-size:clamp(2.2rem,3.9vw,5.1rem);font-weight:400;max-width:14ch;letter-spacing:-.045em}
#up-hero h1 .hi{color:var(--mint-text)}
#up-hero .sub{margin-top:1.5rem;max-width:50ch;font-size:clamp(1.02rem,1.15vw,1.32rem);
  line-height:1.65;color:var(--on-2)}
#up-hero .acts{display:flex;flex-wrap:wrap;gap:.8rem;margin-top:2rem}
#up-hero .btn{display:inline-flex;align-items:center;gap:.5rem;border-radius:999px;
  padding:1.02rem 2.1rem;font:inherit;font-size:clamp(1rem,.95vw,1.12rem);font-weight:700;text-decoration:none;
  border:1.5px solid transparent;cursor:pointer;
  transition:background-color .16s ease,color .16s ease,border-color .16s ease,transform .16s var(--ease-out)}
#up-hero .btn--solid{background:var(--on);color:#00312F}
#up-hero .btn--solid:hover{background:var(--mint);color:#04302F}
#up-hero .btn--line{border-color:rgba(255,255,255,.42);color:var(--on)}
#up-hero .btn--line:hover{border-color:var(--on);background:rgba(255,255,255,.08)}
#up-hero .btn:active{transform:translateY(1px)}
#up-hero .legend{position:relative;z-index:2;max-width:1160px;margin-inline:auto;width:100%;
  padding:0 clamp(1.25rem,4vw,2.5rem) 1.5rem;font-size:.8rem;color:#AECFCD;text-align:left}
@media (max-width:900px){
#up-hero .hero{min-height:min(114vh,850px)}
#up-hero .mid{grid-template-columns:1fr;align-items:start;padding-block:4.4rem 0}
#up-hero .say{max-width:none}
#up-hero h1{font-size:clamp(2.6rem,10.6vw,3.9rem);max-width:13ch;line-height:1.04}
#up-hero .sub{max-width:40ch;font-size:1rem}
#up-hero .acts{gap:.6rem}
#up-hero .btn{padding:.9rem 1.5rem;font-size:1rem;flex:0 0 auto}
#up-hero .veil{background:radial-gradient(26rem 20rem at 50% 20%, rgba(0,30,29,.9) 0%, rgba(0,30,29,.5) 55%, transparent 80%)}
#up-hero .photo{background-position:center 22%}
}
@media (max-width:430px){
#up-hero .acts{flex-direction:column;align-items:stretch;gap:.7rem}
#up-hero .btn{width:100%;justify-content:center}
}
@media (prefers-reduced-motion:reduce){
#up-hero .btn:active{transform:none}
}

#up-hero h1{font-size:clamp(2rem,2.75vw,3.7rem);max-width:none;line-height:1.1}
#up-hero .kick{font-size:.9rem;font-weight:700;color:var(--mint-text);margin-bottom:.9rem;letter-spacing:.02em}
#up-hero .sub{margin-top:1.2rem}
#up-hero .search{margin-top:1.8rem;max-width:40rem}
#up-hero .sgo{font:inherit;font-weight:700;font-size:1rem;border:0;border-radius:8px;background:var(--mint);color:#04302F;padding:.6rem 1.5rem;cursor:pointer;transition:background-color .16s ease}
#up-hero .sgo:hover{background:var(--mint-text)}
#up-hero .say>*{opacity:0;transform:translateY(14px);animation:upin .7s var(--ease-out) forwards}
#up-hero .say>*:nth-child(2){animation-delay:.08s}#up-hero .say>*:nth-child(3){animation-delay:.16s}
#up-hero .say>*:nth-child(4){animation-delay:.26s}#up-hero .say>*:nth-child(5){animation-delay:.36s}
@keyframes upin{to{opacity:1;transform:none}}
#up-hero .photo{animation:drift 26s ease-in-out infinite alternate;inset:-4%}
@keyframes drift{from{transform:scale(1) translate3d(0,0,0)}to{transform:scale(1.08) translate3d(-1.5%,-1%,0)}}
#up-hero .search:focus-within .sbox{box-shadow:0 0 0 3px rgba(127,216,212,.55),0 14px 40px rgba(0,0,0,.28)}
@media (max-width:900px){#up-hero .pop{display:none}#up-hero h1{font-size:clamp(2.1rem,8.6vw,3.2rem);max-width:none}}
@media (prefers-reduced-motion:reduce){#up-hero .say>*{animation:none;opacity:1;transform:none}#up-hero .photo{animation:none}}

/* ---------- hero search (inside #up-hero) ---------- */
#up-hero .search{position:relative}
#up-hero .scopes{display:flex;gap:4px;margin-bottom:-1px}
#up-hero .scopes button{font-family:inherit;font-size:14px;font-weight:700;line-height:1.4;border:0;background:rgba(255,255,255,.12);color:#D7E6E5;padding:9px 16px;border-radius:10px 10px 0 0;cursor:pointer;box-shadow:none;text-transform:none;letter-spacing:0}
#up-hero .scopes button:hover,#up-hero .scopes button:focus{background:rgba(255,255,255,.22);color:#fff}
#up-hero .scopes button.on{background:#fff;color:#006A68}
#up-hero .sbox{display:flex;background:#fff;border-radius:10px 0 10px 10px;padding:8px;gap:8px;box-shadow:0 14px 40px rgba(0,0,0,.28)}
#up-hero .sbox input{flex:1;border:0;outline:0;font:inherit;font-size:17px;padding:10px 12px;color:#0C0D0E;min-width:0;background:transparent;box-shadow:none;border-radius:0;width:auto}
#up-hero .sbox input:focus-visible{outline:0;box-shadow:none}
#up-hero .sgo{font:inherit;font-weight:700;font-size:1rem;line-height:1.4;border:0;border-radius:8px;background:var(--mint);color:#04302F;padding:.6rem 1.5rem;cursor:pointer;transition:background-color .16s ease;text-transform:none;letter-spacing:0}
#up-hero .sgo:hover,#up-hero .sgo:focus{background:var(--mint-text);color:#04302F}
#up-hero .sug{position:absolute;inset-inline:0;top:100%;margin-top:6px;background:#fff;color:#0C0D0E;border-radius:10px;border:1px solid #E4E3E3;box-shadow:0 14px 40px rgba(0,0,0,.2);overflow:hidden;display:none;z-index:5}
#up-hero .sug.open{display:block}
#up-hero .sug a,#up-hero .sug .none{display:flex;align-items:center;gap:12px;padding:10px 16px;border-bottom:1px solid #F5F3F4;font-size:15px;color:#0C0D0E;text-decoration:none;line-height:1.5}
#up-hero .sug a:last-child{border:0}
#up-hero .sug a:hover,#up-hero .sug a.act{background:#F2FAF9}
#up-hero .sug b{font-weight:700}
#up-hero .sug small{color:#8A8A93;margin-inline-start:auto;font-size:13px;text-align:end}
#up-hero .sug .none{color:#5F5E5E}
#up-hero .sug .tg{font-size:12px;font-weight:700;border-radius:6px;padding:2px 8px;background:#F5F3F4;color:#5F5E5E;white-space:nowrap}
#up-hero .sug .tg.m{background:#E0F2F1;color:#006A68}
#up-hero .pop{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px;font-size:14px;align-items:center;color:#A9C6C4}
#up-hero .pop a{border:1px solid rgba(255,255,255,.28);border-radius:999px;padding:4px 14px;color:#fff;text-decoration:none}
#up-hero .pop a:hover{background:rgba(255,255,255,.12)}
#up-hero .wrap{max-width:var(--uh-w,1320px)}
#up-hero h1{font-family:var(--sans);text-transform:none;color:var(--on)}
#up-hero p{font-family:var(--sans)}

/* ---------- page ---------- */
body.upside-home #content.uh-main{max-width:none;width:100%;margin:0;padding:0}
#uh{--teal:#006A68;--teal2:#0D9488;--btn:#49B0AD;--deep:#10312F;--ink:#0C0D0E;--ink2:#33373D;--txt:#5F5E5E;--mut:#8A8A93;--line:#E4E3E3;--panel:#F5F3F4;--tint:#F2FAF9;
  font-family:FreeSans,-apple-system,"Segoe UI",Arial,sans-serif;color:#333;line-height:1.7;background:#fff;padding-bottom:72px}
body.upside-home{--uh-w:1500px}
#uh,#uh *,#uh *::before,#uh *::after{box-sizing:border-box}
#uh a{color:inherit;text-decoration:none}
#uh h2,#uh h3{font-family:inherit;font-weight:700;letter-spacing:normal;text-transform:none}
#uh p{font-family:inherit}
#uh button,#uh select{font-family:inherit;text-transform:none;letter-spacing:0;box-shadow:none}
#uh .uh-wrap{width:100%;max-width:var(--uh-w,1320px);margin-inline:auto;padding-inline:clamp(1.25rem,4vw,2.5rem)}
#uh .uh-sec{padding:64px 0 0;margin:0}
#uh .uh-ey{font-size:15px;color:var(--teal);font-weight:700;margin:0 0 4px}
#uh .uh-sh{display:flex;align-items:end;justify-content:space-between;gap:16px;margin-bottom:22px}
#uh .uh-sh h2{font-size:30px;line-height:1.15;margin:0;color:#000}
#uh .uh-sh p:not(.uh-ey){margin:6px 0 0;color:var(--txt);max-width:720px;font-size:16px}
#uh .uh-more{color:var(--teal);font-weight:700;font-size:15px;white-space:nowrap}
#uh .uh-more:hover,#uh .uh-go:hover{text-decoration:underline;text-underline-offset:3px}
#uh .uh-go{color:var(--teal);font-weight:700}
#uh .uh-btn{display:inline-flex;align-items:center;justify-content:center;background:var(--btn);color:#fff;border-radius:10px;padding:12px 24px;font-size:16px;font-weight:700;white-space:nowrap;transition:background-color .16s ease}
#uh .uh-btn:hover{background:var(--teal)}
#uh .uh-tag{font-size:12px;font-weight:700;border-radius:6px;padding:2px 8px;background:var(--panel);color:var(--txt);white-space:nowrap;display:inline-block;line-height:1.6}
#uh .uh-tag-c{background:#E0F2F1;color:var(--teal)}

/* stats */
#uh .uh-stats{background:var(--panel);border-radius:10px;padding:22px 14px;display:grid;grid-template-columns:repeat(4,1fr);gap:12px;text-align:center;margin:-34px auto 0;position:relative;z-index:3;box-shadow:0 6px 24px rgba(0,0,0,.06)}
#uh .uh-stats b{display:block;font-size:30px;color:var(--teal);line-height:1.15;font-variant-numeric:tabular-nums}
#uh .uh-stats span{font-size:13px;color:var(--ink2)}

/* about */
#uh .uh-about{padding-top:56px}
#uh .uh-ab{display:grid;grid-template-columns:1.25fr 1fr;gap:36px;align-items:start}
#uh .uh-abt h2{font-size:34px;line-height:1.15;margin:0 0 14px;color:#000}
#uh .uh-abt p{margin:0 0 14px;font-size:17px;color:var(--ink2)}
#uh .uh-abt p a{color:var(--teal);text-decoration:underline;text-underline-offset:3px}
#uh .uh-abt .uh-ey{font-size:15px;color:var(--teal);margin:0 0 4px}
#uh .uh-abt .uh-upd{font-size:14px;color:var(--txt);display:flex;align-items:center;gap:8px;flex-wrap:wrap}
#uh .uh-live{width:9px;height:9px;border-radius:50%;background:var(--teal2);display:inline-block;animation:uh-ping 2s ease-out infinite}
@keyframes uh-ping{0%{box-shadow:0 0 0 0 rgba(13,148,136,.55)}100%{box-shadow:0 0 0 10px rgba(13,148,136,0)}}
#uh .uh-track{background:var(--deep);color:#fff;border-radius:10px;padding:26px 26px 12px;position:relative;overflow:hidden}
#uh .uh-track:before{content:"";position:absolute;inset:0;background:radial-gradient(22rem 16rem at 0% 0%,rgba(73,176,173,.28),transparent 70%)}
#uh .uh-tt{position:relative;font-weight:700;font-size:15px;color:#8ED6D2}
#uh .uh-steps{position:relative;list-style:none;margin:18px 0 0;padding:0}
#uh .uh-steps:before,#uh .uh-steps:after{content:"";position:absolute;inset-inline-start:6px;top:8px;width:2px;border-radius:2px}
#uh .uh-steps:before{bottom:36px;background:rgba(255,255,255,.16)}
#uh .uh-steps:after{height:0;max-height:calc(100% - 44px);background:#6FD3CD;animation:uh-fill 10s linear infinite}
@keyframes uh-fill{0%{height:0}82%,100%{height:100%}}
#uh .uh-steps li{position:relative;padding-inline-start:32px;padding-bottom:18px;opacity:.5;animation:uh-lit 10s linear infinite;animation-delay:calc(var(--i)*2s)}
#uh .uh-steps li:before{content:"";position:absolute;inset-inline-start:0;top:6px;width:14px;height:14px;border-radius:50%;background:var(--deep);border:2px solid #6FD3CD;z-index:1;animation:uh-dot 10s linear infinite;animation-delay:calc(var(--i)*2s)}
#uh .uh-steps b{display:block;font-size:17px;line-height:1.4}
#uh .uh-steps span{font-size:14px;color:#C9DEDC}
@keyframes uh-lit{0%{opacity:.5;transform:none}3%,19%{opacity:1;transform:translateX(-4px)}24%,100%{opacity:.5;transform:none}}
@keyframes uh-dot{0%{background:var(--deep);box-shadow:none}3%,19%{background:#6FD3CD;box-shadow:0 0 0 6px rgba(111,211,205,.22)}24%,100%{background:var(--deep);box-shadow:none}}
#uh .uh-feats{margin-top:28px}
#uh .uh-ft3{border:1px solid var(--line);border-radius:10px;padding:20px;display:block;transition:border-color .15s,transform .15s;background:#fff}
#uh .uh-ft3:hover{border-color:var(--teal);transform:translateY(-2px)}
#uh .uh-ft3 svg{width:30px;height:30px;fill:none;stroke:var(--teal);stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
#uh .uh-ft3 h3{margin:8px 0 4px;font-size:19px;color:var(--ink);line-height:1.3}
#uh .uh-ft3 p{margin:0;font-size:15px;color:var(--txt)}

/* grids */
#uh .uh-grid2{display:grid;grid-template-columns:1fr 1fr;gap:10px 18px}
#uh .uh-grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
#uh .uh-grid4{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}

/* tabs */
#uh .uh-tabs{display:flex;gap:4px;border-bottom:1px solid var(--line);margin-bottom:22px;overflow-x:auto}
#uh .uh-tabs button{font-size:15px;font-weight:700;line-height:1.5;color:var(--txt);background:none;border:0;border-bottom:3px solid transparent;border-radius:0;padding:10px 14px;cursor:pointer;white-space:nowrap}
#uh .uh-tabs button:hover,#uh .uh-tabs button:focus{background:none;color:var(--teal)}
#uh .uh-tabs button.on{color:var(--teal);border-bottom-color:var(--teal)}

/* compound cards */
#uh .uh-cc{border:1px solid var(--line);border-radius:10px;background:#fff;overflow:hidden;display:flex;flex-direction:column;transition:border-color .15s,transform .15s}
#uh .uh-cc[hidden]{display:none}
#uh .uh-cc:hover{border-color:var(--teal);transform:translateY(-2px)}
#uh .uh-cc figure{margin:0;aspect-ratio:16/9;background:var(--panel);position:relative;overflow:hidden}
#uh .uh-cc img{width:100%;height:100%;object-fit:cover;display:block;max-width:none;border-radius:0}
#uh .uh-cc figure .uh-tag{position:absolute;top:10px;inset-inline-start:10px;background:#fff;color:var(--teal);box-shadow:0 1px 4px rgba(0,0,0,.15)}
#uh .uh-bd{padding:14px 16px 6px;flex:1}
#uh .uh-ct{font-size:13px;color:var(--teal);font-weight:700;display:block}
#uh .uh-cc strong{display:block;font-size:17px;color:var(--ink);line-height:1.35}
#uh .uh-cc small{color:var(--mut);font-variant-numeric:tabular-nums;font-size:13px}
#uh .uh-kp{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin:12px 0 6px}
#uh .uh-kp div{background:var(--panel);border-radius:8px;padding:8px 10px;font-size:12px;color:var(--txt);line-height:1.4}
#uh .uh-kp b{display:block;font-size:17px;color:var(--ink)}
#uh .uh-ft{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:10px 16px 14px;font-size:14px}
#uh .uh-ft span:first-child{color:var(--mut);font-size:13px}

/* cities */
#uh .uh-city{border:1px solid var(--line);border-radius:10px;padding:14px 16px;background:#fff}
#uh .uh-ch{margin:0 0 10px;font-size:17px;font-weight:700;color:var(--ink)}
#uh .uh-ch a:hover{color:var(--teal)}
#uh .uh-row{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
#uh .uh-row>*{background:var(--panel);border-radius:8px;padding:8px 4px;text-align:center;font-size:12px;color:var(--txt);line-height:1.4;transition:background-color .15s}
#uh .uh-row>a:hover{background:#E0F2F1}
#uh .uh-row b{display:block;font-size:19px;color:var(--teal);line-height:1.2;font-variant-numeric:tabular-nums}

/* map */
#uh .uh-mapsec{background:var(--panel);margin-top:64px;padding:56px 0 48px;scroll-margin-top:80px}
#uh .uh-mapsec section{padding:0;margin:0}
#uh .uh-cityt{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin-bottom:14px}
#uh .uh-cityt button{font-size:15px;font-weight:700;line-height:1.5;border:1px solid var(--line);background:#fff;color:var(--ink2);border-radius:999px;padding:6px 18px;cursor:pointer}
#uh .uh-cityt button:hover,#uh .uh-cityt button:focus{border-color:var(--teal);color:var(--teal);background:#fff}
#uh .uh-cityt button.on{background:var(--teal);border-color:var(--teal);color:#fff}
#uh .uh-cityt select{font-size:15px;font-weight:700;border:1px solid var(--line);background:#fff;color:var(--ink2);border-radius:999px;padding:7px 14px;cursor:pointer;width:auto;max-width:220px}
#uh .uh-cityt select.on{border-color:var(--teal);color:var(--teal)}
#uh .uh-hmap{--nbx-teal:#006A68;--nbx-ink:#0C0D0E;--nbx-ink2:#33373D;--nbx-mut:#A1A1AA;--nbx-line:#E4E3E3;position:relative;height:620px;border-radius:10px;overflow:hidden;border:1px solid var(--line);background:#F2F1F1}
#uh #uh-hm{position:absolute;inset:0;z-index:1}
#uh .uh-mapnote{margin:10px 0 0;font-size:14px;color:var(--txt);min-height:1.7em}
#uh .nbx-ctl{position:absolute;z-index:500;top:12px;inset-inline-start:12px;background:#fff;border-radius:10px;box-shadow:0 2px 10px rgba(0,0,0,.12);padding:10px 12px;font-size:13px;max-width:230px;line-height:1.5}
#uh .nbx-ctl b{display:block;font-size:13px;color:var(--nbx-ink2);margin-bottom:4px}
#uh .nbx-ctl select{font-size:13px;width:100%;padding:4px;border:1px solid var(--nbx-line);border-radius:6px;margin-bottom:6px;background:#fff;color:#333}
#uh .nbx-ctl label{display:flex;align-items:center;gap:6px;margin:2px 0;cursor:pointer;font-size:13px}
#uh .nbx-ctl input{width:auto;margin:0}
#uh .nbx-scale{display:flex;height:8px;border-radius:4px;overflow:hidden;margin:4px 0 2px}
#uh .nbx-scale i{flex:1}
#uh .nbx-scale-l{display:flex;justify-content:space-between;color:var(--nbx-mut);font-size:11px}
#uh .leaflet-container{font-family:FreeSans,Arial,sans-serif}
#uh .nbx-pop h4{margin:0 0 4px;font-size:14px;font-family:inherit;font-weight:700;color:var(--ink)}
#uh .nbx-pop a{color:var(--nbx-teal);font-weight:700}
#uh .leaflet-bar a{text-decoration:none!important;font-family:Arial,sans-serif!important;color:#333!important;line-height:30px}
#uh .leaflet-tooltip{direction:rtl}
#uh .nbx-mi{display:flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:50%;background:#2B2F8F;color:#fff;font:700 12px/1 Arial,sans-serif;border:2px solid #fff;box-shadow:0 1px 4px rgba(0,0,0,.35)}
#uh .nbx-ctl .nbx-ctl-t{display:none}
#uh .uh-maphint{position:absolute;z-index:400;bottom:14px;left:50%;transform:translateX(-50%);background:rgba(16,49,47,.86);color:#fff;font-size:13px;border-radius:999px;padding:4px 14px;pointer-events:none;opacity:0;transition:opacity .25s}
#uh .uh-maphint.on{opacity:1}

/* audiences */
#uh .uh-aud{border:1px solid var(--line);border-radius:10px;padding:22px;background:#fff}
#uh .uh-n{font-size:13px;color:var(--teal);font-weight:700}
#uh .uh-aud h3{margin:4px 0 6px;font-size:21px;color:#000;line-height:1.3}
#uh .uh-aud p{margin:0 0 12px;color:var(--txt);font-size:15px}
#uh .uh-aud ul{list-style:none;margin:0 0 16px;padding:0;font-size:15px}
#uh .uh-aud li{padding:6px 0;border-top:1px solid var(--panel);color:var(--ink2)}

/* guides */
#uh .uh-gd{display:flex;gap:12px;align-items:center;justify-content:space-between;padding:14px 16px;border:1px solid var(--line);border-radius:10px;background:#fff;transition:border-color .15s}
#uh .uh-gd:hover{border-color:var(--teal)}
#uh .uh-gd h3{font-size:16px;color:var(--ink);margin:4px 0 0;line-height:1.4}

/* model band */
#uh .uh-band{background:var(--deep);color:#fff;border-radius:10px;padding:34px;display:flex;gap:28px;align-items:center;justify-content:space-between;margin-top:64px}
#uh .uh-band h2{margin:0 0 6px;font-size:26px;color:#fff;line-height:1.25}
#uh .uh-band p{margin:0;color:#C9DEDC;max-width:640px}

/* scroll reveal: only elements that were below the fold when the script started */
#uh .uh-rvx{opacity:0;transform:translateY(22px);transition:opacity .7s cubic-bezier(.23,1,.32,1),transform .7s cubic-bezier(.23,1,.32,1);transition-delay:var(--d,0s)}
#uh .uh-rvx.in{opacity:1;transform:none}

@media(max-width:1100px){#uh .uh-grid4{grid-template-columns:repeat(2,1fr)}}
@media(max-width:900px){
 #uh .uh-grid3,#uh .uh-grid2{grid-template-columns:1fr}
 #uh .uh-stats{grid-template-columns:1fr 1fr}#uh .uh-stats b{font-size:22px}
 #uh .uh-sh{display:block}#uh .uh-more{display:inline-block;margin-top:8px}
 #uh .uh-sh h2{font-size:26px}
 #uh .uh-band{display:block;padding:26px}#uh .uh-band .uh-btn{margin-top:16px}
 #uh .uh-ab{grid-template-columns:1fr;gap:22px}#uh .uh-abt h2{font-size:28px}
 #uh .uh-sec{padding-top:48px}
 #up-hero .sgo{padding:.6rem 1rem}
 #up-hero .scopes{overflow-x:auto}
 #up-hero .scopes button{padding:8px 12px;font-size:13px;white-space:nowrap}
 #up-hero .sbox input{font-size:16px;padding:10px 8px}
}
@media(max-width:860px){
 #uh .uh-hmap{height:460px}
 #uh .nbx-ctl{padding:0;max-width:200px;font-size:12px}
 #uh .nbx-ctl .nbx-ctl-t{display:flex;align-items:center;gap:6px;width:100%;font-size:13px;font-weight:700;color:var(--nbx-ink2);background:#fff;border:0;border-radius:10px;padding:8px 12px;cursor:pointer}
 #uh .nbx-ctl-t::after{content:"";width:7px;height:7px;border:solid currentColor;border-width:0 2px 2px 0;transform:rotate(45deg);margin-inline-start:auto;margin-top:-3px}
 #uh .nbx-ctl:not(.nbx-ctl-closed) .nbx-ctl-t::after{transform:rotate(-135deg);margin-top:3px}
 #uh .nbx-ctl-b{padding:0 12px 10px}
 #uh .nbx-ctl.nbx-ctl-closed .nbx-ctl-b{display:none}
}
@media(max-width:520px){#uh .uh-grid4{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){
 #uh .uh-rvx{opacity:1;transform:none;transition:none}
 #uh .uh-steps:after{animation:none;height:100%}
 #uh .uh-steps li,#uh .uh-steps li:before,#uh .uh-live{animation:none;opacity:1}
 #uh .uh-cc:hover,#uh .uh-ft3:hover{transform:none}
}