/* V15 — hero CTA, generated MacBook, hardware visual, footer support */
.hero-actions{
  display:flex;
  align-items:center;
  gap:18px;
}
.hero-download{
  padding:14px 20px;
  border:1px solid rgba(205,213,222,.26)!important;
  border-radius:14px!important;
  background:rgba(255,255,255,.055)!important;
  color:#f4f7fa!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.06),0 14px 34px rgba(0,0,0,.18)!important;
  backdrop-filter:blur(14px);
  -webkit-backdrop-filter:blur(14px);
}
.hero-download:hover{
  background:rgba(255,255,255,.10)!important;
  border-color:rgba(224,230,236,.40)!important;
  transform:translateY(-1px);
}
.hero-platform-icons{
  display:flex;
  align-items:center;
  gap:12px;
  margin:0;
  color:#c3cbd4;
}
.hero-platform-icons .platform-logo{
  width:24px;
  height:24px;
  opacity:.84;
}
.hero-platform-icons .apple-logo svg{
  width:21px;
  height:24px;
}
.hero-platform-icons .windows-logo svg{
  width:22px;
  height:22px;
}
.platform-visual{
  --front-x:0px;--front-y:0px;--back-x:0px;--back-y:0px;
  position:relative;
  display:flex;
  align-items:center;
  justify-content:center;
  min-width:0;
  min-height:540px;
}
.platform-window-stack{
  position:relative;
  width:min(100%,820px);
  height:500px;
  perspective:1600px;
}
.platform-window-card{
  position:absolute;
  overflow:hidden;
  border:1px solid rgba(20,22,24,.18);
  border-radius:17px;
  background:#090b0d;
  box-shadow:0 30px 72px rgba(28,29,27,.16);
  opacity:0;
  filter:blur(7px);
  pointer-events:none;
  transition:
    opacity .62s ease,
    filter .72s ease,
    transform .88s cubic-bezier(.16,.76,.2,1);
}
.platform-window-macos{
  z-index:1;
  top:18px;left:0;
  width:74%;
  aspect-ratio:16/10;
  transform:translate3d(var(--back-x),calc(var(--back-y) + 26px),0) rotate(-3.2deg) scale(.955);
}
.platform-window-windows{
  z-index:2;
  right:0;bottom:12px;
  width:79%;
  aspect-ratio:16/10;
  transform:translate3d(var(--front-x),calc(var(--front-y) + 34px),0) rotate(1.45deg) scale(.955);
}
.crossplatform-section.is-visible .platform-window-card{opacity:1;filter:none}
.crossplatform-section.is-visible .platform-window-macos{
  transform:translate3d(var(--back-x),var(--back-y),0) rotate(-3.2deg) scale(1);
}
.crossplatform-section.is-visible .platform-window-windows{
  transform:translate3d(var(--front-x),var(--front-y),0) rotate(1.45deg) scale(1);
  transition-delay:.09s;
}
.platform-os-chrome{
  height:42px;
  display:flex;
  align-items:center;
  gap:13px;
  padding:0 15px;
  border-bottom:1px solid #252a2e;
  color:#7d858b;
}
.platform-os-chrome b{
  color:#eef1f3;
  font-size:9px;
  letter-spacing:.13em;
  white-space:nowrap;
}
.platform-os-chrome em{
  margin-left:auto;
  font-size:9px;
  font-style:normal;
  font-weight:720;
  letter-spacing:.08em;
}
.platform-traffic{display:flex;gap:5px}
.platform-traffic i{width:8px;height:8px;border-radius:50%;background:#555b60}
.platform-traffic i:first-child{background:#ff675d}
.platform-traffic i:nth-child(2){background:#e8b24c}
.platform-traffic i:nth-child(3){background:#59b86c}
.platform-mini-brand{display:flex;align-items:center;gap:7px}
.platform-mini-brand>i{
  width:14px;height:14px;display:block;
  background:linear-gradient(135deg,#2f7de1 0 45%,transparent 46%),linear-gradient(315deg,#eef2f4 0 38%,transparent 39%);
  transform:skewX(-12deg)
}
.platform-mini-nav{display:flex;align-self:stretch;gap:14px}
.platform-mini-nav span{
  position:relative;display:flex;align-items:center;color:#70777d;font-size:8px;font-weight:650
}
.platform-mini-nav span.active{color:#eef1f3}
.platform-mini-nav span.active:after{content:"";position:absolute;left:0;right:0;bottom:0;height:2px;background:#ff513f}
.platform-win-controls{color:#767d83;font-size:9px;white-space:nowrap}
.platform-vehicle-pane{
  position:relative;
  height:calc(100% - 42px);
  display:grid;
  grid-template-columns:39% 61%;
  align-items:center;
  padding:26px 25px 58px;
}
.platform-vehicle-copy{position:relative;z-index:2}
.platform-vehicle-copy span,.platform-diag-head span{
  display:block;color:#858c92;font-size:7px;font-weight:720;letter-spacing:.13em;text-transform:uppercase
}
.platform-vehicle-copy strong{
  display:block;margin:10px 0 8px;color:#f1f3f4;font-size:clamp(22px,2.15vw,34px);line-height:1;font-weight:520;letter-spacing:-.05em
}
.platform-vehicle-copy small{color:#969da2;font-size:8px}
.platform-vehicle-art{height:170px;display:grid;place-items:center;position:relative}
.platform-vehicle-art:after{
  content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 54% 56%,rgba(255,255,255,.06),transparent 62%);pointer-events:none
}
.platform-vehicle-art img{
  width:122%;max-width:none;height:auto;transform:translateX(-1%);filter:drop-shadow(0 15px 18px rgba(0,0,0,.34))
}
.platform-pane-lines{
  position:absolute;left:25px;right:25px;bottom:19px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px 24px
}
.platform-pane-lines i{height:1px;background:#292e32}
.platform-diagnosis-pane{
  height:calc(100% - 42px);
  padding:25px 26px 20px;
}
.platform-diag-head{display:flex;align-items:flex-start;justify-content:space-between;padding-bottom:18px;border-bottom:1px solid #292e32}
.platform-diag-head strong{display:block;margin-top:8px;color:#f0f2f3;font-size:23px;line-height:1;font-weight:520;letter-spacing:-.04em}
.platform-diag-head small{display:flex;align-items:center;gap:6px;color:#81cda6;font-size:8px;font-weight:700;text-transform:uppercase}
.platform-diag-head small i{width:6px;height:6px;border-radius:50%;background:#69d99c;box-shadow:0 0 10px rgba(105,217,156,.36)}
.platform-diag-summary{display:flex;align-items:center;gap:6px;height:39px;border-bottom:1px solid #292e32;color:#8f969c;font-size:8px}
.platform-diag-summary b{color:#edf0f2}.platform-diag-summary i{font-style:normal;color:#555c62}
.platform-diag-row{
  min-height:46px;display:grid;grid-template-columns:1fr 70px 130px;align-items:center;border-bottom:1px solid #292e32
}
.platform-diag-row strong{color:#eef1f3;font-size:10px}.platform-diag-row code{color:#c3c8cc;font-size:8px}
.platform-diag-row>span{display:flex;align-items:center;gap:6px;font-size:8px}
.platform-diag-row>span i{width:5px;height:5px;border-radius:50%;background:#84caaa}
.platform-diag-row>span.warn i{background:#efb65b}
.platform-diag-row em{color:#dce0e2;font-style:normal}
.mac-section.mac-editorial{
  grid-template-columns:minmax(500px,.92fr) minmax(620px,1.08fr);
  column-gap:72px;
  row-gap:24px;
  padding-bottom:38px;
}
.mac-editorial .mac-copy{min-width:0}
.mac-editorial .mac-copy h2{
  max-width:100%;
  font-size:clamp(44px,4.2vw,66px);
}
.hardware-visual-section{
  grid-template-columns:minmax(320px,.55fr) minmax(520px,1.45fr)!important;
  align-items:center!important;
  gap:42px!important;
  margin-top:0!important;
  padding-top:22px!important;
}
.hardware-visual-section .hardware-title{
  align-self:center;
}
.mac-section.mac-editorial{
  column-gap:80px;
  row-gap:22px;
  padding-bottom:38px;
}
.hardware-visual-section .hardware-title>p{
  max-width:520px;
  margin:16px 0 0;
  color:#555851;
  font-size:15px;
  line-height:1.72;
}
.hardware-generated-visual{
  min-height:78px;
  display:flex;
  align-items:center;
  justify-content:center;
}
.hardware-generated-visual img{
  display:block;
  width:min(100%,760px);
  height:auto;
  object-fit:contain;
  mix-blend-mode:multiply;
}
.hardware-generated-visual img[hidden]{
  display:none;
}
.footer-support{
  color:#9aa2ac;
  font-size:12px;
  font-weight:500;
  text-decoration:none;
}
.footer-support:hover{
  color:#fff;
}
@media(max-width:1250px){
  .mac-section.mac-editorial{
    grid-template-columns:1fr;
    row-gap:36px;
  }
  .mac-editorial .mac-copy{
    max-width:760px;
  }
  .platform-visual{
    width:100%;
    max-width:900px;
    margin:0 auto;
  }
}

@media(max-width:900px){
  .hardware-visual-section{
    grid-template-columns:1fr!important;
    gap:26px!important;
  }
  .hardware-generated-visual{
    min-height:0;
  }
  .platform-visual{min-height:500px}
  .platform-window-stack{width:min(100%,780px);height:470px}
  .platform-window-macos{width:76%}
  .platform-window-windows{width:81%}
}
@media(max-width:600px){
  .hero-actions{gap:14px;flex-wrap:wrap}
  .hero-download{padding:12px 16px}
  .hero-platform-icons .platform-logo{width:22px;height:22px}
  .hardware-visual-section .hardware-title>p{font-size:13px}
  .mac-section.mac-editorial{row-gap:22px;padding-bottom:30px}
  .platform-visual{min-height:360px}
  .platform-window-stack{height:340px}
  .platform-window-card{border-radius:11px}
  .platform-window-macos{top:12px;width:80%}
  .platform-window-windows{width:84%;bottom:8px}
  .platform-os-chrome{height:32px;padding:0 10px;gap:8px}
  .platform-os-chrome b,.platform-os-chrome em{font-size:7px}
  .platform-mini-nav{gap:8px}
  .platform-mini-nav span{font-size:6px}
  .platform-win-controls{display:none}
  .platform-vehicle-pane{height:calc(100% - 32px);padding:16px 14px 38px}
  .platform-vehicle-art{height:105px}
  .platform-vehicle-copy strong{font-size:18px}
  .platform-vehicle-copy small{font-size:6px}
  .platform-pane-lines{left:14px;right:14px;bottom:12px}
  .platform-diagnosis-pane{height:calc(100% - 32px);padding:15px 15px 12px}
  .platform-diag-head{padding-bottom:10px}
  .platform-diag-head strong{font-size:16px}
  .platform-diag-row{min-height:31px;grid-template-columns:1fr 45px 86px}
  .platform-diag-row strong{font-size:8px}
  .platform-diag-row code,.platform-diag-row>span{font-size:6px}
}


/* Text-only fallback until the generated ENET / ICOM Next photograph is available. */
.hardware-interfaces-label{
  display:block;
  color:#222420;
  font-family:Manrope,Arial,sans-serif;
  font-weight:700;
  font-size:clamp(24px,3.3vw,47px);
  letter-spacing:-.045em;
  white-space:nowrap;
}
.hardware-interfaces-label span{
  margin:0 .24em;
  color:#a4a7a0;
  font-weight:400;
}
@media(max-width:600px){
  .hardware-interfaces-label{font-size:clamp(21px,6vw,30px);}
}

/* Integrated preview entry, retaining the approved header geometry. */
.topbar a.account-link{text-decoration:none;display:inline-flex;align-items:center;justify-content:center}

@media(prefers-reduced-motion:reduce){
  .platform-window-card{opacity:1!important;filter:none!important;transition:none!important}
  .platform-window-macos{transform:rotate(-3.2deg)!important}
  .platform-window-windows{transform:rotate(1.45deg)!important}
}