:root{
  --navy:#04162f;--navy2:#071f42;--blue:#0676ff;--cyan:#31d7ff;--light:#f4f8fd;
  --text:#102033;--muted:#63758a;--line:#e3ebf4;--white:#fff;
  --shadow:0 28px 80px rgba(4,22,47,.14)
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{font-family:Inter,Arial,sans-serif;color:var(--text);line-height:1.65;background:#fff;overflow-x:hidden}
a{text-decoration:none;color:inherit}img{max-width:100%;display:block}
.container{width:min(1240px,calc(100% - 42px));margin:auto}
.eyebrow{font-size:12px;font-weight:900;letter-spacing:.16em;text-transform:uppercase;color:var(--blue);margin-bottom:12px}
h1,h2,h3{line-height:1.08;letter-spacing:-.045em}
h1{font-size:clamp(46px,7vw,88px);font-weight:900;color:#fff}
h2{font-size:clamp(34px,4vw,58px);font-weight:900;color:var(--navy)}
h3{font-size:24px;font-weight:850;color:var(--navy)}
p{color:var(--muted)}
.btn{display:inline-flex;align-items:center;justify-content:center;padding:14px 24px;border-radius:999px;font-weight:850;border:1px solid transparent;transition:.25s}
.btn-primary{background:linear-gradient(135deg,var(--blue),var(--cyan));color:#fff;box-shadow:0 16px 40px rgba(6,118,255,.28)}
.btn-primary:hover{transform:translateY(-3px)}
.btn-outline{border-color:rgba(255,255,255,.52);color:#fff;background:rgba(255,255,255,.08);backdrop-filter:blur(12px)}
.btn-outline:hover{background:#fff;color:var(--blue)}

.site-header{position:fixed;top:18px;left:0;width:100%;z-index:90}
.nav{height:78px;display:flex;align-items:center;justify-content:space-between;padding:0 22px;border-radius:999px;background:rgba(3,18,38,.94);backdrop-filter:blur(18px);box-shadow:0 20px 70px rgba(0,0,0,.25);border:1px solid rgba(255,255,255,.12)}
.logo img{height:58px;width:auto;filter:none}
.menu{display:flex;align-items:center;height:78px;color:rgba(255,255,255,.86)}
.menu-item{height:78px;display:flex;align-items:center;position:relative;padding:0 18px;font-size:14px;font-weight:850}
.menu-item>a:hover{color:var(--cyan)}
.dropdown-panel{position:absolute;top:78px;left:50%;transform:translateX(-50%);width:760px;background:#071a38;border:1px solid rgba(255,255,255,.12);border-top:3px solid var(--cyan);box-shadow:var(--shadow);padding:28px;display:none;grid-template-columns:repeat(3,1fr);gap:22px;border-radius:0 0 22px 22px}
.menu-item:hover .dropdown-panel{display:grid}
.dropdown-panel h4{color:#fff;margin-bottom:10px}.dropdown-panel a{display:block;padding:8px 0;color:rgba(255,255,255,.68);font-weight:650}.dropdown-panel a:hover{color:var(--cyan)}
.hamburger{display:none;width:44px;height:44px;border:1px solid rgba(255,255,255,.16);border-radius:14px;background:rgba(255,255,255,.08);color:#fff;font-size:24px;align-items:center;justify-content:center;cursor:pointer}
.mobile-menu{display:none;position:fixed;top:104px;left:50%;transform:translateX(-50%);width:min(92%,430px);background:#071a38;border:1px solid rgba(255,255,255,.12);border-radius:24px;padding:18px;box-shadow:0 26px 80px rgba(0,0,0,.35);z-index:89}
.mobile-menu.active{display:block}.mobile-menu a,.mobile-menu summary{display:block;color:rgba(255,255,255,.82);font-weight:850;padding:13px 14px;border-radius:14px;cursor:pointer}.mobile-menu a:hover,.mobile-menu summary:hover{background:rgba(255,255,255,.08);color:var(--cyan)}.mobile-sub a{font-weight:650;color:rgba(255,255,255,.66);padding-left:28px}

.hero,.page-hero{position:relative;overflow:hidden;color:#fff;background:linear-gradient(90deg,rgba(4,22,47,.9),rgba(4,22,47,.28)),var(--hero-bg,url('https://images.unsplash.com/photo-1518770660439-4636190af475?auto=format&fit=crop&w=2200&q=80')) center/cover}
.hero{min-height:900px;display:flex;align-items:center}
.page-hero{padding:190px 0 116px}
.hero:after,.page-hero:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 78% 32%,rgba(49,215,255,.32),transparent 28%),linear-gradient(180deg,transparent 60%,rgba(4,22,47,.75));pointer-events:none}
.hero-content,.page-hero .container{position:relative;z-index:2;max-width:820px}
.hero p,.page-hero p{font-size:20px;color:rgba(255,255,255,.82);margin:24px 0 34px;max-width:720px}
.hero-actions{display:flex;gap:14px;flex-wrap:wrap}.hero-dots{display:flex;gap:9px;margin-top:46px}.dot{width:38px;height:4px;background:rgba(255,255,255,.35);cursor:pointer;transition:.3s}.dot.active{background:#fff;width:58px}

.section{padding:110px 0}.light{background:var(--light)}
.section-head{display:flex;align-items:end;justify-content:space-between;margin-bottom:44px;gap:24px}.section-head p{max-width:590px}
.reveal{opacity:0;transform:translateY(42px);transition:opacity .9s ease, transform .9s ease}.reveal.show{opacity:1;transform:translateY(0)}
.split{display:grid;grid-template-columns:.95fr 1.05fr;gap:58px;align-items:center}
.content-stack{display:grid;gap:20px}
.image-frame{height:560px;overflow:hidden;border-radius:0;box-shadow:var(--shadow);position:relative;background:#071a38}
.image-frame img{width:100%;height:115%;object-fit:cover;transform:scale(1.18) translateY(40px);transition:transform 1.2s cubic-bezier(.2,.8,.2,1), filter 1.2s}
.image-frame.show img{transform:scale(1) translateY(-18px)}
.image-frame:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 55%,rgba(4,22,47,.34));pointer-events:none}

.full-image-section{height:110vh;position:relative;overflow:hidden;display:flex;align-items:flex-end;color:#fff;background:#071a33}
.full-image-bg{position:absolute;inset:-8% 0 0 0;background:linear-gradient(180deg,rgba(4,22,47,.08),rgba(4,22,47,.76)),var(--bg) center/cover;transform:scale(1.22) translateY(60px);transition:transform 1.4s cubic-bezier(.2,.8,.2,1)}
.full-image-section.show .full-image-bg{transform:scale(1.02) translateY(-34px)}
.full-image-content{position:relative;z-index:2;padding:0 0 110px;max-width:760px}
.full-image-content h2{color:#fff}.full-image-content p{color:rgba(255,255,255,.78);font-size:19px;margin-top:18px}

.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--line);box-shadow:var(--shadow)}
.stat{background:#fff;padding:34px}.stat strong{display:block;font-size:42px;color:var(--blue);line-height:1}.stat span{font-size:14px;color:var(--muted)}
.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.card{background:#fff;padding:32px;border:1px solid var(--line);box-shadow:0 12px 34px rgba(5,24,51,.08);transition:.25s}
.card:hover{transform:translateY(-6px);box-shadow:var(--shadow)}
.card-img{height:240px;margin:-32px -32px 24px;background:var(--img) center/cover}
.products{display:grid;grid-template-columns:repeat(3,1fr);gap:26px}
.product-card{background:#fff;box-shadow:0 14px 38px rgba(5,24,51,.08);overflow:hidden;transition:.3s;display:block}
.product-card:hover{transform:translateY(-8px);box-shadow:var(--shadow)}
.product-photo{height:260px;overflow:hidden;background:#071a38}
.product-photo img{width:100%;height:100%;object-fit:cover;transition:transform .8s}
.product-card:hover .product-photo img{transform:scale(1.08)}
.product-body{padding:28px}.product-body a,.text-link{display:inline-block;margin-top:15px;color:var(--blue);font-weight:900}
.badge{display:inline-flex;padding:7px 12px;border-radius:999px;background:rgba(11,120,240,.11);color:var(--blue);font-size:13px;font-weight:850;margin:4px 5px 0 0}
.feature-list{display:grid;gap:14px;margin-top:24px}.feature-item{display:flex;gap:12px;padding:18px;background:#fff;border:1px solid var(--line)}.check{width:24px;height:24px;display:grid;place-items:center;background:rgba(0,110,230,.11);color:var(--blue);font-weight:900;flex:0 0 24px}
.gallery-grid{display:grid;grid-template-columns:1.2fr .8fr 1fr;gap:18px}.gallery-img{min-height:290px;background:var(--gimg) center/cover;box-shadow:0 12px 34px rgba(5,24,51,.08)}.gallery-img.big{grid-row:span 2;min-height:598px}
.form{display:grid;gap:14px}.form input,.form textarea,.form select{width:100%;border:1px solid var(--line);padding:16px 18px;font:inherit}.form textarea{min-height:150px}.form .hp-field{position:absolute;left:-9999px;width:1px;height:1px;opacity:0;pointer-events:none}.form-status{margin:0;font-size:14px;min-height:20px}.form-status.success{color:#1a9f52}.form-status.error{color:#d6302f}
.contact-panel{display:grid;grid-template-columns:.9fr 1.1fr;background:#fff;box-shadow:var(--shadow)}
.contact-info{background:linear-gradient(145deg,#061a38,#0b3773);padding:48px;color:#fff;position:relative;overflow:hidden}.contact-info h2{color:#fff}.contact-info p{color:rgba(255,255,255,.75)}.contact-meta{display:grid;gap:18px;margin-top:34px}.contact-meta div{padding-bottom:18px;border-bottom:1px solid rgba(255,255,255,.12)}.contact-meta strong{display:block;color:#fff}.contact-form{padding:48px}
.cta{padding:110px 0;background:linear-gradient(90deg,rgba(0,79,159,.92),rgba(0,110,230,.84)),url('https://images.unsplash.com/photo-1558494949-ef010cbdcc31?auto=format&fit=crop&w=1800&q=80') center/cover;color:#fff;text-align:center}.cta h2{color:#fff}.cta p{color:rgba(255,255,255,.82);max-width:720px;margin:16px auto 28px}
footer{background:#071a33;color:#fff;padding:76px 0 26px}.footer-grid{display:grid;grid-template-columns:1.3fr 1fr 1fr 1fr 1.2fr;gap:28px}.footer-logo img{height:54px;width:auto;filter:none}footer h3{color:#fff;font-size:16px;margin-bottom:14px}footer a,footer p{display:block;color:rgba(255,255,255,.65);margin:8px 0;font-size:14px}.copyright{border-top:1px solid rgba(255,255,255,.1);margin-top:40px;padding-top:20px;color:rgba(255,255,255,.5);font-size:13px}
.back-to-top{position:fixed;right:22px;bottom:22px;width:46px;height:46px;border:0;background:var(--blue);color:#fff;font-size:20px;display:none;place-items:center;z-index:80;box-shadow:var(--shadow);cursor:pointer}.back-to-top.show{display:grid}
@media(max-width:980px){.menu{display:none}.hamburger{display:flex}.nav{height:72px}.site-header{top:10px}.hero{min-height:760px}.split,.stats,.cards,.products,.gallery-grid,.footer-grid,.contact-panel{grid-template-columns:1fr}.section-head{display:block}.image-frame{height:380px}.full-image-section{height:auto;min-height:720px}.full-image-content{padding-bottom:70px}.gallery-img.big{min-height:290px}.site-header .btn{display:none}}

/* Premium entrance shape shades */
.entry-shapes{
  position:fixed;
  inset:0;
  pointer-events:none;
  z-index:120;
  overflow:hidden;
}
.entry-shapes span{
  position:absolute;
  right:-260px;
  width:520px;
  height:520px;
  border-radius:42% 58% 55% 45%;
  background:linear-gradient(135deg,rgba(6,118,255,.35),rgba(49,215,255,.14));
  filter:blur(2px);
  opacity:0;
  transform:translateX(180px) rotate(0deg) scale(.9);
  animation:shapeIn 1.25s cubic-bezier(.18,.85,.22,1) forwards, shapeFloat 6s ease-in-out 1.25s infinite alternate;
}
.entry-shapes span:nth-child(1){top:80px;animation-delay:.08s,1.25s}
.entry-shapes span:nth-child(2){top:320px;width:360px;height:360px;background:linear-gradient(135deg,rgba(4,22,47,.22),rgba(6,118,255,.2));animation-delay:.22s,1.45s}
.entry-shapes span:nth-child(3){bottom:40px;width:440px;height:440px;background:linear-gradient(135deg,rgba(49,215,255,.20),rgba(255,255,255,.10));animation-delay:.36s,1.65s}
@keyframes shapeIn{
  0%{opacity:0;transform:translateX(220px) rotate(0deg) scale(.88)}
  65%{opacity:1}
  100%{opacity:.72;transform:translateX(-90px) rotate(-14deg) scale(1)}
}
@keyframes shapeFloat{
  from{transform:translateX(-90px) rotate(-14deg) scale(1)}
  to{transform:translateX(-125px) rotate(-7deg) scale(1.04)}
}
.entry-shapes.hide{
  opacity:0;
  transition:opacity .8s ease;
}

/* Sticky image + scrolling text effect */
.sticky-story{
  position:relative;
  background:#061a38;
  color:#fff;
  padding:0;
}
.sticky-wrap{
  display:grid;
  grid-template-columns:1.05fr .95fr;
  min-height:260vh;
}
.sticky-media{
  position:sticky;
  top:0;
  height:100vh;
  overflow:hidden;
  background:#061a38;
}
.sticky-media img{
  width:100%;
  height:100%;
  object-fit:cover;
  transform:scale(1.15);
  transition:transform .8s ease;
}
.sticky-media:after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(90deg,rgba(6,26,56,.06),rgba(6,26,56,.55));
}
.sticky-content{
  display:flex;
  flex-direction:column;
  justify-content:center;
  gap:34vh;
  padding:26vh 7vw 28vh;
  position:relative;
  z-index:2;
}
.story-card{
  max-width:560px;
  opacity:.15;
  transform:translateY(70px);
  transition:opacity .75s ease, transform .75s ease;
}
.story-card.show{
  opacity:1;
  transform:translateY(0);
}
.story-card .eyebrow{color:var(--cyan)}
.story-card h2{color:#fff;margin-bottom:18px}
.story-card p{color:rgba(255,255,255,.76);font-size:18px}
.story-number{
  font-size:76px;
  line-height:1;
  font-weight:900;
  color:rgba(255,255,255,.09);
  margin-bottom:10px;
}
@media(max-width:980px){
  .entry-shapes{display:none}
  .sticky-wrap{grid-template-columns:1fr;min-height:auto}
  .sticky-media{position:relative;height:420px}
  .sticky-content{gap:40px;padding:70px 22px}
  .story-card{opacity:1;transform:none}
}

/* Bigger logo and liquid button hover */
.btn{
  position:relative;
  overflow:hidden;
  isolation:isolate;
}
.btn::before{
  content:"";
  position:absolute;
  inset:auto auto -120% -25%;
  width:150%;
  height:230%;
  background:radial-gradient(circle at 30% 30%,rgba(255,255,255,.55),transparent 22%),
             linear-gradient(135deg,var(--cyan),var(--blue),#004f9f);
  border-radius:45%;
  transform:translateY(0) rotate(0deg);
  transition:transform .75s cubic-bezier(.18,.8,.22,1);
  z-index:-1;
}
.btn:hover::before{
  transform:translateY(-48%) rotate(18deg);
}
.btn-primary:hover{
  background:linear-gradient(135deg,var(--blue),var(--cyan));
  color:#fff;
}
.btn-outline:hover{
  color:#fff;
  border-color:transparent;
}

/* Product horizontal image slider */
.products{
  display:flex !important;
  gap:28px;
  overflow-x:auto;
  scroll-snap-type:x mandatory;
  scroll-behavior:smooth;
  padding:10px 0 32px;
  cursor:grab;
  user-select:none;
}
.products:active{cursor:grabbing}
.products::-webkit-scrollbar{height:8px}
.products::-webkit-scrollbar-track{background:#e8eef6}
.products::-webkit-scrollbar-thumb{background:linear-gradient(90deg,var(--blue),var(--cyan));border-radius:999px}
.product-card{
  flex:0 0 min(420px,82vw);
  scroll-snap-align:start;
}
.slider-controls{
  display:flex;
  gap:12px;
  justify-content:flex-end;
  margin:0 0 22px;
}
.slider-btn{
  width:48px;
  height:48px;
  border:1px solid var(--line);
  background:#fff;
  color:var(--blue);
  font-size:24px;
  cursor:pointer;
  box-shadow:0 12px 28px rgba(5,24,51,.08);
  transition:.25s;
}
.slider-btn:hover{
  background:var(--blue);
  color:#fff;
  transform:translateY(-2px);
}
.product-photo,
.product-img{
  height:300px;
}
@media(max-width:980px){
  .logo img{height:48px}
  .footer-logo img{height:46px}
  .product-card{flex-basis:86vw}
  .slider-controls{justify-content:flex-start}
}

/* Final premium optical-light styling */
.logo img{height:72px !important;width:auto;filter:none !important}
.footer-logo img{height:62px !important;width:auto;filter:none !important}
.nav{height:92px !important;border-radius:28px !important}
.menu{height:92px !important}
.menu-item{height:92px !important}
.dropdown-panel{top:92px !important;border-radius:0 0 26px 26px !important}

.card,.panel,.resource,.product-card,.stat,.market,.contact-panel,.contact-info,.contact-form,.modal-box,.news-wrap{
  border-radius:28px !important;
  overflow:hidden;
}
.product-card,.card,.resource,.panel{
  border:1px solid rgba(6,118,255,.10) !important;
  box-shadow:0 22px 60px rgba(4,22,47,.10) !important;
}
.about-visual,.image-visual,.image-frame,.gallery-img,.product-photo,.product-img{
  border-radius:30px !important;
  overflow:hidden;
}
.stats,.markets{border-radius:28px !important;overflow:hidden}

/* premium liquid fill hover */
.btn{
  position:relative !important;
  overflow:hidden !important;
  isolation:isolate !important;
  border-radius:999px !important;
  transition:color .35s ease .22s, border-color .35s ease .22s, transform .25s ease !important;
}
.btn::before{
  content:"";
  position:absolute;
  left:50%;
  bottom:-170%;
  width:175%;
  height:260%;
  border-radius:42%;
  background:
    radial-gradient(circle at 25% 25%,rgba(255,255,255,.62),transparent 18%),
    radial-gradient(circle at 76% 42%,rgba(49,215,255,.45),transparent 19%),
    linear-gradient(135deg,#31d7ff,#0676ff,#004f9f);
  transform:translateX(-50%) translateY(0) rotate(0deg);
  transition:transform .9s cubic-bezier(.18,.82,.22,1);
  z-index:-1;
}
.btn:hover::before{
  transform:translateX(-50%) translateY(-58%) rotate(18deg);
}
.btn:hover{
  color:#fff !important;
  border-color:transparent !important;
}
.btn-outline:hover{
  background:rgba(255,255,255,.08) !important;
}

/* optical fiber light image treatment */
.hero,.page-hero{
  background:
    linear-gradient(90deg,rgba(4,22,47,.92),rgba(4,22,47,.32)),
    var(--hero-bg,url('https://images.unsplash.com/photo-1518770660439-4636190af475?auto=format&fit=crop&w=2200&q=85')) center/cover !important;
}
.hero::before,.page-hero::before{
  content:"";
  position:absolute;
  inset:0;
  background:
    radial-gradient(circle at 72% 30%,rgba(49,215,255,.34),transparent 24%),
    linear-gradient(120deg,transparent 35%,rgba(6,118,255,.18),transparent 65%);
  pointer-events:none;
}

/* New product showcase system */
.products{
  display:grid !important;
  grid-template-columns:1.15fr .85fr !important;
  gap:28px !important;
  overflow:visible !important;
  padding:0 !important;
}
.product-card{
  min-height:360px;
  display:grid !important;
  grid-template-columns:1fr 1fr;
  align-items:stretch;
  position:relative;
  background:#fff;
  scroll-snap-align:unset !important;
  flex:auto !important;
}
.product-card:first-child{
  grid-row:span 2;
  display:flex !important;
  flex-direction:column;
}
.product-card:first-child .product-photo,
.product-card:first-child .product-img{
  height:430px !important;
}
.product-card:not(:first-child){
  min-height:250px;
}
.product-card:not(:first-child) .product-photo,
.product-card:not(:first-child) .product-img{
  height:100% !important;
  min-height:250px;
}
.product-card:not(:first-child) .product-body{
  padding:26px;
}
.product-photo img{
  filter:saturate(1.2) contrast(1.05);
}
.product-body{
  display:flex;
  flex-direction:column;
  justify-content:center;
}
.product-body h3{
  font-size:24px;
}
.slider-controls{display:none !important}

.product-card::after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(135deg,rgba(49,215,255,.14),transparent 45%);
  opacity:0;
  transition:.35s ease;
  pointer-events:none;
}
.product-card:hover::after{opacity:1}

@media(max-width:980px){
  .logo img{height:54px !important}
  .nav{height:78px !important;border-radius:22px !important}
  .products{grid-template-columns:1fr !important}
  .product-card,.product-card:not(:first-child){
    display:block !important;
    min-height:auto;
  }
  .product-card:first-child .product-photo,
  .product-card:first-child .product-img,
  .product-card:not(:first-child) .product-photo,
  .product-card:not(:first-child) .product-img{
    height:280px !important;
  }
}

/* Requested final refinements */

/* Hero stays still while content/background scrolls upward */
.hero{
  min-height:100vh !important;
  position:sticky !important;
  top:0 !important;
  z-index:1 !important;
  background-attachment:fixed !important;
}
.hero-content{
  animation:heroTextFloat linear both;
  animation-timeline:view();
  animation-range:exit 0% exit 100%;
}
.hero::after{
  animation:heroBgLift linear both;
  animation-timeline:view();
  animation-range:exit 0% exit 100%;
}
@keyframes heroTextFloat{
  from{transform:translateY(0);opacity:1}
  to{transform:translateY(-180px);opacity:.15}
}
@keyframes heroBgLift{
  from{transform:translateY(0);opacity:1}
  to{transform:translateY(-80px);opacity:.55}
}

/* keep following content above sticky hero */
main > section:not(.hero),
footer{
  position:relative;
  z-index:3;
}

/* Header dropdown: 90% blurry transparent */
.dropdown-panel,
.mega{
  background:rgba(7,26,56,.90) !important;
  backdrop-filter:blur(22px) saturate(1.35) !important;
  -webkit-backdrop-filter:blur(22px) saturate(1.35) !important;
  border:1px solid rgba(255,255,255,.16) !important;
  border-top:3px solid rgba(49,215,255,.82) !important;
  box-shadow:0 28px 90px rgba(0,0,0,.28) !important;
}
.dropdown-panel h4,
.mega h4{
  color:#fff !important;
}
.dropdown-panel a,
.mega a{
  color:rgba(255,255,255,.72) !important;
}
.dropdown-panel a:hover,
.mega a:hover{
  color:var(--cyan) !important;
}

/* Remove global rounding from general boxes */
.card,.panel,.resource,.stat,.market,.news-wrap,.contact-panel,.contact-info,.contact-form{
  border-radius:0 !important;
}

/* Rounded only for product/info-related boxes */
.product-card,
.product-photo,
.product-img,
.product-body,
.modal-box,
.modal-specs span,
.feature-item,
.resource,
.contact-panel{
  border-radius:28px !important;
}
.product-card{
  overflow:hidden !important;
}

/* About NovoOFC info hover color change */
#about .stat,
.about-grid .stat,
.stats .stat{
  transition:.35s ease;
}
#about .stat:hover,
.about-grid .stat:hover,
.stats .stat:hover{
  background:linear-gradient(135deg,var(--blue),var(--cyan)) !important;
  transform:translateY(-6px);
  box-shadow:0 22px 60px rgba(6,118,255,.22);
}
#about .stat:hover strong,
.about-grid .stat:hover strong,
.stats .stat:hover strong,
#about .stat:hover span,
.about-grid .stat:hover span,
.stats .stat:hover span{
  color:#fff !important;
}

/* About text block subtle hover */
#about .content-stack,
#about .about-grid > div:first-child{
  transition:.35s ease;
}
#about .content-stack:hover,
#about .about-grid > div:first-child:hover{
  color:var(--blue);
}
#about .content-stack:hover h2,
#about .about-grid > div:first-child:hover h2{
  color:var(--blue);
}

/* fallback for browsers without scroll-linked animation */
@supports not (animation-timeline:view()){
  .hero{
    background-attachment:fixed !important;
  }
}

@media(max-width:980px){
  .hero{
    position:relative !important;
    background-attachment:scroll !important;
  }
  .hero-content,
  .hero::after{
    animation:none !important;
  }
}

/* Clean hero-to-white scroll correction */
.hero{
  position:relative !important;
  top:auto !important;
  z-index:1 !important;
  min-height:100vh !important;
  background-attachment:scroll !important;
}
.hero-content{
  animation:none !important;
  transform:none !important;
  opacity:1 !important;
}
.hero::after{
  animation:none !important;
  transform:none !important;
  opacity:1 !important;
}
main{
  background:#ffffff !important;
  position:relative;
  z-index:2;
}
main > section:not(.hero){
  background:#ffffff;
  position:relative;
  z-index:5;
}
main > section.light{
  background:var(--light) !important;
}
.hero + section,
.news-strip,
.section,
.full-image-section,
.cta{
  position:relative !important;
  z-index:6 !important;
}
.news-strip{
  margin-top:0 !important;
  padding-top:34px;
  background:#ffffff !important;
}
.news-wrap{
  background:#ffffff !important;
}
.section:first-of-type,
.news-strip + .section{
  background:#ffffff !important;
}

/* Keep the white fade at the bottom of the hero. */
.hero::before{
  top:auto;
  content:"";
  position:absolute;
  left:0;
  right:0;
  bottom:-1px;
  height:170px;
  background:linear-gradient(180deg,rgba(255,255,255,0),#ffffff 88%);
  z-index:1;
  pointer-events:none;
}
.hero-content{
  z-index:3 !important;
}

/* make sure text reveal happens only in content area, not over hero */
.reveal{
  background:inherit;
}
@media(max-width:980px){
  .hero{
    position:relative !important;
  }
}

/* Compact full-width header; crop the logo's transparent padding. */
.site-header{--header-height:80px;top:0;background:rgba(3,18,38,.96);backdrop-filter:blur(18px);border-bottom:1px solid rgba(255,255,255,.12);box-shadow:0 4px 18px rgba(0,0,0,.12)}
.site-header.is-scrolled{--header-height:64px}
.site-header > .container{width:100%;max-width:none}
.site-header .nav{height:var(--header-height) !important;padding:0 clamp(20px,3vw,64px);gap:20px;border:0;border-radius:0 !important;background:transparent;backdrop-filter:none;box-shadow:none;transition:height .25s ease}
.site-header .logo{position:relative;display:block;width:234px;height:60px;overflow:hidden;flex-shrink:0}
.site-header .logo img{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:300px;max-width:none;height:auto !important}
.site-header .menu,.site-header .menu-item{height:var(--header-height) !important;transition:height .25s ease}
.site-header .menu-item{padding:0 14px}
.site-header .nav > .btn{flex-shrink:0;white-space:nowrap;padding:10px 22px}
.site-header .dropdown-panel{top:100% !important}
.site-header .menu-item:nth-last-child(2) .dropdown-panel{left:auto;right:0;transform:none}
@media(max-width:1100px){
  .site-header{--header-height:72px}
  .site-header.is-scrolled{--header-height:60px}
  .site-header .menu,.site-header .nav > .btn{display:none}
  .site-header .hamburger{display:flex;flex-shrink:0}
  .site-header .nav{padding:0 16px;gap:12px}
  .site-header .logo{width:194px;height:56px}
  .site-header .logo img{width:248px}
  .mobile-menu{top:72px;left:0;transform:none;width:100%;max-height:calc(100dvh - 72px);overflow-y:auto;border-radius:0 0 20px 20px;transition:top .25s ease,max-height .25s ease}
  .site-header.is-scrolled + .mobile-menu{top:60px;max-height:calc(100dvh - 60px)}
}
@media(prefers-reduced-motion:reduce){
  .site-header .nav,.site-header .menu,.site-header .menu-item,.mobile-menu{transition:none}
}

/* Supplied NovoOFC homepage banner. */
.hero{background:linear-gradient(90deg,rgba(2,12,28,.94) 0%,rgba(2,12,28,.78) 25%,rgba(2,12,28,.38) 40%,rgba(2,12,28,0) 55%),var(--hero-bg,url('hero-novoofc-right.png')) center/cover no-repeat !important}


/* Preserve city image detail without oversized zoom. */
.connectivity-banner{height:auto;min-height:clamp(440px,40vw,720px)}
.connectivity-banner .full-image-bg,.connectivity-banner.show .full-image-bg{inset:0;transform:none;transition:none;background:linear-gradient(180deg,rgba(4,22,47,0) 30%,rgba(4,22,47,.62) 100%),var(--bg) center/cover no-repeat}
.connectivity-banner .full-image-content{max-width:1240px;padding-top:100px;padding-bottom:56px}
.connectivity-banner .full-image-content h2{max-width:780px;font-size:clamp(30px,3.5vw,50px);text-shadow:0 2px 12px rgba(0,0,0,.3)}
.connectivity-banner .full-image-content p{max-width:720px;color:#fff}
@media(max-width:600px){.connectivity-banner{min-height:440px}.connectivity-banner .full-image-content{padding-top:70px;padding-bottom:36px}}

/* Keep the original banner and focus its right side on mobile. */
@media(max-width:600px){
  .page-hero.armoured-product-hero{background-position:76% center !important}
}

/* Compact deployment banner on the armoured product page. */
.full-image-section.deployment-banner{height:auto;min-height:420px;align-items:center}
.deployment-banner .full-image-content{padding:64px 0}
@media(max-width:600px){
  .full-image-section.deployment-banner{min-height:320px}
  .deployment-banner .full-image-content{padding:44px 0}
  .deployment-banner h2{font-size:32px}
}

/* Consistent product cards in balanced rows. */
.products{display:grid !important;grid-template-columns:repeat(3,minmax(0,1fr)) !important;gap:28px !important;align-items:stretch;cursor:default;user-select:auto}
.products .product-card,.products .product-card:first-child,.products .product-card:not(:first-child){display:flex !important;flex-direction:column;grid-row:auto;min-height:0;background:#fff;border-radius:20px !important}
.products .product-card .product-photo,.products .product-card:first-child .product-photo,.products .product-card:not(:first-child) .product-photo,.products .product-card .product-img,.products .product-card:first-child .product-img,.products .product-card:not(:first-child) .product-img{height:auto !important;min-height:0;aspect-ratio:4/3;flex:none;border-radius:0 !important;overflow:hidden}
.products .product-photo img{width:100%;height:100%;object-fit:cover}
.products .product-card .product-body,.products .product-card:not(:first-child) .product-body{padding:24px;flex:1;justify-content:flex-start;border-radius:0 !important}
.products .product-body h3{font-size:22px;line-height:1.25;letter-spacing:-.025em;margin-bottom:10px}
.products .product-body p{font-size:15px;line-height:1.65;margin-bottom:20px}
.products .product-body .text-link{margin-top:auto;padding-top:4px}
@media(max-width:980px){.products{grid-template-columns:repeat(2,minmax(0,1fr)) !important;gap:22px !important}}
@media(max-width:600px){.products{grid-template-columns:1fr !important}.products .product-card .product-body{padding:22px}}

/* Interactive homepage product collection */
.products.product-showcase{display:grid !important;grid-template-columns:minmax(0,1.35fr) minmax(290px,.85fr) !important;gap:0 !important;background:#05172c;border-radius:28px;overflow:hidden;box-shadow:0 24px 64px #04162f20;color:white}
.showcase-stage{position:relative;min-height:660px;overflow:hidden;isolation:isolate;touch-action:pan-y}
.showcase-stage>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2}
.showcase-stage:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#03152a10 20%,#03152ab0 58%,#03152a 100%);z-index:-1;pointer-events:none}
.showcase-top{display:flex;justify-content:space-between;align-items:center;padding:28px;font-size:11px;letter-spacing:.16em;font-weight:800}
.showcase-top span{padding:8px 12px;background:#04162f80;border:1px solid #ffffff30;border-radius:30px;backdrop-filter:blur(12px)}
.showcase-copy{position:absolute;bottom:0;left:0;right:0;padding:36px}
.showcase-copy h3{color:white;font-size:clamp(28px,3vw,44px);max-width:520px;line-height:1.1}
.showcase-copy p{color:#d5e2f2;margin:16px 0 24px;max-width:480px}
.showcase-link{display:inline-flex;align-items:center;gap:30px;background:#fff;color:#06264b;border-radius:999px;padding:13px 22px;font-weight:800}
.showcase-side{padding:32px 24px;display:flex;flex-direction:column;background:linear-gradient(145deg,#0c2946,#04162f)}
.showcase-label{font-size:11px;letter-spacing:.18em;color:#74c7ff;font-weight:800;margin:0 12px 20px}
.showcase-options{display:grid;gap:6px}
.showcase-option{display:flex;align-items:center;gap:16px;text-align:left;border:1px solid transparent;border-bottom-color:#ffffff14;border-radius:12px;padding:20px 14px;background:transparent;color:#b4c5d9;cursor:pointer;font:inherit;transition:background .2s,color .2s,border-color .2s}
.showcase-option span:first-child{font-size:12px;color:#65b7f7;font-weight:600}
.showcase-option strong{font-size:16px;line-height:1.4;flex:1}
.showcase-option:hover{background:#ffffff08;color:#fff}
.showcase-option[aria-pressed="true"]{background:linear-gradient(110deg,#087bff35,#36d6ff0a);border-color:#43b9ff80;color:#fff}
.showcase-option:focus-visible,.showcase-controls button:focus-visible,.showcase-link:focus-visible{outline:3px solid #31d7ff;outline-offset:3px}
.showcase-controls{display:flex;gap:10px;align-items:center;margin-top:auto;padding:26px 12px 0}
.showcase-controls button{width:44px;height:44px;border:1px solid #ffffff35;background:transparent;color:#fff;border-radius:50%;font-size:22px;cursor:pointer}
.showcase-controls button:hover{background:#087bff}
.showcase-count{margin-right:auto;font-size:13px;color:#a1b7d0;letter-spacing:.12em}
@media(max-width:980px){.products.product-showcase{grid-template-columns:minmax(0,1fr) minmax(260px,.85fr) !important}.showcase-copy{padding:26px}.showcase-side{padding:24px 14px}.showcase-stage{min-height:640px}}
@media(max-width:650px){.products.product-showcase{grid-template-columns:1fr !important;border-radius:22px}.showcase-stage{min-height:510px}.showcase-side{padding:22px 16px}.showcase-options{grid-template-columns:repeat(2,minmax(0,1fr))}.showcase-option{padding:12px 9px;gap:8px}.showcase-option strong{font-size:12px}.showcase-option>span:last-child{display:none}.showcase-label{margin-bottom:12px}.showcase-copy h3{font-size:30px}.showcase-controls{padding-top:18px}}
@media(prefers-reduced-motion:reduce){.showcase-option{transition:none}}

/* Edge-to-edge homepage collection with contained heading. */
.product-collection > .container{width:100%;max-width:none}
.product-collection .section-head{width:min(1240px,calc(100% - 42px));margin-left:auto;margin-right:auto}
.product-collection .products.product-showcase{width:100%;border-radius:0;box-shadow:none;grid-template-columns:minmax(0,1.45fr) minmax(360px,.85fr) !important}
.product-collection .showcase-top{padding:28px clamp(24px,4vw,80px)}
.product-collection .showcase-copy{padding:36px clamp(24px,4vw,80px)}
.product-collection .showcase-side{padding:32px clamp(24px,3vw,60px)}
@media(min-width:1600px){.product-collection .showcase-stage{min-height:720px}}
@media(max-width:980px){.product-collection .products.product-showcase{grid-template-columns:minmax(0,1fr) minmax(280px,.85fr) !important}.product-collection .showcase-side{padding:24px 18px}}
@media(max-width:650px){.product-collection .products.product-showcase{grid-template-columns:1fr !important}.product-collection .showcase-copy{padding:26px 22px}.product-collection .showcase-top{padding:24px 22px}.product-collection .showcase-side{padding:24px 18px}}

/* Scroll-led product editorial: sticky image and spacious product chapters. */
.product-collection .products.scroll-products{display:grid !important;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr) !important;gap:0 !important;align-items:start;overflow:visible !important;background:#f4f8fd;cursor:auto}
.scroll-product-visual{position:sticky;top:80px;height:calc(100vh - 100px);max-height:850px;min-height:440px;overflow:hidden;background:#05172c;isolation:isolate}
.scroll-product-visual>img{position:absolute;width:100%;height:100%;object-fit:cover;inset:0;z-index:-2}
.scroll-product-visual:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#04162f55,transparent 35%,#04162fb0);z-index:-1}
.scroll-product-top{display:flex;justify-content:space-between;gap:16px;padding:28px;color:#fff;font-size:11px;font-weight:800;letter-spacing:.13em}
.scroll-product-caption{position:absolute;bottom:40px;left:32px;right:32px;font-size:clamp(24px,2.7vw,42px);line-height:1.15;color:#fff;font-weight:800;max-width:540px}
.scroll-product-progress{position:absolute;bottom:0;left:0;width:100%;height:4px;background:#31d7ff;transform-origin:left;transition:transform .4s}
.scroll-product-story{min-height:70vh;display:flex;flex-direction:column;justify-content:center;padding:70px clamp(28px,5vw,100px);border-bottom:1px solid #dbe5f0;opacity:.48;transition:opacity .4s;background:transparent}
.scroll-product-story.is-active{opacity:1}
.scroll-product-number{font-size:11px;font-weight:800;letter-spacing:.2em;color:#087bff;margin-bottom:24px}
.scroll-product-story h3{font-size:clamp(30px,3.5vw,54px);line-height:1.08;max-width:500px}
.scroll-product-story p{font-size:17px;line-height:1.8;margin:24px 0 32px;max-width:460px}
.scroll-product-link{align-self:flex-start;border-bottom:2px solid #087bff;padding:10px 0;color:#06264b;font-weight:800}
.scroll-product-link:hover{color:#087bff}.scroll-product-link:focus-visible{outline:3px solid #087bff;outline-offset:6px}
@media(max-width:700px){
 .product-collection .products.scroll-products{display:block !important}
 .scroll-product-visual{top:60px;height:38vh;min-height:220px;max-height:360px;z-index:10}
 .scroll-product-visual>img{object-position:center 65%}
 .scroll-product-top{padding:16px 20px;font-size:9px}
 .scroll-product-caption{bottom:22px;left:20px;right:20px;font-size:23px}
 .scroll-product-story{min-height:64vh;padding:44px 24px;scroll-margin-top:calc(38vh + 76px)}
 .scroll-product-story h3{font-size:34px}.scroll-product-story p{font-size:16px}
}
@media(prefers-reduced-motion:reduce){.scroll-product-story,.scroll-product-progress{transition:none}}

/* Product copy grows smoothly with scroll position. */
.scroll-product-story,.scroll-product-story.is-active{opacity:1;transition:none}
.scroll-product-copy{display:flex;flex-direction:column;transform:scale(var(--copy-scale,.76));transform-origin:left center;opacity:var(--copy-opacity,.35)}
@media(prefers-reduced-motion:reduce){.scroll-product-copy{transform:none;opacity:1}}

/* Hide small decorative section labels, including generated product labels. */
.eyebrow,.scroll-product-number,.scroll-product-top > span:first-child{display:none !important}

/* Product action button. */
.scroll-product-link{display:inline-flex;align-items:center;justify-content:space-between;gap:24px;min-height:54px;padding:8px 9px 8px 23px;border:1px solid #157ff5;border-radius:999px;background:linear-gradient(120deg,#0866df,#078ef2);color:#fff;font-size:14px;font-weight:800;box-shadow:0 8px 22px #0676ff26;transition:transform .22s ease,box-shadow .22s ease,background .22s ease}
.scroll-product-link .product-button-arrow{display:grid;place-items:center;width:36px;height:36px;flex-shrink:0;border-radius:50%;background:#fff;color:#0866df;font-size:21px;line-height:1;transition:transform .22s ease}
.scroll-product-link:hover{color:#fff;background:linear-gradient(120deg,#0757c4,#0676ff);transform:translateY(-3px);box-shadow:0 12px 28px #0676ff38}
.scroll-product-link:hover .product-button-arrow{transform:rotate(45deg)}
.scroll-product-link:active{transform:translateY(0)}
.scroll-product-link:focus-visible{outline:3px solid #087bff;outline-offset:5px}
@media(prefers-reduced-motion:reduce){.scroll-product-link,.scroll-product-link .product-button-arrow{transition:none}.scroll-product-link:hover,.scroll-product-link:hover .product-button-arrow{transform:none}}

/* Blend the city banner seamlessly into the navy footer. */
.connectivity-banner::after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:clamp(130px,16vw,230px);background:linear-gradient(180deg,rgba(7,26,51,0) 0%,rgba(7,26,51,.45) 40%,rgba(7,26,51,.9) 78%,#071a33 100%);pointer-events:none;z-index:1}
.connectivity-banner .full-image-content{z-index:2}

/* Outline product actions; fill on hover or keyboard focus. */
.scroll-product-link{background:transparent;color:#0866df;box-shadow:none;border:1px solid #087bff}
.scroll-product-link .product-button-arrow{background:transparent;color:#0866df;border:1px solid #087bff55}
.scroll-product-link:hover,.scroll-product-link:focus-visible{background:linear-gradient(120deg,#0866df,#078ef2);color:#fff;box-shadow:0 8px 22px #0676ff26}
.scroll-product-link:hover .product-button-arrow,.scroll-product-link:focus-visible .product-button-arrow{background:#fff;color:#0866df;border-color:#fff}

/* Glass-like liquid fill matching Contact Sales. */
.scroll-product-link{position:relative;isolation:isolate;overflow:hidden;background:transparent;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);transition:color .35s ease .2s,border-color .35s ease .2s,transform .25s ease,box-shadow .25s ease}
.scroll-product-link::before{content:"";position:absolute;left:50%;bottom:-170%;width:175%;height:260%;border-radius:42%;background:radial-gradient(circle at 25% 25%,rgba(255,255,255,.62),transparent 18%),radial-gradient(circle at 76% 42%,rgba(49,215,255,.45),transparent 19%),linear-gradient(135deg,#31d7ff,#0676ff,#004f9f);transform:translateX(-50%) translateY(0) rotate(0deg);transition:transform .9s cubic-bezier(.18,.82,.22,1);z-index:-1;pointer-events:none}
.scroll-product-link:hover,.scroll-product-link:focus-visible{background:rgba(255,255,255,.08);color:#fff;border-color:transparent}
.scroll-product-link:hover::before,.scroll-product-link:focus-visible::before{transform:translateX(-50%) translateY(-58%) rotate(18deg)}
.scroll-product-link:hover .product-button-arrow,.scroll-product-link:focus-visible .product-button-arrow{background:rgba(255,255,255,.2);border-color:rgba(255,255,255,.5);color:#fff}
@media(prefers-reduced-motion:reduce){.scroll-product-link,.scroll-product-link::before{transition:none}}

/* Keep the liquid completely below the button until interaction. */
.scroll-product-link:not(:hover):not(:focus-visible){background:transparent;box-shadow:none;color:#0866df;border-color:#087bff}
.scroll-product-link::before{transform:translateX(-50%) translateY(110%) rotate(0deg)}
.scroll-product-link:not(:hover):not(:focus-visible) .product-button-arrow{background:transparent;color:#0866df;border:1px solid #087bff}
.scroll-product-link:hover::before,.scroll-product-link:focus-visible::before{transform:translateX(-50%) translateY(-58%) rotate(18deg)}

/* Cable construction highlights before the product collection. */
.cable-highlights{padding:100px 0}
.cable-highlights-layout{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:clamp(32px,5vw,80px);align-items:start}
.cable-highlights-visual{position:sticky;top:100px;min-height:560px;border-radius:28px;overflow:hidden;background:#04162f;box-shadow:0 22px 60px #04162f18}
.cable-highlights-visual img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.cable-highlights-visual:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#04162fd9,transparent 58%,#04162f33);pointer-events:none}
.cable-highlights-title{position:relative;z-index:1;padding:40px}
.cable-highlights-title h2{color:#fff;font-size:clamp(40px,4.5vw,66px);line-height:1.02}
.cable-highlights-title h2 span{color:#31d7ff}
.cable-highlights-details{display:grid;gap:30px}
.cable-highlight-group{padding-bottom:24px;border-bottom:1px solid #dce8f4}
.cable-highlight-group:last-child{border-bottom:0;padding-bottom:0}
.cable-highlight-group h3{font-size:23px;margin-bottom:18px;letter-spacing:-.02em}
.cable-highlight-group ul{list-style:none;display:grid;gap:4px}
.cable-highlight-group li{display:flex;gap:15px;align-items:flex-start;padding:10px 12px 10px 0;border-radius:12px;transition:background .25s,transform .25s}
.cable-highlight-group li>span{display:grid;place-items:center;flex:0 0 30px;height:30px;border:1px solid #087bff35;border-radius:50%;color:#087bff;font-size:10px;font-weight:800;background:#087bff08}
.cable-highlight-group li p{font-size:15px;line-height:1.65;padding-top:2px;color:#456078}
.cable-highlight-group li:hover{background:#edf6ff;transform:translateX(5px)}
@media(max-width:800px){.cable-highlights{padding:64px 0}.cable-highlights-layout{grid-template-columns:1fr;gap:32px}.cable-highlights-visual{position:relative;top:auto;min-height:340px}.cable-highlights-visual img{object-position:center 65%}.cable-highlights-title{padding:28px}.cable-highlights-title h2{font-size:46px}}
@media(prefers-reduced-motion:reduce){.cable-highlight-group li{transition:none}.cable-highlight-group li:hover{transform:none}}

/* Image-free cable highlights grid. */
.cable-highlights-layout{display:block}
.cable-highlights-heading{margin-bottom:38px}
.cable-highlights-details{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;align-items:stretch}
.cable-highlight-group,.cable-highlight-group:last-child{position:relative;padding:32px 26px;border:1px solid #dce8f4;border-radius:22px;background:linear-gradient(145deg,#fff,#f2f8ff);box-shadow:0 14px 38px #04162f08;overflow:hidden}
.cable-highlight-group:before{content:"";position:absolute;top:0;left:26px;right:26px;height:3px;background:linear-gradient(90deg,#087bff,#31d7ff);border-radius:0 0 4px 4px}
.cable-highlight-group h3{font-size:24px;line-height:1.2;margin-bottom:22px}
.cable-highlight-group li{padding:12px 0;gap:12px}
.cable-highlight-group li+li{border-top:1px solid #dce8f480;border-radius:0}
.cable-highlight-group li p{font-size:14px}
.cable-highlight-group li:hover{transform:none}
@media(max-width:980px){.cable-highlights-details{grid-template-columns:1fr;gap:20px}.cable-highlight-group,.cable-highlight-group:last-child{padding:28px}.cable-highlights-heading{margin-bottom:28px}}

/* Evenly aligned capacity figures and captions. */
.capacity-stats{grid-template-columns:repeat(4,minmax(0,1fr));align-items:stretch}
.capacity-stats .stat{min-width:0;padding:28px 10px;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;text-align:center;gap:12px}
.capacity-stats .stat strong{font-size:clamp(30px,3vw,42px);line-height:1.1;white-space:nowrap;font-variant-numeric:tabular-nums}
.capacity-stats .stat span{display:block;font-size:13px;line-height:1.7}
@media(max-width:600px){.capacity-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.capacity-stats .stat{padding:24px 12px}.capacity-stats .stat strong{font-size:36px}}

/* Brief stagger as highlight cards enter the viewport. */
.cable-highlight-group.reveal{opacity:0;transform:translateY(30px);transition:opacity .45s ease,transform .45s cubic-bezier(.2,.75,.25,1);transition-delay:var(--highlight-delay,0ms)}
.cable-highlight-group.reveal.show{opacity:1;transform:translateY(0)}
.cable-highlight-group:nth-child(2){--highlight-delay:300ms}
.cable-highlight-group:nth-child(3){--highlight-delay:600ms}
@media(max-width:980px){.cable-highlight-group:nth-child(2){--highlight-delay:300ms}.cable-highlight-group:nth-child(3){--highlight-delay:600ms}}
@media(prefers-reduced-motion:reduce){.cable-highlight-group.reveal{opacity:1;transform:none;transition:none}}

/* International standards below the product collection. */
.performance-standards-heading{display:grid;grid-template-columns:minmax(0,2fr) minmax(180px,1fr);gap:32px;align-items:end;margin-bottom:44px}
.performance-standards-heading h2{max-width:850px}
.performance-standards-heading>p{font-size:22px;color:#087bff;text-align:right;line-height:1.4;padding-bottom:4px}
.standards-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.standard-card{position:relative;display:flex;flex-direction:column;padding:32px;border:1px solid #dce8f4;border-radius:22px;background:linear-gradient(150deg,#f0f7ff,#fff 65%);box-shadow:0 14px 38px #04162f08}
.standard-number{display:grid;place-items:center;width:44px;height:44px;border:1px solid #087bff35;border-radius:14px;color:#087bff;font-weight:800;font-size:13px;margin-bottom:28px}
.standard-card h3{font-size:clamp(19px,1.8vw,25px);line-height:1.3;letter-spacing:-.025em;margin-bottom:18px;overflow-wrap:anywhere}
.standard-card>p{font-size:15px;line-height:1.8;margin-bottom:28px}
.standard-scope{border-top:1px solid #dce8f4;padding-top:20px;margin-top:auto;color:#183c61;font-size:14px;line-height:1.7}
@media(max-width:980px){.standards-grid{grid-template-columns:1fr}.performance-standards-heading{grid-template-columns:1fr;gap:18px}.performance-standards-heading>p{text-align:left}.standard-card{padding:28px}}
@media(prefers-reduced-motion:reduce){.performance-standards .reveal{opacity:1;transform:none;transition:none}}

/* Revised homepage titles and compact contact summary. */
.cable-highlights-heading h2{max-width:1000px}
.performance-standards-heading{display:block}
.home-contact-summary{padding:56px 0}
.home-contact-summary p{margin:16px auto 0}
@media(max-width:600px){.home-contact-summary{padding:40px 0}}

/* Keep the standards-to-banner gap compact. */
.performance-standards{padding-top:80px;padding-bottom:80px}
@media(max-width:600px){.performance-standards{padding-top:60px;padding-bottom:60px}}

/* Responsive homepage hero typography. */
.hero h1{font-size:clamp(30px,4.2vw,60px);line-height:1.12;letter-spacing:-.035em;max-width:760px;overflow-wrap:break-word;text-wrap:balance}
.hero p{font-size:clamp(15px,1.5vw,18px);line-height:1.65;max-width:650px;margin:22px 0 28px}
.hero .hero-content{padding-top:110px;padding-bottom:130px}
@media(max-width:600px){.hero h1{font-size:clamp(28px,7.5vw,40px);line-height:1.15}.hero p{margin:18px 0 24px}.hero .hero-content{padding-top:104px;padding-bottom:100px}.hero .hero-dots{margin-top:30px}}
@media(max-height:600px) and (min-width:601px){.hero h1{font-size:clamp(30px,4vw,46px)}.hero .hero-content{padding-top:100px;padding-bottom:80px}.hero .hero-dots{margin-top:24px}}

/* Interactive standards explorer. */
.standards-grid.standards-explorer{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.3fr);gap:0;overflow:hidden;border:1px solid #dce8f4;border-radius:26px;background:#f4f8fd;box-shadow:0 20px 55px #04162f0a}
.standards-tabs{display:flex;flex-direction:column;justify-content:center;gap:10px;padding:28px}
.standards-tab{display:flex;align-items:center;gap:16px;width:100%;min-height:104px;padding:20px;border:1px solid transparent;border-radius:16px;background:transparent;color:#102033;font:inherit;text-align:left;cursor:pointer;transition:background .25s,border-color .25s,box-shadow .25s}
.standards-tab-number{font-size:12px;color:#087bff;font-weight:800}
.standards-tab>span:nth-child(2){flex:1;min-width:0}.standards-tab strong{display:block;font-size:17px;line-height:1.4;overflow-wrap:anywhere}.standards-tab>span:nth-child(2)>span{display:block;font-size:13px;color:#63758a;margin-top:5px}
.standards-tab-arrow{color:#087bff;font-size:22px;transition:transform .25s}
.standards-tab:hover{background:#e7f2ff}.standards-tab[aria-selected="true"]{background:#fff;border-color:#a9d2ff;box-shadow:0 8px 24px #0676ff10}.standards-tab[aria-selected="true"] .standards-tab-arrow{transform:rotate(45deg)}
.standards-display{position:relative;isolation:isolate;overflow:hidden;display:flex;flex-direction:column;padding:clamp(28px,4vw,60px);background:linear-gradient(130deg,#092746,#04162f);color:#fff}
.standards-panels{display:grid;flex:1;align-items:center;min-height:285px}
.standards-panel h3{color:#fff;font-size:clamp(25px,2.8vw,38px);line-height:1.2;overflow-wrap:anywhere;max-width:530px}
.standards-panel>p{color:#c6d9ec;font-size:16px;line-height:1.8;margin:24px 0;max-width:530px}
.standards-scope-detail{border-left:2px solid #31d7ff;padding:4px 0 4px 18px;color:#e0efff;font-size:14px;line-height:1.7;max-width:510px}
.standards-navigation{display:flex;align-items:center;gap:10px;margin-top:32px}.standards-position{margin-right:auto;color:#93b9dd;font-size:12px;letter-spacing:.15em}
.standards-navigation button{display:grid;place-items:center;width:44px;height:44px;border:1px solid #ffffff40;border-radius:50%;background:transparent;color:#fff;font-size:20px;cursor:pointer}.standards-navigation button:hover{background:#087bff}
.standards-tab:focus-visible,.standards-panel:focus-visible,.standards-navigation button:focus-visible{outline:3px solid #31d7ff;outline-offset:3px}
.standards-orbit{position:absolute;right:-110px;top:-130px;width:380px;height:380px;z-index:-1;pointer-events:none;opacity:.35}.standards-orbit span{position:absolute;inset:0;border:1px solid #3aabff;border-radius:50%}.standards-orbit span:nth-child(2){inset:35px}.standards-orbit span:nth-child(3){inset:70px;box-shadow:0 0 90px #0676ff50}
@media(max-width:800px){.standards-grid.standards-explorer{grid-template-columns:1fr}.standards-tabs{padding:16px;gap:4px}.standards-tab{min-height:76px;padding:14px}.standards-display{padding:28px}.standards-panels{min-height:310px}}
@media(prefers-reduced-motion:reduce){.standards-tab,.standards-tab-arrow{transition:none}}

/* Single-panel automatic standards carousel. */
.standards-grid.standards-carousel{grid-template-columns:1fr}
.standards-carousel .standards-display{padding:clamp(28px,5vw,64px);min-height:430px}
.standards-carousel .standards-panels{min-height:230px}
.standards-carousel .standards-panel h3{max-width:850px}
.standards-carousel .standards-panel>p{max-width:740px}
.standards-carousel .standards-scope-detail{max-width:720px}
.standards-carousel .standards-orbit{width:520px;height:520px;top:-170px;right:-100px}
.standards-carousel .standards-navigation{gap:12px}
.standards-dots{display:flex;align-items:center;gap:8px;margin-right:auto}
.standards-carousel .standards-position{margin-right:18px}
.standards-navigation .standards-dots button{width:28px;height:28px;border:0;border-radius:50%;background:transparent;position:relative}
.standards-dots button:after{content:"";position:absolute;inset:10px;border-radius:50%;background:#ffffff50;transition:background .2s,transform .2s}
.standards-dots button[aria-pressed="true"]:after{background:#31d7ff;transform:scale(1.4)}
@media(max-width:600px){.standards-carousel .standards-display{min-height:480px}.standards-carousel .standards-panels{min-height:300px}.standards-carousel .standards-navigation{gap:6px;flex-wrap:wrap}.standards-carousel .standards-position{margin-right:4px}.standards-dots{gap:0}.standards-navigation button{width:38px;height:38px}.standards-carousel .standards-orbit{opacity:.2}}

/* Edge-to-edge standards presentation. */
.performance-standards>.container{width:100%;max-width:none}
.performance-standards-heading{width:min(1240px,calc(100% - 42px));margin-left:auto;margin-right:auto}
.performance-standards .standards-carousel{width:100%;border-radius:0;border-left:0;border-right:0;box-shadow:none}
.standards-carousel .standards-display{padding-left:max(28px,calc((100% - 1240px)/2));padding-right:max(28px,calc((100% - 1240px)/2))}
@media(max-width:600px){.standards-carousel .standards-display{padding-left:21px;padding-right:21px}}



/* Continue the product section background behind the standards heading. */
main > section.performance-standards{background:var(--light) !important}

/* Compact spacing between portfolio and standards heading. */
.product-collection{padding-bottom:0}
.performance-standards{padding-top:60px}
@media(max-width:600px){.performance-standards{padding-top:40px}}

/* Four-column footer, aligned logo and centered copyright. */
.footer-grid{grid-template-columns:1.3fr 1fr 1fr 1.3fr;gap:32px}
.footer-logo{position:relative;display:block;width:234px;max-width:100%;height:62px;overflow:hidden;margin:0 0 12px}
.footer-logo img{position:absolute;width:300px;max-width:none;height:auto !important;left:-33px;top:50%;transform:translateY(-50%)}
.copyright{text-align:center}
@media(max-width:980px){.footer-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:32px}}
@media(max-width:600px){.footer-grid{grid-template-columns:1fr}}

/* Three standards visible together on a continuous navy canvas. */
.standards-grid.standards-board{position:relative;isolation:isolate;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;width:100%;padding:56px max(24px,calc((100% - 1320px)/2));background:radial-gradient(ellipse at 90% 0%,#10508170,transparent 50%),linear-gradient(120deg,#092746,#04162f);overflow:hidden}
.standards-board:before{content:"";position:absolute;right:-110px;top:-230px;width:500px;height:500px;border:1px solid #3babff25;border-radius:50%;box-shadow:0 0 0 50px #3babff0a,0 0 0 100px #3babff08;z-index:-1;pointer-events:none}
.standards-board .standard-card{background:transparent;border:0;border-radius:0;box-shadow:none;padding:24px clamp(22px,3vw,48px);transition:background .3s;min-width:0}
.standards-board .standard-card+.standard-card{border-left:1px solid #a9d8ff30}
.standards-board .standard-card:hover{background:#ffffff05}
.standards-board .standard-number{width:52px;height:52px;border-radius:16px;border:1px solid #61c6ff60;background:linear-gradient(145deg,#2a8bca25,#ffffff04);color:#7edaff;margin-bottom:30px;box-shadow:inset 0 1px 0 #ffffff15;transition:box-shadow .3s,transform .3s}
.standards-board .standard-card:hover .standard-number{transform:translateY(-3px);box-shadow:0 0 24px #31d7ff25,inset 0 1px 0 #ffffff25}
.standards-board .standard-card h3{color:#fff;font-size:clamp(20px,1.75vw,27px);line-height:1.35;min-height:2.7em;margin-bottom:18px;letter-spacing:-.02em}
.standards-board .standard-card>p{color:#bdcfe2;font-size:15px;line-height:1.85;margin-bottom:30px}
.standards-board .standard-scope{color:#e1f2ff;border-top-color:#a9d8ff30;font-size:14px;line-height:1.75;padding-top:24px}
@media(max-width:800px){.standards-grid.standards-board{grid-template-columns:1fr;padding:24px}.standards-board .standard-card{padding:28px 8px}.standards-board .standard-card+.standard-card{border-left:0;border-top:1px solid #a9d8ff30}.standards-board .standard-card h3{min-height:0;font-size:24px}.standards-board .standard-number{margin-bottom:22px}.standards-board .standard-scope{margin-top:0}}
@media(prefers-reduced-motion:reduce){.standards-board .standard-card,.standards-board .standard-number{transition:none}.standards-board .standard-card:hover .standard-number{transform:none}}

/* Continuous navy background across the entire standards section. */
main > section.performance-standards{background:radial-gradient(ellipse at 90% 0%,#10508170,transparent 50%),linear-gradient(120deg,#092746,#04162f) !important}
.performance-standards-heading h2{color:#fff}
.performance-standards .standards-board{background:transparent;padding-top:12px;padding-bottom:0}

/* Draw the decorative rings across the complete section, without an internal cut. */
.performance-standards{overflow:hidden;isolation:isolate}
.performance-standards .standards-board:before{content:none}
.performance-standards::before{content:"";position:absolute;right:-110px;top:-30px;width:500px;height:500px;border:1px solid #3babff25;border-radius:50%;box-shadow:0 0 0 50px #3babff0a,0 0 0 100px #3babff08;pointer-events:none;z-index:0}
.performance-standards>.container{position:relative;z-index:1}

/* Keep copy to the left of the factory branding. */
.hero .hero-content{max-width:1240px}
.hero h1{max-width:min(560px,48vw);text-wrap:balance}
.hero p{max-width:min(530px,46vw)}
@media(max-width:700px){
 .hero h1,.hero p{max-width:100%}
 .hero[data-slide="0"]{background-color:#04162f !important;background-size:100% 100%,cover !important;background-position:center,72% center !important}
 .hero[data-slide="0"] .hero-content{padding-top:120px;padding-bottom:90px}
 .hero::before{height:70px;background:linear-gradient(180deg,rgba(255,255,255,0),#fff 100%)}
 .hero .hero-content{padding-top:120px;padding-bottom:90px}
 .hero{min-height:640px !important;min-height:max(640px,100svh) !important}
}

/* Deep-blue header and compact scroll navigation. */
.site-header{background:linear-gradient(110deg,#07376c,#064881 55%,#082d60);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);border-bottom-color:#8bcfff30}
.site-header.is-scrolled{background:linear-gradient(110deg,rgba(7,55,108,.76),rgba(6,60,120,.7));box-shadow:0 5px 24px #03234820}
.nav-icon{width:21px;height:21px;flex:0 0 21px;vertical-align:middle}
.site-header .menu-item>a{display:flex;align-items:center;justify-content:center;min-height:44px;border-radius:12px;transition:background .25s,padding .25s}
.site-header .menu-item>a>.nav-icon{width:0;flex-basis:0;opacity:0;transform:scale(.65);transition:width .25s,flex-basis .25s,opacity .25s,transform .25s}
.site-header .nav-label{max-width:140px;opacity:1;white-space:nowrap;overflow:hidden;transition:max-width .25s,opacity .18s}
.site-header.is-scrolled .menu-item>a{min-width:44px;padding:0 10px}
.site-header.is-scrolled .menu-item>a>.nav-icon{width:22px;flex-basis:22px;opacity:1;transform:scale(1)}
.site-header.is-scrolled .nav-label{max-width:0;opacity:0}
.site-header .menu-item>a:hover,.site-header .menu-item>a:focus-visible{background:#ffffff18;color:#82e5ff}
.site-header .menu-item>a:focus-visible{outline:2px solid #82e5ff;outline-offset:3px}
.menu-item:focus-within .dropdown-panel{display:grid}
.mobile-menu{background:linear-gradient(135deg,rgba(7,45,94,.97),rgba(5,64,119,.96));backdrop-filter:blur(18px)}
.mobile-menu a,.mobile-menu summary{display:flex;align-items:center;gap:12px}
.mobile-menu summary:after{content:'+';margin-left:auto;font-size:20px;font-weight:400}
.mobile-menu details[open]>summary:after{content:'−'}
.mobile-menu summary::-webkit-details-marker{display:none}
.mobile-menu .mobile-sub .nav-icon{width:18px;height:18px;flex-basis:18px;opacity:.8}
@media(prefers-reduced-motion:reduce){.site-header .menu-item>a,.site-header .menu-item>a>.nav-icon,.site-header .nav-label{transition:none}}

/* Company page: anchored editorial sections. */
.company-dropdown{grid-template-columns:repeat(2,minmax(0,1fr));width:min(620px,90vw)}
.mobile-company-group h4{color:#75cfff;padding:18px 14px 4px;font-size:14px}
.about-page section[id]{scroll-margin-top:92px}
.about-page .section{padding:80px 0}
.about-hero h1{font-size:clamp(36px,5vw,68px)}
.about-hero p{max-width:520px}
.about-page h2{font-size:clamp(30px,3.5vw,48px)}
.about-photo{position:relative;min-height:460px;border-radius:24px;overflow:hidden;background:#04162f}
.about-photo img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.about-page .content-stack p{font-size:17px;line-height:1.8}
.about-page .content-stack>a{justify-self:start}
main.about-page>.about-purpose,main.about-page>.about-commitment{background:var(--light)}
.about-purpose-grid{display:grid;grid-template-columns:1fr 1.1fr;gap:56px;align-items:start}
.about-vision{position:sticky;top:100px;padding:44px;background:linear-gradient(140deg,#093b67,#04162f);border-radius:24px;overflow:hidden;color:#fff}
.about-vision h2{color:#fff;position:relative;z-index:1}
.about-vision p{color:#dceafb;font-size:21px;line-height:1.8;margin-top:28px;position:relative;z-index:1}
.vision-orbit{position:absolute;right:-110px;bottom:-140px;width:330px;height:330px;border:1px solid #31d7ff40;border-radius:50%;box-shadow:0 0 0 35px #31d7ff08,0 0 0 70px #31d7ff08}
.about-mission ol{list-style:none;margin-top:24px}
.about-mission li{display:flex;gap:20px;padding:22px 0;border-bottom:1px solid #dce8f4}
.about-mission li>span{color:var(--blue);font-weight:800;font-size:13px;padding-top:4px}
.about-mission p{font-size:16px;line-height:1.8}
.about-layer-list>div{padding:20px 0;border-bottom:1px solid #dce8f4}.about-layer-list h3{font-size:21px;margin-bottom:10px}
.about-quality-intro{max-width:840px}.about-quality-intro p{font-size:18px;line-height:1.8;margin-top:22px}.about-quality-intro .about-quality-line{color:var(--blue);font-weight:700;font-size:16px}
.about-quality-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin-top:38px}
.about-quality-grid article{padding:32px;background:#fff;border:1px solid #dce8f4;border-radius:22px}
.about-quality-grid article>span{color:var(--blue);font-size:13px;font-weight:800}.about-quality-grid h3{font-size:23px;line-height:1.3;margin:22px 0 14px}.about-quality-grid p{line-height:1.8}
.about-quality-closing{margin-top:28px;font-size:16px}
.about-test-layout{display:grid;grid-template-columns:1fr 1fr;gap:44px;align-items:start}
.about-test-groups details{border-bottom:1px solid #dce8f4;padding:22px 0}.about-test-groups summary{display:flex;align-items:center;gap:18px;font-size:22px;font-weight:800;color:var(--navy);cursor:pointer;list-style:none}.about-test-groups summary>span{font-size:12px;color:var(--blue)}.about-test-groups summary:after{content:'+';margin-left:auto;color:var(--blue)}.about-test-groups details[open] summary:after{content:'−'}.about-test-groups summary::-webkit-details-marker{display:none}.about-test-groups ul{padding:18px 0 0 42px;color:var(--muted);line-height:2}.about-test-groups summary:focus-visible{outline:2px solid var(--blue);outline-offset:6px}
@media(max-width:980px){.about-purpose-grid,.about-test-layout{grid-template-columns:1fr;gap:32px}.about-vision{position:relative;top:auto}.about-quality-grid{grid-template-columns:1fr}.about-photo{min-height:360px}.about-page .section{padding:60px 0}}
@media(max-width:600px){.about-vision{padding:28px}.about-vision p{font-size:18px}.about-photo{min-height:300px}.about-test-groups summary{font-size:20px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.about-page .reveal{opacity:1;transform:none;transition:none}}

/* About page interactive refinements. */
.about-hero .container{text-align:center;max-width:1100px}.about-hero p{margin-left:auto;margin-right:auto;max-width:700px}
.about-page .about-vision{position:relative;top:auto;padding:56px;max-width:none}.about-vision p{max-width:1000px;font-size:clamp(20px,2.2vw,28px)}
.about-mission-section .about-mission{max-width:1000px;margin:auto}.about-mission-section .about-mission li{padding:26px 0}
main.about-page>.tech-lab{background:#061c36;color:#fff}.tech-lab h2{color:#fff}.tech-lab .section-head>p{color:#bfd3e9}
.tech-console{display:grid;grid-template-columns:1fr 1fr;border:1px solid #5ac6ff35;border-radius:26px;overflow:hidden;background:linear-gradient(135deg,#0b3153,#04162f)}
.tech-art{position:relative;min-height:520px;overflow:hidden}.tech-art img{position:absolute;width:100%;height:100%;object-fit:cover;opacity:.75}.tech-step{position:absolute;left:28px;bottom:24px;color:#8ce4ff;letter-spacing:.15em;font-size:12px}
.tech-reticle{position:absolute;inset:15%;pointer-events:none}.tech-reticle i{position:absolute;inset:0;border:1px solid #31d7ff55;border-radius:50%;box-shadow:0 0 20px #31d7ff10}.tech-reticle i:nth-child(2){inset:14%;border-style:dashed}.tech-reticle i:nth-child(3){inset:28%}
.tech-controls{padding:36px;align-self:center}.tech-tabs{display:grid;gap:8px}.tech-tabs button{display:flex;align-items:center;gap:18px;text-align:left;border:1px solid #ffffff20;border-radius:12px;background:transparent;color:#80d5ff;padding:16px;font:inherit;font-size:12px;cursor:pointer}.tech-tabs button span{font-size:16px;font-weight:700;color:#d8eafa}.tech-tabs button[aria-selected="true"]{background:#087bff25;border-color:#31d7ff80}.tech-panel{padding-top:30px;min-height:190px}.tech-panel h3{font-size:26px;color:#fff;margin-bottom:16px}.tech-panel p{color:#bfd3e9;line-height:1.8}.tech-tabs button:focus-visible,.tech-panel:focus-visible{outline:2px solid #31d7ff;outline-offset:3px}
.quality-interactive article{position:relative;overflow:hidden;transition:transform .25s,border-color .25s,box-shadow .25s;background:radial-gradient(circle at var(--mx,50%) var(--my,0%),#e4f4ff,transparent 65%),#fff}
.quality-interactive article:hover,.quality-interactive article:focus-within{transform:translateY(-5px);border-color:#67b6ff;box-shadow:0 20px 48px #0676ff18}
.quality-interactive details{margin-top:24px;border-top:1px solid #dce8f4;padding-top:18px}.quality-interactive summary{list-style:none;cursor:pointer;color:#0676df;font-size:14px;font-weight:750;display:flex;justify-content:space-between;gap:12px}.quality-interactive summary:after{content:'+'}.quality-interactive details[open] summary:after{content:'−'}.quality-interactive summary::-webkit-details-marker{display:none}.quality-interactive summary:focus-visible{outline:2px solid #087bff;outline-offset:4px}.quality-interactive ul{list-style:none;display:grid;gap:8px;margin-top:18px}.quality-interactive li{padding:9px 12px;border-radius:8px;background:#edf6ff;font-size:14px;color:#22496e}
.testing-scroll{display:grid;grid-template-columns:1fr 1fr;gap:0;align-items:start}.testing-visual{position:sticky;top:88px;min-height:420px;height:calc(100svh - 120px);max-height:720px;border-radius:24px;overflow:hidden;background:#061c36}.testing-visual>img{width:100%;height:100%;position:absolute;object-fit:cover}.testing-overlay{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:flex-end;padding:34px;background:linear-gradient(180deg,transparent 30%,#04162fee)}.testing-count{font-size:13px;color:#74d6ff;letter-spacing:.18em;margin-bottom:18px}.testing-active-name{color:#fff;font-size:clamp(26px,3vw,44px)}.testing-progress{height:3px;background:#31d7ff;width:100%;margin-top:26px;transform-origin:left;transform:scaleX(.25);transition:transform .4s}
.testing-chapter{min-height:65vh;padding:60px clamp(24px,4vw,64px);display:flex;flex-direction:column;justify-content:center;border-bottom:1px solid #dce8f4;opacity:.4;transition:opacity .4s}.testing-chapter.is-active{opacity:1}.testing-chapter-number{color:#087bff;font-size:13px;font-weight:800;margin-bottom:20px}.testing-chapter h3{font-size:clamp(28px,3vw,42px);margin-bottom:24px}.testing-chapter ul{list-style:none;display:grid;gap:12px;color:#4f6982}.testing-chapter li{border-left:2px solid #31b7ff;padding-left:16px}
@media(max-width:800px){.tech-console{grid-template-columns:1fr}.tech-art{min-height:320px}.tech-controls{padding:24px}.about-page .about-vision{padding:32px}.testing-scroll{display:block}.testing-visual{top:60px;height:32svh;min-height:220px;max-height:320px;z-index:2;border-radius:18px}.testing-overlay{padding:22px}.testing-chapter{min-height:62vh;padding:42px 24px}.testing-active-name{font-size:26px}}
@media(prefers-reduced-motion:reduce){.quality-interactive article,.testing-chapter,.testing-progress{transition:none}.quality-interactive article:hover,.quality-interactive article:focus-within{transform:none}.testing-chapter{opacity:1}}

/* Independent neutral glass cards and full-width vision. */
.about-quality-grid.quality-interactive{align-items:start}
main.about-page>.about-commitment{background:radial-gradient(ellipse at 15% 25%,#fff,transparent 55%),linear-gradient(130deg,#f0f1f3,#fafafa 55%,#e9ebee)}
.quality-interactive article{align-self:start;background:radial-gradient(circle at var(--mx,50%) var(--my,0%),#ffffffb3,transparent 70%),#ffffff59;border-color:#ffffffd9;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);box-shadow:0 12px 36px #1520320c,inset 0 1px 0 #fff}
.quality-interactive article:hover,.quality-interactive article:focus-within{border-color:#fff;box-shadow:0 18px 42px #15203216}
.quality-interactive li{background:#ffffff80;color:#405063;border:1px solid #ffffffb3}
.quality-interactive details{border-top-color:#25364d18}
.about-page #vision>.container{width:100%;max-width:none}
.about-page #vision{padding:0}
.about-page #vision .about-vision{border-radius:0;padding:64px max(24px,calc((100% - 1240px)/2))}
.about-page #vision .about-vision p{font-size:18px;line-height:1.8;max-width:1000px;margin-top:22px}
@media(max-width:600px){.about-page #vision .about-vision{padding:44px 21px}.about-page #vision .about-vision p{font-size:16px}}

/* Scroll-driven horizontal testing chapters. */
.testing-scroll.testing-horizontal{display:block;position:relative;height:280vh;height:280svh}
.testing-pin{position:sticky;top:88px;display:grid;grid-template-columns:1fr 1fr;align-items:stretch;height:calc(100vh - 112px);height:calc(100svh - 112px);max-height:720px;min-height:400px}
.testing-horizontal .testing-visual{position:relative;top:auto;height:100%;min-height:0;max-height:none}
.testing-viewport{overflow:hidden;min-width:0}
.testing-horizontal .testing-chapters{display:flex;height:100%;will-change:transform}
.testing-horizontal .testing-chapter{flex:0 0 100%;min-width:0;min-height:0;height:100%;border-bottom:0;padding:32px clamp(24px,4vw,64px);opacity:1}
@media(max-width:800px){.testing-pin{top:64px;height:calc(100svh - 80px);max-height:760px;min-height:420px;grid-template-columns:1fr;grid-template-rows:38% 62%}.testing-horizontal .testing-visual{height:100%;min-height:0}.testing-horizontal .testing-chapter{padding:24px}.testing-horizontal .testing-chapter h3{font-size:28px;margin-bottom:20px}.testing-horizontal .testing-chapter-number{margin-bottom:12px}}
@media(max-height:520px) and (min-width:801px){.testing-pin{min-height:300px}.testing-horizontal .testing-chapter{padding:20px}.testing-horizontal .testing-chapter h3{font-size:26px;margin-bottom:14px}}

/* Quiet pop-in icons without collapsing the menu layout. */
.site-header .menu-item>a{position:relative;min-width:44px;padding:0 10px}
.site-header .menu-item>a>.nav-icon{position:absolute;left:50%;top:50%;width:22px;flex-basis:22px;opacity:0;transform:translate(-50%,-35%) scale(.88);transition:opacity .18s ease,transform .28s cubic-bezier(.2,.7,.25,1)}
.site-header .nav-label{max-width:none;opacity:1;transform:translateY(0);transition:opacity .16s ease,transform .22s ease}
.site-header.is-scrolled .nav-label{max-width:none;opacity:0;transform:translateY(-5px)}
.site-header.is-scrolled .menu-item>a>.nav-icon{transform:translate(-50%,-50%) scale(1);opacity:1;animation:nav-icon-pop .32s cubic-bezier(.2,.7,.25,1) both}
@keyframes nav-icon-pop{from{opacity:0;transform:translate(-50%,-30%) scale(.86)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}
@media(prefers-reduced-motion:reduce){.site-header.is-scrolled .menu-item>a>.nav-icon{animation:none}.site-header .menu-item>a>.nav-icon,.site-header .nav-label{transition:none}}

/* Align Vision and Mission within the same content width. */
.about-page #vision .about-vision{padding-left:max(21px,calc((100% - 1240px)/2));padding-right:max(21px,calc((100% - 1240px)/2))}
.about-page .about-mission-section .about-mission{max-width:none;margin:0}
.about-profile .about-photo img{object-position:58% center}

/* Soft staggered slide-in for the compact menu. */
.site-header.is-scrolled .menu-item>a>.nav-icon{animation:menu-icon-glide .4s cubic-bezier(.2,.7,.2,1) both}
.site-header.is-scrolled .menu-item:nth-child(2)>a>.nav-icon{animation-delay:35ms}
.site-header.is-scrolled .menu-item:nth-child(3)>a>.nav-icon{animation-delay:70ms}
.site-header.is-scrolled .menu-item:nth-child(4)>a>.nav-icon{animation-delay:105ms}
.site-header.is-scrolled .menu-item:nth-child(5)>a>.nav-icon{animation-delay:140ms}
@keyframes menu-icon-glide{from{opacity:0;transform:translate(-50%,-10%);filter:blur(3px)}to{opacity:1;transform:translate(-50%,-50%);filter:blur(0)}}

/* Desktop menu labels remain available in both header states. */
.site-header .menu-item>a{display:flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:0 10px}
.site-header .menu-item>a>.nav-icon{position:static;width:18px;flex:0 0 18px;opacity:1;transform:none;animation:none}
.site-header .nav-label{max-width:none;opacity:1;transform:none;font-size:14px;line-height:1;white-space:nowrap}
.site-header.is-scrolled .menu-item>a{min-width:54px;min-height:52px;padding:5px 8px;flex-direction:column;gap:3px}
.site-header.is-scrolled .menu-item>a>.nav-icon{width:17px;flex-basis:17px;opacity:1;transform:none;animation:menu-label-rise .35s cubic-bezier(.2,.7,.25,1) both}
.site-header.is-scrolled .nav-label{max-width:none;opacity:1;transform:none;font-size:10px;line-height:1}
@keyframes menu-label-rise{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}
@media(prefers-reduced-motion:reduce){.site-header .menu-item>a>.nav-icon{animation:none}}
.vision-orbit{border:0;box-shadow:none;overflow:visible}
.vision-orbit span{position:absolute;inset:0;border:1px solid #31d7ff40;border-radius:50%;opacity:0;transform:translateX(90px) scale(.85)}
.vision-orbit span:nth-child(2){inset:-35px;background:#31d7ff04}
.vision-orbit span:nth-child(3){inset:-70px;background:#31d7ff03}
.about-vision.vision-in-view .vision-orbit span{animation:vision-ring-enter 1s cubic-bezier(.18,.8,.25,1) both}
.about-vision.vision-in-view .vision-orbit span:nth-child(2){animation-delay:100ms}
.about-vision.vision-in-view .vision-orbit span:nth-child(3){animation-delay:200ms}
@keyframes vision-ring-enter{to{opacity:1;transform:translateX(0) scale(1)}}
@media(prefers-reduced-motion:reduce){.site-header.is-scrolled .menu-item>a>.nav-icon,.about-vision.vision-in-view .vision-orbit span{animation:none}.vision-orbit span{opacity:1;transform:none}}

/* Shared title case, including dynamically rendered headings. */
h1,h2,h3,h4,h5,h6,.scroll-product-caption,.testing-active-name{text-transform:capitalize}
.about-vision.vision-in-view .vision-orbit span{animation-duration:2.6s}
.about-vision.vision-in-view .vision-orbit span:nth-child(2){animation-delay:.4s}
.about-vision.vision-in-view .vision-orbit span:nth-child(3){animation-delay:.8s}
main.about-page>#vision,main.about-page>.about-mission-section{background:#082c50}
.about-page #vision .about-vision{background:transparent}
.about-mission-section h2{color:#fff}.about-mission-section .about-mission p{color:#d2e2f2}.about-mission-section .about-mission li{border-color:#ffffff20}.about-mission-section .about-mission li>span{color:#74d7ff}
/* Expanding quality panels, controlled by keyboard or click. */
.about-quality-grid.quality-deck{display:flex;gap:18px;align-items:stretch}
.quality-deck .quality-tile{flex:1;min-width:0;border:1px solid #ffffffc9;border-radius:24px;background:linear-gradient(145deg,#ffffffd9,#ffffff66);box-shadow:0 12px 40px #1520320a;overflow:hidden;transition:flex .5s cubic-bezier(.2,.7,.25,1),background .3s;backdrop-filter:blur(20px)}
.quality-deck .quality-tile.active{flex:1.85;background:linear-gradient(145deg,#fff,#f2f4f7)}
.quality-tile button{display:flex;flex-direction:column;gap:28px;width:100%;min-height:210px;padding:28px;border:0;background:none;text-align:left;color:#08233f;cursor:pointer;font:inherit}
.quality-tile button>span:first-child{display:flex;width:100%;justify-content:space-between;font-size:13px;color:#63758a}
.quality-tile button strong{font-size:clamp(20px,2vw,27px);line-height:1.25;text-transform:capitalize}
.quality-tile button:focus-visible{outline:3px solid #087bff;outline-offset:-5px}
.quality-tile .quality-detail{padding:0 28px 28px}.quality-detail p{line-height:1.8;font-size:15px}
.quality-detail ul{list-style:none;margin-top:22px;display:grid;gap:10px}.quality-detail li{padding:10px 0;border-top:1px solid #172d4515;font-size:14px;color:#364f66}.quality-detail li:before{content:'↗';margin-right:12px;color:#087bff}
@media(max-width:800px){.about-quality-grid.quality-deck{display:block}.quality-tile{margin-bottom:16px}.quality-tile button{min-height:0;gap:16px;padding:24px}.quality-tile .quality-detail{padding:0 24px 24px}}
@media(prefers-reduced-motion:reduce){.quality-deck .quality-tile{transition:none}.about-vision.vision-in-view .vision-orbit span{animation:none}}

/* Vision rings descend from above. */
.vision-orbit span{transform:translateY(-180px);opacity:0}
@keyframes vision-ring-enter{from{opacity:0;transform:translateY(-180px)}to{opacity:1;transform:translateY(0)}}
@media(prefers-reduced-motion:reduce){.vision-orbit span{opacity:1;transform:none}}

/* Keep all Vision rings inside the section after their entrance. */
.about-vision .vision-orbit{width:clamp(120px,15vw,210px);height:auto;aspect-ratio:1;right:80px;top:50%;bottom:auto;transform:translateY(-50%)}
.about-vision .vision-orbit span:nth-child(2){inset:-24px}
.about-vision .vision-orbit span:nth-child(3){inset:-48px}
.about-page #vision .about-vision{min-height:340px}
@media(max-width:600px){.about-vision .vision-orbit{width:120px;right:54px;top:auto;bottom:52px;transform:none}.about-page #vision .about-vision{padding-bottom:280px}}

/* Half rings at the right edge, with clear top and bottom margins. */
.about-vision .vision-orbit{width:clamp(160px,18vw,240px);right:clamp(-120px,-9vw,-80px);top:50%;bottom:auto;transform:translateY(-50%)}
.about-page #vision .about-vision{min-height:380px}
@media(max-width:600px){.about-vision .vision-orbit{width:160px;right:-80px;top:50%;bottom:auto;transform:translateY(-50%)}.about-page #vision .about-vision{padding-bottom:44px;min-height:340px}}

/* Tighter Vision/Mission spacing, with a smaller right-edge half-ring. */
.about-page #vision .about-vision{min-height:0;padding-top:52px;padding-bottom:28px}
.about-page .about-mission-section{padding-top:32px}
.about-vision .vision-orbit{width:110px;right:-55px}
.about-vision .vision-orbit span:nth-child(2){inset:-16px}.about-vision .vision-orbit span:nth-child(3){inset:-32px}
.quality-open{align-items:stretch;gap:0;border:1px solid #ffffffc9;border-radius:24px;overflow:hidden;background:linear-gradient(135deg,#ffffffb3,#ffffff55);backdrop-filter:blur(18px);box-shadow:0 16px 42px #15203208}
.about-quality-grid.quality-open article{position:relative;border:0;border-radius:0;background:transparent;padding:34px;box-shadow:none;transition:background .3s}
.quality-open article+article{border-left:1px solid #24374d18}
.quality-open article:hover{background:#ffffff9c}
.quality-open .quality-open-number{display:grid;place-items:center;width:42px;height:42px;border:1px solid #50677f30;border-radius:12px;color:#526c86;font-size:12px;transition:transform .3s}
.quality-open article:hover .quality-open-number{transform:translateY(-3px)}
.quality-open h3{font-size:23px;line-height:1.3;margin:24px 0 16px}.quality-open p{font-size:16px;line-height:1.8}
@media(max-width:980px){.quality-open article+article{border-left:0;border-top:1px solid #24374d18}}
@media(max-width:600px){.about-page #vision .about-vision{padding-top:40px;padding-bottom:24px}.about-page .about-mission-section{padding-top:24px}}
@media(prefers-reduced-motion:reduce){.quality-open article,.quality-open .quality-open-number{transition:none}.quality-open article:hover .quality-open-number{transform:none}}

/* Broad shaded Vision rings entering from the right. */
.about-vision .vision-orbit{width:500px;height:500px;right:-250px;top:50%;bottom:auto;transform:translateY(-50%)}
.about-vision .vision-orbit span{inset:0;border:1px solid #3babff25;background:#3babff04;transform:translateX(160px);opacity:0}
.about-vision .vision-orbit span:nth-child(2){inset:-50px;background:#3babff0a}
.about-vision .vision-orbit span:nth-child(3){inset:-100px;background:#3babff08}
@keyframes vision-ring-enter{from{opacity:0;transform:translateX(160px)}to{opacity:1;transform:translateX(0)}}
@media(max-width:600px){.about-vision .vision-orbit{width:380px;height:380px;right:-230px}}
@media(prefers-reduced-motion:reduce){.about-vision .vision-orbit span{transform:none;opacity:1}}

/* One continuous Vision and Mission section. */
.about-page .purpose-unified{position:relative;isolation:isolate;overflow:hidden;background:#082c50}
.purpose-unified>.container,.purpose-unified>.about-mission-section{position:relative;z-index:1}
.purpose-unified .about-vision{overflow:visible}
.purpose-unified .about-mission-section{padding:32px 0 70px}
.purpose-unified>.vision-orbit{position:absolute;width:500px;height:500px;right:-250px;top:0;bottom:auto;transform:none;z-index:0;pointer-events:none}
.purpose-unified>.vision-orbit span{inset:0;border:1px solid #3babff25;background:#3babff04;transform:translateX(160px);opacity:0}
.purpose-unified>.vision-orbit span:nth-child(2){inset:-50px;background:#3babff0a}
.purpose-unified>.vision-orbit span:nth-child(3){inset:-100px;background:#3babff08}
.purpose-unified.vision-in-view>.vision-orbit span{animation:vision-ring-enter 2.6s cubic-bezier(.18,.8,.25,1) both}
.purpose-unified.vision-in-view>.vision-orbit span:nth-child(2){animation-delay:.4s}
.purpose-unified.vision-in-view>.vision-orbit span:nth-child(3){animation-delay:.8s}
.purpose-unified #mission{scroll-margin-top:92px}
@media(max-width:600px){.purpose-unified>.vision-orbit{width:380px;height:380px;right:-230px;top:80px}.purpose-unified .about-mission-section{padding:24px 0 48px}}
@media(prefers-reduced-motion:reduce){.purpose-unified.vision-in-view>.vision-orbit span{animation:none;opacity:1;transform:none}}

/* Subtle hover for mission statements. */
.purpose-unified .about-mission li{transition:background-color .25s ease,opacity .9s ease,transform .9s ease}
.purpose-unified .about-mission li:hover{background-color:rgba(255,255,255,.045)}
@media(prefers-reduced-motion:reduce){.purpose-unified .about-mission li{transition:none}}

.products-hero h1{font-size:clamp(34px,4.5vw,60px)}
.products-page .product-collection{padding-bottom:80px}
@media(max-width:600px){.products-page .product-collection{padding-bottom:50px}}

/* Filterable product catalog, exclusive to the Products page. */
.products-page .product-collection>.container{width:min(1320px,calc(100% - 42px));max-width:1320px}
.products-page .product-collection .section-head{width:100%}
.catalog-toolbar{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:30px;flex-wrap:wrap}.catalog-filters{display:flex;gap:8px;flex-wrap:wrap}.catalog-filters button{padding:11px 20px;border:1px solid #cdddea;border-radius:999px;background:transparent;color:#294a6a;font:inherit;font-size:14px;font-weight:700;cursor:pointer}.catalog-filters button[aria-pressed="true"]{background:#082c50;border-color:#082c50;color:white}.catalog-filters button:hover{border-color:#087bff}.catalog-filters button:focus-visible{outline:3px solid #087bff;outline-offset:3px}.catalog-count{color:#63758a;font-size:13px}
.products.product-catalog{grid-template-columns:repeat(3,minmax(0,1fr)) !important;gap:26px !important}
.products.product-catalog .product-card{border-radius:22px !important;background:#fff;box-shadow:0 8px 28px #04162f08 !important;transition:transform .3s,box-shadow .3s;border:1px solid #dce8f4 !important}
.products.product-catalog .product-card:hover{transform:translateY(-7px);box-shadow:0 24px 45px #04162f18 !important}
.products.product-catalog .product-card .product-photo{position:relative;aspect-ratio:1.3;overflow:hidden}
.products.product-catalog .product-photo img{transition:transform .65s}.products.product-catalog .product-card:hover img{transform:scale(1.06)}
.catalog-category{position:absolute;top:18px;left:18px;padding:7px 12px;border:1px solid #ffffff55;border-radius:999px;background:#061c3699;backdrop-filter:blur(12px);color:white;font-size:11px;font-weight:700;letter-spacing:.04em}
.products.product-catalog .product-body{padding:26px !important}
.products.product-catalog .product-body h3{font-size:22px}.products.product-catalog .text-link{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #e3ebf4;padding-top:18px;width:100%;font-size:14px}
.products.product-catalog .product-card[hidden]{display:none !important}
@media(max-width:1000px){.products.product-catalog{grid-template-columns:repeat(2,minmax(0,1fr)) !important}}
@media(max-width:600px){.products.product-catalog{grid-template-columns:1fr !important}.catalog-filters button{padding:9px 14px;font-size:13px}}
@media(prefers-reduced-motion:reduce){.products.product-catalog .product-card,.products.product-catalog .product-photo img{transition:none}.products.product-catalog .product-card:hover,.products.product-catalog .product-card:hover img{transform:none}}

/* Editorial product spread without individual cards. */
.products-page .product-collection>.container{width:100%;max-width:none}
.products-page .product-collection .section-head{width:min(1240px,calc(100% - 42px));margin-left:auto;margin-right:auto}
.editorial-catalog{display:grid;grid-template-columns:1.15fr 1fr;background:#061d36;color:#fff}
.editorial-stage{position:relative;min-height:700px;overflow:hidden;isolation:isolate}.editorial-stage>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2}.editorial-shade{position:absolute;inset:0;background:linear-gradient(180deg,transparent 15%,#04162fe8 100%);z-index:-1}
.editorial-caption{position:absolute;bottom:0;left:0;right:0;padding:clamp(24px,4vw,64px)}.editorial-caption h3{color:#fff;font-size:clamp(28px,3vw,44px);line-height:1.12;margin:18px 0}.editorial-caption p{color:#d7e4f1;max-width:500px;margin-bottom:26px}.editorial-category{color:#82dfff;font-size:13px}.editorial-caption .scroll-product-link:not(:hover):not(:focus-visible){color:#fff;border-color:#ffffff80}.editorial-caption .scroll-product-link:not(:hover):not(:focus-visible) .product-button-arrow{color:#fff;border-color:#ffffff80}
.editorial-index{padding:36px clamp(24px,4vw,60px);display:flex;flex-direction:column}.editorial-filters{display:flex;flex-wrap:wrap;gap:18px;margin-bottom:28px}.editorial-filters button{background:none;border:0;border-bottom:2px solid transparent;padding:10px 0;color:#9eb7cf;font:inherit;font-size:13px;cursor:pointer}.editorial-filters button[aria-pressed="true"]{color:#7eddff;border-bottom-color:#31d7ff}
.editorial-rows{display:grid}.editorial-rows button{display:flex;align-items:center;gap:18px;min-height:80px;padding:22px 0;border:0;border-bottom:1px solid #ffffff20;background:transparent;color:#8da7c2;text-align:left;font:inherit;cursor:pointer;transition:color .25s,padding .25s}.editorial-rows button>span:first-child{font-size:11px}.editorial-rows strong{flex:1;font-size:clamp(17px,1.7vw,24px);line-height:1.3;font-weight:700}.editorial-rows button[aria-pressed="true"],.editorial-rows button:hover{color:#fff;padding-left:12px}.editorial-rows button[hidden]{display:none}
.editorial-navigation{display:flex;gap:10px;align-items:center;margin-top:auto;padding-top:28px}.editorial-navigation>span{margin-right:auto;color:#98b6d1;font-size:12px;letter-spacing:.14em}.editorial-navigation button{width:44px;height:44px;border:1px solid #ffffff40;background:none;border-radius:50%;color:#fff;font-size:22px;cursor:pointer}.editorial-navigation button:hover{background:#087bff}.editorial-catalog button:focus-visible{outline:2px solid #31d7ff;outline-offset:4px}
@media(max-width:800px){.editorial-catalog{grid-template-columns:1fr}.editorial-stage{min-height:550px}.editorial-index{padding:28px 22px}.editorial-rows button{min-height:68px}.editorial-rows strong{font-size:18px}}
@media(prefers-reduced-motion:reduce){.editorial-rows button{transition:none}}

/* Looser, staggered catalog composition. */
.products-page .product-collection>.container{width:min(1320px,calc(100% - 42px));max-width:1320px}
.products-page .product-collection .section-head{width:100%}
.products.product-catalog.staggered-catalog{align-items:start;row-gap:38px !important;padding-bottom:76px !important}
.products.product-catalog.staggered-catalog .product-card{align-self:start}
.products.product-catalog.staggered-catalog .product-card[data-slot="0"]{margin-top:0}
.products.product-catalog.staggered-catalog .product-card[data-slot="1"]{margin-top:64px}
.products.product-catalog.staggered-catalog .product-card[data-slot="2"]{margin-top:24px}
.products.product-catalog.staggered-catalog .product-card[data-slot="0"] .product-photo{aspect-ratio:1.08}
.products.product-catalog.staggered-catalog .product-card[data-slot="1"] .product-photo{aspect-ratio:1.4}
.products.product-catalog.staggered-catalog .product-card[data-slot="2"] .product-photo{aspect-ratio:1.2}
@media(min-width:601px) and (max-width:1000px){.products.product-catalog.staggered-catalog .product-card[data-slot]{margin-top:0}.products.product-catalog.staggered-catalog .product-card:nth-child(even){margin-top:36px}}
@media(max-width:600px){.products.product-catalog.staggered-catalog .product-card[data-slot]{margin-top:0}.products.product-catalog.staggered-catalog{padding-bottom:0 !important;row-gap:24px !important}}

/* Keep the factory sign to the right of the About heading. */
.about-hero{background-position:center,right center !important}

/* Product descriptions and features supplied in the product document. */
.product-details .split{align-items:start}
.product-details .product-feature-list{list-style:none;padding:0;margin:0;gap:10px}
.product-details .feature-item{padding:14px 18px;align-items:flex-start}
.product-details .feature-item p{font-size:16px;line-height:1.6;margin:0}
.product-details .content-stack h3{margin:8px 0 0}

.product-details .feature-item .check{border-radius:50%}

/* Subtle hover feedback for product key features. */
.product-details .product-feature-list .feature-item{transition:background-color .25s ease,border-color .25s ease}
@media (hover:hover){
 .product-details .product-feature-list .feature-item:hover{background-color:#edf5ff;border-color:#a9ceff}
}
@media (prefers-reduced-motion:reduce){
 .product-details .product-feature-list .feature-item{transition:none}
}
/* A shared responsive cover size for inner pages. The homepage remains full-screen. */
:root{--page-cover-height:600px}
.page-hero{
 box-sizing:border-box;
 width:100%;
 height:var(--page-cover-height) !important;
 min-height:var(--page-cover-height) !important;
 display:flex;
 align-items:center;
 padding:96px 0 48px;
}
.hero{
 box-sizing:border-box;
 width:100%;
 height:100vh !important;
 min-height:100svh !important;
 display:flex;
 align-items:center;
 padding:0;
}
.page-hero h1{font-size:clamp(30px,4.2vw,60px);line-height:1.12;overflow-wrap:break-word}
.page-hero p{font-size:clamp(15px,1.5vw,20px);line-height:1.65;margin:20px 0 26px}
@media(max-width:700px){
 :root{--page-cover-height:560px}
 .page-hero{padding:92px 0 44px}
 .hero{height:100svh !important;min-height:100svh !important;padding:0}
 .hero h1,.page-hero h1{font-size:clamp(28px,7.5vw,40px)}
 .hero .hero-dots{margin-top:24px}
}
/* Product heading hierarchy: cable title > overview > features. */
.product-details .content-stack h2{font-size:clamp(26px,3.2vw,38px);line-height:1.2}
.product-details .content-stack h3{font-size:clamp(21px,2.2vw,24px);line-height:1.3}
@media(max-width:700px){
 .product-details .content-stack h2{font-size:clamp(25px,6vw,32px)}
 .product-details .content-stack h3{font-size:22px}
}
/* Editorial cards for the News & Blogs page. */
.news-editorial{padding:72px 0 80px;background:var(--light)}
.news-editorial .section-head{margin-bottom:32px}
.news-editorial .section-head h2{font-size:clamp(28px,3vw,40px)}
.news-editorial-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}
.news-story{min-width:0;background:#fff;border:1px solid #dce6f0;border-radius:18px;overflow:hidden;transition:box-shadow .25s ease,border-color .25s ease}
.news-story-link{display:flex;flex-direction:column;height:100%;color:inherit;text-decoration:none}
.news-story-photo{aspect-ratio:16/10;overflow:hidden;background:#082c50}
.news-story-photo img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .45s ease}
.news-story-body{display:flex;flex-direction:column;align-items:flex-start;flex:1;padding:28px}
.news-story-category{font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:#006edb;margin-bottom:14px}
.news-story h3{font-size:clamp(22px,2vw,27px);line-height:1.25;letter-spacing:-.025em;margin:0 0 14px}
.news-story p{font-size:15px;line-height:1.75;margin:0 0 28px;color:#647890}
.news-story-more{display:flex;justify-content:space-between;align-items:center;width:100%;margin-top:auto;padding-top:20px;border-top:1px solid #e1e9f2;font-size:14px;font-weight:700;color:#006edb}
.news-story-more span{font-size:22px}
.news-story:hover,.news-story:focus-within{border-color:#a2c8ed;box-shadow:0 16px 40px #082c5010}
.news-story:hover .news-story-photo img{transform:scale(1.045)}
.news-story-link:focus-visible{outline:3px solid #007bff;outline-offset:-3px}
@media(max-width:980px){.news-editorial-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.news-editorial{padding:48px 0}.news-editorial-grid{grid-template-columns:1fr;gap:24px}.news-story-body{padding:24px}}
@media(prefers-reduced-motion:reduce){.news-story,.news-story-photo img{transition:none}.news-story:hover .news-story-photo img{transform:none}}
/* Align inner-page cover titles with their supporting copy. */
.page-hero .container{text-align:left;max-width:820px}
.page-hero h1,.page-hero p{margin-left:0;margin-right:0;text-align:left}

/* Contact cover keeps the supplied connectivity artwork visible while preserving readable copy. */
.page-hero.contact-hero{background:linear-gradient(90deg,rgba(3,29,70,.92) 0%,rgba(3,29,70,.66) 37%,rgba(3,29,70,.12) 66%,rgba(3,29,70,0) 100%),var(--hero-bg) center/cover no-repeat}
.page-hero.contact-hero::after{background:linear-gradient(180deg,rgba(3,29,70,.1),rgba(3,29,70,.35))}
/* News publication metadata and readable article layout. */
.news-date{display:block;font-size:13px;color:#667c94;margin:0 0 16px}
.news-story-body .news-story-category{margin-bottom:6px}
.news-article{padding:64px 0 80px;background:#fff}
.news-article .container{max-width:1000px}
.news-back{display:inline-block;color:#006edb;font-size:14px;font-weight:600;margin-bottom:32px}
.news-article-heading{max-width:780px;margin:0 auto 32px}
.news-article-heading h2{font-size:clamp(28px,3.3vw,44px);line-height:1.22;letter-spacing:-.025em}
.news-article-heading .news-story-category{display:block;margin-bottom:8px}
.news-article-photo{max-width:780px;margin:0 auto 36px;border-radius:16px;overflow:hidden}
.news-article-photo img{display:block;width:100%;height:auto}
.news-article-copy{max-width:780px;margin:0 auto}
.news-article-copy p{font-size:17px;line-height:1.9;margin:0 0 24px;color:#41566e}
@media(max-width:600px){.news-article{padding:40px 0 48px}.news-article-copy p{font-size:16px;line-height:1.8}.news-article-photo{border-radius:10px}}
/* Compact news previews with consistent dimensions. */
.news-editorial-grid{grid-template-columns:repeat(3,minmax(0,1fr));align-items:start}
.news-story{height:460px}
.news-story-photo{height:190px;aspect-ratio:auto;flex:0 0 190px}
.news-story-body{padding:20px;min-height:0;overflow:hidden}
.news-story h3{font-size:21px;line-height:1.3;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;margin-bottom:12px}
.news-story p{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;line-height:1.6;font-size:14px;margin-bottom:16px}
.news-story .news-date{font-size:12px;margin-bottom:10px}
.news-story .news-story-more{padding-top:12px}
.contact-link{color:inherit;text-decoration:none}
.contact-link:hover{text-decoration:underline;text-underline-offset:4px}
.contact-link:focus-visible{outline:2px solid #168cff;outline-offset:4px}
@media(max-width:980px){.news-editorial-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.news-editorial-grid{grid-template-columns:1fr}.news-story{height:460px}}

/* Keep the original news-card layout while reserving enough room for the full headline. */
.news-editorial-grid:has(.news-story:only-child){grid-template-columns:repeat(3,minmax(0,1fr))}
.news-editorial-grid:has(.news-story:only-child) .news-story{height:480px}
.news-editorial-grid:has(.news-story:only-child) .news-story-link{flex-direction:column}
.news-editorial-grid:has(.news-story:only-child) .news-story-photo{width:100%;height:190px;flex:0 0 190px}
.news-editorial-grid:has(.news-story:only-child) .news-story-body{padding:20px}
.news-editorial-grid:has(.news-story:only-child) .news-story h3{font-size:21px;-webkit-line-clamp:unset;overflow:visible}
.news-editorial-grid:has(.news-story:only-child) .news-story p{-webkit-line-clamp:2}
@media(max-width:700px){
 .news-editorial-grid:has(.news-story:only-child){grid-template-columns:1fr}
 .news-editorial-grid:has(.news-story:only-child) .news-story{height:480px}
 .news-editorial-grid:has(.news-story:only-child) .news-story-link{flex-direction:column}
 .news-editorial-grid:has(.news-story:only-child) .news-story-photo{width:100%;height:210px;flex-basis:210px}
 .news-editorial-grid:has(.news-story:only-child) .news-story h3{font-size:21px}
}