/* Barefoot MASTER v3.0 — live homepage/status/threat layer */

.site-header{overflow:visible}
.site-header__inner{height:96px;overflow:visible}
.brand--compact{
  min-width:300px!important;
  column-gap:14px!important;
  overflow:visible!important;
}
.brand--compact .brand__foot-wrap{
  width:42px!important;
  height:62px!important;
  overflow:visible!important;
}
.brand--compact .brand__foot{
  height:58px!important;
  width:auto!important;
  transform:none!important;
}
.brand--compact .brand__divider{height:60px!important}
.brand--compact .brand__word{font-size:26px!important;letter-spacing:.135em!important}
.brand--compact .brand__technology{font-size:10px!important;letter-spacing:.40em!important}
.brand--compact .brand__tagline{
  font-size:6.5px!important;
  letter-spacing:.24em!important;
  margin-top:6px!important;
  padding-top:4px!important
}

/* Clean Monaco hero with compact copy and right-side status */
.hero--live{
  position:relative;
  min-height:560px;
  overflow:hidden;
  border-bottom:1px solid rgba(37,114,174,.26)
}
.hero--live .hero__backdrop{
  position:absolute;inset:0;
  background-image:
    linear-gradient(90deg,rgba(2,13,29,.82) 0%,rgba(2,15,31,.58) 34%,rgba(3,18,35,.18) 67%,rgba(3,18,35,.06) 100%),
    url('../images/monaco-port-hero-v30.webp');
  background-size:cover;
  background-position:center center
}
.hero-live__inner{
  position:relative;z-index:1;
  min-height:560px;
  display:grid;
  grid-template-columns:minmax(0,1fr) 365px;
  gap:60px;
  align-items:center
}
.hero-live__copy{max-width:520px;padding:58px 0 48px}
.hero-live__copy h1{
  margin:0 0 22px;
  font-size:clamp(42px,4.25vw,62px);
  line-height:1.04;
  letter-spacing:-.04em
}
.hero-live__copy h1 span{color:var(--cyan)}
.hero-live__copy p{
  max-width:490px;
  margin:0;
  color:#e0e9f3;
  font-size:19px;
  line-height:1.52;
  text-shadow:0 2px 12px rgba(0,0,0,.45)
}
.hero-live__copy .button-row{margin-top:26px}

