/* =========================================================
   v50
   - SEO vertical space reduced only
   - strong line kept in one line: "네이버 · 구글 · AI 검색에"
   - slower domino on all 3 slides
   ========================================================= */

/* --- SEO : keep horizontal grid from v49, reduce vertical only --- */
@media (min-width:1001px){
  .seo-v41{
    padding-top:6px !important;
    padding-bottom:6px !important;
  }

  .seo-v41-wrap{
    width:100% !important;
    max-width:1200px !important;
    margin-left:auto !important;
    margin-right:auto !important;
    padding-left:28px !important;
    padding-right:28px !important;
    box-sizing:border-box !important;
  }

  .seo-v41-banner{
    min-height:228px !important;
    padding:12px 20px !important;
    gap:16px !important;
    border-radius:18px !important;
    grid-template-columns:minmax(0,1.1fr) minmax(330px,.9fr) !important;
  }

  .seo-v41-copy{
    max-width:590px !important;
    align-self:center !important;
  }

  .seo-v41-kicker{
    min-height:24px !important;
    padding:0 9px !important;
    font-size:9px !important;
  }

  .seo-v41-copy h2{
    margin:8px 0 6px !important;
    font-size:clamp(23px,2vw,33px) !important;
    line-height:1.06 !important;
    letter-spacing:-.055em !important;
    max-width:560px !important;
    word-break:keep-all !important;
  }

  .seo-v41-copy h2 strong{
    display:inline-block !important;
    white-space:nowrap !important;
  }

  .seo-v41-copy p{
    max-width:500px !important;
    font-size:11.5px !important;
    line-height:1.48 !important;
    margin:0 !important;
  }

  .seo-v41-badges{
    margin-top:9px !important;
    gap:5px !important;
  }

  .seo-v41-badges span{
    min-height:24px !important;
    padding:0 7px !important;
    font-size:8.5px !important;
  }

  .seo-v41-stage{
    width:100% !important;
    max-width:415px !important;
    justify-self:end !important;
    gap:7px !important;
  }

  .seo-v41-dashboard{
    padding:10px !important;
    border-radius:15px !important;
  }

  .seo-v41-top b{
    font-size:27px !important;
  }

  .seo-v41-top span{
    font-size:8.5px !important;
  }

  .seo-v41-top > i{
    width:24px !important;
    height:27px !important;
    flex-basis:24px !important;
    font-size:12px !important;
  }

  .seo-v41-chart{
    margin-top:7px !important;
    padding:7px !important;
    border-radius:10px !important;
  }

  .seo-v41-chart-head b,
  .seo-v41-platform-title,
  .seo-v41-tools b{
    font-size:8.5px !important;
  }

  .seo-v41-chart-head em{
    font-size:7px !important;
    padding:2px 4px !important;
  }

  .seo-v41-bars{
    height:22px !important;
    gap:3px !important;
    padding-top:2px !important;
  }

  .seo-v41-bars span{width:5px !important; animation:none !important;}
  .seo-v41-bars span:nth-child(1){height:5px !important}
  .seo-v41-bars span:nth-child(2){height:8px !important}
  .seo-v41-bars span:nth-child(3){height:11px !important}
  .seo-v41-bars span:nth-child(4){height:14px !important}
  .seo-v41-bars span:nth-child(5){height:17px !important}
  .seo-v41-bars span:nth-child(6){height:20px !important}
  .seo-v41-bars span:nth-child(7){height:22px !important}

  .seo-v41-platform-box{
    margin-top:6px !important;
    padding:7px 7px 8px !important;
    border-radius:10px !important;
  }

  .seo-v41-platform-title{
    margin-bottom:5px !important;
  }

  .seo-v41-platform-track{
    gap:6px !important;
  }

  .seo-v41-brand{
    width:34px !important;
    height:34px !important;
  }

  .seo-v41-brand b{font-size:14px !important}
  .seo-v41-brand.daangn img{width:22px !important; height:22px !important}
  .seo-v41-brand.meta b{font-size:18px !important}

  .seo-v41-tools{
    margin-top:6px !important;
    padding:5px 7px !important;
    border-radius:10px !important;
  }

  .seo-v41-tools i{
    width:16px !important;
    height:16px !important;
    font-size:6px !important;
  }

  .seo-v41-tools strong{font-size:13px !important}
  .seo-v41-tools small{font-size:7px !important}

  .seo-v41-cta{
    min-height:36px !important;
    padding:0 10px !important;
    font-size:11px !important;
    border-radius:10px !important;
  }

  .seo-v41-lens{
    width:51px !important;
    height:51px !important;
    border-width:4px !important;
  }

  .seo-v41-lens::before{inset:5px !important}
  .seo-v41-lens::after{
    width:32px !important;
    height:9px !important;
    right:-22px !important;
    bottom:-5px !important;
  }
}

/* --- Keep exact centered lens --- */
.seo-v41-platform-track{
  position:relative !important;
  overflow:visible !important;
}
.seo-v41-brand{
  animation:none !important;
  transform:none !important;
}
.seo-v41-lens{
  position:absolute !important;
  left:var(--lens-cx,10%) !important;
  top:var(--lens-cy,50%) !important;
  transform:translate(-50%,-50%) !important;
  transition:left .52s cubic-bezier(.25,.9,.25,1), top .52s cubic-bezier(.25,.9,.25,1), opacity .15s ease !important;
  opacity:0 !important;
  z-index:20 !important;
}
.seo-v41-lens.is-visible{opacity:1 !important}
.seo-v41-lens.is-instant{transition:none !important}

