.rotate-notice{
  display:none !important;
  position:fixed;
  left:12px;
  right:92px;
  bottom:76px;
  z-index:112;
  align-items:center;
  gap:10px;
  padding:10px 12px;
  border-radius:14px;
  background:rgba(30,30,30,.92);
  color:#fff;
  box-shadow:0 14px 30px rgba(15,17,21,.24);
  font-size:12px;
  line-height:1.3;
  font-weight:800;
}

:where(a,button,input,select,textarea,[tabindex]):focus-visible{
  outline:3px solid #A71930;
  outline-offset:3px;
  box-shadow:0 0 0 6px rgba(167,25,48,.16);
}
:where(input,select,textarea)[aria-invalid="true"]{
  border-color:#b42318 !important;
  box-shadow:0 0 0 4px rgba(180,35,24,.12) !important;
}
.skip-link{
  position:fixed;
  left:12px;
  top:12px;
  z-index:10000;
  transform:translateY(-140%);
  padding:10px 14px;
  border-radius:10px;
  background:#A71930;
  color:#fff;
  font-size:14px;
  font-weight:900;
  text-decoration:none;
  box-shadow:0 12px 28px rgba(15,17,21,.22);
}
.skip-link:focus,
.skip-link:focus-visible{
  transform:translateY(0);
}
@media (prefers-reduced-motion: reduce){
  *,
  *::before,
  *::after{
    scroll-behavior:auto !important;
    animation-duration:.01ms !important;
    animation-iteration-count:1 !important;
    transition-duration:.01ms !important;
  }
}
.rotate-notice strong{
  display:block;
  font-size:13px;
  font-weight:900;
}
.rotate-notice button{
  appearance:none;
  margin-left:auto;
  width:28px;
  height:28px;
  border:1px solid rgba(255,255,255,.22);
  border-radius:999px;
  background:rgba(255,255,255,.12);
  color:#fff;
  font-weight:900;
  cursor:pointer;
}
.mobile-action-bar{
  display:none;
  position:fixed;
  left:10px;
  right:10px;
  bottom:10px;
  z-index:130;
  grid-template-columns:1fr 1fr 1.2fr;
  gap:6px;
  padding:7px;
  border-radius:18px;
  background:rgba(255,255,255,.94);
  border:1px solid rgba(15,17,21,.12);
  box-shadow:0 18px 40px rgba(15,17,21,.22);
  backdrop-filter:blur(14px);
}
.mobile-action-bar a{
  min-height:46px;
  border-radius:13px;
  display:flex;
  align-items:center;
  justify-content:center;
  text-align:center;
  text-decoration:none;
  color:#1E1E1E;
  font-size:12px;
  font-weight:900;
  background:#f4f5f7;
  border:1px solid rgba(15,17,21,.08);
}
.mobile-action-bar a:last-child{
  background:#A71930;
  border-color:#A71930;
  color:#fff;
}
.social-rail{
  position:fixed;
  top:96px;
  right:18px;
  z-index:118;
  display:flex;
  flex-direction:row;
  gap:8px;
  width:170px;
  justify-content:center;
}
.social-rail a,
.social-rail span,
.footer-social a,
.footer-social span{
  width:42px;
  height:42px;
  padding:0;
  border-radius:999px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  color:#fff;
  text-decoration:none;
  border:1px solid rgba(255,255,255,.18);
  box-shadow:0 14px 30px rgba(15,17,21,.18);
  transition:transform .16s ease, box-shadow .16s ease, filter .16s ease;
}
.social-rail a:hover,
.footer-social a:hover{
  transform:translateY(-1px);
  box-shadow:0 18px 36px rgba(15,17,21,.24);
  filter:saturate(1.08);
}
.social-rail svg,
.footer-social svg{
  width:20px;
  height:20px;
  display:block;
  fill:currentColor;
}
.social-facebook{background:#1877F2 !important}
.social-instagram{background:linear-gradient(135deg,#F58529 0%,#DD2A7B 45%,#8134AF 76%,#515BD4 100%) !important}
.social-youtube{background:#FF0000 !important}
.social-disabled{
  cursor:not-allowed;
  opacity:.58;
  filter:saturate(.72);
}
.footer-social{
  display:flex;
  gap:8px;
  flex-wrap:wrap;
  margin-top:12px;
}
.footer-social a{
  box-shadow:none;
  border:0;
  color:#fff !important;
}
.footer-social span{
  box-shadow:none;
  border:0;
}
.social-label{
  position:absolute;
  width:1px;
  height:1px;
  padding:0;
  margin:-1px;
  overflow:hidden;
  clip:rect(0,0,0,0);
  white-space:nowrap;
  border:0;
}
.why-fatra-strip{
  margin:18px auto 0;
  max-width:1180px;
  padding:0 24px;
}
.why-fatra-inner{
  display:grid;
  grid-template-columns:minmax(0,1.05fr) minmax(280px,.95fr);
  gap:18px;
  align-items:stretch;
  background:#fff;
  border:1px solid rgba(15,17,21,.10);
  border-radius:8px;
  overflow:hidden;
  box-shadow:0 20px 50px rgba(15,17,21,.08);
}
.why-fatra-copy{
  padding:24px;
}
.why-fatra-kicker{
  color:#A71930;
  font-size:12px;
  font-weight:900;
  letter-spacing:.08em;
  text-transform:uppercase;
}
.why-fatra-copy h2{
  margin:8px 0 10px;
  color:#14171f;
  font-size:clamp(24px,3vw,38px);
  line-height:1.04;
  letter-spacing:0;
}
.why-fatra-copy p{
  margin:0;
  color:#4b5563;
  font-size:15px;
  line-height:1.7;
}
.why-fatra-points{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:10px;
  margin-top:18px;
}
.why-fatra-points span{
  display:flex;
  align-items:center;
  min-height:42px;
  border-radius:8px;
  background:#f5f6f8;
  color:#1f2937;
  font-size:13px;
  font-weight:800;
  line-height:1.25;
  padding:10px 12px;
}
.why-fatra-photo{
  position:relative;
  min-height:260px;
  height:clamp(260px,32vw,390px);
  background:#111827;
  overflow:hidden;
}
.why-fatra-photo img{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  min-height:260px;
  display:block;
  object-fit:cover;
  opacity:0;
  animation:whyFatraPhotoFade 25s infinite;
}
.why-fatra-photo img:nth-child(1){animation-delay:0s}
.why-fatra-photo img:nth-child(2){animation-delay:5s}
.why-fatra-photo img:nth-child(3){animation-delay:10s}
.why-fatra-photo img:nth-child(4){animation-delay:15s}
.why-fatra-photo img:nth-child(5){animation-delay:20s}
.why-fatra-photo::after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(180deg,rgba(15,17,21,.08),rgba(15,17,21,.28));
  pointer-events:none;
}
@keyframes whyFatraPhotoFade{
  0%{opacity:0;transform:scale(1.03)}
  4%{opacity:1}
  20%{opacity:1}
  24%{opacity:0;transform:scale(1.08)}
  100%{opacity:0;transform:scale(1.08)}
}
.ai-float,
.ai-button{
  top:154px !important;
  right:18px !important;
  bottom:auto !important;
  width:auto !important;
  min-height:92px !important;
  padding:8px 16px 8px 8px !important;
  gap:12px !important;
  justify-content:flex-start !important;
}
.ai-float .orb,
.ai-button .orb{
  width:76px !important;
  height:76px !important;
  flex:0 0 76px !important;
  padding:0 !important;
  overflow:hidden !important;
  background:#A71930 !important;
  border:2px solid #fff !important;
  box-shadow:0 16px 34px rgba(15,17,21,.28) !important;
}
.ai-float .orb img,
.ai-button .orb img{
  width:100%;
  height:100%;
  display:block;
  object-fit:cover;
  object-position:50% 16%;
}
.ai-panel{
  top:252px !important;
  right:18px !important;
  bottom:auto !important;
}
@media(max-width:860px){
  .why-fatra-strip{
    padding:0 14px;
  }
  .why-fatra-inner{
    grid-template-columns:1fr;
  }
  .why-fatra-copy{
    padding:18px;
  }
  .why-fatra-points{
    grid-template-columns:1fr;
  }
  .why-fatra-photo,
  .why-fatra-photo img{
    min-height:220px;
  }
  .why-fatra-photo{
    height:240px;
  }
  .social-rail{
    top:132px;
    right:12px;
    gap:7px;
    width:170px;
  }
  .social-rail a,
  .social-rail span{
    width:38px;
    height:38px;
  }
  .social-rail svg{
    width:18px;
    height:18px;
  }
  .ai-float,
  .ai-button{
    top:184px !important;
    right:12px !important;
    bottom:auto !important;
    max-width:calc(100vw - 24px);
    width:auto !important;
    min-height:78px !important;
    padding:6px !important;
    justify-content:center !important;
  }
  .ai-float .orb,
  .ai-button .orb{
    width:66px !important;
    height:66px !important;
    flex-basis:66px !important;
  }
  .ai-button .orb,
  .ai-float .orb{
    display:block !important;
  }
  .ai-panel{
    top:268px !important;
    right:12px !important;
    bottom:auto !important;
    max-height:calc(100vh - 288px);
    overflow:auto;
  }
}
@media(max-width:680px){
  html,body{
    width:100%;
    max-width:100%;
    overflow-x:hidden;
  }
  body{
    padding-bottom:82px;
  }
  .mobile-action-bar{
    display:grid;
  }
  .reserve-fixed{
    display:none !important;
  }
  .rotate-notice{
    display:none !important;
  }
  .rotate-notice[hidden]{
    display:none;
  }
  .social-rail{
    position:fixed;
    top:76px;
    left:calc(100vw - 136px);
    right:auto;
    z-index:20;
    width:124px;
    justify-content:flex-end;
    margin:0;
    padding-right:2px;
    transform:translateX(-88px);
  }
  .social-rail a,
  .social-rail span{
    width:36px;
    height:36px;
    box-shadow:0 10px 22px rgba(15,17,21,.16);
  }
  .ai-float,
  .ai-button{
    top:auto !important;
    right:12px !important;
    bottom:76px !important;
    min-height:60px !important;
    padding:5px !important;
    border-radius:999px !important;
    max-width:72px !important;
    width:72px !important;
    overflow:hidden !important;
  }
  .ai-float strong,
  .ai-float span,
  .ai-button strong,
  .ai-button span{
    display:none !important;
  }
  .ai-float .orb,
  .ai-button .orb{
    width:60px !important;
    height:60px !important;
    flex-basis:60px !important;
  }
  .ai-panel{
    top:auto !important;
    right:12px !important;
    bottom:146px !important;
    max-height:calc(100vh - 166px);
  }
  .hero-wrap{
    margin-top:58px !important;
  }
}