@charset "UTF-8";

@font-face {
  font-family: "Podam Sungkok";
  src: url("assets/fonts/KMU80TTFSungkokSerif.ttf") format("truetype");
  font-style: normal;
  font-weight: 300;
  font-display: swap;
}

@font-face {
  font-family: "Podam Sungkok Semi";
  src: url("assets/fonts/KMU80TTFSungkokSemiSerif.ttf") format("truetype");
  font-style: normal;
  font-weight: 400;
  font-display: swap;
}

@font-face {
  font-family: "HSBombaram";
  src:
    url("assets/fonts/HSBombaram2.1.ttf") format("truetype"),
    local("HSBombaram 2.1"),
    local("HSBombaram21");
  font-style: normal;
  font-weight: 400;
  font-display: swap;
}

/* 210 OmniGothic numbered weights. Licensed local faces are preferred;
   bundled faces remain as a deterministic preview fallback. */
@font-face {
  font-family: "210 OmniGothic";
  src:
    local("210 OmniGothic 030"),
    local("210 옴니고딕 030"),
    local("TTOmniGothicM"),
    url("assets/fonts/KoPubWorld Dotum_Pro Light.otf") format("opentype");
  font-style: normal;
  font-weight: 400;
  font-display: swap;
}

@font-face {
  font-family: "210 OmniGothic";
  src:
    local("210 OmniGothic 040"),
    local("210 옴니고딕 040"),
    local("TTOmniGothicB"),
    url("assets/fonts/KoPubWorld Dotum_Pro Medium.otf") format("opentype");
  font-style: normal;
  font-weight: 500;
  font-display: swap;
}

@font-face {
  font-family: "210 OmniGothic";
  src:
    local("210 OmniGothic 050"),
    local("210 옴니고딕 050"),
    local("TTOmniGothicH"),
    url("assets/fonts/KoPubWorld Dotum_Pro Bold.otf") format("opentype");
  font-style: normal;
  font-weight: 600;
  font-display: swap;
}

@font-face {
  font-family: "210 OmniGothic";
  src:
    local("210 OmniGothic 050"),
    local("210 옴니고딕 050"),
    local("TTOmniGothicH"),
    url("assets/fonts/KoPubWorld Dotum_Pro Bold.otf") format("opentype");
  font-style: normal;
  font-weight: 700;
  font-display: swap;
}

@font-face {
  font-family: "KoPubWorld Dotum";
  src: url("assets/fonts/KoPubWorld Dotum_Pro Light.otf") format("opentype");
  font-style: normal;
  font-weight: 300;
  font-display: swap;
}

@font-face {
  font-family: "KoPubWorld Dotum";
  src: url("assets/fonts/KoPubWorld Dotum_Pro Medium.otf") format("opentype");
  font-style: normal;
  font-weight: 500;
  font-display: swap;
}

@font-face {
  font-family: "KoPubWorld Dotum";
  src: url("assets/fonts/KoPubWorld Dotum_Pro Bold.otf") format("opentype");
  font-style: normal;
  font-weight: 700;
  font-display: swap;
}

:root {
  --navy: #061e46;
  --navy-soft: #0b2f66;
  --royal: #0957b7;
  --royal-light: #58adff;
  --blue-on-light: #1d66c2;
  --ivory: #f7f0e6;
  --ivory-deep: #eadac7;
  --coral: #cf685a;
  --green: #176247;
  --green-bright: #75d2a3;
  --green-pale: #d9f1e4;
  --ink: #142642;
  --muted: #687386;
  --paper: #ffffff;
  --line: rgba(20, 38, 66, .15);
  --shadow: 0 24px 60px rgba(25, 39, 58, .14);
}

* {
  box-sizing: border-box;
}

html,
body {
  margin: 0;
  padding: 0;
  background: #d9dde2;
}

body {
  color: var(--ink);
  font-family: "210 OmniGothic", "KoPubWorld Dotum", "Apple SD Gothic Neo", sans-serif;
  font-weight: 400;
  word-break: keep-all;
  -webkit-font-smoothing: antialiased;
}

img {
  display: block;
  width: 100%;
}

figure,
h1,
h2,
h3,
p {
  margin: 0;
}

.page {
  width: 860px;
  margin: 0 auto;
  overflow: hidden;
  background: var(--paper);
}

.brand-serif,
.display,
.title,
.proof-row h3,
.function-list b,
.door-rack-copy h3,
.comparison-divider h3 {
  font-family: "Podam Sungkok", "KoPubWorld Dotum", serif;
  font-weight: 300;
}

.mega-number,
.facet-medallion b {
  font-family: "210 OmniGothic", "KoPubWorld Dotum", "Apple SD Gothic Neo", sans-serif;
  font-weight: 700;
}

.band-dark {
  color: #fff;
  background: #111820;
}

.band-navy {
  color: #fff;
  background: var(--navy);
}

.band-royal {
  color: #fff;
  background: var(--royal);
}

.band-blue {
  color: #fff;
  background: #0b3976;
}

.band-coral {
  color: #fff;
  background: var(--coral);
}

.band-green {
  color: #fff;
  background: var(--green);
}

.band-ivory {
  background: var(--ivory);
}

.band-white {
  background: #fff;
}

.topbar {
  min-height: 78px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 48px;
  color: #fff;
  background: #081428;
  border-bottom: 4px solid var(--royal-light);
}

.topbar .brand-serif {
  font-size: 28px;
  letter-spacing: .18em;
}

.topbar > span:not(.brand-serif) {
  color: #cce6ff;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: .18em;
}

.section-copy,
.point-head {
  position: relative;
  z-index: 2;
}

.section-copy--center {
  text-align: center;
}

.eyebrow,
.point-line {
  margin-bottom: 20px;
  color: var(--blue-on-light);
  font-size: 15px;
  font-weight: 700;
  line-height: 1.3;
  letter-spacing: .18em;
}

.eyebrow--blue {
  color: var(--royal-light);
}

.point-line {
  display: inline-block;
  padding-bottom: 9px;
  border-bottom: 2px solid currentColor;
}

.point-line--light {
  color: var(--royal-light);
}

.display {
  color: var(--ink);
  font-size: 65px;
  line-height: 1.2;
  letter-spacing: -.035em;
}

.display--light {
  color: #fff;
}

.title {
  color: var(--ink);
  font-size: 52px;
  line-height: 1.24;
  letter-spacing: -.035em;
}

.title--light {
  color: #fff;
}

.display em,
.title em,
.proof-row h3 em {
  color: var(--blue-on-light);
  font-style: normal;
}

.lead {
  margin-top: 24px;
  color: #566477;
  font-size: 21px;
  line-height: 1.75;
  letter-spacing: -.015em;
}

.lead--muted {
  color: rgba(255, 255, 255, .66);
}

.broadcast-caption {
  display: inline-block;
  margin-bottom: 23px;
  padding: 11px 18px 10px;
  color: #fff;
  font-size: 15px;
  font-weight: 700;
  letter-spacing: .1em;
  background: var(--coral);
}

.broadcast-caption--blue {
  background: var(--royal);
}

.pain-section {
  padding: 0;
}

.pain-section .section-copy {
  min-height: 610px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  margin: 0;
  padding: 88px 52px 84px;
  overflow: hidden;
  isolation: isolate;
  text-shadow: 0 4px 24px rgba(0, 0, 0, .54);
}

.pain-section .section-copy::before,
.pain-section .section-copy::after {
  content: "";
  position: absolute;
  inset: 0;
}

.pain-section .section-copy::before {
  z-index: -2;
  background: url("assets/static/pain_03.jpg") center 44% / cover no-repeat;
  filter: grayscale(1) contrast(1.06) brightness(.64) blur(1.6px);
  transform: scale(1.025);
}

.pain-section .section-copy::after {
  z-index: -1;
  background:
    linear-gradient(180deg, rgba(4, 9, 16, .92) 0%, rgba(4, 9, 16, .74) 38%, rgba(4, 9, 16, .58) 100%),
    linear-gradient(90deg, rgba(4, 9, 16, .4), transparent 50%, rgba(4, 9, 16, .4));
}

.pain-section .display em {
  color: var(--royal-light);
}

.pain-section .display {
  font-size: 61px;
  line-height: 1.24;
}

.pain-section .lead {
  color: rgba(255, 255, 255, .82);
}

.pain-list {
  display: grid;
  grid-template-columns: 1fr;
  gap: 0;
  border-top: 1px solid rgba(255, 255, 255, .12);
}

.pain-scene {
  position: relative;
  height: 340px;
  overflow: hidden;
  border-bottom: 1px solid rgba(255, 255, 255, .12);
  background: #1a2027;
}

.pain-scene img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center 46%;
  filter: grayscale(1) contrast(1.04) brightness(.83);
}

.pain-scene__veil {
  position: absolute;
  inset: 0;
  background: linear-gradient(90deg, rgba(7, 15, 30, .95) 0%, rgba(7, 15, 30, .72) 48%, rgba(7, 15, 30, .08) 88%);
}

.pain-scene__copy {
  position: absolute;
  z-index: 2;
  left: 64px;
  top: 50%;
  width: 560px;
  transform: translateY(-50%);
}

.pain-scene__copy span {
  display: block;
  margin-bottom: 20px;
  color: var(--royal-light);
  font-size: 13px;
  font-weight: 700;
  letter-spacing: .16em;
}

.pain-scene__copy h3 {
  font-family: "Podam Sungkok", "KoPubWorld Dotum", serif;
  color: #fff;
  font-size: 40px;
  font-weight: 300;
  line-height: 1.34;
  letter-spacing: -.035em;
}

.hero-main {
  position: relative;
  height: 1500px;
  overflow: hidden;
  color: var(--navy);
  background:
    linear-gradient(135deg, transparent 0 46%, rgba(42, 124, 216, .065) 46.15% 46.35%, transparent 46.5% 100%),
    linear-gradient(45deg, transparent 0 55%, rgba(42, 124, 216, .045) 55.15% 55.35%, transparent 55.5% 100%),
    #f8fbff;
}

.hero-main__photo {
  position: absolute;
  left: -12%;
  right: auto;
  bottom: 24px;
  width: 124%;
  height: auto;
  max-width: none;
  background: #fff;
}

.hero-main__veil {
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, rgba(248, 251, 255, 1) 0%, rgba(248, 251, 255, .98) 23%, rgba(248, 251, 255, .82) 31%, rgba(248, 251, 255, .42) 40%, rgba(248, 251, 255, .06) 49%, rgba(248, 251, 255, 0) 58%);
  pointer-events: none;
}

.hero-main__copy {
  position: absolute;
  z-index: 2;
  left: 40px;
  top: 46px;
  width: 780px;
  text-align: center;
}

.hero-main__copy .brand-serif {
  display: block;
  color: var(--navy);
  font-size: 164px;
  font-weight: 600;
  line-height: .9;
  letter-spacing: -.035em;
  -webkit-text-stroke: .35px currentColor;
}

.hero-main__copy .display {
  margin-top: 20px;
  color: var(--navy);
  font-size: 72px;
  line-height: 1.05;
  letter-spacing: -.05em;
}

.hero-main__copy > p {
  margin-top: 46px;
  color: var(--royal);
  font-size: 17px;
  font-weight: 700;
  letter-spacing: .13em;
}

.hero-main__copy > p i {
  padding: 0 10px;
  color: var(--coral);
  font-style: normal;
}

.motion-full {
  position: relative;
  overflow: hidden;
  background: #fff;
}

.motion-full img {
  width: 100%;
  height: auto;
}

.broadcast-break {
  padding: 104px 60px 110px;
  text-align: center;
}

.broadcast-break .display {
  font-size: 88px;
  line-height: 1;
}

.broadcast-break p {
  margin-bottom: 22px;
  color: #bddcff;
  font-size: 14px;
  font-weight: 700;
  letter-spacing: .2em;
}

.broadcast-break strong {
  color: #fff5e8;
  font-weight: 300;
  box-shadow: inset 0 -.2em rgba(207, 104, 90, .82);
}