/* --- Hero glitter 그대로 유지 --- */
.hero-glitter{display:none !important}
.hero-slide .hero-content h1::before{display:none !important}
.hero-slide.active .hero-content h1 strong{animation:none !important}
.hero-slide.active .hero-content::after{display:none !important; animation:none !important}

.hero-slide{
  overflow:hidden !important;
}
.hero-slide::before{
  content:"";
  position:absolute;
  inset:-12%;
  z-index:1;
  pointer-events:none;
  opacity:0;
  background:
    linear-gradient(112deg,
      transparent 0%,
      transparent 40%,
      rgba(255,255,255,.05) 46%,
      rgba(173,223,255,.18) 50%,
      rgba(255,255,255,.06) 54%,
      transparent 61%,
      transparent 100%);
  transform:translateX(-55%) rotate(2deg);
}
.hero-slide::after{
  content:"";
  position:absolute;
  inset:0;
  z-index:1;
  pointer-events:none;
  opacity:0;
  background:
    radial-gradient(circle at 14% 20%, rgba(255,255,255,.82) 0 1.2px, transparent 2px),
    radial-gradient(circle at 27% 38%, rgba(180,233,255,.68) 0 1.1px, transparent 2px),
    radial-gradient(circle at 44% 18%, rgba(255,255,255,.76) 0 1.2px, transparent 2px),
    radial-gradient(circle at 61% 30%, rgba(180,233,255,.72) 0 1.2px, transparent 2px),
    radial-gradient(circle at 78% 22%, rgba(255,255,255,.66) 0 1.1px, transparent 2px),
    radial-gradient(circle at 33% 72%, rgba(180,233,255,.54) 0 1.1px, transparent 2px),
    radial-gradient(circle at 73% 78%, rgba(255,255,255,.60) 0 1.15px, transparent 2px);
}
.hero-slide.active::before{animation:v50HeroSweep 1.78s ease-in-out 1 both}
.hero-slide.active::after{animation:v50HeroSparkle 1.78s ease-in-out 1 both}
@keyframes v50HeroSweep{
  0%{opacity:0;transform:translateX(-55%) rotate(2deg)}
  18%{opacity:.72}
  68%{opacity:.34;transform:translateX(42%) rotate(2deg)}
  100%{opacity:0;transform:translateX(42%) rotate(2deg)}
}
@keyframes v50HeroSparkle{
  0%,100%{opacity:0}
  20%{opacity:.82}
  60%{opacity:.42}
  85%{opacity:.1}
}

.hero-slide .hero-content h1{
  position:relative !important;
  overflow:visible !important;
}
.hero-slide.active .hero-content h1::after{
  content:"" !important;
  display:block !important;
  position:absolute;
  z-index:6;
  top:-4%;
  left:-4%;
  width:4%;
  height:108%;
  opacity:0;
  pointer-events:none;
  background:linear-gradient(90deg, transparent, rgba(255,255,255,.18), rgba(169,224,255,.15), transparent);
  transform:skewX(-16deg) translateX(0);
  animation:v50TitleReflection 1.68s ease-in-out 1 both;
}
@keyframes v50TitleReflection{
  0%,40%{opacity:0;transform:skewX(-16deg) translateX(0)}
  49%{opacity:.92}
  84%{opacity:.18;transform:skewX(-16deg) translateX(2500%)}
  100%{opacity:0;transform:skewX(-16deg) translateX(2500%)}
}

/* --- Domino slower across all 3 slides --- */
.hero-char{
  position:relative;
  display:inline-block;
  transform:translateY(0) scale(1);
  transform-origin:50% 82%;
  will-change:transform;
}
.hero-slide.active .hero-char{
  animation:v50DominoChar 1.18s cubic-bezier(.18,.78,.22,1) 1 both;
  animation-delay:calc(.10s + (var(--char-i) * 48ms));
}
@keyframes v50DominoChar{
  0%{transform:translateY(0) scale(1)}
  34%{transform:translateY(-5px) scale(1.03)}
  60%{transform:translateY(-2px) scale(1.012)}
  82%{transform:translateY(1px) scale(.997)}
  100%{transform:translateY(0) scale(1)}
}

