@import url('https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/static/pretendard.css');
  @import url('https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@500;700&display=swap');
  :root{
    --navy:#384070; --navy-deep:#2a3057; --navy-ink:#20243f;
    --gold:#F0B840; --gold-deep:#b9851f; --gold-soft:#f6e6bf; --gtint:#fdf7e9;
    --ink:#1b2030; --body:#3c4252; --muted:#717892; --faint:#9aa0b4;
    --line:#e7e9f1; --bg:#f4f5fa; --paper:#fff; --tint:#f1f3fb; --teal:#2f6f63;
    --mono:'JetBrains Mono',monospace;
    --maxw:1120px;
  }
  *{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}
  html{scroll-behavior:smooth}
  section[id],#guide,#compare{scroll-margin-top:82px}
  @media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
  body{font-family:'Pretendard',-apple-system,sans-serif;background:var(--bg);color:var(--body);line-height:1.65;-webkit-font-smoothing:antialiased}
  img{max-width:100%}
  .wrap{max-width:var(--maxw);margin:0 auto;padding:0 32px}

  /* ── 글로벌 헤더 / GNB ── */
  .gnb{position:sticky;top:0;z-index:40;background:rgba(255,255,255,.9);backdrop-filter:saturate(160%) blur(10px);border-bottom:1px solid var(--line);position:relative}
  .gnb .in{max-width:var(--maxw);margin:0 auto;height:66px;display:flex;align-items:center;gap:18px;padding:0 32px}
  .logo{display:flex;align-items:center;gap:10px;text-decoration:none;flex-shrink:0}
  .logo .mk{width:32px;height:32px;border-radius:8px;background:var(--navy);color:#fff;font-weight:800;display:grid;place-items:center;font-size:15px;position:relative}
  .logo .mk::after{content:"";position:absolute;top:5px;right:5px;width:5px;height:5px;border-radius:50%;background:var(--gold)}
  .logo b{font-weight:800;color:var(--ink);font-size:18px;letter-spacing:-.3px}
  .navlinks{display:flex;align-items:center;gap:4px;margin-left:14px}
  .navlinks a{text-decoration:none;color:var(--body);font-size:14.5px;font-weight:600;padding:9px 14px;border-radius:9px}
  .navlinks a:hover{background:var(--tint);color:var(--ink)}
  .gnb .right{margin-left:auto;display:flex;align-items:center;gap:10px}
  .gnb .consult{background:var(--gold);color:var(--navy-ink);text-decoration:none;font-size:14px;font-weight:800;padding:10px 18px;border-radius:10px;cursor:pointer}
  .gnb .consult:hover{background:#e3a52a}
  .gnb .menu{display:none;width:42px;height:42px;border:1px solid var(--line);background:#fff;border-radius:10px;flex-direction:column;align-items:center;justify-content:center;gap:4px;cursor:pointer}
  .gnb .menu i{width:18px;height:2px;background:var(--ink);border-radius:2px;display:block}

  /* 슬라이드 메뉴(모바일) */
  .drawer{position:fixed;inset:0;z-index:50;display:none}
  .drawer.on{display:block}
  .drawer .scrim{position:absolute;inset:0;background:rgba(20,24,40,.45)}
  .drawer .sheet{position:absolute;top:0;right:0;width:80%;max-width:340px;height:100%;background:#fff;padding:20px;display:flex;flex-direction:column;gap:4px;transform:translateX(100%);transition:transform .22s}
  .drawer.on .sheet{transform:none}
  .drawer .dh{display:flex;align-items:center;margin-bottom:12px}
  .drawer .dh b{font-weight:800;color:var(--ink);font-size:16px}
  .drawer .dx{margin-left:auto;border:0;background:var(--tint);width:34px;height:34px;border-radius:8px;font-size:18px;cursor:pointer;color:var(--muted)}
  .drawer a{text-decoration:none;color:var(--ink);font-size:16px;font-weight:600;padding:14px 10px;border-radius:10px}
  .drawer a:active{background:var(--tint)}
  .drawer .dcta{margin-top:auto;background:var(--gold);color:var(--navy-ink);text-align:center;font-weight:800;padding:14px;border-radius:12px;cursor:pointer}

  /* ── 히어로 ── */
  .hero{background:
     radial-gradient(80% 120% at 100% 0%, #fdf7e9 0%, rgba(253,247,233,0) 60%),
     linear-gradient(180deg,#fff,var(--bg) 90%);
     border-bottom:1px solid var(--line)}
  .hero .wrap{padding-top:64px;padding-bottom:60px}
  .hgrid{display:grid;grid-template-columns:1.08fr .92fr;gap:48px;align-items:center}
  .eb{font-family:'Pretendard',-apple-system,sans-serif;font-size:12px;font-weight:700;letter-spacing:.3px;color:var(--gold-deep);text-transform:none}
  .eb-n{display:inline-flex;align-items:center;justify-content:center;min-width:26px;height:20px;
    background:var(--gold);color:var(--navy-ink);border-radius:6px;font-family:'Pretendard',-apple-system,sans-serif;
    font-size:11px;font-weight:800;letter-spacing:0;margin-right:9px;flex-shrink:0}
  .sprog{position:absolute;left:0;bottom:-1px;height:3px;width:0;background:linear-gradient(90deg,var(--navy),var(--gold));
    transition:width .08s linear;border-radius:0 3px 3px 0;z-index:2}
  @media (max-width:860px){.eb-n{min-width:24px;height:19px;font-size:10.5px;margin-right:7px}}
  /* 모바일 터치 타깃 보정 (≥44px) */
  @media (max-width:860px){
    .gnb .logo{min-height:44px;display:inline-flex;align-items:center}
    .gnb .consult{min-height:46px;display:inline-flex;align-items:center;padding:12px 16px}
    .gnb .menu{min-width:46px;min-height:46px}
    .qreset,.reset{min-height:44px;display:inline-flex;align-items:center;justify-content:center;width:100%}
    .ob-chip{min-height:40px;padding:8px 13px;align-items:center}
    #onboarding a[data-lead-cta]{min-height:46px;display:inline-flex;align-items:center;justify-content:center}
    .ft ul a{display:inline-flex;align-items:center;min-height:40px}
    .ft-legal .lk a{min-height:40px;display:inline-flex;align-items:center}
    .hb-go{min-height:40px;display:inline-flex;align-items:center}
    .as-arr{min-height:40px;display:inline-flex;align-items:center}
  }
  .hcopy h1{font-size:46px;font-weight:800;color:var(--ink);letter-spacing:-1.4px;line-height:1.22;margin:14px 0 18px}
  .hcopy h1 em{font-style:normal;color:var(--navy);position:relative;white-space:nowrap}
  .hcopy h1 .neg{color:#d83232}
  .hcopy h1 em::after{content:"";position:absolute;left:0;right:0;bottom:4px;height:13px;background:var(--gold-soft);z-index:-1;border-radius:3px}
  .hcopy .sub{font-size:17px;color:var(--muted);line-height:1.7;max-width:520px}
  .hcopy .sub b{color:var(--body)}
  .cta{margin-top:26px;display:flex;gap:12px;flex-wrap:wrap}
  .btn{display:inline-block;text-align:center;text-decoration:none;font-weight:800;font-size:15.5px;padding:14px 26px;border-radius:13px;cursor:pointer;border:0;font-family:'Pretendard'}
  .btn-p{background:var(--gold);color:var(--navy-ink);box-shadow:0 12px 26px -12px rgba(240,184,64,.75)}
  .btn-s{background:#fff;color:var(--navy);border:1.6px solid var(--navy)}
  .btn:active{transform:translateY(1px)}
  .micro{font-size:12.5px;color:var(--faint);margin-top:14px}
  .micro b{font-weight:800;color:var(--body)}
  .trust{margin-top:34px;display:grid;grid-template-columns:repeat(2,1fr);gap:14px}
  .trust .t{background:#fff;border:1px solid var(--line);border-radius:13px;padding:15px 14px;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:97px}
  .trust .t .v{font-family:var(--mono);font-size:21px;font-weight:800;color:var(--navy);letter-spacing:-.6px;line-height:1.1}
  .trust .t .v em{font-style:normal;color:var(--gold-deep);font-size:15px}
  .trust .t .k{font-size:11.5px;color:var(--muted);margin-top:5px;line-height:1.35;word-break:keep-all}
  .trust .t .v.vtxt{font-family:'Pretendard',sans-serif;font-size:16.5px;line-height:1.35;letter-spacing:-.3px;word-break:keep-all}

  /* 히어로 시각물(리포트 미리보기 — 데스크톱) */
  .hvisual{display:flex;justify-content:center}
  .report-card{width:100%;max-width:380px;background:#fff;border:1px solid var(--line);border-radius:20px;box-shadow:0 28px 60px -30px rgba(29,35,66,.45);overflow:hidden}
  .rc-top{background:var(--navy-deep);color:#fff;padding:18px 20px;display:flex;align-items:center;gap:11px}
  .rc-top .badge{font-family:var(--mono);font-size:11px;font-weight:700;background:rgba(240,184,64,.18);color:var(--gold);border:1px solid rgba(240,184,64,.4);padding:3px 9px;border-radius:6px}
  .rc-top .ttl{font-size:13.5px;font-weight:700}
  .rc-top .ill{margin-left:auto;font-size:10.5px;color:#aeb9d6;font-family:var(--mono)}
  .rc-body{padding:18px 20px 20px}
  /* 리포트 프리뷰: 검사 탭 */
  .rc-tabs{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin-bottom:16px;min-width:0;max-width:100%}
  .hgrid>*{min-width:0}
  .report-card{min-width:0}
  .rc-tb{border:1.5px solid var(--line);background:#fff;border-radius:8px;padding:8px 4px;min-height:36px;
    display:flex;align-items:center;justify-content:center;
    font-family:var(--mono);font-size:10.5px;font-weight:700;color:var(--muted);cursor:pointer;transition:all .14s;white-space:nowrap}
  .rc-tb:hover{border-color:#cfd5e6;color:var(--ink)}
  .rc-tb.on{background:var(--navy);border-color:var(--navy);color:#fff}
  .rc-circle{transition:border-color .3s}
  .rc-circle span{display:inline-block;transition:opacity .18s,transform .18s}
  .rc-circle.sw span{opacity:0;transform:translateY(-6px)}
  .rc-bar .fill{transition:width .7s cubic-bezier(.2,.8,.2,1)}
  .rc-bar .fill.rev{background:linear-gradient(90deg,#3f8f6f,#7cc4a4)}
  .rc-bar .bl b{font-weight:800;color:var(--navy)}
  .rc-bei{margin-top:12px;padding:10px 12px;background:var(--tint);border:1px solid #dfe3f2;border-radius:9px;
    font-size:11.5px;color:var(--body);line-height:1.55}
  .rc-bei b{color:var(--navy);font-weight:800}
  .rc-grade{display:flex;align-items:center;gap:16px;margin-bottom:18px}
  .rc-circle{width:64px;height:64px;border-radius:50%;border:5px solid var(--gold);display:flex;align-items:center;justify-content:center;font-size:26px;font-weight:800;color:var(--navy);font-family:var(--mono)}
  .rc-grade .gl{font-size:12.5px;color:var(--muted)}.rc-grade .gl b{display:block;font-size:15px;color:var(--ink)}
  .rc-bar{margin-bottom:13px}
  .rc-bar .bl{display:flex;justify-content:space-between;font-size:12px;color:var(--body);margin-bottom:5px}
  .rc-bar .track{height:8px;background:var(--tint);border-radius:5px;overflow:hidden}
  .rc-bar .fill{height:100%;background:linear-gradient(90deg,var(--navy),var(--gold))}
  .rc-chip{margin-top:16px;display:inline-flex;align-items:center;gap:6px;font-size:11.5px;font-weight:700;color:var(--teal);background:#e8f3ef;padding:6px 11px;border-radius:8px}

  /* 다음 블록 자리표시 */
  .next-stub{max-width:var(--maxw);margin:18px auto 40px;padding:0 32px}
  .next-stub .inner{border:1.5px dashed #cfd5e6;border-radius:14px;padding:22px;text-align:center;color:var(--faint);font-family:var(--mono);font-size:12px;line-height:1.7}
  .next-stub b{color:var(--gold-deep)}

  /* ════ 반응형 ════ */
  @media (max-width:860px){
    .wrap,.gnb .in{padding-left:20px;padding-right:20px}
    .navlinks{display:none}
    .gnb .menu{display:flex}
    .gnb .in{height:58px}
    .hero .wrap{padding-top:40px;padding-bottom:40px}
    .hgrid{grid-template-columns:1fr;gap:32px}
    /* 리포트 프리뷰: 모바일에서도 노출(컴팩트) */
    .hvisual{display:flex;margin-top:26px}
    .report-card{width:100%;max-width:none}
    .rc-top{padding:14px 16px}
    .rc-top .ttl{font-size:12.5px}
    .rc-body{padding:16px}
    .rc-tabs{margin:0 0 14px;padding:0;gap:5px}
    .rc-tb{min-height:40px;font-size:10px;padding:8px 2px}
    .rc-grade{gap:13px;margin-bottom:15px}
    .rc-circle{width:56px;height:56px;border-width:4px;font-size:22px}
    .rc-bei{font-size:11px}
    .hcopy h1{font-size:33px;letter-spacing:-1px}
    .hcopy .sub{font-size:15.5px}
    .cta{flex-direction:column;gap:10px}
    .btn{width:100%;padding:15px}
    .trust{gap:10px;margin-top:26px}
    .trust .t{min-width:calc(33% - 10px)}
    .next-stub{padding:0 20px}
  }
  @media (max-width:480px){
    .wrap,.gnb .in,.next-stub{padding-left:16px;padding-right:16px}
    .hcopy h1{font-size:28px}
    .trust .t .v{font-size:18px}
  }
  @media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}

  /* ── 검사 추천 퀴즈 ── */
  .qz-sec{padding:60px 0;border-top:1px solid var(--line);background:#fff}
  .qz-head{text-align:center;margin-bottom:28px}
  .qz-head .eb{justify-content:center}
  .qz-head h2{font-size:30px;font-weight:800;color:var(--ink);letter-spacing:-.6px;margin-top:8px}
  .qz-head p{font-size:15.5px;color:var(--muted);margin-top:9px}
  .quiz{max-width:560px;margin:0 auto;background:var(--paper);border:1px solid var(--line);border-radius:18px;overflow:hidden;box-shadow:0 16px 44px -26px rgba(29,35,66,.35)}
  .qbar{height:5px;background:#eef0f6}.qbar i{display:block;height:100%;width:0;background:linear-gradient(90deg,var(--navy),var(--gold));transition:width .3s}
  .qtop{display:flex;align-items:center;justify-content:space-between;padding:16px 22px 0}
  .qstep{font-family:'Pretendard',-apple-system,sans-serif;font-size:11px;font-weight:700;color:var(--gold-deep);letter-spacing:.3px}
  .qback{background:none;border:0;color:var(--muted);font-size:12.5px;cursor:pointer;display:none}.qback.on{display:inline}
  .qbody{padding:14px 22px 26px}
  .qq{font-size:19px;font-weight:800;color:var(--ink);margin:8px 0 17px;line-height:1.4}
  .opts{display:flex;flex-direction:column;gap:9px}
  .opt{display:flex;align-items:center;gap:12px;width:100%;text-align:left;background:#fff;border:1.5px solid var(--line);border-radius:12px;padding:14px 15px;font-family:'Pretendard';font-size:15px;font-weight:600;color:var(--ink);cursor:pointer;transition:border-color .12s,background .12s}
  .opt:hover{border-color:var(--navy);background:var(--tint)}
  .opt .ic{width:36px;height:36px;border-radius:10px;background:var(--tint);display:flex;align-items:center;justify-content:center;font-size:18px;flex-shrink:0}
  .opt .tx small{display:block;font-size:12px;font-weight:500;color:var(--muted);margin-top:1px}
  .opt.sel{border-color:var(--navy);background:var(--tint)}
  .opt .chk{margin-left:auto;color:var(--navy);font-weight:800;opacity:0;transition:opacity .12s;flex-shrink:0}
  .opt.sel .chk{opacity:1}
  .qhint{font-size:12px;font-weight:600;color:var(--muted)}
  .qnext{margin-top:14px;width:100%;background:var(--navy);color:#fff;border:none;border-radius:12px;padding:14px;font-family:'Pretendard';font-weight:700;font-size:15px;cursor:pointer;transition:opacity .12s}
  .qnext:disabled{opacity:.4;cursor:not-allowed}
  .tadd{font-size:10px;font-weight:700;color:var(--gold-deep);background:var(--gtint);border:1px solid var(--gold-soft);border-radius:5px;padding:1px 5px;margin-left:5px;vertical-align:middle}
  .res2{padding:24px 22px}
  .res2 .eb{justify-content:center;margin-bottom:4px}
  .res2 h3{text-align:center;font-size:22px;font-weight:800;color:var(--ink);margin:6px 0 6px}
  .res2 .why{text-align:center;font-size:13.5px;color:var(--muted);margin-bottom:18px}
  .cards{display:flex;flex-direction:column;gap:10px}
  .tcard{display:flex;align-items:center;gap:13px;border:1px solid var(--line);border-radius:12px;padding:13px 15px;text-decoration:none}
  .tcard:first-child{border-color:var(--navy);background:var(--tint)}
  .tcard .bd{font-family:var(--mono);font-size:11px;font-weight:700;color:#fff;background:var(--navy);border-radius:7px;padding:5px 9px;min-width:80px;text-align:center}
  .tcard:first-child .bd{background:var(--gold-deep)}
  .tcard .tx b{font-size:14.5px;color:var(--ink);display:block}.tcard .tx small{font-size:12.5px;color:var(--muted)}
  .tcard .arr{margin-left:auto;color:var(--faint)}
  .rcta{margin-top:18px;display:flex;flex-direction:column;gap:9px}
  .rcta a,.rcta button{font-family:'Pretendard';font-weight:800;font-size:14.5px;padding:13px;border-radius:12px;border:0;cursor:pointer;text-align:center;text-decoration:none}
  .rcta .p{background:var(--gold);color:var(--navy-ink)}.rcta .s{background:var(--navy);color:#fff}
  .rcta .reset{background:none;color:var(--muted);font-weight:600;font-size:13px}
  @media (max-width:860px){.qz-sec{padding:44px 0}.qz-head h2{font-size:24px}.qq{font-size:17px}}

  /* ── 검사 라인업(7종) ── */
  .ln-sec{padding:60px 0;border-top:1px solid var(--line);background:var(--bg)}
  .ln-head{text-align:center;margin-bottom:30px}
  .ln-head .eb{justify-content:center}
  .ln-head h2{font-size:30px;font-weight:800;color:var(--ink);letter-spacing:-.6px;margin-top:8px}
  .ln-head p{font-size:15.5px;color:var(--muted);margin-top:9px}
  .ln-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
  .ascard{display:flex;flex-direction:column;background:var(--paper);border:1px solid var(--line);border-radius:15px;padding:20px;text-decoration:none;color:inherit;transition:border-color .12s,transform .12s,box-shadow .12s}
  .ascard:hover{border-color:var(--navy);transform:translateY(-2px);box-shadow:0 14px 32px -20px rgba(29,35,66,.4)}
  .as-top{display:flex;align-items:center;gap:8px;margin-bottom:11px}
  .as-code{font-family:var(--mono);font-size:12px;font-weight:700;color:#fff;background:var(--navy);border-radius:7px;padding:4px 10px}
  .as-code.safety{background:#f6c915;color:var(--navy-ink);box-shadow:inset 0 0 0 1px #d9a800}
  .as-flag{font-family:var(--mono);font-size:10px;font-weight:800;letter-spacing:.6px;padding:3px 7px;border-radius:5px}
  .as-flag.hot{color:#d83232;background:#fdecec;border:1px solid #f5c9c9}
  .as-flag.new{color:#2f5bd0;background:#eaf0fd;border:1px solid #c9d8f6}
  .as-tag{margin-left:auto;font-size:11px;font-weight:700;color:var(--gold-deep);background:var(--gtint);border:1px solid var(--gold-soft);padding:3px 9px;border-radius:20px}
  .as-i18n{font-size:11px;font-weight:700;color:#1c7a4f;background:#e8f6ee;border:1px solid #c3e6d2;padding:3px 9px;border-radius:20px}
  .as-name{font-size:17px;font-weight:800;color:var(--ink)}
  .as-desc{font-size:13px;color:var(--muted);margin:6px 0 13px;line-height:1.55;flex:1}
  .as-spec{font-family:var(--mono);font-size:11.5px;color:var(--faint);border-top:1px solid var(--line);padding-top:11px}
  .as-arr{font-size:12.5px;font-weight:700;color:var(--navy);margin-top:9px}
  .ln-help{margin-top:24px;display:flex;align-items:center;justify-content:center;gap:16px;flex-wrap:wrap;background:var(--navy-deep);border-radius:14px;padding:20px 24px}
  .ln-help span{font-size:15px;color:#dfe5f2;font-weight:600}
  .ln-help a{background:var(--gold);color:var(--navy-ink);text-decoration:none;font-weight:800;font-size:14px;padding:11px 20px;border-radius:10px;cursor:pointer}
  @media (max-width:900px){.ln-grid{grid-template-columns:repeat(2,1fr)}}
  .ln-swipe{display:none;align-items:center;justify-content:center;gap:8px;margin-top:2px;font-size:11.5px;color:var(--faint)}
  .ln-swipe .dots{display:flex;gap:4px}
  .ln-swipe .dot{width:5px;height:5px;border-radius:50%;background:#d3d8e8;transition:background .18s,width .18s}
  .ln-swipe .dot.on{background:var(--navy);width:14px;border-radius:99px}
  @media (max-width:860px){
    /* 검사 7종: 가로 스냅 캐러셀 */
    .ln-grid{display:grid;grid-auto-flow:column;grid-template-columns:none;grid-auto-columns:82%;gap:12px;
      overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;
      margin:0 -16px;padding:2px 16px 14px;scrollbar-width:none}
    .ln-grid::-webkit-scrollbar{display:none}
    .ascard{scroll-snap-align:center;min-height:100%}
    .ascard:active{transform:scale(.99)}
    .ln-head h2{font-size:24px}
    .ln-swipe{display:flex}
  }


  /* ── 비용 효과(ROI) ── */
  .ro-sec{padding:60px 0;border-top:1px solid var(--line);background:#fff}
  .ro-head{text-align:center;margin-bottom:28px}
  .ro-head .eb{justify-content:center}
  .ro-head h2{font-size:30px;font-weight:800;color:var(--ink);letter-spacing:-.6px;margin-top:8px}
  .ro-head p{font-size:15.5px;color:var(--muted);margin-top:9px}
  .roi-card{max-width:760px;margin:0 auto;border:1px solid var(--line);border-radius:18px;overflow:hidden;background:var(--paper);box-shadow:0 16px 44px -28px rgba(29,35,66,.35)}
  .roi-grid{display:grid;grid-template-columns:1.05fr .95fr}
  .roi-ins{padding:26px 26px 24px;border-right:1px solid var(--line);background:linear-gradient(180deg,#fcfdff,var(--paper))}
  .roi-fld{margin-bottom:18px}
  .roi-fld .l{display:flex;justify-content:space-between;align-items:baseline;gap:10px;font-size:13.5px;font-weight:700;color:var(--ink);margin-bottom:8px}
  .roi-fld .l .src{font-size:10px;color:var(--faint);font-family:var(--mono);text-align:right;flex-shrink:0;line-height:1.4}
  .roi-unit{position:relative}
  .roi-unit .u{position:absolute;right:14px;top:50%;transform:translateY(-50%);font-size:12.5px;font-weight:600;color:var(--muted);pointer-events:none}
  .roi-fld input[type=text]{width:100%;border:1.5px solid #e3e7f2;border-radius:11px;padding:13px 52px 13px 15px;background:#fff;font-family:var(--mono);font-size:17px;font-weight:800;color:var(--navy);letter-spacing:-.2px;transition:border-color .14s,box-shadow .14s}
  .roi-fld input[type=text]:hover{border-color:#cfd5e6}
  .roi-fld input[type=text]:focus{outline:none;border-color:var(--navy);box-shadow:0 0 0 3px rgba(56,64,112,.1)}
  .roi-rw{display:flex;align-items:center;gap:13px;background:#fff;border:1.5px solid #e3e7f2;border-radius:11px;padding:11px 14px}
  .roi-rw input[type=range]{flex:1;accent-color:var(--navy);height:4px;cursor:pointer}
  .roi-rw .rv{font-family:var(--mono);font-weight:800;color:var(--navy);font-size:15px;min-width:52px;text-align:right}
  .roi-asm{background:var(--gtint);border:1px solid var(--gold-soft);border-radius:12px;padding:14px 15px}
  .roi-asm .at{font-size:11.5px;font-weight:800;color:var(--gold-deep);margin-bottom:10px}
  .roi-asm .roi-rw{background:#fff;border-color:var(--gold-soft)}
  .roi-asm input[type=range]{accent-color:var(--gold-deep)}.roi-asm .rv{color:var(--gold-deep)}
  .roi-res{padding:24px;background:var(--navy-deep);color:#fff;display:flex;flex-direction:column;text-align:center}
  .roi-res .e{font-family:var(--mono);font-size:12px;font-weight:800;letter-spacing:1.2px;color:var(--gold);text-transform:uppercase}
  .roi-res .rk{font-size:13px;color:#c7d0e6;margin-top:10px}
  .roi-res .rv{font-size:46px;font-weight:800;color:var(--gold);letter-spacing:-1.6px;line-height:1.12;margin-top:4px;text-shadow:0 2px 18px rgba(240,184,64,.28)}.roi-res .rv small{font-size:18px;color:#fff;margin-left:3px;letter-spacing:-.3px}
  .roi-pill{display:inline-flex;gap:8px;align-items:baseline;background:rgba(240,184,64,.14);border:1px solid rgba(240,184,64,.4);border-radius:30px;padding:8px 20px;margin-top:14px;align-self:center}
  .roi-pill .pk{font-size:12px;color:#e7d6ad}.roi-pill .pv{font-size:23px;font-weight:800;color:var(--gold);font-family:var(--mono);letter-spacing:-.5px}
  .roi-rows{margin-top:20px;border-top:1px solid #3a4570;padding-top:15px;display:flex;flex-direction:column;gap:10px;text-align:left}
  .roi-row{display:flex;justify-content:space-between;font-size:12px}
  .roi-row .k{color:#aeb9d6}.roi-row .k em{font-style:normal;color:#8f9bbd;font-size:10px;font-family:var(--mono)}
  .roi-row .v{font-family:var(--mono);font-weight:800;color:#fff;font-size:14.5px;letter-spacing:-.2px}.roi-row .v.neg{color:#ff9a9a}
  .roi-res .cta{margin-top:auto;padding-top:16px;display:flex;justify-content:center}
  .roi-res .cta a{display:inline-block;text-align:center;background:var(--gold);color:var(--navy-ink);font-weight:800;font-size:14px;padding:12px 40px;min-width:204px;border-radius:11px;text-decoration:none;cursor:pointer;white-space:nowrap}
  .roi-res .cta a:hover{background:#e3a52a}
  .roi-foot{padding:13px 26px;font-size:11px;color:var(--muted);background:#fafbfe;border-top:1px solid var(--line);line-height:1.6}
  .roi-foot b{color:var(--ink)}
  @media (max-width:860px){.ro-sec{padding:44px 0}.ro-head h2{font-size:24px}.roi-grid{grid-template-columns:1fr}.roi-ins{border-right:0;border-bottom:1px solid var(--line)}.roi-res .rv{font-size:40px}.roi-pill .pv{font-size:21px}}

  /* ── 검증·신뢰(TRS) ── */
  .tr-sec{padding:64px 0;border-top:1px solid var(--line);background:var(--bg)}
  .tr-head{text-align:center;margin-bottom:34px}
  .tr-head .eb{justify-content:center}
  .tr-head h2{font-size:30px;font-weight:800;color:var(--ink);letter-spacing:-.6px;margin-top:8px}
  .tr-head p{font-size:15.5px;color:var(--muted);margin-top:9px;max-width:600px;margin-left:auto;margin-right:auto}
  .tr-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:22px}
  .trm{background:var(--paper);border:1px solid var(--line);border-radius:14px;padding:22px 16px;text-align:center}
  .trm .v{font-family:var(--mono);font-size:29px;font-weight:800;color:var(--navy);letter-spacing:-.8px;line-height:1.1}.trm .v em{font-style:normal;color:var(--gold-deep);font-size:17px}
  .trm .k{font-size:13px;font-weight:700;color:var(--ink);margin-top:7px}
  .trm .s{font-size:11.5px;color:var(--muted);margin-top:3px}
  .tr-note{text-align:center;max-width:660px;margin:0 auto 22px;font-size:13.5px;color:var(--muted);line-height:1.7}
  .tr-note b{color:var(--ink)}
  .tr-review{max-width:660px;margin:0 auto 46px;display:flex;align-items:center;gap:15px;background:var(--paper);border:1px solid var(--line);border-left:4px solid var(--gold);border-radius:13px;padding:17px 20px}
  .tr-review .ic{width:44px;height:44px;border-radius:50%;background:var(--navy-deep);color:var(--gold);display:flex;align-items:center;justify-content:center;font-size:20px;font-weight:800;flex-shrink:0}
  .tr-review .eb2{font-family:var(--mono);font-size:10.5px;font-weight:700;letter-spacing:1px;color:var(--gold-deep);text-transform:uppercase;margin-bottom:4px}
  .tr-review .tx{font-size:14px;color:var(--body);line-height:1.6}
  .tr-review .tx b{color:var(--ink)}
  @media (max-width:480px){.tr-review{align-items:flex-start}}
  .tr-sub{text-align:center;font-family:var(--mono);font-size:11px;letter-spacing:1px;color:var(--faint);text-transform:uppercase;margin-bottom:16px}
  .tr-sub.tr-sub-lg{font-family:'Pretendard',sans-serif;font-size:22px;font-weight:800;color:var(--ink);letter-spacing:-.4px;text-transform:none;margin-bottom:20px;word-break:keep-all}
  @media (max-width:860px){.tr-sub.tr-sub-lg{font-size:19px}}
  .tr-sub.tr-sub-b{font-weight:800;color:var(--ink)}
  .tr-clients-line{text-align:center;font-size:18.5px;font-weight:600;color:var(--ink);letter-spacing:-.3px;margin:0 0 22px;line-height:1.5}
  .tr-clients-line strong{font-weight:800;color:var(--ink)}
  .tr-clients-line b{font-weight:800;color:var(--gold-deep);font-size:21px}
  .ph-tag{display:inline-block;font-family:var(--mono);font-size:10px;font-weight:700;color:var(--gold-deep);background:var(--gtint);border:1px solid var(--gold-soft);padding:2px 8px;border-radius:20px}
  .tr-logos{display:grid;grid-template-columns:repeat(5,1fr);gap:14px;margin-bottom:14px}
  .trlogo{height:62px;border:1.5px dashed #cfd5e6;border-radius:12px;display:flex;align-items:center;justify-content:center;color:var(--faint);font-size:12px;background:var(--paper)}
  .tr-logowall{display:flex;flex-direction:column;gap:20px}
  .tr-lg .glabel{font-size:12px;font-weight:700;color:var(--muted);text-align:center;margin-bottom:11px}
  .tr-lg .chips{display:flex;flex-wrap:wrap;gap:9px;justify-content:center}
  .lgchip{display:inline-flex;align-items:center;justify-content:center;min-width:200px;height:100px;background:var(--paper);border:1px solid var(--line);border-radius:12px;padding:14px 24px;font-size:14px;font-weight:700;color:var(--navy-ink);white-space:nowrap}
  .lgchip img{display:none;max-height:52px;max-width:220px;width:auto;object-fit:contain;filter:grayscale(1);opacity:.72;transition:filter .15s,opacity .15s}
  .lgchip.img img{display:block}
  .lgchip:hover img{filter:none;opacity:1}
  .lgchip i{font-style:normal}
  .lgchip.img i{display:none}
  .lgchip.more{color:var(--muted);font-weight:600;border-style:dashed}
  .tr-marquee{overflow:hidden;position:relative;-webkit-mask:linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent);mask:linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent)}
  .tr-track{display:flex;gap:9px;width:max-content;animation:khmq 42s linear infinite}
  .tr-track.rev{animation-direction:reverse}
  .tr-track.slow{animation-duration:54s}
  .tr-marquee:hover .tr-track{animation-play-state:paused}
  @keyframes khmq{from{transform:translateX(0)}to{transform:translateX(-50%)}}
  @media (prefers-reduced-motion:reduce){.tr-track{animation:none;flex-wrap:wrap;justify-content:center;width:auto}}
  .tr-block{text-align:center;margin-bottom:46px}
  .tr-quotes{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:16px}
  .trq{background:var(--paper);border:1px solid var(--line);border-radius:16px;padding:24px;text-align:left}
  .trq .stat{font-size:30px;font-weight:800;color:var(--gold-deep);font-family:var(--mono);letter-spacing:-1px}
  .trq .stat .ph{color:#cfb878}
  .trq .txt{font-size:14px;color:var(--body);margin:10px 0 16px;line-height:1.65}
  .trq .who{display:flex;align-items:center;gap:10px;border-top:1px solid var(--line);padding-top:13px}
  .trq .av{width:34px;height:34px;border-radius:50%;background:var(--tint);border:1px dashed #cfd5e6}
  .trq .who .nm{font-size:12.5px;font-weight:700;color:var(--ink)}.trq .who .ro{font-size:11.5px;color:var(--faint)}
  .tr-reviews{display:flex;flex-wrap:wrap;gap:16px;justify-content:center}
  /* 후기 필터 탭 */
  .rv-tabs{display:flex;justify-content:center;gap:7px;margin-bottom:18px;flex-wrap:wrap}
  .rv-tab{border:1.5px solid var(--line);background:#fff;border-radius:99px;padding:9px 16px;font-family:'Pretendard';
    font-size:13px;font-weight:700;color:var(--muted);cursor:pointer;transition:all .14s;white-space:nowrap}
  .rv-tab:hover{border-color:#cfd5e6;color:var(--ink)}
  .rv-tab.on{background:var(--navy);border-color:var(--navy);color:#fff}
  .rv-tab .n{font-family:var(--mono);font-size:11px;opacity:.72;margin-left:5px}
  .rvcard[hidden]{display:none}
  .rv-swipe{display:none}
  @media (max-width:860px){
    .rv-tabs{justify-content:flex-start;flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;
      margin:0 -16px 16px;padding:0 16px 2px;scroll-snap-type:x proximity}
    .rv-tabs::-webkit-scrollbar{display:none}
    .rv-tab{min-height:44px;flex-shrink:0;scroll-snap-align:start}
    /* 후기: 가로 스냅 캐러셀 */
    .tr-reviews{display:grid;grid-auto-flow:column;grid-auto-columns:86%;gap:12px;
      overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;
      margin:0 -16px;padding:2px 16px 12px;scrollbar-width:none;justify-content:flex-start}
    .tr-reviews::-webkit-scrollbar{display:none}
    .rvcard{max-width:none;flex:none;scroll-snap-align:center}
    .rv-swipe{display:block;text-align:center;font-size:11.5px;color:var(--faint);margin-top:2px}
  }
  .rvcard{flex:1 1 320px;max-width:352px;background:var(--paper);border:1px solid var(--line);border-radius:16px;padding:20px;display:flex;flex-direction:column}
  .rv-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:11px;gap:8px}
  .rv-stars{color:var(--gold);font-size:13px;letter-spacing:2px;flex-shrink:0}
  .rv-tag{font-family:var(--mono);font-size:10px;font-weight:700;color:var(--navy);background:var(--tint);border:1px solid #dfe3f2;border-radius:6px;padding:3px 8px;white-space:nowrap}
  .rv-title{font-size:14px;font-weight:800;color:var(--ink);margin-bottom:8px;text-align:left;line-height:1.45}
  .rv-body{font-size:13px;color:var(--body);line-height:1.65;flex:1;text-align:left}
  .rv-who{display:flex;align-items:center;gap:10px;border-top:1px solid var(--line);margin-top:15px;padding-top:13px}
  .rv-av{width:34px;height:34px;border-radius:50%;background:var(--navy-deep);color:var(--gold);display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:800;font-family:var(--mono);flex-shrink:0}
  .rvcard.combo{background:#fdf7e6;border-color:#e9cf88}
  .rvcard.combo .rv-av{width:auto;height:auto;min-height:30px;border-radius:9px;padding:6px 11px;background:#f7d5d5;color:var(--navy);border:1px solid #eec2c2;font-size:11.5px;font-weight:800;font-family:var(--mono);white-space:nowrap;letter-spacing:.2px}
  .cx{color:var(--gold);font-weight:800;padding:0 2px}
  .rvcard.combo .rv-top{align-items:flex-start}
  .rvcard.combo .rv-tag{white-space:normal;text-align:right;line-height:1.5;font-family:inherit;font-size:11px;word-break:keep-all;max-width:220px}
  .rv-nm{font-size:12.5px;font-weight:700;color:var(--ink);text-align:left}
  .rv-ro{font-size:11px;color:var(--faint);margin-top:1px;text-align:left}
  .tr-rvnote{text-align:center;margin-top:22px;font-size:12.5px;color:var(--muted)}
  .tr-rvnote .rs{color:var(--gold);letter-spacing:1px;margin:0 5px}
  .tr-rvnote b{color:var(--ink);font-weight:800}
  .tr-demo{background:var(--navy-deep);border-radius:18px;aspect-ratio:21/9;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff;border:1.5px dashed #5a6498;text-align:center}
  .tr-demo .play{width:58px;height:58px;border-radius:50%;background:rgba(240,184,64,.18);border:2px solid var(--gold);display:flex;align-items:center;justify-content:center;font-size:22px;color:var(--gold);margin-bottom:13px}
  .tr-demo .vt{font-size:14.5px;font-weight:700}.tr-demo .vs{font-size:12px;color:#aeb9d6;margin-top:4px}
  @media (max-width:860px){.tr-sec{padding:46px 0}.tr-head h2{font-size:24px}.tr-metrics{grid-template-columns:repeat(2,1fr)}.tr-logos{grid-template-columns:repeat(3,1fr)}.tr-quotes{grid-template-columns:1fr}.tr-demo{aspect-ratio:16/10}}

  /* ── 도입 절차(onboarding) ── */
  .ob-sec{padding:64px 0;border-top:1px solid var(--line);background:#fff}
  .ob-head{text-align:center;margin-bottom:34px}
  .ob-head .eb{justify-content:center}
  .ob-head h2{font-size:30px;font-weight:800;color:var(--ink);letter-spacing:-.6px;margin-top:8px}
  .ob-head p{font-size:15.5px;color:var(--muted);margin-top:9px;max-width:620px;margin-left:auto;margin-right:auto}
  .ob-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
  .ob-step{background:var(--paper);border:1px solid var(--line);border-radius:16px;padding:22px 20px;display:flex;flex-direction:column}
  .ob-step.lead{border-color:var(--gold);background:var(--gtint);box-shadow:0 14px 30px -20px rgba(240,184,64,.55)}
  .ob-no{font-family:var(--mono);font-size:14px;font-weight:800;color:var(--gold-deep);background:#fff;border:1px solid var(--gold-soft);width:42px;height:42px;border-radius:12px;display:flex;align-items:center;justify-content:center;margin-bottom:14px}
  .ob-step.lead .ob-no{background:var(--gold);color:var(--navy-ink);border-color:var(--gold)}
  .ob-t{font-size:16.5px;font-weight:800;color:var(--ink)}
  .ob-d{font-size:13px;color:var(--muted);margin:7px 0 14px;line-height:1.6;flex:1}
  .ob-time{font-family:var(--mono);font-size:11.5px;font-weight:700;color:var(--navy);background:var(--tint);border-radius:7px;padding:5px 10px;align-self:flex-start}
  .ob-step.lead .ob-time{background:#fff;color:var(--gold-deep);border:1px solid var(--gold-soft)}
  .ob-cta{margin-top:12px}
  .ob-cta a{display:block;text-align:center;background:var(--navy);color:#fff;font-weight:700;font-size:13px;padding:11px;border-radius:9px;text-decoration:none;cursor:pointer}
  .ob-note{text-align:center;margin-top:24px;font-size:12.5px;color:var(--muted)}
  .ob-points{display:flex;justify-content:center;gap:14px;flex-wrap:wrap;margin-top:18px}
  .ob-pt{display:flex;align-items:flex-start;gap:11px;background:var(--paper);border:1px solid var(--line);border-radius:12px;padding:13px 17px;max-width:350px;text-align:left}
  .ob-pt .ic{font-size:19px;line-height:1.3;flex-shrink:0}
  .ob-pt .tt{font-size:13.5px;font-weight:800;color:var(--ink)}
  .ob-pt .dd{font-size:12.5px;color:var(--muted);margin-top:2px;line-height:1.5}
  @media (max-width:520px){.ob-pt{max-width:100%}}
  .ob-note b{color:var(--ink)}
  .ob-demo{margin-top:44px;text-align:center}
  .ob-chip{display:inline-flex;align-items:center;gap:5px;background:var(--navy);color:#fff;font-weight:700;font-size:12px;padding:5px 11px;border-radius:8px;text-decoration:none;cursor:pointer;vertical-align:middle;margin:0 3px}
  .ob-chip:hover{background:var(--navy-deep)}
  .ob-chip svg{width:14px;height:14px;flex-shrink:0}
  @media (max-width:860px){.ob-sec{padding:46px 0}.ob-head h2{font-size:24px}.ob-grid{grid-template-columns:1fr 1fr}}
  @media (max-width:520px){.ob-grid{grid-template-columns:1fr}}

  /* ── 가격 3티어(pricing) ── */
  .pr-sec{padding:64px 0;border-top:1px solid var(--line);background:#fff}
  .pr-head{text-align:center;margin-bottom:36px}
  .pr-head .eb{justify-content:center}
  .pr-head h2{font-size:30px;font-weight:800;color:var(--ink);letter-spacing:-.6px;margin-top:8px}
  .pr-head p{font-size:15px;color:var(--muted);margin-top:9px;max-width:640px;margin-left:auto;margin-right:auto;line-height:1.6}
  .pr-intro{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;max-width:980px;margin:22px auto 0;text-align:left}
  .pr-pt{display:flex;gap:12px;align-items:flex-start;background:var(--paper);border:1px solid var(--line);border-radius:13px;padding:16px 18px;text-decoration:none}
  .pr-pt .n{width:26px;height:26px;border-radius:50%;background:var(--navy);color:#fff;font-family:var(--mono);font-size:13px;font-weight:800;display:flex;align-items:center;justify-content:center;flex-shrink:0}
  .pr-pt p{font-size:13px;color:var(--body);line-height:1.55;margin:2px 0 0}
  .pr-pt.cta{background:var(--gtint);border-color:var(--gold-soft);cursor:pointer}
  .pr-pt.cta .n{background:var(--gold);color:var(--navy-ink)}
  .pr-pt.cta p{font-weight:700;color:var(--navy)}
  .pr-pt.cta:hover{background:#fbeecb}
  @media (max-width:860px){.pr-intro{grid-template-columns:1fr;max-width:420px}}
  .pr-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;align-items:stretch;max-width:980px;margin:0 auto}
  .prcard{border:1px solid var(--line);border-radius:18px;padding:28px 24px;display:flex;flex-direction:column;background:var(--paper);position:relative}
  .prcard.feat{border:2px solid var(--gold);box-shadow:0 22px 46px -24px rgba(240,184,64,.55);background:#fff}
  .pr-ribbon{position:absolute;top:-11px;left:50%;transform:translateX(-50%);background:var(--gold);color:var(--navy-ink);font-size:11px;font-weight:800;padding:4px 14px;border-radius:20px;white-space:nowrap}
  .pr-name{font-size:14px;font-weight:800;color:var(--gold-deep);letter-spacing:0}
  .pr-tag{font-size:18px;font-weight:800;color:var(--ink);margin-top:8px}
  .pr-scale{font-size:12.5px;color:var(--muted);margin-top:4px}
  .pr-price{margin:18px 0;padding:15px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
  .pr-price .q{font-size:22px;font-weight:800;color:var(--navy);letter-spacing:-.5px}
  .pr-price .qs{font-size:12px;color:var(--muted);margin-top:3px}
  .pr-feat{list-style:none;display:flex;flex-direction:column;gap:9px;margin:18px 0 20px;padding-top:16px;border-top:1px solid var(--line);flex:1}
  .pr-feat li{font-size:13px;color:var(--body);padding-left:22px;position:relative;line-height:1.5}
  .pr-feat li::before{content:"✓";position:absolute;left:0;top:0;color:var(--gold-deep);font-weight:800}
  .pr-feat li b{color:var(--ink);font-weight:800}
  .pr-feat li.pr-inc::before{content:"+";color:var(--gold-deep);font-weight:800;font-size:16px;top:-1px}
  .pr-feat li .sub{display:block;font-size:11.5px;color:var(--muted);margin-top:2px}
  .pr-cta{display:block;text-align:center;padding:13px 10px;border-radius:11px;font-weight:800;font-size:13.5px;letter-spacing:-.2px;text-decoration:none;cursor:pointer;border:1.5px solid var(--navy);color:var(--navy);background:#fff;transition:background .12s,color .12s;word-break:keep-all}
  .pr-cta:hover{background:var(--tint)}
  .prcard.feat .pr-cta{background:var(--navy);color:#fff;border-color:var(--navy)}
  .prcard.feat .pr-cta:hover{background:var(--navy-deep)}
  .pr-foot{text-align:center;margin-top:26px;font-size:12.5px;color:var(--muted)}
  .pr-foot b{color:var(--ink)}
  @media (max-width:860px){.pr-sec{padding:46px 0}.pr-head h2{font-size:24px}.pr-grid{grid-template-columns:1fr;max-width:420px}}

  /* ── FAQ(아코디언) ── */
  .faq-sec{padding:64px 0;border-top:1px solid var(--line);background:var(--bg)}
  .faq-head{text-align:center;margin-bottom:34px}
  .faq-head .eb{justify-content:center}
  .faq-head h2{font-size:30px;font-weight:800;color:var(--ink);letter-spacing:-.6px;margin-top:8px}
  .faq-head p{font-size:15px;color:var(--muted);margin-top:9px}
  .faq-list{max-width:760px;margin:0 auto;display:flex;flex-direction:column;gap:12px}
  .faq-item{background:var(--paper);border:1px solid var(--line);border-radius:14px;overflow:hidden}
  .faq-item summary{list-style:none;cursor:pointer;padding:18px 22px;display:flex;align-items:center;justify-content:space-between;gap:14px;font-size:15.5px;font-weight:700;color:var(--ink)}
  .faq-item summary::-webkit-details-marker{display:none}
  .faq-item summary .qwrap{display:flex;gap:9px;align-items:baseline}
  .faq-item summary .qm{font-family:var(--mono);color:var(--gold-deep);font-weight:800;flex-shrink:0}
  .faq-item summary .ar{flex-shrink:0;color:var(--muted);transition:transform .2s}
  .faq-item[open] summary .ar{transform:rotate(180deg)}
  .faq-item[open] summary{color:var(--navy)}
  .faq-a{padding:0 22px 20px 41px;font-size:14px;color:var(--body);line-height:1.75}
  .faq-a b{color:var(--ink)}
  @media (max-width:860px){.faq-sec{padding:46px 0}.faq-head h2{font-size:24px}.faq-a{padding-left:22px}}

  /* ── 최종 CTA + 푸터 ── */
  .fc-sec{padding:70px 0;background:var(--navy-deep);color:#fff;text-align:center}
  .fc-sec .eb{justify-content:center;color:var(--gold)}
  .fc-sec h2{font-size:31px;font-weight:800;letter-spacing:-.7px;margin-top:10px;word-break:keep-all}
  .fc-sec p{font-size:15px;color:#c7d0e6;margin-top:11px;line-height:1.65;word-break:keep-all}
  .fc-btns{display:flex;gap:12px;justify-content:center;margin-top:26px;flex-wrap:wrap}
  .fc-btns a{padding:15px 26px;border-radius:12px;font-weight:800;font-size:15px;text-decoration:none;cursor:pointer}
  .fc-p{background:var(--gold);color:var(--navy-ink)}.fc-p:hover{background:#e3a52a}
  .fc-s{background:transparent;color:#fff;border:1.5px solid #5a6498}.fc-s:hover{background:rgba(255,255,255,.06)}
  .fc-micro{font-size:12.5px;color:#8f9bbd;margin-top:16px}
  .ft{background:var(--navy-ink);color:#aeb9d6;padding:44px 0 30px;font-size:13px}
  .ft-top{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:30px;padding-bottom:28px;border-bottom:1px solid #333a5c}
  .ft-brand .lg{display:flex;align-items:center;gap:9px;margin-bottom:12px}
  .ft-brand .lg .mk{width:30px;height:30px;border-radius:8px;background:var(--navy);display:flex;align-items:center;justify-content:center;color:var(--gold);font-weight:800;font-size:14px}
  .ft-brand .lg b{color:#fff;font-size:16px;letter-spacing:-.3px}
  .ft-brand p{line-height:1.75;font-size:12.5px}
  .ft h4{color:#fff;font-size:13px;font-weight:700;margin-bottom:12px}
  .ft ul{list-style:none;display:flex;flex-direction:column;gap:8px}
  .ft ul a{color:#aeb9d6;text-decoration:none;font-size:12.5px;cursor:pointer}
  .ft ul a:hover{color:#fff}
  .ft-contact li{font-size:12.5px;line-height:1.6}
  .ft-contact b{color:#fff;font-weight:700}
  .ft ul a.ft-cta,.ft ul a.ft-cta b{color:var(--gold);font-weight:800}
  .ft ul a.ft-cta{display:inline-block;margin-top:4px;font-size:13px}
  .ft ul a.ft-cta:hover,.ft ul a.ft-cta:hover b{color:#ffd27a;text-decoration:underline}
  .ft-bot{padding-top:20px;display:flex;justify-content:space-between;gap:14px;flex-wrap:wrap;font-size:11.5px;color:#7c88ab}
  .ft-bot .biz{line-height:1.7}
  .ft-legal{text-align:right}
  .ft-legal .lk{margin-top:7px;display:flex;gap:9px;justify-content:flex-end;align-items:center}
  .ft-legal .lk a{color:#aeb9d6;text-decoration:none;font-size:11.5px;font-weight:600}
  .ft-legal .lk a:hover{color:#fff;text-decoration:underline}
  .ft-legal .sep{color:#4b5578}
  @media (max-width:860px){.ft-legal{text-align:left}.ft-legal .lk{justify-content:flex-start}}
  @media (max-width:860px){.fc-sec{padding:52px 0}.fc-sec h2{font-size:24px}.fc-btns a{width:100%}.ft-top{grid-template-columns:1fr;gap:26px}}

  /* ── 콘텐츠 허브(HUB · CMP) ── */
  .hb-sec{padding:64px 0;border-top:1px solid var(--line);background:var(--bg)}
  .hb-head{text-align:center;margin-bottom:34px}
  .hb-head .eb{justify-content:center}
  .hb-head h2{font-size:30px;font-weight:800;color:var(--ink);letter-spacing:-.6px;margin-top:8px;word-break:keep-all}
  .hb-head p{font-size:15px;color:var(--muted);margin-top:9px;word-break:keep-all}
  .hb-pillar{display:grid;grid-template-columns:1.15fr .85fr;gap:18px;margin-bottom:18px}
  .hbcard{background:var(--paper);border:1px solid var(--line);border-radius:16px;padding:24px;text-decoration:none;display:flex;flex-direction:column;transition:transform .14s,box-shadow .14s,border-color .14s}
  .hbcard:hover{transform:translateY(-2px);box-shadow:0 18px 34px -24px rgba(29,35,66,.4);border-color:#cfd5e6}
  .hbcard.feat{background:var(--navy-deep);border-color:var(--navy-deep)}
  .hb-kind{font-family:var(--mono);font-size:10.5px;font-weight:800;letter-spacing:1px;color:var(--gold-deep);text-transform:uppercase}
  .hbcard.feat .hb-kind{color:var(--gold)}
  .hb-t{font-size:19px;font-weight:800;color:var(--ink);margin-top:10px;line-height:1.4;word-break:keep-all}
  .hbcard.feat .hb-t{color:#fff;font-size:22px}
  .hb-d{font-size:13.5px;color:var(--muted);margin-top:9px;line-height:1.65;flex:1;word-break:keep-all}
  .hbcard.feat .hb-d{color:#c7d0e6}
  .hb-meta{display:flex;align-items:center;gap:8px;margin-top:16px;font-size:12px;color:var(--faint);font-family:var(--mono)}
  .hbcard.feat .hb-meta{color:#8f9bbd}
  .hb-go{margin-top:14px;font-size:13.5px;font-weight:800;color:var(--navy)}
  .hbcard.feat .hb-go{color:var(--gold)}
  .hb-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
  .hb-grid .hbcard{padding:20px}
  .hb-grid .hb-t{font-size:15.5px}
  .hb-grid .hb-d{font-size:12.5px}
  .hb-foot{display:flex;justify-content:center;align-items:center;gap:12px;flex-wrap:wrap;margin-top:26px}
  .hb-foot .note{font-size:12.5px;color:var(--muted)}
  .hb-dl{display:inline-flex;align-items:center;gap:7px;background:var(--gold);color:var(--navy-ink);font-weight:800;font-size:13.5px;padding:11px 20px;border-radius:10px;text-decoration:none;cursor:pointer}
  .hb-dl:hover{background:#e3a52a}
  .hb-draft{display:inline-block;font-family:var(--mono);font-size:10px;font-weight:700;color:var(--gold-deep);background:var(--gtint);border:1px solid var(--gold-soft);padding:2px 8px;border-radius:20px;margin-left:8px;vertical-align:middle}
  @media (max-width:1100px){.hb-grid{grid-template-columns:1fr 1fr}}
  @media (max-width:860px){.hb-sec{padding:46px 0}.hb-head h2{font-size:24px}.hb-pillar{grid-template-columns:1fr}.hbcard.feat .hb-t{font-size:19px}}
  @media (max-width:600px){.hb-grid{grid-template-columns:1fr}}

  /* ── 모바일 하단 고정 CTA 바 ── */
  .mcta{position:fixed;left:0;right:0;bottom:0;z-index:900;display:none;gap:9px;
    padding:10px 14px calc(10px + env(safe-area-inset-bottom,0px));
    background:rgba(255,255,255,.94);backdrop-filter:saturate(160%) blur(12px);
    border-top:1px solid var(--line);box-shadow:0 -8px 24px -14px rgba(29,35,66,.32);
    transform:translateY(105%);transition:transform .26s cubic-bezier(.2,.8,.2,1)}
  .mcta.on{transform:translateY(0)}
  .mcta.hide{transform:translateY(105%)}
  .mcta a{flex:1;display:flex;align-items:center;justify-content:center;gap:6px;
    min-height:48px;border-radius:12px;font-weight:800;font-size:14px;letter-spacing:-.3px;
    text-decoration:none;cursor:pointer;white-space:nowrap;word-break:keep-all}
  .mcta .m-p{background:var(--gold);color:var(--navy-ink);flex:1.25}
  .mcta .m-p:active{background:#e3a52a}
  .mcta .m-s{background:var(--navy);color:#fff}
  .mcta .m-s:active{background:var(--navy-deep)}
  @media (max-width:860px){
    .mcta{display:flex}
    body{padding-bottom:0}
    .ft{padding-bottom:calc(30px + 72px + env(safe-area-inset-bottom,0px))}
  }

  /* ── 리드 모달(전역) ── */
  .kl-ov{position:fixed;inset:0;background:rgba(20,24,40,.55);display:flex;align-items:center;justify-content:center;padding:18px;z-index:9999;opacity:0;transition:opacity .18s}
  .kl-ov.on{opacity:1}
  .kl-modal{background:#fff;width:100%;max-width:440px;border-radius:16px;overflow:hidden;box-shadow:0 24px 60px -20px rgba(20,24,40,.5);transform:translateY(10px);transition:transform .2s}
  .kl-ov.on .kl-modal{transform:none}
  .kl-hd{background:var(--navy-deep);color:#fff;padding:20px 22px;position:relative}
  .kl-hd h3{font-size:17px;font-weight:800}.kl-hd p{font-size:12.5px;color:#b9c2dc;margin-top:5px}
  /* 상담 모달 확장: 검사 선택 칩 + 캘린더 */
  .kl-chips{display:flex;flex-wrap:wrap;gap:6px;align-items:flex-start}
  .kl-chip{border:1.5px solid var(--line);background:#fff;border-radius:8px;padding:7px 10px;font-size:12px;font-weight:700;color:var(--navy);cursor:pointer;font-family:'Pretendard'}
  .kl-chip.on{border-color:var(--navy);background:var(--tint)}
  /* ── 신청자료 선택 카드 ── */
  .kl-docs{display:grid;grid-template-columns:1fr;gap:8px}
  .kl-f label.kl-doc{position:relative;display:flex;align-items:center;gap:12px;
    border:1.5px solid var(--line);background:#fff;border-radius:12px;padding:13px 14px;cursor:pointer;
    transition:border-color .15s,background .15s,box-shadow .15s,transform .08s}
  label.kl-doc:hover{border-color:#c3cadd;background:#fcfdff}
  label.kl-doc:active{transform:scale(.995)}
  label.kl-doc:focus-within{border-color:var(--navy);box-shadow:0 0 0 3px rgba(56,64,112,.14)}
  .kl-doc input{position:absolute;opacity:0;width:1px;height:1px;margin:0;pointer-events:none}
  .kl-doc .box{flex-shrink:0;width:21px;height:21px;border-radius:7px;border:1.8px solid #cfd5e6;background:#fff;
    display:flex;align-items:center;justify-content:center;transition:all .15s}
  .kl-doc .box svg{width:12px;height:12px;stroke:#fff;stroke-width:3.2;opacity:0;transform:scale(.6);transition:all .15s}
  .kl-doc .ic{flex-shrink:0;width:34px;height:34px;border-radius:9px;background:var(--tint);color:var(--navy);
    display:flex;align-items:center;justify-content:center;transition:all .15s}
  .kl-doc .ic svg{width:17px;height:17px}
  .kl-doc .tx{display:flex;flex-direction:column;gap:2px;min-width:0}
  .kl-doc .tx b{font-size:13.5px;font-weight:700;color:var(--ink);letter-spacing:-.2px;line-height:1.35}
  .kl-doc .tx i{font-style:normal;font-size:11.5px;color:var(--faint);line-height:1.4;word-break:keep-all}
  .kl-doc input:checked ~ .box{background:var(--navy);border-color:var(--navy)}
  .kl-doc input:checked ~ .box svg{opacity:1;transform:scale(1)}
  .kl-doc input:checked ~ .ic{background:var(--gtint);color:var(--gold-deep)}
  label.kl-doc:has(input:checked){border-color:var(--navy);background:var(--tint);box-shadow:0 6px 18px -14px rgba(29,35,66,.5)}
  label.kl-doc:has(input:checked) .tx b{color:var(--navy)}
  .kl-sub-blk{display:none;margin-top:2px;padding:14px;border:1px dashed #cfd5e6;border-radius:12px;background:#fafbfe}
  .kl-sub-blk.on{display:block}
  .kl-sub-blk .kl-f:last-child{margin-bottom:0}
  .kl-cal{border:1px solid var(--line);border-radius:12px;padding:12px;background:#fff}
  .kl-cal-hd{display:flex;align-items:center;justify-content:space-between;margin-bottom:9px}
  .kl-cal-hd .m{font-size:13.5px;font-weight:800;color:var(--ink)}
  .kl-nav{background:var(--tint);border:1px solid var(--line);border-radius:7px;width:28px;height:28px;cursor:pointer;color:var(--navy);font-weight:800;line-height:1}
  .kl-nav:disabled{opacity:.35;cursor:not-allowed}
  .kl-dow,.kl-days{display:grid;grid-template-columns:repeat(7,1fr);gap:3px}
  .kl-dow span{text-align:center;font-size:10.5px;color:var(--faint);padding:3px 0;font-weight:700}
  .kl-day{border:none;background:transparent;border-radius:8px;padding:8px 0;font-size:12.5px;font-weight:600;color:var(--body);cursor:pointer;font-family:'Pretendard'}
  .kl-day:hover:not(:disabled){background:var(--tint)}
  .kl-day:disabled{color:#cfd5e6;cursor:not-allowed}
  .kl-day.sel{background:var(--navy);color:#fff;font-weight:800}
  .kl-slots{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin-top:11px;padding-top:11px;border-top:1px solid var(--line)}
  .kl-slot{border:1.5px solid var(--line);background:#fff;border-radius:8px;padding:8px 0;font-size:11.5px;font-weight:700;color:var(--navy);cursor:pointer;font-family:var(--mono)}
  .kl-slot.on{background:var(--gold);border-color:var(--gold);color:var(--navy-ink)}
  .kl-picked{margin-top:10px;font-size:12px;color:var(--navy);font-weight:700;text-align:center}
  .kl-picked span{color:var(--gold-deep)}
  .kl-day.has{position:relative}
  .kl-day.has::after{content:"";position:absolute;left:50%;transform:translateX(-50%);bottom:3px;width:4px;height:4px;border-radius:50%;background:var(--gold)}
  .kl-day.sel.has::after{background:#fff}
  .kl-picks{margin-top:11px;padding-top:11px;border-top:1px solid var(--line);display:flex;flex-direction:column;gap:6px}
  .kl-pk{display:flex;align-items:center;justify-content:space-between;gap:8px;background:var(--tint);border:1px solid #dfe3f2;border-radius:8px;padding:8px 10px}
  .kl-pk .no{font-family:var(--mono);font-size:10.5px;font-weight:800;color:#fff;background:var(--navy);border-radius:5px;padding:2px 6px;flex-shrink:0}
  .kl-pk .tx{flex:1;font-size:12.5px;font-weight:700;color:var(--ink)}
  .kl-pk .rm{border:none;background:transparent;color:var(--faint);font-size:15px;line-height:1;cursor:pointer;padding:2px 4px}
  .kl-pk .rm:hover{color:#d83232}
  .kl-slot:disabled{opacity:.35;cursor:not-allowed}
  @media (max-width:480px){.kl-slots{grid-template-columns:repeat(3,1fr)}}
  .kl-x{position:absolute;top:14px;right:14px;width:30px;height:30px;border:0;background:rgba(255,255,255,.12);color:#fff;border-radius:8px;font-size:17px;cursor:pointer}
  .kl-bd{padding:20px 22px;max-height:70vh;overflow-y:auto}
  .kl-pill{display:inline-block;font-family:var(--mono);font-size:11px;font-weight:700;color:var(--navy);background:var(--tint);border:1px solid #dfe3f2;border-radius:7px;padding:3px 9px;margin-bottom:13px}
  .kl-f{margin-bottom:13px}.kl-f label{display:block;font-size:12.5px;font-weight:600;color:var(--ink);margin-bottom:5px}.kl-f label .req{color:#c14a4a}
  .kl-f input,.kl-f select{width:100%;border:1.5px solid #e0e3ee;border-radius:10px;padding:11px 12px;font-family:'Pretendard';font-size:15px;color:var(--ink);background:#fff}
  .kl-f input:focus,.kl-f select:focus{outline:2px solid var(--navy);border-color:var(--navy)}
  .kl-f.err input{border-color:#c14a4a}
  .kl-em{font-size:11.5px;color:#c14a4a;margin-top:4px;display:none}.kl-f.err .kl-em{display:block}
  .kl-consent{display:flex;gap:9px;align-items:flex-start;margin:6px 0 4px;font-size:12px;color:#4a5066;line-height:1.5}
  .kl-consent input{width:17px;height:17px;margin-top:2px;flex-shrink:0;accent-color:var(--navy)}.kl-consent a{color:var(--navy);font-weight:600}
  .kl-sub{width:100%;background:var(--gold);color:var(--navy-ink);font-weight:800;font-size:15.5px;border:0;border-radius:12px;padding:14px;margin-top:8px;cursor:pointer}.kl-sub:disabled{opacity:.55}

  /* ── 모바일: 바텀시트 전환 ── */
  .kl-grab{display:none}
  @media (max-width:860px){
    .kl-ov{align-items:flex-end;justify-content:stretch;padding:0}
    .kl-modal{max-width:none;width:100%;border-radius:20px 20px 0 0;max-height:92dvh;display:flex;flex-direction:column;
      transform:translateY(100%);transition:transform .28s cubic-bezier(.2,.8,.2,1);box-shadow:0 -12px 40px -12px rgba(20,24,40,.55)}
    .kl-ov.on .kl-modal{transform:translateY(0)}
    .kl-grab{display:block;position:absolute;top:8px;left:50%;transform:translateX(-50%);width:38px;height:4px;border-radius:99px;background:rgba(255,255,255,.34)}
    .kl-hd{padding:22px 20px 18px;flex-shrink:0}
    .kl-x{top:16px;right:14px;width:38px;height:38px;font-size:20px}
    .kl-bd{max-height:none;flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch;
      padding:18px 18px calc(18px + env(safe-area-inset-bottom,0px))}
    /* iOS 확대 방지: 16px 이상 + 48px 타깃 */
    .kl-f input:not([type=checkbox]),.kl-f select{font-size:16px;min-height:48px;padding:12px 14px;border-radius:11px}
    .kl-f input[type=date]{min-height:48px}
    .kl-chip{min-height:44px;padding:10px 13px;font-size:13px}
    .kl-f label.kl-doc{min-height:62px;padding:14px}
    .kl-doc .tx b{font-size:14px}
    .kl-doc .tx i{font-size:12px}
    .kl-doc .ic{width:38px;height:38px}
    .kl-doc .ic svg{width:19px;height:19px}
    .kl-doc .box{width:23px;height:23px}
    .kl-consent{align-items:flex-start;gap:10px}
    .kl-consent input{width:20px;height:20px;flex-shrink:0;margin-top:1px}
    /* 제출 버튼: 시트 하단 고정 */
    .kl-sub{position:sticky;bottom:0;min-height:52px;font-size:16px;margin-top:12px;
      box-shadow:0 -10px 16px -12px rgba(20,24,40,.35)}
    .kl-note{padding-bottom:4px}
    /* 캘린더: 터치 타깃 확대 */
    .kl-cal{padding:14px 12px}
    .kl-cal-hd{margin-bottom:12px}
    .kl-cal-hd .m{font-size:15px}
    .kl-nav{width:44px;height:44px;font-size:18px;border-radius:10px}
    .kl-dow span{font-size:11.5px;padding:5px 0}
    .kl-dow,.kl-days{gap:2px}
    .kl-day{min-height:46px;font-size:14.5px;border-radius:10px}
    .kl-day.has::after{bottom:6px;width:5px;height:5px}
    .kl-slots{grid-template-columns:repeat(3,1fr);gap:8px;margin-top:14px;padding-top:14px}
    .kl-slot{min-height:46px;font-size:13px;border-radius:10px}
    .kl-picked{font-size:12.5px;margin-top:12px;line-height:1.5}
    /* 선택 일정 목록 */
    .kl-picks{gap:8px;margin-top:14px;padding-top:14px}
    .kl-pk{padding:11px 8px 11px 11px;border-radius:10px}
    .kl-pk .no{font-size:11px;padding:4px 7px}
    .kl-pk .tx{font-size:13.5px}
    .kl-pk .rm{min-width:40px;min-height:40px;display:flex;align-items:center;justify-content:center;font-size:20px;border-radius:8px}
    .kl-pk .rm:active{background:rgba(216,50,50,.1)}
  }
  /* 모달 열림 시 배경 스크롤 잠금 */
  body.kl-lock{position:fixed;left:0;right:0;overflow:hidden;width:100%}
  .kl-note{font-size:11px;color:var(--faint);text-align:center;margin-top:10px}
  .kl-spin{display:inline-block;width:15px;height:15px;border:2px solid rgba(42,48,87,.3);border-top-color:var(--navy-deep);border-radius:50%;animation:klspin .7s linear infinite;vertical-align:-2px;margin-right:6px}
  @keyframes klspin{to{transform:rotate(360deg)}}
  .kl-state{padding:34px 22px;text-align:center}
  .kl-state .ic{width:52px;height:52px;border-radius:50%;margin:0 auto 14px;display:flex;align-items:center;justify-content:center;font-size:25px}
  .kl-state.ok .ic{background:#e8f3ef;color:var(--teal)}.kl-state.bad .ic{background:#fdeaea;color:#c14a4a}
  .kl-state h3{font-size:18px;font-weight:800;color:var(--ink);margin-bottom:6px}.kl-state p{font-size:13.5px;color:var(--muted);margin-bottom:16px}
  .kl-state code{font-family:var(--mono);font-size:12px;background:var(--tint);padding:2px 7px;border-radius:5px}
  .kl-rt{background:var(--navy);color:#fff;font-weight:700;border:0;border-radius:10px;padding:11px 22px;cursor:pointer;font-size:14px}
  .kl-cl{background:none;border:0;color:var(--muted);font-size:13px;cursor:pointer;margin-top:10px;width:100%}

  /* ══════ 히어로 랜덤 롤: 캐릭터 ↔ 리포트카드 ══════ */
  .hero-char{width:100%;max-width:540px;height:auto;display:block;filter:drop-shadow(0 22px 32px rgba(29,35,66,.20))}
  .hero .hero-char{display:none}                 /* 기본: 리포트카드 노출 */
  .hero.roll-char .report-card{display:none}
  .hero.roll-char .hero-char{display:block}
  /* 데스크톱: 캐릭터는 우측 하단 정렬 */
  .hero.roll-char .hvisual{align-items:flex-end;align-self:end;margin-bottom:-60px}

  /* 데모 영상 플레이어 (demo.mp4 = 1920×940 ≈ 2.04:1) */
  .tr-video{position:relative;background:var(--navy-deep);border-radius:18px;overflow:hidden;aspect-ratio:1920/940;border:1px solid #3a4570}
  .tr-video video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;background:#000;display:block}
  .tr-video-play{position:absolute;inset:0;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:13px;background:rgba(20,24,40,.4);border:0;cursor:pointer;color:#fff;transition:background .15s}
  .tr-video-play:hover{background:rgba(20,24,40,.28)}
  .tr-video-play .play{width:64px;height:64px;border-radius:50%;background:rgba(240,184,64,.2);border:2px solid var(--gold);display:flex;align-items:center;justify-content:center;font-size:22px;color:var(--gold);padding-left:4px}
  .tr-video-play .vt{font-size:14.5px;font-weight:700}
  .tr-video.playing .tr-video-play{display:none}
  @media (max-width:860px){.tr-video-play .play{width:54px;height:54px;font-size:19px}.tr-video-play .vt{font-size:13px}}

  /* 모바일: 캐릭터 롤일 때만 오버랩 + 할로우 (리포트카드 롤은 새 컴팩트 레이아웃 유지) */
  @media (max-width:860px){
    .hero.roll-char .wrap{position:relative;overflow:hidden}
    .hero.roll-char .hcopy{position:relative;z-index:2;display:flex;flex-direction:column}
    .hero.roll-char .hvisual{position:absolute;right:-14px;top:80px;bottom:auto;width:50%;max-width:178px;margin:0;z-index:1;justify-content:flex-end;pointer-events:none}
    .hero.roll-char .hero-char{max-width:100%}
    .hero.roll-char .cta{order:5;margin-top:20px}
    .hero.roll-char .micro{order:6}
    .hero.roll-char .trust{margin-top:34px}
    .hero .eb{font-family:'Pretendard',-apple-system,sans-serif;letter-spacing:.2px;text-transform:none}
    .hero.roll-char .eb{font-size:11px}
    .hero.roll-char .hcopy h1{font-size:22px;text-shadow:0 0 8px rgba(255,255,255,.9),0 0 16px rgba(255,255,255,.6)}
    /* 본문: 헤드라인 아래·카드 위, 왼쪽 좁은 컬럼으로 4~5줄 (오른쪽 그림과 안 겹침) */
    .hero.roll-char .hcopy .sub{font-size:13px;line-height:1.75;max-width:52%;margin-top:14px;text-shadow:none}
  }

  /* 실제 로고 이미지 사이즈 (가짜 K 마크 대체) */
  .logo img{height:30px;width:auto;display:block}
  .ft-brand .lg img{height:26px;width:auto;display:block}

  /* ── 상단 리본 (전 페이지 공통 홍보 바) ── */
  .top-ribbon{background:#252e54;color:rgba(255,255,255,.85);text-align:center;padding:10px 48px;font-size:13px;font-weight:500;display:flex;align-items:center;justify-content:center;gap:18px;position:relative}
  .top-ribbon strong{font-weight:600;color:#f0b840}
  .top-ribbon a{color:#f0b840;border-bottom:1px solid rgba(240,184,64,.4);padding-bottom:1px;margin-left:6px;text-decoration:none}
  .ribbon-messages{position:relative;overflow:hidden;height:20px;flex:1;text-align:center}
  .ribbon-msg{position:absolute;width:100%;left:0;opacity:0;transform:translateY(100%);transition:opacity .5s ease,transform .5s ease;font-size:13px;font-weight:500}
  .ribbon-msg.active{opacity:1;transform:translateY(0)}
  .ribbon-msg.exit{opacity:0;transform:translateY(-100%)}
  .ribbon-close{position:absolute;right:14px;top:50%;transform:translateY(-50%);background:transparent;color:rgba(255,255,255,.6);font-size:20px;line-height:1;padding:4px 8px;cursor:pointer;border:none}
  .ribbon-close:hover{color:#f0b840}
  @media (max-width:600px){.ribbon-close{right:6px}.top-ribbon{padding:10px 34px;font-size:12px}}