/* P&L SEMI v7.0 — single, maintainable premium design layer */
:root{
  --v7-navy-950:#020b19;
  --v7-navy-900:#061427;
  --v7-navy-850:#081a31;
  --v7-navy-800:#0b2342;
  --v7-blue:#1976f3;
  --v7-cyan:#35b8ff;
  --v7-ink:#071426;
  --v7-text:#40516a;
  --v7-line:#dbe4ef;
  --v7-surface:#f5f8fc;
  --v7-white:#fff;
  --v7-radius:18px;
  --v7-shadow:0 24px 70px rgba(4,24,52,.11);
  --v7-ease:cubic-bezier(.2,.7,.2,1);
}

/* Accessibility and interaction polish */
body{
  text-rendering:optimizeLegibility;
  -webkit-font-smoothing:antialiased;
}
img{
  height:auto;
}
.site-header.scrolled{
  box-shadow:0 10px 34px rgba(4,24,52,.09);
}
@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{
    animation-duration:.01ms!important;
    animation-iteration-count:1!important;
    transition-duration:.01ms!important;
  }
}

/* v7.17 — compact, aligned company footer */
.site-footer{
  padding:58px max(28px,5.5vw) 56px;
}
.site-footer .footer-top{
  display:grid;
  grid-template-columns:240px minmax(0,1fr);
  gap:48px;
  align-items:center;
  max-width:1380px;
  margin:0 auto;
}
.site-footer .footer-brand img{
  width:205px;
}
.site-footer .footer-brand p{
  margin:8px 0 0!important;
  font-size:10px;
  line-height:1.3!important;
  letter-spacing:.02em;
}
.site-footer .footer-info{
  display:grid;
  grid-template-columns:1fr;
  align-items:center;
  gap:6px;
  min-width:0;
}
.site-footer .footer-info p,
.site-footer .footer-info span,
.site-footer .footer-info a{
  margin:0!important;
}
.site-footer .footer-address-row,
.site-footer .footer-meta-row{
  display:flex;
  align-items:center;
  min-width:0;
  margin:0!important;
  line-height:1.45!important;
}
.site-footer .footer-address-row{
  gap:7px;
  color:rgba(232,240,252,.76);
  font-size:17px;
}
.site-footer .footer-info-key{
  flex:0 0 auto;
  color:#65b5ff!important;
  font-size:10px;
  font-weight:800;
  letter-spacing:.09em;
}
.site-footer .footer-meta-row{
  gap:0;
  margin-left:0!important;
  padding-left:0;
  border-left:0;
  color:rgba(232,240,252,.62);
  font-size:16px;
}
.site-footer .footer-meta-row > *{
  display:inline-flex;
  align-items:center;
  color:inherit;
  white-space:nowrap;
}
.site-footer .footer-meta-row > * + *{
  margin-left:16px!important;
  padding-left:16px;
  border-left:1px solid rgba(255,255,255,.14);
}
.site-footer .footer-meta-row b{
  margin-right:6px;
  color:rgba(232,240,252,.8);
  font-size:14px;
  font-weight:700;
}
.site-footer .footer-meta-row strong{
  color:#fff;
  font-weight:700;
}
.site-footer .footer-links{
  align-items:center;
  justify-content:flex-end;
  white-space:nowrap;
}
.site-footer .footer-bottom{
  grid-column:1/-1;
  margin:2px 0 0!important;
  padding:0!important;
  border-top:0!important;
  color:rgba(255,255,255,.42);
  font-size:12px;
  line-height:1.4;
}

@media(max-width:1000px){
  .site-footer .footer-top{
    grid-template-columns:170px minmax(0,1fr);
    gap:24px 30px;
  }
}

@media(max-width:760px){
  .site-footer{
    padding:24px 16px 22px!important;
  }
  .site-footer .footer-top{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:16px!important;
    max-width:none!important;
    margin:0!important;
  }
  .site-footer .footer-brand img{
    width:132px!important;
  }
  .site-footer .footer-brand p{
    display:none!important;
  }
  .site-footer .footer-info{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:4px!important;
    width:100%!important;
  }
  .site-footer .footer-info-key{
    display:none!important;
  }
  .site-footer .footer-address-row{
    display:block!important;
    width:100%!important;
    height:auto!important;
    min-height:0!important;
    margin:0!important;
    overflow:hidden!important;
    color:rgba(232,240,252,.76)!important;
    font-size:clamp(7.5px,2.05vw,9px)!important;
    line-height:1.4!important;
    letter-spacing:-.05em!important;
    white-space:nowrap!important;
  }
  .site-footer .footer-meta-row{
    display:flex!important;
    align-items:center!important;
    flex-wrap:nowrap!important;
    gap:0!important;
    width:100%!important;
    height:auto!important;
    min-height:0!important;
    margin:0!important;
    margin-left:0!important;
    padding-left:0!important;
    border-left:0!important;
    font-size:clamp(7.5px,2.1vw,9px)!important;
    line-height:1.4!important;
    letter-spacing:-.045em!important;
    white-space:nowrap!important;
  }
  .site-footer .footer-meta-row > * + *{
    margin-left:7px!important;
    padding-left:7px!important;
  }
  .site-footer .footer-meta-row b{
    margin-right:2px!important;
    font-size:inherit!important;
  }
  .site-footer .footer-bottom{
    display:block!important;
    grid-column:1!important;
    width:100%!important;
    height:auto!important;
    min-height:0!important;
    margin:0!important;
    padding:0!important;
    border-top:0!important;
    color:rgba(255,255,255,.42)!important;
    font-size:8px!important;
    line-height:1.4!important;
  }
}

