/* ============================================================
   iNgxolo Tactical Unit — brand layer over Blackhawk base
   Palette: deep blacks, crimson accent, platinum detail
   ============================================================ */
:root{
  --itu-black:#050505; --itu-coal:#080808; --itu-graphite:#101010;
  --itu-panel:#111111; --itu-panel-2:#151515; --itu-panel-3:#1A1A1A;
  --itu-crimson:#A6192E; --itu-crimson-2:#C22740;
  --itu-platinum:#C9CCD1; --itu-silver:#9BA1A8;
  --itu-text:#F2F3F4; --itu-text-soft:#C7CBD0; --itu-text-mute:#8E949B;
}
body{background:var(--itu-coal);color:var(--itu-text-soft)}
html{scroll-behavior:smooth}
/* platinum utility */
.itu-platinum{color:var(--itu-platinum)!important}
.itu-eyebrow{color:var(--itu-crimson-2);letter-spacing:.32em;text-transform:uppercase;font-weight:600;font-size:.82rem}
/* compliance / confidence chip cards */
.itu-chip{background:var(--itu-panel-2);border:1px solid #222;border-left:3px solid var(--itu-crimson);padding:18px 20px;color:var(--itu-text-soft);font-weight:600;letter-spacing:.04em}
.itu-chip:hover{border-left-color:var(--itu-platinum);background:var(--itu-panel-3)}
.itu-note{background:var(--itu-panel);border:1px solid #1f1f1f;border-left:4px solid var(--itu-crimson);padding:16px 20px;font-size:.9rem;color:var(--itu-text-mute)}
.itu-divider{height:1px;background:linear-gradient(90deg,transparent,#2a2a2a,transparent);margin:26px 0}
/* soften any leftover pure-white section backgrounds to charcoal */
.section-bg-white,.bg-white{background:var(--itu-graphite)!important}
/* platinum hover on card titles */
.service-card h3 a:hover,.itu-card h4 a:hover{color:var(--itu-platinum)!important}
/* header fit: keep nav on one row at desktop */
.te-logo img{max-height:58px;width:auto}
.te-main-menu > ul > li > a{padding-left:11px;padding-right:11px;font-size:15px;letter-spacing:.02em}
@media (min-width:1200px) and (max-width:1500px){
  .te-main-menu > ul > li > a{padding-left:8px;padding-right:8px;font-size:14px}
  .te-call-btn .call-info a{font-size:15px}
}
.te-menu-sidebar-logo img{max-height:70px;width:auto}
.te-footer-logo img{max-height:84px;width:auto}
/* full dark scheme for content sections */
.feature-area.style-1{background:var(--itu-graphite)}
.about-us-area.style-1{background:var(--itu-coal)}
.te-section-title .title{color:var(--itu-text)}
.te-section-title .short-title{color:var(--itu-crimson-2)}
.te-section-desc p{color:var(--itu-text-soft)}
.te-info-card.style-2 .te-info-card-inner{background:var(--itu-panel-2);border:1px solid #232323}
.te-info-card.style-2 .te-info-card-inner:hover{border-color:var(--itu-crimson)}
.te-info-card.style-2 .title a{color:var(--itu-text)}
.te-info-card.style-2 .desc{color:var(--itu-text-mute)}
.te-info-card.style-2 .read-btn a{color:var(--itu-crimson-2)}
.appointment-area .form-label{color:var(--itu-platinum)}
h1,h2,h3,h4,h5,h6{color:var(--itu-text)}
.footer-contact .contact-text a,.footer-contact .contact-text span{color:var(--itu-text-soft)}
/* contact heading: no mid-word breaks in the narrow column */
.appointment-area .te-section-title .title{font-size:clamp(1.5rem,2.4vw,2.2rem);hyphens:none;word-break:keep-all;overflow-wrap:normal}
/* Floating menu box: clear the topbar's social row (slight offset) */
@media (min-width:992px){
  .header-area.style-3 .te-header-menu-area{top:104px}
  .header-area.style-3 .header-top{padding-bottom:70px}
  .header-top .te-social-profile{margin-top:2px}
}
/* Keep nav on one row up to wider laptop widths */
@media (min-width:1200px) and (max-width:1700px){
  .te-main-menu > ul > li > a{padding-left:8px;padding-right:8px;font-size:14px}
}
/* Give the floating menu box more width so all tabs + call button fit one row */
@media (min-width:1200px){
  .header-area.style-3 .te-header-menu-area .container{max-width:min(96vw,1720px)}
}
/* Accessibility layer */
.itu-skip{position:absolute;left:-9999px;top:0;z-index:9999;background:var(--itu-crimson);color:#fff;padding:10px 18px;font-weight:700}
.itu-skip:focus{left:12px;top:12px;outline:2px solid #fff;color:#fff}
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--itu-crimson-2);outline-offset:2px}
@media (prefers-reduced-motion: reduce){
  *,*::before,*::after{animation-duration:.01ms !important;animation-iteration-count:1 !important;transition-duration:.01ms !important;scroll-behavior:auto !important}
}

/* Full-width flowing section text (About restyle) */
.te-section-title.itu-flow{display:block}
.te-section-title.itu-flow .te-section-content,
.te-section-title.itu-flow .te-section-desc{width:100%}
.te-section-title.itu-flow{margin-bottom:10px}

/* Training tiles restyle */
.itu-train-card{position:relative;height:100%;padding:34px 28px;border:1px solid #262626;border-radius:6px;background:linear-gradient(160deg,#161616 0%,#0d0d0d 55%,#121212 100%);overflow:hidden;transition:transform .35s ease,border-color .35s ease,box-shadow .35s ease}
.itu-train-card::before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--itu-crimson-2),transparent 72%);opacity:.9}
.itu-train-card:hover{transform:translateY(-6px);border-color:var(--itu-crimson-2);box-shadow:0 18px 40px rgba(0,0,0,.45)}
.itu-train-icon{width:64px;height:64px;display:flex;align-items:center;justify-content:center;border-radius:6px;background:rgba(194,39,64,.12);border:1px solid rgba(194,39,64,.45);margin-bottom:22px;transition:background .35s ease}
.itu-train-icon i{font-size:26px;color:var(--itu-crimson-2);transition:color .35s ease}
.itu-train-card:hover .itu-train-icon{background:var(--itu-crimson-2)}
.itu-train-card:hover .itu-train-icon i{color:#fff}
.itu-train-card h3{font-size:22px;margin-bottom:12px;text-transform:uppercase}
.itu-train-card h3 a{color:var(--itu-text)}
.itu-train-card h3 a:hover{color:var(--itu-crimson-2)}
.itu-train-card .desc{color:var(--itu-text-soft);margin-bottom:18px}

/* badge-image variant of train-card icon */
.itu-train-icon img{width:100%;height:100%;object-fit:contain;padding:5px}
.itu-train-icon.itu-badge{background:transparent;border-color:#2a2a2a}
.itu-train-card:hover .itu-train-icon.itu-badge{background:rgba(194,39,64,.10);border-color:var(--itu-crimson-2)}

/* INX Tactical page components */
.itu-cat-tile{display:flex;flex-direction:column;align-items:center;text-align:center;gap:12px;padding:22px 14px;border:1px solid #262626;border-radius:6px;background:var(--itu-panel-2);transition:transform .3s ease,border-color .3s ease,background .3s ease;height:100%}
.itu-cat-tile:hover{transform:translateY(-4px);border-color:var(--itu-crimson-2);background:var(--itu-panel-3)}
.itu-cat-tile .itu-cat-icon{width:52px;height:52px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:rgba(194,39,64,.12);border:1px solid rgba(194,39,64,.45);transition:background .3s ease}
.itu-cat-tile .itu-cat-icon i{font-size:20px;color:var(--itu-crimson-2);transition:color .3s ease}
.itu-cat-tile:hover .itu-cat-icon{background:var(--itu-crimson-2)}
.itu-cat-tile:hover .itu-cat-icon i{color:#fff}
.itu-cat-tile .itu-cat-icon.itu-badge{width:72px;height:72px;border-radius:10px;background:transparent;border-color:#2a2a2a}
.itu-cat-tile .itu-cat-icon.itu-badge img{width:100%;height:100%;object-fit:contain}
.itu-cat-tile:hover .itu-cat-icon.itu-badge{background:rgba(194,39,64,.10);border-color:var(--itu-crimson-2)}
.itu-cat-tile span{font-weight:600;font-size:.85rem;letter-spacing:.02em;color:var(--itu-text-soft)}
.itu-cat-tile:hover span{color:var(--itu-text)}

.itu-social-btn{display:flex;flex-direction:column;align-items:center;gap:10px;text-decoration:none}
.itu-social-btn .itu-social-icon{width:72px;height:72px;border-radius:50%;display:flex;align-items:center;justify-content:center;border:2px solid var(--itu-crimson-2);background:transparent;transition:background .3s ease,transform .3s ease}
.itu-social-btn .itu-social-icon i{font-size:30px;color:var(--itu-crimson-2);transition:color .3s ease}
.itu-social-btn:hover .itu-social-icon{background:var(--itu-crimson-2);transform:translateY(-4px)}
.itu-social-btn:hover .itu-social-icon i{color:#fff}
.itu-social-btn .itu-social-label{font-weight:700;letter-spacing:.03em;color:var(--itu-text)}
.itu-social-btn .itu-social-status{font-size:.72rem;color:var(--itu-text-mute);text-transform:uppercase;letter-spacing:.05em}
.itu-social-btn.itu-social-live .itu-social-icon{background:var(--itu-crimson-2)}
.itu-social-btn.itu-social-live .itu-social-icon i{color:#fff}
.itu-social-btn.itu-social-muted .itu-social-icon{border-color:#333}
.itu-social-btn.itu-social-muted .itu-social-icon i{color:var(--itu-text-mute)}
.itu-social-btn.itu-social-muted:hover .itu-social-icon{background:transparent;transform:none}
.itu-social-btn.itu-social-muted:hover .itu-social-icon i{color:var(--itu-text-mute)}
.itu-social-btn .itu-social-icon.itu-social-badge{width:84px;height:84px;border-radius:0;border:none;background:transparent}
.itu-social-btn .itu-social-icon.itu-social-badge img{width:100%;height:100%;object-fit:contain;transition:filter .3s ease,opacity .3s ease}
.itu-social-btn:hover .itu-social-icon.itu-social-badge{background:transparent}
.itu-social-btn.itu-social-live .itu-social-icon.itu-social-badge{background:transparent}
.itu-social-btn.itu-social-muted .itu-social-icon.itu-social-badge img{filter:grayscale(1) brightness(.65);opacity:.5}
.itu-social-btn.itu-social-muted:hover .itu-social-icon.itu-social-badge img{filter:grayscale(.5) brightness(.85);opacity:.8}

/* Corporate Forensics & Investigations page components */
.itu-subnav{background:var(--itu-panel);border-top:1px solid #1f1f1f;border-bottom:1px solid #1f1f1f;position:relative}
.itu-subnav-progress{position:absolute;top:0;left:0;height:2px;width:0%;background:linear-gradient(90deg,var(--itu-crimson),var(--itu-crimson-2));transition:width .08s linear}
.itu-subnav-scroll{display:flex;flex-wrap:wrap;gap:10px;padding:16px 0;justify-content:center}
.itu-subnav a{display:inline-flex;align-items:center;gap:8px;flex:0 0 auto;padding:9px 16px;border:1px solid #262626;border-radius:30px;background:var(--itu-panel-2);color:var(--itu-text-mute);font-size:.8rem;font-weight:700;letter-spacing:.03em;text-transform:uppercase;text-decoration:none;white-space:nowrap;transition:all .25s ease}
.itu-subnav a i{font-size:.8rem;color:var(--itu-crimson-2);transition:color .25s ease}
.itu-subnav a:hover{border-color:var(--itu-crimson-2);color:var(--itu-text)}
.itu-subnav a.is-active{background:var(--itu-crimson-2);border-color:var(--itu-crimson-2);color:#fff;box-shadow:0 6px 18px rgba(194,39,64,.4)}
.itu-subnav a.is-active i{color:#fff}

.itu-process{display:flex;flex-wrap:wrap;gap:0;counter-reset:itu-step}
.itu-process-step{flex:1 1 220px;position:relative;padding:26px 22px 22px;background:var(--itu-panel-2);border:1px solid #262626;border-radius:6px;margin:8px}
.itu-process-num{width:40px;height:40px;border-radius:50%;background:var(--itu-crimson-2);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1.05rem;margin-bottom:16px}
.itu-process-step h4{font-size:1.02rem;margin-bottom:8px;color:var(--itu-text)}
.itu-process-step p{color:var(--itu-text-mute);font-size:.88rem;margin:0}

.itu-faq{border:1px solid #232323;border-radius:6px;background:var(--itu-panel-2);margin-bottom:12px;overflow:hidden}
.itu-faq summary{list-style:none;cursor:pointer;padding:18px 22px;font-weight:600;color:var(--itu-text);display:flex;align-items:center;justify-content:space-between;gap:12px}
.itu-faq summary::-webkit-details-marker{display:none}
.itu-faq summary::after{content:"\002B";font-size:1.3rem;color:var(--itu-crimson-2);flex:0 0 auto}
.itu-faq[open] summary::after{content:"\2212"}
.itu-faq .itu-faq-a{padding:0 22px 20px;color:var(--itu-text-soft);font-size:.94rem}

/* Search & Rescue page components */
.itu-emergency-bar{background:linear-gradient(90deg,var(--itu-crimson) 0%,#7a1322 100%);padding:16px 0}
.itu-emergency-bar .itu-emergency-inner{display:flex;align-items:center;gap:14px;color:#fff;font-size:.92rem;font-weight:600}
.itu-emergency-bar i{font-size:1.4rem;flex:0 0 auto}
.itu-check-list{list-style:none;padding:0;margin:0;color:var(--itu-text-soft)}
.itu-check-list li{margin:7px 0;display:flex;align-items:flex-start;gap:9px}
.itu-check-list li i{color:var(--itu-crimson-2);margin-top:4px;flex:0 0 auto}
.itu-role-card{height:100%;padding:26px 24px;border:1px solid #262626;border-radius:6px;background:var(--itu-panel-2)}
.itu-role-card h4{color:var(--itu-text);font-size:1.05rem;margin-bottom:14px;text-transform:uppercase;letter-spacing:.02em}
.itu-role-card h4 i{color:var(--itu-crimson-2);margin-right:8px}
.itu-form-card{padding:16px 18px;border:1px solid #232323;border-radius:6px;background:var(--itu-panel-2);height:100%}
.itu-form-card .itu-form-code{color:var(--itu-crimson-2);font-weight:700;font-size:.78rem;letter-spacing:.04em}
.itu-form-card h5{color:var(--itu-text);font-size:.95rem;margin:4px 0 8px}
.itu-form-card p{color:var(--itu-text-mute);font-size:.8rem;margin:0;line-height:1.5}
.itu-warn-panel{background:rgba(166,25,46,.08);border:1px solid rgba(194,39,64,.4);border-left:6px solid var(--itu-crimson);padding:22px 26px;border-radius:4px}
.itu-warn-panel strong{color:var(--itu-platinum)}

/* Target-flash: confirms the precise card a subnav pill scrolled to (several cards can share a row/scroll position) */
@keyframes itu-target-ring{
  0%{box-shadow:0 0 0 0 rgba(194,39,64,.65),0 0 0 0 rgba(194,39,64,.35);border-color:var(--itu-crimson-2)}
  70%{box-shadow:0 0 0 10px rgba(194,39,64,0),0 0 0 20px rgba(194,39,64,0);border-color:var(--itu-crimson-2)}
  100%{box-shadow:0 0 0 10px rgba(194,39,64,0),0 0 0 20px rgba(194,39,64,0);border-color:#262626}
}
.itu-target-flash{animation:itu-target-ring 1.1s ease-out 2}

/* ==== GLOBAL FOOTER STANDARDISATION — label/value structure + alignment ==== */
.te-footer-widget .te-footer-widget-contact .footer-contact ul li{align-items:flex-start}
.te-footer-widget .te-footer-widget-contact .footer-contact ul li .contact-icon{margin-top:3px}
.footer-contact .contact-text{line-height:1.5}
.footer-contact .contact-text .itu-foot-label{
  display:block;font-size:.72rem;letter-spacing:.16em;text-transform:uppercase;
  color:var(--itu-text-mute);line-height:1.4;margin-bottom:1px;font-weight:600
}
.footer-contact .contact-text address{
  font-style:normal;margin:0;color:var(--itu-text-soft);line-height:1.55
}
/* equal column rhythm: identical list spacing in SERVICES / TRAINING */
.te-footer-widget.te_widget_nav_menu li{padding-bottom:14px}
.te-footer-widget.te_widget_nav_menu li:last-child{padding-bottom:0}
@media (max-width:991px){.te-footer-widget-wrapper{margin-bottom:34px}}

/* ==== SOCIAL BADGE ICONS — large, evenly spread ==== */
.te-social-profile.itu-social-badges{
  display:flex;align-items:center;justify-content:space-between;
  flex-wrap:wrap;width:100%;gap:18px 12px;margin:0
}
.te-social-profile.itu-social-badges a,
.te-social-profile.itu-social-badges .itu-social-pending{
  display:inline-flex;align-items:center;justify-content:center;
  padding:0;line-height:0;background:none;border:0;flex:0 0 auto
}
.te-social-profile.itu-social-badges picture,
.te-social-profile.itu-social-badges img{display:block;width:100%;height:auto}
.te-social-profile.itu-social-badges a,
.te-social-profile.itu-social-badges .itu-social-pending{
  width:clamp(72px,9vw,120px)
}
.te-social-profile.itu-social-badges a{position:relative;isolation:isolate}
/* light bloom behind the badge on hover/focus */
.te-social-profile.itu-social-badges a::before{
  content:"";position:absolute;left:50%;top:50%;width:150%;aspect-ratio:1;
  border-radius:50%;z-index:0;pointer-events:none;
  /* closest-side => gradient fades to fully transparent exactly at the circle
     edge, so no hard box edge is ever visible */
  background:radial-gradient(circle closest-side,
    rgba(255,255,255,.34) 0%,rgba(255,190,200,.22) 32%,
    rgba(194,39,64,.20) 58%,rgba(194,39,64,0) 100%);
  opacity:0;transform:translate(-50%,-50%) scale(.7);
  transition:opacity .3s ease,transform .35s cubic-bezier(.2,.7,.3,1)
}
.te-social-profile.itu-social-badges a:hover::before,
.te-social-profile.itu-social-badges a:focus-visible::before{
  opacity:1;transform:translate(-50%,-50%) scale(1)
}
.te-social-profile.itu-social-badges picture,
.te-social-profile.itu-social-badges img{position:relative;z-index:1}
.te-social-profile.itu-social-badges img{
  transition:transform .35s cubic-bezier(.2,.7,.3,1),filter .35s ease;
  filter:drop-shadow(0 6px 14px rgba(0,0,0,.55))
}
/* +20% zoom on select */
.te-social-profile.itu-social-badges a:hover img,
.te-social-profile.itu-social-badges a:focus-visible img{
  transform:scale(1.2);
  filter:drop-shadow(0 14px 30px rgba(194,39,64,.55))
}
.te-social-profile.itu-social-badges a:active img{transform:scale(1.12)}
.te-social-profile.itu-social-badges a:focus-visible{
  outline:2px solid var(--itu-crimson-2);outline-offset:6px;border-radius:6px
}
.te-social-profile.itu-social-badges .itu-social-pending{cursor:default}
.te-social-profile.itu-social-badges .itu-social-pending img{opacity:.9}

/* FOOTER — dedicated full-width band, badges at full size */
.itu-social-band{
  border-top:1px solid rgba(255,255,255,.07);
  margin-top:56px;padding-top:40px
}
.itu-social-band .itu-social-badges{max-width:1180px;margin:0 auto}
.itu-social-band .itu-social-badges a,
.itu-social-band .itu-social-badges .itu-social-pending{width:clamp(84px,10.5vw,132px)}

/* HEADER top bar — badges get their own full-width line under the contacts.
   The theme overlaps the nav 50px into this bar, so extra bottom room is
   reserved to stop the badges being clipped. */
.header-top .te-header-top-wrapper{flex-wrap:wrap;row-gap:16px}
.header-area.style-3 .header-top{padding-bottom:130px}
/* Theme pins the nav at a fixed 70px from the viewport top, which would bury the
   badge row. Push it down so the crimson bar owns contacts + badges. The sticky
   state (.te-sticky_menu -> top:0) is untouched, so scroll behaviour is unchanged. */
@media (min-width:992px){
  .header-area.style-3 .te-header-menu-area:not(.te-sticky_menu){top:186px}
}
.header-top .header-top-info.itu-top-stack{
  display:flex;flex-direction:column;align-items:stretch;gap:14px 0;width:auto
}
/* row spans exactly the contact block: below "Emergency" -> below the postcode */
.header-top .itu-top-stack .te-social-profile.itu-social-badges{
  width:100%;justify-content:space-between;margin:0;gap:14px
}
.header-top .te-social-profile.itu-social-badges a,
.header-top .te-social-profile.itu-social-badges .itu-social-pending{
  width:clamp(58px,6.4vw,92px)
}
@media (max-width:991px){.header-area.style-3 .header-top{padding-bottom:110px}}
/* Mobile sidebar menu: centred, comfortable */
.te-menu-sidebar-area .te-social-profile.itu-social-badges{justify-content:flex-start;gap:14px}
.te-menu-sidebar-area .te-social-profile.itu-social-badges a,
.te-menu-sidebar-area .te-social-profile.itu-social-badges .itu-social-pending{width:64px}

@media (max-width:991px){
  .itu-social-band{margin-top:40px;padding-top:30px}
  .te-social-profile.itu-social-badges{justify-content:center;gap:16px}
}
@media (max-width:575px){
  .itu-social-band .itu-social-badges a,
  .itu-social-band .itu-social-badges .itu-social-pending{width:26vw}
  .header-top .te-social-profile.itu-social-badges a,
  .header-top .te-social-profile.itu-social-badges .itu-social-pending{width:24vw}
}

/* ==== CONTENT PROTECTION ==== */
/* Text/image selection disabled site-wide, with deliberate exceptions below
   so visitors can still copy the details they legitimately need. */
body{
  -webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;
  -webkit-touch-callout:none
}
/* ALLOWED to select/copy: phone numbers, email, website, social + contact details */
a[href^="tel:"],a[href^="mailto:"],
.cloak-email,.cloak-email *,
.footer-contact .contact-text,.footer-contact .contact-text *,
.te-header-contact-info,.te-header-contact-info *,
.itu-social-badges a,.itu-social-badges a *,
input,textarea,select,[contenteditable]{
  -webkit-user-select:text;-moz-user-select:text;-ms-user-select:text;user-select:text;
  -webkit-touch-callout:default
}
/* Images: block drag-off and long-press-save */
img{-webkit-user-drag:none;-khtml-user-drag:none;-moz-user-drag:none;-o-user-drag:none;
    user-drag:none;-webkit-touch-callout:none}
/* Keyboard focus must stay visible for accessibility */
a:focus-visible,button:focus-visible{outline:2px solid var(--itu-crimson-2);outline-offset:2px}

/* ==== LOGO ASPECT-RATIO FIX ====
   Theme forces .te-sticky-logo img{width:170px} while height stays 58px, which
   stretches this near-square logo to a 2.93 ratio (natural 1.354). Lock height
   and let width follow so proportions are always correct, sticky or not. */
.te-header-menu-area .te-logo a img,
.te-header-menu-area.te-sticky_menu .te-logo a img{
  width:auto!important;max-width:none!important;height:58px!important;
  object-fit:contain;transition:height .35s ease
}
.te-header-menu-area .te-logo .te-sticky-logo,
.te-header-menu-area.te-sticky_menu .te-logo .te-sticky-logo{width:auto}

/* ==== INX TACTICAL — YouTube category cards ==== */
a.itu-yt-link{display:block;height:100%;text-decoration:none}
.itu-yt-card{text-align:center;display:flex;flex-direction:column;align-items:center}
.itu-yt-icon{width:clamp(90px,7.2vw,110px);aspect-ratio:1;margin:0 auto 18px;flex:0 0 auto}
.itu-yt-icon picture{display:block;width:100%;height:100%}
.itu-yt-icon img{display:block;width:100%;height:100%;object-fit:contain}
.itu-yt-card h3{font-size:1rem;line-height:1.35;margin:0 0 10px;color:#fff;text-transform:none}
.itu-yt-card p{color:var(--itu-text-mute);font-size:.86rem;line-height:1.55;margin:0}
a.itu-yt-link:hover .itu-yt-card h3{color:var(--itu-platinum)}

/* ---- Secure contact form (2026-08-10) ---- */
.hp-field{position:absolute !important;left:-9999px !important;top:auto !important;width:1px;height:1px;overflow:hidden;opacity:0}
.form-status{display:none;margin-top:6px;padding:10px 13px;border-radius:4px;font-size:.85rem}
.form-status.err{display:block;background:#2b1113;color:#ff8f94;border:1px solid #5c1e22}
.form-status.ok{display:block;background:#112b16;color:#8fe0a0;border:1px solid #1e5c2a}

/* ==== HERO SLIDER — readability & mobile rhythm (2026-08-29) ==== */
/* The template ships .te-slider-overlay as an unstyled div, so slide text sat
   straight on the photography. Scrim slots above the bg image (z-auto) and
   below the content layers (.te-slider-content-wrapper z:99, .te-slider-image z:2). */
.slider-area .te-slider-overlay{
  position:absolute;inset:0;z-index:1;pointer-events:none;
  background:linear-gradient(180deg,rgba(5,5,5,.36) 0%,rgba(5,5,5,.54) 55%,rgba(5,5,5,.74) 100%)
}
/* Slide-2 product photo carries its own large baked-in wordmark; abstract it into
   a backdrop (blur + slight scale inside the slide's overflow:hidden) so it can
   never compete with the real heading text. Stronger on phones, where the
   cover-crop magnifies the baked lettering ~4x. */
.slider-area .te-single-slider-bg img[src*="slider-two-bg-1"]{
  filter:blur(9px) brightness(.78);transform:scale(1.08)
}
@media (max-width:767px){
  .slider-area .te-single-slider-bg img[src*="slider-two-bg-1"]{
    filter:blur(12px) brightness(.72);transform:scale(1.12)
  }
}
/* Equal-height slides: slick sizes .slick-list to the tallest slide, leaving a
   hollow band under the shorter one. Flex the track and stretch each slide. */
.slider-area .slick-track{display:flex}
.slider-area .slick-track .te-single-slider-wrapper{height:auto;float:none}
.slider-area .te-single-slider-wrapper .te-single-slider{height:100%;display:flex;flex-direction:column;justify-content:center}
/* Phone-fit hero: one slide ≈ one viewport instead of 1.3 screens. */
@media (max-width:767px){
  .slider-area .te-single-slider .te-slider-container{padding:44px 0 58px;gap:16px}
  .slider-area .te-single-slider .te-slider-image img{max-height:212px;width:auto;max-width:100%;margin:0 auto;display:block}
  .slider-area .te-single-slider .te-slider-content-wrapper .te-slider-content .te-slider-short-title{font-size:13px;margin-bottom:10px}
  .slider-area .te-single-slider .te-slider-content-wrapper .te-slider-content .te-slider-title{font-size:33px;line-height:40px;margin-bottom:14px}
  .slider-area .te-single-slider .te-slider-content-wrapper .te-slider-content .te-slider-short-desc{font-size:16px;line-height:26px}
  .slider-area .te-single-slider .te-slider-content-wrapper .te-slider-content .te-slider-btn-wrapper{padding-top:26px;justify-content:center}
  .slider-area .te-slider-btn-wrapper .te-theme-btn{margin-left:0!important}
}

/* ==== MOBILE POLISH PASS (2026-08-29) ==== */
/* Dual-CTA rows: wrap with a real gap in both axes instead of fused stacked
   anchors with a stray left indent. */
.itu-btn-row{display:flex;flex-wrap:wrap;gap:14px;justify-content:center;align-items:center}
/* Home hero CTA pair: allow wrapping so the outline button is never clipped
   at narrow widths (te-slider-btn-wrapper ships without flex-wrap). */
.slider-area .te-slider-btn-wrapper{flex-wrap:wrap}
@media (max-width:767px){
  /* The 70px slick arrows protrude over the centred slide text on phones
     (their z-index:9 sits above the slide's own stacking context). Swipe +
     autoplay already cover navigation there. */
  .slider-area .te-slider-wrapper .slider-arrow-btn{display:none!important}
}
/* In-page pill subnav: one swipeable row on phones instead of a 6-7 row wall
   pushing the content a full screen down. */
@media (max-width:576px){
  .itu-subnav-scroll{flex-wrap:nowrap;overflow-x:auto;justify-content:flex-start;
    -webkit-overflow-scrolling:touch;scrollbar-width:none;padding:14px 2px}
  .itu-subnav-scroll::-webkit-scrollbar{display:none}
}
/* Dark-theme select: form-control strips the native arrow without supplying
   Bootstrap's chevron (that needs .form-select), leaving no dropdown cue. */
.itu-form select.form-control{
  -webkit-appearance:none;appearance:none;
  background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='9' viewBox='0 0 14 9'%3E%3Cpath d='M1 1l6 6 6-6' fill='none' stroke='%23C9CCD1' stroke-width='2'/%3E%3C/svg%3E")!important;
  background-repeat:no-repeat!important;background-position:right 14px center!important;background-size:13px 8px!important;
  padding-right:40px
}