/* KOVA NFC — full-width sticky navigation */
.nfc-header{
  width:100%!important;
  max-width:none!important;
  margin:0!important;
  min-height:94px;
  padding-inline:clamp(22px,3.2vw,56px);
  position:sticky!important;
  top:0;
  z-index:1000!important;
  display:grid;
  grid-template-columns:1fr auto 1fr;
  align-items:center;
  border-bottom:1px solid color-mix(in srgb,var(--text) 10%,transparent)!important;
  background:transparent!important;
  -webkit-backdrop-filter:none!important;
  backdrop-filter:none!important;
  transition:background-color .32s ease,border-color .32s ease,box-shadow .32s ease,backdrop-filter .32s ease,-webkit-backdrop-filter .32s ease;
}
.nfc-header::after{display:none!important}
.nfc-header.is-scrolled{
  background:color-mix(in srgb,var(--bg) 72%,transparent)!important;
  -webkit-backdrop-filter:blur(12px) saturate(115%)!important;
  backdrop-filter:blur(12px) saturate(115%)!important;
  border-bottom-color:color-mix(in srgb,var(--text) 8%,transparent)!important;
  box-shadow:0 12px 38px color-mix(in srgb,#000 8%,transparent);
}
:root[data-theme="light"] .nfc-header.is-scrolled{
  background:color-mix(in srgb,var(--bg) 76%,transparent)!important;
  box-shadow:0 12px 36px rgba(0,0,0,.035);
}
.nfc-header nav{justify-self:center}
.nfc-actions{justify-self:end}

.nfc-theme{
  width:64px!important;
  height:44px!important;
  padding:0 10px!important;
  border-radius:999px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:8px;
  color:var(--text)!important;
  background:color-mix(in srgb,var(--bg) 60%,transparent)!important;
  border:1px solid color-mix(in srgb,var(--text) 18%,transparent)!important;
  overflow:hidden;
  position:relative;
}
.nfc-theme svg{
  width:16px;
  height:16px;
  flex:0 0 16px;
  fill:none;
  stroke:currentColor;
  stroke-width:1.65;
  stroke-linecap:round;
  stroke-linejoin:round;
  opacity:.34;
  transition:opacity .25s ease,transform .25s ease;
  position:relative;
  z-index:2;
}
:root[data-theme="dark"] .nfc-theme .theme-moon,
:root[data-theme="light"] .nfc-theme .theme-sun{opacity:1;transform:scale(1.08)}
:root[data-theme="dark"] .nfc-theme .theme-sun,
:root[data-theme="light"] .nfc-theme .theme-moon{opacity:.28;transform:scale(.92)}
.nfc-theme:hover svg{opacity:.72}
:root[data-theme="dark"] .nfc-theme:hover .theme-moon,
:root[data-theme="light"] .nfc-theme:hover .theme-sun{opacity:1}

/* Final responsive/image guardrails. This file loads last. */
html,body{max-width:100%;overflow-x:hidden}
.nfc-product-main,
.nfc-phone-demo>img.nfc-phone-real,
.nfc-feature-art img,
.nfc-use-icon img{
  height:auto!important;
  object-fit:contain!important;
  aspect-ratio:auto!important;
}
.nfc-product-main{max-width:100%!important}
.nfc-feature-art img{max-width:90%!important;max-height:72vh!important;width:auto!important}
.nfc-phone-demo>img.nfc-phone-real{max-width:100%!important;width:auto!important;max-height:72vh!important}

@media(max-width:980px){
  .nfc-header{min-height:78px;padding-inline:20px;grid-template-columns:1fr auto}
  .nfc-actions{justify-self:end}
  .nfc-header nav{display:none!important}

  .nfc-hero,
  .nfc-section,
  .nfc-final-cta,
  .nfc-footer{
    width:min(100% - 32px,760px)!important;
    max-width:100%!important;
    margin-inline:auto!important;
  }

  .nfc-hero{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:28px!important;
    min-height:auto!important;
    padding:58px 0 48px!important;
    overflow:hidden!important;
  }
  .nfc-hero-copy{min-width:0!important}
  .nfc-hero h1{
    max-width:100%!important;
    font-size:clamp(46px,12.4vw,76px)!important;
    line-height:.94!important;
    overflow-wrap:normal!important;
    word-break:normal!important;
  }
  .nfc-hero-copy>p{font-size:17px!important;line-height:1.55!important;max-width:100%!important}
  .nfc-mini-grid{grid-template-columns:1fr!important;margin-top:38px!important}

  .nfc-hero-art{
    min-height:0!important;
    height:auto!important;
    padding:18px 0 34px!important;
    overflow:hidden!important;
  }
  .nfc-product-main{
    position:relative!important;
    width:min(82vw,420px)!important;
    max-width:100%!important;
    height:auto!important;
    max-height:62vh!important;
    margin:auto!important;
  }
  .nfc-orbit{
    width:min(76vw,410px)!important;
    height:min(76vw,410px)!important;
  }
  .nfc-hero-art::before{width:min(92vw,520px)!important}
  .nfc-hero-art::after{width:min(82vw,460px)!important;height:min(82vw,460px)!important}

  .nfc-section{padding:82px 0!important;overflow:hidden!important}
  .nfc-section-heading,
  .nfc-section-heading.wide,
  .nfc-experience,
  .nfc-feature,
  .nfc-faq{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:28px!important;
  }
  .nfc-section-heading h2,
  .nfc-feature-copy h2,
  .nfc-experience-copy h2,
  .nfc-faq h2{
    max-width:100%!important;
    font-size:clamp(42px,11vw,68px)!important;
    line-height:.95!important;
  }

  .nfc-steps{grid-template-columns:1fr 1fr!important;gap:12px!important;margin-top:52px!important}
  .nfc-experience{padding-top:82px!important;padding-bottom:82px!important}
  .nfc-phone-demo{
    min-height:0!important;
    height:auto!important;
    padding:24px 0!important;
    overflow:hidden!important;
  }
  .nfc-phone-demo>img.nfc-phone-real{
    position:relative!important;
    inset:auto!important;
    width:auto!important;
    max-width:min(100%,460px)!important;
    height:auto!important;
    max-height:64vh!important;
    margin:auto!important;
  }

  .nfc-feature-art{
    min-height:0!important;
    height:auto!important;
    padding:32px 0!important;
    overflow:hidden!important;
  }
  .nfc-feature-art img{
    width:auto!important;
    max-width:min(88vw,480px)!important;
    height:auto!important;
    max-height:64vh!important;
    margin:auto!important;
    transform:rotate(-4deg)!important;
  }

  .nfc-use-grid{grid-template-columns:1fr 1fr!important;gap:12px!important}
  .nfc-detail-grid{grid-template-columns:1fr 1fr!important;gap:12px!important}
  .nfc-final-cta{grid-template-columns:1fr!important;align-items:start!important;gap:30px!important;min-height:0!important;padding:82px 0!important;overflow:hidden!important}
  .nfc-final-cta h2{font-size:clamp(42px,11vw,68px)!important;max-width:100%!important}
  .nfc-footer{grid-template-columns:1fr 1fr!important;gap:18px!important;padding:30px 0!important}
}

@media(max-width:620px){
  .nfc-header{padding-inline:16px}
  .nfc-theme{width:58px!important;height:40px!important;padding-inline:8px!important}
  .nfc-theme svg{width:15px;height:15px;flex-basis:15px}

  .nfc-hero,
  .nfc-section,
  .nfc-final-cta,
  .nfc-footer{width:calc(100% - 28px)!important}

  .nfc-hero{padding-top:42px!important}
  .nfc-hero h1{font-size:clamp(42px,13.5vw,62px)!important}
  .nfc-hero-buttons{display:grid!important;grid-template-columns:1fr!important;width:100%!important}
  .nfc-primary,.nfc-secondary{width:100%!important;text-align:center!important;justify-content:center!important}
  .nfc-product-main{width:min(88vw,360px)!important;max-height:54vh!important}
  .nfc-orbit{width:74vw!important;height:74vw!important;max-width:330px!important;max-height:330px!important}

  .nfc-steps{grid-template-columns:1fr!important}
  .nfc-steps article{min-height:0!important}
  .nfc-experience-stats{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:8px!important}
  .nfc-experience-stats strong{font-size:36px!important}
  .nfc-phone-demo>img.nfc-phone-real{max-width:min(94%,380px)!important;max-height:56vh!important}
  .nfc-feature-art img{max-width:min(92%,390px)!important;max-height:58vh!important}
  .nfc-use-grid{grid-template-columns:1fr!important}
  .nfc-use-grid article{min-height:0!important}
  .nfc-detail-grid{grid-template-columns:1fr!important}
  .nfc-detail-grid article{min-height:0!important}
  .nfc-faq details p{padding-right:0!important}
  .nfc-footer{grid-template-columns:1fr!important;text-align:left!important}
  .nfc-footer>div{display:block!important}
}

@media(max-width:390px){
  .nfc-hero h1{font-size:clamp(38px,12.8vw,54px)!important}
  .nfc-section-heading h2,
  .nfc-feature-copy h2,
  .nfc-experience-copy h2,
  .nfc-faq h2,
  .nfc-final-cta h2{font-size:clamp(38px,11.8vw,54px)!important}
  .nfc-experience-stats{grid-template-columns:1fr!important}
}

@media(prefers-reduced-motion:reduce){.nfc-header,.nfc-theme svg{transition:none!important}}