.solution-bridge {
  position: relative;
  height: 1100px;
  padding: 0;
  overflow: hidden;
  color: var(--navy);
  text-align: left;
  background:
    radial-gradient(circle at 82% 72%, rgba(88, 173, 255, .18), transparent 32%),
    linear-gradient(180deg, #ffffff 0%, #f5f1e9 100%);
}

.solution-bridge__photo {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}

.solution-bridge__veil {
  position: absolute;
  inset: 0;
  background:
    linear-gradient(90deg, rgba(255, 255, 255, .98) 0%, rgba(255, 255, 255, .9) 27%, rgba(255, 255, 255, .4) 49%, transparent 72%),
    linear-gradient(180deg, rgba(255, 255, 255, .72) 0%, rgba(255, 255, 255, .16) 53%, transparent 76%);
}

.solution-bridge__copy {
  position: absolute;
  z-index: 2;
  left: 58px;
  top: 72px;
  width: 570px;
}

.solution-bridge__copy > p {
  margin: 0 0 34px;
  color: #34465f;
  font-size: 27px;
  font-weight: 700;
  line-height: 1.45;
  letter-spacing: -.035em;
}

.solution-bridge__copy > p strong {
  color: var(--royal);
  font-weight: 700;
}

.solution-bridge__keywords {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 2px;
}

.solution-bridge__keywords b {
  font-family: "Podam Sungkok", "KoPubWorld Dotum", serif;
  font-size: 76px;
  font-weight: 300;
  line-height: 1.08;
  letter-spacing: -.06em;
}

.solution-bridge__keywords b:nth-child(1) {
  color: var(--royal);
}

.solution-bridge__keywords b:nth-child(2) {
  color: var(--coral);
}

.solution-bridge__keywords b:nth-child(3) {
  color: var(--green);
}

.solution-bridge__keywords b:nth-child(4) {
  color: #a46b12;
}

.solution-bridge__copy h2 {
  display: inline-block;
  margin-top: 26px;
  padding: .08em .18em .12em;
  color: #fff;
  font-family: "Podam Sungkok", "KoPubWorld Dotum", serif;
  font-size: 70px;
  font-weight: 300;
  line-height: 1;
  letter-spacing: -.055em;
  background: var(--navy);
}

.care-standard-section {
  padding: 116px 60px 122px;
  background: linear-gradient(180deg, #fff 0%, #f5f9ff 100%);
}

.care-standard__intro {
  max-width: 740px;
  margin: 0 auto 84px;
  text-align: center;
}

.care-standard__intro .title {
  font-size: 90px;
  line-height: 1.12;
  letter-spacing: -.055em;
}

.care-standard__list {
  border-top: 2px solid var(--navy);
}

.care-standard__list article {
  min-height: 268px;
  display: grid;
  grid-template-columns: 148px minmax(0, 1fr);
  align-items: center;
  gap: 28px;
  padding: 40px 8px;
  border-bottom: 1px solid rgba(6, 30, 70, .19);
}

.care-standard__list article > span {
  font-family: "Podam Sungkok", "KoPubWorld Dotum", serif;
  color: var(--royal);
  font-size: 54px;
  font-weight: 300;
  line-height: 1;
  letter-spacing: -.055em;
}

.care-standard__list article:nth-child(2) > span {
  color: var(--coral);
}

.care-standard__list article:nth-child(3) > span {
  color: var(--green);
}

.care-standard__list article:nth-child(4) > span {
  color: #0d6f8f;
}

.care-standard__list h3 {
  color: var(--ink);
  font-family: "Podam Sungkok", "KoPubWorld Dotum", serif;
  font-size: 58px;
  font-weight: 300;
  line-height: 1.46;
  letter-spacing: -.035em;
}

.care-standard__key {
  --care-key-color: var(--royal);
  --care-key-glow: 9, 87, 183;
  display: inline-block;
  position: relative;
  isolation: isolate;
  margin: 0 .18em .08em;
  padding: .15em .3em .12em;
  color: #fff;
  font-family: inherit;
  font-weight: 700;
  line-height: 1.12;
  letter-spacing: -.025em;
  white-space: nowrap;
  vertical-align: .03em;
  overflow: hidden;
  background-color: var(--care-key-color);
  background-image:
    linear-gradient(180deg, rgba(255, 255, 255, .18), rgba(255, 255, 255, 0) 54%),
    linear-gradient(112deg, transparent 28%, rgba(255, 255, 255, .08) 39%, rgba(255, 255, 255, .48) 50%, rgba(255, 255, 255, .10) 61%, transparent 72%);
  background-repeat: no-repeat;
  background-size: 100% 100%, 260% 100%;
  background-position: 0 0, 155% 0;
  border-radius: 5px;
  box-shadow:
    0 10px 24px rgba(var(--care-key-glow), .23),
    inset 0 1px 0 rgba(255, 255, 255, .52),
    inset 0 -2px 0 rgba(0, 0, 0, .10);
  animation: care-standard-key-satin 4.2s cubic-bezier(.42, 0, .23, 1) infinite;
}

.care-standard__list article:nth-child(2) .care-standard__key {
  --care-key-color: var(--coral);
  --care-key-glow: 207, 104, 90;
}

.care-standard__list article:nth-child(3) .care-standard__key {
  --care-key-color: var(--green);
  --care-key-glow: 23, 98, 71;
}

.care-standard__list article:nth-child(4) .care-standard__key {
  --care-key-color: #0d6f8f;
  --care-key-glow: 13, 111, 143;
}

@keyframes care-standard-key-satin {
  0%, 18% {
    background-position: 0 0, 155% 0;
  }
  58%, 100% {
    background-position: 0 0, -155% 0;
  }
}

@media (prefers-reduced-motion: reduce) {
  .care-standard__key {
    animation: none;
    background-position: 0 0, 50% 0;
  }
}

.page--three-standards {
  display: flex;
  flex-direction: column;
}

.page--three-standards > .topbar { order: 1; }
.page--three-standards > .hero-main { order: 2; }
.page--three-standards > .pain-section { order: 3; }
.page--three-standards > .broadcast-break { order: 4; }
.page--three-standards > .care-standard-section { order: 5; }
.page--three-standards > .dual-section { order: 6; }
.page--three-standards > .optical-bridge { order: 7; }
.page--three-standards > .facet-section { order: 8; }
.page--three-standards > .registration-section { order: 9; }
.page--three-standards > .time-section { order: 10; }
.page--three-standards > .proof-section { order: 11; }
.page--three-standards > .supporting-section { order: 12; }
.page--three-standards > .power-intro { order: 13; }
.page--three-standards > .comparison-section { order: 14; }
.page--three-standards > .functions-section { order: 15; }
.page--three-standards > .feature-flow { order: 16; }
.page--three-standards > .function-chapter--dry { order: 16; }
.page--three-standards > .function-chapter--storage { order: 17; }
.page--three-standards > .function-chapter--mute { order: 18; }
.page--three-standards > .function-chapter--modes { order: 19; }
.page--three-standards > .small-feature { order: 20; }
.page--three-standards > .capacity-section { order: 21; }
.page--three-standards > .door-rack-section { order: 22; }
.page--three-standards > .multipurpose-section { order: 23; }
.page--three-standards > .colors-section { order: 24; }
.page--three-standards > .product-detail-section { order: 25; }
.page--three-standards > .closing-section { order: 26; }

.registration-section {
  padding: 112px 60px 110px;
}

.registration-section .section-copy {
  margin-bottom: 62px;
}

.registration-papers {
  display: grid;
  grid-template-columns: 1fr;
  gap: 28px;
}

.registration-paper {
  overflow: hidden;
  background: #fff;
  box-shadow: var(--shadow);
}

.registration-paper__crop {
  height: 370px;
  overflow: hidden;
  background: #fff;
}

.registration-paper__crop img {
  width: 100%;
  height: auto;
  object-position: top center;
}

.registration-paper figcaption {
  padding: 23px 28px 25px;
  color: var(--navy);
  font-size: 18px;
  font-weight: 700;
  text-align: center;
  border-top: 1px solid var(--line);
}

.dual-section {
  padding-top: 0;
}

.dual-section .point-head {
  min-height: 700px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 128px 60px 126px;
  text-align: center;
}

.section-symbol {
  width: 78px;
  height: 78px;
  display: block;
  margin: 0 auto 26px;
  padding: 15px;
  background: #eef6ff;
  border: 1px solid rgba(9, 87, 183, .14);
  border-radius: 50%;
}

.section-symbol--light {
  width: 84px;
  height: 84px;
  margin-bottom: 28px;
  padding: 16px;
  background: rgba(255, 255, 255, .1);
  border-color: rgba(255, 255, 255, .28);
}

.motion-full--dual {
  height: 1500px;
}

.motion-full--dual img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.legacy-dual-stack {
  width: 100%;
  overflow: hidden;
  background: #000;
}

.legacy-dual-stack img {
  display: block;
  width: 100%;
  height: auto;
}

.dual-equation {
  display: grid;
  grid-template-columns: 1fr 64px 1fr;
  align-items: center;
  margin: 0;
  padding: 42px 58px 46px;
  color: #fff;
  text-align: center;
  background: var(--navy);
}

.dual-equation span {
  font-size: 16px;
  line-height: 1.45;
}

.dual-equation b {
  display: block;
  margin-bottom: 7px;
  color: var(--royal-light);
  font-size: 21px;
  letter-spacing: .04em;
}

.dual-equation i {
  color: #fff;
  font-size: 40px;
  font-style: normal;
  font-weight: 300;
}

.optical-bridge {
  position: relative;
  min-height: 700px;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  text-align: center;
}

.facet-lines {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 760px;
  height: 760px;
  opacity: .42;
  transform: translate(-50%, -50%);
}

.facet-lines g {
  stroke: var(--royal-light);
  stroke-width: 2;
}

.optical-bridge__copy {
  position: relative;
  z-index: 2;
}

.optical-bridge__copy > p {
  margin-bottom: 23px;
  color: var(--royal-light);
  font-size: 14px;
  font-weight: 700;
  letter-spacing: .2em;
}

.optical-bridge__copy .title em {
  color: #fff;
  box-shadow: inset 0 -.18em rgba(36, 127, 223, .74);
}

.optical-bridge__copy > span {
  display: block;
  margin-top: 36px;
  color: #fff;
  font-family: "Podam Sungkok", "KoPubWorld Dotum", serif;
  font-size: 31px;
  font-weight: 300;
  line-height: 1.45;
  letter-spacing: -.025em;
}

.facet-section {
  padding: 58px 60px 122px;
  background: radial-gradient(circle at 50% 84%, #e7f2ff 0%, var(--ivory) 58%);
}

.facet-section .point-head {
  text-align: left;
}

.facet-stage {
  position: relative;
  width: 740px;
  height: 416px;
  margin: 70px auto 0;
}

.facet-photo {
  width: 100%;
  height: 100%;
  overflow: hidden;
  background: var(--navy);
  clip-path: polygon(20% 5%, 50% 0, 80% 5%, 93% 18%, 100% 50%, 93% 82%, 80% 95%, 50% 100%, 20% 95%, 7% 82%, 0 50%, 7% 18%);
  filter: drop-shadow(0 28px 36px rgba(6, 30, 70, .23));
}

.facet-photo img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.facet-medallion {
  position: absolute;
  right: 8px;
  bottom: -58px;
  width: 176px;
  height: 176px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  color: #fff;
  text-align: center;
  background: rgba(6, 30, 70, .88);
  border: 1px solid rgba(255, 255, 255, .75);
  border-radius: 50%;
  box-shadow: 0 15px 34px rgba(6, 30, 70, .28);
}

.facet-medallion b {
  font-size: 72px;
  line-height: .9;
}

.facet-medallion span {
  margin-top: 12px;
  color: var(--royal-light);
  font-size: 17px;
  font-weight: 700;
  letter-spacing: .15em;
}

.image-benefit {
  position: relative;
  z-index: 2;
  margin: 0;
  padding: 54px 44px 62px;
  color: var(--ink);
  font-family: "210 OmniGothic", "KoPubWorld Dotum", "Apple SD Gothic Neo", sans-serif;
  font-size: 30px;
  font-weight: 700;
  line-height: 1.48;
  letter-spacing: -.035em;
  text-align: center;
  background: #fff;
}

.image-benefit strong {
  display: inline-block;
  margin-top: 9px;
  padding: .1em .28em .14em;
  color: #fff;
  font-family: inherit;
  font-size: 40px;
  font-weight: 700;
  line-height: 1.22;
  letter-spacing: -.045em;
  background: var(--royal);
  box-decoration-break: clone;
  -webkit-box-decoration-break: clone;
}

.image-benefit--navy {
  color: rgba(255, 255, 255, .92);
  background: var(--navy);
}

.image-benefit--navy strong {
  color: var(--navy);
  background: var(--royal-light);
}

.dual-section > .image-benefit {
  padding-top: 34px;
}

.facet-section > .image-benefit {
  margin-top: 94px;
  padding-right: 0;
  padding-bottom: 0;
  padding-left: 0;
  background: transparent;
}

.point-stage-label {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 16px;
  margin: 0 0 76px;
  text-align: center;
}

.point-stage-label span {
  color: var(--royal);
  font-size: 30px;
  font-weight: 700;
  line-height: 1;
  letter-spacing: .12em;
}

.point-stage-label strong {
  color: var(--navy);
  font-family: "Podam Sungkok", "KoPubWorld Dotum", serif;
  font-size: 104px;
  font-weight: 300;
  line-height: 1;
  letter-spacing: -.055em;
}

.point-stage-label--light span {
  color: #7ec0ff;
}

.point-stage-label--light strong {
  color: #fff;
}

.point-stage-label--green span {
  color: #a8e9c6;
}

.point-stage-label--green strong {
  color: #f5fff9;
}

.dual-section > .point-head .title,
.proof-section > .section-copy .title {
  font-size: 72px;
  line-height: 1.16;
}

.time-section {
  position: relative;
  min-height: 1520px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 168px 60px 200px;
  text-align: center;
  overflow: hidden;
}

.time-section::before {
  content: "";
  position: absolute;
  left: 50%;
  top: 61%;
  width: 700px;
  height: 700px;
  border: 1px solid rgba(88, 173, 255, .2);
  border-radius: 50%;
  box-shadow: 0 0 0 74px rgba(88, 173, 255, .055), 0 0 0 148px rgba(88, 173, 255, .035);
  transform: translate(-50%, -50%);
}

.time-copy {
  position: relative;
  z-index: 3;
  width: 100%;
}

.time-copy .title {
  margin-bottom: 38px;
  font-size: 66px;
}

.mega-number {
  color: var(--royal-light);
  font-size: 220px;
  line-height: .86;
  letter-spacing: -.045em;
}

.time-section .mega-number {
  position: relative;
  isolation: isolate;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 700px;
  min-height: 324px;
  padding: 22px 20px 28px;
  font-family: "HSBombaram", "HS봄바람체 2.1", "Podam Sungkok", serif;
  font-weight: 400;
  font-size: 230px;
  line-height: .92;
  letter-spacing: .02em;
  word-spacing: -.16em;
  color: #75c4ff;
  background: linear-gradient(180deg, #f4fbff 0%, #8ed0ff 38%, #58adff 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  text-shadow: 0 16px 42px rgba(0, 17, 46, .28), 0 0 30px rgba(88, 173, 255, .18);
  white-space: nowrap;
}

.time-section .mega-number::before {
  content: "";
  position: absolute;
  z-index: -2;
  inset: 0;
  background: radial-gradient(circle at 50% 45%, rgba(83, 172, 255, .24), rgba(4, 34, 78, .08) 60%, transparent 72%);
  border-radius: 50%;
  box-shadow: inset 0 0 90px rgba(83, 172, 255, .12);
}

.time-section .mega-number::after {
  display: none;
}

.mega-caption {
  display: block;
  margin-top: 34px;
  color: #fff;
  font-size: 19px;
}

.time-scenarios {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 92px 0 96px;
  color: #d9ebff;
}

.time-scenarios span {
  position: relative;
  font-family: "Podam Sungkok", "KoPubWorld Dotum", serif;
  font-size: 29px;
  font-weight: 700;
  line-height: 1.25;
  letter-spacing: -.035em;
  white-space: nowrap;
}

.time-scenarios span:last-child {
  color: #fff;
  font-size: 32px;
}

.time-scenarios span + span {
  margin-left: 30px;
  padding-left: 37px;
}

.time-scenarios span + span::before {
  content: "\\";
  position: absolute;
  left: 0;
  top: 50%;
  color: rgba(255, 255, 255, .5);
  font-family: "210 OmniGothic", "KoPubWorld Dotum", sans-serif;
  font-size: 30px;
  font-weight: 300;
  transform: translateY(-50%);
}

.body-on-dark {
  margin-top: 26px;
  color: rgba(255, 255, 255, .66);
  font-size: 16px;
  line-height: 1.65;
}

.time-enough {
  margin-top: 40px;
  color: #fff;
  font-family: "Podam Sungkok", "KoPubWorld Dotum", serif;
  font-size: 62px;
  font-weight: 300;
  line-height: 1.2;
}

.mega-caption--boxed {
  display: inline-block;
  margin-top: 42px;
  padding: 18px 30px 17px;
  font-size: 22px;
  color: var(--navy);
  background: #fff;
  border-left: 6px solid var(--royal-light);
}

.power-intro {
  position: relative;
  min-height: 1450px;
  padding: 156px 60px 184px;
  text-align: center;
  overflow: hidden;
  background:
    radial-gradient(circle at 17% 14%, rgba(117, 210, 163, .34) 0 8%, transparent 8.3%),
    radial-gradient(circle at 88% 78%, rgba(217, 241, 228, .16) 0 15%, transparent 15.3%),
    linear-gradient(145deg, #124f3d 0%, #1c7352 58%, #2c8a63 100%);
}

.power-intro > * {
  position: relative;
  z-index: 1;
}

.power-intro::after {
  content: "";
  position: absolute;
  right: -150px;
  top: -120px;
  width: 520px;
  height: 520px;
  border: 1px solid rgba(217, 241, 228, .26);
  border-radius: 50%;
  box-shadow: 0 0 0 65px rgba(217, 241, 228, .05), 0 0 0 130px rgba(217, 241, 228, .035);
}

.point-line--green {
  color: #c9f2dc;
}

.power-intro .title {
  margin-bottom: 82px;
  font-size: 72px;
}

.mega-number--white {
  position: relative;
  isolation: isolate;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 30px;
  min-width: 570px;
  min-height: 294px;
  padding: 24px 58px 30px;
  font-family: "HSBombaram", "HS봄바람체 2.1", "Podam Sungkok", serif;
  font-weight: 400;
  color: #e5f7ed;
  font-size: 238px;
  line-height: .9;
  letter-spacing: 0;
  text-shadow: 0 18px 44px rgba(2, 47, 31, .35), 0 0 32px rgba(168, 233, 198, .2);
}

.mega-number--white::before {
  content: "";
  position: absolute;
  z-index: -2;
  inset: 0;
  background: radial-gradient(circle at 50% 48%, rgba(218, 255, 235, .13), rgba(6, 75, 52, .04) 62%, transparent 72%);
  border-radius: 50%;
  box-shadow: inset 0 0 94px rgba(202, 246, 222, .1);
}

.mega-number--white::after {
  display: none;
}

.mega-number--white .mega-number__value {
  color: #effcf5;
  font-size: 270px;
  line-height: .82;
  letter-spacing: 0;
}

.mega-number--white .mega-number__unit {
  align-self: flex-end;
  margin-bottom: 46px;
  color: #a8e9c6;
  font-size: 150px;
  line-height: .84;
  letter-spacing: 0;
}

.mega-caption--white {
  color: #fff9f5;
}

.power-compare {
  display: inline-block;
  max-width: 690px;
  margin-top: 74px;
  padding: 24px 34px 23px;
  color: #15533e;
  font-size: 24px;
  font-weight: 700;
  line-height: 1.55;
  background: rgba(247, 255, 250, .96);
  border-left: 7px solid var(--green-bright);
  box-shadow: 0 16px 34px rgba(4, 43, 30, .24);
}

.power-note {
  max-width: 620px;
  margin: 22px auto 0;
  color: rgba(255, 255, 255, .61);
  font-size: 14px;
  font-weight: 300;
  line-height: 1.6;
}

.comparison-section {
  padding-top: 0;
}

.podam-difference-bridge {
  position: relative;
  isolation: isolate;
  min-height: 870px;
  display: grid;
  place-items: center;
  overflow: hidden;
  color: #fff;
  background: #020914;
}

.podam-difference-bridge__media,
.podam-difference-bridge__veil {
  position: absolute;
  inset: 0;
}

.podam-difference-bridge__media {
  z-index: -3;
}

.podam-difference-bridge__image {
  position: absolute;
  left: 0;
  width: 100%;
  height: 48%;
  object-fit: cover;
}

.podam-difference-bridge__image--upper {
  top: 0;
  filter: grayscale(1) contrast(1.12) brightness(.62);
  -webkit-mask-image: linear-gradient(to bottom, #000 0%, #000 56%, rgba(0, 0, 0, .6) 76%, transparent 100%);
  mask-image: linear-gradient(to bottom, #000 0%, #000 56%, rgba(0, 0, 0, .6) 76%, transparent 100%);
}

.podam-difference-bridge__image--middle {
  z-index: -1;
  top: 27%;
  height: 52%;
  object-position: center 54%;
  filter: grayscale(.62) saturate(.65) contrast(1.08) brightness(.52);
  -webkit-mask-image: linear-gradient(to bottom, transparent 0%, #000 22%, #000 76%, transparent 100%);
  mask-image: linear-gradient(to bottom, transparent 0%, #000 22%, #000 76%, transparent 100%);
}

.podam-difference-bridge__image--lower {
  bottom: 0;
  object-position: center 44%;
  filter: saturate(.82) contrast(1.08) brightness(.62);
  -webkit-mask-image: linear-gradient(to top, #000 0%, #000 52%, rgba(0, 0, 0, .58) 74%, transparent 100%);
  mask-image: linear-gradient(to top, #000 0%, #000 52%, rgba(0, 0, 0, .58) 74%, transparent 100%);
}

.podam-difference-bridge__veil {
  z-index: -2;
  background:
    linear-gradient(180deg, rgba(2, 9, 20, .14) 0%, rgba(2, 12, 28, .72) 39%, rgba(4, 30, 70, .82) 57%, rgba(2, 9, 20, .22) 100%),
    radial-gradient(circle at 50% 52%, rgba(9, 87, 183, .45), transparent 42%);
}

.podam-difference-bridge h2 {
  max-width: 780px;
  padding: 0 34px;
  color: #fff;
  font-family: "Podam Sungkok", "KoPubWorld Dotum", serif;
  font-size: 90px;
  font-weight: 300;
  line-height: 1.08;
  letter-spacing: -.055em;
  text-align: center;
  text-shadow: 0 6px 30px rgba(0, 0, 0, .72);
}

.podam-difference-bridge h2 strong {
  display: inline-block;
  margin-right: .08em;
  padding: .04em .16em .08em;
  color: #fff;
  font-family: inherit;
  font-weight: 300;
  background: var(--royal);
  box-shadow: 0 16px 42px rgba(9, 87, 183, .42);
}

.comparison-divider {
  min-height: 230px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 42px 60px;
  text-align: center;
}

.comparison-divider span {
  margin-bottom: 16px;
  color: var(--royal-light);
  font-size: 18px;
  font-weight: 700;
  letter-spacing: .18em;
}

.comparison-divider h3 {
  color: #fff;
  font-family: "Podam Sungkok", "KoPubWorld Dotum", serif;
  font-size: 66px;
  font-weight: 300;
  line-height: 1.12;
  letter-spacing: -.035em;
}

.band-royal.comparison-divider span {
  color: #d6eaff;
}

.light-compare {
  padding: 82px 24px 86px;
  background:
    radial-gradient(circle at 76% 28%, rgba(38, 132, 231, .16), transparent 34%),
    linear-gradient(180deg, #f8fbff 0%, #eef4fb 100%);
}

.light-compare__stage {
  display: grid;
  grid-template-columns: 286px 56px 450px;
  align-items: end;
  gap: 10px;
}

.light-card {
  position: relative;
  isolation: isolate;
  display: flex;
  flex-direction: column;
  align-items: stretch;
  overflow: hidden;
  text-align: center;
  border-radius: 42px;
}

.light-card::before {
  content: "";
  position: absolute;
  z-index: -1;
  inset: 0;
  pointer-events: none;
}

.light-card--single {
  min-height: 900px;
  padding: 42px 24px 30px;
  color: #565d69;
  background: #f2f3f5;
  border: 1px solid #d8dde5;
  box-shadow: 0 18px 38px rgba(35, 45, 61, .12);
}

.light-card--single::before {
  background: linear-gradient(180deg, rgba(73, 80, 92, .08), transparent 38%);
}

.light-card--dual {
  min-height: 1060px;
  padding: 50px 30px 34px;
  color: var(--navy);
  background: linear-gradient(180deg, #f5faff 0%, #e7f3ff 54%, #f8fbff 100%);
  border: 3px solid var(--royal);
  box-shadow: 0 28px 58px rgba(9, 87, 183, .27);
}

.light-card--dual::before {
  background:
    radial-gradient(circle at 50% 34%, rgba(63, 160, 255, .26), transparent 34%),
    linear-gradient(150deg, rgba(255, 255, 255, .72), transparent 46%);
}

.light-card__brand {
  min-height: 24px;
  color: #747d8c;
  font-size: 14px;
  font-weight: 700;
  letter-spacing: .12em;
}

.light-card--dual .light-card__brand {
  color: var(--royal);
  font-family: "Podam Sungkok", "KoPubWorld Dotum", serif;
  font-size: 20px;
  letter-spacing: .19em;
}

.light-card h4 {
  margin-top: 17px;
  color: inherit;
  font-family: "Podam Sungkok", "KoPubWorld Dotum", serif;
  font-size: 39px;
  font-weight: 300;
  line-height: 1.08;
  letter-spacing: -.045em;
}

.light-card--dual h4 {
  color: var(--navy);
  font-size: 54px;
}

.light-card__product {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-end;
  margin: 24px 0 28px;
}

.light-card--single .light-card__product {
  height: 314px;
}

.light-card--dual .light-card__product {
  height: 420px;
  margin-top: 28px;
}

.light-card__product img {
  display: block;
  width: auto;
  height: auto;
  object-fit: contain;
}

.light-card--single .light-card__product img {
  max-width: 224px;
  max-height: 260px;
  filter: saturate(.72) brightness(.92);
}

.light-card--dual .light-card__product img {
  max-width: 374px;
  max-height: 374px;
  filter: drop-shadow(0 17px 24px rgba(9, 87, 183, .2));
}

.light-card__product figcaption {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  min-width: 112px;
  margin-top: 10px;
  padding: 8px 14px 7px;
  color: #606978;
  font-size: 13px;
  font-weight: 700;
  background: rgba(255, 255, 255, .94);
  border: 1px solid rgba(73, 86, 105, .18);
  border-radius: 999px;
}

.light-card--dual .light-card__product figcaption {
  min-width: 142px;
  color: var(--royal);
  background: #fff;
  border-color: rgba(9, 87, 183, .25);
}

.light-card__product figcaption b {
  color: inherit;
  font-size: 22px;
  line-height: .8;
}

.light-card__metrics {
  display: grid;
  gap: 12px;
  margin-top: auto;
}

.light-card__metrics > div {
  min-height: 154px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 20px 16px;
  background: rgba(255, 255, 255, .92);
  border: 1px solid rgba(95, 109, 128, .13);
  border-radius: 21px;
}

.light-card--dual .light-card__metrics > div {
  min-height: 166px;
  border-color: rgba(9, 87, 183, .17);
  box-shadow: 0 10px 22px rgba(9, 87, 183, .08);
}

.light-card__metrics dt {
  margin-bottom: 13px;
  color: #7b8492;
  font-size: 13px;
  font-weight: 700;
  letter-spacing: .12em;
}

.light-card__metrics dd {
  width: 100%;
  margin: 0;
  color: #313844;
  font-size: 20px;
  font-weight: 700;
  line-height: 1.45;
  letter-spacing: -.03em;
  text-align: center;
}

.light-card--dual .light-card__metrics dd {
  color: var(--navy);
  font-size: 23px;
}

.light-card__metrics .light-card__time {
  font-family: "Podam Sungkok", "KoPubWorld Dotum", serif;
  font-size: 40px;
  font-weight: 300;
  line-height: 1;
}

.light-card__metrics .light-card__time--podam {
  color: var(--royal);
  font-family: "HSBombaram", "HS봄바람체 2.1", "Podam Sungkok", serif;
  font-size: 86px;
  font-weight: 400;
}

.light-card__time small {
  display: block;
  margin-top: 15px;
  color: #63748b;
  font-family: "210 OmniGothic", "KoPubWorld Dotum", "Apple SD Gothic Neo", sans-serif;
  font-size: 12px;
  font-weight: 700;
  line-height: 1.35;
  letter-spacing: .01em;
}

.light-compare__vs {
  z-index: 3;
  align-self: center;
  width: 62px;
  height: 62px;
  display: grid;
  place-items: center;
  margin-left: -3px;
  color: var(--navy);
  font-size: 22px;
  font-weight: 700;
  background: #fff;
  border: 2px solid #d8e2ef;
  border-radius: 50%;
  box-shadow: 0 12px 30px rgba(6, 30, 70, .16);
}

.light-compare__note {
  max-width: 690px;
  margin: 28px auto 0;
  color: #7c8696;
  font-size: 12px;
  line-height: 1.65;
  text-align: center;
}

.motion-full--power img {
  width: 100%;
  height: auto;
  object-position: top center;
  transform: translateY(-215px);
}

.motion-full--power {
  height: 1110px;
  overflow: hidden;
}

.comparison-proof-image {
  display: grid;
  gap: 44px;
  padding: 72px 60px 86px;
  background: #f7f0e6;
}

.comparison-proof-card {
  position: relative;
  aspect-ratio: 581 / 381;
  margin: 0;
  overflow: hidden;
  background: #efe5db;
  border-radius: 38px;
  box-shadow: 0 24px 54px rgba(64, 47, 35, .2);
}

.comparison-proof-card img {
  position: absolute;
  left: -1.3%;
  top: 0;
  width: 104.2%;
  max-width: none;
  height: auto;
}

.comparison-proof-card--top img {
  transform: translateY(-2.9%);
}

.comparison-proof-card--bottom img {
  transform: translateY(-51.9%);
}

.proof-section {
  padding: 160px 56px 170px;
}

.proof-section > .section-copy {
  min-height: 550px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  margin-bottom: 96px;
}

.proof-row {
  min-height: 535px;
  display: grid;
  grid-template-columns: 1.06fr .94fr;
  align-items: center;
  gap: 34px;
  padding: 46px 42px;
  background: #eadfce;
}

.proof-row + .proof-row {
  margin-top: 30px;
}

.proof-row--blue {
  background: #e1efff;
}

.proof-row__copy > span {
  display: block;
  margin-bottom: 20px;
  color: var(--blue-on-light);
  font-size: 13px;
  font-weight: 700;
  letter-spacing: .15em;
}

.proof-row h3 {
  color: var(--ink);
  font-size: 38px;
  line-height: 1.3;
  letter-spacing: -.025em;
}

.proof-row p {
  margin-top: 20px;
  color: #5e6878;
  font-size: 16px;
  line-height: 1.72;
}

.proof-row__doc {
  height: 405px;
  padding: 14px;
  background: #fff;
  box-shadow: 0 16px 38px rgba(29, 42, 61, .15);
}

.proof-row__doc img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.supporting-section {
  padding: 112px 60px 118px;
}

.supporting-section > .section-copy {
  margin-bottom: 58px;
}

.supporting-section .title em {
  color: var(--royal-light);
}

.supporting-lead {
  margin-top: 27px;
  color: rgba(255, 255, 255, .72);
  font-size: 19px;
  font-weight: 300;
  line-height: 1.72;
}

.supporting-papers {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 26px;
}

.supporting-papers figure {
  background: #fff;
  box-shadow: 0 24px 55px rgba(0, 0, 0, .25);
}

.supporting-papers img {
  height: 440px;
  padding: 15px;
  object-fit: contain;
  background: #fff;
}

.supporting-papers figcaption {
  padding: 22px 18px 24px;
  color: var(--navy);
  font-size: 16px;
  font-weight: 700;
  text-align: center;
  border-top: 1px solid var(--line);
}

.functions-section {
  padding: 112px 60px 118px;
}

.functions-section > .section-copy {
  margin-bottom: 66px;
}

.function-list {
  border-top: 1px solid var(--line);
}

.function-list article {
  min-height: 180px;
  display: grid;
  grid-template-columns: 92px 360px;
  align-items: center;
  justify-content: center;
  gap: 30px;
  padding: 42px 20px;
  border-bottom: 1px solid var(--line);
}

.function-symbol {
  width: 88px;
  height: 88px;
  display: grid;
  place-items: center;
  justify-self: center;
  background: #eef6ff;
  border: 1px solid rgba(9, 87, 183, .13);
  border-radius: 50%;
}

.function-symbol img {
  width: 52px;
  height: 52px;
}

.function-list b {
  display: block;
  color: var(--ink);
  font-size: 33px;
  line-height: 1.28;
  text-align: center;
}

.feature-flow {
  padding: 52px 34px 150px;
  background: #f5f4f1;
}

.feature-flow__track {
  position: relative;
  padding: 0;
}

.feature-flow__track::before {
  display: none;
}

.feature-flow__item {
  position: relative;
  z-index: 1;
  margin-bottom: 216px;
  overflow: visible;
  border-radius: 24px;
  box-shadow: 0 12px 34px rgba(6, 30, 70, .08);
}

.feature-flow__item::before {
  display: none;
}

.feature-flow__item::after {
  content: "";
  position: absolute;
  z-index: 6;
  left: 50%;
  bottom: -173px;
  width: 1px;
  height: 130px;
  background: rgba(20, 38, 66, .48);
  transform: translateX(-50%);
}

.feature-flow__item--detail {
  margin-top: 0;
}

.feature-flow__item:last-child {
  margin-bottom: 0;
}

.feature-flow__item:last-child::after {
  display: none;
}

.feature-flow__item > :first-child {
  border-radius: 24px 24px 0 0;
}

.feature-flow__item > :last-child {
  border-radius: 0 0 24px 24px;
}

.feature-flow__item .chapter-copy .point-line,
.feature-flow__item .capacity-heading .point-line,
.feature-flow__item > .section-copy .point-line,
.feature-flow__item .small-feature__copy .point-line {
  display: inline-block;
  min-height: 0;
  padding: 0 0 9px;
  background: transparent;
  border: 0;
  border-bottom: 2px solid currentColor;
  border-radius: 0;
}

.feature-flow__item .chapter-copy--light .point-line,
.feature-flow__item .capacity-heading .point-line--light {
  background: transparent;
  border-color: currentColor;
}

.feature-flow__item .chapter-media,
.feature-flow__item .motion-full,
.feature-flow__item .multipurpose-flow {
  position: relative;
  z-index: 1;
  overflow: hidden;
}

.function-chapter {
  overflow: hidden;
}

.feature-flow .function-chapter {
  overflow: visible;
}

.chapter-copy {
  padding: 112px 60px 64px;
  text-align: center;
}

.chapter-copy .title {
  font-size: 55px;
}

.chapter-copy--light .title em {
  color: var(--royal-light);
}

.chapter-media {
  margin: 0;
  overflow: hidden;
  background: #fff;
}

.chapter-media img {
  width: 100%;
  height: auto;
}

.chapter-media--night {
  position: relative;
  background: #18140f;
}

.chapter-media--night::before {
  content: "";
  position: absolute;
  z-index: 2;
  inset: 0 0 auto;
  height: 590px;
  background: linear-gradient(180deg, #02060d 0%, #02060d 55%, rgba(2, 6, 13, .97) 72%, rgba(2, 6, 13, .58) 88%, transparent 100%);
  pointer-events: none;
}

.chapter-media--night img {
  width: 100%;
  height: auto;
}

.chapter-overlay-copy {
  position: absolute;
  z-index: 3;
  left: 58px;
  top: 96px;
  width: 570px;
  margin: 0;
  color: rgba(255, 255, 255, .84);
  font-size: 31px;
  font-weight: 700;
  line-height: 1.45;
  letter-spacing: -.035em;
  text-align: left;
  text-shadow: 0 4px 24px rgba(0, 0, 0, .82);
}

.chapter-overlay-copy strong {
  display: inline-block;
  margin-top: 12px;
  color: #fff;
  font-family: "Podam Sungkok", "KoPubWorld Dotum", serif;
  font-size: 64px;
  font-weight: 300;
  line-height: 1.16;
  box-shadow: inset 0 -.18em rgba(88, 173, 255, .46);
}

.sleep-zz {
  position: absolute;
  z-index: 3;
  right: 46px;
  top: 74px;
  width: 175px;
  display: flex;
  align-items: flex-start;
  justify-content: center;
  color: rgba(126, 192, 255, .32);
  font-family: "Podam Sungkok", "KoPubWorld Dotum", serif;
  line-height: .8;
  transform: rotate(-8deg);
  text-shadow: 0 0 34px rgba(88, 173, 255, .2);
}

.sleep-zz b,
.sleep-zz i {
  font-style: normal;
  font-weight: 300;
}

.sleep-zz b {
  font-size: 116px;
}

.sleep-zz i:nth-child(2) {
  margin-top: -10px;
  font-size: 66px;
}

.sleep-zz i:nth-child(3) {
  margin-top: -22px;
  font-size: 44px;
}

.function-chapter--mute,
.function-chapter--mute .chapter-copy,
.function-chapter--mute .image-benefit {
  background: #02060d;
}

.function-chapter--mute .chapter-copy {
  padding-top: 92px;
  padding-bottom: 74px;
  background:
    radial-gradient(circle at 50% 24%, rgba(23, 76, 137, .28), transparent 40%),
    #02060d;
}

.function-chapter--mute .chapter-copy .title {
  font-size: 51px;
  font-weight: 300;
  line-height: 1.25;
}

.function-chapter--mute .chapter-copy .title strong {
  display: inline-block;
  margin-top: 13px;
  color: #fff;
  font-family: inherit;
  font-size: 68px;
  font-weight: 300;
}

.mute-icon {
  width: 88px;
  height: 88px;
  display: grid;
  place-items: center;
  margin: 10px auto 26px;
  color: #fff;
}

.mute-icon svg {
  width: 100%;
  height: 100%;
  overflow: visible;
}

.mute-icon path {
  fill: none;
  stroke: currentColor;
  stroke-width: 4.5;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.mode-line {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 126px;
  color: #fff;
  background: var(--navy);
}

.mode-line span {
  position: relative;
  font-size: 18px;
  font-weight: 700;
  letter-spacing: .04em;
}

.mode-line span + span {
  margin-left: 34px;
  padding-left: 35px;
}

.mode-line span + span::before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  width: 1px;
  height: 25px;
  background: rgba(88, 173, 255, .5);
  transform: translateY(-50%);
}

.mode-ripple {
  margin: 0;
  overflow: hidden;
  background: var(--navy);
}

.mode-ripple img {
  display: block;
  width: 100%;
  height: auto;
}

.image-benefit--lead {
  padding: 45px 44px 50px;
  border-top: 1px solid var(--line);
  border-bottom: 1px solid var(--line);
}

.function-chapter--storage .image-benefit--lead {
  color: var(--ink);
  background: #f8f2e9;
}

.function-chapter--storage .image-benefit--lead strong {
  padding: 0 0 .06em;
  color: var(--royal);
  background: transparent;
  border-bottom: 4px solid rgba(9, 87, 183, .28);
}

.image-benefit--modes {
  padding-top: 72px;
  padding-bottom: 80px;
  color: var(--navy);
  background: #eef6ff;
}

.image-benefit--modes strong {
  padding: 0 .08em .05em;
  color: var(--royal);
  background: transparent;
  font-size: 52px;
  line-height: 1.22;
  box-shadow: inset 0 -.46em rgba(88, 173, 255, .4);
}

.small-feature {
  display: grid;
  grid-template-columns: 1.15fr .85fr;
  align-items: center;
  gap: 42px;
  padding: 96px 58px;
}

.small-feature__copy .point-line {
  margin-bottom: 18px;
}

.small-feature__copy .title {
  font-size: 39px;
  line-height: 1.34;
}

.small-feature__photo {
  width: 310px;
  height: 212px;
  overflow: hidden;
  justify-self: end;
  border-radius: 106px 106px 18px 18px;
  box-shadow: 0 18px 40px rgba(6, 30, 70, .15);
}

.small-feature__photo img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}

.feature-flow .small-feature {
  grid-template-columns: 1fr;
  gap: 38px;
  padding: 76px 50px 0;
  text-align: center;
}

.feature-flow .small-feature__photo {
  width: min(100%, 470px);
  height: 250px;
  justify-self: center;
}

.capacity-section {
  padding: 0;
}

.capacity-heading {
  padding: 130px 60px 108px;
  text-align: center;
}

.capacity-heading .title {
  font-size: 59px;
}

.capacity-heading .title > span,
.capacity-heading .title > strong {
  display: block;
}

.capacity-heading .title > span + span {
  margin-top: 14px;
}

.capacity-heading .title > strong {
  margin-top: 28px;
  color: #fff;
  font-family: "Podam Sungkok", "KoPubWorld Dotum", serif;
  font-size: 142px;
  font-weight: 300;
  line-height: .92;
  letter-spacing: -.07em;
}

.capacity-heading .title em {
  color: var(--royal-light);
  font-family: "210 OmniGothic", "KoPubWorld Dotum", "Apple SD Gothic Neo", sans-serif;
  font-style: normal;
  font-weight: 700;
}

.motion-full--bottles {
  width: 100%;
  padding: 76px 26px 82px;
  isolation: isolate;
  background:
    radial-gradient(circle at 50% 46%, rgba(33, 111, 199, .38), transparent 56%),
    #061e46;
}

.motion-full--bottles img {
  width: 100%;
  height: auto;
  opacity: .94;
  filter: invert(1) grayscale(1) brightness(2.15) contrast(1.45);
  mix-blend-mode: screen;
}

.capacity-loading {
  position: relative;
  margin: 96px 0 0;
  overflow: hidden;
  background: #f3ede3;
}

.capacity-loading::after {
  content: "";
  position: absolute;
  z-index: 1;
  inset: 0;
  background: linear-gradient(180deg, rgba(247, 240, 230, .94) 0%, rgba(247, 240, 230, .62) 20%, transparent 50%);
  pointer-events: none;
}

.capacity-loading img {
  display: block;
  width: 100%;
  height: auto;
}

.capacity-loading figcaption {
  position: absolute;
  z-index: 2;
  right: 38px;
  top: 42px;
  width: 500px;
  color: var(--ink);
  font-size: 27px;
  font-weight: 700;
  line-height: 1.45;
  letter-spacing: -.035em;
  text-align: right;
}

.capacity-loading figcaption strong {
  display: inline-block;
  margin-top: 8px;
  color: var(--royal);
  font-family: "Podam Sungkok", "KoPubWorld Dotum", serif;
  font-size: 48px;
  font-weight: 300;
  line-height: 1.15;
}

.door-rack-section {
  padding: 112px 0 118px;
}

.door-rack-section > .section-copy {
  margin-bottom: 60px;
  padding: 0 60px;
}

.door-rack-photo {
  width: 760px;
  margin: 0 auto;
  overflow: hidden;
}

.door-rack-photo img {
  width: 100%;
  height: auto;
}

.feature-flow .door-rack-section {
  padding: 88px 34px 0;
  background:
    radial-gradient(circle at 50% 76%, rgba(69, 154, 236, .15), transparent 48%),
    var(--ivory);
}

.feature-flow .door-rack-section > .section-copy {
  padding: 0 24px;
}

.feature-flow .door-rack-photo {
  width: min(100%, 650px);
  overflow: visible;
}

.feature-flow .door-rack-photo img {
  display: block;
  filter: drop-shadow(0 22px 26px rgba(6, 30, 70, .15));
}

.facet-section > .image-benefit strong {
  padding: 0 .04em .03em;
  color: var(--royal);
  background: transparent;
  box-shadow: inset 0 -.24em rgba(88, 173, 255, .24);
}

.door-rack-section .image-benefit strong {
  padding: 0 .05em .04em;
  color: #a3493d;
  background: transparent;
  border-bottom: 0;
}

.door-rack-section .image-benefit strong span {
  display: inline-block;
  margin-bottom: 8px;
  color: var(--royal);
  font-size: 1.28em;
  font-weight: 700;
  line-height: 1.12;
}

.multipurpose-section {
  padding-top: 112px;
}

.multipurpose-section > .section-copy {
  margin-bottom: 64px;
  padding: 0 60px;
}

.multipurpose-flow {
  border-top: 1px solid var(--line);
}

.multi-label {
  min-height: 112px;
  display: flex;
  align-items: center;
  gap: 28px;
  padding: 0 58px;
  color: #fff;
  background: var(--navy);
}

.multi-label--royal {
  background: var(--royal);
}

.multi-label span {
  color: var(--royal-light);
  font-size: 14px;
  font-weight: 700;
  letter-spacing: .14em;
}

.multi-label--royal span {
  color: #d9ebff;
}

.multi-label b {
  font-family: "Podam Sungkok", "KoPubWorld Dotum", serif;
  font-size: 33px;
  font-weight: 300;
}

.colors-section {
  padding-top: 112px;
}

.colors-section > .section-copy {
  padding: 0 60px 62px;
}

.colors-section .title {
  font-size: 48px;
}

.color-list {
  border-top: 1px solid var(--line);
}

.color-row {
  min-height: 430px;
  display: grid;
  grid-template-columns: 1fr 1fr;
  border-bottom: 1px solid rgba(20, 38, 66, .11);
}

.color-row__photo {
  min-width: 0;
  height: 430px;
  overflow: hidden;
}

.color-row__photo img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: 42% center;
}

.color-row--reverse .color-row__photo {
  order: 2;
}

.color-row__copy {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  padding: 50px 44px;
}

.color-row--mint .color-row__copy {
  background: #e8f5f2;
}

.color-row--pink .color-row__copy {
  background: #fff0f1;
}

.color-row--beige .color-row__copy {
  background: #eeeff1;
}

.color-row--white .color-row__copy {
  background: #f8f4ec;
}

.color-row__copy > span {
  display: inline-flex;
  align-items: center;
  min-height: 36px;
  margin-bottom: 26px;
  padding: 8px 16px 7px;
  color: #fff;
  font-size: 13px;
  font-weight: 700;
  letter-spacing: .1em;
  background: var(--navy);
  border-radius: 999px;
}

.color-row__copy h3 {
  color: var(--navy);
  font-family: "Podam Sungkok", "KoPubWorld Dotum", serif;
  font-size: 53px;
  font-weight: 300;
  line-height: 1.05;
  letter-spacing: -.035em;
}

.color-row__copy p {
  margin-top: 20px;
  color: #46546a;
  font-size: 21px;
  line-height: 1.5;
}

.product-detail-section {
  padding: 120px 60px 128px;
  background: linear-gradient(180deg, #fffaf2 0%, #f5f9ff 100%);
}

.product-detail__intro {
  margin-bottom: 62px;
}

.product-detail__intro .title {
  font-size: 66px;
  line-height: 1.16;
}

.product-detail-hero {
  position: relative;
  width: 740px;
  height: 730px;
  margin: 0 auto 72px;
  overflow: hidden;
  background:
    radial-gradient(circle at 78% 74%, rgba(88, 173, 255, .2), transparent 38%),
    #fbfaf7;
}

.product-detail-hero > img {
  position: absolute;
  right: -34px;
  bottom: -35px;
  width: 650px;
  height: auto;
}

.product-detail-hero__overlay {
  position: absolute;
  z-index: 2;
  left: 36px;
  top: 80px;
  width: 355px;
  padding: 28px 30px 31px;
  color: #fff;
  background: rgba(6, 30, 70, .93);
  border-left: 8px solid var(--royal-light);
  box-shadow: 0 22px 48px rgba(6, 30, 70, .24);
}

.product-detail-hero__overlay span {
  display: block;
  margin-bottom: 17px;
  color: var(--royal-light);
  font-size: 13px;
  font-weight: 700;
  letter-spacing: .16em;
}

.product-detail-hero__overlay strong {
  font-family: "Podam Sungkok", "KoPubWorld Dotum", serif;
  font-size: 35px;
  font-weight: 300;
  line-height: 1.36;
  letter-spacing: -.035em;
}

.product-anatomy {
  width: 860px;
  margin: 0 0 0 -60px;
  padding: 66px 20px 42px;
  background: #fff;
  border-top: 0;
  border-bottom: 1px solid var(--line);
}

.product-anatomy img {
  width: 100%;
  height: auto;
  display: block;
}

.product-parts {
  display: grid;
  grid-template-columns: 1fr 1fr;
  column-gap: 42px;
  margin: 0;
  padding: 56px 0 0;
  list-style: none;
  border-top: 2px solid var(--navy);
}

.product-parts li {
  min-height: 98px;
  display: grid;
  grid-template-columns: 64px 1fr;
  align-items: center;
  gap: 6px;
  border-bottom: 1px solid var(--line);
}

.product-parts .part-no {
  color: var(--royal);
  font-size: 19px;
  font-weight: 700;
  letter-spacing: .04em;
}

.product-parts b {
  color: var(--ink);
  font-size: 21px;
  font-weight: 700;
  line-height: 1.48;
  letter-spacing: -.02em;
}

.product-parts li:last-child {
  grid-column: 1 / -1;
}

.mode-guide {
  width: 860px;
  margin: 112px 0 0 -60px;
  padding: 88px 24px 86px;
  overflow: hidden;
  color: var(--navy);
  background: #fff;
}

.mode-guide__heading {
  margin-bottom: 48px;
  text-align: center;
}

.mode-guide__heading > span {
  display: block;
  margin-bottom: 18px;
  color: var(--royal-light);
  font-size: 15px;
  font-weight: 700;
  letter-spacing: .18em;
}

.mode-guide__heading h3 {
  margin: 0;
  color: var(--navy);
  font-family: "Podam Sungkok", "KoPubWorld Dotum", serif;
  font-size: 72px;
  font-weight: 300;
  line-height: 1.17;
  letter-spacing: -.045em;
}

.mode-guide__visual {
  width: 100%;
  margin: 0 0 88px;
  overflow: hidden;
  background: #fff;
}

.mode-guide__visual img {
  display: block;
  width: 100%;
  height: auto;
}

.mode-guide__rail {
  position: relative;
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 10px;
  padding-top: 28px;
}

.mode-guide__rail::before {
  display: none;
}

.mode-guide__rail article {
  position: relative;
  z-index: 1;
  min-height: 356px;
  padding: 58px 15px 30px;
  text-align: center;
  background: #fff;
  border: 1px solid #dfe7f0;
  border-radius: 22px;
  box-shadow: 0 16px 34px rgba(5, 34, 74, .09);
}

.mode-guide__rail article:nth-child(even) {
  background: #fff;
}

.mode-guide__rail article > b {
  position: absolute;
  left: 50%;
  top: -28px;
  width: 56px;
  height: 56px;
  display: grid;
  place-items: center;
  color: #fff;
  font-size: 17px;
  font-weight: 700;
  line-height: 1;
  background: var(--royal);
  border: 4px solid #fff;
  border-radius: 50%;
  transform: translateX(-50%);
}

.mode-guide__rail article:nth-child(2) > b,
.mode-guide__rail article:nth-child(5) > b {
  background: var(--coral);
}

.mode-guide__rail article:nth-child(3) > b {
  background: var(--green);
}

.mode-guide__rail h4 {
  margin: 0;
  color: var(--navy);
  font-size: 23px;
  font-weight: 700;
  line-height: 1.28;
  letter-spacing: -.035em;
  word-break: keep-all;
}

.mode-guide__rail p {
  margin: 22px 0 0;
  color: #5d6876;
  font-size: 15px;
  font-weight: 300;
  line-height: 1.7;
  letter-spacing: -.025em;
  word-break: keep-all;
}

.product-specs {
  margin-top: 112px;
  padding-top: 70px;
  border-top: 5px solid var(--navy);
}

.product-specs > .point-line {
  margin-bottom: 21px;
}

.product-specs h3 {
  color: var(--ink);
  font-family: "Podam Sungkok", "KoPubWorld Dotum", serif;
  font-size: 62px;
  font-weight: 300;
  line-height: 1.14;
  letter-spacing: -.04em;
}

.product-specs__list {
  margin: 46px 0 0;
  border-top: 2px solid var(--navy);
}

.product-specs__list > div {
  min-height: 106px;
  display: grid;
  grid-template-columns: 190px minmax(0, 1fr);
  align-items: center;
  border-bottom: 1px solid var(--line);
}

.product-specs__list dt,
.product-specs__list dd {
  margin: 0;
}

.product-specs__list dt {
  color: #667287;
  font-size: 17px;
  font-weight: 700;
}

.product-specs__list dd {
  color: var(--ink);
  font-size: 22px;
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: -.02em;
}

.product-specs__note {
  margin-top: 25px;
  color: #6c7584;
  font-size: 14px;
  font-weight: 300;
  line-height: 1.7;
}

.closing-section {
  position: relative;
  height: 1080px;
  overflow: hidden;
  color: var(--ink);
}

.closing-photo {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.closing-veil {
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, rgba(237, 246, 252, .93) 0%, rgba(237, 246, 252, .7) 35%, rgba(237, 246, 252, .05) 66%, rgba(6, 30, 70, .08) 100%);
}

.closing-copy {
  position: relative;
  z-index: 2;
  padding: 76px 58px 0;
  text-align: center;
}

.closing-copy .brand-serif {
  display: block;
  margin-bottom: 42px;
  color: var(--navy);
  font-size: 34px;
  letter-spacing: .22em;
}

.closing-copy .display em {
  color: var(--coral);
  font-style: normal;
}

.closing-copy .display {
  font-size: 66px;
  line-height: 1.18;
}

.closing-copy p {
  margin-top: 30px;
  color: #5b6572;
  font-size: 18px;
}

/* V2 refinement pass: larger proof copy, crisp motion and consolidated specs. */
.page--three-standards .solution-bridge__wipe-target {
  position: relative;
  width: 100%;
  overflow: hidden;
  isolation: isolate;
}

.page--three-standards .solution-bridge__wipe-target::after {
  content: "";
  position: absolute;
  z-index: 4;
  left: -32%;
  top: -32%;
  width: 24%;
  height: 164%;
  pointer-events: none;
  opacity: 0;
  background: linear-gradient(
    90deg,
    transparent 0%,
    rgba(255, 255, 255, .08) 20%,
    rgba(255, 255, 255, .82) 50%,
    rgba(199, 230, 255, .34) 68%,
    transparent 100%
  );
  filter: blur(9px);
  mix-blend-mode: screen;
  transform: translate3d(-80%, 0, 0) rotate(18deg);
  animation: podam-solution-soft-wipe 4.8s cubic-bezier(.45, 0, .2, 1) infinite;
  will-change: transform, opacity;
}

.page--three-standards .care-standard__list article:nth-child(4) {
  min-height: 292px;
}

.page--three-standards .facet-section > .image-benefit {
  margin-top: 112px;
  font-size: 38px;
  line-height: 1.44;
}

.page--three-standards .facet-section > .image-benefit strong {
  margin-top: 16px;
  font-size: 60px;
  line-height: 1.18;
  box-shadow: inset 0 -.22em rgba(88, 173, 255, .3);
}

.page--three-standards .time-section .mega-number {
  min-width: 740px;
  min-height: 350px;
  font-size: 258px;
  animation: podam-blue-number-glow 3.4s ease-in-out infinite;
}

.page--three-standards .time-section .mega-number::before {
  animation: podam-blue-halo 3.4s ease-in-out infinite;
}

.page--three-standards .mega-number--white {
  min-width: 650px;
  min-height: 332px;
  animation: podam-green-number-glow 3.4s ease-in-out infinite;
}

.page--three-standards .mega-number--white::before {
  animation: podam-green-halo 3.4s ease-in-out infinite;
}

.page--three-standards .mega-number--white .mega-number__value {
  font-size: 304px;
}

.page--three-standards .mega-number--white .mega-number__unit {
  margin-bottom: 51px;
  font-size: 170px;
}

.page--three-standards .light-card--emphasis-motion {
  transform-origin: right bottom;
  animation: podam-card-emphasis 5.2s cubic-bezier(.45, 0, .2, 1) infinite;
}

.page--three-standards .light-card--emphasis-motion .light-card__product img {
  transform-origin: center bottom;
  animation: podam-product-emphasis 5.2s cubic-bezier(.45, 0, .2, 1) infinite;
}

.page--three-standards .comparison-proof-image {
  gap: 60px;
  padding: 86px 54px 108px;
  background: #f1e7da;
}

.page--three-standards .comparison-proof-card {
  aspect-ratio: auto;
  min-height: 470px;
  display: grid;
  grid-template-columns: minmax(0, 1.18fr) minmax(250px, .82fr);
  align-items: center;
  gap: 34px;
  padding: 46px 34px 44px 44px;
  overflow: hidden;
  background: #eee3d7;
  border: 1px solid rgba(87, 63, 45, .11);
  border-radius: 38px;
  box-shadow: 0 38px 76px rgba(49, 36, 26, .34), 0 12px 28px rgba(49, 36, 26, .2);
}

.page--three-standards .comparison-proof-card__copy {
  min-width: 0;
  color: #191919;
  text-align: center;
}

.page--three-standards .proof-stars {
  display: inline-block;
  margin-bottom: 25px;
  color: #111;
  font-size: 42px;
  font-weight: 700;
  line-height: 1;
  letter-spacing: .02em;
}

.page--three-standards .comparison-proof-card__copy h4 {
  margin: 0;
  color: #171717;
  font-size: 31px;
  font-weight: 700;
  line-height: 1.34;
  letter-spacing: -.045em;
  word-break: keep-all;
}

.page--three-standards .comparison-proof-card__copy h4 strong {
  color: var(--navy);
  font-size: 35px;
}

.page--three-standards .comparison-proof-card__copy p {
  margin: 27px 0 0;
  color: #38332f;
  font-size: 17px;
  font-weight: 500;
  line-height: 1.62;
  letter-spacing: -.025em;
  word-break: keep-all;
}

.page--three-standards .comparison-proof-card__copy small {
  display: block;
  margin-top: 25px;
  color: #615a53;
  font-size: 13px;
  font-weight: 700;
}

.page--three-standards .comparison-proof-card__doc {
  width: 100%;
  height: 360px;
  margin: 0;
  display: grid;
  place-items: center;
  overflow: hidden;
  background: #fff;
  border: 8px solid #fff;
  border-radius: 12px;
  box-shadow: 0 18px 38px rgba(49, 36, 26, .22);
}

.page--three-standards .comparison-proof-card__doc img {
  position: static;
  left: auto;
  top: auto;
  width: 100%;
  max-width: 100%;
  height: 100%;
  display: block;
  object-fit: contain;
  transform: none;
}

.page--three-standards .comparison-proof-card__doc--landscape {
  height: auto;
  aspect-ratio: 1000 / 767;
}

.page--three-standards .function-symbol--wind,
.page--three-standards .function-symbol--window {
  color: var(--royal);
  font-size: 46px;
  font-weight: 700;
  line-height: 1;
}

.page--three-standards .function-symbol--wind {
  font-family: "Apple Color Emoji", "Apple SD Gothic Neo", sans-serif;
  font-size: 43px;
}

.page--three-standards .function-symbol--window {
  font-family: "210 OmniGothic", "KoPubWorld Dotum", "Apple SD Gothic Neo", sans-serif;
}

.page--three-standards .function-chapter--door {
  overflow: hidden;
  background: var(--ivory);
}

.page--three-standards .chapter-media--door {
  padding: 24px 78px 72px;
  background: linear-gradient(180deg, #fffaf4 0%, #f6efe7 100%);
}

.page--three-standards .chapter-media--door img {
  width: 100%;
  border-radius: 26px;
  box-shadow: 0 26px 54px rgba(6, 30, 70, .16);
}

.page--three-standards .mode-ripple {
  position: relative;
  padding-top: 54px;
  background: linear-gradient(180deg, #fff 0%, #fbf9f4 54px, #fbf9f4 100%);
}

.page--three-standards .mode-ripple img {
  width: 100%;
}

.page--three-standards .product-detail-heading {
  margin: 0 auto 92px;
  text-align: center;
}

.page--three-standards .product-detail-heading .point-line {
  display: inline-block;
  margin-bottom: 36px;
  padding-bottom: 11px;
  color: var(--royal);
  font-size: 22px;
  font-weight: 700;
  letter-spacing: .04em;
  border-bottom: 3px solid rgba(9, 87, 183, .34);
}

.page--three-standards .product-detail-heading .title {
  font-size: 76px;
  line-height: 1.16;
}

.page--three-standards .product-spec-group {
  display: block;
}

.page--three-standards .product-parts {
  padding-top: 0;
}

.page--three-standards .product-anatomy {
  margin-top: 62px;
}

.page--three-standards .product-specs {
  margin-top: 104px;
}

.page--three-standards .mode-guide {
  margin-top: 126px;
}

.page--three-standards .closing-copy {
  padding-right: 38px;
  padding-left: 38px;
}

.page--three-standards .closing-copy .display {
  font-size: 56px;
  line-height: 1.23;
}

.page--three-standards .closing-copy .display em {
  display: inline-block;
  margin-top: 18px;
  font-size: 50px;
  line-height: 1.3;
}

@keyframes podam-blue-number-glow {
  0%, 100% {
    filter: drop-shadow(0 0 7px rgba(88, 173, 255, .2));
    transform: scale(1);
  }
  50% {
    filter: drop-shadow(0 0 24px rgba(88, 173, 255, .72)) drop-shadow(0 0 52px rgba(88, 173, 255, .38));
    transform: scale(1.045);
  }
}

@keyframes podam-solution-soft-wipe {
  0%, 16% {
    opacity: 0;
    transform: translate3d(-80%, 0, 0) rotate(18deg);
  }
  25% {
    opacity: .68;
  }
  61% {
    opacity: .78;
    transform: translate3d(650%, 0, 0) rotate(18deg);
  }
  72%, 100% {
    opacity: 0;
    transform: translate3d(650%, 0, 0) rotate(18deg);
  }
}

@keyframes podam-green-number-glow {
  0%, 100% {
    filter: drop-shadow(0 0 7px rgba(168, 233, 198, .2));
    transform: scale(1);
  }
  50% {
    filter: drop-shadow(0 0 24px rgba(168, 233, 198, .68)) drop-shadow(0 0 52px rgba(168, 233, 198, .34));
    transform: scale(1.045);
  }
}

@keyframes podam-blue-halo {
  0%, 100% { opacity: .55; transform: scale(.94); }
  50% { opacity: 1; transform: scale(1.08); }
}

@keyframes podam-green-halo {
  0%, 100% { opacity: .5; transform: scale(.94); }
  50% { opacity: 1; transform: scale(1.08); }
}

@keyframes podam-card-emphasis {
  0%, 22%, 100% { transform: scale(1); }
  46%, 72% { transform: scale(1.028); }
}

@keyframes podam-product-emphasis {
  0%, 22%, 100% { transform: scale(1); }
  46%, 72% { transform: scale(1.1); }
}

.is-static .page--three-standards .time-section .mega-number,
.is-static .page--three-standards .time-section .mega-number::before,
.is-static .page--three-standards .mega-number--white,
.is-static .page--three-standards .mega-number--white::before,
.is-static .page--three-standards .light-card--emphasis-motion,
.is-static .page--three-standards .light-card--emphasis-motion .light-card__product img {
  animation: none;
}

.is-static .page--three-standards .solution-bridge__wipe-target::after {
  opacity: .42;
  animation: none;
  transform: translate3d(280%, 0, 0) rotate(18deg);
}

@media (prefers-reduced-motion: reduce) {
  .page--three-standards .time-section .mega-number,
  .page--three-standards .time-section .mega-number::before,
  .page--three-standards .mega-number--white,
  .page--three-standards .mega-number--white::before,
  .page--three-standards .light-card--emphasis-motion,
  .page--three-standards .light-card--emphasis-motion .light-card__product img {
    animation: none;
  }


  .page--three-standards .solution-bridge__wipe-target::after {
    opacity: 0;
    animation: none;
  }
}

/* V2 final art direction: homepage-source motion, crisp neon, and editorial pacing. */
.page--three-standards video {
  display: block;
  width: 100%;
  height: auto;
}

.page--three-standards .hero-main__logo {
  display: block;
  width: 260px;
  height: auto;
  margin: 0 auto;
  mix-blend-mode: multiply;
}

.page--three-standards .hero-main__copy .display {
  margin-top: 8px;
}

.page--three-standards .closing-logo {
  display: block;
  width: 165px;
  height: auto;
  margin: 0 auto 28px;
  mix-blend-mode: multiply;
}

.page--three-standards .facet-stage {
  height: 560px;
}

.page--three-standards .facet-photo {
  position: relative;
  overflow: hidden;
  background: #242424;
  border: 12px solid #fff;
  border-radius: 38px;
  clip-path: none;
  filter: none;
  box-shadow: 0 30px 64px rgba(6, 30, 70, .24);
}

.page--three-standards .facet-photo video,
.page--three-standards .facet-photo img {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: auto;
  max-width: none;
  object-fit: initial;
}

.page--three-standards .facet-medallion {
  box-sizing: border-box;
  display: grid;
  place-items: center;
  overflow: visible;
  color: #fff;
  background:
    radial-gradient(circle at 32% 24%, rgba(122, 196, 255, .34), transparent 30%),
    linear-gradient(145deg, #173f78 0%, #071b3d 76%);
  border: 2px solid rgba(255, 255, 255, .94);
  box-shadow: 0 22px 46px rgba(6, 30, 70, .34), inset 0 0 0 5px rgba(116, 190, 255, .12);
  transform-origin: 50% 50%;
  animation: podam-facet-scale 3.2s ease-in-out infinite;
  will-change: transform;
}

.page--three-standards .facet-medallion::before {
  content: "";
  position: absolute;
  inset: -7px;
  border: 1px solid rgba(40, 125, 220, .24);
  border-radius: inherit;
  pointer-events: none;
}

.page--three-standards .facet-medallion__content {
  display: grid;
  place-items: center;
  gap: 7px;
  transform: translateY(1px);
}

.page--three-standards .facet-medallion b {
  display: flex;
  align-items: baseline;
  justify-content: center;
  font-size: 70px;
  font-variant-numeric: tabular-nums;
  line-height: 1;
  letter-spacing: -.055em;
}

.page--three-standards .facet-medallion b small {
  margin-left: 5px;
  font-size: 25px;
  font-weight: 700;
  letter-spacing: -.04em;
}

.page--three-standards .facet-medallion span {
  margin: 0;
  color: #bfe2ff;
  font-size: 18px;
  font-weight: 700;
  line-height: 1;
  letter-spacing: -.025em;
}

.page--three-standards .facet-section > .image-benefit {
  margin-top: 84px;
}

.page--three-standards .registration-section {
  min-height: 1050px;
  padding: 150px 54px 132px;
  overflow: hidden;
  background: linear-gradient(180deg, #fffaf3 0%, #edf5ff 100%);
}

.page--three-standards .registration-hero {
  text-align: center;
}

.page--three-standards .registration-hero__claim {
  position: relative;
  isolation: isolate;
  margin: 0;
  overflow: hidden;
  color: var(--navy);
  font-family: "Podam Sungkok", "KoPubWorld Dotum", serif;
  font-size: 78px;
  font-weight: 300;
  line-height: 1.18;
  letter-spacing: -.055em;
}

.page--three-standards .registration-hero__claim em {
  color: var(--royal);
  font-style: normal;
  box-shadow: inset 0 -.18em rgba(88, 173, 255, .3);
}

.page--three-standards .registration-hero__claim::after {
  content: "";
  position: absolute;
  z-index: 2;
  left: -35%;
  top: -42%;
  width: 25%;
  height: 190%;
  opacity: 0;
  pointer-events: none;
  background: linear-gradient(90deg, transparent, rgba(255,255,255,.92), rgba(154,211,255,.38), transparent);
  filter: blur(9px);
  mix-blend-mode: screen;
  transform: rotate(17deg);
}

.page--three-standards .registration-section.is-revealed .registration-hero__claim::after {
  animation: podam-patent-wipe 1.55s cubic-bezier(.4, 0, .2, 1) both;
}

.page--three-standards .registration-hero__proof {
  margin-top: 90px;
  padding: 58px 40px 62px;
  color: #fff;
  background: linear-gradient(145deg, #061e46 0%, #0b3974 100%);
  border-radius: 36px;
  box-shadow: 0 34px 72px rgba(6, 30, 70, .28);
}

.page--three-standards .registration-hero__proof strong,
.page--three-standards .registration-hero__proof b {
  display: block;
}

.page--three-standards .registration-hero__proof strong {
  color: #cae7ff;
  font-size: 47px;
  line-height: 1.24;
}

.page--three-standards .registration-hero__proof b {
  margin-top: 16px;
  font-family: "Podam Sungkok", "KoPubWorld Dotum", serif;
  font-size: 62px;
  font-weight: 300;
  line-height: 1.18;
  letter-spacing: -.045em;
}

.page--three-standards .registration-papers {
  display: none;
}

.page--three-standards .time-section::before,
.page--three-standards .time-section .mega-number::before,
.page--three-standards .power-intro::after,
.page--three-standards .mega-number--white::before {
  display: none;
}

.page--three-standards .time-section .mega-number {
  min-width: 740px;
  min-height: 350px;
  color: #f1fbff;
  font-size: 258px;
  background: none;
  filter: none;
  -webkit-background-clip: border-box;
  -webkit-text-fill-color: #f1fbff;
  text-shadow: 0 0 1px #fff, 0 0 6px rgba(90,196,255,.95), 0 0 15px rgba(35,145,255,.7), 0 0 28px rgba(35,145,255,.34);
  transform-origin: center;
  animation: podam-blue-neon-pulse 3.4s ease-in-out infinite;
}

.page--three-standards .time-enough {
  margin-top: 20px;
}

.page--three-standards .mega-caption--boxed {
  margin-top: 28px;
}

.page--three-standards .power-intro {
  background: linear-gradient(145deg, #124f3d 0%, #1c7352 58%, #2c8a63 100%);
}

.page--three-standards .mega-number--white {
  min-width: 650px;
  min-height: 332px;
  filter: none;
  text-shadow: 0 0 1px #fff, 0 0 6px rgba(168,255,207,.9), 0 0 15px rgba(80,224,151,.66), 0 0 28px rgba(80,224,151,.3);
  transform-origin: center;
  animation: podam-green-neon-pulse 3.4s ease-in-out infinite;
}

.page--three-standards .mega-number--white .mega-number__value {
  font-size: 304px;
}

.page--three-standards .mega-number--white .mega-number__unit {
  margin-bottom: 51px;
  font-size: 170px;
}

.page--three-standards .power-compare {
  margin-top: 48px;
}

.page--three-standards .light-compare {
  overflow: hidden;
}

.page--three-standards .light-compare__stage {
  grid-template-columns: 1fr 56px 1fr;
  align-items: stretch;
}

.page--three-standards .light-card {
  min-width: 0;
  min-height: 1050px;
}

.page--three-standards .light-card--single,
.page--three-standards .light-card--dual {
  padding: 48px 28px 34px;
}

.page--three-standards .light-card--single .light-card__product,
.page--three-standards .light-card--dual .light-card__product {
  height: 390px;
}

.page--three-standards .light-card--single .light-card__product img {
  max-width: 290px;
  max-height: 330px;
}

.page--three-standards .light-card--dual .light-card__product img {
  max-width: 350px;
  max-height: 350px;
  transform-origin: center bottom;
}

.page--three-standards .light-card__metrics dt {
  font-size: 20px;
  letter-spacing: .03em;
}

.page--three-standards .light-card__metrics dd.light-card__time {
  font-size: 56px;
}

.page--three-standards .light-card--dual .light-card__metrics dd.light-card__time--podam {
  color: var(--royal);
  font-size: 78px;
  line-height: 1;
}

.page--three-standards .light-compare.is-playing .light-compare__stage {
  animation: podam-compare-push 5.8s cubic-bezier(.45, 0, .2, 1) infinite;
}

.page--three-standards .light-compare.is-playing .light-card--dual .light-card__product img {
  animation: podam-compare-product-grow 5.8s cubic-bezier(.45, 0, .2, 1) infinite;
}

.page--three-standards .sterilization-evidence {
  display: grid;
  gap: 68px;
  padding: 98px 54px 112px;
  background: linear-gradient(180deg, #eef6ff 0%, #f8f2e9 100%);
}

.page--three-standards .sterilization-evidence__card {
  overflow: hidden;
  background: #fff;
  border: 1px solid rgba(6, 30, 70, .1);
  border-radius: 38px;
  box-shadow: 0 30px 68px rgba(6, 30, 70, .17);
}

.page--three-standards .sterilization-evidence__card--performance {
  color: #fff;
  background: #061e46;
  border-color: rgba(88, 173, 255, .28);
}

.page--three-standards .sterilization-evidence__copy {
  padding: 58px 54px 48px;
  text-align: center;
}

.page--three-standards .sterilization-evidence__copy > b {
  display: block;
  margin-bottom: 18px;
  color: var(--royal);
  font-size: 21px;
  letter-spacing: .02em;
}

.page--three-standards .sterilization-evidence__card--performance .sterilization-evidence__copy > b {
  color: #8bccff;
}

.page--three-standards .sterilization-evidence__copy h4 {
  margin: 0;
  color: var(--navy);
  font-family: "Podam Sungkok", "KoPubWorld Dotum", serif;
  font-size: 53px;
  font-weight: 300;
  line-height: 1.2;
  letter-spacing: -.045em;
}

.page--three-standards .sterilization-evidence__card--performance .sterilization-evidence__copy h4 {
  color: #fff;
}

.page--three-standards .sterilization-evidence__copy h4 strong {
  color: var(--royal);
  font-size: 61px;
}

.page--three-standards .sterilization-evidence__card--performance .sterilization-evidence__copy h4 strong {
  color: #63b9ff;
  text-shadow: 0 0 18px rgba(88, 173, 255, .35);
}

.page--three-standards .sterilization-evidence__copy p {
  margin: 25px 0 0;
  color: #596576;
  font-size: 20px;
  line-height: 1.65;
}

.page--three-standards .sterilization-evidence__card--performance .sterilization-evidence__copy p {
  color: rgba(255,255,255,.72);
}

.page--three-standards .sterilization-evidence__media {
  margin: 0;
  overflow: hidden;
  background: #fff;
}

.page--three-standards .sterilization-evidence__media video,
.page--three-standards .sterilization-evidence__media img {
  display: block;
  width: 100%;
  height: auto;
}

.page--three-standards .sterilization-evidence__media--dual-proof {
  position: relative;
  height: 850px;
  background: #fff;
}

.page--three-standards .sterilization-evidence__media--dual-proof video,
.page--three-standards .sterilization-evidence__media--dual-proof img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  max-width: none;
}

.page--three-standards .sterilization-evidence__card > small {
  display: block;
  padding: 20px 30px 25px;
  color: #6b7481;
  font-size: 15px;
  font-weight: 700;
  text-align: center;
}

.page--three-standards .sterilization-evidence__card--performance > small {
  color: rgba(255,255,255,.58);
  background: #061e46;
}

.page--three-standards .comparison-proof-heading {
  padding: 128px 54px 52px;
  text-align: center;
  background: #f1e7da;
}

.page--three-standards .comparison-proof-heading h4 {
  margin: 0;
  color: var(--navy);
  font-family: "Podam Sungkok", "KoPubWorld Dotum", serif;
  font-size: 68px;
  font-weight: 300;
  line-height: 1.2;
  letter-spacing: -.05em;
}

.page--three-standards .comparison-proof-heading em {
  display: inline;
  padding: .01em .09em .07em;
  color: var(--navy);
  font-style: normal;
  background: linear-gradient(178deg,
    transparent 2%,
    rgba(88,173,255,.38) 2%,
    rgba(88,173,255,.38) 97%,
    transparent 97%);
  box-decoration-break: clone;
  -webkit-box-decoration-break: clone;
}

.page--three-standards .comparison-proof-image {
  padding-top: 42px;
}

.page--three-standards .comparison-proof-card__copy h4 {
  font-size: 40px;
}

.page--three-standards .comparison-proof-card__copy h4 strong {
  font-size: 47px;
}

.page--three-standards .proof-section--official {
  padding: 154px 54px 0;
}

.page--three-standards .proof-section--official > .section-copy {
  min-height: 470px;
  margin-bottom: 72px;
}

.page--three-standards .proof-section--official .supporting-papers {
  gap: 30px;
}

.page--three-standards .proof-section--official .supporting-papers figure {
  overflow: hidden;
  border-radius: 26px;
  box-shadow: 0 30px 64px rgba(0,0,0,.36);
}

.page--three-standards .proof-section--official .supporting-papers figcaption {
  min-height: 132px;
  display: grid;
  place-items: center;
  padding: 28px 18px;
  font-size: 27px;
  line-height: 1.32;
}

.page--three-standards .proof-section--official .supporting-papers figcaption strong {
  font-size: 34px;
}

.page--three-standards .proof-section--official > .image-benefit {
  width: 860px;
  margin: 84px 0 0 -54px;
  padding-top: 74px;
  padding-bottom: 80px;
}

.page--three-standards .function-symbol {
  color: var(--royal);
}

.page--three-standards .function-symbol img {
  width: 52px;
  height: 52px;
  object-fit: contain;
}

.page--three-standards .uvc-lamp-explainer {
  width: 100%;
  padding: 128px 54px 136px;
  color: var(--navy);
  background: linear-gradient(180deg, #f5f9ff 0%, #fff 45%, #eef6ff 100%);
}

.page--three-standards .uvc-lamp-explainer__intro {
  text-align: center;
}

.page--three-standards .uvc-lamp-explainer__intro > span {
  display: inline-block;
  margin-bottom: 24px;
  padding-bottom: 8px;
  color: var(--royal);
  font-size: 19px;
  font-weight: 700;
  border-bottom: 3px solid rgba(9,87,183,.28);
}

.page--three-standards .uvc-lamp-explainer__intro h3 {
  margin: 0;
  font-family: "Podam Sungkok", "KoPubWorld Dotum", serif;
  font-size: 88px;
  font-weight: 300;
  line-height: 1.05;
  letter-spacing: -.055em;
}

.page--three-standards .uvc-lamp-explainer__intro p {
  margin: 42px 0 0;
  color: #4c5d74;
  font-size: 29px;
  font-weight: 700;
  line-height: 1.55;
}

.page--three-standards .uvc-lamp-explainer__intro p strong {
  display: inline-block;
  color: var(--royal);
  font-size: 39px;
  box-shadow: inset 0 -.34em rgba(88,173,255,.28);
}

.page--three-standards .uvc-lamp-explainer__motion {
  margin: 76px 0 0;
  overflow: hidden;
  background: #fff;
  border-radius: 36px;
  box-shadow: 0 30px 68px rgba(6,30,70,.18);
}

.page--three-standards .uvc-lamp-explainer__story {
  display: grid;
  gap: 30px;
  margin-top: 86px;
}

.page--three-standards .uvc-lamp-explainer__story article {
  display: grid;
  grid-template-columns: 180px 1fr;
  align-items: center;
  gap: 30px;
  min-height: 270px;
  padding: 44px 42px;
  background: #fff;
  border: 1px solid rgba(9,87,183,.13);
  border-radius: 30px;
  box-shadow: 0 20px 48px rgba(6,30,70,.09);
}

.page--three-standards .uvc-lamp-explainer__story article > b {
  color: var(--royal);
  font-family: "Podam Sungkok", "KoPubWorld Dotum", serif;
  font-size: 34px;
  font-weight: 300;
  line-height: 1.2;
  text-align: center;
}

.page--three-standards .uvc-lamp-explainer__story article:nth-child(2) > b {
  color: var(--coral);
}

.page--three-standards .uvc-lamp-explainer__story article:nth-child(3) > b {
  color: var(--green);
}

.page--three-standards .uvc-lamp-explainer__story h4 {
  margin: 0;
  color: var(--navy);
  font-size: 32px;
  line-height: 1.34;
}

.page--three-standards .uvc-lamp-explainer__story h4 strong {
  display: inline-block;
  color: var(--royal);
  font-size: 42px;
}

.page--three-standards .uvc-lamp-explainer__story p {
  margin: 22px 0 0;
  color: #5b6879;
  font-size: 20px;
  line-height: 1.68;
  word-break: keep-all;
}

.page--three-standards .uvc-lamp-explainer__motion--wavelength {
  margin-top: 82px;
}

.page--three-standards .uvc-lamp-explainer > small {
  display: block;
  margin-top: 25px;
  color: #737e8d;
  font-size: 14px;
  line-height: 1.6;
  text-align: center;
}

.page--three-standards .function-chapter--dry,
.page--three-standards .function-chapter--storage {
  background: #fff;
}

.page--three-standards .feature-flow__item .chapter-copy .title {
  font-size: 50px;
  line-height: 1.28;
}

.page--three-standards .feature-flow__item .chapter-copy .title em {
  display: inline-block;
  margin-top: 12px;
  color: var(--royal);
  font-size: 82px;
  line-height: 1.06;
  letter-spacing: -.055em;
}

.page--three-standards .feature-flow__item .chapter-copy--light .title em {
  color: #73c1ff;
}

.page--three-standards .function-chapter--mute .chapter-copy .title {
  font-size: 48px;
}

.page--three-standards .function-chapter--mute .chapter-copy .title em {
  display: inline-block;
  margin-top: 0;
  color: #fff;
  font-size: 68px;
  line-height: 1.12;
  box-shadow: none;
}

.page--three-standards .function-chapter--mute .chapter-copy .title strong {
  margin-top: 24px;
  color: #ffd45d;
  font-size: 96px;
  line-height: 1.02;
  text-shadow: 0 0 22px rgba(255,212,93,.18);
}

.page--three-standards .sleep-zz {
  right: 30px;
  top: 54px;
  width: 240px;
  align-items: center;
}

.page--three-standards .sleep-zz b {
  z-index: 1;
  font-size: 160px;
}

.page--three-standards .sleep-zz i:nth-child(2) {
  z-index: 2;
  margin: -56px 0 0 -22px;
  font-size: 96px;
}

.page--three-standards .sleep-zz i:nth-child(3) {
  z-index: 3;
  margin: -112px 0 0 -18px;
  font-size: 62px;
}

.page--three-standards .dry-air-card {
  padding: 92px 56px 86px;
  color: var(--navy);
  text-align: center;
  background: #f5f9ff;
}

.page--three-standards .dry-air-card__copy h3,
.page--three-standards .dry-mode-switch__heading h3,
.page--three-standards .sturing-evidence__copy h3 {
  margin: 0;
  font-family: "Podam Sungkok", "KoPubWorld Dotum", serif;
  font-size: 50px;
  font-weight: 300;
  line-height: 1.3;
  letter-spacing: -.045em;
}

.page--three-standards .dry-air-card__copy h3 strong {
  display: inline-block;
  margin-top: 9px;
  color: var(--royal);
  font-size: 58px;
}

.page--three-standards .dry-air-card__copy p {
  margin: 26px 0 0;
  color: #627087;
  font-size: 19px;
  line-height: 1.6;
}

.page--three-standards .dry-air-card__media {
  margin: 52px 0 0;
  overflow: hidden;
  background: #fff;
  border-radius: 28px;
  box-shadow: 0 24px 52px rgba(6,30,70,.14);
}

.page--three-standards .dry-mode-switch {
  padding: 104px 54px 112px;
  color: var(--navy);
  background: #fff;
}

.page--three-standards .dry-mode-switch__heading {
  text-align: center;
}

.page--three-standards .dry-mode-switch__heading h3 strong {
  color: var(--royal);
  font-size: 58px;
}

.page--three-standards .dry-mode-switch__toggle {
  position: relative;
  width: 660px;
  height: 92px;
  display: grid;
  grid-template-columns: 1fr 1fr;
  align-items: center;
  margin: 68px auto 34px;
  padding: 8px;
  overflow: hidden;
  color: #fff;
  background: #343941;
  border-radius: 999px;
  box-shadow: inset 0 2px 7px rgba(0,0,0,.28), 0 18px 36px rgba(6,30,70,.13);
}

.page--three-standards .dry-mode-switch__thumb {
  position: absolute;
  z-index: 0;
  left: 8px;
  top: 8px;
  width: calc(50% - 8px);
  height: 76px;
  background: linear-gradient(135deg, #5ab8ff, #237bdb);
  border-radius: 999px;
  box-shadow: 0 10px 28px rgba(35,123,219,.34);
  animation: podam-dry-toggle-thumb 5.4s cubic-bezier(.45, 0, .2, 1) infinite;
}

.page--three-standards .dry-mode-switch__toggle b {
  position: relative;
  z-index: 1;
  font-size: 29px;
  text-align: center;
}

.page--three-standards .dry-mode-switch__toggle b:first-of-type {
  animation: podam-dry-toggle-cool-label 5.4s ease-in-out infinite;
}

.page--three-standards .dry-mode-switch__toggle b:last-of-type {
  animation: podam-dry-toggle-hot-label 5.4s ease-in-out infinite;
}

.page--three-standards .dry-mode-switch__panels {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 24px;
}

.page--three-standards .dry-mode-switch__panel {
  min-height: 390px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 42px 30px;
  text-align: center;
  background: #f6f8fb;
  border: 3px solid transparent;
  border-radius: 30px;
  transform-origin: center;
}

.page--three-standards .dry-mode-switch__panel > span {
  font-size: 20px;
  font-weight: 700;
  letter-spacing: .12em;
}

.page--three-standards .dry-mode-switch__panel h4 {
  margin: 24px 0 0;
  color: var(--navy);
  font-size: 34px;
  line-height: 1.25;
}

.page--three-standards .dry-mode-switch__panel p {
  margin: 25px 0 0;
  color: #5d6878;
  font-size: 18px;
  line-height: 1.65;
}

.page--three-standards .dry-mode-switch__panel--cool {
  animation: podam-dry-panel-cool 5.4s ease-in-out infinite;
}

.page--three-standards .dry-mode-switch__panel--hot {
  animation: podam-dry-panel-hot 5.4s ease-in-out infinite;
}

.page--three-standards .chapter-media--door {
  padding: 72px 46px 44px;
  background: linear-gradient(180deg, #fff 0%, #f5f8fc 100%);
}

.page--three-standards .chapter-media--door img {
  width: 100%;
  border-radius: 24px;
  box-shadow: 0 32px 68px rgba(6,30,70,.24);
}

.page--three-standards .chapter-media--door figcaption {
  margin-top: 26px;
  color: #6c7685;
  font-size: 15px;
  font-weight: 700;
  text-align: center;
}

.page--three-standards .sturing-evidence {
  display: grid;
  gap: 42px;
  padding: 54px 42px 82px;
  background: #f8f2e9;
}

.page--three-standards .sturing-evidence__media {
  margin: 0;
  overflow: hidden;
  background: #fff;
  border-radius: 28px;
  box-shadow: 0 26px 58px rgba(6,30,70,.18);
}

.page--three-standards .sturing-evidence__media--bottles {
  position: relative;
  height: 1040px;
}

.page--three-standards .sturing-evidence__media--bottles video,
.page--three-standards .sturing-evidence__media--bottles img {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  max-width: none;
}

.page--three-standards .sturing-evidence__copy {
  padding: 56px 40px;
  color: #fff;
  text-align: center;
  background: #02060d;
  border-radius: 28px;
}

.page--three-standards .sturing-evidence__copy h3 strong {
  display: inline-block;
  margin-top: 12px;
  color: #ff8a35;
  font-size: 56px;
}

.page--three-standards .sturing-evidence__copy p {
  margin: 28px 0 0;
  color: rgba(255,255,255,.72);
  font-size: 20px;
  line-height: 1.65;
}

.page--three-standards .sturing-evidence__media--bacteria {
  background: #000;
}

.page--three-standards .product-detail-heading {
  margin-top: 150px;
}

.page--three-standards .product-detail-heading .title {
  font-size: 86px;
}

.page--three-standards .product-anatomy {
  margin-top: 0;
  margin-bottom: 58px;
}

.page--three-standards .product-specs {
  margin-top: 104px;
}

.page--three-standards .mode-guide {
  margin-top: 150px;
}

/* Final cumulative pass: official wordmark scale, readable OmniGothic copy,
   conflict fixes, and the requested layered feature details. */
.page--three-standards .hero-main__logo {
  width: 520px;
  max-width: 76%;
  margin: 0 auto;
}

.page--three-standards .closing-logo {
  width: 330px;
  max-width: 62%;
  margin-bottom: 38px;
}

.page--three-standards .registration-section {
  min-height: 0;
}

.page--three-standards .registration-papers {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 24px;
  margin-top: 56px;
}

.page--three-standards .registration-paper {
  border: 1px solid rgba(6, 30, 70, .1);
  border-radius: 24px;
  box-shadow: 0 24px 52px rgba(6, 30, 70, .16);
}

.page--three-standards .registration-paper__crop {
  height: 330px;
}

.page--three-standards .registration-paper figcaption {
  min-height: 86px;
  display: grid;
  place-items: center;
  padding: 20px 18px 22px;
  font-size: 20px;
}

.page--three-standards .function-chapter--dry {
  color: #fff;
  background: var(--navy);
}

.page--three-standards .function-chapter--storage {
  background: #fff;
}

.page--three-standards .feature-flow__item > .section-copy .title {
  font-size: 50px;
  line-height: 1.28;
}

.page--three-standards .feature-flow__item > .section-copy .title em {
  display: inline-block;
  margin-top: 12px;
  color: var(--royal);
  font-size: 82px;
  line-height: 1.06;
  letter-spacing: -.055em;
}

.page--three-standards .image-benefit {
  font-size: 34px;
}

.page--three-standards .image-benefit strong {
  font-size: 46px;
}

.page--three-standards .door-rack-section .image-benefit {
  padding-top: 42px;
  font-size: 35px;
}

.page--three-standards .door-rack-section .image-benefit strong {
  font-size: 54px;
}

.page--three-standards .door-rack-section .image-benefit strong span {
  font-size: 1.2em;
}

.page--three-standards .door-rack-goods {
  position: relative;
  z-index: 3;
  width: 610px;
  min-height: 214px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: -42px auto 0;
  padding: 18px 0 12px;
}

.page--three-standards .door-rack-goods figure {
  position: relative;
  width: 210px;
  height: 210px;
  flex: 0 0 210px;
  margin: 0;
  overflow: hidden;
  background: #fff;
  border: 5px solid rgba(255, 255, 255, .96);
  border-radius: 50%;
  box-shadow: 0 20px 44px rgba(6, 30, 70, .18), 0 0 0 1px rgba(9, 87, 183, .12);
}

.page--three-standards .door-rack-goods figure + figure {
  margin-left: -34px;
}

.page--three-standards .door-rack-goods figure:nth-child(1) { z-index: 1; }
.page--three-standards .door-rack-goods figure:nth-child(2) { z-index: 2; }
.page--three-standards .door-rack-goods figure:nth-child(3) { z-index: 3; }

.page--three-standards .door-rack-goods img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.page--three-standards .sturing-routine-motion {
  position: relative;
  margin: 0;
  overflow: hidden;
  background: #f7efe5;
  border-radius: 28px;
  box-shadow: 0 26px 58px rgba(6, 30, 70, .16);
}

.page--three-standards .sturing-routine-motion img {
  display: block;
  width: 100%;
  height: auto;
}

.page--three-standards .sturing-routine-motion figcaption {
  position: absolute;
  z-index: 2;
  left: 40px;
  right: 40px;
  bottom: 46px;
  color: var(--navy);
  font-size: 32px;
  font-weight: 500;
  line-height: 1.38;
  letter-spacing: -.04em;
  text-align: center;
  text-shadow: 0 2px 8px rgba(255, 255, 255, 1), 0 0 18px rgba(255, 255, 255, .94);
}

.page--three-standards .sturing-routine-motion figcaption span,
.page--three-standards .sturing-routine-motion figcaption strong {
  display: block;
}

.page--three-standards .sturing-routine-motion figcaption strong {
  margin-top: 8px;
  color: var(--royal);
  font-size: 49px;
  font-weight: 700;
  line-height: 1.18;
}

.page--three-standards .dry-mode-switch__panel h4,
.page--three-standards .dry-mode-switch__panel p {
  color: inherit;
}

.page--three-standards .dry-mode-switch__panel p {
  font-size: 20px;
  opacity: .78;
}

.page--three-standards .dry-air-card__copy p,
.page--three-standards .sturing-evidence__copy p,
.page--three-standards .uvc-lamp-explainer__story p,
.page--three-standards .mode-guide__rail p {
  font-size: 22px;
}

.page--three-standards .chapter-media--door figcaption,
.page--three-standards .uvc-lamp-explainer > small,
.page--three-standards .product-specs__note,
.page--three-standards .light-compare__note,
.page--three-standards .power-note {
  font-size: 17px;
}

.page--three-standards [data-scroll-motion="comparison"].is-playing .light-card--single .light-card__product img {
  transform-origin: center bottom;
  animation: podam-compare-product-shrink 5.2s cubic-bezier(.45, 0, .2, 1) infinite;
}

.page--three-standards .point-stage-label {
  gap: 20px;
  margin-bottom: 86px;
}

.page--three-standards .point-stage-label span {
  font-family: "210 OmniGothic", "KoPubWorld Dotum", sans-serif;
  font-size: 38px;
  font-weight: 500;
  letter-spacing: .08em;
}

.page--three-standards .point-stage-label strong {
  font-family: "210 OmniGothic", "KoPubWorld Dotum", sans-serif;
  font-size: 132px;
  font-weight: 600;
  line-height: .96;
  letter-spacing: -.055em;
}

.page--three-standards .solution-bridge__wipe-target::after {
  display: none;
}

.page--three-standards .solution-bridge__keywords b {
  color: transparent;
  background-image: linear-gradient(
    105deg,
    var(--wipe-ink) 0 42%,
    #ffffff 48%,
    var(--wipe-ink) 56% 100%
  );
  background-position: 110% 50%;
  background-size: 260% 100%;
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  animation: podam-copy-only-wipe 4.8s cubic-bezier(.45, 0, .2, 1) infinite;
}

.page--three-standards .solution-bridge__keywords b:nth-child(1) {
  --wipe-ink: var(--royal);
}

.page--three-standards .solution-bridge__keywords b:nth-child(2) {
  --wipe-ink: var(--coral);
  animation-delay: .12s;
}

.page--three-standards .solution-bridge__keywords b:nth-child(3) {
  --wipe-ink: var(--green);
  animation-delay: .24s;
}

.page--three-standards .solution-bridge__keywords b:nth-child(4) {
  --wipe-ink: #a46b12;
  animation-delay: .36s;
}

.page--three-standards .solution-bridge__copy h2 {
  position: relative;
  isolation: isolate;
  overflow: hidden;
}

.page--three-standards .solution-bridge__copy h2::after {
  content: "";
  position: absolute;
  z-index: 2;
  left: -36%;
  top: -30%;
  width: 26%;
  height: 170%;
  pointer-events: none;
  opacity: 0;
  background: linear-gradient(90deg, transparent, rgba(255,255,255,.82), transparent);
  filter: blur(7px);
  mix-blend-mode: screen;
  transform: rotate(17deg);
  animation: podam-copy-box-wipe 4.8s cubic-bezier(.45, 0, .2, 1) .36s infinite;
}

.page--three-standards .feature-flow__item .point-line,
.page--three-standards .functions-section .point-line {
  margin-bottom: 28px;
  padding-bottom: 12px;
  font-family: "210 OmniGothic", "KoPubWorld Dotum", sans-serif;
  font-size: 28px;
  font-weight: 500;
  line-height: 1.1;
  letter-spacing: .055em;
  border-bottom-width: 3px;
}

.is-static .page--three-standards .light-card--single .light-card__product img {
  transform: scale(.76);
}

@keyframes podam-compare-product-shrink {
  0%, 18%, 100% { transform: scale(1); }
  48%, 76% { transform: scale(.76); }
}

@keyframes podam-copy-only-wipe {
  0%, 16% { background-position: 110% 50%; }
  66%, 100% { background-position: -25% 50%; }
}

@keyframes podam-copy-box-wipe {
  0%, 16% { opacity: 0; transform: translate3d(-80%, 0, 0) rotate(17deg); }
  28%, 58% { opacity: .72; }
  68%, 100% { opacity: 0; transform: translate3d(620%, 0, 0) rotate(17deg); }
}

@keyframes podam-facet-scale {
  0%, 18%, 100% { transform: scale(1); }
  48%, 66% { transform: scale(1.09); }
}

@keyframes podam-patent-wipe {
  0% { opacity: 0; transform: translate3d(-80%, 0, 0) rotate(17deg); }
  22% { opacity: .72; }
  72% { opacity: .72; transform: translate3d(650%, 0, 0) rotate(17deg); }
  100% { opacity: 0; transform: translate3d(650%, 0, 0) rotate(17deg); }
}

@keyframes podam-blue-neon-pulse {
  0%, 100% { transform: scale(1); text-shadow: 0 0 1px #fff, 0 0 5px #56bcff, 0 0 13px rgba(35,145,255,.58); }
  50% { transform: scale(1.025); text-shadow: 0 0 2px #fff, 0 0 8px #56bcff, 0 0 20px rgba(35,145,255,.78); }
}

@keyframes podam-green-neon-pulse {
  0%, 100% { transform: scale(1); text-shadow: 0 0 1px #fff, 0 0 5px #77e4aa, 0 0 13px rgba(80,224,151,.56); }
  50% { transform: scale(1.025); text-shadow: 0 0 2px #fff, 0 0 8px #77e4aa, 0 0 20px rgba(80,224,151,.76); }
}

@keyframes podam-compare-push {
  0%, 18%, 100% { grid-template-columns: 1fr 56px 1fr; }
  48%, 76% { grid-template-columns: .72fr 56px 1.28fr; }
}

@keyframes podam-compare-product-grow {
  0%, 18%, 100% { transform: scale(1); }
  48%, 76% { transform: scale(1.08); }
}

@keyframes podam-dry-toggle-thumb {
  0%, 18%, 100% { transform: translateX(0); background: linear-gradient(135deg, #5ab8ff, #237bdb); box-shadow: 0 10px 28px rgba(35,123,219,.34); }
  48%, 72% { transform: translateX(100%); background: linear-gradient(135deg, #ff897b, #ef594e); box-shadow: 0 10px 28px rgba(239,89,78,.34); }
}

@keyframes podam-dry-toggle-cool-label {
  0%, 18%, 100% { color: #fff; transform: scale(1.08); }
  48%, 72% { color: rgba(255,255,255,.7); transform: scale(1); }
}

@keyframes podam-dry-toggle-hot-label {
  0%, 18%, 100% { color: rgba(255,255,255,.7); transform: scale(1); }
  48%, 72% { color: #fff; transform: scale(1.08); }
}

@keyframes podam-dry-panel-cool {
  0%, 18%, 100% { color: #237bdb; border-color: #5ab8ff; background: #ecf7ff; transform: scale(1.035); box-shadow: 0 22px 44px rgba(35,123,219,.16); }
  48%, 72% { color: #8b94a2; border-color: transparent; background: #f6f8fb; transform: scale(.98); box-shadow: none; }
}

@keyframes podam-dry-panel-hot {
  0%, 18%, 100% { color: #8b94a2; border-color: transparent; background: #f6f8fb; transform: scale(.98); box-shadow: none; }
  48%, 72% { color: #ef594e; border-color: #ff897b; background: #fff0ed; transform: scale(1.035); box-shadow: 0 22px 44px rgba(239,89,78,.16); }
}

.is-static .page--three-standards .facet-medallion,
.is-static .page--three-standards .time-section .mega-number,
.is-static .page--three-standards .mega-number--white,
.is-static .page--three-standards .dry-mode-switch__thumb,
.is-static .page--three-standards .dry-mode-switch__toggle b,
.is-static .page--three-standards .dry-mode-switch__panel {
  animation: none;
}

.is-static .page--three-standards .facet-medallion {
  transform: scale(1.04);
}

.is-static .page--three-standards .light-compare__stage {
  grid-template-columns: .72fr 56px 1.28fr;
}

.is-static .page--three-standards .light-card--dual .light-card__product img {
  transform: scale(1.08);
}

.is-static .page--three-standards .registration-hero__claim::after {
  opacity: .36;
  animation: none;
  transform: translate3d(270%, 0, 0) rotate(17deg);
}

.is-static .page--three-standards .dry-mode-switch__thumb {
  transform: translateX(100%);
  background: linear-gradient(135deg, #ff897b, #ef594e);
}

.is-static .page--three-standards .dry-mode-switch__panel--cool {
  color: #8b94a2;
  border-color: transparent;
  background: #f6f8fb;
  transform: scale(.98);
}

.is-static .page--three-standards .dry-mode-switch__panel--hot {
  color: #ef594e;
  border-color: #ff897b;
  background: #fff0ed;
  transform: scale(1.035);
  box-shadow: 0 22px 44px rgba(239,89,78,.16);
}

@media (prefers-reduced-motion: reduce) {
  .page--three-standards .facet-medallion,
  .page--three-standards .time-section .mega-number,
  .page--three-standards .mega-number--white,
  .page--three-standards .light-compare__stage,
  .page--three-standards .light-card--dual .light-card__product img,
  .page--three-standards .dry-mode-switch__thumb,
  .page--three-standards .dry-mode-switch__toggle b,
  .page--three-standards .dry-mode-switch__panel,
  .page--three-standards .registration-hero__claim::after {
    animation: none;
  }
}

@media (max-width: 860px) {
  .page {
    width: 100vw;
  }
}

/* Final declaration scene: turn the four-standard heading into a cinematic,
   source-led transition without duplicating the later comparison bridge. */
.page--three-standards .care-standard-section {
  padding: 0 60px 122px;
  background: linear-gradient(180deg, #f7faff 0%, #ffffff 100%);
}

.page--three-standards .care-standard__intro {
  position: relative;
  isolation: isolate;
  width: calc(100% + 120px);
  max-width: none;
  min-height: 760px;
  display: grid;
  place-items: center;
  margin: 0 0 92px -60px;
  overflow: hidden;
  color: #fff;
  background: #020914;
}

.page--three-standards .care-standard__intro::before,
.page--three-standards .care-standard__intro::after {
  content: "";
  position: absolute;
  inset: 0;
}

.page--three-standards .care-standard__intro::before {
  z-index: -2;
  background: url("assets/posters/dual_uv_interior_original.png") center / cover no-repeat;
  filter: grayscale(1) contrast(1.14) brightness(.66);
  transform: scale(1.08);
}

.page--three-standards .care-standard__intro::after {
  z-index: -1;
  background:
    radial-gradient(circle at 50% 76%, rgba(34, 125, 239, .48), transparent 42%),
    linear-gradient(180deg, rgba(1, 8, 18, .14) 0%, rgba(2, 15, 36, .58) 44%, rgba(4, 28, 67, .94) 100%);
}

.page--three-standards .care-standard__intro .title {
  position: relative;
  z-index: 1;
  margin: 0;
  padding: 0 48px;
  color: #fff;
  font-family: "HSBombaram", "HS봄바람체 2.1", "Podam Sungkok", serif;
  font-size: 108px;
  font-weight: 400;
  line-height: 1.04;
  letter-spacing: -.055em;
  text-align: center;
  text-shadow: 0 10px 36px rgba(0, 0, 0, .72);
}

.page--three-standards .care-standard__intro .title strong {
  display: inline-block;
  margin-right: .08em;
  padding: .02em .16em .09em;
  color: #fff;
  font-family: inherit;
  font-size: 1em;
  font-weight: 400;
  line-height: .98;
  background: linear-gradient(135deg, #0965d1, #074ca4);
  box-shadow: 0 18px 48px rgba(5, 82, 183, .48);
}

.page--three-standards .care-standard__intro .title span,
.page--three-standards .care-standard__intro .title em {
  color: #fff;
  font-family: inherit;
  font-size: 1em;
  font-style: normal;
  font-weight: 400;
}

/* Premium Daily Care index: large consistent blue line icons, no circles. */
.page--three-standards .functions-section {
  padding: 124px 60px 132px;
  background: linear-gradient(180deg, #ffffff 0%, #f3f7fc 100%);
}

.page--three-standards .functions-section > .section-copy {
  margin-bottom: 74px;
}

.page--three-standards .feature-flow__item .point-line,
.page--three-standards .functions-section .point-line {
  font-size: 34px;
  letter-spacing: .045em;
}

.page--three-standards .function-list {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 20px;
  max-width: 740px;
  margin: 0 auto;
  padding: 20px;
  border: 1px solid rgba(9, 87, 183, .1);
  border-radius: 36px;
  background: rgba(232, 241, 252, .72);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .9), 0 26px 64px rgba(6, 30, 70, .1);
}

.page--three-standards .function-list article {
  position: relative;
  min-height: 252px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: space-between;
  gap: 26px;
  padding: 34px 34px 36px;
  overflow: hidden;
  border: 1px solid rgba(9, 87, 183, .1);
  border-radius: 26px;
  background: rgba(255, 255, 255, .96);
  box-shadow: 0 16px 38px rgba(6, 30, 70, .075);
}

.page--three-standards .function-list article::after {
  content: "";
  position: absolute;
  left: 0;
  top: 30px;
  bottom: 30px;
  width: 4px;
  border-radius: 0 4px 4px 0;
  background: linear-gradient(180deg, #58adff, #0957b7);
}

.page--three-standards .function-list article:last-child {
  grid-column: 1 / -1;
  min-height: 202px;
  display: grid;
  grid-template-columns: 118px auto;
  align-items: center;
  justify-content: center;
  column-gap: 28px;
}

.page--three-standards .function-list .function-index {
  position: absolute;
  right: 26px;
  top: 24px;
  color: rgba(9, 87, 183, .28);
  font-family: "210 OmniGothic", "KoPubWorld Dotum", sans-serif;
  font-size: 21px;
  font-weight: 600;
  line-height: 1;
  letter-spacing: .12em;
}

.page--three-standards .function-list .function-symbol {
  width: 102px;
  height: 102px;
  display: grid;
  place-items: center;
  justify-self: start;
  color: var(--royal);
  background: transparent;
  border: 0;
  border-radius: 0;
}

.page--three-standards .function-list .function-symbol img {
  width: 92px;
  height: 92px;
  object-fit: contain;
  filter: drop-shadow(0 10px 16px rgba(9, 87, 183, .13));
}

.page--three-standards .function-list article > div {
  width: 100%;
}

.page--three-standards .function-list article:last-child > div {
  align-self: center;
}

.page--three-standards .function-list b {
  display: block;
  color: var(--navy);
  font-family: "210 OmniGothic", "KoPubWorld Dotum", sans-serif;
  font-size: 34px;
  font-weight: 600;
  line-height: 1.24;
  letter-spacing: -.04em;
  text-align: left;
  word-break: keep-all;
}

/* Keep the lifestyle image untouched: the wipe belongs only to glyphs and
   the navy text box. Static and reduced-motion renders settle cleanly. */
.is-static .page--three-standards .solution-bridge__keywords b {
  animation: none;
  background-position: -25% 50%;
}

.is-static .page--three-standards .solution-bridge__copy h2::after {
  opacity: 0;
  animation: none;
}

@media (prefers-reduced-motion: reduce) {
  .page--three-standards .solution-bridge__keywords b,
  .page--three-standards .solution-bridge__copy h2::after {
    animation: none;
  }

  .page--three-standards .solution-bridge__keywords b {
    background-position: -25% 50%;
  }

  .page--three-standards .solution-bridge__copy h2::after {
    opacity: 0;
  }
}

/* Post-render conflict fixes kept last so the crop, logo and legibility rules
   remain authoritative over the earlier art-direction layers. */
.page--three-standards .hero-main__logo,
.page--three-standards .closing-logo {
  mix-blend-mode: normal;
}

.page--three-standards .sterilization-evidence__media--dual-proof {
  height: 800px;
}

.page--three-standards .sterilization-evidence__card--lamp .sterilization-evidence__media {
  position: relative;
  height: 870px;
}

.page--three-standards .sterilization-evidence__card--lamp .sterilization-evidence__media video,
.page--three-standards .sterilization-evidence__card--lamp .sterilization-evidence__media img {
  position: absolute;
  left: 0;
  top: -895px;
  width: 100%;
  max-width: none;
}

.page--three-standards .sturing-evidence__media--bottles {
  height: 460px;
}

.page--three-standards .sturing-evidence__media--bottles video,
.page--three-standards .sturing-evidence__media--bottles img {
  top: -1100px;
  bottom: auto;
}

.page--three-standards .function-list .function-index {
  color: rgba(9, 87, 183, .52);
  font-size: 22px;
}

.page--three-standards .sterilization-evidence__card > small {
  font-size: 18px;
}

.page--three-standards .comparison-proof-card__copy small {
  font-size: 17px;
  line-height: 1.45;
}

.page--three-standards .comparison-proof-card__copy p {
  font-size: 19px;
}

.page--three-standards .chapter-media--door figcaption,
.page--three-standards .uvc-lamp-explainer > small,
.page--three-standards .product-specs__note,
.page--three-standards .light-compare__note,
.page--three-standards .power-note {
  font-size: 19px;
  line-height: 1.62;
}

.page--three-standards .uvc-lamp-explainer > small,
.page--three-standards .product-specs__note,
.page--three-standards .light-compare__note {
  color: #4f5e72;
}

.page--three-standards .power-note {
  color: rgba(255, 255, 255, .78);
}

/* Hero brand lock: place the exact transparent wordmark on the product image
   instead of grouping it with the headline. */
.page--three-standards .hero-main__veil {
  background: linear-gradient(
    180deg,
    rgba(248, 251, 255, 1) 0%,
    rgba(248, 251, 255, .98) 13%,
    rgba(248, 251, 255, .76) 21%,
    rgba(248, 251, 255, .34) 29%,
    rgba(248, 251, 255, .08) 36%,
    rgba(248, 251, 255, 0) 42%
  );
}

.page--three-standards .hero-main__copy {
  top: 118px;
}

.page--three-standards .hero-main__copy .display {
  margin-top: 0;
}

.page--three-standards .hero-main__logo {
  position: absolute;
  z-index: 3;
  left: 50%;
  top: 296px;
  width: 440px;
  max-width: 72%;
  margin: 0;
  transform: translateX(-50%);
  filter: drop-shadow(0 3px 10px rgba(8, 39, 83, .13));
  mix-blend-mode: normal;
}

/* A shorter two-image declaration bridge, matching the connected reference. */
.page--three-standards .care-standard__intro {
  min-height: 620px;
  margin-bottom: 72px;
}

.page--three-standards .care-standard__intro::before,
.page--three-standards .care-standard__intro::after {
  content: none;
}

.page--three-standards .care-standard__intro-media,
.page--three-standards .care-standard__intro-veil {
  position: absolute;
  inset: 0;
}

.page--three-standards .care-standard__intro-media {
  z-index: 0;
  overflow: hidden;
  background: #031838;
}

.page--three-standards .care-standard__intro-image {
  position: absolute;
  left: 0;
  width: 100%;
  object-fit: cover;
}

.page--three-standards .care-standard__intro-image--upper {
  z-index: 1;
  top: 0;
  height: 57%;
  object-position: center 48%;
  filter: grayscale(1) contrast(1.12) brightness(.54);
  -webkit-mask-image: linear-gradient(to bottom, #000 0%, #000 67%, rgba(0, 0, 0, .7) 82%, transparent 100%);
  mask-image: linear-gradient(to bottom, #000 0%, #000 67%, rgba(0, 0, 0, .7) 82%, transparent 100%);
}

.page--three-standards .care-standard__intro-image--lower {
  bottom: 0;
  height: 58%;
  object-position: center 54%;
  filter: saturate(.82) contrast(1.08) brightness(.58);
  -webkit-mask-image: linear-gradient(to top, #000 0%, #000 68%, rgba(0, 0, 0, .72) 84%, transparent 100%);
  mask-image: linear-gradient(to top, #000 0%, #000 68%, rgba(0, 0, 0, .72) 84%, transparent 100%);
}

.page--three-standards .care-standard__intro-veil {
  z-index: 1;
  background:
    radial-gradient(circle at 50% 52%, rgba(17, 105, 220, .38), transparent 38%),
    linear-gradient(180deg, rgba(2, 9, 20, .12) 0%, rgba(2, 13, 31, .54) 45%, rgba(3, 25, 58, .72) 100%);
}

.page--three-standards .care-standard__intro .title {
  z-index: 2;
  padding: 0 42px;
  font-size: 82px;
  line-height: 1.02;
}

/* The four standards use the requested OmniGothic family, while preserving
   their existing color blocks and hierarchy. */
.page--three-standards .care-standard__list h3,
.page--three-standards .care-standard__list h3 strong,
.page--three-standards .care-standard__list > article > span {
  font-family: "210 OmniGothic", "KoPubWorld Dotum", "Apple SD Gothic Neo", sans-serif;
}

.page--three-standards .care-standard__list h3 {
  font-weight: 500;
}

.page--three-standards .care-standard__list h3 strong {
  font-weight: 600;
}

.page--three-standards .care-standard__list > article > span {
  font-weight: 500;
}

/* Keep only the lower wavelength/interior portion of the supplied motion. */
.page--three-standards .uvc-lamp-explainer__motion--wavelength {
  position: relative;
  height: 830px;
}

.page--three-standards .uvc-lamp-explainer__motion--wavelength video,
.page--three-standards .uvc-lamp-explainer__motion--wavelength img {
  position: absolute;
  left: 0;
  top: -905px;
  width: 100%;
  max-width: none;
}

.page--three-standards .uvc-lamp-explainer__story article {
  grid-template-columns: 1fr;
  min-height: 230px;
  padding: 44px 52px;
}

/* Premium ambient motion for the two large numeric scenes. The effects live
   on dedicated background layers so imagery and foreground copy stay crisp. */
.page--three-standards .time-section {
  isolation: isolate;
  background:
    radial-gradient(ellipse at 50% 59%, rgba(38, 143, 245, .24) 0%, rgba(13, 66, 132, .08) 37%, transparent 64%),
    linear-gradient(160deg, #061d49 0%, #0c3a76 52%, #082755 100%);
}

.page--three-standards .time-ambient,
.page--three-standards .power-ambient {
  position: absolute;
  inset: 0;
  z-index: 0;
  overflow: hidden;
  pointer-events: none;
}

.page--three-standards .time-ambient {
  background:
    linear-gradient(115deg, transparent 24%, rgba(110, 197, 255, .055) 42%, transparent 59%),
    radial-gradient(circle at 50% 60%, rgba(91, 185, 255, .11), transparent 44%);
}

.page--three-standards .time-ambient__dial,
.page--three-standards .time-ambient__sweep,
.page--three-standards .time-ambient__pulse {
  position: absolute;
  left: 50%;
  top: 59%;
  border-radius: 50%;
}

.page--three-standards .time-ambient__dial {
  width: 1040px;
  height: 1040px;
  opacity: .46;
  background: repeating-conic-gradient(
    from -90deg,
    rgba(129, 207, 255, .5) 0deg 1deg,
    transparent 1deg 10deg
  );
  -webkit-mask: radial-gradient(circle, transparent 0 39%, #000 39.2% 39.8%, transparent 40% 51%, #000 51.2% 51.65%, transparent 51.9%);
  mask: radial-gradient(circle, transparent 0 39%, #000 39.2% 39.8%, transparent 40% 51%, #000 51.2% 51.65%, transparent 51.9%);
  transform: translate(-50%, -50%);
  animation: podam-time-dial-spin 28s linear infinite;
}

.page--three-standards .time-ambient__sweep {
  width: 820px;
  height: 820px;
  opacity: .52;
  background: conic-gradient(from 12deg, transparent 0 76%, rgba(114, 207, 255, .44) 88%, transparent 95% 100%);
  -webkit-mask: radial-gradient(circle, transparent 0 43%, #000 43.3% 44%, transparent 44.3%);
  mask: radial-gradient(circle, transparent 0 43%, #000 43.3% 44%, transparent 44.3%);
  transform: translate(-50%, -50%);
  animation: podam-time-sweep 9s cubic-bezier(.45, 0, .2, 1) infinite;
}

.page--three-standards .time-ambient__pulse {
  width: 650px;
  height: 430px;
  background: radial-gradient(ellipse, rgba(64, 167, 255, .22) 0%, rgba(20, 91, 164, .08) 44%, transparent 72%);
  filter: blur(12px);
  transform: translate(-50%, -50%) scale(.92);
  animation: podam-time-ambient-pulse 4.8s ease-in-out infinite;
}

.page--three-standards .time-copy {
  z-index: 2;
}

.page--three-standards .power-intro {
  isolation: isolate;
  background:
    radial-gradient(ellipse at 50% 59%, rgba(141, 235, 184, .19) 0%, rgba(41, 142, 97, .08) 42%, transparent 66%),
    linear-gradient(145deg, #0c4937 0%, #176d4f 55%, #21835e 100%);
}

.page--three-standards .power-intro > .power-ambient {
  position: absolute;
  z-index: 0;
}

.page--three-standards .power-ambient svg {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  overflow: visible;
}

.page--three-standards .power-ambient__flow,
.page--three-standards .power-ambient__leaf,
.page--three-standards .power-ambient__leaf-vein {
  vector-effect: non-scaling-stroke;
}

.page--three-standards .power-ambient__flow {
  fill: none;
  stroke: rgba(208, 249, 226, .2);
  stroke-width: 2;
  stroke-linecap: round;
  stroke-dasharray: 3 18;
  animation: podam-eco-flow 15s linear infinite;
}

.page--three-standards .power-ambient__flow--two {
  stroke: rgba(146, 231, 184, .14);
  stroke-dasharray: 1 14;
  animation-duration: 19s;
  animation-direction: reverse;
}

.page--three-standards .power-ambient__leaf {
  fill: rgba(209, 250, 227, .045);
  stroke: rgba(209, 250, 227, .17);
  stroke-width: 1.5;
  transform-box: fill-box;
  transform-origin: center;
  animation: podam-eco-leaf-breathe 7.5s ease-in-out infinite;
}

.page--three-standards .power-ambient__leaf--right {
  animation-delay: -3.2s;
}

.page--three-standards .power-ambient__leaf-vein {
  fill: none;
  stroke: rgba(209, 250, 227, .15);
  stroke-width: 1.1;
  stroke-linecap: round;
  stroke-dasharray: 9 13;
  animation: podam-eco-flow 11s linear infinite;
}

.page--three-standards .power-ambient__glow {
  position: absolute;
  left: 50%;
  top: 61%;
  width: 690px;
  height: 440px;
  border-radius: 50%;
  background: radial-gradient(ellipse, rgba(144, 238, 187, .2) 0%, rgba(63, 174, 116, .07) 48%, transparent 72%);
  filter: blur(15px);
  transform: translate(-50%, -50%) scale(.94);
  animation: podam-eco-glow 4.8s ease-in-out infinite;
}

.page--three-standards .mega-number--white {
  align-items: baseline;
  gap: 16px;
}

.page--three-standards .mega-number--white .mega-number__value,
.page--three-standards .mega-number--white .mega-number__unit {
  display: inline-block;
  transform-origin: center 68%;
}

.page--three-standards .mega-number--white .mega-number__unit {
  align-self: baseline;
  margin-bottom: 0;
  font-size: 164px;
  transform: translateY(-.035em);
}

@keyframes podam-time-dial-spin {
  from { transform: translate(-50%, -50%) rotate(0deg); }
  to { transform: translate(-50%, -50%) rotate(360deg); }
}

@keyframes podam-time-sweep {
  0% { opacity: .2; transform: translate(-50%, -50%) rotate(-38deg); }
  45%, 64% { opacity: .64; }
  100% { opacity: .2; transform: translate(-50%, -50%) rotate(322deg); }
}

@keyframes podam-time-ambient-pulse {
  0%, 100% { opacity: .42; transform: translate(-50%, -50%) scale(.92); }
  50% { opacity: .82; transform: translate(-50%, -50%) scale(1.08); }
}

@keyframes podam-eco-flow {
  to { stroke-dashoffset: -168; }
}

@keyframes podam-eco-leaf-breathe {
  0%, 100% { opacity: .58; transform: translateY(0) rotate(-1deg); }
  50% { opacity: .92; transform: translateY(-12px) rotate(1.5deg); }
}

@keyframes podam-eco-glow {
  0%, 100% { opacity: .44; transform: translate(-50%, -50%) scale(.94); }
  50% { opacity: .82; transform: translate(-50%, -50%) scale(1.07); }
}

.is-static .page--three-standards .time-ambient__dial,
.is-static .page--three-standards .time-ambient__sweep,
.is-static .page--three-standards .time-ambient__pulse,
.is-static .page--three-standards .power-ambient__flow,
.is-static .page--three-standards .power-ambient__leaf,
.is-static .page--three-standards .power-ambient__leaf-vein,
.is-static .page--three-standards .power-ambient__glow {
  animation: none;
}

.is-static .page--three-standards .time-ambient__dial {
  transform: translate(-50%, -50%) rotate(22deg);
}

.is-static .page--three-standards .time-ambient__sweep {
  opacity: .58;
  transform: translate(-50%, -50%) rotate(148deg);
}

.is-static .page--three-standards .time-ambient__pulse,
.is-static .page--three-standards .power-ambient__glow {
  opacity: .72;
  transform: translate(-50%, -50%) scale(1.02);
}

@media (prefers-reduced-motion: reduce) {
  .page--three-standards .time-ambient__dial,
  .page--three-standards .time-ambient__sweep,
  .page--three-standards .time-ambient__pulse,
  .page--three-standards .power-ambient__flow,
  .page--three-standards .power-ambient__leaf,
  .page--three-standards .power-ambient__leaf-vein,
  .page--three-standards .power-ambient__glow {
    animation: none;
  }
}

/* September 8 final QA pass: compact navigation, faithful media crops,
   and motion states that settle on the intended hierarchy. */
.page--three-standards .hero-main__logo {
  top: 218px;
  width: 226px;
  max-width: 34%;
}

.page--three-standards .closing-logo {
  width: 196px;
  max-width: 30%;
  margin-bottom: 22px;
}

.page--three-standards .care-standard__intro-image--lifestyle {
  inset: 0;
  height: 100%;
  object-position: center 73%;
  filter: saturate(.88) contrast(1.04) brightness(.61);
}

.page--three-standards .care-standard__intro-veil {
  background:
    linear-gradient(90deg, rgba(2, 13, 31, .23), rgba(2, 13, 31, .05) 48%, rgba(2, 13, 31, .2)),
    linear-gradient(180deg, rgba(2, 9, 20, .08) 0%, rgba(3, 23, 52, .46) 56%, rgba(3, 25, 58, .76) 100%);
}

.page--three-standards .color-lineup-hero {
  width: 100%;
  margin: 0;
  overflow: hidden;
  background: #f4eee6;
}

.page--three-standards .color-lineup-hero img {
  display: block;
  width: 100%;
  height: auto;
}

/* A compact 4 + 4 index keeps all eight Daily Care features parallel and
   removes the oversized, vertically stacked card rhythm. */
.page--three-standards .function-list {
  display: grid;
  grid-template-columns: repeat(24, minmax(0, 1fr));
  gap: 0;
  width: 100%;
  max-width: none;
  margin: 0 auto;
  padding: 0;
  border: 0;
  border-top: 1px solid rgba(9, 87, 183, .16);
  border-bottom: 1px solid rgba(9, 87, 183, .16);
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}

.page--three-standards .function-list article,
.page--three-standards .function-list article:last-child {
  grid-column: span 6;
  min-height: 194px;
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: 82px auto;
  align-content: center;
  justify-items: center;
  gap: 14px;
  padding: 28px 10px 25px;
  overflow: visible;
  text-align: center;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}

.page--three-standards .function-list article:nth-child(-n + 4) {
  border-bottom: 1px solid rgba(9, 87, 183, .12);
}

.page--three-standards .function-list article:nth-child(1),
.page--three-standards .function-list article:nth-child(2),
.page--three-standards .function-list article:nth-child(3),
.page--three-standards .function-list article:nth-child(5),
.page--three-standards .function-list article:nth-child(6),
.page--three-standards .function-list article:nth-child(7) {
  border-right: 1px solid rgba(9, 87, 183, .12);
}

.page--three-standards .function-list article:nth-child(5) {
  grid-column: 1 / span 6;
}

.page--three-standards .function-list article:nth-child(6) {
  grid-column: 7 / span 6;
}

.page--three-standards .function-list article:nth-child(7) {
  grid-column: 13 / span 6;
}

.page--three-standards .function-list article:nth-child(8) {
  grid-column: 19 / span 6;
}

.page--three-standards .function-list article::after {
  content: none;
}

.page--three-standards .function-list .function-index {
  right: 15px;
  top: 18px;
  font-size: 18px;
  letter-spacing: .08em;
}

.page--three-standards .function-list .function-symbol {
  width: 80px;
  height: 80px;
  justify-self: center;
}

.page--three-standards .function-list .function-symbol img {
  width: 74px;
  height: 74px;
  filter: drop-shadow(0 7px 14px rgba(9, 87, 183, .11));
}

.page--three-standards .function-list article > div,
.page--three-standards .function-list article:last-child > div {
  width: 100%;
  align-self: start;
}

.page--three-standards .function-list b {
  max-width: 190px;
  margin: 0 auto;
  font-size: 25px;
  line-height: 1.3;
  letter-spacing: -.045em;
  text-align: center;
}

/* The dual-proof source contains headings and margins around the useful
   motion. Crop to the actual UV scene only. */
.page--three-standards .sterilization-evidence__card--performance .sterilization-evidence__copy {
  padding: 44px 42px 38px;
}

.page--three-standards .sterilization-evidence__media--dual-proof {
  height: 420px;
  background: #061e46;
}

.page--three-standards .sterilization-evidence__media--dual-proof video,
.page--three-standards .sterilization-evidence__media--dual-proof img {
  top: -310px;
}

/* Cards retain their proportions: the left scales down, the PODAM card grows
   and the one-shot comparison ends in that emphasized state. */
.page--three-standards .light-compare__stage,
.is-static .page--three-standards .light-compare__stage {
  grid-template-columns: minmax(0, 1fr) 56px minmax(0, 1fr);
  align-items: center;
}

.page--three-standards .light-compare.is-playing .light-compare__stage {
  animation: none !important;
}

.page--three-standards .light-compare.is-playing .light-card--single {
  transform-origin: left center;
  animation: podam-compare-card-shrink-once 1.8s cubic-bezier(.32, .02, .18, 1) .28s 1 forwards;
}

.page--three-standards .light-compare.is-playing .light-card--dual {
  transform-origin: right center;
  animation: podam-compare-card-grow-once 1.8s cubic-bezier(.32, .02, .18, 1) .28s 1 forwards;
}

.page--three-standards .light-compare.is-playing .light-card--single .light-card__product img,
.page--three-standards .light-compare.is-playing .light-card--dual .light-card__product img {
  animation: none !important;
}

.is-static .page--three-standards .light-card--single {
  transform: scale(.78);
  transform-origin: left center;
}

.is-static .page--three-standards .light-card--dual {
  transform: scale(1.12);
  transform-origin: right center;
}

@keyframes podam-compare-card-shrink-once {
  from { transform: scale(1); }
  to { transform: scale(.78); }
}

@keyframes podam-compare-card-grow-once {
  from { transform: scale(.94); }
  to { transform: scale(1.12); }
}

/* Three visible waves follow the touch timings in the mode-selection GIF. */
.page--three-standards .mode-ripple {
  isolation: isolate;
}

.page--three-standards .mode-ripple__wave {
  --delay: .35s;
  position: absolute;
  z-index: 3;
  left: 20.4%;
  top: 50%;
  width: 78px;
  height: 78px;
  pointer-events: none;
  opacity: 0;
  border: 4px solid rgba(38, 132, 235, .9);
  border-radius: 50%;
  box-shadow: 0 0 0 8px rgba(88, 173, 255, .11);
  transform: translate(-50%, -50%) scale(.28);
  animation: podam-mode-ripple-wave 5.7s ease-out var(--delay) infinite;
}

.page--three-standards .mode-ripple__wave::after {
  content: "";
  position: absolute;
  inset: -4px;
  border: 3px solid rgba(88, 173, 255, .58);
  border-radius: inherit;
  animation: podam-mode-ripple-echo 5.7s ease-out calc(var(--delay) + .14s) infinite;
}

.page--three-standards .mode-ripple__wave--two {
  --delay: 2.05s;
  left: 50%;
}

.page--three-standards .mode-ripple__wave--three {
  --delay: 3.75s;
  left: 79.7%;
}

@keyframes podam-mode-ripple-wave {
  0%, 14%, 100% { opacity: 0; transform: translate(-50%, -50%) scale(.28); }
  2% { opacity: .9; }
  10% { opacity: 0; transform: translate(-50%, -50%) scale(2.05); }
}

@keyframes podam-mode-ripple-echo {
  0%, 14%, 100% { opacity: 0; transform: scale(.45); }
  2% { opacity: .72; }
  11% { opacity: 0; transform: scale(2.45); }
}

.is-static .page--three-standards .mode-ripple__wave {
  animation: none;
  opacity: 0;
}

.is-static .page--three-standards .mode-ripple__wave--one {
  opacity: .42;
  transform: translate(-50%, -50%) scale(1.25);
}

.is-static .page--three-standards .mode-ripple__wave--one::after {
  animation: none;
  opacity: .28;
  transform: scale(1.5);
}

/* Bring the sleep glyph and caption into one centered cluster without
   letter overlap. */
.page--three-standards .chapter-media--night .chapter-overlay-copy {
  left: 50%;
  top: 94px;
  width: 680px;
  text-align: center;
  transform: translateX(-50%);
}

.page--three-standards .sleep-zz {
  left: 50%;
  right: auto;
  top: 76px;
  width: auto;
  gap: 10px;
  align-items: baseline;
  justify-content: flex-start;
  opacity: .56;
  transform: translateX(150px);
}

.page--three-standards .sleep-zz b,
.page--three-standards .sleep-zz i:nth-child(2),
.page--three-standards .sleep-zz i:nth-child(3) {
  display: block;
  margin: 0;
}

.page--three-standards .sleep-zz b { font-size: 104px; }
.page--three-standards .sleep-zz i:nth-child(2) { font-size: 66px; }
.page--three-standards .sleep-zz i:nth-child(3) { font-size: 42px; }

.page--three-standards .feature-flow .door-rack-photo img {
  filter:
    drop-shadow(0 38px 34px rgba(6, 30, 70, .24))
    drop-shadow(0 12px 16px rgba(41, 112, 184, .17));
}

/* Operation guidance now opens the product-detail section before the manual
   detail heading, as requested. */
.page--three-standards .product-detail-section > .mode-guide {
  margin: -120px 0 126px -60px;
}

.page--three-standards .product-detail-heading {
  margin-top: 0;
}

/* Only the slightly uncomfortable gap below the capacity headline is reduced. */
.page--three-standards .capacity-heading {
  padding-bottom: 82px;
}

.page--three-standards .motion-full--bottles {
  padding-top: 56px;
}

@media (prefers-reduced-motion: reduce) {
  .page--three-standards .light-card--single {
    transform: scale(.78);
    transform-origin: left center;
  }

  .page--three-standards .light-card--dual {
    transform: scale(1.12);
    transform-origin: right center;
  }

  .page--three-standards .mode-ripple__wave,
  .page--three-standards .mode-ripple__wave::after {
    animation: none;
  }
}

/* Final hero and sequence correction: brand first, product title second,
   unobstructed product third; the structure video bridges into the 12-facet
   chapter and the COOL/HOT comparison precedes its switching guide. */
.page--three-standards .hero-main {
  height: 1700px;
}

.page--three-standards .hero-main__logo {
  top: 40px;
  width: 260px;
  max-width: none;
}

.page--three-standards .hero-main__copy {
  z-index: 3;
  top: 530px;
}

.page--three-standards .hero-main__copy .display {
  margin: 0;
  font-size: 64px;
  line-height: 1.08;
}

.page--three-standards .hero-main__photo {
  left: -6%;
  width: 112%;
  bottom: 24px;
}

/* September 8 placement corrections: keep motion effects behind their
   controls, blend editorial bridges into their neighbours, and reserve a
   clean text field above the closing product shot. */
.page--three-standards .mode-ripple {
  overflow: hidden;
  background: #fbf9f4;
}

.page--three-standards .mode-ripple img {
  position: relative;
  z-index: 2;
  mix-blend-mode: multiply;
}

.page--three-standards .mode-ripple__wave {
  z-index: 1;
  top: 50%;
  width: 286px;
  height: 286px;
  border: 0;
  background: radial-gradient(
    circle,
    rgba(77, 159, 239, .23) 0 22%,
    rgba(77, 159, 239, .14) 31%,
    rgba(112, 188, 255, .075) 50%,
    transparent 76%
  );
  box-shadow: none;
  filter: blur(13px);
  mix-blend-mode: multiply;
  opacity: 0;
  transform: translate(-50%, -50%) scale(.46);
  animation: podam-mode-ripple-soft 5.7s ease-out var(--delay) infinite;
}

.page--three-standards .mode-ripple__wave--one { left: 15.55%; }
.page--three-standards .mode-ripple__wave--two { left: 46.9%; }
.page--three-standards .mode-ripple__wave--three { left: 78.15%; }

.page--three-standards .mode-ripple__wave::after {
  inset: 16%;
  border: 0;
  background: radial-gradient(circle, rgba(75, 161, 244, .11), transparent 68%);
  filter: blur(9px);
  opacity: 0;
  animation: podam-mode-ripple-soft-echo 5.7s ease-out calc(var(--delay) + .14s) infinite;
}

@keyframes podam-mode-ripple-soft {
  0%, 15%, 100% { opacity: 0; transform: translate(-50%, -50%) scale(.46); }
  2.5% { opacity: .22; }
  11% { opacity: 0; transform: translate(-50%, -50%) scale(1.62); }
}

@keyframes podam-mode-ripple-soft-echo {
  0%, 15%, 100% { opacity: 0; transform: scale(.62); }
  3% { opacity: .2; }
  12% { opacity: 0; transform: scale(1.85); }
}

.is-static .page--three-standards .mode-ripple__wave,
.is-static .page--three-standards .mode-ripple__wave::after {
  animation: none;
  opacity: 0;
}

.is-static .page--three-standards .mode-ripple__wave--one {
  opacity: .08;
  transform: translate(-50%, -50%) scale(1.08);
}

.page--three-standards .care-standard__intro::before,
.page--three-standards .care-standard__intro::after {
  content: "";
  position: absolute;
  right: 0;
  left: 0;
  z-index: 3;
  height: 118px;
  pointer-events: none;
}

.page--three-standards .care-standard__intro::before {
  top: 0;
  bottom: auto;
  background: linear-gradient(180deg, rgba(245, 241, 233, .9), rgba(245, 241, 233, .48) 36%, transparent 100%);
}

.page--three-standards .care-standard__intro::after {
  top: auto;
  bottom: 0;
  background: linear-gradient(0deg, #f7faff, rgba(247, 250, 255, .72) 32%, transparent 100%);
}

.page--three-standards .care-standard__intro .title {
  z-index: 4;
}

.page--three-standards .podam-difference-bridge::before,
.page--three-standards .podam-difference-bridge::after {
  content: "";
  position: absolute;
  right: 0;
  left: 0;
  z-index: 1;
  height: 140px;
  pointer-events: none;
}

.page--three-standards .podam-difference-bridge::before {
  top: 0;
  bottom: auto;
  background: linear-gradient(180deg, #21835e, rgba(33, 131, 94, .55) 34%, transparent 100%);
}

.page--three-standards .podam-difference-bridge::after {
  top: auto;
  bottom: 0;
  background: linear-gradient(0deg, var(--navy), rgba(6, 30, 70, .7) 34%, transparent 100%);
}

.page--three-standards .podam-difference-bridge h2 {
  position: relative;
  z-index: 2;
}

.page--three-standards .closing-section {
  height: 1220px;
  background: rgb(206, 207, 208);
}

.page--three-standards .closing-photo {
  inset: auto 0 0;
  width: 100%;
  height: auto;
  object-fit: contain;
  -webkit-mask-image: linear-gradient(to bottom, transparent 0, #000 120px);
  mask-image: linear-gradient(to bottom, transparent 0, #000 120px);
}

/* The clean derivative permanently removes the retired model-name strip.
   Preserve the full remaining frame instead of hiding it with a CSS crop. */
.page--three-standards .uvc-lamp-explainer__motion--range {
  position: relative;
  height: auto;
  aspect-ratio: 898 / 1604;
}

.page--three-standards .uvc-lamp-explainer__motion--range video,
.page--three-standards .uvc-lamp-explainer__motion--range img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  max-width: none;
  object-fit: cover;
  object-position: center top;
}

@media (prefers-reduced-motion: reduce) {
  .page--three-standards .mode-ripple__wave,
  .page--three-standards .mode-ripple__wave::after {
    animation: none;
  }
}

/* September 8 consolidated revisions: transparent hero assets, source-led
   proof modules, softer mode transitions, and the final customer guide. */
.page--three-standards .hero-main__photo {
  background: transparent;
  filter: drop-shadow(0 30px 42px rgba(6, 30, 70, .11));
}

/* Reserve a clean strip between the title and the product for the proof marks. */
.page--three-standards .hero-main {
  height: 1900px;
}

.page--three-standards .hero-main__certifications {
  position: absolute;
  z-index: 4;
  left: 50%;
  top: 650px;
  width: 760px;
  height: auto;
  max-width: calc(100% - 80px);
  transform: translateX(-50%);
  filter: none;
}

.page--three-standards .hero-certifications {
  box-sizing: border-box;
  overflow: hidden;
  padding: 18px 34px;
  color: var(--navy);
  background:
    linear-gradient(135deg, rgba(255, 255, 255, .98), rgba(244, 249, 255, .94)),
    #fff;
  border: 1px solid rgba(19, 95, 183, .22);
  border-radius: 30px;
  box-shadow: 0 22px 54px rgba(6, 30, 70, .13);
}

.page--three-standards .hero-certifications::before {
  content: "";
  position: absolute;
  inset: 0 0 auto;
  height: 5px;
  background: linear-gradient(90deg, #63c8f0, var(--royal), #63c8f0);
}

.page--three-standards .hero-certifications__item {
  display: grid;
  grid-template-columns: 130px minmax(0, 1fr);
  align-items: center;
  min-height: 124px;
}

.page--three-standards .hero-certifications__item + .hero-certifications__item {
  border-top: 1px solid rgba(6, 30, 70, .16);
}

.page--three-standards .hero-certifications__logo {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 116px;
  height: 88px;
  margin: 0 auto;
}

.page--three-standards .hero-certifications__logo img {
  display: block;
  max-width: 100%;
  height: auto;
}

.page--three-standards .hero-certifications__logo--eu img,
.page--three-standards .hero-certifications__logo--iso img {
  width: 86px;
}

.page--three-standards .hero-certifications__logo--eu b {
  position: absolute;
  inset: 50% auto auto 50%;
  color: #fff;
  font-family: "210 OmniGothic", "KoPubWorld Dotum", sans-serif;
  font-size: 28px;
  font-weight: 850;
  line-height: 1;
  letter-spacing: -.03em;
  transform: translate(-50%, -50%);
  text-shadow: 0 1px 3px rgba(6, 30, 70, .32);
}

.page--three-standards .hero-certifications__logo--lighting {
  flex-direction: column;
  gap: 7px;
}

.page--three-standards .hero-certifications__philips {
  width: 114px;
}

.page--three-standards .hero-certifications__osram-crop {
  position: relative;
  display: block;
  width: 114px;
  height: 28px;
  overflow: hidden;
}

.page--three-standards .hero-certifications__osram {
  position: absolute;
  top: 50%;
  left: 0;
  width: 114px;
  max-width: none;
  transform: translateY(-50%);
}

.page--three-standards .hero-certifications__content {
  padding: 0 6px 0 28px;
  border-left: 2px solid rgba(9, 87, 183, .2);
}

.page--three-standards .hero-certifications__title,
.page--three-standards .hero-certifications__description {
  margin: 0;
  font-family: "210 OmniGothic", "KoPubWorld Dotum", sans-serif;
}

.page--three-standards .hero-certifications__title {
  color: #25344c;
  font-size: 30px;
  font-weight: 700;
  line-height: 1.28;
  letter-spacing: -.045em;
}

.page--three-standards .hero-certifications__title strong {
  color: var(--royal);
  font-weight: 850;
}

.page--three-standards .hero-certifications__description {
  margin-top: 9px;
  color: #526176;
  font-size: 24px;
  font-weight: 550;
  line-height: 1.35;
  letter-spacing: -.035em;
}

.page--three-standards .hero-certifications__description strong {
  color: var(--navy);
  font-weight: 850;
}

.page--three-standards .hero-certifications__description i {
  padding: 0 .38em;
  color: #8ca0b8;
  font-style: normal;
}

/* Match the later transition title to the approved “포담은 다릅니다.” scene. */
.page--three-standards .podam-difference-bridge h2 {
  max-width: 800px;
  padding: 0 48px;
  font-family: "HSBombaram", "HS봄바람체 2.1", "Podam Sungkok", serif;
  font-size: 108px;
  font-weight: 400;
  line-height: 1.04;
  text-shadow: 0 10px 36px rgba(0, 0, 0, .72);
}

.page--three-standards .podam-difference-bridge h2 strong {
  margin-right: .08em;
  padding: .02em .16em .09em;
  font-weight: 400;
  line-height: .98;
  background: linear-gradient(135deg, #0965d1, #074ca4);
  box-shadow: 0 18px 48px rgba(5, 82, 183, .48);
}

.page--three-standards .podam-difference-bridge h2 span,
.page--three-standards .podam-difference-bridge h2 em {
  color: #fff;
  font: inherit;
  font-style: normal;
}

.page--three-standards .light-compare__vs {
  width: 84px;
  height: 84px;
  justify-self: center;
  margin-left: 0;
  font-size: 30px;
  font-weight: 800;
  border-width: 3px;
  box-shadow: 0 16px 38px rgba(6, 30, 70, .2);
}

.page--three-standards .sterilization-evidence__media--dual-proof video,
.page--three-standards .sterilization-evidence__media--dual-proof img {
  left: -6%;
  top: -390px;
  width: 112%;
  max-width: none;
}

.page--three-standards .sterilization-test-story {
  width: calc(100% - 80px);
  margin: 62px auto 0;
  overflow: hidden;
  background: #fff;
  border: 1px solid rgba(9, 87, 183, .1);
  border-radius: 32px;
  box-shadow: 0 28px 64px rgba(6, 30, 70, .12);
}

.page--three-standards .sterilization-test-story img {
  display: block;
  width: 100%;
  height: auto;
}

/* Turn the two UV text cards into visual proof cards. */
.page--three-standards .uvc-lamp-explainer__story article {
  display: block;
  min-height: 0;
  padding: 48px 38px 38px;
  overflow: hidden;
}

.page--three-standards .uvc-lamp-explainer__story-content,
.page--three-standards .uvc-lamp-explainer__story-content h4 {
  width: 100%;
  text-align: center;
}

.page--three-standards .uvc-lamp-explainer__story-content h4 {
  margin-bottom: 34px;
}

.page--three-standards .uvc-lamp-explainer__story-motion,
.page--three-standards .uvc-lamp-explainer__step-images {
  margin: 0;
  overflow: hidden;
  border-radius: 22px;
  box-shadow: 0 18px 42px rgba(6, 30, 70, .14);
}

/* Let the requested UV comparison motion reach both card edges. */
.page--three-standards .uvc-lamp-explainer__story-motion {
  width: calc(100% + 76px);
  margin-right: -38px;
  margin-left: -38px;
  border-radius: 0;
}

.page--three-standards .uvc-lamp-explainer__story-motion video,
.page--three-standards .uvc-lamp-explainer__philips,
.page--three-standards .uvc-lamp-explainer__step-images img {
  display: block;
  width: 100%;
  height: auto;
}

.page--three-standards .uvc-lamp-explainer__philips {
  margin-top: 22px;
  border-radius: 22px;
}

.page--three-standards .uvc-lamp-explainer__step-images {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 12px;
  padding: 12px;
  background: #e7f1ff;
}

.page--three-standards .uvc-lamp-explainer__step-images img {
  height: 260px;
  object-fit: cover;
  border-radius: 15px;
}

/* The four keyword marker effects were removed at the user's request. */
.page--three-standards .point-stage-label strong {
  padding-right: 0;
  padding-left: 0;
}

.page--three-standards .point-stage-label strong::before {
  content: none;
}

/* The safety title now establishes the domestic/international proof hierarchy. */
.page--three-standards .proof-section__trust-title {
  max-width: 780px;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 24px;
  font-family: "210 OmniGothic", "KoPubWorld Dotum", sans-serif;
  font-size: 43px;
  font-weight: 600;
  line-height: 1.38;
}

.page--three-standards .proof-section__trust-title span {
  display: block;
}

.page--three-standards .proof-section__trust-title mark {
  position: relative;
  z-index: 0;
  display: inline-block;
  padding: 0 .08em;
  color: #fff;
  background: transparent;
  box-shadow: inset 0 -.44em rgba(91, 177, 255, .56);
}

.page--three-standards .proof-section__trust-title em {
  display: block;
  color: #fff;
  font-family: "HSBombaram", "HS봄바람체 2.1", "Podam Sungkok", serif;
  font-size: 82px;
  font-weight: 700;
  line-height: 1.08;
  text-align: center;
}

.page--three-standards .certification-overview {
  width: calc(100% - 96px);
  margin: 70px auto 0;
  overflow: hidden;
  background: #fff;
  border-radius: 28px;
  box-shadow: 0 28px 66px rgba(0, 0, 0, .24);
}

.page--three-standards .certification-overview img {
  display: block;
  width: 100%;
  height: auto;
}

/* Keep the modes media and button animation on one warm surface. */
.page--three-standards .function-chapter--modes,
.page--three-standards .function-chapter--modes > .chapter-copy,
.page--three-standards .function-chapter--modes > .chapter-media--wide {
  background: #fbf9f4;
}

.page--three-standards .function-chapter--modes > .chapter-media--wide {
  position: relative;
  isolation: isolate;
}

.page--three-standards .function-chapter--modes > .chapter-media--wide img {
  position: relative;
  z-index: 1;
  mix-blend-mode: multiply;
}

.page--three-standards .function-chapter--modes > .chapter-media--wide::before,
.page--three-standards .function-chapter--modes > .chapter-media--wide::after {
  content: "";
  position: absolute;
  z-index: 2;
  right: 0;
  left: 0;
  height: 66px;
  pointer-events: none;
}

.page--three-standards .function-chapter--modes > .chapter-media--wide::before {
  top: 0;
  background: linear-gradient(180deg, #fbf9f4, rgba(251, 249, 244, .54) 42%, transparent);
}

.page--three-standards .function-chapter--modes > .chapter-media--wide::after {
  bottom: 0;
  height: 112px;
  background: linear-gradient(0deg, #fbf9f4 0%, rgba(251, 249, 244, .8) 32%, rgba(251, 249, 244, .28) 70%, transparent 100%);
}

.page--three-standards .mode-ripple {
  margin-top: -2px;
  padding-top: 0;
  background: #fbf9f4;
}

.page--three-standards .mode-ripple img {
  z-index: 1;
  mix-blend-mode: normal;
}

.page--three-standards .mode-ripple__wave {
  z-index: 2;
  top: 50%;
  width: 254px;
  height: 254px;
  background: radial-gradient(circle, rgba(43, 140, 237, .42) 0 18%, rgba(72, 164, 247, .26) 31%, rgba(105, 190, 255, .12) 51%, transparent 76%);
  filter: blur(8px);
}

@keyframes podam-mode-ripple-soft {
  0%, 15%, 100% { opacity: 0; transform: translate(-50%, -50%) scale(.46); }
  2.5% { opacity: .34; }
  11% { opacity: 0; transform: translate(-50%, -50%) scale(1.62); }
}

@keyframes podam-mode-ripple-soft-echo {
  0%, 15%, 100% { opacity: 0; transform: scale(.62); }
  3% { opacity: .25; }
  12% { opacity: 0; transform: scale(1.85); }
}

.is-static .page--three-standards .mode-ripple__wave,
.is-static .page--three-standards .mode-ripple__wave::after {
  opacity: 0;
}

.is-static .page--three-standards .mode-ripple__wave--one {
  opacity: .22;
  transform: translate(-50%, -50%) scale(1.08);
}

.page--three-standards .mode-ripple__descriptions {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 18px;
  padding: 22px 44px 58px;
  background: #fbf9f4;
}

.page--three-standards .mode-ripple__descriptions p {
  margin: 0;
  color: #687487;
  font-family: "210 OmniGothic", "KoPubWorld Dotum", sans-serif;
  font-size: 15px;
  font-weight: 500;
  line-height: 1.55;
  text-align: center;
  word-break: keep-all;
}

.page--three-standards .mode-ripple__descriptions strong,
.page--three-standards .mode-ripple__descriptions span {
  display: block;
}

.page--three-standards .mode-ripple__descriptions strong {
  margin-bottom: 12px;
  color: var(--navy);
  font-size: 17px;
  font-weight: 750;
}

/* Two approved neutral colorways only. */
.page--three-standards .colors-section .color-list {
  margin-top: 72px;
  border-top: 1px solid var(--line);
}

.page--three-standards .color-lineup-labels {
  position: relative;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  align-items: stretch;
  min-height: 132px;
  color: var(--navy);
  background: #fff;
  border-top: 1px solid rgba(20, 38, 66, .12);
  border-bottom: 1px solid rgba(20, 38, 66, .12);
}

.page--three-standards .color-lineup-labels::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 2px;
  height: 44px;
  background: rgba(20, 38, 66, .2);
  transform: translate(-50%, -50%);
}

.page--three-standards .color-lineup-labels > span {
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 0;
  padding: 28px 20px;
  font-family: "Podam Sungkok", "KoPubWorld Dotum", serif;
  font-size: 40px;
  font-weight: 300;
  line-height: 1;
  letter-spacing: -.025em;
  white-space: nowrap;
}

/* Final customer-information appendix reconstructed from the supplied source. */
.page--three-standards .customer-guide {
  padding: 116px 54px 92px;
  color: #202a39;
  background: linear-gradient(180deg, #f5f7fa 0%, #eef2f7 100%);
}

.page--three-standards .customer-guide__heading {
  margin-bottom: 58px;
  text-align: center;
}

.page--three-standards .customer-guide__heading > p {
  margin: 0 0 16px;
  color: var(--royal);
  font-size: 18px;
  font-weight: 800;
  letter-spacing: .16em;
}

.page--three-standards .customer-guide__heading h2 {
  margin: 0;
  color: var(--navy);
  font-family: "Podam Sungkok", "KoPubWorld Dotum", serif;
  font-size: 64px;
  font-weight: 300;
  line-height: 1.12;
}

.page--three-standards .customer-guide__heading span {
  display: block;
  margin-top: 22px;
  color: #677488;
  font-size: 20px;
  font-weight: 600;
}

.page--three-standards .customer-guide__block {
  margin-top: 28px;
  padding: 46px 42px 42px;
  background: rgba(255, 255, 255, .96);
  border: 1px solid rgba(6, 30, 70, .08);
  border-radius: 30px;
  box-shadow: 0 18px 46px rgba(6, 30, 70, .08);
}

.page--three-standards .customer-guide__block h3 {
  width: max-content;
  margin: 0 auto 38px;
  padding: 10px 26px;
  color: #fff;
  font-size: 26px;
  font-weight: 800;
  background: #596274;
  border-radius: 999px;
}

.page--three-standards .customer-guide__cards {
  display: grid;
  gap: 18px;
}

.page--three-standards .customer-guide__cards--four {
  grid-template-columns: repeat(4, 1fr);
}

.page--three-standards .customer-guide__cards--three {
  grid-template-columns: repeat(3, 1fr);
}

.page--three-standards .customer-guide__cards article {
  min-height: 192px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  padding: 10px 8px 18px;
  text-align: center;
}

.page--three-standards .service-icon {
  width: 78px;
  height: 78px;
  display: grid;
  place-items: center;
  margin-bottom: 17px;
  color: #3d485b;
  font-family: "210 OmniGothic", "KoPubWorld Dotum", sans-serif;
  font-size: 31px;
  font-weight: 800;
  line-height: 1;
  background: #edf0f4;
  border: 1px solid #dfe4eb;
  border-radius: 50%;
}

.page--three-standards .service-icon--free {
  font-size: 18px;
  letter-spacing: -.03em;
}

.page--three-standards .customer-guide__cards b,
.page--three-standards .customer-guide__footer b {
  color: var(--navy);
  font-size: 19px;
  font-weight: 800;
}

.page--three-standards .customer-guide__cards p,
.page--three-standards .customer-guide__footer p {
  margin: 8px 0 0;
  color: #59667a;
  font-size: 16px;
  font-weight: 600;
  line-height: 1.48;
}

.page--three-standards .customer-guide__notes,
.page--three-standards .customer-guide__checklist {
  margin: 28px 0 0;
  padding: 0;
  list-style: none;
}

.page--three-standards .customer-guide__notes li,
.page--three-standards .customer-guide__checklist li {
  position: relative;
  padding: 8px 0 8px 34px;
  color: #48566a;
  font-size: 17px;
  line-height: 1.58;
}

.page--three-standards .customer-guide__notes li::before,
.page--three-standards .customer-guide__checklist li::before {
  position: absolute;
  left: 0;
  top: 9px;
  color: var(--royal);
  font-size: 19px;
  font-weight: 900;
}

.page--three-standards .customer-guide__notes li::before {
  content: "·";
}

.page--three-standards .customer-guide__checklist li::before {
  content: "✓";
}

.page--three-standards .customer-guide__unavailable {
  margin-top: 32px;
  padding: 28px 32px;
  text-align: center;
  background: #f7f8fa;
  border-radius: 22px;
}

.page--three-standards .customer-guide__unavailable h4 {
  margin: 0;
  color: #485469;
  font-size: 20px;
}

.page--three-standards .customer-guide__unavailable p {
  margin: 14px 0 0;
  color: #687488;
  font-size: 15px;
  line-height: 1.7;
}

.page--three-standards .customer-guide__footer {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 24px;
  margin-top: 34px;
}

.page--three-standards .customer-guide__footer article {
  display: grid;
  grid-template-columns: 78px 1fr;
  align-items: center;
  gap: 20px;
  min-height: 148px;
  padding: 26px 28px;
  background: rgba(255, 255, 255, .78);
  border: 1px solid rgba(6, 30, 70, .08);
  border-radius: 24px;
}

.page--three-standards .customer-guide__footer .service-icon {
  margin: 0;
}

.page--three-standards .service-icon img {
  display: block;
  width: 43px;
  height: 43px;
}

/* The official Illustrator lockup is exported with real alpha. Keep contrast
   support outside the artwork so no tinted matte or rectangular halo appears. */
.page--three-standards .hero-main__logo {
  filter: drop-shadow(0 7px 15px rgba(8, 39, 83, .14));
}

.page--three-standards .closing-logo {
  filter: drop-shadow(0 6px 14px rgba(8, 39, 83, .12));
}

/* Revised transitions: fade the imagery itself only at the outer edges so
   the product remains clear through the middle of the scene. */
.page--three-standards .care-standard__intro {
  min-height: 840px;
  overflow: visible;
  background: linear-gradient(
    180deg,
    #dfd9d3 0%,
    #dfd9d3 5%,
    #031838 30%,
    #031838 70%,
    #f7faff 95%,
    #f7faff 100%
  );
}

/* Use the user-supplied final PODAM PNG exactly, without any tinted halo or
   drop shadow around either lockup placement. */
.page--three-standards .hero-main__logo,
.page--three-standards .closing-logo {
  filter: none;
  mix-blend-mode: normal;
}

/* Latest visual review: keep the two adjoining optical chapters on one
   uninterrupted solid surface. */
.page--three-standards .facet-section,
.page--three-standards .led-coverage-section {
  background: #f7f0e6;
}

/* The fourth summary is a centered 50 W statement after removing the
   redundant generic comparison phrase. */
.page--three-standards .care-standard__list article:nth-child(4) > div,
.page--three-standards .care-standard__list article:nth-child(4) h3 {
  text-align: center;
}

/* Join the two UV-C motions and PHILIPS proof as one flat white story instead
   of three raised cards. */
.page--three-standards .uvc-lamp-explainer__story {
  margin-top: 64px;
  background: #fff;
}

.page--three-standards .uvc-lamp-explainer__story article {
  padding: 42px 0 0;
  background: #fff;
  border: 0;
  border-radius: 0;
  box-shadow: none;
}

.page--three-standards .uvc-lamp-explainer__story-content h4 {
  margin: 0 0 32px;
  padding: 0 34px;
}

.page--three-standards .uvc-lamp-explainer__story-content > .uvc-lamp-explainer__motion--range,
.page--three-standards .uvc-lamp-explainer__story-motion {
  width: 100%;
  margin: 0;
  border: 0;
  border-radius: 0;
  box-shadow: none;
}

.page--three-standards .uvc-lamp-explainer__philips {
  margin-top: 0;
  border-radius: 0;
  box-shadow: none;
}

/* Read the 17-LED promise in the requested top-to-bottom order while
   preserving the approved type scale. */
.page--three-standards .led-coverage-section__heading p {
  margin: 0;
}

.page--three-standards .led-coverage-section__heading p strong {
  margin-top: 10px;
}

.page--three-standards .led-coverage-section__heading h2 {
  margin-top: 22px;
}

/* Isolate only the two source circles. Everything outside them adopts the
   same ivory field as the surrounding perfect-sterilization chapter. */
.page--three-standards .dual-light-summary {
  color: var(--navy);
  background: #f7f0e6;
}

.page--three-standards .dual-light-summary__motion {
  height: auto;
  padding: 70px 0 62px;
  overflow: visible;
  background: #f7f0e6;
}

.page--three-standards .dual-light-summary__orbs {
  position: relative;
  display: grid;
  grid-template-columns: 300px 300px;
  gap: 30px;
  width: max-content;
  margin: 0 auto;
}

.page--three-standards .dual-light-summary__orb {
  position: relative;
  display: block;
  width: 300px;
  height: 300px;
  overflow: hidden;
  background: #edf6ff;
  border: 4px solid rgba(9, 87, 183, .16);
  border-radius: 50%;
  box-sizing: border-box;
}

.page--three-standards .dual-light-summary__motion .dual-light-summary__orb video,
.page--three-standards .dual-light-summary__motion .dual-light-summary__orb img {
  position: absolute;
  top: -435px;
  display: block;
  width: 786px;
  height: auto;
  max-width: none;
}

.page--three-standards .dual-light-summary__orb--led video,
.page--three-standards .dual-light-summary__orb--led img {
  left: -74px;
}

.page--three-standards .dual-light-summary__orb--lamp video,
.page--three-standards .dual-light-summary__orb--lamp img {
  left: -392px;
}

.page--three-standards .dual-light-summary__plus {
  position: absolute;
  z-index: 3;
  left: 50%;
  top: 50%;
  display: grid;
  width: 68px;
  height: 68px;
  place-items: center;
  color: #fff;
  font-size: 48px;
  font-weight: 300;
  line-height: 1;
  background: #050505;
  border-radius: 50%;
  transform: translate(-50%, -50%);
}

.page--three-standards .dual-light-summary__labels {
  display: grid;
  grid-template-columns: 300px 300px;
  gap: 30px;
  width: max-content;
  margin: 24px auto 0;
  color: var(--navy);
  font-size: 28px;
  font-weight: 750;
  text-align: center;
}

.page--three-standards .dual-light-summary__copy {
  padding: 42px 56px 108px;
  color: var(--navy);
  background: #f7f0e6;
}

.page--three-standards .dual-light-summary__copy p {
  color: var(--navy);
}

.page--three-standards .dual-light-summary__copy > span {
  color: #4c5d74;
}

/* Soften the only shadow above the Guardian seal, then lower the retained
   seal crop slightly without introducing a new boundary. */
.page--three-standards .sterilization-test-story .comparison-proof-card--embedded {
  box-shadow: 0 14px 34px rgba(6, 30, 70, .07);
}

.page--three-standards .sterilization-test-story__segment--seal img {
  bottom: -28px;
}

/* The 02 -> 03 connector already exists; expose the portion that previously
   got clipped by the transparent-door chapter. */
.page--three-standards .feature-flow .function-chapter--door {
  overflow: visible;
}

/* Large extracted icons precede the touch motion, whose lower blank band is
   cropped so the aligned descriptions begin immediately below it. */
.page--three-standards .mode-ripple__icon-guide {
  padding: 42px 44px 28px;
  background: #fbf9f4;
}

.page--three-standards .mode-ripple__icon-guide .mode-ripple__icons {
  position: static;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  column-gap: 18px;
  align-items: center;
}

.page--three-standards .mode-ripple__icon-guide .mode-ripple__icons img {
  width: 88px;
  height: 88px;
  margin: 0 auto;
  object-fit: contain;
}

.page--three-standards .mode-ripple__icon-guide .mode-ripple__icons img:last-child {
  width: 76px;
}

.page--three-standards .mode-ripple {
  height: 210px;
}

.page--three-standards .mode-ripple__wave {
  top: 62%;
}

.page--three-standards .mode-ripple__descriptions {
  padding-top: 18px;
}

/* Extracted source icons sit in the poster's existing lower whitespace, one
   per mode column, without changing the animated labels or descriptions. */
.page--three-standards .mode-ripple__icons {
  position: absolute;
  z-index: 4;
  right: 44px;
  bottom: 8px;
  left: 44px;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  column-gap: 18px;
  align-items: center;
  pointer-events: none;
}

.page--three-standards .mode-ripple__icons img {
  position: static;
  z-index: auto;
  display: block;
  width: 54px;
  height: 58px;
  margin: 0 auto;
  object-fit: contain;
  filter: none;
  mix-blend-mode: normal;
}

.page--three-standards .mode-ripple__icons img:last-child {
  width: 46px;
}

.page--three-standards .facet-section > .point-head {
  text-align: center;
}

/* Give only the third comparison chapter a warmer proof-focused tone while
   preserving the green power chapter elsewhere on the page. */
.page--three-standards .comparison-divider.band-green {
  background: #8f3440;
}

.page--three-standards .comparison-divider.band-green span {
  color: #ffc0ba;
}

/* The VS badge follows the comparison rebalancing instead of remaining at
   the old 50/50 center while the PODAM card expands. */
.page--three-standards .light-compare.is-playing .light-compare__vs {
  animation: podam-compare-vs-slide-once 1.8s cubic-bezier(.32, .02, .18, 1) .28s 1 forwards;
}

@keyframes podam-compare-vs-slide-once {
  from { transform: translateX(0); }
  to { transform: translateX(-63px); }
}

.is-static .page--three-standards .light-compare__vs {
  animation: none;
  transform: translateX(-63px);
}

@media (prefers-reduced-motion: reduce) {
  .page--three-standards .light-compare__vs {
    animation: none;
    transform: translateX(-63px);
  }
}

/* Keep the W unit anchored. Only the 50 glyphs breathe through text-shadow;
   the parent no longer scales the complete number lockup. */
.page--three-standards .mega-number--white {
  animation: none;
  transform: none;
}

.page--three-standards .mega-number--white .mega-number__value {
  animation: podam-green-value-glow 3.4s ease-in-out infinite;
}

.page--three-standards .mega-number--white .mega-number__unit {
  animation: none;
  transform: translateY(-.035em);
}

@keyframes podam-green-value-glow {
  0%, 100% {
    text-shadow: 0 0 1px #fff, 0 0 5px #77e4aa, 0 0 13px rgba(80, 224, 151, .56);
  }
  50% {
    text-shadow: 0 0 2px #fff, 0 0 8px #77e4aa, 0 0 20px rgba(80, 224, 151, .76);
  }
}

/* Fill the proof header's empty space with a clear two-badge hierarchy. The
   crown is an illustrative motif only; the existing EU mark is reused from
   the hero certification panel. */
.page--three-standards .sterilization-proof-claim {
  padding-top: 54px;
}

.page--three-standards .sterilization-proof-claim__eyebrow {
  align-items: stretch;
  margin-bottom: 46px;
}

.page--three-standards .sterilization-proof-claim__eyebrow > span {
  display: grid;
  grid-template-rows: 94px auto;
  align-items: center;
  justify-items: center;
  padding: 18px 10px 16px;
}

.page--three-standards .sterilization-proof-claim__eyebrow > span > em {
  display: block;
  color: inherit;
  font: inherit;
  font-style: normal;
}

.page--three-standards .sterilization-proof-claim__eyebrow > i {
  align-self: stretch;
  height: auto;
  margin: 12px 0;
}

.page--three-standards .sterilization-proof-claim__badge {
  position: relative;
  display: grid;
  place-items: center;
  width: 110px;
  height: 88px;
}

.page--three-standards .sterilization-proof-claim__badge--crown svg {
  display: block;
  width: 108px;
  height: 70px;
  overflow: visible;
  filter: none;
}

.page--three-standards .sterilization-proof-claim__badge--eu {
  width: 76px;
  height: 76px;
  margin-bottom: 10px;
}

.page--three-standards .sterilization-proof-claim__badge--eu img {
  display: block;
  width: 76px;
  height: 76px;
  object-fit: contain;
}

.page--three-standards .sterilization-proof-claim__badge--eu small {
  position: absolute;
  left: 50%;
  top: 50%;
  color: #fff;
  font-family: "Gmarket Sans Preview", "Gmarket Sans", sans-serif;
  font-size: 24px;
  font-weight: 700;
  line-height: 1;
  letter-spacing: -.03em;
  transform: translate(-50%, -50%);
  text-shadow: 0 1px 3px rgba(6, 30, 70, .34);
}

.is-static .page--three-standards .mega-number--white .mega-number__value {
  animation: none;
}

@media (prefers-reduced-motion: reduce) {
  .page--three-standards .mega-number--white .mega-number__value {
    animation: none;
  }
}

.page--three-standards .care-standard__intro::before,
.page--three-standards .care-standard__intro::after {
  content: none;
}

/* Extend the incoming beige tone over the preceding image edge. This removes
   the one-pixel seam while keeping the actual lifestyle image untouched. */
.page--three-standards .care-standard__intro::before {
  content: "";
  position: absolute;
  z-index: 3;
  top: -160px;
  right: 0;
  bottom: auto;
  left: 0;
  height: 160px;
  pointer-events: none;
  background: linear-gradient(180deg, transparent 0%, rgba(223, 217, 211, .36) 48%, #dfd9d3 100%);
  filter: none;
  transform: none;
}

.page--three-standards .care-standard__intro-media {
  background: transparent;
}

.page--three-standards .care-standard__intro-image--lifestyle,
.page--three-standards .care-standard__intro-veil {
  -webkit-mask-image: linear-gradient(
    to bottom,
    transparent 0%,
    rgba(0, 0, 0, .2) 10%,
    #000 30%,
    #000 70%,
    rgba(0, 0, 0, .2) 90%,
    transparent 100%
  );
  mask-image: linear-gradient(
    to bottom,
    transparent 0%,
    rgba(0, 0, 0, .2) 10%,
    #000 30%,
    #000 70%,
    rgba(0, 0, 0, .2) 90%,
    transparent 100%
  );
}

/* The later difference bridge blends only into the preceding green chapter.
   Its following comparison header stays a deliberately hard new section. */
.page--three-standards .podam-difference-bridge::before {
  height: 300px;
  background: linear-gradient(
    180deg,
    #1f7d5a 0%,
    #1f7d5a 8%,
    rgba(31, 125, 90, .68) 38%,
    rgba(31, 125, 90, .2) 76%,
    transparent 100%
  );
}

.page--three-standards .podam-difference-bridge::after {
  content: none;
}

.page--three-standards .comparison-divider.band-navy {
  background-color: var(--navy);
  background-image: none;
  border-top: 0;
}

/* Stronger, clearer safety proof headline in the PODAM blue family. */
.page--three-standards .proof-section__trust-title em {
  max-width: 820px;
  color: #79caff;
  font-family: "210 OmniGothic", "KoPubWorld Dotum", sans-serif;
  font-size: 96px;
  font-weight: 700;
  line-height: 1.04;
  letter-spacing: -.055em;
  text-shadow: 0 12px 34px rgba(0, 0, 0, .24);
}

/* Service information belongs after detailed specifications and immediately
   before the closing lifestyle image. */
.page--three-standards > .customer-guide {
  order: 26;
}

.page--three-standards > .closing-section {
  order: 27;
}

/* September 8 final requested refinements. */
.page--three-standards .hero-main {
  height: 2460px;
}

.page--three-standards .hero-main__logo {
  top: 40px;
  width: 260px;
  max-width: none;
  filter: drop-shadow(0 8px 18px rgba(0, 0, 0, .22));
}

.page--three-standards .hero-main__copy {
  top: 560px;
}

.page--three-standards .hero-main__certifications {
  top: 680px;
}

.page--three-standards .hero-main__photo {
  right: auto;
  bottom: 40px;
  left: 50%;
  width: 920px;
  max-width: none;
  transform: translateX(-50%);
  filter: drop-shadow(0 30px 42px rgba(0, 0, 0, .15));
}

/* The bridge image is the hero of this transition; green only softens the
   incoming edge instead of covering the upper third of the photograph. */
.page--three-standards .podam-difference-bridge::before {
  height: 96px;
  background: linear-gradient(
    180deg,
    #1f7d5a 0%,
    rgba(31, 125, 90, .44) 28%,
    rgba(31, 125, 90, .12) 62%,
    transparent 100%
  );
}

/* The five-item card and its supporting report read as one continuous proof
   module. The derivative below no longer repeats the five product circles. */
.page--three-standards .sterilization-evidence__combined {
  overflow: hidden;
  background: #fff;
  border: 1px solid rgba(6, 30, 70, .1);
  border-radius: 38px;
  box-shadow: 0 30px 68px rgba(6, 30, 70, .17);
}

.page--three-standards .sterilization-evidence__combined .sterilization-evidence__card--shape {
  border: 0;
  border-radius: 0;
  box-shadow: none;
}

.page--three-standards .sterilization-evidence__combined .sterilization-test-story {
  width: 100%;
  margin: 0;
  border: 0;
  border-radius: 0;
  box-shadow: none;
}

/* Keep the short keyword underline but remove the full-width divider below
   the storage-routine introduction. */
.page--three-standards .function-chapter--storage .image-benefit--lead {
  border-top: 0;
  border-bottom: 0;
}

/* Match the guide title to the product-detail/operation-heading family and
   make every icon-led item a clearly separated horizontal card. */
.page--three-standards .customer-guide__heading {
  margin-bottom: 46px;
}

.page--three-standards .customer-guide__heading h2 {
  font-family: "Podam Sungkok", "KoPubWorld Dotum", serif;
  font-size: 72px;
  font-weight: 300;
  line-height: 1.17;
  letter-spacing: -.045em;
}

.page--three-standards .customer-guide__cards {
  gap: 14px;
}

.page--three-standards .customer-guide__cards article {
  min-height: 210px;
  padding: 24px 10px 22px;
  background: #f9fbfe;
  border: 1px solid rgba(9, 87, 183, .14);
  border-radius: 20px;
  box-shadow: 0 12px 28px rgba(6, 30, 70, .07);
}

.page--three-standards .customer-guide__footer article {
  background: #fff;
  border-color: rgba(9, 87, 183, .14);
  box-shadow: 0 12px 28px rgba(6, 30, 70, .07);
}

/* Give the long certification panel a calm navy landing area before the
   following green POINT 04 chapter begins. */
.page--three-standards .proof-section--official {
  padding-bottom: 140px;
}

/* Final UV flow: keep the lamp proof in its original first card, then place
   the 17-LED coverage chapter after the 12-facet structure. */
.page--three-standards .led-coverage-section {
  order: 9;
  padding: 118px 54px 0;
  color: var(--navy);
  background: #f7f0e6;
}

.page--three-standards .led-coverage-section__heading {
  text-align: center;
}

.page--three-standards .led-coverage-section__heading h2 {
  margin: 0;
  font-family: "Podam Sungkok", "KoPubWorld Dotum", serif;
  font-size: 76px;
  font-weight: 300;
  line-height: 1.12;
  letter-spacing: -.05em;
}

.page--three-standards .led-coverage-section__heading h2 em {
  color: var(--royal);
  font-style: normal;
}

.page--three-standards .led-coverage-section__heading p {
  margin: 34px 0 0;
  color: #405168;
  font-size: 28px;
  font-weight: 700;
  line-height: 1.32;
}

.page--three-standards .led-coverage-section__heading p strong {
  display: block;
  margin-top: 8px;
  color: var(--royal);
  font-family: "210 OmniGothic", "KoPubWorld Dotum", sans-serif;
  font-size: 62px;
  font-weight: 700;
  letter-spacing: -.035em;
}

.page--three-standards .led-coverage-section__images {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 14px;
  margin-top: 56px;
  padding: 14px;
  overflow: hidden;
  background: #e7f1ff;
  border-radius: 30px;
  box-shadow: 0 24px 56px rgba(6, 30, 70, .14);
}

.page--three-standards .led-coverage-section__images img {
  display: block;
  width: 100%;
  height: 310px;
  object-fit: cover;
  border-radius: 20px;
}

.page--three-standards .dual-light-summary {
  width: calc(100% + 108px);
  margin: 88px 0 0 -54px;
  overflow: hidden;
  color: #fff;
  background: #3e3e3e;
}

.page--three-standards .dual-light-summary__motion {
  position: relative;
  height: 500px;
  margin: 0;
  overflow: hidden;
  background: #3e3e3e;
}

.page--three-standards .dual-light-summary__motion video,
.page--three-standards .dual-light-summary__motion img {
  position: absolute;
  left: -3%;
  top: -458px;
  display: block;
  width: 106%;
  height: auto;
  max-width: none;
}

.page--three-standards .dual-light-summary__copy {
  padding: 58px 56px 82px;
  color: #fff;
  text-align: center;
  background: #3e3e3e;
}

.page--three-standards .dual-light-summary__copy p {
  margin: 0;
  font-size: 35px;
  font-weight: 700;
  line-height: 1.42;
  letter-spacing: -.035em;
}

.page--three-standards .dual-light-summary__copy p strong {
  display: inline-block;
  margin-top: 10px;
  padding: .03em .18em .09em;
  color: #061e46;
  font-size: 54px;
  background: #58adff;
  box-decoration-break: clone;
  -webkit-box-decoration-break: clone;
}

.page--three-standards .dual-light-summary__copy > span {
  display: block;
  margin-top: 42px;
  color: #d9edff;
  font-size: 27px;
  font-weight: 600;
  line-height: 1.55;
}

/* Move the marker treatment from the retired proof heading to the exact
   five-item completion phrase. */
.page--three-standards .sterilization-evidence__highlight {
  display: inline;
  padding: .01em .09em .07em;
  color: var(--royal);
  background: linear-gradient(178deg,
    transparent 2%,
    rgba(88, 173, 255, .38) 2%,
    rgba(88, 173, 255, .38) 97%,
    transparent 97%);
  box-decoration-break: clone;
  -webkit-box-decoration-break: clone;
}

/* Split only at the clean white seam in the source proof image so the
   retained 10-strain KTR card can sit between the report and PODAM seal. */
.page--three-standards .sterilization-test-story__segment {
  position: relative;
  overflow: hidden;
  background: #fff;
}

.page--three-standards .sterilization-test-story__segment--report {
  aspect-ratio: 900 / 1516;
}

.page--three-standards .sterilization-test-story__segment--seal {
  aspect-ratio: 900 / 324;
}

.page--three-standards .sterilization-test-story__segment img {
  position: absolute;
  left: 0;
  width: 100%;
  height: auto;
  max-width: none;
}

.page--three-standards .sterilization-test-story__segment--report img {
  top: 0;
}

.page--three-standards .sterilization-test-story__segment--seal img {
  bottom: 0;
}

.page--three-standards .sterilization-test-story .comparison-proof-card--embedded {
  width: calc(100% - 64px);
  min-height: 470px;
  margin: 48px auto 56px;
  box-sizing: border-box;
}

/* Use the supplied STEP 2 reflector photograph as the sole transition image.
   The top fade borrows its cyan-blue palette instead of laying green over it. */
.page--three-standards .podam-difference-bridge {
  background: #061e46;
}

.page--three-standards .podam-difference-bridge__image--source {
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  filter: saturate(.92) contrast(1.06) brightness(.66);
  -webkit-mask-image: none;
  mask-image: none;
}

.page--three-standards .podam-difference-bridge__veil {
  background:
    linear-gradient(180deg, rgba(24, 106, 205, .08) 0%, rgba(5, 44, 118, .28) 52%, rgba(2, 9, 20, .52) 100%),
    radial-gradient(circle at 50% 42%, rgba(76, 211, 255, .18) 0%, rgba(38, 142, 245, .08) 36%, transparent 64%);
}

.page--three-standards .podam-difference-bridge::before {
  height: 160px;
  background: linear-gradient(
    180deg,
    rgba(177, 226, 255, .38) 0%,
    rgba(88, 181, 255, .20) 34%,
    rgba(30, 117, 220, .07) 68%,
    rgba(30, 117, 220, 0) 100%
  );
}

/* Final alignment and neutral-logo locks from the latest review. Keep these
   last so earlier art-direction layers cannot reintroduce offset or blur. */
.page--three-standards .product-specs h3 {
  text-align: center;
}

.page--three-standards .hero-main__logo,
.page--three-standards .closing-logo {
  filter: none;
  mix-blend-mode: normal;
}

/* Cascade locks for the latest screenshot corrections. */
.page--three-standards .facet-section,
.page--three-standards .registration-section,
.page--three-standards .led-coverage-section {
  background: #f7f0e6;
}

.page--three-standards .led-coverage-section__heading p {
  margin: 0;
}

.page--three-standards .led-coverage-section__heading p strong {
  margin-top: 10px;
}

.page--three-standards .led-coverage-section__heading h2 {
  margin-top: 22px;
}

.page--three-standards .dual-light-summary,
.page--three-standards .dual-light-summary__motion,
.page--three-standards .dual-light-summary__copy {
  color: var(--navy);
  background: #f7f0e6;
}

.page--three-standards .dual-light-summary__motion {
  height: auto;
  padding: 70px 0 62px;
  overflow: visible;
}

.page--three-standards .dual-light-summary__motion .dual-light-summary__orb--led video,
.page--three-standards .dual-light-summary__motion .dual-light-summary__orb--led img {
  left: -88px;
}

.page--three-standards .dual-light-summary__motion .dual-light-summary__orb--lamp video,
.page--three-standards .dual-light-summary__motion .dual-light-summary__orb--lamp img {
  left: -396px;
}

.page--three-standards .dual-light-summary__plus {
  width: 100px;
  height: 100px;
  font-size: 54px;
}

.page--three-standards .dual-light-summary__copy {
  padding: 42px 56px 108px;
}

.page--three-standards .dual-light-summary__copy p {
  color: var(--navy);
}

.page--three-standards .dual-light-summary__copy > span {
  color: #4c5d74;
}

.page--three-standards .sterilization-test-story .comparison-proof-card--embedded {
  box-shadow: 0 14px 34px rgba(6, 30, 70, .07);
}

.page--three-standards .sterilization-test-story__segment--seal img {
  bottom: -28px;
}

.page--three-standards .feature-flow .function-chapter--door {
  overflow: visible;
}

.page--three-standards .mode-ripple__icon-guide {
  padding: 42px 44px 28px;
  background: #fbf9f4;
}

.page--three-standards .mode-ripple__icon-guide .mode-ripple__icons {
  position: static;
  right: auto;
  bottom: auto;
  left: auto;
}

.page--three-standards .mode-ripple__icon-guide .mode-ripple__icons img {
  width: 118px;
  height: 118px;
}

.page--three-standards .mode-ripple__icon-guide .mode-ripple__icons img:last-child {
  width: 104px;
}

.page--three-standards .mode-ripple {
  height: 210px;
}

.page--three-standards .mode-ripple__wave {
  top: 62%;
}

.page--three-standards .mode-ripple__descriptions {
  padding-top: 18px;
}

/* September 8 precision pass: keep each requested correction local to its
   reviewed module so the accumulated long-page art direction stays intact. */

/* The range keyword receives the requested compact text-box treatment only. */
.page--three-standards .uvc-lamp-explainer__story-content h4 strong {
  display: inline-block;
  padding: .08em .24em .14em;
  color: #fff;
  background: #0b5fc6;
  border-radius: 6px;
  box-shadow: none;
}

/* Crop inside the source circles so the dark card rim never enters the two
   circular masks. The visible orbs remain true 300 px circles. */
.page--three-standards .dual-light-summary__orb {
  background: #eaf6ff;
  border-color: rgba(83, 157, 229, .28);
  border-radius: 50%;
  box-shadow: 0 20px 38px rgba(20, 79, 137, .18), 0 6px 14px rgba(6, 30, 70, .10);
}

.page--three-standards .dual-light-summary__motion .dual-light-summary__orb video,
.page--three-standards .dual-light-summary__motion .dual-light-summary__orb img {
  top: -579px;
  width: 960px;
}

.page--three-standards .dual-light-summary__motion .dual-light-summary__orb--led video,
.page--three-standards .dual-light-summary__motion .dual-light-summary__orb--led img {
  left: -135px;
}

.page--three-standards .dual-light-summary__motion .dual-light-summary__orb--lamp video,
.page--three-standards .dual-light-summary__motion .dual-light-summary__orb--lamp img {
  left: -515px;
}

/* The third divider stays in the PODAM blue family while remaining visibly
   distinct from the navy first and royal-blue second dividers. */
.page--three-standards .comparison-divider.band-green {
  background: #1b5f8f;
}

.page--three-standards .comparison-divider.band-green span {
  color: #9edcff;
}

/* Pull the source icons into the poster's existing blank top band: 16 px from
   the product image and roughly 14 px above the button row. */
.page--three-standards .mode-ripple__icon-guide {
  position: relative;
  z-index: 3;
  padding: 16px 44px 8px;
  background: transparent;
}

.page--three-standards .mode-ripple {
  z-index: 2;
  margin-top: -64px;
}

/* Preserve the supplied product geometry and scale the complete door photo
   down slightly. The photographed logo itself remains untouched. */
.page--three-standards .chapter-media--door {
  position: relative;
}

.page--three-standards .chapter-media--door__product {
  position: relative;
  display: block;
  width: 94%;
  margin: 0 auto;
}

.page--three-standards .chapter-media--door__product > img {
  display: block;
  width: 100%;
  height: auto;
}

/* 82 px and 108 px previously felt unrelated; their exact midpoint provides
   one consistent declaration scale for both transition scenes. */
.page--three-standards .care-standard__intro .title,
.page--three-standards .podam-difference-bridge h2 {
  font-size: 95px;
}

/* Keep every chapter edge clipped cleanly, then draw the 02 -> 03 connector
   from the incoming chapter so no product-image corner can leak into the gap. */
.page--three-standards .feature-flow .function-chapter--door {
  overflow: hidden;
}

.page--three-standards .feature-flow .function-chapter--door::after {
  display: none;
}

.page--three-standards .feature-flow .function-chapter--storage {
  overflow: visible;
}

.page--three-standards .feature-flow .function-chapter--storage::before {
  content: "";
  position: absolute;
  z-index: 6;
  left: 50%;
  top: -173px;
  display: block;
  width: 1px;
  height: 130px;
  background: rgba(20, 38, 66, .48);
  transform: translateX(-50%);
}

/* Restore the missing centered connector between Daily care 01 and 02. */
.page--three-standards .feature-flow .function-chapter--dry {
  overflow: visible;
}

.page--three-standards .feature-flow .function-chapter--dry::after {
  display: block;
  background: rgba(20, 38, 66, .48);
}

/* Continue the visual axis from the reflector benefit into the patent proof.
   Clipping the upper chapter also removes the stray dark image corner that
   previously leaked into the outer gutter. */
.page--three-standards .facet-section {
  position: relative;
  overflow: hidden;
}

.page--three-standards .facet-section::after,
.page--three-standards .registration-section::before {
  content: "";
  position: absolute;
  z-index: 7;
  left: 50%;
  width: 1px;
  height: 80px;
  pointer-events: none;
  background: rgba(20, 38, 66, .48);
  transform: translateX(-50%);
}

.page--three-standards .facet-section::after {
  bottom: 0;
}

.page--three-standards .registration-section {
  position: relative;
}

.page--three-standards .registration-section::before {
  top: 0;
}

/* The source artwork has a magnifying-glass handle immediately above the
   Guardian banner. Crop below it so no black diagonal enters this segment. */
.page--three-standards .sterilization-test-story__segment--seal img {
  bottom: 24px;
}

/* September 9 proof-focus pass: replace the baked claim strip with editable
   type and keep the retained source artwork on either side of it. */
.page--three-standards .sterilization-test-story__segment--problem {
  aspect-ratio: 900 / 500;
}

.page--three-standards .sterilization-test-story__segment--problem img {
  top: 0;
}

.page--three-standards .sterilization-test-story__segment--report-art {
  aspect-ratio: 900 / 816;
}

.page--three-standards .sterilization-test-story__segment--report-art img {
  top: 0;
  transform: translateY(-38.043%);
}

.page--three-standards .sterilization-proof-claim {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  padding: 88px 52px 94px;
  color: #fff;
  text-align: center;
  background:
    radial-gradient(circle at 82% 18%, rgba(115, 196, 255, .38), transparent 32%),
    radial-gradient(circle at 14% 88%, rgba(58, 134, 238, .28), transparent 38%),
    linear-gradient(145deg, #041a3f 0%, #073777 52%, #075dc6 100%);
}

.page--three-standards .sterilization-proof-claim::before {
  content: "";
  position: absolute;
  z-index: -1;
  inset: -34% -18%;
  pointer-events: none;
  background: radial-gradient(circle, rgba(127, 205, 255, .34) 0%, rgba(127, 205, 255, 0) 62%);
  opacity: .55;
  transform: translate3d(24%, -12%, 0) scale(.86);
}

.page--three-standards .sterilization-proof-claim__eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 15px;
  margin-bottom: 36px;
  color: #d9efff;
  font-size: 22px;
  font-weight: 700;
  letter-spacing: .025em;
}

.page--three-standards .sterilization-proof-claim__eyebrow i {
  width: 5px;
  height: 5px;
  background: #79c9ff;
  border-radius: 50%;
  box-shadow: 0 0 15px rgba(121, 201, 255, .9);
}

.page--three-standards .sterilization-proof-claim__title {
  margin: 0;
  font-family: "Podam Sungkok", "KoPubWorld Dotum", serif;
  font-style: normal;
  font-weight: 300;
  letter-spacing: -.045em;
}

.page--three-standards .sterilization-proof-claim__title > span {
  display: block;
  margin-bottom: 12px;
  color: rgba(255, 255, 255, .78);
  font-size: 45px;
}

.page--three-standards .sterilization-proof-claim__title strong {
  position: relative;
  display: inline-block;
  overflow: hidden;
  color: #fff;
  font-size: 70px;
  font-weight: 300;
  line-height: 1.18;
  text-shadow: 0 7px 24px rgba(0, 0, 0, .22);
}

.page--three-standards .sterilization-proof-claim__title strong em {
  color: #91d4ff;
  font-style: normal;
  font-weight: 700;
  text-shadow: 0 0 24px rgba(93, 190, 255, .4);
}

.page--three-standards .sterilization-proof-claim__title strong::after {
  content: "";
  position: absolute;
  top: -24%;
  bottom: -24%;
  left: -54%;
  width: 40%;
  pointer-events: none;
  background: linear-gradient(102deg, transparent, rgba(255, 255, 255, .62), transparent);
  filter: blur(1px);
  transform: translateX(-160%) skewX(-14deg);
}

.page--three-standards .sterilization-proof-claim__items {
  margin-top: 38px;
  color: rgba(226, 242, 255, .82);
  font-size: 21px;
  font-weight: 500;
  letter-spacing: .01em;
}

.page--three-standards .sterilization-proof-claim.is-playing::before {
  animation: podam-proof-ambient 4.8s ease-in-out infinite;
}

.page--three-standards .sterilization-proof-claim.is-playing .sterilization-proof-claim__eyebrow {
  animation: podam-proof-rise .68s ease-out both;
}

.page--three-standards .sterilization-proof-claim.is-playing .sterilization-proof-claim__title {
  animation: podam-proof-rise .78s .12s ease-out both;
}

.page--three-standards .sterilization-proof-claim.is-playing .sterilization-proof-claim__items {
  animation: podam-proof-rise .72s .3s ease-out both;
}

.page--three-standards .sterilization-proof-claim.is-playing .sterilization-proof-claim__title strong::after {
  animation: podam-proof-sheen 1.15s .58s cubic-bezier(.22, .76, .28, 1) both;
}

@keyframes podam-proof-rise {
  from { opacity: 0; transform: translateY(24px) scale(.985); }
  to { opacity: 1; transform: translateY(0) scale(1); }
}

@keyframes podam-proof-sheen {
  from { transform: translateX(-160%) skewX(-14deg); }
  to { transform: translateX(520%) skewX(-14deg); }
}

@keyframes podam-proof-ambient {
  0%, 100% { opacity: .42; transform: translate3d(24%, -12%, 0) scale(.84); }
  50% { opacity: .72; transform: translate3d(14%, -4%, 0) scale(1.04); }
}

.page--three-standards .sterilization-test-story__goods {
  width: calc(100% - 64px);
  margin: 58px auto 18px;
  overflow: hidden;
  border: 1px solid rgba(9, 87, 183, .09);
  border-radius: 26px;
  box-shadow: 0 18px 42px rgba(6, 30, 70, .10);
}

.page--three-standards .sterilization-test-story .comparison-proof-card--embedded {
  margin: 22px auto 56px;
}

.page--three-standards .guardian-seal-card {
  width: calc(100% - 64px);
  min-height: 222px;
  display: grid;
  grid-template-columns: 144px minmax(0, 1fr);
  align-items: center;
  gap: 30px;
  margin: 0 auto 64px;
  padding: 42px 40px 28px;
  color: #30343a;
  background: #f3f3f3;
  border-radius: 10px;
}

.page--three-standards .guardian-seal-card__mark {
  width: 140px;
  height: 140px;
  align-self: center;
  background-color: #f3f3f3;
  background-image: url("assets/static/sterilization_test_story_podam.png");
  background-repeat: no-repeat;
  background-position: -67px -1278px;
  background-size: 750px auto;
  border-radius: 50%;
  transform: translateY(8px);
}

.page--three-standards .guardian-seal-card__copy {
  min-width: 0;
  text-align: center;
  transform: translateY(8px);
}

.page--three-standards .guardian-seal-card__copy p {
  margin-bottom: 14px;
  color: #3f444b;
  font-size: 23px;
  line-height: 1.35;
}

.page--three-standards .guardian-seal-card__copy strong {
  color: #272b31;
  font-size: 25px;
  line-height: 1.35;
}

.page--three-standards .guardian-seal-card__copy strong span {
  display: inline-block;
  margin: 0 .16em;
  color: #747474;
  font-size: 33px;
  font-weight: 400;
  letter-spacing: .15em;
  vertical-align: -.05em;
}

@media (prefers-reduced-motion: reduce) {
  .page--three-standards .sterilization-proof-claim::before,
  .page--three-standards .sterilization-proof-claim__eyebrow,
  .page--three-standards .sterilization-proof-claim__title,
  .page--three-standards .sterilization-proof-claim__items,
  .page--three-standards .sterilization-proof-claim__title strong::after {
    animation: none !important;
  }
}

/* Preserve the approved 860 px composition on phones by scaling the complete
   page as one unit instead of forcing its fixed art-directed modules to reflow. */
.page-shell {
  width: 860px;
  margin: 0 auto;
}

@media (max-width: 860px) {
  html,
  body {
    width: 100%;
    overflow-x: hidden;
  }

  body {
    background: #fff;
  }

  .page-shell {
    position: relative;
    width: 100vw;
    margin: 0;
    overflow: hidden;
  }

  .page {
    width: 860px;
    max-width: none;
    margin: 0;
    zoom: var(--podam-page-scale, calc(100vw / 860px));
    transform: none;
  }
}

/* September 9 readability pass: clarify the three mode descriptions, carry
   the automatic-repeat promise into its button, and strengthen category tabs. */
.page--three-standards .mode-ripple::after {
  content: "(24시간 자동 반복)";
  position: absolute;
  z-index: 5;
  top: 145px;
  left: 66.75%;
  width: 26%;
  color: #294a78;
  font-family: "210 OmniGothic", "KoPubWorld Dotum", sans-serif;
  font-size: 14px;
  font-weight: 700;
  line-height: 1;
  text-align: center;
  pointer-events: none;
}

.page--three-standards .mode-ripple__descriptions > p {
  position: relative;
  padding: 0 17px;
}

.page--three-standards .mode-ripple__descriptions > p + p::before {
  content: "";
  position: absolute;
  left: -9px;
  top: 50%;
  width: 1px;
  height: 78px;
  background: linear-gradient(180deg, transparent, rgba(9, 87, 183, .28) 20%, rgba(9, 87, 183, .28) 80%, transparent);
  transform: translateY(-50%);
}

.page--three-standards .mode-ripple__descriptions > p:nth-child(3) > strong {
  display: none;
}

.page--three-standards .multipurpose-section .multi-label {
  min-height: 120px;
}

.page--three-standards .multipurpose-section .multi-label > span {
  font-size: 18px;
  font-weight: 800;
}

.page--three-standards .multipurpose-section .multi-label > b {
  font-family: "210 OmniGothic", "KoPubWorld Dotum", sans-serif;
  font-size: 42px;
  font-weight: 700;
  line-height: 1.2;
  letter-spacing: -.035em;
}

/* Make 50 W immediately comparable while keeping the model scope explicit. */
.page--three-standards .power-benchmark {
  width: min(620px, 100%);
  display: grid;
  grid-template-columns: auto auto;
  align-items: center;
  justify-content: center;
  column-gap: 24px;
  row-gap: 10px;
  margin: 54px auto 0;
  padding: 24px 34px 22px;
  color: #0d4b36;
  background: rgba(247, 255, 250, .94);
  border: 1px solid rgba(210, 250, 228, .88);
  border-radius: 18px;
  box-shadow: 0 18px 46px rgba(3, 45, 30, .22);
}

.page--three-standards .power-benchmark > span {
  font-size: 22px;
  font-weight: 700;
  letter-spacing: -.025em;
}

.page--three-standards .power-benchmark > strong {
  color: #167451;
  font-size: 39px;
  font-weight: 800;
  line-height: 1;
}

.page--three-standards .power-benchmark > small {
  grid-column: 1 / -1;
  color: #527064;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.45;
}

.page--three-standards .power-benchmark + .power-note {
  margin-top: 18px;
}

/* Place the UV-C range prompt inside the source artwork's intentional white
   interval so the title and comparison cards read as one continuous panel. */
.page--three-standards .uvc-lamp-explainer__story-card--range {
  padding-top: 0 !important;
}

.page--three-standards .uvc-lamp-explainer__motion--range h4 {
  position: absolute;
  z-index: 3;
  top: 14.35%;
  left: 50%;
  width: calc(100% - 48px);
  margin: 0;
  padding: 0;
  color: var(--navy);
  font-family: "210 OmniGothic", "KoPubWorld Dotum", sans-serif;
  font-size: 31px;
  font-weight: 600;
  line-height: 1.25;
  letter-spacing: -.035em;
  text-align: center;
  white-space: nowrap;
  transform: translateX(-50%);
}

.page--three-standards .uvc-lamp-explainer__motion--range h4 strong {
  padding: .11em .24em .15em;
  font-size: inherit;
  font-weight: 750;
  box-shadow: 0 10px 24px rgba(11, 95, 198, .18);
}

/* September 9 final alignment and hierarchy corrections. */

/* The clipped inline box changed its baseline and lifted every satin key.
   Visible overflow restores the native text baseline without moving the rows. */
.page--three-standards .care-standard__key {
  overflow: visible;
}

/* Keep the range prompt typographic and airy instead of treating it as a tag. */
.page--three-standards .uvc-lamp-explainer__motion--range h4 {
  line-height: 1.45;
  letter-spacing: -.01em;
  word-spacing: .1em;
}

.page--three-standards .uvc-lamp-explainer__motion--range h4 strong {
  display: inline;
  margin-left: .18em;
  padding: 0;
  color: var(--royal);
  background: transparent;
  border-radius: 0;
  box-shadow: none;
}

/* Give the dual-sterilization proposition its own emphasis before the product
   declaration, while preserving the approved blue PODAM plate below it. */
.page--three-standards .dual-light-summary__lead {
  display: inline-block;
  font-size: 38px;
  font-weight: 750;
  line-height: 1.45;
}

.page--three-standards .dual-light-summary__lead em {
  padding: 0 .06em;
  color: var(--royal);
  font-size: 1.08em;
  font-style: normal;
  font-weight: 850;
  border-bottom: 0;
}

/* Separate the reflector result from the following patent underline by using
   a solid optical-blue plate only on the upper statement. */
.page--three-standards .facet-section > .image-benefit strong {
  padding: .18em .48em .24em;
  color: #fff;
  background: linear-gradient(135deg, var(--navy) 0%, #0b4b91 100%);
  border: 1px solid rgba(88, 173, 255, .38);
  border-radius: 16px;
  box-shadow: 0 16px 36px rgba(6, 30, 70, .18);
}

/* Present the three proof priorities on one uninterrupted white surface. */
.page--three-standards .sterilization-proof-claim {
  padding: 88px 52px 94px;
  color: var(--navy);
  background: #fff;
}

.page--three-standards .sterilization-proof-claim::before {
  content: none;
}

.page--three-standards .sterilization-proof-claim__eyebrow {
  width: min(680px, 100%);
  display: grid;
  grid-template-columns: minmax(0, 1fr) 1px minmax(0, 1fr);
  align-items: center;
  gap: 24px;
  margin: 0 auto 54px;
}

.page--three-standards .sterilization-proof-claim__eyebrow span {
  display: block;
  padding: 20px 10px 18px;
  color: var(--royal);
  font-size: 38px;
  font-weight: 850;
  line-height: 1.2;
  letter-spacing: -.035em;
  border-top: 2px solid rgba(9, 87, 183, .28);
  border-bottom: 2px solid rgba(9, 87, 183, .28);
}

.page--three-standards .sterilization-proof-claim__eyebrow span:last-child {
  color: #0d6f8f;
  border-color: rgba(13, 111, 143, .3);
}

.page--three-standards .sterilization-proof-claim__eyebrow i {
  width: 1px;
  height: 74px;
  background: rgba(9, 87, 183, .22);
  border-radius: 0;
  box-shadow: none;
}

.page--three-standards .sterilization-proof-claim__title > span {
  color: #61738a;
  font-size: 44px;
}

.page--three-standards .sterilization-proof-claim__title strong {
  overflow: visible;
  color: var(--navy);
  font-size: 70px;
  text-shadow: none;
}

.page--three-standards .sterilization-proof-claim__title strong em {
  color: var(--royal);
  text-shadow: 0 8px 24px rgba(9, 87, 183, .12);
}

.page--three-standards .sterilization-proof-claim__title strong::after {
  content: none;
}

.page--three-standards .sterilization-proof-claim.is-playing .sterilization-proof-claim__eyebrow {
  animation: none;
}

.page--three-standards .sterilization-proof-claim.is-playing .sterilization-proof-claim__eyebrow span:first-child {
  animation: podam-proof-rise .62s ease-out both;
}

.page--three-standards .sterilization-proof-claim.is-playing .sterilization-proof-claim__eyebrow span:last-child {
  animation: podam-proof-rise .62s .12s ease-out both;
}

.page--three-standards .sterilization-proof-claim.is-playing .sterilization-proof-claim__title {
  animation: podam-proof-rise .72s .26s ease-out both;
}

/* Center the Guardian lockup as one enlarged row and use the official
   transparent PODAM wordmark rather than typeset letters. */
.page--three-standards .guardian-seal-card {
  width: calc(100% - 16px);
  min-height: 250px;
  grid-template-columns: 166px minmax(0, 1fr);
  gap: 20px;
  padding: 30px;
}

.page--three-standards .guardian-seal-card__mark {
  width: 164px;
  height: 164px;
  align-self: center;
  background-position: -78px -1498px;
  background-size: 878px auto;
  transform: none;
}

.page--three-standards .guardian-seal-card__copy {
  align-self: center;
  transform: none;
}

.page--three-standards .guardian-seal-card__copy p {
  margin-bottom: 12px;
  font-size: 27px;
  font-weight: 500;
  line-height: 1.35;
}

.page--three-standards .guardian-seal-card__copy strong {
  font-size: 29px;
  line-height: 1.45;
  white-space: nowrap;
}

.page--three-standards .sterilization-test-story .guardian-seal-card__wordmark {
  display: inline-block;
  width: 184px;
  height: auto;
  margin: 0 .12em;
  vertical-align: -.24em;
}

/* Remove the extra automatic-repeat label and pull all three descriptions
   closer to the button row by the same amount. */
.page--three-standards .mode-ripple::after {
  content: none;
}

.page--three-standards .mode-ripple__descriptions {
  padding-top: 0;
}

/* September 9 requested precision pass: rebalance the lighting lockup,
   isolate the UV range tag, and correct the proof/feature connectors. */
.page--three-standards .hero-certifications__logo--lighting {
  align-items: center;
  gap: 5px;
}

.page--three-standards .hero-certifications__philips {
  width: 114px;
  margin-inline: auto;
}

.page--three-standards .hero-certifications__osram-crop {
  width: 94px;
  height: 23px;
  margin-inline: auto;
}

.page--three-standards .hero-certifications__osram {
  left: 50%;
  width: 94px;
  transform: translate(-50%, -50%);
}

.page--three-standards .uvc-lamp-explainer__motion--range h4 strong {
  display: inline-block;
  margin: 0 .1em;
  padding: .08em .23em .12em;
  color: #fff;
  background: var(--royal);
  border-radius: 6px;
  box-shadow: 0 9px 20px rgba(9, 87, 183, .2);
}

.page--three-standards .sterilization-test-story__segment--problem img {
  top: 22px;
}

/* Mask the line baked into the supplied source artwork, then replace it with
   three quiet dots so the next proof chapter remains clearly connected. */
.page--three-standards .sterilization-test-story__segment--problem::after {
  content: "";
  position: absolute;
  z-index: 2;
  top: 69%;
  bottom: 0;
  left: 50%;
  width: 58px;
  background: #fff;
  transform: translateX(-50%);
  pointer-events: none;
}

.page--three-standards .sterilization-test-story__segment--problem::before {
  content: "";
  position: absolute;
  z-index: 3;
  top: 74%;
  left: 50%;
  width: 5px;
  height: 5px;
  background: rgba(20, 38, 66, .5);
  border-radius: 50%;
  box-shadow: 0 18px 0 rgba(20, 38, 66, .5), 0 36px 0 rgba(20, 38, 66, .5);
  transform: translateX(-50%);
  pointer-events: none;
}

/* Daily care 06, 07 and 08 are independent chapters. Restore one consistent
   card edge and vertical connector between each step. */
.page--three-standards .feature-flow .capacity-section {
  margin-bottom: 216px;
  border-radius: 24px;
  box-shadow: 0 12px 34px rgba(6, 30, 70, .08);
}

.page--three-standards .feature-flow .capacity-section::after {
  display: block;
  background: rgba(20, 38, 66, .48);
}

.page--three-standards .feature-flow .capacity-section > :last-child {
  border-radius: 0 0 24px 24px;
}

.page--three-standards .feature-flow .door-rack-section {
  margin-bottom: 216px;
  border-radius: 24px;
  box-shadow: 0 12px 34px rgba(6, 30, 70, .08);
}

.page--three-standards .feature-flow .door-rack-section::after {
  display: block;
  background: rgba(20, 38, 66, .48);
}

.page--three-standards .feature-flow .door-rack-section > :first-child {
  border-radius: 24px 24px 0 0;
}

.page--three-standards .feature-flow .door-rack-section > .image-benefit {
  width: auto;
  margin-left: 0;
  border-radius: 0 0 24px 24px;
}

.page--three-standards .feature-flow .multipurpose-section {
  padding-top: 112px;
  background: #fff;
  border-radius: 24px;
  box-shadow: 0 12px 34px rgba(6, 30, 70, .08);
}

.page--three-standards .feature-flow .multipurpose-section > :first-child {
  border-radius: 24px 24px 0 0;
}

/* Keep the satin highlight inside each key, but remove the warm coloured
   halo around the box for a cleaner edge on the white section. */
.page--three-standards .care-standard__key {
  box-shadow:
    0 5px 12px rgba(6, 30, 70, .1),
    inset 0 1px 0 rgba(255, 255, 255, .52),
    inset 0 -2px 0 rgba(0, 0, 0, .1);
}

@media (prefers-reduced-motion: reduce) {
  .page--three-standards .sterilization-proof-claim__eyebrow span {
    animation: none !important;
  }
}
/* Product Q&A sits immediately below the detailed specifications. */
.page--three-standards > .faq-section {
  order: 26;
}

.page--three-standards > .customer-guide {
  order: 27;
}

.page--three-standards > .closing-section {
  order: 28;
}

.page--three-standards .faq-section {
  padding: 120px 54px 128px;
  color: var(--ink);
  background: #fff;
  border-top: 1px solid rgba(6, 30, 70, .08);
}

.page--three-standards .faq-section__heading {
  margin-bottom: 58px;
  text-align: center;
}

.page--three-standards .faq-section__heading .point-line {
  margin: 0 0 18px;
}

.page--three-standards .faq-section__heading h2 {
  margin: 0;
  color: var(--navy);
  font-family: "Podam Sungkok", "KoPubWorld Dotum", serif;
  font-size: 72px;
  font-weight: 300;
  line-height: 1.14;
  letter-spacing: -.045em;
}

.page--three-standards .faq-section__heading > span {
  display: block;
  margin-top: 22px;
  color: #677488;
  font-size: 20px;
  font-weight: 600;
  line-height: 1.55;
}

.page--three-standards .faq-list {
  display: grid;
  gap: 16px;
  border-top: 2px solid var(--navy);
}

.page--three-standards .faq-item {
  padding: 32px 34px 34px;
  background: #f7f9fc;
  border: 1px solid rgba(9, 87, 183, .11);
  border-radius: 24px;
}

.page--three-standards .faq-item:first-child {
  margin-top: 22px;
}

.page--three-standards .faq-item__question {
  display: grid;
  grid-template-columns: 54px minmax(0, 1fr);
  align-items: center;
  gap: 18px;
}

.page--three-standards .faq-item__question > span {
  width: 54px;
  height: 54px;
  display: grid;
  place-items: center;
  color: #fff;
  font-family: "210 OmniGothic", "KoPubWorld Dotum", sans-serif;
  font-size: 23px;
  font-weight: 800;
  line-height: 1;
  background: var(--royal);
  border-radius: 50%;
}

.page--three-standards .faq-item h3 {
  margin: 0;
  color: var(--navy);
  font-size: 27px;
  font-weight: 800;
  line-height: 1.4;
  letter-spacing: -.035em;
  word-break: keep-all;
}

.page--three-standards .faq-item > p {
  margin: 18px 0 0 72px;
  color: #4f5d72;
  font-size: 18px;
  font-weight: 500;
  line-height: 1.75;
  letter-spacing: -.018em;
  word-break: keep-all;
}

/* Keep the supplied manufacturer motion inside the continuous reflector
   chapter, after the benefit copy and before its centered connector. */
.page--three-standards .facet-light-motion {
  width: 640px;
  max-width: calc(100% - 48px);
  margin: 72px auto 0;
  padding: 12px;
  overflow: hidden;
  box-sizing: border-box;
  background: #dcecff;
  border: 1px solid rgba(9, 87, 183, .16);
  border-radius: 30px;
  box-shadow: 0 24px 54px rgba(6, 30, 70, .14);
}

.page--three-standards .facet-light-motion img {
  display: block;
  width: 100%;
  height: auto;
  border-radius: 20px;
}

/* The product stays as the untouched base PNG. A same-size transparent GIF
   carries only the directional arrows so both layers remain pixel-aligned. */
.page--three-standards .light-card__direction-visual {
  position: relative;
  display: block;
  width: 299px;
  height: 350px;
  flex: 0 0 auto;
}

.page--three-standards .light-card__direction-visual > img {
  position: absolute;
  inset: 0;
  display: block;
  width: 100%;
  height: 100%;
  max-width: none;
  max-height: none;
  object-fit: contain;
  transform-origin: center bottom;
}

.page--three-standards .light-card__direction-product {
  z-index: 1;
  filter: drop-shadow(0 17px 24px rgba(9, 87, 183, .2));
}

.page--three-standards .light-card--dual .light-card__product img.light-card__direction-arrows {
  z-index: 2;
  pointer-events: none;
  filter: none;
}

/* High-resolution dual-direction overlay for the full HTML preview. */
.page--three-standards .light-card--dual .light-card__product svg.light-card__direction-arrows {
  position: absolute;
  inset: 0;
  z-index: 2;
  display: block;
  width: 100%;
  height: 100%;
  pointer-events: none;
  overflow: visible;
}

.page--three-standards .dual-direction-arrow__core {
  fill: url(#podam-dual-arrow-fill);
  opacity: .9;
}

.page--three-standards .dual-direction-arrow__glow {
  fill: #168bff;
  opacity: .28;
  filter: url(#podam-dual-arrow-glow);
}

.page--three-standards .dual-direction-arrow__motion {
  transform-box: fill-box;
  transform-origin: center top;
  animation: podam-dual-arrow-flow 1.8s cubic-bezier(.16, 1, .3, 1) infinite;
  will-change: transform, opacity;
}

@keyframes podam-dual-arrow-flow {
  0% {
    opacity: 0;
    transform: translateY(-4px) scale(.97);
  }
  12% {
    opacity: 1;
  }
  62% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    transform: translateY(18px) scale(1);
  }
}

.is-static .page--three-standards .dual-direction-arrow__motion {
  animation: none;
  opacity: 1;
  transform: translateY(8px) scale(1);
}

@media (prefers-reduced-motion: reduce) {
  .page--three-standards .dual-direction-arrow__motion {
    animation: none;
    opacity: 1;
    transform: translateY(8px) scale(1);
  }
}

/* Remove the white sweep that read as a grey reflection across this sentence. */
.page--three-standards .registration-hero__claim::after {
  content: none;
  opacity: 0;
  animation: none !important;
  filter: none;
  mix-blend-mode: normal;
}

/* Keep the original color comparison, then add the supplied lifestyle shot
   directly beneath the two equal-height color labels. */
.page--three-standards .color-lineup-lifestyle {
  margin: 0;
  overflow: hidden;
  background: #f4eee6;
}

.page--three-standards .color-lineup-lifestyle img {
  display: block;
  width: 100%;
  height: auto;
}

/* Align the glyph axis of the wider boxed callout with the three keyword
   lines above it. The callout keeps its original size and internal padding. */
.page--three-standards .solution-bridge__wipe-target {
  overflow: visible;
}

.page--three-standards .solution-bridge__copy h2 {
  transform: translateX(-13px);
}

/* Each Q&A sentence starts on a fresh line. Keep every line on the same
   left-hand axis so wrapped sentences do not look staggered. */
.page--three-standards .faq-item > p > span {
  display: block;
  padding-left: 0;
}

.page--three-standards .faq-item > p > span + span {
  margin-top: 6px;
  padding-left: 0;
}

/* Pull the small-goods row slightly closer to the door rack. The full cutout
   remains untouched and visible; only the following row's margin changes. */
.page--three-standards .door-rack-goods {
  margin-top: -62px;
}

/* Final spacing pass for the two light-source comparison cards. Remove the
   inherited heading bottom margin, bring each product closer to its title,
   and shorten the cards without clipping either product or metric panel. */
.page--three-standards .light-card {
  min-height: 1000px;
}

.page--three-standards .light-card--single,
.page--three-standards .light-card--dual {
  padding-top: 56px;
}

.page--three-standards .light-card h4 {
  margin: 22px 0 0;
}

.page--three-standards .light-card--single h4 {
  font-size: 44px;
}

.page--three-standards .light-card--dual h4 {
  font-size: 60px;
}

.page--three-standards .light-card--single .light-card__product {
  height: 350px;
  margin: 12px 0 22px;
}

.page--three-standards .light-card--dual .light-card__product {
  height: 415px;
  margin: 12px 0 22px;
}

.page--three-standards .light-card__metrics {
  margin: auto 0 0;
}

/* Both transition statements use the full canvas. The product-difference
   line needs a slightly wider text box at the larger display scale. */
.page--three-standards .podam-difference-bridge h2 {
  max-width: 840px;
  padding-right: 32px;
  padding-left: 32px;
}

/* A restrained motion cue for 50W: the numerals breathe by less than two
   percent while the W unit remains fixed and readable. */
.page--three-standards .mega-number--white .mega-number__value {
  transform-origin: center 68%;
  will-change: transform, text-shadow;
}

@keyframes podam-green-value-glow {
  0%, 100% {
    transform: translateY(0) scale(1);
    text-shadow: 0 0 1px #fff, 0 0 5px #77e4aa, 0 0 13px rgba(80, 224, 151, .56);
  }
  50% {
    transform: translateY(-4px) scale(1.018);
    text-shadow: 0 0 2px #fff, 0 0 9px #77e4aa, 0 0 22px rgba(80, 224, 151, .8);
  }
}


/* September 10 readability, chapter-connection and closing-position pass. */
.page--three-standards .hero-main {
  height: 2540px;
}

.page--three-standards .hero-main__copy {
  top: 590px;
}

.page--three-standards .hero-main__certifications {
  top: 760px;
}

.page--three-standards .care-standard__intro .title,
.page--three-standards .podam-difference-bridge h2 {
  line-height: 1.12;
  text-shadow: none;
}

.page--three-standards .care-standard__intro .title strong,
.page--three-standards .podam-difference-bridge h2 strong {
  margin-bottom: .035em;
  padding-bottom: .025em;
  text-shadow: none;
  box-shadow:
    0 16px 34px rgba(0, 0, 0, .34),
    0 10px 26px rgba(5, 82, 183, .30);
}

/* Crop before the source artwork's baked vertical line, then give the
   connector its own space so no white mask can cut into the card above. */
.page--three-standards .sterilization-test-story__segment--problem {
  aspect-ratio: 900 / 366;
}

.page--three-standards .sterilization-test-story__segment--problem::before,
.page--three-standards .sterilization-test-story__segment--problem::after {
  content: none;
}

.page--three-standards .sterilization-test-story__connector {
  height: 132px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 26px;
  background: #fff;
}

.page--three-standards .sterilization-test-story__connector i {
  width: 14px;
  height: 14px;
  flex: 0 0 auto;
  background: rgba(20, 38, 66, .58);
  border-radius: 50%;
}

/* A clear visual bridge between the warm-air benefit and filtered-air card. */
.page--three-standards .dry-air-card__plus {
  min-height: 142px;
  display: grid;
  place-items: center;
  color: var(--royal);
  font-family: "Podam Sungkok", "KoPubWorld Dotum", serif;
  font-size: 104px;
  font-weight: 700;
  line-height: 1;
  box-sizing: border-box;
  padding-top: 20px;
  background: #f5f9ff;
}

.page--three-standards .dry-air-card {
  padding-top: 64px;
}

/* The Korean heading remains foreground content; QnA is decorative only. */
.page--three-standards .faq-section__heading {
  position: relative;
  min-height: 176px;
  display: grid;
  place-items: center;
  isolation: isolate;
}

.page--three-standards .faq-section__heading::before {
  content: "QnA";
  position: absolute;
  z-index: 0;
  top: 44%;
  left: 50%;
  color: #1670d2;
  font-family: "HSBombaram", "HS봄바람체 2.1", "Podam Sungkok", serif;
  font-size: 176px;
  font-weight: 400;
  line-height: .8;
  letter-spacing: -.045em;
  white-space: nowrap;
  opacity: .15;
  transform: translate(-50%, -50%);
  -webkit-text-stroke: 1.5px rgba(255, 255, 255, .72);
  paint-order: stroke fill;
  pointer-events: none;
}

.page--three-standards .faq-section__heading h2 {
  position: relative;
  z-index: 1;
  text-shadow:
    0 0 3px rgba(255, 255, 255, .98),
    0 2px 10px rgba(255, 255, 255, .82);
}

/* Lift only the closing logo and message; the product photo stays anchored. */
.page--three-standards .closing-copy {
  transform: translateY(-32px);
}

/* Keep the complete specification slice on the same neutral tone as its top
   edge. The earlier gradient reached this colour at the specs boundary, then
   kept drifting blue toward the bottom of the exported image. */
.page--three-standards .product-detail-section {
  background: linear-gradient(
    180deg,
    #fffaf2 0%,
    #f8f9fb 65.44%,
    #f8f9fb 100%
  );
}

/* POINT 01 campaign-copy lockup. The annotation uses the same title family as
   the main copy; rotation, a check and a short correction stroke create the
   editorial note effect without introducing a second handwriting font. */
.page--three-standards .dual-section .point-head {
  padding-bottom: 96px;
}

.page--three-standards .dual-copy-lockup {
  margin: 0;
  color: var(--navy);
  font-family: "Podam Sungkok", "KoPubWorld Dotum", serif;
  font-weight: 300;
  text-align: center;
  letter-spacing: -.052em;
}

.page--three-standards .dual-copy-lockup__setup {
  display: flex;
  align-items: flex-end;
  justify-content: center;
  gap: 16px;
  padding-top: 54px;
  font-size: 72px;
  line-height: 1;
  white-space: nowrap;
}

.page--three-standards .dual-copy-lockup__annotated-lamp {
  position: relative;
  display: inline-block;
  color: var(--navy);
  font: inherit;
}

.page--three-standards .dual-copy-lockup__annotated-lamp b {
  position: relative;
  z-index: 1;
  font: inherit;
}

.page--three-standards .dual-copy-lockup__annotated-lamp b::after {
  content: "";
  position: absolute;
  z-index: -1;
  right: -8px;
  bottom: 4px;
  left: -8px;
  height: 17px;
  background: rgba(79, 171, 255, .24);
  border-radius: 50% 42% 48% 38%;
  transform: rotate(-1.8deg);
}

.page--three-standards .dual-copy-lockup__annotated-lamp small {
  position: absolute;
  left: 50%;
  bottom: calc(100% + 15px);
  display: flex;
  align-items: center;
  gap: 7px;
  width: max-content;
  color: var(--royal);
  font: 700 25px/1 "Podam Sungkok", "KoPubWorld Dotum", serif;
  letter-spacing: -.035em;
  transform: translateX(-46%) rotate(-4deg);
}

.page--three-standards .dual-copy-lockup__annotated-lamp small::after {
  content: "";
  position: absolute;
  right: 4px;
  bottom: -9px;
  left: 30px;
  height: 3px;
  background: var(--royal);
  border-radius: 999px;
  transform: rotate(-2deg);
}

.page--three-standards .dual-copy-lockup__annotated-lamp small i {
  display: inline-grid;
  width: 28px;
  height: 28px;
  place-items: center;
  color: #fff;
  font-family: "210 OmniGothic", "KoPubWorld Dotum", sans-serif;
  font-size: 18px;
  font-style: normal;
  line-height: 1;
  background: var(--royal);
  border-radius: 50%;
  box-shadow: 0 6px 14px rgba(9, 87, 183, .2);
}

.page--three-standards .dual-copy-lockup__payoff {
  display: block;
  margin-top: 34px;
  font-size: 92px;
  line-height: 1.04;
}

.page--three-standards .dual-copy-lockup__payoff em {
  color: var(--royal);
  font-style: normal;
}