.hero-char.hero-reflect::after{
  content:"";
  position:absolute;
  width:8px;
  height:8px;
  right:-3px;
  top:-4px;
  opacity:0;
  pointer-events:none;
  background:linear-gradient(135deg,#fff 0%,#e5f8ff 42%,#7fc7ff 100%);
  clip-path:polygon(50% 0,61% 39%,100% 50%,61% 61%,50% 100%,39% 61%,0 50%,39% 39%);
  filter:drop-shadow(0 0 4px rgba(158,221,255,.78));
}
.hero-slide.active .hero-char.hero-reflect::after{
  animation:v50CornerGlint .98s ease-in-out 1 both;
  animation-delay:calc(.18s + (var(--char-i) * 48ms));
}
@keyframes v50CornerGlint{
  0%,20%{opacity:0;transform:scale(.45) rotate(0deg)}
  45%{opacity:1;transform:scale(1.12) rotate(18deg)}
  70%{opacity:.28;transform:scale(.72) rotate(34deg)}
  100%{opacity:0;transform:scale(.48) rotate(46deg)}
}

/* --- Widget: keep v49 visible border emphasis --- */
.quick-float-headline::after{
  display:none !important;
  content:none !important;
  animation:none !important;
  width:0 !important;
  height:0 !important;
  box-shadow:none !important;
}
.quick-float-widget{
  animation:none !important;
  transform:translateY(-50%) !important;
  transform-origin:90% 12% !important;
  will-change:transform;
  border:1px solid rgba(108,165,255,.34) !important;
  box-shadow:0 18px 42px rgba(7,28,76,.23), 0 0 0 1px rgba(83,145,255,.10) !important;
}
.quick-float-widget::before{
  content:"" !important;
  display:block !important;
  position:absolute !important;
  inset:-4px !important;
  border-radius:inherit !important;
  pointer-events:none !important;
  opacity:1 !important;
  border:2px solid rgba(75,143,255,.20) !important;
  box-shadow:0 0 0 0 rgba(75,143,255,0);
  animation:v50WidgetIdleBorder 3.0s ease-in-out infinite !important;
}
.quick-float-widget::after{
  content:"" !important;
  display:block !important;
  position:absolute !important;
  inset:0 !important;
  border-radius:inherit !important;
  pointer-events:none !important;
  box-shadow:inset 0 0 0 1px rgba(154,197,255,.24), inset 0 1px 0 rgba(255,255,255,.06) !important;
}
@keyframes v50WidgetIdleBorder{
  0%,100%{
    border-color:rgba(75,143,255,.18);
    box-shadow:0 0 0 0 rgba(75,143,255,0),0 0 14px rgba(67,130,255,.05);
  }
  50%{
    border-color:rgba(91,158,255,.48);
    box-shadow:0 0 0 3px rgba(75,143,255,.07),0 0 20px rgba(67,130,255,.15);
  }
}
.quick-float-widget.attention-ping{animation:v50WidgetPing 1.15s cubic-bezier(.22,.84,.22,1) 1 !important}
.quick-float-widget.attention-ping::before{animation:v50WidgetHalo 1.15s ease-out 1 !important}
.quick-float-btn{position:relative !important; overflow:hidden !important}
.quick-float-btn::after{
  content:"";
  position:absolute;
  top:-80%;
  left:-35%;
  width:21%;
  height:260%;
  background:linear-gradient(180deg,transparent,rgba(255,255,255,.56),transparent);
  transform:rotate(22deg);
  opacity:0;
}
.quick-float-widget.attention-ping .quick-float-btn{animation:v50WidgetBtnPop 1.0s ease 1 !important}
.quick-float-widget.attention-ping .quick-float-btn::after{animation:v50WidgetButtonShine .96s ease 1 !important}
@keyframes v50WidgetPing{
  0%{transform:translateY(-50%) translateX(0) scale(1) rotate(0deg)}
  20%{transform:translateY(-50%) translateX(-5px) scale(1.026) rotate(-.6deg)}
  38%{transform:translateY(-50%) translateX(5px) scale(1.026) rotate(.6deg)}
  56%{transform:translateY(-50%) translateX(-3px) scale(1.018) rotate(-.34deg)}
  74%{transform:translateY(-50%) translateX(2px) scale(1.010) rotate(.18deg)}
  100%{transform:translateY(-50%) translateX(0) scale(1) rotate(0deg)}
}
@keyframes v50WidgetHalo{
  0%{opacity:.25;border-color:rgba(76,145,255,.28);box-shadow:0 0 0 0 rgba(76,145,255,0);transform:scale(.99)}
  30%{opacity:1;border-color:rgba(105,176,255,.88);box-shadow:0 0 0 8px rgba(76,145,255,.14),0 0 28px rgba(76,145,255,.30)}
  100%{opacity:0;border-color:rgba(76,145,255,0);box-shadow:0 0 0 19px rgba(76,145,255,0);transform:scale(1.055)}
}
@keyframes v50WidgetBtnPop{0%,100%{transform:scale(1)}44%{transform:scale(1.05)}}
@keyframes v50WidgetButtonShine{0%{left:-35%;opacity:0}18%{opacity:1}100%{left:122%;opacity:0}}

@media(max-width:1000px){
  .seo-v41-wrap{
    width:100% !important;
    max-width:1200px !important;
    margin-left:auto !important;
    margin-right:auto !important;
    padding-left:18px !important;
    padding-right:18px !important;
    box-sizing:border-box !important;
  }
}
@media(max-width:980px){
  .quick-float-widget.attention-ping,
  .quick-float-widget.attention-ping::before{
    animation:none !important;
  }
}
@media(max-width:700px){
  .hero-slide.active .hero-char{
    animation-duration:1.05s;
    animation-delay:calc(.08s + (var(--char-i) * 38ms));
  }
  .hero-slide.active .hero-char.hero-reflect::after{
    animation-delay:calc(.14s + (var(--char-i) * 38ms));
  }
  .hero-char.hero-reflect::after{
    width:6px;height:6px;right:-2px;top:-3px;
  }
}
@media(prefers-reduced-motion:reduce){
  .seo-v41-lens,
  .hero-slide.active::before,
  .hero-slide.active::after,
  .hero-slide.active .hero-content h1::after,
  .hero-char,
  .hero-char.hero-reflect::after,
  .quick-float-widget::before,
  .quick-float-widget.attention-ping,
  .quick-float-widget.attention-ping::before,
  .quick-float-widget.attention-ping .quick-float-btn,
  .quick-float-widget.attention-ping .quick-float-btn::after{
    animation:none !important;
    transition:none !important;
  }
}


/* =========================================================
   v51 — SEO left copy fills vertical space better + GEO label
   ========================================================= */

@media (min-width:1001px){
  /* 가로 그리드와 전체 높이는 v50 그대로 */
  .seo-v41-copy{
    display:flex !important;
    flex-direction:column !important;
    justify-content:center !important;
    max-width:620px !important;
    min-height:204px !important;
  }

  .seo-v41-kicker{
    margin-bottom:2px !important;
  }

  .seo-v41-copy h2{
    margin:7px 0 7px !important;
    font-size:clamp(27px,2.28vw,37px) !important;
    line-height:1.07 !important;
    letter-spacing:-.055em !important;
    max-width:600px !important;
  }

  .seo-v41-copy h2 strong{
    white-space:nowrap !important;
  }

  .seo-v41-copy p{
    max-width:560px !important;
    font-size:12px !important;
    line-height:1.52 !important;
  }

  .seo-v41-badges{
    margin-top:10px !important;
  }

  .seo-v41-top b{
    display:flex !important;
    align-items:baseline !important;
    gap:7px !important;
    white-space:nowrap !important;
  }

  .seo-v41-top b em{
    color:#77dcff !important;
    font-style:normal !important;
    font-size:.58em !important;
    font-weight:900 !important;
    letter-spacing:-.02em !important;
  }
}

@media (max-width:1000px){
  .seo-v41-top b{
    display:flex !important;
    align-items:baseline !important;
    gap:6px !important;
    white-space:nowrap !important;
  }

  .seo-v41-top b em{
    color:#77dcff !important;
    font-style:normal !important;
    font-size:.58em !important;
    font-weight:900 !important;
  }
}


/* =========================================================
   v52 FINAL FINISH
   SEO 배너 마지막 비율 보정
   ========================================================= */

@media (min-width:1001px){

  /* 왼쪽 상단 SEO · GEO SITE CHECK
     - 테두리/박스 제거
     - 글씨만 더 또렷하고 크게 */
  .seo-v41-kicker{
    align-self:flex-start !important;
    min-height:auto !important;
    padding:0 !important;
    margin:0 0 4px 0 !important;
    border:0 !important;
    background:none !important;
    box-shadow:none !important;
    border-radius:0 !important;
    color:#eaf5ff !important;
    font-size:12.5px !important;
    line-height:1.2 !important;
    font-weight:950 !important;
    letter-spacing:.045em !important;
  }

  /* 왼쪽 카피 전체를 조금 더 크게:
     기존 줄바꿈 구조는 그대로 유지 */
  .seo-v41-copy{
    min-height:204px !important;
    justify-content:center !important;
  }

  .seo-v41-copy h2{
    margin:7px 0 8px !important;
    font-size:clamp(31px,2.55vw,42px) !important;
    line-height:1.075 !important;
    letter-spacing:-.055em !important;
    max-width:620px !important;
  }

  .seo-v41-copy h2 strong{
    white-space:nowrap !important;
  }

  .seo-v41-copy p{
    max-width:575px !important;
    font-size:13px !important;
    line-height:1.55 !important;
  }

  .seo-v41-badges{
    margin-top:11px !important;
    gap:6px !important;
  }

  .seo-v41-badges span{
    min-height:26px !important;
    padding:0 8px !important;
    font-size:9.5px !important;
  }

  /* 오른쪽 SEO · GEO
     GEO를 SEO와 동일 크기로 */
  .seo-v41-top b{
    display:flex !important;
    align-items:baseline !important;
    gap:7px !important;
    white-space:nowrap !important;
  }

  .seo-v41-top b em{
    color:#77dcff !important;
    font-style:normal !important;
    font-size:1em !important;
    line-height:1 !important;
    font-weight:900 !important;
    letter-spacing:-.03em !important;
  }
}

/* 태블릿/모바일에서도 GEO는 SEO와 같은 크기 */
@media (max-width:1000px){
  .seo-v41-kicker{
    align-self:flex-start !important;
    border:0 !important;
    background:none !important;
    box-shadow:none !important;
    padding:0 !important;
  }

  .seo-v41-top b em{
    font-size:1em !important;
    line-height:1 !important;
    font-weight:900 !important;
  }
}


/* =========================================================
   v54 — SEO 메인 큰글씨 줄간격만 조금 더 여유 있게
   ========================================================= */

@media (min-width:1001px){
  .seo-v41-copy h2{
    line-height:1.16 !important;
  }
}

@media (max-width:1000px){
  .seo-v41-copy h2{
    line-height:1.15 !important;
  }
}


/* =========================================================
   v55 — SEO 큰 제목 줄별 간격 더 자연스럽게
   ========================================================= */

@media (min-width:1001px){
  .seo-v41-copy h2{
    line-height:1.2 !important;
  }
  .seo-v41-copy h2 br{
    content:"";
    display:block;
    margin-top:7px;
  }
}

@media (max-width:1000px){
  .seo-v41-copy h2{
    line-height:1.18 !important;
  }
  .seo-v41-copy h2 br{
    content:"";
    display:block;
    margin-top:6px;
  }
}


/* =========================================================
   v56 — SEO 큰 제목 줄별 간격 추가 확대
   ========================================================= */

@media (min-width:1001px){
  .seo-v41-copy h2{
    line-height:1.22 !important;
  }
  .seo-v41-copy h2 br{
    content:"";
    display:block;
    margin-top:14px;
  }
}

@media (max-width:1000px){
  .seo-v41-copy h2{
    line-height:1.2 !important;
  }
  .seo-v41-copy h2 br{
    content:"";
    display:block;
    margin-top:12px;
  }
}


/* =========================================================
   v57 — SEO 큰 제목 1px 축소 + 줄간격/행간 추가 확대
   ========================================================= */

@media (min-width:1001px){
  .seo-v41-copy h2{
    font-size:clamp(30px,2.48vw,41px) !important;
    line-height:1.26 !important;
  }
  .seo-v41-copy h2 br{
    content:"";
    display:block;
    margin-top:18px;
  }
}

@media (max-width:1000px){
  .seo-v41-copy h2{
    font-size:clamp(29px,7.2vw,39px) !important;
    line-height:1.23 !important;
  }
  .seo-v41-copy h2 br{
    content:"";
    display:block;
    margin-top:15px;
  }
}


/* =========================================================
   v58 — readability tune
   - consultant cards text a bit larger / clearer
   - 3 blue metric boxes sized to fill better
   ========================================================= */

@media (min-width:1001px){
  /* Consultant cards */
  .consultant-info{
    padding:22px 21px 24px !important;
  }

  .role-en{
    font-size:10px !important;
    letter-spacing:.14em !important;
    font-weight:950 !important;
    color:#7d8ca3 !important;
  }

  .consultant-info h3{
    font-size:22px !important;
    margin:7px 0 10px !important;
    letter-spacing:-.032em !important;
  }

  .consultant-info > p{
    font-size:13px !important;
    line-height:1.72 !important;
    color:#607086 !important;
    margin:0 0 16px !important;
    min-height:64px !important;
  }

  .consultant-info ul{
    padding:16px 0 0 18px !important;
  }

  .consultant-info li{
    font-size:12.5px !important;
    line-height:1.72 !important;
    color:#33465d !important;
    font-weight:600 !important;
    margin:7px 0 !important;
  }

  .consultant-info li::marker{
    color:#3d7cf7 !important;
  }

  /* 3 blue metric boxes */
  .operating-case-metrics{
    gap:12px !important;
  }

  .operating-case-metrics div{
    min-height:118px !important;
    padding:18px 12px !important;
    border-radius:18px !important;
  }

  .operating-case-metrics b{
    margin-bottom:8px !important;
    font-size:13px !important;
    font-weight:900 !important;
    letter-spacing:.02em !important;
    color:#82b0ff !important;
  }

  .operating-case-metrics span{
    font-size:15px !important;
    line-height:1.42 !important;
    font-weight:900 !important;
    letter-spacing:-.02em !important;
    color:#ffffff !important;
  }
}

@media (max-width:1000px){
  .role-en{
    font-size:9.5px !important;
    font-weight:950 !important;
  }

  .consultant-info h3{
    font-size:21px !important;
  }

  .consultant-info > p{
    font-size:12.8px !important;
    line-height:1.68 !important;
    min-height:0 !important;
  }

  .consultant-info ul{
    padding:15px 0 0 17px !important;
  }

  .consultant-info li{
    font-size:12.2px !important;
    line-height:1.68 !important;
    font-weight:600 !important;
    color:#33465d !important;
  }

  .consultant-info li::marker{
    color:#3d7cf7 !important;
  }

  .operating-case-metrics{
    gap:8px !important;
  }

  .operating-case-metrics div{
    min-height:98px !important;
    padding:14px 8px !important;
  }

  .operating-case-metrics b{
    font-size:12px !important;
    margin-bottom:7px !important;
  }

  .operating-case-metrics span{
    font-size:11.5px !important;
    line-height:1.42 !important;
    font-weight:900 !important;
  }
}


/* =========================================================
   v59
   - hero fee line bigger, remove toss mention
   - '운영 수수료 0원' coin-flip emphasis
   - 01/02/03 dark metric cards bigger, one-line
   ========================================================= */

@media (min-width:1001px){
  .hero-fee-line{
    gap:28px !important;
    margin-top:22px !important;
    padding-top:15px !important;
    font-size:12.5px !important;
    line-height:1.55 !important;
    color:#b8c9de !important;
  }

  .hero-fee-line span{
    display:inline-flex !important;
    align-items:center !important;
    gap:6px !important;
    flex-wrap:wrap !important;
  }

  .hero-fee-line b{
    position:relative !important;
    display:inline-flex !important;
    align-items:center !important;
    gap:6px !important;
    color:#fff !important;
    font-weight:950 !important;
    font-size:13.5px !important;
    letter-spacing:-.01em !important;
  }

  .hero-fee-line span:first-child b{
    padding:3px 10px 3px 8px !important;
    border-radius:999px !important;
    background:linear-gradient(180deg, rgba(255,255,255,.11), rgba(255,255,255,.05)) !important;
    border:1px solid rgba(255,255,255,.13) !important;
    box-shadow:0 10px 22px rgba(20,47,94,.10) !important;
  }

  .hero-fee-line span:first-child b::before{
    content:"₩" !important;
    width:18px !important;
    height:18px !important;
    display:grid !important;
    place-items:center !important;
    border-radius:50% !important;
    background:radial-gradient(circle at 30% 30%, #fff3a8, #ffd84a 52%, #f5b400 100%) !important;
    color:#5a4300 !important;
    font-size:10px !important;
    font-weight:900 !important;
    box-shadow:0 2px 0 rgba(255,255,255,.20) inset, 0 5px 10px rgba(245,186,0,.26) !important;
    transform-style:preserve-3d !important;
    animation:v59CoinFlip 2.4s ease-in-out infinite !important;
  }

  .hero-fee-line span:first-child b::after{
    content:"" !important;
    position:absolute !important;
    inset:auto 8px -1px 32px !important;
    height:8px !important;
    border-radius:999px !important;
    background:linear-gradient(90deg, rgba(255,255,255,.0), rgba(255,232,124,.28), rgba(255,255,255,0)) !important;
    opacity:.75 !important;
  }

  /* Dark 01 / 02 / 03 metric cards */
  .operating-case-metrics{
    gap:12px !important;
  }

  .operating-case-metrics div{
    min-height:118px !important;
    padding:18px 10px !important;
  }

  .operating-case-metrics b{
    margin-bottom:8px !important;
    font-size:13px !important;
    font-weight:950 !important;
  }

  .operating-case-metrics span{
    display:block !important;
    font-size:16px !important;
    line-height:1.2 !important;
    font-weight:950 !important;
    letter-spacing:-.02em !important;
    white-space:nowrap !important;
  }

  .operating-case-metrics span br{
    display:none !important;
  }
}

@media (max-width:1000px){
  .hero-fee-line{
    gap:8px !important;
    font-size:11.2px !important;
    line-height:1.5 !important;
    color:#b8c9de !important;
  }

  .hero-fee-line span{
    display:inline-flex !important;
    align-items:center !important;
    gap:5px !important;
    flex-wrap:wrap !important;
  }

  .hero-fee-line b{
    display:inline-flex !important;
    align-items:center !important;
    gap:5px !important;
    font-size:11.8px !important;
    font-weight:950 !important;
  }

  .hero-fee-line span:first-child b{
    padding:2px 8px 2px 6px !important;
    border-radius:999px !important;
    background:linear-gradient(180deg, rgba(255,255,255,.11), rgba(255,255,255,.05)) !important;
    border:1px solid rgba(255,255,255,.12) !important;
  }

  .hero-fee-line span:first-child b::before{
    content:"₩" !important;
    width:15px !important;
    height:15px !important;
    display:grid !important;
    place-items:center !important;
    border-radius:50% !important;
    background:radial-gradient(circle at 30% 30%, #fff3a8, #ffd84a 52%, #f5b400 100%) !important;
    color:#5a4300 !important;
    font-size:8px !important;
    font-weight:900 !important;
    animation:v59CoinFlip 2.4s ease-in-out infinite !important;
  }

  .operating-case-metrics b{
    font-size:12.5px !important;
  }

  .operating-case-metrics span{
    font-size:13px !important;
    line-height:1.18 !important;
    font-weight:950 !important;
    white-space:nowrap !important;
  }

  .operating-case-metrics span br{
    display:none !important;
  }
}

@keyframes v59CoinFlip{
  0%,100%{transform:rotateY(0deg)}
  18%{transform:rotateY(180deg)}
  36%{transform:rotateY(360deg)}
  48%{transform:rotateY(360deg)}
  66%{transform:rotateY(540deg)}
  82%{transform:rotateY(720deg)}
}


/* =========================================================
   v61 — coin/capsule emphasis ONLY on hero slide 1
   ========================================================= */

/* 2,3페이지 첫 강조문구에 잘못 따라가던 동전/캡슐 효과 제거 */
.hero-slide:nth-child(2) .hero-fee-line span:first-child b,
.hero-slide:nth-child(3) .hero-fee-line span:first-child b{
  padding:0 !important;
  border:0 !important;
  border-radius:0 !important;
  background:none !important;
  box-shadow:none !important;
}

.hero-slide:nth-child(2) .hero-fee-line span:first-child b::before,
.hero-slide:nth-child(2) .hero-fee-line span:first-child b::after,
.hero-slide:nth-child(3) .hero-fee-line span:first-child b::before,
.hero-slide:nth-child(3) .hero-fee-line span:first-child b::after{
  content:none !important;
  display:none !important;
  animation:none !important;
  background:none !important;
  box-shadow:none !important;
}


/* =========================================================
   v62 — realtime strip alignment + larger text
   ========================================================= */

/* desktop */
@media (min-width:1001px){
  .realtime-inner{
    max-width:1200px !important;
    height:68px !important;
    margin:auto !important;
    padding:0 28px !important;
    grid-template-columns:150px 1fr auto !important;
    align-items:center !important;
    box-sizing:border-box !important;
  }

  .realtime-label,
  .realtime-viewport,
  .realtime-item{
    height:68px !important;
    align-items:center !important;
  }

  .realtime-label{
    display:flex !important;
    align-items:center !important;
    justify-content:flex-start !important;
    gap:9px !important;
    padding-right:18px !important;
  }

  .realtime-label b{
    font-size:14px !important;
    line-height:1 !important;
    font-weight:900 !important;
  }

  .realtime-dot{
    width:10px !important;
    height:10px !important;
  }

  .realtime-viewport{
    display:flex !important;
    align-items:center !important;
    overflow:hidden !important;
  }

  .realtime-track{
    width:100% !important;
  }

  .realtime-item{
    grid-template-columns:auto 1fr auto !important;
    gap:14px !important;
    padding:0 16px !important;
  }

  .realtime-channel{
    font-size:11px !important;
    line-height:1 !important;
    font-weight:900 !important;
    padding:7px 10px !important;
    border-radius:10px !important;
  }

  .realtime-copy{
    font-size:14px !important;
    line-height:1.3 !important;
    font-weight:800 !important;
    letter-spacing:-.015em !important;
  }

  .realtime-time{
    font-size:11px !important;
    line-height:1 !important;
    color:#8996a8 !important;
  }

  .realtime-link{
    font-size:12.5px !important;
    line-height:1 !important;
    font-weight:900 !important;
    padding-left:18px !important;
    display:flex !important;
    align-items:center !important;
    height:68px !important;
  }

  /* SEO banner header text inside mini card */
  .seo-v41-chart-head b,
  .seo-v41-platform-title,
  .seo-v41-tools b{
    font-size:10.5px !important;
    line-height:1.2 !important;
  }

  .seo-v41-chart-head em{
    font-size:8.5px !important;
    line-height:1 !important;
    padding:3px 6px !important;
    border-radius:6px !important;
  }
}

/* tablet / mobile */
@media (max-width:1000px){
  .realtime-inner{
    min-height:64px !important;
    height:64px !important;
    padding:0 18px !important;
    grid-template-columns:100px 1fr !important;
    align-items:center !important;
  }

  .realtime-label,
  .realtime-viewport,
  .realtime-item{
    height:64px !important;
    align-items:center !important;
  }

  .realtime-label{
    gap:8px !important;
    padding-right:10px !important;
  }

  .realtime-label b{
    font-size:13px !important;
    line-height:1 !important;
    font-weight:900 !important;
  }

  .realtime-dot{
    width:9px !important;
    height:9px !important;
  }

  .realtime-item{
    padding:0 10px !important;
    gap:10px !important;
  }

  .realtime-channel{
    font-size:10px !important;
    padding:6px 8px !important;
    border-radius:9px !important;
  }

  .realtime-copy{
    font-size:12.5px !important;
    line-height:1.28 !important;
    font-weight:800 !important;
  }

  .realtime-time{
    font-size:10px !important;
    line-height:1 !important;
  }

  .seo-v41-chart-head b,
  .seo-v41-platform-title,
  .seo-v41-tools b{
    font-size:9.5px !important;
    line-height:1.2 !important;
  }

  .seo-v41-chart-head em{
    font-size:8px !important;
    line-height:1 !important;
    padding:3px 5px !important;
  }
}


/* =========================================================
   v63
   - restore realtime rolling center alignment
   - enlarge SEO mini-card heading text more
   - remove TOSS in WHY banner handled in html
   - slightly enlarge small bottom texts in why 1~6 section
   ========================================================= */

/* -------- realtime strip: restore original rolling geometry -------- */
@media (min-width:1001px){
  .realtime-inner{
    max-width:1200px !important;
    height:66px !important;
    padding:0 28px !important;
    grid-template-columns:145px 1fr auto !important;
    align-items:center !important;
  }

  .realtime-label{
    height:66px !important;
    display:flex !important;
    align-items:center !important;
    gap:9px !important;
    border-right:1px solid var(--line) !important;
    padding-right:18px !important;
  }

  .realtime-viewport{
    height:66px !important;
    overflow:hidden !important;
    display:block !important;
  }

  .realtime-track{
    display:block !important;
    transition:transform .5s cubic-bezier(.22,.8,.25,1) !important;
  }

  .realtime-item{
    height:66px !important;
    display:grid !important;
    grid-template-columns:auto 1fr auto !important;
    align-items:center !important;
    gap:13px !important;
    padding:0 16px !important;
  }

  .realtime-label b{font-size:13px !important;line-height:1 !important;font-weight:900 !important;}
  .realtime-copy{font-size:13px !important;line-height:1.25 !important;font-weight:800 !important;}
  .realtime-channel{font-size:10.5px !important;padding:6px 9px !important;border-radius:8px !important;font-weight:900 !important;}
  .realtime-time{font-size:10.5px !important;line-height:1 !important;}
  .realtime-link{
    height:66px !important;
    display:flex !important;
    align-items:center !important;
    padding-left:16px !important;
    font-size:11.5px !important;
    font-weight:900 !important;
  }

  /* SEO mini header */
  .seo-v41-chart-head b,
  .seo-v41-platform-title,
  .seo-v41-tools b{
    font-size:11.5px !important;
    line-height:1.2 !important;
    font-weight:900 !important;
  }

  .seo-v41-chart-head em{
    font-size:9px !important;
    line-height:1 !important;
    padding:3px 6px !important;
    border-radius:6px !important;
    font-weight:900 !important;
  }

  /* WHY 1~6 cards bottom small text slightly larger */
  .why-grid-detail small{
    font-size:12.8px !important;
    line-height:1.6 !important;
    color:#5a6d86 !important;
    font-weight:700 !important;
  }
}

@media (max-width:1000px){
  .realtime-inner{
    height:62px !important;
    min-height:62px !important;
    padding:0 20px !important;
    grid-template-columns:110px 1fr !important;
    align-items:center !important;
  }

  .realtime-label{
    height:62px !important;
    display:flex !important;
    align-items:center !important;
    gap:8px !important;
    padding-right:10px !important;
  }

  .realtime-viewport{
    height:62px !important;
    overflow:hidden !important;
    display:block !important;
  }

  .realtime-track{
    display:block !important;
  }

  .realtime-item{
    height:62px !important;
    display:grid !important;
    align-items:center !important;
    padding:0 12px !important;
    gap:10px !important;
    grid-template-columns:auto 1fr auto !important;
  }

  .realtime-label b{font-size:12.5px !important;line-height:1 !important;font-weight:900 !important;}
  .realtime-copy{font-size:12px !important;line-height:1.24 !important;font-weight:800 !important;}
  .realtime-channel{font-size:10px !important;padding:5px 8px !important;}
  .realtime-time{font-size:10px !important;line-height:1 !important;}

  .seo-v41-chart-head b,
  .seo-v41-platform-title,
  .seo-v41-tools b{
    font-size:10.5px !important;
    line-height:1.2 !important;
    font-weight:900 !important;
  }

  .seo-v41-chart-head em{
    font-size:8.5px !important;
    line-height:1 !important;
    padding:3px 5px !important;
    font-weight:900 !important;
  }

  .why-grid-detail small{
    font-size:12.4px !important;
    line-height:1.58 !important;
    color:#5a6d86 !important;
    font-weight:700 !important;
  }
}


/* =========================================================
   v64 — 하단 고정 전화/카카오/이메일 바 가로폭 정렬
   SEO 배너 실제 가로폭(1200 컨테이너 - 좌우 28px)과 동일
   ========================================================= */

@media (min-width:1001px){
  .sticky-contact-bar{
    left:50% !important;
    right:auto !important;
    width:min(1144px, calc(100vw - 56px)) !important;
    max-width:1144px !important;
    transform:translateX(-50%) !important;
    box-sizing:border-box !important;
  }
}


/* =========================================================
   v67 — SEO 하단 3개 배지 가독성 확대
   ========================================================= */
@media (min-width:1001px){
  .seo-v41-badges{
    margin-top:13px !important;
    gap:8px !important;
  }

  .seo-v41-badges span{
    min-height:32px !important;
    padding:0 12px !important;
    font-size:11px !important;
    line-height:1 !important;
    font-weight:900 !important;
    border-radius:999px !important;
  }
}

@media (max-width:1000px){
  .seo-v41-badges{
    gap:7px !important;
  }

  .seo-v41-badges span{
    min-height:29px !important;
    padding:0 10px !important;
    font-size:10px !important;
    line-height:1 !important;
    font-weight:900 !important;
  }
}


/* =========================================================
   v68 — WHY 핵심 3칸 / 수수료배너 가독성 복구
   ========================================================= */

@media (min-width:1001px){
  /* 01 / 02 / 03 칸 안에 맞춰 크게 */
  .why-highlight-points{
    gap:10px !important;
  }

  .why-highlight-points div{
    min-height:96px !important;
    padding:16px 10px !important;
    border-radius:15px !important;
    display:flex !important;
    flex-direction:column !important;
    justify-content:center !important;
    align-items:center !important;
  }

  .why-highlight-points b{
    font-size:12.5px !important;
    line-height:1 !important;
    font-weight:950 !important;
    margin-bottom:10px !important;
    color:#83b0ff !important;
  }

  .why-highlight-points span{
    font-size:14px !important;
    line-height:1.2 !important;
    font-weight:950 !important;
    letter-spacing:-.025em !important;
    white-space:nowrap !important;
    color:#fff !important;
  }

  /* WHY 하단 운영매체 글씨 확대 */
  .why-fee-banner span{
    font-size:12.5px !important;
    line-height:1.2 !important;
    font-weight:900 !important;
    letter-spacing:.01em !important;
    color:#667790 !important;
  }

  .why-fee-banner b{
    font-size:15px !important;
    line-height:1.25 !important;
    font-weight:950 !important;
  }
}

@media (max-width:1000px){
  .why-highlight-points div{
    min-height:82px !important;
    padding:13px 6px !important;
  }

  .why-highlight-points b{
    font-size:11.5px !important;
    margin-bottom:7px !important;
    font-weight:950 !important;
  }

  .why-highlight-points span{
    font-size:11.5px !important;
    line-height:1.18 !important;
    font-weight:950 !important;
    white-space:nowrap !important;
  }

  .why-fee-banner span{
    font-size:11.5px !important;
    font-weight:900 !important;
  }

  .why-fee-banner b{
    font-size:14px !important;
    font-weight:950 !important;
  }
}