@import url('https://fonts.googleapis.com/css2?family=Caveat:wght@500&family=Cormorant+Garamond:ital,wght@0,600;1,500&family=Great+Vibes&family=Inter:wght@500;600;700&family=Noto+Sans+KR:wght@300;400;500;600;700;900&family=Noto+Serif+KR:wght@400;500;600;700&display=swap');
/* =========================================
   RESET
========================================= */
* {
  box-sizing: border-box;
}
html,
body {
  margin: 0;
  padding: 0;
  background: #171C22;
  overflow-x: hidden;
  -webkit-text-size-adjust: none;
  text-size-adjust: none;
}
body {
  font-family: "Noto Sans KR", sans-serif;
  color: #F5F6F7;
  -webkit-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
}
input,textarea,[contenteditable]:not([contenteditable="false"]),[role="textbox"] {-webkit-user-select:text;user-select:text;-webkit-touch-callout:default;}
img {-webkit-user-drag:none;}
.viewport {
  width: 100%;
  overflow: hidden;
}
.page {
  width: 900px;
  min-width: 900px;
  max-width: 900px;
  background: #171C22;
  transform-origin: top left;
}
section {
  position: relative;
  width: 900px;
  min-width: 900px;
  max-width: 900px;
  overflow: hidden;
}
.green {
  color: #BFC2C7;
}
.section-label {
  position: absolute;
  left: 60px;
  color: #BFC2C7;
  font-family: "Inter", sans-serif;
  font-size: 14px;
  line-height: 18px;
  font-weight: 600;
  letter-spacing: 0.4px;
}
.section-label.dark {
  color: #BFC2C7;
}
.site-header {display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:24px;min-height:104px;padding:16px 60px;border-bottom:1px solid #303640;background:#171C22;}
.site-brand-link {display:inline-flex;align-items:center;justify-self:start;min-height:72px;color:#BFC2C7;font:600 28px/1.5 "Cormorant Garamond",serif;letter-spacing:1px;text-decoration:none;white-space:nowrap;}
.site-categories {display:flex;align-items:center;justify-self:end;gap:24px;}
.site-categories a {display:inline-flex;align-items:center;min-height:72px;padding:10px 0;border-bottom:2px solid transparent;color:#F5F6F7;font-size:28px;line-height:1.5;font-weight:500;text-decoration:none;white-space:nowrap;}
.site-categories a:hover,.site-categories a[aria-current="page"] {border-bottom-color:#BFC2C7;}
.site-categories .site-party-link {gap:10px;min-height:60px;padding:10px 20px;border:1px solid rgba(205,175,128,.5);border-radius:999px;color:#E4CBA6;background:rgba(205,175,128,.07);font-size:24px;}
.site-categories .site-party-link:hover {border-color:#D0AE7D;background:rgba(205,175,128,.13);}
.site-party-link > span {font-size:22px;}
.site-brand-link:focus-visible,.site-categories a:focus-visible,.admission-page-footer a:focus-visible {outline:2px solid #BFC2C7;outline-offset:6px;}
.admission-page-footer {padding:0 60px 64px;text-align:center;}
.admission-page-footer a {display:inline-flex;align-items:center;gap:16px;min-height:64px;color:#F5F6F7;font-size:28px;line-height:1.6;font-weight:500;text-decoration:underline;text-underline-offset:8px;text-decoration-color:#777D85;}
/* =========================================
   01 HERO
========================================= */
.hero {
  position: relative;
  display: flex;
  align-items: flex-start;
  justify-content: center;
  height: 760px;
  padding: 64px 60px;
  background: #171C22;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
#admission-criteria {scroll-margin-top:32px;}
html {scroll-behavior:smooth;}
@media(prefers-reduced-motion:reduce) {html {scroll-behavior:auto;}}
.hero-lighting {position:absolute;inset:0;overflow:hidden;pointer-events:none;}
html.defer-backgrounds [data-lazy-background]:not(.is-background-ready) {--lazy-background-image:none;}
.hero-chandelier-photo,.hero-chandelier-video {position:absolute;left:0;top:0;width:900px;height:470px;object-fit:cover;object-position:center center;opacity:.9;-webkit-mask-image:linear-gradient(#000 0%,#000 35%,rgba(0,0,0,.65) 65%,transparent 100%);mask-image:linear-gradient(#000 0%,#000 35%,rgba(0,0,0,.65) 65%,transparent 100%);}
.hero-chandelier-video {visibility:hidden;}
.hero-lighting.is-video-playing .hero-chandelier-video {visibility:visible;}
.hero-lighting.is-video-playing .hero-chandelier-photo {visibility:hidden;}
.hero-lighting::after {content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.22),rgba(0,0,0,.48) 26%,rgba(0,0,0,.16) 48%,transparent 72%);}
.hero-photo-test .hero-chandelier-photo,.hero-photo-test .hero-chandelier-video {height:100%;opacity:1;-webkit-mask-image:none;mask-image:none;}
.hero-photo-test::after {background:linear-gradient(180deg,rgba(23,28,34,0) 42%,rgba(23,28,34,.28) 62%,rgba(23,28,34,.78) 84%,#171C22 100%),linear-gradient(180deg,rgba(0,0,0,.42),rgba(0,0,0,.55) 38%,rgba(0,0,0,.62) 100%);}
.hero-content {position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;width:100%;max-width:780px;height:100%;}
.hero.hero-video-active .hero-content {opacity:var(--hero-text-opacity,0);}
.hero .brand {
  width: 100%;
  font-family: "Cormorant Garamond", serif;
  font-size: 84px;
  line-height: 92px;
  font-weight: 600;
  letter-spacing: -1.8px;
  text-align: center;
  white-space: nowrap;
  color: #F5F6F7;
  text-shadow:0 2px 12px rgba(0,0,0,.32);
}
.hero .eyebrow {
  width: 100%;
  margin-top: auto;
  margin-bottom: 16px;
  flex-shrink: 0;
  text-align: center;
  font-family: "Caveat", cursive;
  font-size: 32px;
  line-height: 42px;
  font-weight: 500;
  letter-spacing: .4px;
  color: #E3E5E8;
  text-shadow: 0 2px 8px rgba(0,0,0,.4);
}
.hero-services {
  width: 100%;
  margin-top: 0;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 16px;
}
.hero-service {display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;min-height:96px;padding:12px 14px;border:1px solid rgba(245,246,247,.24);border-radius:14px;background:rgba(23,28,34,.585);color:#F5F6F7;text-align:center;text-decoration:none;white-space:nowrap;cursor:pointer;transition:background .18s ease,border-color .18s ease,box-shadow .18s ease;}
.hero-service:hover {border-color:rgba(245,246,247,.7);background:rgba(34,39,46,.78);box-shadow:inset 0 1px 0 rgba(245,246,247,.12);}
.hero-service:focus-visible {outline:2px solid #E3E7EC;outline-offset:5px;}
.hero-service:active {background:rgba(34,39,46,.9);}
.hero-service-label {color:#BFC2C7;font-size:18px;font-weight:400;line-height:26px;letter-spacing:.2px;}
.hero-service strong {font-size:26px;line-height:36px;font-weight:600;letter-spacing:-.6px;color:#F5F6F7;}
.hero-service-party {border-color:rgba(205,175,128,.4);}
.hero-service-party .hero-service-label {color:#D2C1A6;}
.hero-service-party strong {color:#EBDCC4;}
.hero-title {
  width: 100%;
  margin: 22px 0 0;
  font-size: 54px;
  line-height: 76px;
  font-weight: 400;
  letter-spacing: -1px;
  text-align: center;
  color: #F5F6F7;
}
.hero-title-criteria {display:block;color:#BFC2C7;font-family:"Noto Serif KR",serif;font-size:54px;line-height:76px;font-weight:500;letter-spacing:.4px;}
.hero-title-description {display:block;width:100%;margin:8px 0 0;color:#F5F6F7;font-family:"Noto Serif KR",serif;font-size:44px;line-height:64px;font-weight:500;letter-spacing:-1px;text-align:center;}
@supports ((background-clip:text) or (-webkit-background-clip:text)) {
  .hero .brand,.hero-title-criteria,.hero-title-description {
    background-image:linear-gradient(110deg,transparent 43%,rgba(245,246,247,.5) 47%,#F5F6F7 50%,rgba(245,246,247,.5) 53%,transparent 57%),linear-gradient(115deg,#777D85 0%,#F5F6F7 26%,#F5F6F7 48%,#BFC2C7 75%,#BFC2C7 100%);
    background-size:260% 100%,100% 100%;
    background-position:100% 0,0 0;
    background-repeat:no-repeat;
    background-clip:text;
    -webkit-background-clip:text;
    color:transparent;
    -webkit-text-fill-color:transparent;
    animation:hero-silver-shimmer 9s cubic-bezier(.4,0,.2,1) infinite;
    animation-delay:var(--silver-delay,0s);
  }
  .hero-title-criteria {--silver-delay:.75s;}
  .hero-title-description {--silver-delay:1.5s;}
}
@keyframes hero-silver-shimmer {
  0%,12% {background-position:100% 0,0 0;}
  48%,100% {background-position:0% 0,0 0;}
}
@media(prefers-reduced-motion:reduce) {
  .hero .brand,.hero-title-criteria,.hero-title-description {animation:none;background-position:100% 0,0 0;}
}
/* =========================================
   02 PROBLEM / DATA
========================================= */
.problem {
  padding: 78px 60px 52px;
  background: #171C22;
}
.problem-label {color:#BFC2C7;font-family:"Inter",sans-serif;font-size:14px;line-height:17px;font-weight:600;}
.problem-title {margin:34px 0 0;color:#F5F6F7;font-size:52px;line-height:58px;font-weight:700;letter-spacing:-2px;}
.problem-title-label {display:block;margin-bottom:10px;font-size:28px;line-height:40px;letter-spacing:-.6px;}
.problem-question {display:inline-block;margin-left:3px;color:#BFC2C7;font-size:1.12em;line-height:1;transform-origin:50% 80%;}
.problem-question.is-visible {animation:problem-question-boing 4.8s ease-in-out infinite;}
@keyframes problem-question-boing {
  0%,30%,100% {transform:translateY(0) rotate(0) scale(1);}
  6% {transform:translateY(-12px) rotate(-13deg) scale(1.16);}
  11% {transform:translateY(3px) rotate(10deg) scale(.97);}
  16% {transform:translateY(-6px) rotate(-7deg) scale(1.07);}
  21% {transform:translateY(1px) rotate(4deg) scale(1);}
  26% {transform:translateY(0) rotate(-2deg) scale(1);}
}
@media(prefers-reduced-motion:reduce) {.problem-question.is-visible {animation:none;transform:none;}}
.problem-description {margin:28px 0 0;color:#BFC2C7;font-size:25px;line-height:36px;font-weight:400;letter-spacing:-.8px;}
.data-carousel {margin:28px -60px 0;overflow-x:auto;overflow-y:hidden;scrollbar-width:none;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain;scroll-behavior:auto;overflow-anchor:none;cursor:grab;}
.data-carousel::-webkit-scrollbar {display:none;}
.data-carousel:active {cursor:grabbing;}
.data-carousel:focus-visible {outline:2px solid #BFC2C7;outline-offset:6px;}
.data-overview {display:flex;gap:24px;width:max-content;margin:0;padding:4px 60px;list-style:none;}
.data-card {position:relative;display:flex;flex-direction:column;flex:0 0 600px;width:600px;min-width:0;min-height:330px;padding:28px 32px;overflow:hidden;border:1px solid #3C4550;border-radius:12px;background:#242B33;user-select:none;}
.data-card-head {display:flex;align-items:baseline;justify-content:space-between;gap:16px;}
.data-index {color:#929DAA;font:500 16px/22px "Inter",sans-serif;letter-spacing:1px;}
.data-number {display:block;color:#E9ECF0;font-family:"Inter","Noto Sans KR",sans-serif;font-size:58px;line-height:64px;font-weight:700;letter-spacing:-2px;white-space:nowrap;font-variant-numeric:tabular-nums;}
.data-number > span {margin-left:3px;font-size:28px;font-weight:500;letter-spacing:-.5px;}
.data-title {margin:8px 0 0;color:#DDE2E8;font-size:26px;line-height:34px;font-weight:600;letter-spacing:-.8px;word-break:keep-all;}
.data-text {margin:4px 0 0;color:#A6AFBA;font-size:22px;line-height:30px;font-weight:400;letter-spacing:-.65px;word-break:keep-all;}
.data-stat {margin-top:auto;padding-top:12px;}
.data-stat-top {display:flex;align-items:center;justify-content:space-between;gap:12px;height:20px;margin-bottom:6px;}
.data-stat-top > span {color:#929DAA;font:400 16px/20px "Inter","Noto Sans KR",sans-serif;}
.data-stat-marker {color:#BCC7D3;font:600 18px/20px "Inter",sans-serif;white-space:nowrap;font-variant-numeric:tabular-nums;}
.progress {position:relative;width:100%;height:12px;overflow:hidden;border-radius:999px;background:#3C4652;}
.progress::after {content:"";position:absolute;left:50%;top:2px;bottom:2px;width:1px;background:rgba(233,236,240,.3);pointer-events:none;}
.progress-bar {width:var(--stat-value);height:100%;border-radius:inherit;background:#9AAABB;}
.data-stat-scale {position:relative;height:16px;margin-top:4px;color:#8B97A4;font:400 14px/16px "Inter",sans-serif;font-variant-numeric:tabular-nums;}
.data-stat-scale span {position:absolute;top:0;transform:translateX(-50%);}
.data-stat-scale span:nth-child(1) {left:0;transform:none;}
.data-stat-scale span:nth-child(2) {left:50%;}
.data-stat-scale span:nth-child(3) {left:100%;transform:translateX(-100%);}
.data-card-highlight {justify-content:space-between;gap:24px;border-color:#47423A;background:#2D2C29;}
.data-card-highlight .data-index {color:#A99C89;}
.data-card-highlight .data-title {margin-top:4px;color:#E2D8CB;}
.data-card-highlight .data-text {color:#B8AEA0;font-size:20px;line-height:28px;}
.data-cost-value {text-align:right;}
.data-cost-value .data-number {color:#D4C1A6;}
.data-card-highlight .data-number {font-size:76px;line-height:84px;}
.data-cost-exact {margin:4px 0 0;color:#B8AEA0;font:400 18px/24px "Inter","Noto Sans KR",sans-serif;letter-spacing:.2px;}
.data-carousel-tools {display:flex;align-items:center;justify-content:space-between;gap:20px;margin:18px 0 36px;}
.data-note {margin:0;color:#BFC2C7;font-size:24px;line-height:34px;font-weight:600;letter-spacing:-.5px;}
.data-carousel-toggle {flex-shrink:0;padding:10px 16px;border:1px solid #3C4550;border-radius:999px;background:transparent;color:#A6AFBA;font:400 20px/28px "Noto Sans KR",sans-serif;cursor:pointer;}
.data-carousel-toggle[hidden] {display:none;}
.data-carousel-toggle span {margin-left:6px;}
.data-carousel-toggle:focus-visible {outline:2px solid #BFC2C7;outline-offset:4px;}
@media(prefers-reduced-motion:reduce) {.data-carousel-toggle {display:none;}}
.problem-transition {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 14px;
  width: 780px;
  min-height: 174px;
  padding: 30px 34px;
  margin-bottom: 54px;
  background:
    radial-gradient(ellipse at 8% 0%, rgba(191,194,199,.12), transparent 58%),
    linear-gradient(135deg, #2A313A, #1D232B 72%);
  border-radius: 20px;
  color: #F5F6F7;
  box-shadow: inset 0 0 0 1px rgba(191,194,199,.2), 0 0 22px rgba(191,194,199,.07), 0 12px 28px rgba(0,0,0,.18);
}
.problem-transition::before,
.trust-key::before {
  content: "";
  position: absolute;
  inset: 0;
  padding: 2px;
  border-radius: inherit;
  background: linear-gradient(125deg, #F5F6F7 0%, #BFC2C7 14%, rgba(119,125,133,.35) 38%, rgba(119,125,133,.24) 65%, #BFC2C7 88%, #F5F6F7 100%);
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  mask-composite: exclude;
  pointer-events: none;
}
.problem-transition::after,
.trust-key::after {
  content: "";
  position: absolute;
  left: 0;
  top: 30px;
  bottom: 30px;
  width: 3px;
  border-radius: 3px;
  background: linear-gradient(180deg, rgba(191,194,199,.2), #F5F6F7 35%, #BFC2C7 70%, rgba(191,194,199,.2));
  box-shadow: 0 0 12px rgba(191,194,199,.3);
  pointer-events: none;
}
.problem-transition .transition-small {color:#BFC2C7;}
.problem-transition .transition-big {color:#F5F6F7;text-shadow:0 1px 8px rgba(0,0,0,.18);}
.transition-small {font-size:34px;line-height:44px;font-weight:600;letter-spacing:-.5px;}
.transition-zero {display:inline-block;color:#F5F6F7;font-family:"Inter",sans-serif;font-size:54px;line-height:1.15;font-weight:700;letter-spacing:-1.5px;vertical-align:baseline;}
.transition-big {font-family:"Noto Serif KR",serif;font-size:36px;line-height:48px;font-weight:500;letter-spacing:.3px;word-break:keep-all;}
/* 고정비 */
.cost-structure {
  position: relative;
  width: 780px;
  padding: 32px;
  display: grid;
  gap: 24px;
  background: #22272E;
  border-radius: 22px;
}
.cost-eyebrow {
  position: relative;
  color: #BFC2C7;
  font-size: 38px;
  line-height: 50px;
  font-weight: 700;
  letter-spacing: -1px;
  text-align: center;
  word-break: keep-all;
}
.cost-heading-metal {
  color: #F1E7D2;
  text-shadow: 0 1px 0 rgba(255,255,255,.16), 0 3px 5px rgba(0,0,0,.55);
}
@supports ((background-clip: text) or (-webkit-background-clip: text)) {
  .cost-heading-metal {
    background-image:
      linear-gradient(110deg, transparent 39%, rgba(255,250,231,.65) 46%, #FFFFFF 50%, rgba(245,246,247,.65) 54%, transparent 61%),
      linear-gradient(180deg, #FFFFFF 0%, #DCE1E7 22%, #F1DEAF 43%, #FFFFFF 49%, #BCC5D0 51%, #F5F6F7 66%, #E3CCA0 84%, #EEF1F5 100%);
    background-size: 300% 100%, 100% 100%;
    background-position: 100% 0, 0 0;
    background-repeat: no-repeat;
    background-clip: text;
    -webkit-background-clip: text;
    color: transparent;
    -webkit-text-fill-color: transparent;
    -webkit-text-stroke: .55px rgba(245,246,247,.48);
    animation: cost-heading-shimmer 5.8s cubic-bezier(.4,0,.2,1) infinite paused;
  }
  .cost-eyebrow.is-loop-active .cost-heading-metal {
    animation-play-state: running;
  }
}
@keyframes cost-heading-shimmer {
  0%, 8% {background-position:100% 0,0 0;filter:drop-shadow(0 0 0 rgba(241,222,175,0));}
  28% {filter:drop-shadow(0 0 7px rgba(241,222,175,.35));}
  54%, 100% {background-position:0% 0,0 0;filter:drop-shadow(0 0 0 rgba(241,222,175,0));}
}
@media (prefers-reduced-motion: reduce) {
  .cost-eyebrow .cost-heading-metal {animation:none;filter:none;}
}
.cost-heading-arrow {
  position: absolute;
  right: 0;
  top: 16px;
  width: 56px;
  height: 64px;
  fill: none;
  stroke: currentColor;
  stroke-width: 2.5;
  stroke-linecap: round;
  stroke-linejoin: round;
  pointer-events: none;
}
.cost-boxes {
  display: grid;
  gap: 16px;
}
.cost-card {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  align-items: center;
  gap: 24px;
  min-height: 124px;
  padding: 28px 32px;
  background: linear-gradient(135deg, #22272E, #323943 52%, #22272E);
  border: 1px solid #454B54;
  border-radius: 16px;
}
.cost-number,
.trust-card-number {
  display: grid;
  place-items: center;
  width: 64px;
  height: 80px;
  color: #BFC2C7;
  font-family: "Cormorant Garamond", Georgia, "Times New Roman", serif;
  font-size: 88px;
  line-height: 80px;
  font-style: italic;
  font-weight: 500;
  font-variant-numeric: lining-nums;
}
.cost-remove {
  --cost-stamp-angle: -5deg;
  position: relative;
  display: inline-block;
  padding: 10px 18px;
  border: 2px solid currentColor;
  border-radius: 3px;
  background: rgba(211,154,141,.035);
  color: #D39A8D;
  font-size: 23px;
  line-height: 32px;
  font-weight: 800;
  letter-spacing: .3px;
  white-space: nowrap;
  transform: rotate(var(--cost-stamp-angle));
  transform-origin: center;
}
.cost-remove::after {
  content: "";
  position: absolute;
  inset: 3px;
  border: 1px solid currentColor;
  border-radius: 1px;
  opacity: .45;
  pointer-events: none;
}
.cost-boxes.is-loop-active .cost-remove {
  animation: cost-stamp-impact 7s ease-out infinite both;
  animation-delay: .1s;
}
.cost-boxes.is-loop-active .cost-card:nth-child(2) .cost-remove {animation-delay:.4s;}
.cost-boxes.is-loop-active .cost-card:nth-child(3) .cost-remove {animation-delay:.7s;}
@keyframes cost-stamp-impact {
  0% {opacity:0;transform:translateY(-18px) scale(1.38) rotate(calc(var(--cost-stamp-angle) - 8deg));}
  4% {opacity:1;transform:translateY(2px) scale(.92) rotate(var(--cost-stamp-angle));}
  7% {opacity:1;transform:translateY(-1px) scale(1.045) rotate(var(--cost-stamp-angle));}
  10%,100% {opacity:1;transform:translateY(0) scale(1) rotate(var(--cost-stamp-angle));}
}
@media(prefers-reduced-motion:reduce) {
  .cost-boxes.is-loop-active .cost-remove {animation:none;}
}
.cost-label {
  color: #F5F6F7;
  font-size: 40px;
  line-height: 52px;
  font-weight: 700;
  letter-spacing: -1px;
  word-break: keep-all;
  text-decoration-line: line-through;
  text-decoration-color: rgba(191,194,199,.45);
  text-decoration-thickness: 2px;
}
.cost-result {
  position:relative;
  isolation:isolate;
  display: grid;
  grid-template-columns: auto auto minmax(0, 1fr);
  align-items: center;
  gap: 32px;
  min-height: 170px;
  padding: 30px;
  background: #171C22;
  border-radius: 16px;
  box-shadow:0 0 0 2px rgba(191,194,199,.4);
  transform-origin:center;
  animation:cost-result-glow 7.2s ease-in-out infinite paused;
}
.cost-result-orbit {position:absolute;inset:0;z-index:0;overflow:hidden;border-radius:inherit;pointer-events:none;}
.cost-result-orbit::before {content:"";position:absolute;left:50%;top:50%;width:180%;aspect-ratio:1;background:conic-gradient(from 0deg,transparent 0deg,rgba(191,194,199,.6) 55deg,transparent 105deg,transparent 200deg,rgba(245,246,247,.7) 245deg,transparent 295deg);transform:translate(-50%,-50%) rotate(0deg);animation:cost-result-orbit 7.2s linear infinite paused;}
.cost-result-orbit::after {content:"";position:absolute;inset:4px;border-radius:12px;background:radial-gradient(ellipse at 85% 50%,#343B45,#171C22 75%);}
.cost-result-sweep {position:absolute;inset:0;z-index:0;overflow:hidden;border-radius:inherit;pointer-events:none;}
.cost-result-sweep::before {content:"";position:absolute;left:0;top:-60%;width:45%;height:220%;background:linear-gradient(90deg,transparent,rgba(191,194,199,.14),rgba(191,194,199,.22),transparent);transform:translateX(-220%) skewX(-18deg);opacity:0;animation:cost-result-sweep 7.2s ease-in-out infinite paused;}
.cost-result-left,.cost-result > .equal,.cost-result-message {position:relative;z-index:1;}
.cost-result-left .small {
  color: #BFC2C7;
  font-size: 22px;
  line-height: 30px;
}
.cost-result-left .down {
  margin-top: 3px;
  color: #BFC2C7;
  font-family: "Inter", sans-serif;
  font-size: 36px;
  line-height: 44px;
  font-weight: 700;
}
.equal {
  color: #BFC2C7;
  font-size: 32px;
  line-height: 40px;
  font-weight: 700;
}
.cost-result-message {
  color: #F5F6F7;
  font-size: 32px;
  line-height: 44px;
  font-weight: 700;
  letter-spacing: -0.8px;
  word-break: keep-all;
}
.cost-result-message > span {display:block;font-size:28px;line-height:38px;font-weight:400;color:#BFC2C7;}
.cost-result-message > strong {position:relative;isolation:isolate;display:inline-block;margin-top:6px;margin-left:-8px;padding:0 8px;color:#BFC2C7;font-size:36px;line-height:50px;font-weight:700;white-space:nowrap;transform-origin:left center;animation:cost-result-message 7.2s ease-in-out infinite paused;}
.cost-result-message > strong::before {content:"";position:absolute;inset:-3px -4px;z-index:-1;border-radius:8px;background:rgba(191,194,199,.16);transform:scaleX(0);transform-origin:left;opacity:0;animation:cost-result-highlight 7.2s ease-in-out infinite paused;}
.cost-result-arrow {display:inline-block;animation:cost-result-down 7.2s ease-in-out infinite paused;}
.cost-result > .equal {animation:cost-result-equal 7.2s ease-in-out infinite paused;}
.cost-result.is-loop-active,
.cost-result.is-loop-active .cost-result-orbit::before,
.cost-result.is-loop-active .cost-result-sweep::before,
.cost-result.is-loop-active .cost-result-arrow,
.cost-result.is-loop-active > .equal,
.cost-result.is-loop-active .cost-result-message > strong,
.cost-result.is-loop-active .cost-result-message > strong::before {animation-play-state:running;}
@keyframes cost-result-orbit {to {transform:translate(-50%,-50%) rotate(360deg);}}
@keyframes cost-result-glow {
  0%,86%,100% {transform:translateY(0) scale(1);box-shadow:0 0 0 2px rgba(191,194,199,.4),0 0 10px rgba(191,194,199,.08);}
  38%,62% {transform:translateY(-2px) scale(1.015);box-shadow:0 0 0 2px rgba(191,194,199,.6),0 0 20px rgba(191,194,199,.16);}
}
@keyframes cost-result-sweep {
  0%,8% {transform:translateX(-220%) skewX(-18deg);opacity:0;}
  12% {opacity:.65;}
  52% {transform:translateX(380%) skewX(-18deg);opacity:.65;}
  60%,100% {transform:translateX(380%) skewX(-18deg);opacity:0;}
}
@keyframes cost-result-down {
  0%,36%,100% {transform:translateY(0) scale(1);text-shadow:none;}
  10% {transform:translateY(6px) scale(1.1);text-shadow:0 0 10px rgba(191,194,199,.4);}
  18% {transform:translateY(0) scale(1);text-shadow:none;}
  26% {transform:translateY(4px) scale(1.06);text-shadow:0 0 8px rgba(191,194,199,.3);}
}
@keyframes cost-result-equal {
  0%,14%,66%,100% {transform:scale(1);color:#BFC2C7;text-shadow:none;}
  26%,40% {transform:scale(1.1);color:#F5F6F7;text-shadow:0 0 12px rgba(191,194,199,.4);}
}
@keyframes cost-result-message {
  0%,22%,86%,100% {transform:scale(1);color:#BFC2C7;text-shadow:none;}
  38%,64% {transform:scale(1.02);color:#F5F6F7;text-shadow:none;}
}
@keyframes cost-result-highlight {
  0%,22%,88%,100% {transform:scaleX(0);opacity:0;}
  38%,64% {transform:scaleX(1);opacity:1;}
  76% {transform:scaleX(1);opacity:0;}
}
@media(prefers-reduced-motion:reduce) {
  .cost-result,.cost-result-orbit::before,.cost-result-sweep::before,.cost-result-arrow,.cost-result > .equal,.cost-result-message > strong,.cost-result-message > strong::before {animation:none;}
  .cost-result {transform:none;box-shadow:0 0 0 2px rgba(191,194,199,.4);}
}
.planner-overview {position:relative;margin:36px -60px -20px;padding-bottom:24px;}
.planner-scene {position:relative;aspect-ratio:4/3;}
.planner-scene-background {display:block;width:100%;height:auto;-webkit-mask-image:linear-gradient(180deg,transparent,#000 5%,#000 93%,transparent);mask-image:linear-gradient(180deg,transparent,#000 5%,#000 93%,transparent);}
.planner-service-note {position:absolute;top:10px;left:60px;z-index:1;max-width:390px;margin:0;padding-left:16px;border-left:2px solid rgba(191,194,199,.5);color:#F5F6F7;letter-spacing:-.6px;word-break:keep-all;scroll-margin-top:24px;}
.planner-service-note strong {display:block;color:#BFC2C7;font-size:26px;font-weight:600;line-height:1.4;}
.planner-service-note span {display:block;margin-top:3px;font-size:22px;font-weight:400;line-height:1.5;}
.planner-conversation {position:absolute;left:5.069444%;top:14.814815%;width:50.069444%;height:75%;display:flex;flex-direction:column;gap:13px;margin:0;padding:48px 23px 15px 29px;list-style:none;transform:rotate(-12deg);transform-origin:49.791956% 50.246914%;-webkit-user-select:text;user-select:text;}
.planner-message {position:relative;isolation:isolate;display:grid;grid-template-columns:42px minmax(0,1fr);gap:12px;padding:10px 13px;border:1px solid rgba(235,240,247,.38);border-radius:22px;box-shadow:inset 0 1px 0 rgba(255,255,255,.12),0 16px 30px rgba(0,0,0,.3);}
.planner-message::before {content:"";position:absolute;inset:0;z-index:-1;border-radius:inherit;background:linear-gradient(125deg,rgba(207,219,234,.15),rgba(22,27,34,.38));-webkit-backdrop-filter:blur(9px) saturate(120%);backdrop-filter:blur(9px) saturate(120%);pointer-events:none;}
.planner-message-avatar {position:relative;width:42px;height:42px;align-self:start;border:1px solid rgba(219,225,234,.35);border-radius:50%;background-color:#24272B;}
.planner-message-avatar > img {display:block;width:100%;height:100%;border-radius:50%;}
.planner-message-avatar-member {background-image:var(--lazy-background-image,url('images/planner-notification-conversation-v4.jpg'));background-size:822.727273% 1096.969697%;background-position:16.771488% 40.425532%;}
.planner-message-badge {position:absolute;right:-3px;bottom:-3px;display:grid;place-items:center;width:17px;height:17px;border:1px solid rgba(255,255,255,.25);border-radius:4px;background:linear-gradient(135deg,#ACF36D,#4AC839);box-shadow:0 1px 4px rgba(0,0,0,.25);}
.planner-message-badge::before {content:"";width:10px;height:8px;border-radius:50%;background:#fff;}
.planner-message-badge::after {content:"";position:absolute;left:4px;bottom:3px;width:3px;height:3px;background:#fff;transform:skewY(-30deg);}
.planner-message-content {min-width:0;}
.planner-message-meta {display:flex;align-items:baseline;justify-content:space-between;gap:8px;margin-bottom:4px;font-size:14px;line-height:1.4;}
.planner-message-meta strong {font-weight:600;color:#F5F6F7;}
.planner-message-meta > span {flex-shrink:0;font-size:10px;font-weight:400;color:#A6ACB5;}
.planner-message p {margin:0;color:#F5F6F7;font-size:15.5px;font-weight:400;line-height:1.5;letter-spacing:-.35px;text-shadow:0 1px 4px rgba(0,0,0,.4);word-break:keep-all;overflow-wrap:break-word;}
.planner-data-card {position:relative;margin:-42px 60px 0;padding:36px 40px;border:1px solid rgba(245,246,247,.65);border-radius:24px;background:linear-gradient(135deg,#F5F6F7,#D9DCE1);color:#0B0E11;box-shadow:0 18px 48px rgba(0,0,0,.25);}
.problem:has(.planner-card-signature) {overflow:visible;z-index:1;}
.planner-card-signature {position:absolute;right:-12px;bottom:-245px;width:260px;height:auto;z-index:2;pointer-events:none;filter:drop-shadow(0 1px 2px rgba(23,28,34,.5));}
.planner-data-label {margin-bottom:16px;font:500 26px/1.4 "Noto Sans KR",sans-serif;letter-spacing:.3px;color:#454B54;}
.planner-data-card h3 {margin:0 0 28px;font-family:"Noto Serif KR",serif;font-size:38px;line-height:1.5;font-weight:600;letter-spacing:-1px;word-break:keep-all;}
.planner-data-card h3:has(+ .planner-data-description) {margin-bottom:14px;font-weight:400;}
.planner-data-description {margin:0 0 28px;color:#444B54;font-family:"Noto Serif KR",serif;font-size:36px;line-height:1.5;font-weight:700;letter-spacing:-.6px;word-break:keep-all;}
.planner-data-metrics {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:0 0 28px;}
.planner-data-metrics > div {position:relative;min-width:0;--metric-shine-delay:0s;}
.planner-data-metrics > div:nth-child(2) {--metric-shine-delay:.8s;}
.planner-data-metrics > div:nth-child(3) {--metric-shine-delay:1.6s;}
.planner-data-metrics > div + div {padding-left:18px;border-left:1px solid rgba(69,75,84,.18);}
.planner-data-metrics dt {font-size:22px;line-height:1.5;font-weight:400;color:#454B54;white-space:nowrap;}
.planner-data-metrics dd {margin:8px 0 0;font:600 40px/1.2 Inter,"Noto Sans KR",sans-serif;letter-spacing:-1px;white-space:nowrap;}
.planner-data-metrics dd span {margin-left:4px;font:500 20px/1.2 "Noto Sans KR",sans-serif;letter-spacing:-.5px;}
.planner-data-metrics dd.planner-rating {background:none;color:#0B0E11;animation:none;}
.planner-data-metrics .planner-rating-stars {display:inline-flex;gap:0;margin:0;font:400 28px/1.72 "Noto Sans KR",sans-serif;letter-spacing:0;color:#0B0E11;}
.planner-data-metrics .planner-rating-star {position:relative;display:inline-block;margin:0;font:inherit;letter-spacing:0;transform-origin:center;animation:planner-rating-pop 3.4s ease-in-out infinite paused;}
.planner-rating-star:nth-child(2) {animation-delay:.22s;}
.planner-rating-star:nth-child(3) {animation-delay:.44s;}
.planner-rating-star:nth-child(4) {animation-delay:.66s;}
.planner-rating-star:nth-child(5) {animation-delay:.88s;}
.planner-rating-star.is-half {color:#A6ACB5;}
.planner-rating-star.is-half::before {content:"★";position:absolute;inset:0 auto 0 0;width:50%;overflow:hidden;color:#0B0E11;}
.planner-data-metrics.is-loop-active .planner-rating-star {animation-play-state:running;}
@keyframes planner-rating-pop {0%,20%,100% {transform:scale(1);} 9% {transform:scale(1.28);} 15% {transform:scale(.96);}}
@media(prefers-reduced-motion:reduce) {.planner-data-metrics .planner-rating-star {animation:none;}}
.planner-data-metrics dt {animation:planner-metric-label-shine 5.6s ease-in-out var(--metric-shine-delay) infinite paused;}
.planner-data-metrics > div::after {content:"";position:absolute;top:48px;right:8px;width:16px;height:16px;background:#F5F6F7;clip-path:polygon(50% 0,60% 40%,100% 50%,60% 60%,50% 100%,40% 60%,0 50%,40% 40%);filter:drop-shadow(0 0 5px rgba(69,75,84,.6));opacity:0;pointer-events:none;animation:planner-metric-glint 5.6s ease-in-out var(--metric-shine-delay) infinite paused;}
.planner-data-metrics.is-loop-active dt,.planner-data-metrics.is-loop-active > div::after {animation-play-state:running;}
@supports ((background-clip:text) or (-webkit-background-clip:text)) {
 .planner-data-metrics dd {background-image:linear-gradient(110deg,#171C22 0%,#171C22 40%,#454B54 46%,#BFC2C7 49%,#F5F6F7 50%,#BFC2C7 51%,#454B54 54%,#171C22 60%,#171C22 100%);background-size:300% 100%;background-position:100% 50%;background-clip:text;-webkit-background-clip:text;color:transparent;animation:planner-metric-chrome 5.6s ease-in-out var(--metric-shine-delay) infinite paused;}
 .planner-data-metrics.is-loop-active dd {animation-play-state:running;}
}
@keyframes planner-metric-chrome {0%,6% {background-position:100% 50%;} 30%,100% {background-position:0% 50%;}}
@keyframes planner-metric-label-shine {0%,6%,32%,100% {color:#454B54;text-shadow:none;} 17%,22% {color:#0B0E11;text-shadow:0 0 10px rgba(245,246,247,.95),0 0 18px rgba(245,246,247,.8);}}
@keyframes planner-metric-glint {0%,10%,34%,100% {opacity:0;transform:scale(.35) rotate(-20deg);} 20% {opacity:1;transform:scale(1.2) rotate(0deg);} 27% {opacity:.65;transform:scale(.75) rotate(20deg);}}
@media(prefers-reduced-motion:reduce) {
 .planner-data-metrics dt,.planner-data-metrics dd,.planner-data-metrics > div::after {animation:none;}
 .planner-data-metrics dd {background:none;color:#0B0E11;}
 .planner-data-metrics > div::after {display:none;}
}
.planner-data-hours {display:grid;grid-template-columns:160px minmax(0,1fr);gap:16px;margin:0;padding-top:22px;border-top:1px solid rgba(69,75,84,.18);font-size:28px;line-height:1.6;}
.planner-data-hours dt {color:#454B54;}
.planner-data-hours dd {margin:0;font-weight:500;}
.planner-replies {display:grid;gap:14px;list-style:none;margin:28px 0 0;padding:24px 0 0;border-top:1px solid rgba(69,75,84,.18);}
.planner-replies li {min-width:0;padding:20px 24px;border:1px solid rgba(69,75,84,.1);border-radius:18px 18px 18px 4px;background:rgba(245,246,247,.55);}
.planner-replies blockquote {display:flex;align-items:baseline;gap:14px;min-width:0;margin:0;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:transparent transparent;}
.planner-replies blockquote::-webkit-scrollbar {height:4px;}
.planner-replies blockquote::-webkit-scrollbar-thumb {border-radius:4px;background:transparent;}
.planner-replies blockquote::-webkit-scrollbar-track {background:transparent;}
.planner-replies blockquote:focus-visible {outline:2px solid #777D85;outline-offset:6px;border-radius:3px;}
.planner-reply-label {flex-shrink:0;font:500 20px/1.65 Inter,sans-serif;letter-spacing:.4px;color:#777D85;}
.planner-replies p {flex:0 0 auto;margin:0;font-size:27px;font-weight:400;line-height:1.65;letter-spacing:-.4px;color:#303640;white-space:nowrap;}
.planner-data-enquiry {display:flex;align-items:center;justify-content:center;gap:20px;width:fit-content;max-width:100%;min-height:90px;margin:30px auto 0;padding:18px 32px;border:0;border-radius:999px;background:rgba(190,151,92,.14);color:#805F32;font-size:26px;font-weight:600;line-height:1.4;letter-spacing:-.5px;text-decoration:none;transition:background .2s ease;}
.planner-data-enquiry > span {display:flex;align-items:center;justify-content:center;width:36px;height:36px;border:0;border-radius:50%;background:rgba(190,151,92,.2);font-size:24px;color:#805F32;}
.planner-data-enquiry:hover {background:rgba(190,151,92,.22);}
.planner-data-enquiry:focus-visible {outline:2px solid #805F32;outline-offset:5px;}
@media(prefers-reduced-motion:reduce) {.planner-data-enquiry {transition:none;}}
/* =========================================
   03 TRUST
========================================= */
.trust {
  padding: 769px 60px 52px;
  background: #171C22;
}
.trust-brand {
  position: absolute;
  left: 60px;
  top: 74px;
  font-family: "Cormorant Garamond", serif;
  font-size: 36px;
  line-height: 42px;
  font-weight: 600;
  color: #F5F6F7;
}
.trust-label {
  position: absolute;
  left: 60px;
  top: 136px;
  font-family: "Inter", sans-serif;
  font-size: 14px;
  line-height: 18px;
  font-weight: 600;
  color: #BFC2C7;
}
.trust-title {
  position: absolute;
  left: 60px;
  top: 190px;
  width: 780px;
  margin: 0;
  font-size: 50px;
  line-height: 66px;
  font-weight: 700;
  letter-spacing: -2px;
  color: #F5F6F7;
  word-break: keep-all;
}
.trust-title-intro {
  display: block;
  font-size: 40px;
  line-height: 56px;
  letter-spacing: -1.4px;
}
.trust-title-question {
  display: block;
  margin-top: 28px;
}
.trust-title-emphasis {
  display: block;
  margin-top: 6px;
  color: #BFC2C7;
  font-size: 64px;
  line-height: 80px;
  font-weight: 900;
  white-space: nowrap;
}
.trust-description {
  position: absolute;
  left: 60px;
  top: 454px;
  margin: 0;
  font-size: 24px;
  line-height: 36px;
  color: #A6ACB5;
}
.trust-key {
  position: absolute;
  left: 60px;
  top: 551px;
  width: 780px;
  height: 164px;
  padding: 28px 30px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  background:
    radial-gradient(ellipse at 8% 0%, rgba(191,194,199,.12), transparent 58%),
    linear-gradient(135deg, #2A313A, #1D232B 72%);
  border-radius: 20px;
  color: #F5F6F7;
  box-shadow: inset 0 0 0 1px rgba(191,194,199,.2), 0 0 22px rgba(191,194,199,.07), 0 12px 28px rgba(0,0,0,.18);
}
.trust-key-label {
  color: #BFC2C7;
  font-family: "Inter", sans-serif;
  font-size: 12px;
  line-height: 16px;
  font-weight: 700;
}
.trust-key-title {
  margin-top: 20px;
  font-family: "Noto Serif KR", serif;
  font-size: 29px;
  line-height: 42px;
  font-weight: 500;
  letter-spacing: .3px;
  word-break: keep-all;
  text-shadow: 0 1px 8px rgba(0,0,0,.18);
}
.trust-profile-pair {position:relative;margin:0 0 42px;overflow:hidden;border-radius:22px;}
.trust-profile-pair img {display:block;width:100%;height:auto;}
.trust-profile-keywords {position:absolute;inset:0;margin:0;padding:0;list-style:none;pointer-events:none;}
.trust-profile-keyword {position:absolute;padding:10px 20px;border:1px solid rgba(245,246,247,.7);border-radius:999px;background:rgba(23,28,34,.9);box-shadow:0 5px 18px rgba(0,0,0,.18);color:#F5F6F7;font-size:26px;line-height:1.3;font-weight:500;white-space:nowrap;opacity:0;transform:translate(var(--keyword-x,0px),var(--keyword-y,4px)) scale(.94);animation:trust-keyword-pop 6s ease-in-out var(--keyword-delay,0s) infinite paused;}
.trust-profile-pair.is-loop-active .trust-profile-keyword {animation-play-state:running;}
.keyword-finance {top:20%;right:5%;--keyword-delay:0s;}
.keyword-appearance {top:35%;left:3%;--keyword-delay:3s;border-color:rgba(224,189,137,.8);color:#F6DDB4;}
.keyword-identity {bottom:10%;right:8%;--keyword-delay:0s;}
.trust-profile-keyword.keyword-job {padding:6px 12px;border-color:rgba(255,255,255,.5);background:rgba(245,246,247,.9);color:#454B54;font-size:21px;font-weight:500;}
@keyframes trust-keyword-pop {
  0%,44%,100% {opacity:0;transform:translate(var(--keyword-x,0px),var(--keyword-y,4px)) scale(.94);}
  5% {opacity:1;transform:translate(0,0) scale(1.025);}
  9%,36% {opacity:1;transform:translate(0,0) scale(1);}
}
@media(prefers-reduced-motion:reduce) {.trust-profile-keyword {animation:none;opacity:1;transform:none;} .keyword-job {display:none;}}
.trust-cards {
  display: grid;
  width: min(700px, 100%);
  margin-inline: auto;
  gap: 18px;
}
.trust-card {
  position: relative;
  padding: 28px;
  background: linear-gradient(135deg, #22272E, #2D343D 52%, #22272E);
  border: 1px solid #454B54;
  border-radius: 18px;
}
.trust-card-art {
  position: absolute;
  right: 18px;
  top: 20px;
  width: 84px;
  height: 84px;
  object-fit: contain;
  opacity: .85;
  filter: drop-shadow(0 6px 12px rgba(0,0,0,.3));
  pointer-events: none;
}
.trust-card-heading {
  display: flex;
  align-items: center;
  gap: 18px;
}
.trust-card-number {
  flex-shrink: 0;
}
.trust-card h3 {
  min-width: 0;
  margin: 0;
  font-size: 46px;
  line-height: 62px;
  font-weight: 700;
  letter-spacing: -0.9px;
  color: #F5F6F7;
  word-break: keep-all;
}
.trust-card h3.trust-card-feature-title {
  font-weight: 400;
}
.trust-card-title-support {
  color: #A6ACB5;
  font-size: 30px;
  line-height: 40px;
  font-weight: 400;
  letter-spacing: -0.5px;
  white-space: nowrap;
}
.trust-card-feature-title strong {
  font-weight: 700;
  white-space: nowrap;
}
.nowrap {
  display: block;
  white-space: nowrap;
  padding-left: 15px;
}
.trust-card p {
  margin: 14px 0 0 82px;
  font-size: 32px;
  line-height: 44px;
  font-weight: 300;
  letter-spacing: -0.6px;
  color: #F5F6F7;
  word-break: keep-all;
}
.service-equation {
  position: relative;
  margin-top: 32px;
  width: 780px;
  padding: 40px 32px;
  text-align: center;
  background:
    linear-gradient(
      180deg,
      rgba(23,28,34,0.765) 0%,
      rgba(23,28,34,0.675) 55%,
      rgba(23,28,34,0.815) 100%
    ),
    var(--lazy-background-image,url("images/new-model-bg-v1.jpg")) center 45% / cover no-repeat,
    #171C22;
  border: 1px solid #303640;
  border-radius: 22px;
}
.equation-label {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
  color: #BFC2C7;
  font-family: "Inter", sans-serif;
  font-size: 20px;
  line-height: 26px;
  font-weight: 500;
  letter-spacing: 2px;
}
.equation-label::before,
.equation-label::after {
  content: "";
  width: 24px;
  height: 1px;
  background: currentColor;
}
.equation-title {
  margin: 18px 0 24px;
  color: #F5F6F7;
  font-size: 48px;
  line-height: 62px;
  font-weight: 600;
  letter-spacing: -1.2px;
  word-break: keep-all;
}
.equation-title-intro {
  display: block;
  margin-bottom: 6px;
  color: #BFC2C7;
  font-size: 32px;
  line-height: 44px;
  font-weight: 400;
  letter-spacing: -0.6px;
}
.equation-benefits {
  position: relative;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 36px;
  padding: 20px 0;
  overflow: hidden;
  background: rgba(23,28,34,0.555);
  border: 1px solid rgba(191, 194, 199, 0.2);
  border-radius: 18px;
}
.equation-benefit {
  min-width: 0;
  padding: 16px 20px;
  text-align: center;
}
.equation-benefit:first-child {
  --equation-entry-x: -100px;
}
.equation-benefit:last-child {
  --equation-entry-x: 100px;
}
.equation-benefits.reveal-ready {
  opacity: 1;
  transform: none;
  transition: none;
}
.equation-benefits.reveal-ready .equation-benefit {
  opacity: 0;
  transform: translate3d(var(--equation-entry-x), 0, 0);
  transition:
    opacity 0.8s ease,
    transform 0.95s cubic-bezier(0.22, 1, 0.36, 1);
}
.equation-benefits.reveal-ready.is-visible .equation-benefit {
  opacity: 1;
  transform: translate3d(0, 0, 0);
}
.equation-benefit h4 {
  margin: 0;
  color: #F5F6F7;
  font-size: 34px;
  line-height: 46px;
  font-weight: 600;
  letter-spacing: -0.8px;
  white-space: nowrap;
}
.equation-benefit p {
  margin: 10px 0 0;
  color: #BFC2C7;
  font-size: 26px;
  line-height: 38px;
  font-weight: 300;
  letter-spacing: -0.5px;
  word-break: keep-all;
}
.equation-join {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 36px;
  transform: translate(-50%, -50%);
  color: #BFC2C7;
  font-family: "Inter", sans-serif;
  font-size: 38px;
  line-height: 48px;
  font-weight: 400;
  text-align: center;
}
.equation-benefits.reveal-ready .equation-join {
  opacity: 0;
  transform: translate(-50%, -50%) scale(0.7);
  transition: opacity 0.45s ease 0.35s, transform 0.55s ease 0.35s;
}
.equation-benefits.reveal-ready.is-visible .equation-join {
  opacity: 1;
  transform: translate(-50%, -50%) scale(1);
  animation: equation-join-glow 0.7s ease 0.7s both;
}
@keyframes equation-join-glow {
  0%, 100% { text-shadow: 0 0 0 transparent; }
  45% { text-shadow: 0 0 18px rgba(191, 194, 199, 0.6); }
}
.equation-overhead {
  margin-top: 24px;
}
.equation-overhead-title {
  margin: 0;
  text-align: center;
  color: #BFC2C7;
  font-size: 30px;
  line-height: 44px;
  font-weight: 500;
  letter-spacing: -0.5px;
}
.equation-minus {
  display: block;
  width: 2px;
  height: 32px;
  margin: 0 auto 12px;
  background: #BFC2C7;
  border-radius: 2px;
}
.equation-expenses {
  margin-top: 18px;
  overflow: hidden;
  -webkit-mask-image: linear-gradient(to right, transparent, #000 5%, #000 95%, transparent);
  mask-image: linear-gradient(to right, transparent, #000 5%, #000 95%, transparent);
}
.equation-expenses-track {
  display: flex;
  width: max-content;
  animation: equation-expenses-drift 24s linear infinite;
  will-change: transform;
}
.equation-expense-group {
  display: flex;
  flex-shrink: 0;
  gap: 14px;
  padding-right: 14px;
}
.equation-expense {
  display: grid;
  place-items: center;
  flex-shrink: 0;
  width: 180px;
  height: 76px;
  padding: 12px;
  border: 1px solid #303640;
  border-radius: 14px;
  background: #22272E;
  color: #BFC2C7;
  font-size: 28px;
  line-height: 40px;
  font-weight: 400;
  letter-spacing: -0.5px;
  white-space: nowrap;
}
.equation-expense:nth-child(1) {
  color: #D9DCE1;
  border-color: #535A64;
  background: #323943;
}
.equation-expense:nth-child(2) {
  color: #F5F6F7;
  border-color: #656D78;
  background: #323840;
}
.equation-expense:nth-child(3) {
  color: #BFC2C7;
  border-color: #777D85;
  background: #24282E;
}
.equation-expense:nth-child(4) {
  color: #F5F6F7;
  border-color: #838A94;
  background: #3A4049;
}
.equation-expense:nth-child(5) {
  color: #D9DCE1;
  border-color: #5D646F;
  background: #2B3037;
}
.equation-expenses:hover .equation-expenses-track {
  animation-play-state: paused;
}
@keyframes equation-expenses-drift {
  from { transform: translateX(0); }
  to { transform: translateX(-50%); }
}
@media (prefers-reduced-motion: reduce) {
  .equation-benefits.reveal-ready .equation-benefit {
    opacity: 1;
    transform: none;
    transition: none;
  }
  .equation-benefits.reveal-ready .equation-join,
  .equation-benefits.reveal-ready.is-visible .equation-join {
    opacity: 1;
    transform: translate(-50%, -50%);
    transition: none;
    animation: none;
  }
  .equation-expenses {
    overflow: visible;
    -webkit-mask-image: none;
    mask-image: none;
  }
  .equation-expenses-track {
    width: auto;
    animation: none;
    will-change: auto;
  }
  .equation-expense-group {
    width: 100%;
    flex-wrap: wrap;
    padding-right: 0;
  }
  .equation-expense-group[aria-hidden="true"] {
    display: none;
  }
}
.equation-result {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 12px;
  margin-top: 24px;
}
.equation-equal {
  display: flex;
  justify-content: center;
  gap: 8px;
  width: 12px;
  height: 28px;
  color: #BFC2C7;
}
.equation-equal::before,
.equation-equal::after {
  content: "";
  display: block;
  width: 2px;
  height: 28px;
  background: currentColor;
  border-radius: 2px;
}
.equation-message {
  min-width: 0;
  color: #BFC2C7;
  font-size: 36px;
  line-height: 48px;
  font-weight: 400;
  letter-spacing: -1px;
  word-break: keep-all;
}
.equation-message-intro {
  display: block;
  color: #BFC2C7;
  font-size: 26px;
  line-height: 38px;
  font-weight: 300;
  letter-spacing: -0.5px;
}
.equation-message strong {
  display: block;
  color: #BFC2C7;
  font-weight: 700;
}
.trust-closing {
  position: relative;
  margin-top: 40px;
  width: 780px;
}
.trust-closing h3 {
  margin: 0 0 20px;
  color: #F5F6F7;
  font-size: 38px;
  line-height: 52px;
  font-weight: 700;
  letter-spacing: -0.9px;
  word-break: keep-all;
}
.trust-closing .member-admission {margin:0 0 26px;color:#F5F6F7;font-size:30px;line-height:44px;font-weight:500;letter-spacing:-.6px;}
.member-admission strong {color:#BFC2C7;font-weight:600;}
.trust-closing .member-admission-note {margin:12px 0 0;color:#777D85;font-size:16px;line-height:24px;font-weight:300;letter-spacing:-.2px;text-align:center;white-space:nowrap;}
.member-types {
  display: grid;
  gap: 24px;
  padding: 32px;
  background: #22272E;
  border: 1px solid #454B54;
  border-radius: 24px;
}
.member-type + .member-type {
  padding-top: 24px;
  border-top: 1px solid #303640;
}
.member-type-heading {
  display: flex;
  align-items: center;
  gap: 14px;
  margin-bottom: 12px;
  color: #BFC2C7;
  font-size: 28px;
  line-height: 40px;
  font-weight: 600;
  letter-spacing: -0.5px;
}
.member-type-label {flex-shrink:0;white-space:nowrap;}
.member-criteria-link {
  flex-shrink: 0;
  margin-left: auto;
  padding: 8px 16px;
  color: #E3E5E8;
  background: rgba(191, 194, 199, 0.06);
  border: 1px solid #626872;
  border-radius: 10px;
  font-size: 24px;
  line-height: 36px;
  font-weight: 500;
  text-decoration: none;
  white-space: nowrap;
}
.member-criteria-link:hover {background:rgba(191,194,199,.14);border-color:#BFC2C7;}
.member-criteria-link:focus-visible {outline:2px solid #E3E5E8;outline-offset:4px;}
.member-type-note {flex:1;min-width:0;color:#777D85;font-size:16px;line-height:24px;font-weight:300;letter-spacing:-.2px;word-break:keep-all;}
.member-importance {
  display: inline-flex;
  flex-shrink: 0;
  align-items: center;
  gap: 6px;
  padding: 3px 10px;
  color: #BFC2C7;
  background: rgba(191, 194, 199, 0.08);
  border-radius: 8px;
  font-size: 22px;
  line-height: 30px;
  font-weight: 500;
}
.member-importance svg {
  width: 24px;
  height: 24px;
  flex-shrink: 0;
}
.trust-closing p {
  margin: 0;
  color: #F5F6F7;
  font-size: 32px;
  line-height: 52px;
  font-weight: 400;
  letter-spacing: -0.6px;
  word-break: keep-all;
}
.member-type {
  min-width: 0;
}
.member-marquee {
  overflow: hidden;
  -webkit-mask-image: linear-gradient(to right, transparent, #000 4%, #000 96%, transparent);
  mask-image: linear-gradient(to right, transparent, #000 4%, #000 96%, transparent);
}
.member-marquee-track {
  --member-keyword-gap: 20px;
  display: flex;
  width: max-content;
  animation: member-types-drift 30s linear infinite;
  will-change: transform;
}
.member-marquee-track p {
  display: flex;
  align-items: center;
  gap: var(--member-keyword-gap);
  flex-shrink: 0;
  padding-right: var(--member-keyword-gap);
  font-size: 29px;
  white-space: nowrap;
}
.member-keyword {
  display: inline-flex;
  align-items: center;
  flex-shrink: 0;
  padding: 8px 16px;
  border: 1px solid rgba(170,190,217,.3);
  border-radius: 18px;
  background: linear-gradient(135deg, rgba(120,152,191,.19), rgba(84,109,140,.09));
  color: #DCE7F5;
  box-shadow: inset 0 1px 0 rgba(245,246,247,.08);
  white-space: nowrap;
}
.member-type-economic .member-keyword:nth-child(even) {
  background: linear-gradient(135deg, rgba(151,172,200,.15), rgba(111,133,162,.07));
}
.member-type-appearance .member-keyword {
  border-color: rgba(205,175,190,.3);
  background: linear-gradient(135deg, rgba(180,138,158,.18), rgba(127,103,123,.08));
  color: #F0E1E9;
}
.member-type-appearance .member-keyword:nth-child(even) {
  background: linear-gradient(135deg, rgba(197,164,182,.14), rgba(150,120,137,.07));
}
.member-type:last-child .member-marquee-track {
  animation-duration: 36s;
}
@keyframes member-types-drift {
  from { transform: translateX(0); }
  to { transform: translateX(-50%); }
}
@media (prefers-reduced-motion: reduce) {
  .member-marquee {
    overflow: visible;
    -webkit-mask-image: none;
    mask-image: none;
  }
  .member-marquee-track {
    width: auto;
    animation: none;
    will-change: auto;
  }
  .member-marquee-track p {
    flex-wrap: wrap;
    width: 100%;
    padding-right: 0;
    white-space: normal;
  }
  .member-marquee-track p[aria-hidden="true"] {
    display: none;
  }
}
/* =========================================
   05 MANAGER
========================================= */
.manager {
  padding: 691px 60px 52px;
  background:
    radial-gradient(ellipse 540px 580px at 100% 18%, rgba(246,205,145,.12), transparent 72%),
    linear-gradient(180deg, rgba(23,28,34,0.795) 0%, rgba(23,28,34,0.755) 28%, rgba(23,28,34,0.805) 62%, #171C22 96%),
    var(--lazy-background-image,url("images/manager-values-bg-v1.jpg")) center top / 100% auto no-repeat,
    #171C22;
  color: #F5F6F7;
}
.manager .section-label {
  top: 73px;
}
.manager h2 {
  position: absolute;
  left: 60px;
  top: 117px;
  width: 780px;
  margin: 0;
  font-size: 48px;
  line-height: 82px;
  font-weight: 700;
  letter-spacing: -1.8px;
  word-break: keep-all;
}
.manager-title-line {
  display: block;
}
.manager-title-emphasis {
  font-size: 68px;
  line-height: 1;
  font-weight: 900;
}
.chat {
  position: absolute;
  width: 630px;
  padding: 25px 28px;
  border-radius: 20px;
}
.chat-member {
  left: 60px;
  top: 317px;
  background: #343B45;
}
.chat-manager {
  color: #0B0E11;
  right: 60px;
  top: 481px;
  background: linear-gradient(115deg, #777D85 0%, #BFC2C7 24%, #F5F6F7 48%, #BFC2C7 73%, #777D85 100%);
}
.chat-name {
  margin-bottom: 10px;
  font-size: 13px;
  line-height: 18px;
  font-weight: 700;
}
.chat p {
  margin: 0;
  font-size: 17px;
  line-height: 28px;
}
.manager-divider {
  position: absolute;
  left: 60px;
  top: 659px;
  width: 780px;
  height: 1px;
  background: #454B54;
}
.manager-steps {
  margin: 0;
  padding: 0;
  list-style: none;
}
.manager-step {
  position: relative;
  display: grid;
  grid-template-columns: 64px minmax(0, 1fr);
  gap: 24px;
  padding: 24px 0;
}
.manager-step:not(:last-child)::after {
  content: "";
  position: absolute;
  left: 31px;
  top: 96px;
  bottom: -16px;
  width: 2px;
  border-radius: 2px;
  background: linear-gradient(180deg, rgba(191,194,199,.5), rgba(245,246,247,.8) 48%, rgba(191,194,199,.5));
  box-shadow: 0 0 8px rgba(191,194,199,.12);
}
.step-number {
  position: relative;
  z-index: 1;
  display: grid;
  place-items: center;
  align-self: start;
  width: 64px;
  height: 80px;
  margin-top: -8px;
  color: #BFC2C7;
  background: transparent;
  font-family: "Cormorant Garamond", Georgia, "Times New Roman", serif;
  font-size: 76px;
  line-height: 80px;
  font-style: italic;
  font-weight: 500;
  font-variant-numeric: lining-nums;
}
.step-copy {
  min-width: 0;
}
.step-copy h3 {
  margin: 0 0 12px;
  color: #F5F6F7;
  font-size: 40px;
  line-height: 54px;
  font-weight: 400;
  letter-spacing: -1px;
  word-break: keep-all;
}
.step-copy h3 strong {
  font-weight: 700;
}
.step-copy p {
  margin: 0;
  color: #BFC2C7;
  font-size: 28px;
  line-height: 46px;
  font-weight: 400;
  letter-spacing: -0.6px;
  word-break: keep-all;
}
.manager-match-summary {position:relative;margin-top:32px;padding:30px 24px;background:#22272E;border:1px solid #454B54;border-radius:22px;}
.manager-summary-signature {position:absolute;right:24px;bottom:4px;color:rgba(191,194,199,.8);font:500 24px/1 "Caveat",cursive;letter-spacing:.6px;white-space:nowrap;pointer-events:none;}
.manager-match-flow {position:relative;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:0;padding:0;list-style:none;}
.manager-match-flow::before,.manager-match-flow::after {content:"";position:absolute;left:12.5%;right:12.5%;top:21px;height:4px;border-radius:4px;}
.manager-match-flow::before {background:#737C88;}
.manager-match-flow::after {background:linear-gradient(90deg,#D9DCE1,#F5F6F7);box-shadow:0 0 8px rgba(245,246,247,.65),0 0 16px rgba(191,194,199,.3);transform:scaleX(0);transform-origin:left;}
.manager-flow-step {position:relative;z-index:1;min-width:0;text-align:center;}
.manager-flow-step:not(:last-child)::after {content:"→";position:absolute;right:-16px;top:3px;width:18px;background:#22272E;color:#BFC2C7;font-size:22px;line-height:38px;}
.manager-flow-icon {display:grid;place-items:center;width:44px;height:44px;margin:0 auto 12px;background:#22272E;color:#BFC2C7;}
.manager-flow-icon svg {width:36px;height:36px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;}
.manager-flow-label {display:block;font-size:25px;font-weight:500;line-height:1.5;letter-spacing:-.7px;color:#F5F6F7;white-space:nowrap;}
.manager-no-ranks {margin:24px 0 0;padding-top:24px;border-top:1px solid #454B54;text-align:center;word-break:keep-all;}
.manager-no-ranks strong {display:inline-block;color:#F5F6F7;font-size:42px;font-weight:700;line-height:1.4;letter-spacing:-1.3px;background:linear-gradient(transparent 80%, rgba(119,125,133,.65) 80%, rgba(119,125,133,.65) 94%, transparent 94%);}
.manager-no-ranks span {display:block;margin-top:8px;font-size:28px;font-weight:400;line-height:1.6;letter-spacing:-.6px;color:#BFC2C7;}
.manager-match-summary.is-visible .manager-match-flow::after {animation:manager-flow-progress 8s ease infinite;}
.manager-match-summary.is-visible .manager-flow-icon svg {animation-duration:8s;animation-timing-function:ease;animation-iteration-count:infinite;}
.manager-match-summary.is-visible .manager-flow-step:nth-child(1) .manager-flow-icon svg {animation-name:manager-flow-first;}
.manager-match-summary.is-visible .manager-flow-step:nth-child(2) .manager-flow-icon svg {animation-name:manager-flow-second;}
.manager-match-summary.is-visible .manager-flow-step:nth-child(3) .manager-flow-icon svg {animation-name:manager-flow-third;}
.manager-match-summary.is-visible .manager-flow-step:nth-child(4) .manager-flow-icon svg {animation-name:manager-flow-final;}
@keyframes manager-flow-progress {
  0%,12% {transform:scaleX(0);opacity:.6;}
  34% {transform:scaleX(.3333);opacity:1;}
  56% {transform:scaleX(.6667);opacity:1;}
  78%,90% {transform:scaleX(1);opacity:1;}
  100% {transform:scaleX(1);opacity:0;}
}
@keyframes manager-flow-first {0%,4%,100% {opacity:.35;transform:scale(.94);} 12%,90% {opacity:1;transform:scale(1);}}
@keyframes manager-flow-second {0%,26%,100% {opacity:.35;transform:scale(.94);} 34%,90% {opacity:1;transform:scale(1);}}
@keyframes manager-flow-third {0%,48%,100% {opacity:.35;transform:scale(.94);} 56%,90% {opacity:1;transform:scale(1);}}
@keyframes manager-flow-final {0%,70%,100% {opacity:.35;transform:scale(.94);} 78% {opacity:1;transform:scale(1.18);} 84%,90% {opacity:1;transform:scale(1);}}
@media(prefers-reduced-motion:reduce) {
  .manager-match-summary.is-visible .manager-match-flow::after {animation:none;transform:scaleX(1);opacity:.5;}
  .manager-match-summary.is-visible .manager-flow-step:nth-child(n) .manager-flow-icon svg {animation:none;opacity:1;transform:none;}
}
/* =========================================
   10 BEYOND
========================================= */
.beyond {
  height: 400px;
  background: #171C22;
}
.beyond .section-label {
  top: 70px;
}
.beyond h2 {
  position: absolute;
  left: 60px;
  top: 114px;
  margin: 0;
  font-size: 50px;
  line-height: 60px;
  font-weight: 700;
}
.beyond-description {
  position: absolute;
  left: 60px;
  top: 266px;
  width: 760px;
  margin: 0;
  color: #A6ACB5;
  font-size: 18px;
  line-height: 30px;
}
.question-list {
  position: absolute;
  left: 60px;
  top: 390px;
  width: 780px;
}
.question-item {
  height: 87px;
  display: flex;
  align-items: center;
  border-top: 1px solid #303640;
}
.question-item:last-child {
  border-bottom: 1px solid #303640;
}
.question-item span {
  width: 75px;
  color: #BFC2C7;
  font-family: "Inter", sans-serif;
  font-size: 13px;
  font-weight: 700;
}
.question-item strong {
  color: #F5F6F7;
  font-size: 21px;
  font-weight: 600;
  letter-spacing: -0.5px;
}
/* =========================================
   12 BRAND STATEMENT
========================================= */
.brand-statement {
  height: 645px;
  background: #171C22;
}
.brand-statement .section-label {
  top: 72px;
}
.brand-statement h2 {
  position: absolute;
  left: 60px;
  top: 133px;
  margin: 0;
  color: #F5F6F7;
  font-size: 47px;
  line-height: 58px;
  font-weight: 700;
}
.brand-statement h2.brand-green {
  top: 197px;
  color: #BFC2C7;
}
.brand-statement > p {
  position: absolute;
  left: 60px;
  top: 302px;
  width: 760px;
  margin: 0;
  color: #A6ACB5;
  font-size: 18px;
  line-height: 30px;
}
.brand-ending {
  position: absolute;
  left: 60px;
  top: 430px;
  width: 780px;
  padding-top: 31px;
  border-top: 1px solid #303640;
  color: #F5F6F7;
  font-size: 30px;
  line-height: 44px;
  font-weight: 700;
}
/* =========================================
   13 CTA
========================================= */
.cta {
  position: relative;
  height: 937px;
  background: #171C22;
  color: #F5F6F7;
}
.cta-brand {
  position: absolute;
  left: 60px;
  top: 66px;
  font-family: "Cormorant Garamond", serif;
  font-size: 36px;
  line-height: 42px;
  font-weight: 600;
}
.cta h2 {
  position: absolute;
  left: 60px;
  top: 142px;
  margin: 0;
  font-family: "Noto Serif KR", serif;
  font-size: 54px;
  line-height: 65px;
  font-weight: 600;
  letter-spacing: -2px;
}
.cta h2 .cta-title-line {font-size:48px;white-space:nowrap;}
.cta-description {
  position: absolute;
  left: 60px;
  top: 300px;
  margin: 0;
  font-size: 17px;
  line-height: 28px;
  font-weight: 500;
}
.cta-button {
  position: absolute;
  left: 60px;
  top: 369px;
  width: 780px;
  height: 110px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid transparent;
  border-radius: 14px;
  background:
    radial-gradient(ellipse at 50% 0%, rgba(222,210,185,.07), transparent 68%) padding-box,
    linear-gradient(115deg, #151515, #070707 52%, #101010) padding-box,
    linear-gradient(115deg, #4B4438, #B9AA8E 48%, #605748 72%, #39362F) border-box;
  color: #F1E9DB;
  box-shadow: 0 14px 32px rgba(0,0,0,.42), inset 0 1px 0 rgba(255,255,255,.05);
  text-decoration: none;
  font-family: "Noto Serif KR", serif;
  font-size: 26px;
  font-weight: 600;
  letter-spacing: 3px;
  transition:
    color .3s ease,
    box-shadow .3s ease,
    transform .3s ease;
}
.cta-button::before {
  content: "";
  position: absolute;
  top: 0;
  left: 12%;
  right: 12%;
  height: 1px;
  background: linear-gradient(90deg, transparent, rgba(241,233,219,.5), transparent);
  pointer-events: none;
}
.cta-button::after,
.store-buttons a::after {
  content: "";
  position: absolute;
  inset: -1px;
  padding: 1px;
  border-radius: inherit;
  background: linear-gradient(110deg, transparent 38%, rgba(216,201,174,.25) 46%, #FFF5E1 50%, rgba(216,201,174,.25) 54%, transparent 62%);
  background-size: 300% 100%;
  background-position: 150% 0;
  -webkit-mask: linear-gradient(#FFF 0 0) content-box, linear-gradient(#FFF 0 0);
  mask: linear-gradient(#FFF 0 0) content-box, linear-gradient(#FFF 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  pointer-events: none;
  animation: cta-border-shimmer 6s ease-in-out infinite;
}
@keyframes cta-border-shimmer {
  0%, 18% {background-position:150% 0;opacity:0;}
  28% {opacity:.9;}
  68% {opacity:.9;}
  80%, 100% {background-position:-50% 0;opacity:0;}
}
.cta-button-label {padding-left:3px;}
.cta-promotion-note {position:absolute;left:60px;top:494px;width:780px;margin:0;color:#D8D1C5;font-size:22px;font-weight:400;line-height:32px;letter-spacing:-.3px;text-align:center;text-shadow:0 1px 6px rgba(0,0,0,.75);word-break:keep-all;}
.cta-promotion-note strong {color:#F1DEB8;font-weight:600;}
.cta-button-arrow {
  position: absolute;
  right: 28px;
  display: grid;
  place-items: center;
  width: 44px;
  height: 44px;
  border: 1px solid rgba(185,170,142,.3);
  border-radius: 50%;
  color: #B9AA8E;
  transition: border-color .3s ease, color .3s ease;
}
.cta-button-arrow svg {width:20px;height:20px;stroke:currentColor;stroke-width:1.3;stroke-linecap:round;stroke-linejoin:round;}
.cta-button:hover {
  color: #FFF8EC;
  box-shadow: 0 18px 38px rgba(0,0,0,.5), 0 0 24px rgba(185,170,142,.09), inset 0 1px 0 rgba(255,255,255,.1);
  transform: translateY(-2px);
}
.cta-button:hover .cta-button-arrow {border-color:rgba(185,170,142,.65);color:#F1E9DB;}
.cta-button:active {transform:translateY(0);}
.cta-button:focus-visible {outline:2px solid #D8C9AE;outline-offset:6px;}
@media(prefers-reduced-motion:reduce) {.cta-button,.cta-button-arrow {transition:none;}.cta-button:hover {transform:none;}.cta-button::after,.store-buttons a::after {animation:none;opacity:0;}}
.store-buttons {
  position: absolute;
  left: 60px;
  top: 565px;
  width: 780px;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 24px;
  align-items: center;
}
.store-buttons a {
  position: relative;
  display: block;
  min-width: 0;
  transition: opacity 0.2s ease;
}
.store-buttons a::after {padding:1.5px;border-radius:24px;}
.store-buttons a:first-child::after {inset:4.1667% 1.2308% 5% .3077%;animation-delay:.3s;}
.store-buttons a:last-child::after {inset:0 1.2232% 0 .9174%;animation-delay:1.1s;}
.store-buttons a:focus-visible {outline:2px solid #D8C9AE;outline-offset:6px;border-radius:24px;}
.store-buttons a:hover {
  opacity: 0.85;
}
.store-badge {
  display: block;
  object-fit: contain;
}
.store-app,
.store-google {
  width: 100%;
  height: auto;
}
.cta-signup-message {
  position: absolute;
  left: 60px;
  top: 735px;
  width: 780px;
  margin: 0;
  color: #E5DFD4;
  text-align: center;
  text-shadow: 0 2px 14px rgba(0,0,0,.7);
}
.cta-signup-time {display:block;font-size:23px;line-height:34px;font-weight:400;letter-spacing:.3px;}
.cta-signup-time strong {color:#F1DEB8;font-weight:600;}
.cta-signup-promise {display:block;margin-top:8px;font-family:"Noto Serif KR",serif;font-size:29px;line-height:44px;font-weight:500;letter-spacing:-.6px;}
.cta-ending {
  position: absolute;
  left: 60px;
  bottom: 73px;
  width: 780px;
  text-align: center;
  font-size: 17px;
  font-weight: 700;
}
.operator-entry {color:inherit;font:inherit;line-height:inherit;letter-spacing:inherit;text-shadow:inherit;cursor:inherit;touch-action:manipulation;outline:none;-webkit-tap-highlight-color:transparent;}
.operator-dialog {position:fixed;inset:0;height:fit-content;max-height:calc(100dvh - 40px);margin:auto;overflow-y:auto;box-sizing:border-box;width:calc(100% - 40px);max-width:360px;padding:32px 26px 22px;border:1px solid rgba(255,255,255,.25);border-radius:22px;background:linear-gradient(145deg,rgba(255,255,255,.12),rgba(255,255,255,.02)),rgba(24,29,35,.88);color:#F3F1ED;box-shadow:0 24px 80px rgba(0,0,0,.45),inset 0 1px 0 rgba(255,255,255,.12);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);font-family:"Noto Sans KR",sans-serif;}
.operator-dialog::backdrop {background:rgba(5,8,12,.6);backdrop-filter:blur(5px);}
.operator-dialog [hidden] {display:none;}
.operator-close {position:absolute;top:10px;right:13px;width:34px;height:34px;padding:0;border:0;background:none;color:#C9C9C9;font-size:27px;cursor:pointer;}
.operator-eyebrow {margin:0 0 10px;color:#D7C4A5;font-size:10px;letter-spacing:2px;}
.operator-dialog h2 {margin:0 0 25px;font-size:21px;font-weight:600;}
.operator-login {display:flex;flex-direction:column;gap:12px;}
.operator-login label {font-size:12px;color:#C9C8C5;}
.operator-login input {box-sizing:border-box;width:100%;min-height:46px;padding:10px 12px;border:1px solid rgba(255,255,255,.25);border-radius:10px;background:rgba(0,0,0,.2);color:white;font-size:16px;}
.operator-dialog button:focus-visible,.operator-login input:focus-visible {outline:2px solid #D7C4A5;outline-offset:3px;}
.operator-primary {min-height:43px;padding:10px 18px;border:1px solid rgba(225,209,183,.4);border-radius:10px;background:rgba(225,209,183,.14);color:#F1E4CD;font:500 13px "Noto Sans KR",sans-serif;cursor:pointer;}
.operator-live-link {display:block;text-align:center;text-decoration:none;}
.operator-dialog button:disabled {opacity:.5;cursor:wait;}
.operator-date {margin:0;color:#BABBBE;font-size:12px;}
.operator-today {margin:18px 0;color:#D7C4A5;font-size:11px;letter-spacing:2px;}
.operator-today strong {display:block;margin-top:8px;color:#F6F3EB;font-size:55px;font-weight:500;line-height:1.2;letter-spacing:-2px;}
.operator-today strong span {margin-left:8px;font-size:16px;letter-spacing:0;}
.operator-caption {margin:0;color:#C9C8C5;font-size:12px;line-height:1.8;}
.operator-started {margin:12px 0 22px;color:#909398;font-size:10px;}
.operator-engagement {margin-top:20px;padding-top:18px;border-top:1px solid rgba(255,255,255,.12);}
.operator-engagement>span {color:#D7C4A5;font-size:12px;}
.operator-duration {display:block;margin-top:8px;font-size:27px;font-weight:500;}
.operator-duration-caption,.operator-duration-started {margin:7px 0 0;color:#A6AAAF;font-size:10px;line-height:1.7;}
.operator-actions {display:flex;align-items:center;gap:16px;}
.operator-refresh {flex:1;}
.operator-logout {border:0;background:none;color:#C9C8C5;font-size:12px;cursor:pointer;}
.operator-status {min-height:18px;margin:14px 0 0;color:#E7C99B;font-size:12px;line-height:1.6;}
.closing-scene {position:relative;isolation:isolate;background:#171C22;}
.closing-scene::before {content:"";position:absolute;z-index:-1;top:400px;right:0;bottom:0;left:0;background-image:linear-gradient(180deg,#171C22 0%,rgba(23,28,34,0.735) 12%,rgba(23,28,34,0.615) 42%,rgba(23,28,34,0.555) 66%,rgba(23,28,34,0.795) 100%),var(--lazy-background-image,url("images/closing-couple-bg-v1.jpg"));background-size:cover;background-position:center,center 58%;background-repeat:no-repeat;pointer-events:none;}
.closing-scene .brand-statement,.closing-scene .cta {background:transparent;}
.closing-scene .brand-ending,.closing-scene .cta-brand,.closing-scene .cta h2,.closing-scene .cta-description,.closing-scene .cta-ending {text-shadow:0 2px 14px rgba(0,0,0,.65);}
/* =========================================
   SAFE REVEAL
   위치/크기 절대 건드리지 않음
========================================= */
.reveal {
  opacity: 0;
  transition: opacity 0.65s ease;
}
.reveal.is-visible {
  opacity: 1;
}
.delay-1 {
  transition-delay: 0.08s;
}
.delay-2 {
  transition-delay: 0.16s;
}
.delay-3 {
  transition-delay: 0.24s;
}
.delay-4 {
  transition-delay: 0.32s;
}
@media (prefers-reduced-motion: reduce) {
  .reveal {
    opacity: 1 !important;
    transition: none !important;
  }
}
/* =========================================
   PARTY PLANNER SCROLL ANIMATION
========================================= */
.pp-reveal {
  opacity: 0;
  transform: translateY(18px);
  transition:
    opacity 0.7s cubic-bezier(0.22, 1, 0.36, 1),
    transform 0.7s cubic-bezier(0.22, 1, 0.36, 1);
  will-change: opacity, transform;
}
.pp-reveal.pp-visible {
  opacity: 1;
  transform: translateY(0);
}
.pp-delay-1 {
  transition-delay: 0.08s;
}
.pp-delay-2 {
  transition-delay: 0.16s;
}
.pp-delay-3 {
  transition-delay: 0.24s;
}
.pp-delay-4 {
  transition-delay: 0.32s;
}
/* 버튼은 살짝만 */
a,
button {
  transition:
    transform 0.22s ease,
    opacity 0.22s ease,
    box-shadow 0.22s ease;
}
@media (hover: hover) and (pointer: fine) {
  a:hover,
  button:hover {
    transform: translateY(-2px);
  }
}
/* 모션 최소화 설정 */
@media (prefers-reduced-motion: reduce) {
  .pp-reveal {
    opacity: 1 !important;
    transform: none !important;
    transition: none !important;
  }
}
/* DAILY CARD + PLANNER CARE — 900px design coordinate system */
.care-section {height:auto; padding:80px 60px; background:#171C22; color:#F5F6F7;}
.care-section h2 {position:static; margin:38px 0 32px; font-size:68px; line-height:1.3; letter-spacing:-2.6px; word-break:keep-all;}
.care-section p {position:static; margin:0 0 32px; font-size:32px; line-height:1.65; letter-spacing:-.7px; color:#A6ACB5; word-break:keep-all;}
.care-section h3 {margin:0 0 20px; font-size:39px; line-height:1.45; letter-spacing:-1px; word-break:keep-all;}
.care-label {font:600 23px/1.4 Inter,sans-serif;color:#BFC2C7;}
.care-section .care-lead {margin-top:36px;}
.care-intro .care-lead {margin-bottom:18px;}
.care-intro h2 {margin-top:0;}
.care-section small {display:block;font-size:23px;line-height:1.65;color:#A6ACB5;word-break:keep-all;}
.care-highlight {
  background: linear-gradient(180deg, rgba(23,28,34,0.495), rgba(23,28,34,0.635) 52%, rgba(23,28,34,0.835)), var(--lazy-background-image,url("images/daily-card-background.jpg")) center / cover no-repeat;
  color: #F5F6F7;
  border-radius: 36px;
  padding: 52px 42px;
  margin: 48px 0 30px;
  box-shadow: inset 0 0 0 1px rgba(245, 246, 247, 0.12), 0 18px 48px rgba(0, 0, 0, 0.22);
}
.care-highlight h3 {color:#F5F6F7;margin-bottom:24px;font-size:64px;font-weight:700;line-height:1.2;letter-spacing:-2px;text-shadow:0 3px 16px rgba(0,0,0,.8);}
.care-card-title-prefix {display:block;margin-bottom:24px;font-size:42px;font-weight:600;line-height:1.35;letter-spacing:-1px;}
.care-card-title-main {display:block;color:#BFC2C7;font-weight:800;text-shadow:0 3px 12px rgba(0,0,0,.8),0 0 20px rgba(191,194,199,.22);}
.care-highlight p {color:#F5F6F7;margin:0;font-size:28px;text-shadow:0 2px 10px rgba(0,0,0,.85);}
.care-highlight .care-card-trigger {margin:20px 0 12px;}
.care-match-process {
  position: relative;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 24px;
  margin: 20px 0 0;
  padding: 20px 12px;
  list-style: none;
  background: rgba(23,28,34,0.715);
  border: 1px solid rgba(245, 246, 247, 0.18);
  border-radius: 20px;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.24);
  text-shadow: 0 2px 8px rgba(0, 0, 0, 0.8);
}
.care-match-process::before,
.care-match-process::after {
  content: "";
  position: absolute;
  left: 16.6667%;
  right: 16.6667%;
  top: 41px;
  height: 4px;
  border-radius: 4px;
}
.care-match-process::before {
  background: #737C88;
}
.care-match-process::after {
  background: linear-gradient(90deg,#D9DCE1,#F5F6F7);
  box-shadow: 0 0 8px rgba(245,246,247,.65),0 0 16px rgba(191,194,199,.3);
  transform: scaleX(0);
  transform-origin: left;
}
.care-step {
  position: relative;
  z-index: 1;
  min-width: 0;
  text-align: center;
}
.care-step:not(:last-child)::after {
  content: "→";
  position: absolute;
  right: -24px;
  top: 6px;
  width: 24px;
  background: #22272E;
  color: #BFC2C7;
  font-size: 24px;
  line-height: 32px;
}
.care-step-icon {
  display: grid;
  place-items: center;
  width: 44px;
  height: 44px;
  margin: 0 auto 10px;
  color: #BFC2C7;
  background: #22272E;
  border-radius: 50%;
}
.care-step-icon svg {
  width: 36px;
  height: 36px;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.6;
  stroke-linecap: round;
  stroke-linejoin: round;
  filter: drop-shadow(0 2px 4px rgba(0, 0, 0, 0.8));
}
.care-step-label {
  display: flex;
  justify-content: center;
  align-items: baseline;
  gap: 4px;
  color: #F5F6F7;
  font-size: 28px;
  line-height: 40px;
  font-weight: 600;
  letter-spacing: -0.7px;
  white-space: nowrap;
}
.care-step-free {
  color: #BFC2C7;
  font-size: 20px;
  font-weight: 400;
}
.care-step-detail {
  display: block;
  margin-top: 4px;
  color: #BFC2C7;
  font-size: 24px;
  line-height: 34px;
  font-weight: 400;
  letter-spacing: -0.5px;
  white-space: nowrap;
}
.care-highlight.is-visible .care-match-process::after {
  animation: care-process-progress 7.2s ease infinite;
}
.care-highlight.is-visible .care-step-icon {
  animation-duration: 7.2s;
  animation-timing-function: ease;
  animation-iteration-count: infinite;
}
.care-step:nth-child(1) .care-step-icon {animation-name: care-process-first;}
.care-step:nth-child(2) .care-step-icon {animation-name: care-process-second;}
.care-step:nth-child(3) .care-step-icon {animation-name: care-process-third;}
.care-step:last-child::before {
  content: "";
  position: absolute;
  top: 0;
  left: 50%;
  width: 44px;
  height: 44px;
  border: 2px solid #BFC2C7;
  border-radius: 50%;
  box-shadow: 0 0 14px rgba(191, 194, 199, 0.5);
  opacity: 0;
  transform: translateX(-50%) scale(0.8);
  pointer-events: none;
}
.care-highlight.is-visible .care-step:last-child::before {
  animation: care-contact-ring 7.2s ease-out infinite;
}
.care-highlight.is-visible .care-step:last-child .care-step-label {
  animation: care-contact-label 7.2s ease infinite;
}
@keyframes care-process-progress {
  0%, 10% {transform: scaleX(0); opacity: 0.6;}
  36% {transform: scaleX(0.5); opacity: 1;}
  58%, 82% {transform: scaleX(1); opacity: 1;}
  94%, 100% {transform: scaleX(1); opacity: 0;}
}
@keyframes care-process-first {
  0%, 8%, 94%, 100% {opacity: 0.45; transform: scale(0.94);}
  16%, 82% {opacity: 1; transform: scale(1);}
}
@keyframes care-process-second {
  0%, 28%, 94%, 100% {opacity: 0.45; transform: scale(0.94);}
  36%, 82% {opacity: 1; transform: scale(1);}
}
@keyframes care-process-third {
  0%, 50%, 94%, 100% {opacity: 0.45; transform: scale(0.94); box-shadow: 0 0 0 rgba(191, 194, 199, 0);}
  58% {opacity: 1; transform: scale(1.24); box-shadow: 0 0 22px rgba(191, 194, 199, 0.55);}
  64%, 82% {opacity: 1; transform: scale(1); box-shadow: 0 0 12px rgba(191, 194, 199, 0.2);}
}
@keyframes care-contact-ring {
  0%, 57% {opacity: 0; transform: translateX(-50%) scale(0.8);}
  58% {opacity: 0.85; transform: translateX(-50%) scale(1);}
  72%, 100% {opacity: 0; transform: translateX(-50%) scale(2);}
}
@keyframes care-contact-label {
  0%, 56%, 94%, 100% {color: #F5F6F7; transform: none; text-shadow: 0 2px 8px rgba(0, 0, 0, 0.8);}
  60% {color: #BFC2C7; transform: translateY(-3px) scale(1.04); text-shadow: 0 0 16px rgba(191, 194, 199, 0.4);}
  66%, 82% {color: #BFC2C7; transform: none; text-shadow: 0 0 12px rgba(191, 194, 199, 0.25);}
}
@media (prefers-reduced-motion: reduce) {
  .care-highlight.is-visible .care-match-process::after {
    animation: none;
    transform: scaleX(1);
    opacity: 0.5;
  }
  .care-highlight.is-visible .care-step-icon {
    animation: none;
    opacity: 1;
    transform: none;
  }
  .care-highlight.is-visible .care-step:last-child::before {
    animation: none;
    opacity: 0;
  }
  .care-highlight.is-visible .care-step:last-child .care-step-label {
    animation: none;
    color: #BFC2C7;
    transform: none;
  }
}
.care-card-preview {position:relative;margin:64px -12px -80px;}
.care-intro .care-card-preview::after {content:"";position:absolute;z-index:1;right:0;bottom:0;left:0;height:90px;background:linear-gradient(transparent,#171C22);pointer-events:none;}
.care-card-preview-head {display:flex;align-items:baseline;flex-wrap:wrap;gap:6px 18px;margin:0 12px 22px;font-size:24px;line-height:1.5;color:#A6ACB5;}
.care-card-preview-head .care-card-preview-note {display:inline;font-size:18px;line-height:1.5;color:#A6ACB5;}
.care-card-scroll {height:520px;overflow-y:auto;overflow-x:hidden;border-radius:20px 20px 0 0;scrollbar-width:thin;scrollbar-color:transparent transparent;}
.care-card-scroll::-webkit-scrollbar {width:5px;background:transparent;}
.care-card-scroll::-webkit-scrollbar-track,.care-card-scroll::-webkit-scrollbar-thumb {background:transparent;}
.care-card-scroll:focus-visible {outline:2px solid #BFC2C7;outline-offset:5px;}
.care-card-preview.has-scroll-indicator .care-card-scroll {scrollbar-width:none;}
.care-card-preview.has-scroll-indicator .care-card-scroll::-webkit-scrollbar {display:none;}
.care-card-scrollbar {display:none;position:absolute;top:70px;bottom:52px;right:8px;width:5px;background:transparent;border-radius:5px;pointer-events:none;}
.care-card-preview.has-scroll-indicator .care-card-scrollbar {display:block;}
.care-card-scroll-thumb {display:block;width:100%;height:50%;background:transparent;border-radius:5px;box-shadow:none;}
.care-phone-grid {display:grid;grid-template-columns:1fr 1fr;gap:24px;padding:0 16px;margin:0;position:relative;}
.care-phone-grid img {display:block;width:100%;height:auto;min-width:0;border-radius:14px 14px 0 0;}
.care-phone-frame {min-width:0;overflow:hidden;border-radius:14px 14px 0 0;background:#0C0D0E;}
.care-choice-card:has(.care-flip-inner) {cursor:pointer;-webkit-tap-highlight-color:transparent;}
/* The source screenshots have opposite asymmetric black margins. */
.care-phone-frame-female img {position:relative;left:-3.43%;}
.care-phone-frame-finance img {position:relative;left:3.43%;}
.care-intro {padding-bottom:0;}
.care-extra-preview {position:relative;margin:108px -60px 0;border:0;border-radius:36px 36px 0 0;background:linear-gradient(135deg,#CCD5DF,#B5C1CF);color:#0B0E11;box-shadow:0 -12px 28px rgba(0,0,0,.14);overflow:hidden;}
.care-extra-preview > summary {display:flex;align-items:center;gap:22px;min-height:120px;padding:32px 60px;box-sizing:border-box;list-style:none;cursor:pointer;background:linear-gradient(135deg,#454B54,#3D4550);color:#F5F6F7;}
.care-extra-preview > summary::-webkit-details-marker {display:none;}
.care-bookmark-icon {flex-shrink:0;width:34px;height:38px;stroke:#BFC2C7;stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round;}
.care-bookmark-title {flex:1;min-width:0;font-size:28px;font-weight:600;line-height:1.5;}
.care-bookmark-action {display:flex;flex-direction:column;align-items:center;gap:4px;flex-shrink:0;}
.care-bookmark-hint {font-size:22px;font-weight:400;line-height:1.5;color:#BFC2C7;white-space:nowrap;}
.care-bookmark-chevron {flex-shrink:0;width:30px;height:30px;stroke:#BFC2C7;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;transition:transform .25s;}
.care-extra-preview[open] .care-bookmark-chevron {transform:rotate(180deg);}
.care-extra-preview > summary:focus-visible {outline:2px solid #BFC2C7;outline-offset:-6px;border-radius:36px 36px 0 0;}
.care-extra-scroll:focus-visible {outline:2px solid #454B54;outline-offset:5px;}
.care-extra-content {padding:36px 60px 40px;border:0;}
.care-extra-content > p {margin:4px 0 24px;font-size:28px;line-height:1.65;color:#303640;}
.care-privacy-tags {display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;width:100%;box-sizing:border-box;list-style:none;margin:0 0 36px;padding:0;}
.care-privacy-tags li {display:flex;align-items:center;justify-content:center;min-width:0;box-sizing:border-box;padding:14px 8px;border:1px solid rgba(69,75,84,.24);border-radius:14px;background:linear-gradient(135deg,rgba(245,246,247,.55),rgba(245,246,247,.2));color:#303640;font-size:22px;font-weight:500;line-height:1.4;text-align:center;white-space:nowrap;}
.care-extra-scroll {height:600px;overflow-y:auto;overflow-x:hidden;overscroll-behavior-y:contain;-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:transparent transparent;scrollbar-gutter:stable both-edges;border-radius:0;padding:0 8px;}
.care-extra-scroll::-webkit-scrollbar {width:5px;background:transparent;}
.care-extra-scroll::-webkit-scrollbar-track {background:transparent;border-radius:5px;}
.care-extra-scroll::-webkit-scrollbar-thumb {background:transparent;border-radius:5px;}
.care-extra-grid {display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:22px;}
.care-extra-grid figure {margin:0;min-width:0;}
.care-extra-grid figcaption {margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid rgba(69,75,84,.2);text-align:left;font-size:24px;font-weight:500;color:#454B54;}
.care-extra-grid img {display:block;width:100%;height:auto;border-radius:12px;}
.care-extra-content > .care-extra-note {margin:22px 0 0;font-size:20px;color:#454B54;}
.care-extra-content > .care-extra-certification-note {display:flex;align-items:center;gap:10px;margin:22px 0 0;font-size:22px;line-height:1.65;color:#303640;word-break:keep-all;}
.care-extra-certification-note .care-certification-example {display:inline;margin-left:6px;font-size:16px;line-height:inherit;color:#626A75;white-space:nowrap;}
.care-certification-mark {display:block;flex-shrink:0;width:28px;height:28px;}
.care-extra-content > .care-extra-certification-note + .care-extra-note {margin-top:8px;}
@media(prefers-reduced-motion:reduce) {.care-bookmark-chevron {transition:none;}}
.care-card-followup {position:relative;z-index:1;isolation:isolate;margin-top:0;border-radius:0;box-shadow:none;}
.care-interest-background {
  position: absolute;
  z-index: -1;
  right: -48px;
  bottom: -72px;
  width: 450px;
  height: auto;
  opacity: 0.48;
  mix-blend-mode: multiply;
  pointer-events: none;
  user-select: none;
  -webkit-mask-image: linear-gradient(135deg, transparent 8%, rgba(0,0,0,.45) 35%, #000 68%);
  mask-image: linear-gradient(135deg, transparent 8%, rgba(0,0,0,.45) 35%, #000 68%);
}
.care-light {background:linear-gradient(135deg, #D9DCE1, #BFC2C7);color:#0B0E11;}
.care-card-followup.care-light {background:linear-gradient(90deg,#D9DCE1,#BFC2C7);}
.care-light .care-label {color:#454B54;}
.care-light p {color:#454B54;}
.care-quote {background:#22272E;padding:44px;border-radius:34px;margin:42px 0 32px;color:#F5F6F7;}
.care-quote p {margin:0;font-size:30px;}
.care-quote h3 {font-size:36px;}
.care-card-followup .care-label {font-weight:500;font-size:22px;letter-spacing:2px;color:#454B54;}
.care-card-followup h2 {margin:38px 0 28px;font-size:64px;font-weight:400;line-height:1.4;letter-spacing:-2px;}
.care-interest-title-intro {display:block;margin-bottom:10px;font-size:40px;font-weight:300;color:#454B54;letter-spacing:-1px;}
.care-interest-title-main {display:block;}
.care-interest-title-main em {font-style:normal;font-weight:600;color:#0B0E11;background:linear-gradient(transparent 78%,#BFC2C7 78%,#BFC2C7 94%,transparent 94%);}
.care-card-followup .care-interest-copy {font-size:32px;font-weight:300;line-height:1.55;color:#454B54;}
.care-interest-copy span {display:block;margin-top:4px;font-weight:700;color:#0B0E11;}
.care-card-followup .care-interest-note {position:relative;margin:28px 0 24px;padding:30px 36px;background:linear-gradient(125deg,rgba(245,246,247,.62),rgba(245,246,247,.52));border-radius:24px 24px 24px 6px;color:#303640;}
.care-card-followup .care-interest-note p {font-size:32px;font-weight:700;line-height:1.6;color:#303640;}
.care-interest-policy {padding:0;border:1px solid #D7BC91;border-radius:12px;background:rgba(245,246,247,.65);text-align:center;overflow:hidden;}
.care-card-followup .care-interest-policy p {margin:0;font-size:23px;font-weight:400;line-height:1.55;letter-spacing:-.3px;}
.care-card-followup .care-interest-policy .care-policy-status {padding:16px 22px;border-bottom:1px solid #D7BC91;background:linear-gradient(110deg,#FFF5E3,#F3E2C6);color:#805A2D;font-weight:500;box-shadow:inset 0 1px 0 rgba(255,255,255,.7);}
.care-policy-status::before {content:"i";display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;margin-right:12px;border:1.5px solid #A97738;border-radius:50%;color:#996329;font:600 18px/1 Georgia,serif;vertical-align:2px;}
.care-policy-status strong {font-weight:700;color:#9A551F;}
.care-card-followup .care-interest-policy .care-policy-detail {margin-top:0;padding:16px 22px;border-top:0;color:#454B54;font-weight:400;}
.care-lime {padding:56px 60px;isolation:isolate;background:repeating-linear-gradient(0deg,transparent 0,transparent 55px,rgba(69,75,84,.055) 55px,rgba(69,75,84,.055) 56px),linear-gradient(110deg,#D9DCE1,#ECEEF0 40%,#E3E5E8 78%,#D9DCE1);color:#0B0E11;box-shadow:inset 0 8px 20px rgba(69,75,84,.06),inset 0 -2px 6px rgba(69,75,84,.08);}
.care-lime::before {content:"";position:absolute;z-index:-1;inset:0;background:var(--lazy-background-image,url("images/letter-paper-grain-v1.svg")) repeat;opacity:.6;mix-blend-mode:multiply;pointer-events:none;}
.care-lime::after {content:"";position:absolute;z-index:-1;inset:28px 30px;border-top:1px solid rgba(69,75,84,.15);border-bottom:1px solid rgba(69,75,84,.15);pointer-events:none;}
.care-lime h2 {margin:18px 0;font-family:"Noto Serif KR",serif;font-size:54px;font-weight:500;line-height:1.45;letter-spacing:-1.2px;}
.care-lime > p {margin:0;font-size:30px;font-weight:400;line-height:1.6;}
.care-lime .care-label,.care-lime p {color:#F5F6F7;}
.care-section.care-lime {position:relative;isolation:isolate;overflow:hidden;background:#171C22;color:#F5F6F7;text-shadow:0 2px 10px rgba(0,0,0,.6);}
.care-lime::before {content:"";position:absolute;inset:0;z-index:-2;background:var(--lazy-background-image,url("images/card-connection-car-bg.8d0961ba6863.webp")) center 66%/cover no-repeat;opacity:.85;mix-blend-mode:normal;pointer-events:none;}
.care-lime::after {content:"";position:absolute;inset:0;z-index:-1;border:0;background:linear-gradient(180deg,rgba(23,28,34,.68),rgba(23,28,34,.5) 45%,rgba(23,28,34,.78));pointer-events:none;}
.care-lime h2 {color:#FFFFFF;}
.care-choice-section {padding:52px 60px;background:#171C22;color:#0B0E11;}
.care-choice-grid {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;align-items:stretch;}
.care-choice-card {display:flex;flex-direction:column;min-width:0;padding:30px 28px;border-radius:26px;}
.care-choice-help {position:relative;isolation:isolate;overflow:hidden;background:#171C22;color:#F5F6F7;text-shadow:0 2px 8px rgba(0,0,0,.55);}
.care-choice-help::before {content:"";position:absolute;inset:-12px;z-index:-2;background:var(--lazy-background-image,url("images/planner-help-bg.f233847b49d2.webp")) 60% center/cover no-repeat;filter:blur(5px);opacity:.85;pointer-events:none;}
.care-choice-help::after {content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(23,28,34,.5),rgba(23,28,34,.6) 55%,rgba(23,28,34,.85));pointer-events:none;}
.care-choice-payment {position:relative;isolation:isolate;overflow:hidden;background:#171C22;color:#F5F6F7;text-shadow:0 2px 8px rgba(0,0,0,.55);}
.care-choice-payment::before {content:"";position:absolute;inset:-4px;z-index:-2;background:var(--lazy-background-image,url("images/payment-sunset-bg.b5b2b1c08a32.webp")) center center/cover no-repeat;filter:blur(2px);opacity:.75;pointer-events:none;}
.care-choice-payment::after {content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(23,28,34,.55),rgba(23,28,34,.65) 55%,rgba(23,28,34,.85));pointer-events:none;}
.care-choice-help.reveal-ready {--reveal-x:-96px;}
.care-choice-payment.reveal-ready {--reveal-x:96px;}
.care-choice-card.reveal-ready {transform:translate3d(var(--reveal-x,0px),0,0);transition:opacity .8s ease var(--reveal-delay,0ms),transform .95s cubic-bezier(.22,1,.36,1) var(--reveal-delay,0ms);}
.care-choice-card.reveal-ready.is-visible {transform:translate3d(0,0,0);}
.care-choice-label {margin-bottom:18px;font:400 20px/1.4 Inter,sans-serif;letter-spacing:.8px;color:#454B54;}
.care-choice-card h2 {position:static;min-height:176px;margin:0 0 20px;font-size:40px;font-weight:400;line-height:1.4;letter-spacing:-1.2px;word-break:keep-all;}
.care-choice-heading-lead {display:block;margin-bottom:6px;font-size:28px;font-weight:400;line-height:1.4;letter-spacing:-.8px;color:#454B54;}
.care-choice-card h2 strong {position:relative;z-index:0;display:inline-block;padding-bottom:3px;color:#0B0E11;font-weight:700;white-space:nowrap;}
.care-choice-card h2 strong::after {content:"";position:absolute;z-index:-1;left:0;right:0;bottom:5px;height:8px;background:rgba(191,194,199,.65);border-radius:4px;transform-origin:left;}
.care-choice-card p {margin:0 0 24px;font-size:25px;font-weight:300;line-height:1.65;letter-spacing:-.6px;color:#454B54;word-break:keep-all;}
.care-choice-card .care-choice-feature {margin-bottom:14px;font-size:26px;font-weight:600;color:#303640;}
.care-choice-footer {margin-top:auto;padding-top:20px;border-top:1px solid rgba(69,75,84,.16);font-size:25px;font-weight:500;line-height:1.5;letter-spacing:-.6px;color:#303640;word-break:keep-all;}
.care-choice-zero {display:flex;align-items:center;justify-content:space-between;gap:16px;}
.care-choice-zero span {font-size:25px;font-weight:400;}
.care-choice-zero strong {font:700 52px/1.2 Inter,sans-serif;letter-spacing:-1.5px;color:#0B0E11;}
.care-choice-payment .care-choice-label,.care-choice-payment .care-choice-heading-lead {color:#F6DDB4;}
.care-choice-payment h2 strong,.care-choice-payment .care-choice-feature,.care-choice-payment .care-choice-zero strong {color:#FFFFFF;}
.care-choice-payment p {color:#F5F6F7;font-weight:400;}
.care-choice-payment .care-choice-footer {color:#F5F6F7;border-top-color:rgba(245,246,247,.3);}
.care-choice-payment h2 strong::after {background:rgba(224,189,137,.4);}
.care-choice-help .care-choice-label,.care-choice-help .care-choice-heading-lead {color:#F6DDB4;}
.care-choice-help h2 strong {color:#FFFFFF;}
.care-choice-help p {color:#F5F6F7;font-weight:400;}
.care-choice-help .care-choice-footer {color:#F5F6F7;border-top-color:rgba(245,246,247,.3);}
.care-choice-help h2 strong::after {background:rgba(224,189,137,.4);}
.care-choice-card.is-visible h2 strong::after {animation:care-choice-underline .65s cubic-bezier(.22,1,.36,1) both;animation-delay:calc(var(--reveal-delay,0ms) + 950ms);}
.care-choice-card.is-visible .care-choice-zero strong {animation:care-choice-zero .75s ease both;animation-delay:calc(var(--reveal-delay,0ms) + 1600ms);}
@keyframes care-choice-underline {from {transform:scaleX(0);} to {transform:scaleX(1);}}
@keyframes care-choice-zero {
  0% {opacity:.7;transform:scale(.94);text-shadow:none;}
  50% {opacity:1;transform:scale(1.08);text-shadow:0 0 16px rgba(191,194,199,.35);}
  100% {opacity:1;transform:scale(1);text-shadow:none;}
}
@media(prefers-reduced-motion:reduce) {
  .care-choice-card.reveal-ready,
  .care-choice-card.reveal-ready.is-visible {opacity:1;transform:none;transition:none;}
  .care-choice-card.is-visible h2 strong::after {animation:none;transform:none;}
  .care-choice-card.is-visible .care-choice-zero strong {animation:none;opacity:1;transform:none;text-shadow:none;}
}
.care-choice-card:has(.care-flip-inner) {display:grid;padding:0;perspective:1200px;overflow:visible;background:none;}
.care-choice-card:has(.care-flip-inner)::before,.care-choice-card:has(.care-flip-inner)::after {display:none;}
.care-flip-inner {display:grid;transform-style:preserve-3d;transition:transform .75s cubic-bezier(.22,1,.36,1);}
.care-choice-card.is-flipped .care-flip-inner {transform:rotateY(180deg);}
.care-choice-card:not(.is-turning) {perspective:none;}
.care-choice-card:not(.is-turning) .care-flip-inner {transform:none;transform-style:flat;transition:none;}
.care-choice-card:not(.is-turning) .care-flip-face {transform:none;backface-visibility:visible;-webkit-backface-visibility:visible;}
.care-choice-card:not(.is-turning):not(.is-flipped) .care-flip-back,.care-choice-card:not(.is-turning).is-flipped .care-flip-front {visibility:hidden;}
.care-flip-face {grid-area:1/1;display:flex;flex-direction:column;min-width:0;min-height:500px;padding:30px 28px;border-radius:26px;overflow:hidden;clip-path:inset(0 round 26px);backface-visibility:hidden;-webkit-backface-visibility:hidden;}
.care-flip-front {position:relative;isolation:isolate;overflow:hidden;background:#171C22;}
.care-flip-front::before {content:"";position:absolute;inset:-12px;z-index:-2;background-position:60% center;background-size:cover;filter:blur(5px);opacity:.85;}
.care-choice-help .care-flip-front::before {background-image:var(--lazy-background-image,url("images/planner-help-bg.f233847b49d2.webp"));}
.care-choice-payment .care-flip-front::before {background-image:var(--lazy-background-image,url("images/payment-sunset-bg.b5b2b1c08a32.webp"));filter:blur(2px);}
.care-flip-front::after {content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(23,28,34,.62),rgba(23,28,34,.76) 50%,rgba(23,28,34,.88));}
.care-flip-front h2 {min-height:0;margin:auto 0;text-align:center;text-shadow:0 2px 3px rgba(0,0,0,.85);}
.care-flip-front h2 .care-choice-heading-lead {color:#F5F6F7;font-weight:600;}
.care-flip-front h2 strong {color:#FFFFFF;font-weight:800;}
.care-flip-back {transform:rotateY(180deg);background:linear-gradient(145deg,#303640,#171C22);}
.care-flip-toggle {align-self:center;display:flex;align-items:center;gap:10px;margin-top:24px;padding:12px 18px;border:0;border-radius:999px;background:rgba(245,246,247,.1);color:#F6DDB4;font:500 22px/1.4 "Noto Sans KR",sans-serif;cursor:pointer;}
.care-flip-toggle:hover {background:rgba(245,246,247,.18);}
.care-flip-toggle:focus-visible {outline:2px solid #F6DDB4;outline-offset:4px;}
@media(prefers-reduced-motion:reduce) {.care-flip-inner {transition:none;}}
/* Content stays visible when JS is absent. JS opts elements into reveals. */
.reveal-ready {opacity:0;transform:translate3d(var(--reveal-x,0px),28px,0);transition:opacity .65s ease var(--reveal-delay,0ms),transform .65s cubic-bezier(.22,1,.36,1) var(--reveal-delay,0ms);}
.reveal-ready.is-visible {opacity:1;transform:translate3d(0,0,0);}
.service-jump-ready.reveal-ready {opacity:1;transform:none;transition:none;}
.manager-step.reveal-ready,.question-item.reveal-ready {opacity:1;transform:none;transition:none;}
.manager-step.reveal-ready .step-copy,.question-item.reveal-ready {overflow:hidden;}
.manager-step.reveal-ready .step-number,.manager-step.reveal-ready .step-copy > *,.question-item.reveal-ready > * {opacity:0;transform:translate3d(0,80px,0);}
.manager-step.reveal-ready.is-visible .step-number,.manager-step.reveal-ready.is-visible .step-copy > *,.question-item.reveal-ready.is-visible > * {animation:numbered-text-rise .7s cubic-bezier(.16,1,.3,1) var(--reveal-delay,0ms) both;}
.manager-step.reveal-ready.is-visible .step-copy > p {animation-delay:calc(var(--reveal-delay,0ms) + 60ms);}
@keyframes numbered-text-rise {0% {opacity:0;transform:translate3d(0,80px,0);}70% {opacity:1;transform:translate3d(0,-3px,0);}100% {opacity:1;transform:translate3d(0,0,0);}}
@media(prefers-reduced-motion:reduce) {.manager-step.reveal-ready .step-number,.manager-step.reveal-ready .step-copy > *,.question-item.reveal-ready > * {opacity:1;transform:none;animation:none!important;}}
@media(prefers-reduced-motion:reduce){.reveal-ready{opacity:1;transform:none;transition:none;}}
.viewport{max-width:900px;margin:0 auto;}

/* Fixed outside the scaled page so the touch targets keep their mobile size. */
.pull-to-refresh-enabled {overscroll-behavior-y:none;}
.pull-refresh-indicator {position:fixed;top:calc(12px + env(safe-area-inset-top,0px));left:50%;z-index:110;display:flex;align-items:center;gap:9px;max-width:calc(100% - 32px);padding:12px 18px;border:1px solid rgba(191,194,199,.35);border-radius:30px;background:#22272E;color:#F5F6F7;box-shadow:0 6px 24px rgba(0,0,0,.4);font:500 12px/1.4 "Noto Sans KR",sans-serif;white-space:nowrap;pointer-events:none;transform:translate(-50%,var(--pull-distance,0px));}
.pull-refresh-indicator[hidden] {display:none;}
.pull-refresh-icon {flex-shrink:0;width:20px;height:20px;stroke:#BFC2C7;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;transition:transform .2s;}
.pull-refresh-indicator.is-ready .pull-refresh-icon {transform:rotate(180deg);}
.pull-refresh-indicator.is-loading .pull-refresh-icon {animation:pull-refresh-spin .8s linear infinite;}
@keyframes pull-refresh-spin {to {transform:rotate(360deg);}}
@media(prefers-reduced-motion:reduce) {.pull-refresh-icon {transition:none;}.pull-refresh-indicator.is-loading .pull-refresh-icon {animation:none;}}
.floating-signup-backdrop {position:fixed;inset:0;z-index:90;isolation:isolate;overflow:hidden;background:#171C22;visibility:hidden;opacity:0;pointer-events:none;transition:opacity .25s ease,visibility 0s .25s;}
.floating-signup-backdrop::before {content:"";position:absolute;inset:-24px;z-index:-2;background:var(--lazy-background-image,url("images/signup-staircase-dress-bg.5bee58bae601.webp")) center 40%/cover no-repeat;filter:blur(10px);pointer-events:none;}
.floating-signup-backdrop::after {content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(23,28,34,.4),rgba(23,28,34,.65));pointer-events:none;}
.signup-backdrop-logo {position:absolute;top:clamp(64px,15vh,160px);left:50%;transform:translateX(-50%);color:#D9DCE1;font:400 clamp(54px,11vw,126px)/1.3 "Great Vibes",cursive;letter-spacing:0;white-space:nowrap;text-shadow:0 2px 12px rgba(0,0,0,.55);pointer-events:none;}
.signup-logo-initial {display:inline-block;margin-right:-.04em;font-size:1.65em;line-height:.8;color:#F5F6F7;}
.signup-signature {display:block;width:min(70vw,360px,48vh);height:auto;filter:drop-shadow(0 2px 6px rgba(0,0,0,.5));}
.signup-signature-text {font:400 82px "Great Vibes",cursive;letter-spacing:1px;}
.signup-signature-capital {font-size:132px;}
.signup-menu-open .floating-signup-backdrop {visibility:visible;opacity:1;pointer-events:auto;transition-delay:0s;}
.floating-signup {position:fixed;right:max(16px,calc((100vw - 900px)/2 + 16px));bottom:calc(96px + env(safe-area-inset-bottom,0px));z-index:100;display:flex;flex-direction:column;align-items:center;gap:10px;}
.floating-signup[hidden] {display:none;}
.admission-section {padding:64px 60px 72px;border-top:1px solid #454B54;background:radial-gradient(ellipse at top left,#303640,#171C22 65%);color:#F5F6F7;}
.admission-section-header {margin-bottom:32px;}
.admission-section-label {color:#BFC2C7;font:600 16px/1.5 Inter,sans-serif;letter-spacing:2px;}
.admission-section-header h1 {margin:16px 0;color:#F5F6F7;font-family:"Noto Serif KR",serif;font-size:54px;line-height:1.4;font-weight:600;letter-spacing:-1.4px;}
.admission-section-header p {margin:0;color:#BFC2C7;font-size:28px;line-height:1.65;word-break:keep-all;}
.admission-features {display:flex;flex-wrap:wrap;gap:12px;margin:0 0 32px;padding:0;list-style:none;}
.admission-features li {padding:10px 16px;border:1px solid rgba(191,194,199,.24);border-radius:10px;background:rgba(191,194,199,.04);color:#BFC2C7;font-size:22px;line-height:1.5;}
.admission-overview {margin-bottom:40px;padding:26px 28px;border-left:3px solid #BFC2C7;border-radius:0 16px 16px 0;background:rgba(191,194,199,.07);}
.admission-overview p {margin:0;font-size:30px;line-height:1.65;color:#F5F6F7;word-break:keep-all;}
.admission-overview strong {color:#F5F6F7;font-weight:600;}
.admission-overview > span {display:block;margin-top:8px;color:#A6ACB5;font-size:24px;line-height:1.6;word-break:keep-all;}
.admission-section .admission-group {width:auto;min-width:0;max-width:none;margin:0 0 44px;overflow:visible;}
.admission-group-heading {display:flex;align-items:center;gap:16px;margin-bottom:22px;}
.admission-group-heading > span {color:#A6ACB5;font:500 22px/1.4 Inter,sans-serif;letter-spacing:1px;}
.admission-group-heading h3 {margin:0;color:#F5F6F7;font-size:32px;line-height:1.5;font-weight:600;letter-spacing:-.6px;}
.admission-grid {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;}
.admission-card {position:relative;display:flex;flex-direction:column;align-items:center;min-width:0;padding:24px 16px 22px;border:1px solid #BFC2C7;border-radius:18px;background:linear-gradient(145deg,#F5F6F7,#E5E7EA);box-shadow:0 5px 18px rgba(0,0,0,.22),inset 0 1px 0 #F5F6F7;text-align:center;}
.admission-card-heading {display:flex;align-items:center;justify-content:center;gap:8px;width:100%;margin-bottom:12px;}
.admission-card-check {display:grid;place-items:center;flex-shrink:0;width:26px;height:26px;border:1px solid #777D85;border-radius:50%;background:linear-gradient(140deg,#F5F6F7,#BFC2C7);color:#303640;box-shadow:inset 0 1px 1px #F5F6F7,0 2px 3px rgba(69,75,84,.15);font:600 15px/1 Inter,sans-serif;}
.admission-card h4 {margin:0;color:#303640;font-size:32px;line-height:1.5;font-weight:600;letter-spacing:-.8px;word-break:keep-all;}
.admission-card p {min-height:86px;margin:0 0 18px;color:#454B54;font-size:26px;line-height:1.65;font-weight:500;letter-spacing:-.4px;word-break:keep-all;}
.admission-card-restriction {display:block;margin:-4px 0 8px;color:#777D85;font-size:20px;line-height:1.5;}
.admission-certificate {position:relative;flex-shrink:0;width:100%;max-width:150px;aspect-ratio:2/3;margin:auto auto 0;transform:rotate(-1.3deg);filter:drop-shadow(0 7px 8px rgba(48,54,64,.18));}
.admission-certificate img {filter:grayscale(1);display:block;width:100%;height:100%;object-fit:contain;}
.admission-certificate-brand {position:absolute;top:21%;left:0;right:0;color:#777D85;font:500 6px/1.5 Inter,sans-serif;letter-spacing:1px;text-align:center;}
.admission-certificate-brand > span {display:block;margin-bottom:4px;color:#A6ACB5;font:500 36px/1 "Cormorant Garamond",serif;letter-spacing:0;}
.admission-certificate-verified {position:absolute;top:44%;left:50%;transform:translateX(-50%);color:rgba(166,172,181,.68);font:italic 500 38px/1 "Cormorant Garamond",serif;letter-spacing:.4px;white-space:nowrap;}
.admission-certificate-caption {position:absolute;top:64%;left:0;right:0;color:#A6ACB5;font:400 5px/1.5 Inter,sans-serif;letter-spacing:.3px;text-align:center;}
.admission-certificate-signature {position:absolute;left:8%;bottom:12%;width:48%;color:#626A75;font:400 13px/1.3 "Great Vibes",cursive;letter-spacing:0;text-align:center;white-space:nowrap;transform:rotate(-5deg);text-shadow:0 .2px .3px rgba(48,54,64,.18);}
.admission-certificate-signature::after {content:"";position:absolute;left:6%;right:6%;bottom:-1px;border-bottom:1px solid rgba(119,125,133,.35);transform:skewX(-16deg);}
.admission-grid-pair {grid-template-columns:repeat(2,minmax(0,1fr));}
.admission-class .admission-card {border-color:#777D85;background:linear-gradient(145deg,#F5F6F7,#D9DCE1);box-shadow:0 5px 20px rgba(0,0,0,.22),inset 0 0 0 3px rgba(166,172,181,.12);}
.admission-policy {margin:0;color:#A6ACB5;font-size:22px;line-height:1.6;text-align:center;word-break:keep-all;}
.floating-back-to-top {display:flex;align-items:center;justify-content:center;width:48px;height:44px;padding:5px;border:0;border-radius:0;background:transparent;color:#E0E4E9;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:color .2s,transform .2s;}
.floating-back-to-top svg {width:34px;height:26px;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 2px 3px rgba(0,0,0,.3));}
.floating-back-to-top:hover {color:#FFFFFF;transform:translateY(-2px);}
.floating-back-to-top:active {transform:scale(.95);}
.floating-signup.is-open .floating-back-to-top {display:none;}
.floating-signup-toggle {position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;width:70px;height:70px;padding:8px;overflow:hidden;border:1px solid rgba(230,235,242,.6);border-radius:50%;background:linear-gradient(145deg,rgba(239,243,248,.22),rgba(239,243,248,.04) 58%),rgba(42,49,59,.82);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);color:#F5F6F7;box-shadow:inset 0 1px 0 rgba(255,255,255,.25),0 5px 16px rgba(0,0,0,.24);font:600 11.5px/1.4 "Noto Sans KR",sans-serif;letter-spacing:.1px;text-shadow:none;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:background .2s,transform .2s,box-shadow .2s;}
.floating-signup-toggle::before {content:"";position:absolute;top:4%;left:18%;width:64%;height:24%;border-radius:50%;background:linear-gradient(180deg,rgba(255,255,255,.16),transparent);pointer-events:none;}
.floating-signup-toggle>svg {position:relative;width:26px;height:26px;stroke:currentColor;stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round;}
.floating-signup-toggle>span {position:relative;display:block;flex-shrink:0;white-space:nowrap;}
.floating-signup-plus {transform-origin:22px 20px;transition:transform .3s cubic-bezier(.22,1,.36,1);}
.floating-signup.is-open .floating-signup-plus {transform:rotate(45deg);}
.floating-signup.is-open .floating-signup-toggle {background:linear-gradient(145deg,rgba(239,243,248,.26),rgba(239,243,248,.05) 58%),rgba(42,49,59,.94);box-shadow:inset 0 1px 0 rgba(255,255,255,.3),0 5px 18px rgba(0,0,0,.28);}
.floating-signup-toggle:active {transform:scale(.95);}
.floating-signup-actions {position:absolute;right:0;bottom:calc(100% + 14px);display:flex;flex-direction:column;gap:10px;width:166px;visibility:hidden;pointer-events:none;transition:visibility 0s .32s;}
.floating-signup-link {display:flex;align-items:center;gap:10px;min-height:48px;padding:12px 14px;border:1px solid rgba(245,246,247,.3);border-radius:16px;background:linear-gradient(135deg,rgba(255,255,255,.1),rgba(255,255,255,.02)),rgba(34,39,46,.7);-webkit-backdrop-filter:blur(10px) saturate(120%);backdrop-filter:blur(10px) saturate(120%);color:#F5F6F7;box-shadow:inset 0 1px 0 rgba(255,255,255,.14),0 5px 18px rgba(0,0,0,.25);text-decoration:none;font:500 12px/1.4 "Noto Sans KR",sans-serif;white-space:nowrap;opacity:0;transform:translateY(22px) scale(.85);transform-origin:bottom right;transition:opacity .22s ease,transform .32s cubic-bezier(.22,1,.36,1);}
.floating-signup-link>svg {flex:0 0 20px;width:20px;height:20px;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;color:#BFC2C7;}
.floating-signup-link>svg.floating-signup-apple {fill:currentColor;stroke:none;}
.floating-signup-arrow {margin-left:auto;color:#A6ACB5;font-size:15px;}
.floating-signup-enquiry {border-color:rgba(191,194,199,.55);font-weight:700;}
.floating-signup-promotion {width:100%;text-align:left;cursor:pointer;appearance:none;-webkit-appearance:none;border-color:rgba(191,194,199,.5);}
.promotion-dialog {position:fixed;inset:0;width:calc(100vw - 64px);max-width:280px;height:fit-content;max-height:calc(100dvh - 48px);margin:auto;padding:22px 20px 16px;border:1px solid rgba(245,246,247,.4);border-radius:20px;background:linear-gradient(135deg,rgba(255,255,255,.12),rgba(255,255,255,.02)),rgba(34,39,46,.76);-webkit-backdrop-filter:blur(14px) saturate(120%);backdrop-filter:blur(14px) saturate(120%);color:#F5F6F7;box-shadow:0 16px 48px rgba(0,0,0,.4),inset 0 1px 0 rgba(245,246,247,.2);font:400 13px/1.6 "Noto Sans KR",sans-serif;text-align:center;overflow-y:auto;}
.promotion-dialog::backdrop {background:rgba(0,0,0,.35);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);}
.promotion-dialog[open] {animation:promotion-dialog-in .22s ease-out;}
.promotion-code-button {display:flex;flex-direction:column;align-items:center;gap:6px;width:100%;padding:12px 14px;border:1px solid rgba(245,246,247,.65);border-radius:12px;background:linear-gradient(135deg,rgba(245,246,247,.88),rgba(217,220,225,.82) 50%,rgba(191,194,199,.78));-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:#12161B;box-shadow:inset 0 1px 0 rgba(255,255,255,.7);cursor:pointer;}
.promotion-code-button strong {font:600 28px/1.25 "Inter",sans-serif;letter-spacing:2px;}
.promotion-copy-hint {color:#454B54;font:400 12px/1.5 "Noto Sans KR",sans-serif;}
.promotion-benefit {margin:16px 0 12px;font-size:13px;word-break:keep-all;}
.promotion-benefit strong {color:#F1DEAF;font-weight:600;}
.promotion-copy-status {margin:0 0 12px;color:#BFC2C7;font-size:11px;}
.promotion-copy-status:empty {display:none;}
.promotion-confirm {display:block;width:104px;max-width:100%;min-height:44px;margin:0 auto;padding:10px 16px;border:1px solid rgba(191,194,199,.45);border-radius:10px;background:linear-gradient(135deg,rgba(255,255,255,.1),rgba(255,255,255,.03));box-shadow:inset 0 1px 0 rgba(255,255,255,.1);color:#F5F6F7;font:500 13px/1.5 "Noto Sans KR",sans-serif;cursor:pointer;}
.promotion-code-button:focus-visible,.promotion-confirm:focus-visible {outline:2px solid #F1DEAF;outline-offset:4px;}
@keyframes promotion-dialog-in {from {opacity:0;transform:translateY(8px) scale(.98);}to {opacity:1;transform:translateY(0) scale(1);}}
@media(prefers-reduced-motion:reduce) {.promotion-dialog[open] {animation:none;}}
.floating-signup.is-open .floating-signup-actions {visibility:visible;pointer-events:auto;transition-delay:0s;}
.floating-signup.is-open .floating-signup-link {opacity:1;transform:translateY(0) scale(1);transition-delay:calc(var(--action-order)*55ms);}
.floating-signup-link:hover {background:linear-gradient(135deg,rgba(255,255,255,.16),rgba(255,255,255,.04)),rgba(45,52,62,.78);}
.floating-back-to-top:focus-visible,.floating-signup-toggle:focus-visible,.floating-signup-link:focus-visible {outline:2px solid #BFC2C7;outline-offset:4px;}
@media(max-width:480px) {.floating-signup-toggle {width:64px;height:64px;padding:7px;}}
@media(max-height:480px) {.floating-signup {bottom:calc(32px + env(safe-area-inset-bottom,0px));}.floating-signup-actions {max-height:calc(100dvh - 184px - env(safe-area-inset-bottom,0px));overflow-y:auto;overscroll-behavior:contain;}.floating-signup-link {flex-shrink:0;}}
@media(prefers-reduced-motion:reduce) {.floating-signup-backdrop,.floating-back-to-top,.floating-signup-toggle,.floating-signup-plus,.floating-signup-actions,.floating-signup-link,.floating-signup.is-open .floating-signup-link {transition:none;}}

/* 샹들리에의 샴페인빛을 중간 섹션에 이어주는 배경 조명 */
.problem {
  background:
    radial-gradient(ellipse 560px 640px at 100% 62%, rgba(246,205,145,.15), transparent 74%),
    #171C22;
}
.cost-structure {
  background:
    radial-gradient(ellipse at 100% 0%, rgba(246,205,145,.11), transparent 66%),
    #22272E;
}
.trust {
  background:
    radial-gradient(ellipse 540px 660px at 0% 160px, rgba(246,205,145,.16), transparent 74%),
    radial-gradient(ellipse 460px 560px at 100% 86%, rgba(246,205,145,.1), transparent 74%),
    #171C22;
}
.member-types {
  background:
    radial-gradient(ellipse at 100% 0%, rgba(246,205,145,.1), transparent 70%),
    #22272E;
}
.care-intro {
  background:
    radial-gradient(ellipse 560px 620px at 100% 20%, rgba(246,205,145,.14), transparent 74%),
    #171C22;
}
.care-choice-section {
  background:
    radial-gradient(ellipse at 50% 0%, rgba(246,205,145,.1), transparent 70%),
    #171C22;
}
.beyond {
  background:
    radial-gradient(ellipse 580px 560px at 0% 40%, rgba(246,205,145,.15), transparent 74%),
    #171C22;
}

/* Keep text sections in normal flow so wrapping cannot leave fixed empty areas. */
.trust {padding:64px 60px 52px;}
.trust-brand,.trust-label,.trust-title,.trust-description,.trust-key {position:relative;inset:auto;width:auto;}
.trust-label {margin-top:18px;}
.trust-title {margin:36px 0 0;}
.trust-description {margin:30px 0 0;}
.trust-key {height:auto;min-height:164px;margin:36px 0 40px;}
.manager {padding:72px 60px 52px;}
.manager > .section-label,.manager > h2,.manager .chat,.manager-divider {position:relative;inset:auto;}
.manager > h2 {width:auto;margin:28px 0 36px;}
.manager .chat {width:min(630px,100%);margin-bottom:24px;}
.manager .chat-manager {margin-left:auto;}
.manager-divider {width:100%;margin:32px 0 8px;}
.brand-statement {height:auto;padding:64px 60px 48px;}
.brand-statement .section-label,.brand-statement h2,.brand-statement > p {position:relative;inset:auto;width:auto;}
.brand-statement .section-label {left:auto;margin-bottom:32px;}
.brand-statement h2 {margin:0 0 6px;}
.brand-statement h2.brand-green {top:auto;}
.brand-statement > p {margin:32px 0 0;}

/* Desktop content shares the same 780px column inside the 900px page. */
@media (min-width:901px) {
  .care-card-preview {margin-left:0;margin-right:0;}
  .care-card-preview-head {margin-left:0;margin-right:0;}
  .care-phone-grid {padding-left:0;padding-right:0;}
  .care-extra-scroll {padding-left:0;padding-right:0;scrollbar-gutter:auto;scrollbar-width:none;}
  .care-extra-scroll::-webkit-scrollbar {display:none;}
}

/* Home atmosphere: neutral surfaces with restrained warmth between sections. */
.home-page .site-header {background:#1D2023;border-bottom-color:#343536;}
.home-page .site-brand-link {color:#C9C5BD;}
.home-page .problem {
  background:
    radial-gradient(ellipse 650px 850px at 100% 58%,rgba(222,188,144,.13),transparent 78%),
    linear-gradient(180deg,#171C22 0%,#1B1F23 45%,#202326 100%);
}
.home-page .trust {
  background:
    radial-gradient(ellipse 650px 800px at 0% 26%,rgba(222,188,144,.13),transparent 78%),
    radial-gradient(ellipse 500px 650px at 100% 86%,rgba(222,188,144,.065),transparent 78%),
    linear-gradient(180deg,#202326,#222528 52%,#1B1F23);
}
.home-page .care-intro {
  background:
    radial-gradient(ellipse 680px 800px at 100% 35%,rgba(222,188,144,.14),transparent 78%),
    linear-gradient(180deg,#171C22,#222426);
}
.home-page .care-card-followup.care-light {background:linear-gradient(120deg,#E8E1D7,#D9D3C9);}
.home-page .care-choice-section {
  background:
    radial-gradient(ellipse 650px 600px at 50% 0%,rgba(222,188,144,.1),transparent 78%),
    #1C2023;
}
.home-page .closing-scene {background:radial-gradient(ellipse 650px 580px at 0% 12%,rgba(222,188,144,.09),transparent 78%),#1C1E20;}
.home-page .closing-scene::before {
  background-image:
    linear-gradient(180deg,#1C1E20 0%,rgba(23,28,34,.735) 12%,rgba(23,28,34,.615) 42%,rgba(23,28,34,.555) 66%,rgba(23,28,34,.795) 100%),
    var(--lazy-background-image,url("images/closing-couple-bg-v1.jpg"));
}