html{scroll-behavior:smooth;scroll-padding-top:90px}
body{
  color:var(--v7-ink);
  background:#fff;
  font-family:Pretendard,"Noto Sans KR","Segoe UI",Arial,sans-serif;
  letter-spacing:-.012em;
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
}
body::selection{background:#a9d3ff;color:#001b3c}

/* Header */
.site-header{
  height:82px;
  padding-inline:clamp(24px,4vw,70px);
  border-bottom:1px solid rgba(7,31,62,.08);
  background:rgba(255,255,255,.94);
  box-shadow:0 1px 0 rgba(4,28,60,.02);
  backdrop-filter:blur(18px) saturate(145%);
  -webkit-backdrop-filter:blur(18px) saturate(145%);
}
.brand img{width:184px;height:auto;display:block}
.site-nav{gap:clamp(24px,2.6vw,46px)}
.site-nav>a,.nav-dropdown-toggle{
  position:relative;
  color:#12213a;
  font-size:14px;
  font-weight:760;
  letter-spacing:-.01em;
}
.site-nav>a::after,.nav-dropdown>.nav-dropdown-toggle::after{
  content:"";
  position:absolute;
  left:0;right:0;bottom:-14px;
  height:2px;
  background:linear-gradient(90deg,var(--v7-blue),var(--v7-cyan));
  transform:scaleX(0);
  transform-origin:left;
  transition:transform .32s var(--v7-ease);
}
.site-nav>a:hover::after,.site-nav>a.active::after,
.nav-dropdown:hover>.nav-dropdown-toggle::after{transform:scaleX(1)}
.language-menu-button{font-size:12px;font-weight:800;letter-spacing:.08em}

/* Main carousel */
.pl-hero{height:clamp(650px,79vh,850px);min-height:650px;background:var(--v7-navy-950)}
.pl-hero-slide img{filter:saturate(1.04) contrast(1.035)}
.pl-hero-overlay{
  background:linear-gradient(90deg,rgba(1,10,24,.97) 0%,rgba(3,19,42,.86) 38%,rgba(3,19,42,.22) 72%,rgba(3,19,42,.08) 100%);
}
.pl-hero-inner{max-width:1500px;padding-inline:clamp(30px,5vw,78px)}
.pl-hero-kicker{color:#6dc3ff;font-size:12px;letter-spacing:.21em}
.pl-hero :is(h1,h2){
  max-width:1000px;
  font-size:clamp(54px,5.5vw,84px);
  line-height:1.06;
  letter-spacing:-.058em;
  text-wrap:balance;
  text-shadow:0 8px 34px rgba(0,0,0,.18);
}
.pl-hero p{font-size:18px;line-height:1.75;color:rgba(255,255,255,.8)}
.btn,.premium-action{border-radius:8px;transition:transform .25s var(--v7-ease),background .25s,box-shadow .25s,border-color .25s}
.btn.primary{background:linear-gradient(135deg,#0b6ee9,#2186ff);box-shadow:0 10px 30px rgba(15,111,235,.28)}
.btn:hover,.premium-action:hover{transform:translateY(-2px)}
.pl-hero-ui{left:clamp(28px,5vw,78px);right:clamp(28px,5vw,78px)}
.pl-hero-ui>button{background:rgba(3,17,38,.42);backdrop-filter:blur(8px)}

/* Inner-page heroes */
body:not([data-page="index"]) main>.subhero,
body:not([data-page="index"]) main>section.subhero{
  height:430px!important;
  min-height:430px!important;
  max-height:430px!important;
  padding:0 clamp(28px,6vw,100px)!important;
  overflow:hidden;
  isolation:isolate;
  background:linear-gradient(135deg,var(--v7-navy-950),var(--v7-navy-800))!important;
}
body:not([data-page="index"]) main>.subhero::before,
body:not([data-page="index"]) main>section.subhero::before{
  z-index:-1;
  background:
    radial-gradient(circle at 22% 18%,rgba(26,112,240,.19),transparent 34%),
    linear-gradient(120deg,#020b19 0%,#071a34 64%,#0d376a 100%)!important;
}
body:not([data-page="index"]) main>.subhero>div,
body:not([data-page="index"]) main>section.subhero>div{
  width:min(1440px,100%)!important;
  grid-template-columns:minmax(430px,46%) minmax(0,54%)!important;
  gap:clamp(26px,4vw,70px)!important;
}
.subhero-copy{padding-block:50px}
.subhero-copy .eyebrow{margin-bottom:18px;color:#5db8ff;font-size:12px;letter-spacing:.19em}
body:not([data-page="index"]) .subhero h1{
  font-size:clamp(50px,4.6vw,72px)!important;
  line-height:1.03!important;
  letter-spacing:-.055em!important;
  margin-bottom:20px!important;
  text-shadow:0 8px 30px rgba(0,0,0,.2);
}
body:not([data-page="index"]) .subhero p{font-size:17px!important;line-height:1.72!important;color:rgba(235,244,255,.78)!important}
.subhero-visual{
  margin-right:calc(clamp(28px,6vw,100px) * -1)!important;
  overflow:hidden;
  box-shadow:-30px 0 70px rgba(0,0,0,.14);
}
.subhero-visual::before{
  background:linear-gradient(90deg,#071a34 0%,rgba(7,26,52,.78) 14%,rgba(7,26,52,.18) 42%,transparent 100%)!important;
}
.subhero-visual img{
  width:100%;height:100%;object-fit:cover;
  object-position:center;
  filter:saturate(.98) contrast(1.04);
  transform:scale(1.005);
  transition:transform 7s ease;
}
.subhero:hover .subhero-visual img{transform:scale(1.035)}

/* Consistent rhythm and surfaces */
.section{padding-top:clamp(88px,8vw,132px);padding-bottom:clamp(88px,8vw,132px)}
.section-heading h2,.home-products-head h2,.profile-section h2,.tech-overview-premium h2{
  color:var(--v7-ink);
  letter-spacing:-.048em;
  line-height:1.12;
  text-wrap:balance;
}
.section-heading p,.home-products-head p{color:#53647b;line-height:1.78}
.eyebrow.dark{color:#0875e1;letter-spacing:.17em}

.image-card,.home-product-card,.product-detail-card,.news-item,
.tech-value-card,.tech-strength-card,.company-value-card{
  border:1px solid rgba(8,47,89,.09);
  box-shadow:0 16px 48px rgba(5,31,65,.08);
  transition:transform .4s var(--v7-ease),box-shadow .4s var(--v7-ease),border-color .4s;
}
.image-card:hover,.home-product-card:hover,.product-detail-card:hover,.news-item:hover,
.tech-value-card:hover,.tech-strength-card:hover,.company-value-card:hover{
  transform:translateY(-7px);
  border-color:rgba(25,118,243,.25);
  box-shadow:0 26px 70px rgba(5,31,65,.14);
}
.home-product-card{border-radius:var(--v7-radius);overflow:hidden;background:#fff}
.home-product-image{background:linear-gradient(145deg,#f8fbff,#edf3fa)}
.home-product-image img{transition:transform .55s var(--v7-ease)}
.home-product-card:hover .home-product-image img{transform:scale(1.035)}
.home-product-copy b,.image-card-copy span{color:#1685f8}

/* Navigation dropdown polish */
.nav-dropdown-menu{
  border:1px solid rgba(8,43,82,.09);
  border-radius:12px;
  box-shadow:0 24px 60px rgba(2,24,54,.16);
  padding:10px;
}
.nav-dropdown-menu a{border-radius:8px}
.nav-dropdown-menu a:hover{background:#edf6ff;color:#066fe2}

/* Footer */
.site-footer{background:#020d1e}
.footer-top{border-color:rgba(255,255,255,.11)}
.site-footer a{transition:color .25s}.site-footer a:hover{color:#66bdff}

/* Accessible focus */
a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{
  outline:3px solid rgba(53,184,255,.72);outline-offset:3px
}

@media(max-width:1000px){
  body:not([data-page="index"]) main>.subhero>div,
  body:not([data-page="index"]) main>section.subhero>div{
    grid-template-columns:minmax(330px,45%) minmax(0,55%)!important;
    gap:28px!important;
  }
}

@media(max-width:760px){
  html{scroll-padding-top:72px}
  body{background:var(--v7-navy-950);color:#eff6ff}
  .site-header{height:72px;padding-inline:18px;background:rgba(255,255,255,.98)}
  .brand img{width:165px}

  .pl-hero{height:690px;min-height:690px}
  .pl-hero-inner{padding:108px 22px 124px}
  .pl-hero :is(h1,h2){font-size:clamp(34px,9.6vw,42px)!important;line-height:1.12!important;letter-spacing:-.045em}
  .pl-hero p{font-size:14px!important;line-height:1.7!important;max-width:92%}
  .pl-hero-overlay{background:linear-gradient(180deg,rgba(1,9,23,.38) 0%,rgba(2,12,28,.72) 48%,rgba(2,12,28,.96) 100%)}
  .pl-hero-ui{left:22px;right:22px;bottom:25px}
  .pl-hero-slide img{object-position:center center}

  body:not([data-page="index"]) main>.subhero,
  body:not([data-page="index"]) main>section.subhero{
    height:390px!important;min-height:390px!important;max-height:390px!important;
    padding:0 22px!important;
  }
  body:not([data-page="index"]) main>.subhero>div,
  body:not([data-page="index"]) main>section.subhero>div{
    display:grid!important;grid-template-columns:1fr!important;gap:0!important;
  }
  .subhero-copy{z-index:3;padding:78px 0 42px;align-self:end}
  .subhero-visual{position:absolute!important;inset:0 -22px 0 -22px!important;margin:0!important;opacity:1!important;box-shadow:none}
  .subhero-visual::before{
    background:linear-gradient(180deg,rgba(2,11,25,.22) 0%,rgba(3,14,31,.55) 43%,rgba(3,14,31,.96) 100%)!important;
  }
  .subhero-visual img{object-position:68% center;filter:saturate(.95) contrast(1.04) brightness(.82)}
  body:not([data-page="index"]) .subhero h1{
    font-size:clamp(36px,10vw,46px)!important;line-height:1.06!important;margin-bottom:14px!important;
  }
  body:not([data-page="index"]) .subhero p{font-size:14px!important;line-height:1.65!important;max-width:94%}
  .subhero-copy .eyebrow{margin-bottom:12px}

  .section{padding:74px 20px}
  .section-heading h2,.home-products-head h2{color:#fff}
  .section-heading p,.home-products-head p{color:#aebdd1}
  .home-product-card,.product-detail-card,.news-item,.tech-value-card,.tech-strength-card,.company-value-card{
    border-color:rgba(132,174,222,.15);box-shadow:0 16px 42px rgba(0,0,0,.2)
  }
  .home-product-card:hover,.product-detail-card:hover,.news-item:hover{transform:none}
  .news-item:hover,
  .news-item:active,
  .news-item:focus,
  .news-item:focus-within{
    background:transparent!important;
    color:inherit!important;
  }

  /* Keep the mobile menu's proven two-line layout and stable text position. */
  .site-nav.open{background:#fff;box-shadow:0 22px 50px rgba(0,14,35,.22)}
  .site-nav a{transform:none!important;text-indent:0!important}
  .nav-dropdown-menu{box-shadow:none;border-radius:0}
}

@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}
}

/* v7.1 — inner-page photography blends into the hero without a box edge */
@media(min-width:761px){
  body:not([data-page="index"]) main>.subhero>div,
  body:not([data-page="index"]) main>section.subhero>div{
    position:relative!important;
    display:block!important;
  }
  body:not([data-page="index"]) .subhero-copy{
    position:relative;
    z-index:3;
    width:min(49%,650px);
    height:100%;
    display:flex;
    flex-direction:column;
    justify-content:center;
  }
  body:not([data-page="index"]) .subhero-visual{
    position:absolute!important;
    z-index:1;
    inset:0 calc(clamp(28px,6vw,100px) * -1) 0 22%!important;
    margin:0!important;
    box-shadow:none!important;
    overflow:hidden;
    -webkit-mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.18) 14%,#000 42%,#000 100%);
    mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.18) 14%,#000 42%,#000 100%);
  }
  body:not([data-page="index"]) .subhero-visual::before{
    background:
      linear-gradient(90deg,rgba(5,20,43,.88) 0%,rgba(5,20,43,.42) 24%,transparent 56%),
      linear-gradient(0deg,rgba(3,13,28,.14),transparent 44%)!important;
  }
  body:not([data-page="index"]) .subhero-visual img{
    transform:scale(1.03);
  }
  body:not([data-page="index"]) .subhero:hover .subhero-visual img{
    transform:scale(1.055);
  }
}

/* v7.2 — the CEO photograph has an architectural vertical seam.
   Use a longer fade so it reads as part of the navy atmosphere, not an image edge. */
@media(min-width:761px){
  body[data-page="ceo"] .subhero-visual{
    inset:0 calc(clamp(28px,6vw,100px) * -1) 0 4%!important;
    -webkit-mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.06) 17%,rgba(0,0,0,.42) 38%,#000 66%,#000 100%);
    mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.06) 17%,rgba(0,0,0,.42) 38%,#000 66%,#000 100%);
  }
  body[data-page="ceo"] .subhero-visual::before{
    background:
      linear-gradient(90deg,#071a34 0%,rgba(7,26,52,.92) 22%,rgba(7,26,52,.58) 43%,rgba(7,26,52,.12) 68%,transparent 100%),
      linear-gradient(0deg,rgba(3,13,28,.16),transparent 48%)!important;
  }
  body[data-page="ceo"] .subhero-visual img{object-position:72% center}
}

@media(max-width:760px){
  body[data-page="ceo"] .subhero-visual::before{
    background:
      linear-gradient(90deg,rgba(2,11,25,.76) 0%,rgba(2,11,25,.3) 36%,transparent 72%),
      linear-gradient(180deg,rgba(2,11,25,.05) 0%,rgba(3,14,31,.38) 58%,rgba(3,14,31,.92) 100%)!important;
  }
  body[data-page="ceo"] .subhero-visual img{object-position:72% center}
}

/* v7.3 — CEO and Company use new seamless, full-frame photography. */
@media(min-width:761px){
  body[data-page="ceo"] .subhero-visual,
  body[data-page="company"] .subhero-visual{
    inset:0 calc(clamp(28px,6vw,100px) * -1)!important;
    -webkit-mask-image:none!important;
    mask-image:none!important;
  }
  body[data-page="ceo"] .subhero-visual::before,
  body[data-page="company"] .subhero-visual::before{
    background:linear-gradient(90deg,rgba(4,18,39,.9) 0%,rgba(4,18,39,.5) 34%,rgba(4,18,39,.08) 62%,transparent 100%)!important;
  }
  body[data-page="ceo"] .subhero-visual img,
  body[data-page="company"] .subhero-visual img{
    object-position:center center;
    transform:scale(1.01);
  }
}

@media(max-width:760px){
  body[data-page="ceo"] .subhero-visual,
  body[data-page="company"] .subhero-visual{
    -webkit-mask-image:linear-gradient(180deg,#000 0%,#000 58%,rgba(0,0,0,.8) 74%,transparent 100%)!important;
    mask-image:linear-gradient(180deg,#000 0%,#000 58%,rgba(0,0,0,.8) 74%,transparent 100%)!important;
  }
  body[data-page="ceo"] .subhero-visual img,
  body[data-page="company"] .subhero-visual img{object-position:72% center}
}

/* v7.5 — make CEO and Company truly full-bleed backgrounds.
   The photo is no longer a separate rectangular panel, so no frame can appear. */
body[data-page="ceo"] main>.subhero,
body[data-page="ceo"] main>section.subhero{
  background-image:
    linear-gradient(90deg,rgba(3,14,31,.96) 0%,rgba(5,23,48,.8) 38%,rgba(5,23,48,.2) 70%,rgba(5,23,48,.06) 100%),
    url("../data/v7-ceo-hero.webp")!important;
  background-size:cover!important;
  background-position:center center!important;
  background-repeat:no-repeat!important;
}
body[data-page="company"] main>.subhero,
body[data-page="company"] main>section.subhero{
  background-image:
    linear-gradient(90deg,rgba(3,14,31,.96) 0%,rgba(5,23,48,.8) 38%,rgba(5,23,48,.2) 70%,rgba(5,23,48,.06) 100%),
    url("../data/v7-company-hero.webp")!important;
  background-size:cover!important;
  background-position:center center!important;
  background-repeat:no-repeat!important;
}
body[data-page="ceo"] main>.subhero::before,
body[data-page="ceo"] main>section.subhero::before,
body[data-page="company"] main>.subhero::before,
body[data-page="company"] main>section.subhero::before{background:none!important}
body[data-page="ceo"] .subhero-visual,
body[data-page="company"] .subhero-visual{display:none!important}

@media(max-width:760px){
  body[data-page="ceo"] main>.subhero,
  body[data-page="ceo"] main>section.subhero,
  body[data-page="company"] main>.subhero,
  body[data-page="company"] main>section.subhero{
    background-position:68% center!important;
  }
}

@media(max-width:760px){
  body:not([data-page="index"]) .subhero-visual{
    -webkit-mask-image:linear-gradient(180deg,#000 0%,#000 54%,rgba(0,0,0,.76) 70%,transparent 100%);
    mask-image:linear-gradient(180deg,#000 0%,#000 54%,rgba(0,0,0,.76) 70%,transparent 100%);
  }
  body:not([data-page="index"]) .subhero-visual::before{
    background:
      linear-gradient(90deg,rgba(2,11,25,.4) 0%,transparent 68%),
      linear-gradient(180deg,rgba(2,11,25,.06) 0%,rgba(3,14,31,.34) 58%,rgba(3,14,31,.9) 100%)!important;
  }
}

/* v7.6 — one full-bleed system for every inner-page photograph.
   CEO and Contact intentionally exchange their images. */
body[data-page="ceo"]{--v7-page-hero:url("../data/v7-contact-hero.webp")}
body[data-page="company"]{--v7-page-hero:url("../data/v7-company-hero.webp")}
body[data-page="products"]{--v7-page-hero:url("../data/v7-products-hero.webp")}
body[data-page="technology"]{--v7-page-hero:url("../data/v7-technology-hero.webp")}
body[data-page="news"]{--v7-page-hero:url("../data/v7-news-hero.webp")}
body[data-page="contact"]{--v7-page-hero:url("../data/v7-ceo-hero.webp")}

body:not([data-page="index"]) main>.subhero,
body:not([data-page="index"]) main>section.subhero{
  background-image:
    linear-gradient(90deg,rgba(3,14,31,.97) 0%,rgba(4,20,43,.84) 38%,rgba(4,20,43,.3) 67%,rgba(4,20,43,.08) 100%),
    var(--v7-page-hero)!important;
  background-size:cover!important;
  background-position:center center!important;
  background-repeat:no-repeat!important;
}
body:not([data-page="index"]) main>.subhero::before,
body:not([data-page="index"]) main>section.subhero::before{background:none!important}
body:not([data-page="index"]) .subhero-visual{display:none!important}
body:not([data-page="index"]) .subhero-copy{position:relative;z-index:3}

@media(max-width:760px){
  body:not([data-page="index"]) main>.subhero,
  body:not([data-page="index"]) main>section.subhero{
    background-image:
      linear-gradient(180deg,rgba(2,11,25,.22) 0%,rgba(3,14,31,.53) 48%,rgba(3,14,31,.96) 100%),
      linear-gradient(90deg,rgba(2,11,25,.42) 0%,transparent 72%),
      var(--v7-page-hero)!important;
    background-position:68% center!important;
  }
}

/* v7.7 — coherent high-resolution homepage carousel */
body[data-page="index"] .pl-hero-slide>img,
body[data-page="index"] .pl-hero-slide--approved .approved-slide-bg{
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  max-width:none!important;
  height:100%!important;
  object-fit:cover!important;
  object-position:center!important;
  opacity:1!important;
  filter:saturate(1.04) contrast(1.06) brightness(.96)!important;
}
body[data-page="index"] .pl-hero-slide--approved .approved-slide-visual{display:none!important}
body[data-page="index"] .pl-hero-slide .pl-hero-overlay{
  background:linear-gradient(90deg,rgba(1,10,24,.97) 0%,rgba(3,19,42,.84) 39%,rgba(3,19,42,.25) 70%,rgba(3,19,42,.06) 100%)!important;
}

@media(max-width:760px){
  body[data-page="index"] .pl-hero-slide[data-index="0"]>img{content:url("../data/v77-slide1-mobile.webp")}
  body[data-page="index"] .pl-hero-slide[data-index="1"]>img{content:url("../data/v77-slide3-mobile.webp")}
  body[data-page="index"] .pl-hero-slide[data-index="2"] .approved-slide-bg{content:url("../data/v77-slide2-mobile.webp")}
  body[data-page="index"] .pl-hero-slide>img,
  body[data-page="index"] .pl-hero-slide--approved .approved-slide-bg{
    object-position:center!important;
    opacity:1!important;
    filter:saturate(1.03) contrast(1.06) brightness(.92)!important;
  }
  body[data-page="index"] .pl-hero-slide .pl-hero-overlay{
    background:
      linear-gradient(180deg,rgba(1,9,23,.24) 0%,rgba(2,12,28,.58) 50%,rgba(2,12,28,.96) 100%),
      linear-gradient(90deg,rgba(1,9,23,.62) 0%,rgba(1,9,23,.12) 82%,transparent 100%)!important;
  }
}

/* v7.27 — final mobile footer spacing */
@media(max-width:760px){
  body .site-footer .footer-top{
    gap:12px!important;
  }
  body .site-footer .footer-info{
    display:flex!important;
    flex-direction:column!important;
    gap:0!important;
  }
  body .site-footer .footer-address-row,
  body .site-footer .footer-meta-row,
  body .site-footer .footer-bottom{
    height:auto!important;
    min-height:0!important;
    margin:0!important;
    padding-top:0!important;
    padding-bottom:0!important;
    line-height:11px!important;
  }
  body .site-footer .footer-info > p.footer-meta-row{
    margin-top:5px!important;
  }
  body .site-footer .footer-info > .footer-bottom{
    margin-top:7px!important;
  }
}

/* Mobile first slide: keep the Korean headline at a compact two lines. */
@media(max-width:760px){
  body[data-page="index"] .pl-hero-slide[data-index="0"] h1{
    font-size:clamp(24px,7.3vw,29px)!important;
    line-height:1.18!important;
    letter-spacing:-.045em!important;
    white-space:nowrap!important;
  }
  body[data-page="index"] .pl-hero-slide[data-index="2"] p{
    font-size:clamp(10.5px,3vw,13px)!important;
    line-height:1.65!important;
    max-width:none!important;
    white-space:nowrap!important;
  }
  body[data-page="index"] .pl-hero-slide[data-index="2"] .pl-hero-actions{
    flex-direction:row!important;
    flex-wrap:nowrap!important;
    align-items:center!important;
  }
  body[data-page="index"] .home-product-image{
    border-radius:16px!important;
    overflow:hidden!important;
  }
  body[data-page="index"] .home-product-card[href*="#apd-sensor"] .home-product-image img{
    transform:scale(1.03)!important;
    transform-origin:center center!important;
  }
}

/* Image cards should not inherit the generic dark card frame. */
.image-card{
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  outline:0!important;
}
.image-card::before{
  content:none!important;
}

/* v7.39 — linked news details; existing mobile layout remains unchanged */
.news-item{
  color:inherit;
  text-decoration:none;
}
.news-more{
  display:inline-flex;
  gap:8px;
  align-items:center;
  margin-top:14px;
  color:#1267e8;
  font-size:14px;
  font-weight:800;
}
.news-detail{
  max-width:920px;
  margin:0 auto;
}
.subhero-copy .subhero-title{
  margin:0 0 20px;
  color:#fff;
  font-size:clamp(50px,4.6vw,72px);
  font-weight:800;
  line-height:1.03;
  letter-spacing:-.055em;
  text-shadow:0 8px 30px rgba(0,0,0,.2);
}
.news-detail-header{
  padding-bottom:28px;
  border-bottom:1px solid var(--v7-line);
}
.news-detail-header time,
.news-detail-header .news-category{
  display:inline-block;
  margin-right:10px;
  color:var(--v7-blue);
  font-size:13px;
  font-weight:800;
  letter-spacing:.08em;
}
.news-detail-header h1{
  margin:14px 0 0;
  color:var(--v7-ink);
  font-size:clamp(32px,4.3vw,50px);
  line-height:1.25;
  letter-spacing:-.045em;
}
.news-detail-body{
  padding:38px 0 18px;
  color:var(--v7-text);
  font-size:17px;
  line-height:1.9;
}
.news-detail-body h2{
  margin:36px 0 12px;
  color:var(--v7-ink);
  font-size:24px;
}
.news-detail-body p{margin:0 0 18px}
.news-detail-actions{
  display:flex;
  justify-content:center;
  padding-top:24px;
  border-top:1px solid var(--v7-line);
}

@media(max-width:760px){
  .news-item{
    width:100%;
    box-sizing:border-box;
  }
  .news-detail-body{
    padding-top:28px;
    font-size:15.5px;
    line-height:1.85;
  }
  .subhero-copy .subhero-title{
    margin-bottom:14px;
    font-size:clamp(36px,10vw,46px);
    line-height:1.06;
  }
  .news-detail-body h2{
    margin-top:30px;
    font-size:21px;
  }
}

/* v7.40 — fully rounded company location photo cards */
body[data-page="company"] .company-photo-stack figure{
  overflow:visible!important;
  border-radius:16px!important;
  background:transparent!important;
}
body[data-page="company"] .company-photo-stack img{
  overflow:hidden!important;
  border-radius:16px!important;
  clip-path:inset(0 round 16px);
}
body[data-page="company"] .company-photo-stack figcaption{
  margin-top:10px!important;
  border-radius:12px!important;
}
/* Certification image viewer */
.profile-cert-copy li{list-style:none}
.profile-cert-copy li::before{content:none!important;display:none!important;margin:0!important}
.cert-view-button{width:100%;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:10px 0;border:0;background:transparent;color:inherit;font:inherit;text-align:left;white-space:nowrap;cursor:pointer}
.profile-cert-copy .cert-view-button{font-size:18px!important;line-height:1.4!important;letter-spacing:-.035em}
.cert-view-button span{flex:0 0 auto;color:#1267e8;font-size:12px;font-weight:800;letter-spacing:.02em;opacity:0;transform:translateX(-6px);transition:.2s ease}
.cert-view-button:hover span,.cert-view-button:focus-visible span{opacity:1;transform:none}
.cert-view-button:focus-visible{outline:2px solid #2186ff;outline-offset:5px;border-radius:2px}
.cert-viewer{position:fixed;inset:0;z-index:10000;display:none;align-items:center;justify-content:center;padding:22px}
.cert-viewer.is-open{display:flex}
.cert-viewer-backdrop{position:absolute;inset:0;width:100%;height:100%;border:0;background:rgba(1,8,20,.88);backdrop-filter:blur(8px);cursor:zoom-out}
.cert-viewer-dialog{position:relative;z-index:1;width:min(780px,96vw);height:min(900px,96vh);max-height:96vh;display:flex;flex-direction:column;overflow:hidden;border:1px solid rgba(255,255,255,.16);border-radius:14px;background:#fff;box-shadow:0 32px 90px rgba(0,0,0,.46)}
.cert-viewer-head{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:16px 20px;border-bottom:1px solid #e3e9f1}
.cert-viewer-head h2{margin:0;color:#0a2c55;font-size:18px;line-height:1.35}
.cert-viewer-close{width:42px;height:42px;flex:0 0 42px;border:0;border-radius:50%;background:#0a2c55;color:#fff;font-size:28px;line-height:1;cursor:pointer}
.cert-viewer-image-wrap{flex:1;min-height:0;display:flex;align-items:center;justify-content:center;overflow:auto;background:#e9eef5;padding:14px;text-align:center;overscroll-behavior:contain}
.cert-viewer-image-wrap img{display:block;width:auto;max-width:100%;height:auto;max-height:100%;margin:auto;background:#fff;object-fit:contain;opacity:1;transition:opacity .16s ease}
.cert-viewer-image-wrap img.is-loading{opacity:0}
.cert-viewer-dialog>p{margin:0;padding:12px 20px;color:#66758a;font-size:13px;line-height:1.5}
body.cert-viewer-open{overflow:hidden}
body[data-page="company"] .profile-history .section-heading h2{color:#fff!important;-webkit-text-fill-color:#fff!important;text-shadow:none!important}
@media(min-width:761px){body[data-page="company"] .profile-company-hero h1{max-width:none!important;font-size:clamp(40px,5vw,70px)!important;white-space:nowrap!important}body[data-page="index"] main>section:not(.pl-hero) h2,body[data-page="company"] main>section:not(.subhero) h2,body[data-page="company"]>.location-section h2,body[data-page="products"] main>section:not(.subhero) h2,body[data-page="technology"] main>section:not(.subhero) h2{max-width:none!important;font-size:36px!important;line-height:1.2!important;letter-spacing:-.04em!important;white-space:nowrap!important}body[data-page="index"] .section-heading,body[data-page="company"] .section-heading,body[data-page="company"] .split-heading,body[data-page="products"] .section-heading,body[data-page="technology"] .section-heading{max-width:none!important}}
.quality-cert-bar .cert-view-button{width:auto;display:inline-flex;justify-content:center;padding:13px 17px;border:1px solid rgba(255,255,255,.22);color:#eef5ff;background:transparent;font-size:12px;font-weight:800;line-height:1.2;transition:border-color .2s ease,background .2s ease,transform .2s ease}
.quality-cert-bar .cert-view-button:hover,.quality-cert-bar .cert-view-button:focus-visible{border-color:#54b8ff;background:rgba(44,143,255,.15);transform:translateY(-2px)}
@media(max-width:760px){.profile-cert-copy .cert-view-button{gap:0;font-size:clamp(15px,4.15vw,16px)!important;letter-spacing:-.055em}.profile-cert-copy .cert-view-button span{display:none}html[lang="en"] .profile-cert-copy .cert-view-button{font-size:clamp(13px,3.65vw,14px)!important}.cert-viewer{padding:4px}.cert-viewer-dialog{width:100%;height:98dvh;max-height:98dvh;border-radius:10px}.cert-viewer-head{padding:10px 12px}.cert-viewer-head h2{font-size:16px}.cert-viewer-image-wrap{min-height:0;padding:4px}.cert-viewer-image-wrap img{width:auto;max-width:100%;height:auto;max-height:100%;min-width:0}.cert-viewer-dialog>p{padding:8px 12px;font-size:12px}}
/* Keep every mobile section title on the same visual scale. */
@media(max-width:760px){
  body[data-page="index"] main>section:not(.pl-hero) h2,
  body[data-page="company"] main>section:not(.subhero) h2,
  body[data-page="company"]>.location-section h2,
  body[data-page="products"] main>section:not(.subhero) h2,
  body[data-page="technology"] main>section:not(.subhero) h2{
    max-width:none!important;
    font-size:26px!important;
    line-height:1.25!important;
    letter-spacing:-.04em!important;
    white-space:normal!important;
    overflow-wrap:break-word;
  }
}

/* Product specification action: top of the copy beside each product image. */
.product-copy>.modal-pdf-link.spec-image-trigger{
  width:100%;
  min-height:44px;
  margin:0 0 18px;
  padding:11px 16px;
}

/* Keep the product-detail close control in the upper-right corner. */
.product-modal-panel>.product-modal-close{
  position:absolute!important;
  top:16px!important;
  right:16px!important;
  left:auto!important;
  float:none!important;
  margin:0!important;
  z-index:5!important;
}
@media(max-width:760px){
  .product-copy>.modal-pdf-link.spec-image-trigger{
    min-height:44px!important;
    margin:0 0 16px!important;
    padding:10px 14px!important;
  }
  .product-modal-panel>.product-modal-close{
    top:12px!important;
    right:14px!important;
    left:auto!important;
  }
}

/* Tighter Technology rhythm after removing the overview metrics and badges. */
body[data-page="technology"] .tech-overview-premium{
  padding-bottom:72px!important;
}
body[data-page="technology"] .quality-section{
  padding-bottom:72px!important;
}
@media(max-width:760px){
  body[data-page="technology"] .tech-overview-premium,
  body[data-page="technology"] .quality-section{
    padding-bottom:48px!important;
  }
}

/* v7.68 — customer-value custom process section */
.custom-process{
  grid-template-columns:minmax(0,1fr) minmax(440px,.92fr);
  gap:clamp(48px,6vw,96px);
  background:linear-gradient(145deg,#f4f8fd 0%,#fff 55%,#eef6ff 100%);
}
body[data-page="index"] .custom-process .custom-process-copy h2{
  max-width:680px!important;
  white-space:normal!important;
}
.custom-process-intro{max-width:700px}
.custom-process-list{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:14px;
  margin:32px 0 30px;
  padding:0;
  list-style:none;
}
.custom-process-list li{
  display:grid;
  grid-template-columns:44px 1fr;
  gap:14px;
  min-width:0;
  padding:20px 18px;
  border:1px solid rgba(15,88,170,.13);
  border-radius:14px;
  background:rgba(255,255,255,.78);
  box-shadow:0 12px 30px rgba(16,64,118,.055);
}
.process-number{
  display:flex;
  align-items:center;
  justify-content:center;
  width:40px;
  height:40px;
  border-radius:50%;
  background:#e7f2ff;
  color:#1267e8;
  font-size:12px;
  font-weight:900;
}
.custom-process-list h3{margin:1px 0 7px;color:#09294f;font-size:18px;line-height:1.35}
.custom-process-list p{margin:0;color:#66758a;font-size:14px;line-height:1.65}
.custom-process-actions{display:flex;flex-wrap:wrap;gap:12px}
.process-outline{border:1px solid #b9cce1;background:rgba(255,255,255,.68);color:#12375f}
.process-outline:hover{border-color:#1267e8;color:#1267e8}
.custom-process .semiconductor-scene{
  min-height:620px;
  border:1px solid rgba(23,107,209,.12);
  border-radius:28px;
  background:radial-gradient(circle at 62% 38%,rgba(79,172,255,.18),transparent 34%),linear-gradient(145deg,#f9fcff,#eaf3fd);
  box-shadow:0 30px 70px rgba(7,53,105,.1);
}
.process-visual-label{
  position:absolute;
  z-index:4;
  left:28px;
  right:28px;
  bottom:28px;
  display:flex;
  align-items:baseline;
  gap:10px;
  padding:16px 18px;
  border:1px solid rgba(255,255,255,.5);
  border-radius:12px;
  background:rgba(4,28,61,.86);
  color:#fff;
  backdrop-filter:blur(12px);
}
.process-visual-label span{color:#66b8ff;font-size:11px;font-weight:900;letter-spacing:.13em}
.process-visual-label strong{font-size:17px}
.process-visual-label small{margin-left:auto;color:rgba(255,255,255,.64);font-size:11px}
@media(max-width:1100px){
  .custom-process{grid-template-columns:1fr}
  .custom-process .semiconductor-scene{min-height:520px}
}
@media(max-width:760px){
  .custom-process-list{grid-template-columns:1fr;gap:10px;margin:26px 0}
  .custom-process-list li{grid-template-columns:40px 1fr;padding:17px 15px}
  .custom-process-actions{display:grid;grid-template-columns:1fr}
  .custom-process-actions .btn{width:100%}
  .custom-process .semiconductor-scene{min-height:390px;transform:none}
  .custom-process .wafer-3d{width:330px;height:330px;transform:rotateX(67deg) rotateZ(-18deg) translate(-35px,65px);animation:none}
  .custom-process .chip-3d{width:135px;height:135px;transform:rotateX(58deg) rotateZ(42deg) translate(72px,-48px);animation:none}
  .process-visual-label{left:14px;right:14px;bottom:14px;display:grid;grid-template-columns:auto 1fr;padding:13px 14px}
  .process-visual-label small{grid-column:1/-1;margin-left:0}
}
/* v7.69 — mobile custom-process contrast and button states */
@media(max-width:760px){
  body[data-page="index"] .custom-process{
    background:#061427!important;
    color:#fff!important;
  }
  body[data-page="index"] .custom-process .eyebrow{
    color:#6fbbff!important;
  }
  body[data-page="index"] .custom-process .custom-process-copy h2{
    color:#fff!important;
    -webkit-text-fill-color:#fff!important;
  }
  body[data-page="index"] .custom-process .custom-process-intro{
    color:rgba(255,255,255,.86)!important;
    font-size:16px!important;
    line-height:1.85!important;
  }
  body[data-page="index"] .custom-process .custom-process-list li{
    border-color:#dce6f1!important;
    background:#fff!important;
    box-shadow:0 10px 28px rgba(0,0,0,.18)!important;
  }
  body[data-page="index"] .custom-process .custom-process-list h3{
    color:#092c55!important;
    -webkit-text-fill-color:#092c55!important;
    font-size:19px!important;
  }
  body[data-page="index"] .custom-process .custom-process-list p{
    color:#495f76!important;
    -webkit-text-fill-color:#495f76!important;
    font-size:15px!important;
    line-height:1.7!important;
    opacity:1!important;
  }
  body[data-page="index"] .custom-process .process-number{
    background:#e7f2ff!important;
    color:#0878ef!important;
  }
  body[data-page="index"] .custom-process .custom-process-actions .btn{
    min-height:54px!important;
    border:1px solid #fff!important;
    background:#fff!important;
    background-image:none!important;
    color:#0a315d!important;
    box-shadow:0 10px 25px rgba(0,0,0,.16)!important;
    -webkit-tap-highlight-color:transparent;
  }
  body[data-page="index"] .custom-process .custom-process-actions .btn:hover,
  body[data-page="index"] .custom-process .custom-process-actions .btn:focus,
  body[data-page="index"] .custom-process .custom-process-actions .btn:active{
    border-color:#147bf3!important;
    background:#147bf3!important;
    color:#fff!important;
    outline:none;
  }
  body[data-page="index"] .custom-process .custom-process-actions .btn:focus-visible{
    outline:3px solid rgba(111,187,255,.85)!important;
    outline-offset:3px;
  }
}
/* v7.70 — unified blue custom-process actions */
body[data-page="index"] .custom-process .custom-process-actions .btn{
  border:1px solid #147bf3!important;
  background:linear-gradient(135deg,#0b6ee9,#2186ff)!important;
  color:#fff!important;
  box-shadow:0 10px 30px rgba(15,111,235,.28)!important;
}
body[data-page="index"] .custom-process .custom-process-actions .btn:hover,
body[data-page="index"] .custom-process .custom-process-actions .btn:focus,
body[data-page="index"] .custom-process .custom-process-actions .btn:active{
  border-color:#075fc8!important;
  background:linear-gradient(135deg,#075fc8,#147bf3)!important;
  color:#fff!important;
  box-shadow:0 14px 34px rgba(15,111,235,.36)!important;
}
/* v7.71 — equal single-row mobile process actions */
@media(max-width:760px){
  body[data-page="index"] .custom-process .custom-process-actions{
    display:flex!important;
    flex-wrap:nowrap!important;
    gap:10px!important;
  }
  body[data-page="index"] .custom-process .custom-process-actions .btn{
    flex:1 1 0!important;
    width:auto!important;
    min-width:0!important;
    min-height:0!important;
    padding:15px 8px!important;
    font-size:14px!important;
    line-height:1.2!important;
    white-space:nowrap!important;
  }
}
/* v7.72 — refined precision 3D semiconductor visual */
body[data-page="index"] .custom-process .semiconductor-scene{
  isolation:isolate;
  overflow:hidden;
  border:1px solid rgba(120,190,255,.18);
  background:
    radial-gradient(circle at 68% 26%,rgba(43,151,255,.17),transparent 27%),
    radial-gradient(circle at 30% 78%,rgba(36,94,181,.2),transparent 35%),
    linear-gradient(145deg,#07172c 0%,#031022 55%,#071b34 100%);
  box-shadow:0 34px 80px rgba(4,37,76,.2),inset 0 1px 0 rgba(255,255,255,.06);
}
body[data-page="index"] .custom-process .semiconductor-scene::before{
  content:"";
  position:absolute;
  z-index:-1;
  inset:0;
  opacity:.32;
  background-image:
    linear-gradient(rgba(106,180,255,.07) 1px,transparent 1px),
    linear-gradient(90deg,rgba(106,180,255,.07) 1px,transparent 1px);
  background-size:46px 46px;
  mask-image:linear-gradient(to bottom,transparent 2%,#000 35%,#000 72%,transparent 98%);
}
body[data-page="index"] .custom-process .semiconductor-scene::after{
  content:"";
  position:absolute;
  z-index:0;
  width:72%;
  aspect-ratio:1;
  border-radius:50%;
  background:radial-gradient(circle,rgba(29,133,243,.13),rgba(29,133,243,0) 68%);
  filter:blur(8px);
}
body[data-page="index"] .custom-process .wafer-3d{
  z-index:1;
  width:430px;
  height:430px;
  transform:rotateX(69deg) rotateZ(-19deg) translate(-54px,72px);
  background:
    radial-gradient(circle at 31% 25%,rgba(229,250,255,.92) 0 2%,rgba(140,218,255,.64) 9%,transparent 22%),
    conic-gradient(from 205deg,#0b477f,#1c88ce,#68c8f2,#205da0,#39a7de,#0b477f);
  box-shadow:
    0 78px 82px rgba(0,0,0,.46),
    0 0 0 1px rgba(191,232,255,.42),
    inset 0 0 45px rgba(220,248,255,.3),
    inset 0 -38px 55px rgba(1,33,70,.46);
  filter:saturate(.9) contrast(1.06);
  animation:none;
}
body[data-page="index"] .custom-process .wafer-3d::before{
  content:"";
  position:absolute;
  z-index:3;
  inset:-20% -55%;
  background:linear-gradient(105deg,transparent 36%,rgba(255,255,255,.28) 48%,rgba(142,222,255,.12) 54%,transparent 65%);
  transform:translateX(-42%);
  animation:none;
}
body[data-page="index"] .custom-process .wafer-3d::after{
  inset:2.5%;
  border:1px solid rgba(228,249,255,.58);
  box-shadow:inset 0 0 16px rgba(177,230,255,.2);
}
body[data-page="index"] .custom-process .wafer-surface{
  z-index:1;
  inset:7%;
  opacity:.72;
  background-image:
    linear-gradient(rgba(216,246,255,.34) 1px,transparent 1px),
    linear-gradient(90deg,rgba(216,246,255,.34) 1px,transparent 1px),
    radial-gradient(circle at 50% 50%,rgba(126,215,255,.2),transparent 62%);
  background-size:25px 25px,25px 25px,100% 100%;
}
body[data-page="index"] .custom-process .wafer-scan{
  z-index:4;
  height:2px;
  top:19%;
  opacity:.7;
  background:linear-gradient(90deg,transparent 8%,#d4fbff 48%,transparent 92%);
  box-shadow:0 0 12px rgba(108,226,255,.9),0 0 28px rgba(44,156,255,.42);
  animation:none;
}
body[data-page="index"] .custom-process .wafer-light{
  z-index:5;
  width:8px;
  height:8px;
  border:1px solid rgba(225,251,255,.9);
  background:#73ddff;
  box-shadow:0 0 9px #9ceaff,0 0 22px rgba(63,180,255,.72);
}
body[data-page="index"] .custom-process .chip-3d{
  z-index:3;
  width:174px;
  height:174px;
  transform:rotateX(58deg) rotateZ(43deg) translate(102px,-68px);
  filter:drop-shadow(0 30px 25px rgba(0,0,0,.48));
  animation:none;
}
body[data-page="index"] .custom-process .chip-top{
  overflow:hidden;
  border:1px solid rgba(145,215,255,.78);
  border-radius:10px;
  background:
    radial-gradient(circle at 28% 20%,rgba(82,181,255,.28),transparent 30%),
    linear-gradient(145deg,#0c579d,#062b58 58%,#021a38);
  box-shadow:0 0 38px rgba(26,135,238,.34),inset 0 1px 0 rgba(255,255,255,.18),inset 0 0 32px rgba(38,133,221,.17);
}
body[data-page="index"] .custom-process .chip-top::before{
  inset:14px;
  border-color:rgba(149,216,255,.28);
  border-radius:5px;
}
body[data-page="index"] .custom-process .chip-top::after{
  content:"";
  position:absolute;
  inset:26px;
  opacity:.28;
  background:
    linear-gradient(90deg,transparent 47%,#6ec7ff 48% 52%,transparent 53%),
    linear-gradient(transparent 47%,#6ec7ff 48% 52%,transparent 53%);
  background-size:22px 22px;
}
body[data-page="index"] .custom-process .chip-top span,
body[data-page="index"] .custom-process .chip-top strong{position:relative;z-index:2;text-shadow:0 3px 14px rgba(0,0,0,.42)}
body[data-page="index"] .custom-process .chip-top span{font-size:11px;letter-spacing:.22em;color:#9ddcff}
body[data-page="index"] .custom-process .chip-top strong{font-size:25px;font-weight:800}
body[data-page="index"] .custom-process .chip-side{background:linear-gradient(#042650,#01142d)}
body[data-page="index"] .custom-process .chip-pins{opacity:.72;filter:saturate(.65)}
body[data-page="index"] .custom-process .data-orbit{
  z-index:2;
  border-color:rgba(91,174,255,.17);
  opacity:.48;
  animation-duration:30s;
}
body[data-page="index"] .custom-process .orbit-a{width:500px;height:220px}
body[data-page="index"] .custom-process .orbit-b{width:570px;height:280px;animation-duration:38s}
body[data-page="index"] .custom-process .data-orbit::before{
  width:7px;
  height:7px;
  background:#79d8ff;
  box-shadow:0 0 12px #6cd6ff,0 0 28px rgba(51,153,255,.55);
}
body[data-page="index"] .custom-process .process-visual-label{
  z-index:6;
  border-color:rgba(130,200,255,.2);
  background:rgba(3,18,39,.76);
  box-shadow:0 16px 42px rgba(0,0,0,.2);
  backdrop-filter:blur(16px) saturate(1.2);
}
@media(min-width:761px){
  body[data-page="index"] .custom-process .wafer-3d{animation:premiumWaferFloat 9s cubic-bezier(.4,0,.2,1) infinite}
  body[data-page="index"] .custom-process .wafer-3d::before{animation:premiumWaferSheen 8s ease-in-out infinite}
  body[data-page="index"] .custom-process .wafer-scan{animation:premiumWaferScan 6s cubic-bezier(.4,0,.2,1) infinite}
  body[data-page="index"] .custom-process .chip-3d{animation:premiumChipFloat 8s cubic-bezier(.4,0,.2,1) infinite}
  body[data-page="index"] .custom-process .wafer-light{animation:premiumNodePulse 3.8s ease-in-out infinite}
  body[data-page="index"] .custom-process .light-two{animation-delay:-1.2s}
  body[data-page="index"] .custom-process .light-three{animation-delay:-2.4s}
}
@keyframes premiumWaferFloat{
  0%,100%{transform:rotateX(69deg) rotateZ(-19deg) translate(-54px,72px)}
  50%{transform:rotateX(68deg) rotateZ(-17.8deg) translate(-54px,65px)}
}
@keyframes premiumWaferSheen{
  0%,18%{transform:translateX(-45%);opacity:0}
  42%,58%{opacity:.85}
  82%,100%{transform:translateX(45%);opacity:0}
}
@keyframes premiumWaferScan{
  0%,12%{top:19%;opacity:0}
  25%{opacity:.72}
  76%{opacity:.72}
  90%,100%{top:77%;opacity:0}
}
@keyframes premiumChipFloat{
  0%,100%{transform:rotateX(58deg) rotateZ(43deg) translate(102px,-68px)}
  50%{transform:rotateX(57deg) rotateZ(44deg) translate(102px,-76px)}
}
@keyframes premiumNodePulse{0%,100%{opacity:.48;transform:scale(.78)}50%{opacity:1;transform:scale(1.12)}}
@media(max-width:760px){
  body[data-page="index"] .custom-process .wafer-3d{width:330px;height:330px;transform:rotateX(69deg) rotateZ(-19deg) translate(-35px,65px);animation:none}
  body[data-page="index"] .custom-process .chip-3d{width:135px;height:135px;transform:rotateX(58deg) rotateZ(43deg) translate(72px,-48px);animation:none}
  body[data-page="index"] .custom-process .wafer-3d::before,
  body[data-page="index"] .custom-process .wafer-scan,
  body[data-page="index"] .custom-process .wafer-light{animation:none}
  body[data-page="index"] .custom-process .orbit-b{display:none}
  body[data-page="index"] .custom-process .orbit-a{width:360px;height:170px;opacity:.28}
}
@media(prefers-reduced-motion:reduce){
  body[data-page="index"] .custom-process .wafer-3d,
  body[data-page="index"] .custom-process .wafer-3d::before,
  body[data-page="index"] .custom-process .wafer-scan,
  body[data-page="index"] .custom-process .wafer-light,
  body[data-page="index"] .custom-process .chip-3d,
  body[data-page="index"] .custom-process .data-orbit{animation:none!important}
}
/* v7.73 — entirely new layered fab 3D animation */
body[data-page="index"] .fab-process-visual{
  position:relative;
  min-height:620px;
  isolation:isolate;
  overflow:hidden;
  border:1px solid rgba(110,190,255,.2);
  border-radius:28px;
  background:
    radial-gradient(circle at 50% 42%,rgba(34,139,238,.21),transparent 31%),
    linear-gradient(155deg,#081a31 0%,#020a16 60%,#07182d 100%);
  box-shadow:0 34px 82px rgba(2,33,70,.24),inset 0 1px 0 rgba(255,255,255,.06);
}
body[data-page="index"] .fab-process-visual::before{
  content:"";
  position:absolute;
  inset:0;
  opacity:.25;
  background-image:linear-gradient(rgba(113,191,255,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(113,191,255,.08) 1px,transparent 1px);
  background-size:42px 42px;
  mask-image:linear-gradient(to bottom,transparent,#000 22%,#000 82%,transparent);
}
.fab-stage{position:absolute;inset:32px 30px 106px;perspective:1000px;transform-style:preserve-3d}
.fab-halo{position:absolute;left:50%;top:48%;width:460px;height:260px;border-radius:50%;transform:translate(-50%,-50%);background:radial-gradient(ellipse,rgba(59,173,255,.25),rgba(10,80,160,.08) 46%,transparent 70%);filter:blur(12px)}
.fab-wafer-disc{
  position:absolute;z-index:1;left:50%;bottom:4%;width:430px;height:430px;border-radius:50%;overflow:hidden;
  transform-style:preserve-3d;transform:translateX(-50%) rotateX(67deg) rotateZ(-10deg);
  background:conic-gradient(from 25deg,#0a3c72,#1e8ec7,#75d9ec,#275da3,#61c9e2,#0b3a70);
  box-shadow:0 74px 70px rgba(0,0,0,.46),0 0 0 2px rgba(180,235,255,.42),inset 0 0 48px rgba(218,250,255,.32),inset 0 -45px 58px rgba(1,25,58,.52);
}
.fab-wafer-disc::after{content:"";position:absolute;inset:3%;border:1px solid rgba(225,250,255,.55);border-radius:50%;box-shadow:inset 0 0 22px rgba(170,228,255,.25)}
.fab-die-grid{position:absolute;inset:8%;border-radius:50%;opacity:.72;background-image:linear-gradient(rgba(222,249,255,.42) 1px,transparent 1px),linear-gradient(90deg,rgba(222,249,255,.42) 1px,transparent 1px);background-size:25px 25px;mask-image:radial-gradient(circle,#000 66%,transparent 69%)}
.fab-scan-line{position:absolute;z-index:3;left:8%;right:8%;top:18%;height:3px;background:linear-gradient(90deg,transparent,#d8fcff 22%,#65dfff 50%,#d8fcff 78%,transparent);box-shadow:0 0 12px #75e7ff,0 0 28px rgba(62,163,255,.72);animation:fabScan 5.4s cubic-bezier(.4,0,.2,1) infinite}
.fab-stack{position:absolute;z-index:4;left:50%;top:42%;width:178px;height:178px;transform-style:preserve-3d;transform:translate(-50%,-50%) rotateX(57deg) rotateZ(45deg)}
.fab-layer,.fab-core{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;border-radius:8px;transform-style:preserve-3d}
.fab-layer{border:1px solid rgba(135,217,255,.72);background:linear-gradient(145deg,rgba(29,145,222,.34),rgba(5,55,110,.62));box-shadow:0 0 30px rgba(35,158,244,.2),inset 0 0 20px rgba(148,226,255,.12);color:rgba(187,233,255,.72);font-size:9px;font-weight:900;letter-spacing:.18em}
.fab-layer::after{content:"";position:absolute;inset:18px;border:1px solid rgba(140,215,255,.18);border-radius:4px;background-image:linear-gradient(rgba(126,207,255,.12) 1px,transparent 1px),linear-gradient(90deg,rgba(126,207,255,.12) 1px,transparent 1px);background-size:20px 20px}
.fab-layer span{position:relative;z-index:2}
.fab-layer-optical{transform:translateZ(106px);animation:fabLayerOptical 7.5s ease-in-out infinite}
.fab-layer-metal{transform:translateZ(58px);animation:fabLayerMetal 7.5s ease-in-out infinite}
.fab-core{transform:translateZ(12px);border:1px solid rgba(146,220,255,.82);background:radial-gradient(circle at 30% 22%,rgba(70,176,255,.3),transparent 28%),linear-gradient(145deg,#0d5ca7,#031f46 68%);box-shadow:0 25px 38px rgba(0,0,0,.4),0 0 35px rgba(35,150,255,.34),inset 0 1px 0 rgba(255,255,255,.18);color:#fff}
.fab-core::before{content:"";position:absolute;inset:15px;border:1px solid rgba(165,225,255,.28);border-radius:4px}
.fab-core span,.fab-core strong{position:absolute;z-index:2;text-shadow:0 3px 12px rgba(0,0,0,.5)}
.fab-core span{margin-top:-28px;color:#91d9ff;font-size:11px;letter-spacing:.2em}
.fab-core strong{margin-top:14px;font-size:24px;letter-spacing:.07em}
.fab-node{position:absolute;z-index:5;width:8px;height:8px;border-radius:50%;background:#81e2ff;box-shadow:0 0 10px #81e2ff,0 0 28px rgba(45,159,255,.78);animation:fabPulse 3.6s ease-in-out infinite}
.fab-node-a{left:18%;top:36%}.fab-node-b{right:19%;top:50%;animation-delay:-1.2s}.fab-node-c{left:31%;bottom:12%;animation-delay:-2.4s}
.fab-guide{position:absolute;z-index:0;top:18%;bottom:9%;width:1px;background:linear-gradient(transparent,rgba(85,175,255,.48),transparent)}
.fab-guide::before,.fab-guide::after{content:"";position:absolute;width:56px;height:1px;background:linear-gradient(90deg,rgba(85,175,255,.42),transparent)}
.fab-guide::before{top:25%}.fab-guide::after{bottom:22%}.fab-guide-left{left:13%}.fab-guide-right{right:13%;transform:scaleX(-1)}
.fab-readout{position:absolute;z-index:8;left:24px;right:24px;bottom:22px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;padding:15px 17px;border:1px solid rgba(121,200,255,.2);border-radius:12px;background:rgba(3,18,39,.82);color:#fff;box-shadow:0 16px 38px rgba(0,0,0,.25);backdrop-filter:blur(16px)}
.fab-readout>span{color:#6bc9ff;font-size:10px;font-weight:900;letter-spacing:.16em}.fab-readout>strong{font-size:16px}.fab-readout>div{display:flex;gap:6px}.fab-readout b{padding:6px 8px;border:1px solid rgba(111,196,255,.18);border-radius:5px;color:rgba(224,245,255,.72);font-size:9px;letter-spacing:.08em}
@keyframes fabScan{0%,10%{top:18%;opacity:0}24%{opacity:1}76%{opacity:1}90%,100%{top:77%;opacity:0}}
@keyframes fabLayerOptical{0%,100%{transform:translateZ(106px)}50%{transform:translateZ(88px)}}
@keyframes fabLayerMetal{0%,100%{transform:translateZ(58px)}50%{transform:translateZ(50px)}}
@keyframes fabPulse{0%,100%{opacity:.38;transform:scale(.8)}50%{opacity:1;transform:scale(1.2)}}
@media(max-width:760px){
  body[data-page="index"] .fab-process-visual{min-height:410px}
  .fab-stage{inset:24px 12px 88px;transform:scale(.78);transform-origin:center 58%}
  .fab-readout{left:12px;right:12px;bottom:12px;grid-template-columns:auto 1fr;padding:12px 13px}
  .fab-readout>div{grid-column:1/-1}.fab-readout b{flex:1;text-align:center}
}
@media(prefers-reduced-motion:reduce){.fab-scan-line,.fab-layer,.fab-node{animation:none!important}}
.footer-bottom{display:flex;flex-wrap:wrap;align-items:center;gap:10px 18px}.footer-privacy-link{color:inherit;text-decoration:underline;text-underline-offset:3px;opacity:.85}.footer-privacy-link:hover,.footer-privacy-link:focus-visible{opacity:1}