/* Semi-transparent glass status panel */
.status-mini{
  align-self:center;
  background:rgba(3,16,34,.57);
  border:1px solid rgba(108,200,255,.58);
  border-radius:13px;
  padding:20px 22px 17px;
  backdrop-filter:blur(13px) saturate(125%);
  -webkit-backdrop-filter:blur(13px) saturate(125%);
  box-shadow:0 20px 55px rgba(0,0,0,.24);
}
.status-mini__title{
  display:flex;align-items:center;gap:10px;
  padding-bottom:12px;margin-bottom:10px;
  border-bottom:1px solid rgba(143,204,241,.28);
  color:var(--cyan);font-size:13px;font-weight:750;
  text-transform:uppercase;letter-spacing:.045em
}
.status-mini__pulse{font-size:23px;line-height:1}
.status-mini__list{display:grid;gap:5px}
.status-row{
  display:grid;
  grid-template-columns:minmax(0,1fr) 11px 88px;
  gap:10px;align-items:center;
  min-height:34px;
  font-size:14px
}
.status-row__label{color:#f4f8fc}
.status-row__text{color:#d5e1ed;white-space:nowrap}
.status-dot{
  width:10px;height:10px;border-radius:50%;
  background:#7a8796;
  box-shadow:0 0 10px rgba(122,135,150,.4)
}
.status-dot.is-ok{background:#65dc24;box-shadow:0 0 11px rgba(101,220,36,.75)}
.status-dot.is-warn{background:#ffad22;box-shadow:0 0 11px rgba(255,173,34,.65)}
.status-dot.is-bad{background:#ff3f45;box-shadow:0 0 11px rgba(255,63,69,.65)}
.status-dot.is-info{background:#17b8ff;box-shadow:0 0 11px rgba(23,184,255,.65)}
.status-mini__bottom{
  margin-top:11px;padding-top:10px;
  border-top:1px solid rgba(143,204,241,.24);
  display:flex;justify-content:space-between;gap:12px;align-items:center;
  color:#a7b7c8;font-size:12px
}
.status-mini__bottom a{color:var(--cyan2);font-weight:650}
.status-mini__note{display:block;color:#9aaabd;font-size:10px;margin-top:8px}

/* Service strip — intentionally ~33% shorter than the old 205px cards */
.home-services--compact{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:0;
  width:100%;
  max-width:none;
  margin:0;
  padding:0 4.2%;
  background:linear-gradient(180deg,rgba(5,21,41,.96),rgba(4,18,35,.98));
  border-top:1px solid rgba(62,144,204,.28);
  border-bottom:1px solid rgba(62,144,204,.24)
}
.home-services--compact .service-card{
  min-height:136px!important;
  border:0!important;
  border-right:1px solid rgba(83,149,198,.28)!important;
  border-radius:0!important;
  box-shadow:none!important;
  background:transparent!important;
  padding:17px 24px 15px 72px!important;
  position:relative
}
.home-services--compact .service-card:last-child{border-right:0!important}
.home-services--compact .service-card:hover{
  transform:none!important;
  background:rgba(15,53,89,.22)!important
}
.home-services--compact .service-icon{
  position:absolute;left:23px;top:26px;
  font-size:29px!important
}
.home-services--compact .service-card h2{
  margin:0 0 6px!important;
  font-size:15px!important;
  line-height:1.2!important
}
.home-services--compact .service-card p{
  margin:0!important;
  font-size:12.5px!important;
  line-height:1.38!important;
  color:#bdcada!important
}
.home-services--compact .card-arrow{display:none}

/* Thin threat ticker */
.threat-ticker{
  height:48px;
  display:grid;
  grid-template-columns:auto minmax(0,1fr) auto;
  align-items:center;
  background:#041427;
  border-bottom:1px solid rgba(54,128,184,.24);
  overflow:hidden
}
.threat-ticker__label{
  display:flex;align-items:center;gap:10px;
  height:100%;padding:0 26px 0 4.2%;
  border-right:1px solid rgba(82,147,196,.30);
  color:var(--cyan);font-size:12px;font-weight:750;white-space:nowrap
}
.threat-ticker__viewport{overflow:hidden;min-width:0}
.threat-ticker__track{
  display:flex;align-items:center;width:max-content;
  will-change:transform;
  animation:barefootTicker var(--ticker-duration,45s) linear infinite
}
.threat-ticker:hover .threat-ticker__track{animation-play-state:paused}
.ticker-set{display:flex;align-items:center;white-space:nowrap}
.ticker-item{
  display:inline-flex;align-items:center;
  min-height:48px;
  padding:0 24px;
  border-right:1px solid rgba(82,147,196,.22);
  color:#d9e4ef;font-size:12px
}
.ticker-item strong{margin-right:5px}
.ticker-item[data-priority="critical"] strong{color:#ff5158}
.ticker-item[data-priority="high"] strong{color:#ff9e20}
.ticker-item[data-priority="medium"] strong{color:#f4d34f}
.threat-ticker__all{
  height:100%;display:flex;align-items:center;
  padding:0 4.2% 0 22px;
  border-left:1px solid rgba(82,147,196,.30);
  color:var(--cyan2);font-size:12px;white-space:nowrap
}
@keyframes barefootTicker{
  from{transform:translateX(0)}
  to{transform:translateX(-50%)}
}

/* Compact homepage footer */
.home .site-footer{margin-top:0;padding-top:23px}
.home .footer-grid{
  grid-template-columns:1.45fr .9fr .9fr .8fr;
  gap:20px
}
.home .footer-brand p{margin:7px 0 0}
.home .footer-partner{display:none}
.home .footer-block{min-height:60px}
.home .footer-bottom{margin-top:18px;padding:13px 0 17px}

/* Status and Threat pages */
.live-page{
  min-height:65vh;
  padding:62px 0 80px
}
.live-page__intro{max-width:900px;margin-bottom:30px}
.live-page__intro h1{
  margin:8px 0 14px;
  font-size:clamp(40px,4vw,58px);
  letter-spacing:-.035em
}
.live-page__intro p{color:#b9c8d8;font-size:18px}
.status-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:15px
}
.status-card{
  padding:22px;
  border:1px solid rgba(61,137,195,.34);
  border-radius:12px;
  background:rgba(8,31,59,.80)
}
.status-card__head{
  display:flex;align-items:center;justify-content:space-between;
  gap:12px;margin-bottom:11px
}
.status-card h2{font-size:19px;margin:0}
.status-card p{font-size:13px;color:#aebed0;margin:6px 0 0}
.status-card a{color:var(--cyan2);font-size:12px}
.status-source{
  margin-top:28px;padding:18px 20px;border-radius:10px;
  background:rgba(8,30,57,.72);
  border:1px solid rgba(61,137,195,.24);
  color:#aebed0;font-size:13px
}
.threat-list{display:grid;gap:12px}
.threat-card{
  display:grid;
  grid-template-columns:100px minmax(0,1fr) auto;
  gap:18px;align-items:start;
  padding:20px 22px;
  border:1px solid rgba(61,137,195,.34);
  border-radius:11px;
  background:rgba(8,31,59,.82)
}
.threat-priority{
  display:inline-flex;justify-content:center;
  border-radius:6px;padding:7px 8px;
  font-size:11px;font-weight:800;text-transform:uppercase
}
.threat-priority.critical{background:#7a171d;color:#fff;border:1px solid #e3484e}
.threat-priority.high{background:#6c3607;color:#fff;border:1px solid #d47a18}
.threat-priority.medium{background:#66550e;color:#fff;border:1px solid #cbae28}
.threat-card h2{font-size:18px;margin:0 0 6px}
.threat-card p{margin:4px 0;color:#b9c8d8;font-size:13px}
.threat-card time{color:#91a5bb;font-size:12px;white-space:nowrap}
.threat-card a{color:var(--cyan2)}
.live-loading{color:#9eb0c4;padding:20px 0}

@media(max-width:1100px){
  .hero-live__inner{grid-template-columns:minmax(0,1fr) 330px;gap:28px}
  .home-services--compact{grid-template-columns:repeat(2,1fr)}
  .home-services--compact .service-card:nth-child(2){border-right:0!important}
  .home-services--compact .service-card:nth-child(-n+2){border-bottom:1px solid rgba(83,149,198,.28)!important}
  .status-grid{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:900px){
  .site-header__inner{height:80px}
  .hero--live,.hero-live__inner{min-height:auto}
  .hero--live .hero__backdrop{
    background-image:
      linear-gradient(180deg,rgba(2,13,29,.60) 0%,rgba(2,15,31,.56) 45%,rgba(2,13,29,.90) 100%),
      url('../images/monaco-port-hero-v30.webp');
    background-position:56% center
  }
  .hero-live__inner{display:block;padding-top:40px;padding-bottom:35px}
  .hero-live__copy{padding:35px 0 30px;max-width:620px}
  .status-mini{max-width:520px;margin:0 0 16px}
  .threat-ticker{grid-template-columns:auto minmax(0,1fr)}
  .threat-ticker__all{display:none}
  .home .footer-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:620px){
  .brand--compact{min-width:205px!important}
  .brand--compact .brand__foot-wrap{width:30px!important;height:47px!important}
  .brand--compact .brand__foot{height:44px!important}
  .brand--compact .brand__divider{height:46px!important}
  .brand--compact .brand__word{font-size:18px!important}
  .brand--compact .brand__technology{font-size:7px!important}
  .brand--compact .brand__tagline{font-size:4.5px!important}
  .hero-live__copy h1{font-size:42px}
  .hero-live__copy p{font-size:17px}
  .home-services--compact{
    grid-template-columns:1fr;
    padding:0 18px
  }
  .home-services--compact .service-card{
    min-height:112px!important;
    border-right:0!important;
    border-bottom:1px solid rgba(83,149,198,.25)!important;
    padding-top:16px!important;
    padding-bottom:14px!important
  }
  .home-services--compact .service-card:last-child{border-bottom:0!important}
  .status-grid{grid-template-columns:1fr}
  .threat-card{grid-template-columns:1fr;gap:10px}
  .threat-ticker__label{padding-left:18px;padding-right:13px}
  .home .footer-grid{grid-template-columns:1fr}
}
@media(prefers-reduced-motion:reduce){
  .threat-ticker__track{animation:none!important}
}


/* Barefoot MASTER v3.1 — logo sizing, compact services, concise status labels */
.site-header .brand{
  min-width:322px!important;
  column-gap:13px!important;
  align-items:center!important;
}
.site-header .brand__foot-wrap{
  width:36px!important;
  height:54px!important;
  align-items:flex-end!important;
  justify-content:center!important;
  padding-top:6px!important;
  overflow:visible!important;
}
.site-header .brand__foot{
  height:48px!important;
  width:auto!important;
  transform:none!important;
}
.site-header .brand__divider{height:52px!important}
.site-header .brand__word{font-size:24px!important;letter-spacing:.135em!important}
.site-header .brand__technology{font-size:10px!important;letter-spacing:.38em!important;margin-top:5px!important}
.site-header .brand__tagline{font-size:6.4px!important;letter-spacing:.24em!important;margin-top:5px!important;padding-top:4px!important}

.status-mini{padding:19px 20px 15px!important}
.status-row{
  grid-template-columns:minmax(0,1fr) 11px 98px!important;
  gap:9px!important;
  min-height:32px!important;
  font-size:13.5px!important;
}
.status-row__text{font-size:13.5px!important;white-space:nowrap!important}
.status-mini__bottom{font-size:11.5px!important}
.status-mini__note{font-size:9.5px!important}

.home-services--compact .service-card{
  min-height:92px!important;
  padding:11px 18px 10px 58px!important;
}
.home-services--compact .service-icon{
  left:18px!important;
  top:18px!important;
  font-size:23px!important;
}
.home-services--compact .service-card h2{
  font-size:12.8px!important;
  margin:0 0 3px!important;
}
.home-services--compact .service-card p{
  font-size:11.4px!important;
  line-height:1.26!important;
  max-width:330px!important;
}
@media(max-width:1100px){
  .home-services--compact .service-card{min-height:96px!important}
}
@media(max-width:900px){
  .site-header .brand{min-width:270px!important;column-gap:11px!important}
  .site-header .brand__foot-wrap{width:31px!important;height:46px!important;padding-top:4px!important}
  .site-header .brand__foot{height:41px!important}
  .site-header .brand__divider{height:43px!important}
  .site-header .brand__word{font-size:20px!important}
  .site-header .brand__technology{font-size:8px!important;letter-spacing:.34em!important}
  .site-header .brand__tagline{font-size:5.2px!important;letter-spacing:.18em!important}
}
@media(max-width:620px){
  .site-header .brand{min-width:220px!important;column-gap:9px!important}
  .site-header .brand__foot-wrap{width:26px!important;height:38px!important}
  .site-header .brand__foot{height:34px!important}
  .site-header .brand__divider{height:35px!important}
  .site-header .brand__word{font-size:17px!important;letter-spacing:.105em!important}
  .site-header .brand__technology{font-size:6.6px!important;letter-spacing:.28em!important}
  .site-header .brand__tagline{font-size:4.4px!important;letter-spacing:.14em!important}
  .home-services--compact .service-card{min-height:84px!important;padding:10px 14px 10px 48px!important}
  .home-services--compact .service-icon{left:14px!important;top:15px!important;font-size:20px!important}
}