/* ---- block 1 ---- */

    :root{
      --naver:#03c75a; --ink:#0b1721; --muted:#607080; --line:#e5ebef;
      --bg:#f6f9f8; --blue:#2477ff; --danger:#e65353; --amber:#d98c13;
      --card:#fff; --shadow:0 18px 55px rgba(12,33,43,.09);
    }
    *{box-sizing:border-box}
    html{scroll-behavior:smooth}
    body{margin:0;font-family:Pretendard,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);background:#fff}
    a{text-decoration:none;color:inherit}
    .wrap{max-width:1180px;margin:auto;padding:0 24px}
    header{position:sticky;top:0;z-index:20;background:rgba(255,255,255,.9);backdrop-filter:blur(14px);border-bottom:1px solid rgba(229,235,239,.8)}
    nav{height:72px;display:flex;align-items:center;justify-content:space-between}
    .brand{font-weight:900;letter-spacing:-.5px;font-size:20px}.brand b{color:var(--naver)}
    .navlinks{display:flex;gap:24px;color:#53616d;font-size:14px}.navbtn{padding:11px 16px;border-radius:10px;background:var(--naver);color:white;font-weight:800}
    .hero{padding:86px 0 72px;background:radial-gradient(circle at 80% 20%,rgba(3,199,90,.11),transparent 32%),linear-gradient(180deg,#fff,#f5fbf8)}
    .badge{display:inline-flex;gap:7px;align-items:center;padding:8px 12px;border:1px solid #bdebd0;border-radius:999px;color:#098d46;background:#f1fff7;font-size:13px;font-weight:800}
    h1{font-size:58px;line-height:1.08;letter-spacing:-2.5px;margin:22px 0 20px;max-width:880px}
    h1 span{color:var(--naver)}
    .lead{font-size:19px;line-height:1.75;color:#53616d;max-width:760px}
    .hero-actions{display:flex;gap:12px;margin-top:30px;flex-wrap:wrap}
    .btn{border:0;cursor:pointer;padding:15px 22px;border-radius:12px;font-weight:900;font-size:15px}
    .btn.primary{background:var(--naver);color:#fff}.btn.ghost{background:#fff;border:1px solid var(--line)}
    .trust{display:flex;gap:25px;margin-top:34px;flex-wrap:wrap;font-size:13px;color:#667580}
    section{padding:82px 0}.soft{background:var(--bg)}
    .eyebrow{color:#0c9c4e;font-weight:900;font-size:13px;letter-spacing:.5px}
    h2{font-size:38px;letter-spacing:-1.3px;margin:9px 0 13px}
    .desc{color:var(--muted);line-height:1.7;max-width:760px}
    .service-grid,.steps,.pricing{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:34px}
    .card{background:var(--card);border:1px solid var(--line);border-radius:18px;padding:24px;box-shadow:0 5px 18px rgba(11,23,33,.025)}
    .icon{width:44px;height:44px;border-radius:12px;background:#eafff3;color:var(--naver);display:grid;place-items:center;font-size:22px;margin-bottom:18px}
    .card h3{margin:0 0 10px;font-size:19px}.card p{color:var(--muted);line-height:1.65;font-size:14px}
    .list{padding:0;margin:16px 0 0;list-style:none}.list li{padding:8px 0;border-top:1px solid #f0f3f5;font-size:14px}
    .diagnosis{background:#0b211a;color:white;padding:72px 0}
    .diagnosis h2{color:white}.diagnosis .desc{color:#b8c9c2}
    .diag-grid{display:grid;grid-template-columns:1.03fr .97fr;gap:24px;margin-top:30px}
    .uploadbox{background:#fff;color:var(--ink);padding:28px;border-radius:20px}
    .drop{border:2px dashed #bdd0c7;border-radius:16px;padding:32px;text-align:center;background:#fbfdfc;transition:.2s;cursor:pointer}
    .drop.drag{border-color:var(--naver);background:#effff6}.drop strong{display:block;font-size:17px;margin:8px}
    .drop small{color:var(--muted)}
    input[type=file]{display:none}
    .form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:16px}
    .field{display:flex;flex-direction:column;gap:7px}.field.full{grid-column:1/-1}
    label{font-size:12px;font-weight:800;color:#53616d}
    input,select{width:100%;height:46px;border:1px solid #dfe7e3;border-radius:10px;padding:0 12px;font-size:14px;background:white}
    .analyze{width:100%;margin-top:14px;background:var(--naver);color:#fff;height:50px;border:0;border-radius:11px;font-weight:900;font-size:15px;cursor:pointer}
    .analyze:disabled{opacity:.5;cursor:not-allowed}
    .preview-list{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}
    .preview{width:72px;height:72px;object-fit:cover;border-radius:9px;border:1px solid #dfe7e3}
    .sample-panel{background:#10352a;border:1px solid #1f4a3d;border-radius:20px;padding:28px}
    .score-ring{width:150px;height:150px;margin:14px auto;border-radius:50%;display:grid;place-items:center;background:conic-gradient(var(--naver) 0 68%,#234a3f 68%);position:relative}
    .score-ring:after{content:"";position:absolute;width:116px;height:116px;border-radius:50%;background:#10352a}
    .score-num{position:relative;z-index:1;font-size:40px;font-weight:900}.score-num small{font-size:14px;color:#a9c2b9}
    .bars{display:grid;gap:12px;margin-top:20px}.bar-row{display:grid;grid-template-columns:110px 1fr 38px;align-items:center;gap:10px;font-size:12px;color:#c8d6d1}
    .bar{height:8px;background:#254a40;border-radius:999px;overflow:hidden}.bar i{display:block;height:100%;background:var(--naver);border-radius:999px}
    .flow{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;margin-top:34px}
    .step{position:relative}.step b{font-size:12px;color:var(--naver)}.step h3{font-size:16px;margin:8px 0}.step p{font-size:13px;color:var(--muted);line-height:1.55}
    .dashboard{margin-top:35px;border:1px solid var(--line);border-radius:20px;padding:26px;background:white;box-shadow:var(--shadow)}
    .metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.metric{padding:18px;background:#f8faf9;border-radius:13px}.metric span{font-size:12px;color:var(--muted)}.metric strong{display:block;font-size:25px;margin-top:6px}
    .comparison{width:100%;border-collapse:collapse;margin-top:20px;font-size:14px}.comparison th,.comparison td{padding:14px;border-bottom:1px solid var(--line);text-align:left}.comparison th{color:var(--muted);font-size:12px}
    .roadmap{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:30px}.roadmap .card{border-top:4px solid var(--naver)}
    .price-card.featured{border:2px solid var(--naver);transform:translateY(-8px)}
    .price-card .tag{display:inline-block;padding:6px 9px;border-radius:999px;background:#eafff3;color:#058d43;font-size:12px;font-weight:900}
    .cta{background:#071d16;color:white}.cta-box{display:grid;grid-template-columns:1fr auto;align-items:center;gap:24px}.cta h2{color:white}.cta p{color:#b7cac1}
    footer{padding:28px 0;color:#819088;font-size:12px;background:#05140f}
    .result-modal{position:fixed;inset:0;background:rgba(4,14,10,.72);z-index:50;display:none;padding:26px;overflow:auto}
    .result-modal.open{display:block}
    .result{max-width:980px;margin:20px auto;background:white;border-radius:22px;padding:30px;position:relative}
    .close{position:absolute;right:20px;top:18px;border:0;background:#f1f4f3;width:36px;height:36px;border-radius:50%;cursor:pointer}
    .result-head{display:grid;grid-template-columns:150px 1fr;gap:25px;align-items:center;border-bottom:1px solid var(--line);padding-bottom:24px}
    .result-score{width:132px;height:132px;border-radius:50%;display:grid;place-items:center;background:#eafff3;color:var(--naver);font-size:42px;font-weight:900}
    .pill{display:inline-block;padding:6px 9px;background:#edf3ff;color:#2565ce;border-radius:999px;font-size:12px;font-weight:900}
    .score-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:20px 0}
    .score-card{border:1px solid var(--line);border-radius:13px;padding:15px}.score-card strong{font-size:24px;display:block;margin-top:8px}
    .issue{padding:15px;border:1px solid var(--line);border-left:4px solid var(--danger);border-radius:10px;margin:10px 0}.issue.MEDIUM{border-left-color:var(--amber)}.issue.LOW{border-left-color:var(--naver)}
    .issue b{display:block;margin-bottom:5px}.issue p{margin:5px 0;color:var(--muted);font-size:13px;line-height:1.55}
    .loading{display:none;margin-top:12px;text-align:center;color:#0a8d46;font-size:13px;font-weight:800}.loading.show{display:block}
    @media(max-width:840px){
      #growth-proof .dashboard > div[style*='grid-template-columns:1fr 1fr']{grid-template-columns:1fr!important}
      .pricing{grid-template-columns:1fr!important}
      .navlinks{display:none}h1{font-size:40px}.diag-grid,.service-grid,.steps,.pricing,.roadmap,.flow,.cta-box{grid-template-columns:1fr}.metrics{grid-template-columns:1fr 1fr}.form-grid{grid-template-columns:1fr}.result-head{grid-template-columns:1fr}.score-cards{grid-template-columns:1fr 1fr}
    }
  
    /* Revenue proof / persuasive visualization */
    .proof-shell{
      margin-top:34px;border:1px solid var(--line);border-radius:24px;padding:30px;background:#fff;
      box-shadow:var(--shadow);overflow:hidden;position:relative
    }
    .proof-shell:before{
      content:"";position:absolute;right:-90px;top:-110px;width:280px;height:280px;border-radius:50%;
      background:radial-gradient(circle,rgba(3,199,90,.11),rgba(3,199,90,0) 68%);pointer-events:none
    }
    .proof-head{display:grid;grid-template-columns:1.15fr .85fr;gap:28px;align-items:end}
    .proof-kicker{font-size:13px;font-weight:900;color:#078d46;margin-bottom:9px}
    .proof-title{font-size:34px;line-height:1.18;letter-spacing:-1.3px;margin:0}
    .proof-title em{font-style:normal;color:var(--naver)}
    .proof-note{font-size:12px;color:#788780;line-height:1.6;padding:13px 15px;background:#f6f9f8;border-radius:12px}
    .proof-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:26px 0}
    .proof-stat{border:1px solid var(--line);border-radius:15px;padding:18px;background:#fbfdfc}
    .proof-stat .label{font-size:12px;color:var(--muted)}
    .proof-stat strong{display:block;font-size:31px;letter-spacing:-1px;margin:7px 0 3px}
    .proof-stat small{font-size:12px;color:#7d8b85}
    .impact-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:18px;margin-top:18px}
    .chart-card,.proof-copy-card{border:1px solid var(--line);border-radius:18px;padding:22px;background:#fff}
    .chart-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:18px}
    .chart-head h3{margin:0;font-size:18px}.chart-head p{margin:5px 0 0;color:var(--muted);font-size:12px}
    .sim-badge{font-size:12px;font-weight:900;border:1px solid #bcebcf;background:#effff6;color:#078d46;border-radius:999px;padding:6px 9px;white-space:nowrap}
    .trend-chart{width:100%;height:auto;display:block;overflow:visible}
    .trend-axis{stroke:#dfe7e3;stroke-width:1}
    .trend-line{fill:none;stroke:var(--naver);stroke-width:5;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:520;stroke-dashoffset:520}
    .trend-area{fill:url(#growthFade);opacity:.75}
    .trend-point{fill:#fff;stroke:var(--naver);stroke-width:4}
    .trend-label{font-size:12px;fill:#607080;font-weight:700}
    .trend-value{font-size:13px;fill:#0b1721;font-weight:900}
    .proof-flow{display:grid;gap:12px}
    .proof-flow-item{display:grid;grid-template-columns:42px 1fr;gap:12px;align-items:start;padding:13px;border-radius:13px;background:#f8faf9}
    .proof-flow-item b{font-size:14px}.proof-flow-item p{font-size:12px;color:var(--muted);line-height:1.55;margin:4px 0 0}
    .flow-no{width:38px;height:38px;border-radius:11px;display:grid;place-items:center;background:#eafff3;color:#078d46;font-weight:900}
    .proof-quote{margin-top:20px;padding:22px 24px;border-left:4px solid var(--naver);background:#071d16;color:#fff;border-radius:0 16px 16px 0}
    .proof-quote strong{display:block;font-size:24px;letter-spacing:-.7px;margin-bottom:7px}
    .proof-quote span{color:#b9cdc4;font-size:13px;line-height:1.6}
    .proof-cta{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-top:22px;padding:20px 22px;background:#f1fff7;border:1px solid #c6efd6;border-radius:16px}
    .proof-cta b{font-size:17px}.proof-cta span{display:block;font-size:12px;color:#61736a;margin-top:4px}
    .reveal{opacity:0;transform:translateY(18px);transition:opacity .6s ease,transform .6s ease}
    .reveal.is-visible{opacity:1;transform:none}
    .chart-card.is-visible .trend-line{animation:drawTrend 1.35s ease forwards .15s}
    @keyframes drawTrend{to{stroke-dashoffset:0}}
    .counter{font-variant-numeric:tabular-nums}
    @media(max-width:840px){
      .proof-head,.impact-grid{grid-template-columns:1fr}
      .proof-stats{grid-template-columns:1fr 1fr}
      .proof-title{font-size:28px}
      .proof-cta{align-items:flex-start;flex-direction:column}
    }
    @media(max-width:480px){
      .proof-stats{grid-template-columns:1fr}
    }
    @media(prefers-reduced-motion:reduce){
      html{scroll-behavior:auto}
      .reveal{opacity:1;transform:none;transition:none}
      .trend-line{stroke-dashoffset:0!important;animation:none!important}
    }

  
    /* V4 visual diagrams + motion */
    .visual-flow{display:grid;grid-template-columns:repeat(5,1fr);gap:0;align-items:center;margin:28px 0 8px}
    .visual-node{position:relative;text-align:center;padding:18px 10px;border:1px solid var(--line);background:#fff;border-radius:16px;min-height:118px}
    .visual-node:not(:last-child):after{content:"→";position:absolute;right:-20px;top:41px;font-size:22px;font-weight:900;color:#89a398;z-index:3}
    .visual-node b{display:block;font-size:15px;margin-top:9px}.visual-node small{display:block;color:#718178;font-size:12px;line-height:1.5;margin-top:4px}
    .visual-icon{width:42px;height:42px;border-radius:13px;display:grid;place-items:center;margin:0 auto;background:#eafff3;color:#078d46;font-weight:950}
    .visual-node.active{border-color:#78d9a1;box-shadow:0 10px 30px rgba(3,199,90,.10)}
    .pulse-ring{position:absolute;inset:7px;border:2px solid rgba(3,199,90,.24);border-radius:13px;opacity:0}
    .visual-node.active .pulse-ring{animation:pulseRing 2s ease-out infinite}
    @keyframes pulseRing{0%{opacity:.75;transform:scale(.92)}70%,100%{opacity:0;transform:scale(1.08)}}
    .before-after{display:grid;grid-template-columns:1fr 80px 1fr;gap:14px;align-items:center;margin-top:24px}
    .ba-arrow{display:grid;place-items:center;font-size:34px;font-weight:950;color:#078d46}
    .ba-card{border:1px solid var(--line);border-radius:18px;padding:20px;background:#fff}
    .ba-card.after{background:#f1fff7;border-color:#bcebcf}
    .ba-bar{height:9px;background:#edf2ef;border-radius:999px;overflow:hidden;margin-top:7px}.ba-bar span{display:block;height:100%;border-radius:999px;background:#9aaba2}
    .ba-card.after .ba-bar span{background:var(--naver)}
    .roadmap-visual{position:relative;display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:28px}
    .roadmap-visual:before{content:"";position:absolute;left:12%;right:12%;top:28px;height:3px;background:linear-gradient(90deg,#b9c8c0,#03c75a);z-index:0}
    .roadmap-step{position:relative;z-index:1;text-align:center}
    .roadmap-dot{width:58px;height:58px;border-radius:50%;display:grid;place-items:center;margin:0 auto 12px;background:#fff;border:3px solid var(--naver);font-weight:950;color:#078d46;box-shadow:0 0 0 7px #f1fff7}
    .roadmap-step .card{min-height:150px}
    .float-card{transition:transform .28s ease,box-shadow .28s ease}.float-card:hover{transform:translateY(-5px);box-shadow:0 15px 35px rgba(10,40,30,.10)}
    .shine{position:relative;overflow:hidden}.shine:after{content:"";position:absolute;top:0;left:-120%;width:70%;height:100%;background:linear-gradient(110deg,transparent,rgba(255,255,255,.55),transparent);transform:skewX(-18deg)}
    .shine:hover:after{animation:shineMove .8s ease}@keyframes shineMove{to{left:150%}}
    .count-pop{animation:popIn .6s cubic-bezier(.2,.9,.3,1) both}@keyframes popIn{from{opacity:0;transform:scale(.82)}to{opacity:1;transform:scale(1)}}
    @media(max-width:840px){
      .visual-flow{grid-template-columns:1fr;gap:12px}.visual-node:not(:last-child):after{content:"↓";right:auto;left:50%;top:auto;bottom:-23px;transform:translateX(-50%)}
      .before-after{grid-template-columns:1fr}.ba-arrow{transform:rotate(90deg)}
      .roadmap-visual{grid-template-columns:1fr}.roadmap-visual:before{display:none}
    }


    /* V5 premium background system */
    body{
      background:
        radial-gradient(circle at 12% 6%, rgba(3,199,90,.08), transparent 26%),
        radial-gradient(circle at 88% 14%, rgba(22,163,74,.06), transparent 22%),
        linear-gradient(180deg,#fbfefc 0%,#f7fbf8 42%,#ffffff 100%);
      color:#0c1712;
    }

    main{position:relative;overflow:hidden}
    main:before{
      content:"";position:absolute;inset:0;pointer-events:none;z-index:0;
      background-image:
        linear-gradient(rgba(7,29,22,.025) 1px, transparent 1px),
        linear-gradient(90deg,rgba(7,29,22,.025) 1px, transparent 1px);
      background-size:36px 36px;
      mask-image:linear-gradient(to bottom,rgba(0,0,0,.9),rgba(0,0,0,.18) 60%,transparent 92%);
    }
    main > section, main > .wrap, footer{position:relative;z-index:1}

    .wrap{position:relative}

    /* Hero atmosphere */
    .hero{
      position:relative;
      padding:78px 0 72px !important;
    }
    .hero:before{
      content:"";position:absolute;left:-18%;top:-34%;width:620px;height:620px;border-radius:50%;
      background:radial-gradient(circle,rgba(3,199,90,.18) 0%,rgba(3,199,90,.08) 34%,rgba(3,199,90,0) 70%);
      filter:blur(12px);pointer-events:none;
    }
    .hero:after{
      content:"";position:absolute;right:-8%;top:4%;width:420px;height:420px;border-radius:50%;
      background:radial-gradient(circle,rgba(15,118,110,.10),rgba(15,118,110,0) 70%);
      pointer-events:none;
    }
    .hero > *{position:relative;z-index:1}

    .hero-card{
      position:relative;overflow:hidden;
      background:
        linear-gradient(145deg,rgba(6,38,28,.98),rgba(3,27,20,.98));
      border:1px solid rgba(255,255,255,.10);
      box-shadow:0 28px 80px rgba(5,30,22,.22);
    }
    .hero-card:before{
      content:"";position:absolute;right:-60px;top:-70px;width:190px;height:190px;border-radius:50%;
      background:radial-gradient(circle,rgba(3,199,90,.26),rgba(3,199,90,0) 68%);
    }
    .hero-card:after{
      content:"";position:absolute;inset:0;
      background:linear-gradient(120deg,transparent 0%,rgba(255,255,255,.025) 46%,transparent 72%);
      pointer-events:none;
    }
    .hero-card > *{position:relative;z-index:1}

    /* Section depth */
    section{
      position:relative;
      isolation:isolate;
    }
    section.soft{
      background:
        radial-gradient(circle at 15% 20%,rgba(3,199,90,.07),transparent 30%),
        radial-gradient(circle at 85% 80%,rgba(14,116,144,.04),transparent 28%),
        linear-gradient(180deg,#f4faf6 0%,#f8fbf9 100%) !important;
      border-top:1px solid rgba(13,54,39,.05);
      border-bottom:1px solid rgba(13,54,39,.05);
    }
    section.soft:before{
      content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;
      background-image:radial-gradient(rgba(3,199,90,.10) 1px,transparent 1px);
      background-size:22px 22px;
      opacity:.20;
      mask-image:linear-gradient(90deg,transparent,black 24%,black 76%,transparent);
    }

    /* alternating white panels */
    section:not(.soft):not(.cta){
      background:
        linear-gradient(180deg,rgba(255,255,255,.86),rgba(255,255,255,.96));
    }

    /* ambient divider glow */
    section + section:after{
      content:"";position:absolute;top:-1px;left:50%;transform:translateX(-50%);
      width:min(680px,72%);height:1px;
      background:linear-gradient(90deg,transparent,rgba(3,199,90,.22),transparent);
    }

    /* premium cards */
    .card,.dashboard,.chart-card,.proof-copy-card,.proof-shell,.ba-card,.price-card{
      backdrop-filter:blur(10px);
      -webkit-backdrop-filter:blur(10px);
    }
    .card{
      background:linear-gradient(180deg,rgba(255,255,255,.94),rgba(252,254,253,.88));
      border-color:rgba(20,68,49,.10);
      box-shadow:0 10px 34px rgba(7,37,27,.045);
    }
    .card:hover{
      border-color:rgba(3,199,90,.24);
      box-shadow:0 18px 42px rgba(7,37,27,.08);
    }

    .dashboard{
      background:linear-gradient(180deg,rgba(255,255,255,.94),rgba(247,251,249,.92));
      border:1px solid rgba(20,68,49,.09);
      box-shadow:0 16px 46px rgba(7,37,27,.06);
    }

    /* visual-system spotlight */
    #visual-system{
      background:
        radial-gradient(circle at 50% 12%,rgba(3,199,90,.12),transparent 34%),
        linear-gradient(180deg,#f4faf6 0%,#ffffff 100%) !important;
    }
    #visual-system .visual-node{
      background:linear-gradient(180deg,rgba(255,255,255,.97),rgba(247,251,249,.92));
    }

    /* growth proof dark-luxury section */
    #growth-proof{
      background:
        radial-gradient(circle at 82% 18%,rgba(3,199,90,.16),transparent 28%),
        radial-gradient(circle at 8% 78%,rgba(16,185,129,.10),transparent 25%),
        linear-gradient(160deg,#071d16 0%,#0c2a20 54%,#082117 100%) !important;
      color:#fff;
      padding-top:78px;
      padding-bottom:78px;
      overflow:hidden;
    }
    #growth-proof:before{
      content:"";position:absolute;inset:0;z-index:-1;
      background-image:
        linear-gradient(rgba(255,255,255,.028) 1px,transparent 1px),
        linear-gradient(90deg,rgba(255,255,255,.028) 1px,transparent 1px);
      background-size:42px 42px;
      mask-image:linear-gradient(to bottom,black,transparent 88%);
    }
    #growth-proof .eyebrow{color:#79f0ab}
    #growth-proof .desc{color:#c7d8d0}
    #growth-proof .proof-shell{
      background:linear-gradient(180deg,rgba(255,255,255,.97),rgba(248,252,250,.95));
      color:#0c1712;
      border-color:rgba(255,255,255,.16);
      box-shadow:0 28px 90px rgba(0,0,0,.28);
    }

    /* pricing emphasis */
    .pricing{
      position:relative;
    }
    .pricing:before{
      content:"";position:absolute;left:50%;top:44%;transform:translate(-50%,-50%);
      width:70%;height:250px;z-index:-1;filter:blur(40px);
      background:radial-gradient(circle,rgba(3,199,90,.10),transparent 70%);
    }
    .price-card.featured,.price.featured{
      background:linear-gradient(180deg,#ffffff 0%,#f0fff6 100%);
      box-shadow:0 24px 60px rgba(3,199,90,.13);
    }

    /* CTA becomes centerpiece */
    .cta{
      position:relative;overflow:hidden;
      background:
        radial-gradient(circle at 18% 10%,rgba(3,199,90,.22),transparent 30%),
        linear-gradient(145deg,#061b14,#0a2b20 68%,#0a241c);
      box-shadow:0 26px 70px rgba(5,33,24,.18);
      border:1px solid rgba(255,255,255,.08);
    }
    .cta:before{
      content:"";position:absolute;right:-80px;bottom:-110px;width:290px;height:290px;border-radius:50%;
      background:radial-gradient(circle,rgba(3,199,90,.22),transparent 70%);
    }
    .cta > *{position:relative;z-index:1}

    /* nav upgrade */
    nav,.nav{
      background:rgba(255,255,255,.76);
      backdrop-filter:blur(16px);
      -webkit-backdrop-filter:blur(16px);
      border-bottom:1px solid rgba(18,66,47,.08) !important;
    }

    footer{
      background:#061811;
      color:#9fb3aa;
      border-top:1px solid rgba(255,255,255,.05);
    }

    /* decorative floating orbs */
    .bg-orb{
      position:absolute;border-radius:50%;filter:blur(2px);pointer-events:none;z-index:-1;
      animation:orbFloat 8s ease-in-out infinite alternate;
    }
    .bg-orb.one{width:180px;height:180px;right:4%;top:120px;background:radial-gradient(circle,rgba(3,199,90,.10),transparent 70%)}
    .bg-orb.two{width:140px;height:140px;left:2%;top:46%;background:radial-gradient(circle,rgba(14,116,144,.07),transparent 70%);animation-delay:1.8s}
    @keyframes orbFloat{from{transform:translateY(0)}to{transform:translateY(24px)}}

    @media(max-width:840px){
      .hero{padding:54px 0 46px !important}
      .hero:before{width:420px;height:420px;left:-45%;top:-15%}
      #growth-proof{padding-top:56px;padding-bottom:56px}
      main:before{background-size:28px 28px}
    }
    @media(prefers-reduced-motion:reduce){
      .bg-orb{animation:none}
    }


    /* V6 — restrained editorial agency design */
    :root{
      --ink:#111814;
      --paper:#f7f6f2;
      --paper-2:#efeee9;
      --line:#d8d8d2;
      --muted:#667069;
      --naver:#03c75a;
      --deep:#112219;
      --shadow:none;
    }

    body{
      background:#f7f6f2 !important;
      color:var(--ink);
      font-family:-apple-system,BlinkMacSystemFont,"Pretendard","Noto Sans KR","Segoe UI",sans-serif;
    }

    main:before,.bg-orb,.hero:before,.hero:after,.hero-card:before,.hero-card:after,
    section.soft:before,section + section:after,.pricing:before,.cta:before,
    #growth-proof:before,.proof-shell:before{display:none !important}

    nav,.nav{
      background:rgba(247,246,242,.94) !important;
      backdrop-filter:none !important;
      -webkit-backdrop-filter:none !important;
      border-bottom:1px solid #d7d6d0 !important;
    }

    .wrap{max-width:1180px !important}
    section{background:transparent !important;border:0 !important}
    section.soft{background:#efeee9 !important;border:0 !important}

    .hero{
      padding:92px 0 82px !important;
      border-bottom:1px solid #d7d6d0;
    }

    .hero h1{
      font-size:56px !important;
      line-height:1.05 !important;
      letter-spacing:-2.6px !important;
      max-width:760px;
      font-weight:850 !important;
    }

    .hero .desc,.hero p{max-width:690px}
    .eyebrow{
      color:#111814 !important;
      letter-spacing:.16em !important;
      font-size:12px !important;
    }

    h2{
      font-size:36px !important;
      letter-spacing:-1.6px !important;
      line-height:1.16 !important;
    }

    .card,.dashboard,.chart-card,.proof-copy-card,.proof-shell,.ba-card,.price-card,
    .hero-card,.visual-node,.metric{
      backdrop-filter:none !important;
      -webkit-backdrop-filter:none !important;
      box-shadow:none !important;
      border-radius:0 !important;
    }

    .card{
      background:transparent !important;
      border:0 !important;
      border-top:1px solid #bfc4bf !important;
      padding:22px 0 !important;
    }

    .card:hover{transform:none !important;box-shadow:none !important;border-color:#111814 !important}
    .float-card:hover{transform:none !important;box-shadow:none !important}
    .shine:after,.pulse-ring{display:none !important}

    .hero-card{
      background:#16271f !important;
      border:0 !important;
      padding:30px !important;
    }

    .hero-card .bar{
      height:5px !important;
      background:#31443b !important;
    }

    .tag{
      border-radius:2px !important;
      background:transparent !important;
      color:#111814 !important;
      border:1px solid #aeb5b0 !important;
      font-size:12px !important;
      letter-spacing:.08em;
    }

    .btn{
      border-radius:3px !important;
      min-height:48px !important;
      padding:12px 18px !important;
      box-shadow:none !important;
    }
    .btn.primary{
      background:#111814 !important;
      border-color:#111814 !important;
      color:white !important;
    }
    .btn.dark{
      background:#03c75a !important;
      border-color:#03c75a !important;
      color:#07120b !important;
    }

    .dashboard{
      background:#fff !important;
      border:1px solid #d7d6d0 !important;
    }

    .metrics,.grid3,.grid4,.pricing,.faq,.roadmap{
      gap:26px !important;
    }

    .metric{
      background:transparent !important;
      border:0 !important;
      border-top:1px solid #111814 !important;
      padding:18px 0 !important;
    }

    .metric strong{
      font-size:34px !important;
      letter-spacing:-1.2px;
    }

    #visual-system{
      background:#f7f6f2 !important;
    }

    .visual-flow{
      gap:18px !important;
    }

    .visual-node{
      background:transparent !important;
      border:0 !important;
      border-top:1px solid #111814 !important;
      padding:20px 0 !important;
      min-height:auto !important;
      text-align:left !important;
    }

    .visual-node:not(:last-child):after{
      content:"" !important;
    }

    .visual-icon{
      width:auto !important;height:auto !important;border-radius:0 !important;
      display:block !important;background:transparent !important;
      color:#03a94d !important;margin:0 0 16px !important;
      font-size:12px;
    }

    .before-after{
      grid-template-columns:1fr 64px 1fr !important;
      margin-top:50px !important;
    }
    .ba-card{
      background:transparent !important;
      border:0 !important;
      border-top:1px solid #111814 !important;
      padding:22px 0 !important;
    }
    .ba-card.after{
      background:transparent !important;
      border-color:#03a94d !important;
    }
    .ba-arrow{color:#111814 !important;font-size:28px !important}

    .roadmap-visual:before{
      background:#aeb5b0 !important;
      height:1px !important;
    }
    .roadmap-dot{
      width:48px !important;height:48px !important;
      border:1px solid #111814 !important;
      color:#111814 !important;
      box-shadow:none !important;
      background:#f7f6f2 !important;
    }

    #growth-proof{
      background:#15241d !important;
      color:white !important;
      padding-top:88px !important;
      padding-bottom:88px !important;
    }

    #growth-proof .proof-shell{
      background:transparent !important;
      color:white !important;
      border:0 !important;
      padding:0 !important;
    }

    #growth-proof .proof-title em{color:#65dd92 !important}
    #growth-proof .proof-note{
      background:transparent !important;
      border-left:1px solid #6f867a;
      border-radius:0 !important;
      color:#b9c7c0 !important;
      padding-left:18px !important;
    }

    #growth-proof .proof-stat,
    #growth-proof .chart-card,
    #growth-proof .proof-copy-card{
      background:transparent !important;
      border:0 !important;
      border-top:1px solid rgba(255,255,255,.24) !important;
      border-radius:0 !important;
      color:white !important;
    }

    #growth-proof .proof-stat .label,
    #growth-proof .proof-stat small,
    #growth-proof .chart-head p,
    #growth-proof .proof-flow-item p{
      color:#aebfb6 !important;
    }

    #growth-proof .proof-flow-item{
      background:transparent !important;
      border-bottom:1px solid rgba(255,255,255,.12);
      border-radius:0 !important;
      padding:14px 0 !important;
    }

    #growth-proof .flow-no{
      background:transparent !important;
      border:1px solid #65dd92;
      color:#65dd92 !important;
      border-radius:50% !important;
    }

    #growth-proof .proof-quote{
      background:transparent !important;
      border-left:1px solid #65dd92 !important;
      border-radius:0 !important;
      padding-left:22px !important;
    }

    #growth-proof .proof-cta{
      background:transparent !important;
      border:1px solid rgba(255,255,255,.28) !important;
      border-radius:0 !important;
    }

    .price-card,.price{
      background:transparent !important;
      border:1px solid #cfd1cd !important;
      border-radius:0 !important;
      padding:24px !important;
    }
    .price-card.featured,.price.featured{
      background:#17261f !important;
      color:white !important;
      border-color:#17261f !important;
      transform:none !important;
    }
    .price.featured .tag{
      color:white !important;border-color:#687b70 !important;
    }
    .price.featured ul{color:#ced8d2 !important}

    .cta{
      background:#111814 !important;
      border:0 !important;
      border-radius:0 !important;
      box-shadow:none !important;
    }

    footer{
      background:#111814 !important;
      color:#99a49e !important;
    }

    .comparison,.compare{
      font-size:13px !important;
    }
    .comparison th,.compare th{
      background:transparent !important;
      border-bottom:1px solid #111814 !important;
    }

    @media(max-width:900px){
      .hero h1{font-size:42px !important}
      .before-after{grid-template-columns:1fr !important}
      .ba-arrow{transform:rotate(90deg)}
    }


    /* V7 Professional Visual Upgrade */
    :root{
      --ink:#111814;
      --deep:#17231d;
      --paper:#f7f6f2;
      --paper-2:#eceae3;
      --muted:#667069;
      --line:#d2d3cc;
      --soft-line:#e2e3dd;
      --naver:#03c75a;
      --accent:#234a39;
    }

    body{background:var(--paper)!important;color:var(--ink)!important}
    .wrap{max-width:1220px!important}

    /* subtle structure */
    .section{padding:72px 0!important}
    .hero{padding:96px 0 86px!important}
    h1{font-size:60px!important;letter-spacing:-2.8px!important;line-height:1.02!important}
    h2{font-size:38px!important;letter-spacing:-1.8px!important;line-height:1.12!important}
    h3{font-size:19px!important;letter-spacing:-.3px!important}
    .muted,.card p,.desc{color:var(--muted)!important}
    .eyebrow{
      position:relative;
      display:inline-flex;
      align-items:center;
      gap:10px;
      color:#1b241f!important;
      letter-spacing:.18em!important;
      font-size:12px!important;
      font-weight:900!important;
    }
    .eyebrow:before{
      content:"";
      display:block;
      width:26px;
      height:1px;
      background:#1b241f;
    }

    /* header */
    .nav,.nav{
      padding:18px 0!important;
    }
    .brand{
      font-size:20px;
      font-weight:900!important;
      letter-spacing:-.6px!important;
    }
    .navlinks button{
      font-size:12px!important;
      letter-spacing:.02em;
      color:#44514b;
    }

    /* hero layout */
    .hero{
      grid-template-columns:1.08fr .92fr!important;
      gap:40px!important;
      align-items:start!important;
    }
    .hero > div:first-child{
      padding-top:8px;
    }
    .hero p.muted{
      font-size:17px!important;
      line-height:1.8!important;
      max-width:720px!important;
    }
    .hero-actions{margin-top:28px!important;gap:12px!important}
    .btn{
      font-size:14px!important;
      min-height:50px!important;
      padding:13px 18px!important;
      font-weight:900!important;
    }

    /* report style hero summary */
    .hero-card{
      background:#fff!important;
      color:var(--ink)!important;
      border:1px solid var(--line)!important;
      padding:0!important;
      overflow:hidden;
    }
    .hero-card > *{position:relative}
    .hero-card .bar{background:#e7e8e2!important;height:6px!important}
    .hero-card .bar span{background:#1f4032!important}
    .score{
      font-size:52px!important;
      color:#17231d!important;
    }
    .score small{color:#6d7872!important}
    .hero-card-top{
      padding:24px 26px 18px;
      border-bottom:1px solid var(--soft-line);
      background:linear-gradient(180deg,#f9f8f4,#f1f0eb);
    }
    .hero-card-bottom{
      padding:18px 26px 24px;
    }
    .summary-label{
      font-size:12px;
      font-weight:900;
      letter-spacing:.12em;
      color:#425048;
      text-transform:uppercase;
    }
    .summary-copy{
      font-size:12px;
      line-height:1.7;
      color:#6a746f;
      margin-top:6px;
    }

    /* section titles with numbers */
    .section-num{
      font-size:64px;
      line-height:1;
      letter-spacing:-3px;
      color:#d7d7d1;
      font-weight:900;
      margin-bottom:12px;
      user-select:none;
    }
    .section-head{
      display:grid;
      grid-template-columns:120px 1fr;
      gap:22px;
      align-items:end;
      margin-bottom:24px;
    }
    .section-head.compact{
      grid-template-columns:80px 1fr;
    }
    .section-head-body p{max-width:760px;margin:0}

    /* cards become clean grid cells */
    .grid3,.grid4,.pricing,.faq,.roadmap{
      gap:22px!important;
    }
    .card{
      padding:24px 0 4px!important;
      border-top:1.5px solid #1a231e!important;
    }
    .card .tag{
      margin-bottom:14px!important;
    }

    /* diagnosis block */
    .diag{gap:24px!important;margin-top:28px!important}
    .diag .card{
      background:#fff!important;
      border:1px solid var(--line)!important;
      padding:26px!important;
    }
    .drop{
      background:#f8f7f3!important;
      border:1px dashed #adb4ae!important;
      padding:34px 24px!important;
      border-radius:0!important;
    }
    .field{margin-top:14px!important}
    input,select{
      border-radius:0!important;
      border:1px solid var(--line)!important;
      background:#fff!important;
    }
    .result{
      border-radius:0!important;
      background:#f5faf7!important;
      border:1px solid #cfe3d8!important;
    }

    /* proof / charts professional report style */
    #proof .metric,
    #growth-proof .proof-stat{
      background:#fff!important;
      border:1px solid var(--line)!important;
      padding:18px 18px 16px!important;
    }
    .metric strong,.proof-stat strong{
      font-size:30px!important;
    }
    .chart,.chart-card{
      background:#fff!important;
      border:1px solid var(--line)!important;
      padding:22px!important;
    }
    .flow-item,.proof-flow-item{
      border-top:1px solid var(--soft-line)!important;
      border-bottom:0!important;
      padding:15px 0!important;
      background:transparent!important;
    }
    .flow-no{
      border-radius:0!important;
      width:30px!important;
      height:30px!important;
      font-size:12px!important;
      background:#1b241f!important;
      color:#fff!important;
      border:0!important;
    }

    /* visual map */
    #visual-system .visual-node{
      padding:24px 0 10px!important;
    }
    #visual-system .visual-icon{
      font-size:12px!important;
      font-weight:900!important;
      letter-spacing:.14em;
      color:#6f7772!important;
    }
    #visual-system .visual-node b{
      font-size:18px!important;
      margin-top:0!important;
    }
    #visual-system .visual-node small{
      font-size:12px!important;
      line-height:1.65!important;
    }

    /* before/after */
    .ba-card{
      padding:24px 0 8px!important;
    }
    .ba-card h3{
      margin-bottom:10px!important;
      font-size:21px!important;
    }
    .ba-bar{
      height:6px!important;
    }

    /* roadmap */
    .roadmap-visual{
      gap:22px!important;
      margin-top:34px!important;
    }
    .roadmap-dot{
      width:54px!important;
      height:54px!important;
      font-size:17px!important;
      font-weight:900!important;
      background:#fff!important;
    }
    .roadmap-step .card{
      background:#fff!important;
      border:1px solid var(--line)!important;
      padding:24px!important;
      min-height:180px!important;
    }

    /* pricing to look premium and trustworthy */
    .pricing{
      align-items:stretch;
      margin-top:28px!important;
    }
    .price{
      min-height:100%;
      display:flex;
      flex-direction:column;
      justify-content:flex-start;
    }
    .price strong.amount{
      font-size:34px!important;
      letter-spacing:-1.4px!important;
      margin:10px 0 14px!important;
    }
    .price ul{
      font-size:12px!important;
      line-height:1.85!important;
      margin:4px 0 18px!important;
    }
    .price .btn{
      margin-top:auto!important;
    }
    .price.featured{
      background:#182720!important;
      color:#fff!important;
      border:1px solid #182720!important;
    }
    .price.featured p,
    .price.featured li,
    .price.featured .muted{
      color:#d0d8d3!important;
    }

    /* tables */
    .compare,.comparison{
      width:100%;
      border-collapse:collapse;
      background:#fff;
      border:1px solid var(--line);
      margin-top:16px!important;
    }
    .compare th,.comparison th,
    .compare td,.comparison td{
      padding:13px 14px!important;
      vertical-align:top;
      border-bottom:1px solid var(--soft-line)!important;
    }
    .compare th,.comparison th{
      font-size:12px!important;
      font-weight:900!important;
      color:#2b3932!important;
      background:#f4f3ee!important;
    }
    .compare td,.comparison td{
      font-size:13px!important;
      color:#47534d!important;
    }

    /* faq */
    .faq .card{
      background:#fff!important;
      border:1px solid var(--line)!important;
      padding:22px!important;
    }

    /* CTA */
    .cta{
      padding:34px 34px!important;
      background:#17231d!important;
    }
    .cta h2{
      font-size:34px!important;
      color:#fff!important;
      margin-bottom:6px!important;
    }
    .cta p{
      font-size:14px!important;
      line-height:1.7!important;
    }

    /* footer */
    footer{
      font-size:12px;
      letter-spacing:.01em;
      padding:26px 0!important;
    }

    @media(max-width:900px){
      h1{font-size:44px!important}
      h2{font-size:30px!important}
      .section-head,.section-head.compact{grid-template-columns:1fr!important;gap:8px!important}
      .section-num{font-size:44px!important;margin-bottom:0!important}
      .hero{gap:24px!important}
    }


    /* V8 — Korean performance agency proposal style */
    :root{
      --ink:#0e1712;
      --deep:#0f2118;
      --paper:#f7f7f3;
      --paper-2:#efefe9;
      --muted:#626e67;
      --line:#d2d5d0;
      --naver:#03c75a;
      --accent:#123b2a;
      --accent-soft:#e9f7ef;
    }

    body{background:#f7f7f3!important}
    .wrap{max-width:1240px!important}

    /* hero becomes commercial pitch */
    .hero{
      grid-template-columns:1.12fr .88fr!important;
      gap:36px!important;
      padding:86px 0 74px!important;
    }
    .hero h1{
      font-size:58px!important;
      max-width:820px;
    }
    .hero h1 .em{
      color:#03a84d!important;
    }
    .hero .muted{
      font-size:16px!important;
      max-width:760px!important;
    }

    .sales-proof-strip{
      display:grid;
      grid-template-columns:repeat(3,1fr);
      gap:0;
      border-top:1px solid #bfc4c0;
      border-bottom:1px solid #bfc4c0;
      margin-top:30px;
    }
    .sales-proof-item{
      padding:15px 18px 15px 0;
      border-right:1px solid #d7dad6;
    }
    .sales-proof-item:last-child{border-right:0;padding-left:18px}
    .sales-proof-item:nth-child(2){padding-left:18px}
    .sales-proof-item b{
      display:block;
      font-size:20px;
      letter-spacing:-.6px;
      margin-bottom:3px;
    }
    .sales-proof-item span{
      font-size:12px;
      color:#6d7771;
      line-height:1.5;
    }

    /* right hero card = proposal preview */
    .hero-card{
      background:#122219!important;
      color:#fff!important;
      border:0!important;
    }
    .hero-card-top{
      background:#122219!important;
      border-bottom:1px solid rgba(255,255,255,.12)!important;
    }
    .hero-card-bottom{
      background:#16291f!important;
    }
    .hero-card .summary-label{color:#82e3a9!important}
    .hero-card .summary-copy{color:#b8c8c0!important}
    .hero-card .score{color:#fff!important}
    .hero-card .score small{color:#9cb1a7!important}
    .hero-card .score-row{color:#dce7e1!important}
    .hero-card .bar{background:#2a4035!important}
    .hero-card .bar span{background:#03c75a!important}

    /* commercial section headers */
    .section-head{
      grid-template-columns:92px 1fr!important;
    }
    .section-num{
      color:#c8cbc7!important;
      font-size:58px!important;
    }

    /* service cards become benefit-oriented */
    #services .card{
      background:#fff!important;
      border:1px solid #d4d7d3!important;
      padding:24px!important;
      min-height:240px;
    }
    #services .card h3{
      font-size:22px!important;
      margin-bottom:10px!important;
    }
    #services .card p{
      font-size:13px!important;
      line-height:1.7!important;
    }
    #services .card:after{
      content:"성과 포인트 →";
      display:block;
      margin-top:22px;
      padding-top:14px;
      border-top:1px solid #eceeea;
      font-size:12px;
      font-weight:900;
      color:#17894a;
    }

    /* performance case section */
    .case-grid{
      display:grid;
      grid-template-columns:repeat(3,1fr);
      gap:16px;
      margin-top:26px;
    }
    .case-card{
      background:#fff;
      border:1px solid #d3d6d2;
      padding:22px;
      min-height:245px;
    }
    .case-card .industry{
      font-size:12px;
      font-weight:900;
      letter-spacing:.12em;
      color:#078d46;
      text-transform:uppercase;
    }
    .case-card h3{
      font-size:22px!important;
      margin:8px 0 18px!important;
    }
    .case-metric{
      display:flex;
      align-items:end;
      justify-content:space-between;
      gap:14px;
      border-top:1px solid #e3e5e2;
      padding:12px 0;
    }
    .case-metric span{font-size:12px;color:#6d7771}
    .case-metric strong{font-size:22px}
    .case-card .note{
      font-size:12px;
      color:#8a928d;
      margin-top:10px;
      line-height:1.5;
    }

    /* proof section more aggressive */
    #growth-proof .proof-title{
      font-size:40px!important;
      line-height:1.1!important;
    }
    #growth-proof .proof-kicker{
      color:#80e6a8!important;
      letter-spacing:.08em;
    }
    #growth-proof .proof-stat strong{
      color:#fff!important;
    }
    #growth-proof .proof-stat{
      border:1px solid rgba(255,255,255,.18)!important;
      padding:18px!important;
    }
    #growth-proof .chart-card,
    #growth-proof .proof-copy-card{
      border:1px solid rgba(255,255,255,.14)!important;
      padding:22px!important;
    }

    /* pricing more sales-led */
    .pricing{
      gap:14px!important;
    }
    .price{
      padding:24px!important;
      background:#fff!important;
      border:1px solid #d0d4d0!important;
    }
    .price .tag{
      border-color:#abb3ad!important;
    }
    .price.featured{
      background:#10231a!important;
      border-color:#10231a!important;
      position:relative;
    }
    .price.featured:before{
      content:"가장 많이 선택";
      position:absolute;
      top:-13px;
      left:22px;
      background:#03c75a;
      color:#08140d;
      font-size:12px;
      font-weight:900;
      padding:6px 9px;
    }
    .price strong.amount{
      font-size:36px!important;
    }

    /* commercial CTA bands */
    .micro-cta{
      display:grid;
      grid-template-columns:1fr auto;
      gap:20px;
      align-items:center;
      border-top:1px solid #171f1a;
      border-bottom:1px solid #171f1a;
      padding:22px 0;
      margin-top:30px;
    }
    .micro-cta b{
      font-size:20px;
      letter-spacing:-.5px;
    }
    .micro-cta p{
      margin:5px 0 0;
      font-size:12px;
      color:#68736d;
    }

    .cta{
      grid-template-columns:1fr auto!important;
      padding:36px!important;
    }
    .cta .btn{
      min-width:190px;
    }

    @media(max-width:900px){
      .sales-proof-strip,.case-grid{grid-template-columns:1fr}
      .sales-proof-item,.sales-proof-item:nth-child(2),.sales-proof-item:last-child{
        padding:14px 0!important;border-right:0;border-bottom:1px solid #d7dad6;
      }
      .sales-proof-item:last-child{border-bottom:0}
      .micro-cta,.cta{grid-template-columns:1fr!important}
    }


    /* V9 — Flash premium conversion effects */
    :root{
      --flash:#03c75a;
      --flash-2:#85f0af;
      --flash-dark:#0f2118;
      --flash-glow:rgba(3,199,90,.28);
    }

    html{scroll-behavior:smooth}

    /* page top progress bar */
    #scroll-progress{
      position:fixed;top:0;left:0;height:3px;width:0%;
      background:linear-gradient(90deg,#03c75a,#78f2aa,#03c75a);
      z-index:9999;box-shadow:0 0 12px rgba(3,199,90,.55);
      transition:width .1s linear;
    }

    /* stronger hero with animated light */
    .hero{
      position:relative;overflow:hidden;
    }
    .hero::before{
      content:"";position:absolute;inset:auto auto 0 -12%;
      width:38%;height:110%;
      background:linear-gradient(110deg,rgba(3,199,90,.0),rgba(3,199,90,.11),rgba(255,255,255,.0));
      transform:skewX(-18deg);
      filter:blur(2px);
      animation:heroSweep 7.5s linear infinite;
      pointer-events:none;
    }
    .hero::after{
      content:"";position:absolute;right:-12%;top:-8%;width:340px;height:340px;border-radius:50%;
      background:radial-gradient(circle,rgba(3,199,90,.18),rgba(3,199,90,0) 70%);
      filter:blur(10px);
      animation:floatGlow 6.2s ease-in-out infinite alternate;
      pointer-events:none;
    }
    @keyframes heroSweep{
      0%{transform:translateX(-130%) skewX(-18deg)}
      100%{transform:translateX(420%) skewX(-18deg)}
    }
    @keyframes floatGlow{
      from{transform:translateY(0) scale(1)}
      to{transform:translateY(22px) scale(1.08)}
    }

    .hero h1 .em{
      display:inline-block;
      background:linear-gradient(90deg,#02b64f,#03c75a,#8af3b2,#03c75a,#02b64f);
      background-size:240% 100%;
      -webkit-background-clip:text;
      background-clip:text;
      color:transparent!important;
      animation:gradientText 5.2s linear infinite;
    }
    @keyframes gradientText{
      0%{background-position:0% 0}
      100%{background-position:240% 0}
    }

    /* ticker strip */
    .keyword-ticker{
      margin-top:24px;
      border-top:1px solid #cdd2cd;
      border-bottom:1px solid #cdd2cd;
      overflow:hidden;
      position:relative;
      background:#fafaf7;
    }
    .keyword-ticker-track{
      display:flex;gap:34px;white-space:nowrap;
      padding:12px 0;
      min-width:max-content;
      animation:tickerRun 28s linear infinite;
      font-size:12px;font-weight:900;letter-spacing:.04em;color:#193328;
    }
    .keyword-ticker-track span{
      position:relative;padding-left:14px;
    }
    .keyword-ticker-track span::before{
      content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);
      width:6px;height:6px;border-radius:50%;background:#03c75a;
      box-shadow:0 0 10px rgba(3,199,90,.5);
    }
    @keyframes tickerRun{
      0%{transform:translateX(0)}
      100%{transform:translateX(-50%)}
    }

    /* reveal animation */
    .reveal{
      opacity:0;transform:translateY(26px);
      transition:opacity .7s ease, transform .7s ease;
    }
    .reveal.show{opacity:1;transform:none}

    /* premium flash cards */
    #services .card,
    .case-card,
    .price,
    .diag .card,
    .faq .card,
    .roadmap-step .card{
      position:relative;overflow:hidden;
      transition:transform .25s ease, box-shadow .25s ease, border-color .25s ease;
    }
    #services .card::before,
    .case-card::before,
    .price::before,
    .diag .card::before,
    .faq .card::before,
    .roadmap-step .card::before{
      content:"";position:absolute;left:0;top:0;width:100%;height:2px;
      background:linear-gradient(90deg,transparent,#03c75a,transparent);
      transform:translateX(-100%);
      transition:transform .6s ease;
    }
    #services .card:hover,
    .case-card:hover,
    .price:hover,
    .diag .card:hover,
    .faq .card:hover,
    .roadmap-step .card:hover{
      transform:translateY(-6px);
      box-shadow:0 22px 42px rgba(11,28,20,.10)!important;
      border-color:#b9d3c4!important;
    }
    #services .card:hover::before,
    .case-card:hover::before,
    .price:hover::before,
    .diag .card:hover::before,
    .faq .card:hover::before,
    .roadmap-step .card:hover::before{
      transform:translateX(100%);
    }

    /* CTA buttons pop */
    .btn.primary, .btn.dark{
      position:relative;overflow:hidden;
      box-shadow:0 10px 24px rgba(10,32,22,.14);
    }
    .btn.primary::after,.btn.dark::after{
      content:"";position:absolute;top:0;left:-120%;width:60%;height:100%;
      background:linear-gradient(115deg,transparent,rgba(255,255,255,.42),transparent);
      transform:skewX(-18deg);
    }
    .btn.primary:hover::after,.btn.dark:hover::after{
      animation:btnShine .75s ease forwards;
    }
    @keyframes btnShine{
      to{left:170%}
    }

    /* pulse CTA */
    .pulse-cta{
      position:relative;
    }
    .pulse-cta::before,.pulse-cta::after{
      content:"";position:absolute;inset:-8px;border-radius:6px;border:1px solid rgba(3,199,90,.26);
      animation:pulseBorder 2.1s ease-out infinite;
      pointer-events:none;
    }
    .pulse-cta::after{animation-delay:1.05s}
    @keyframes pulseBorder{
      0%{opacity:.75;transform:scale(.96)}
      70%,100%{opacity:0;transform:scale(1.08)}
    }

    /* metric count pop */
    .metric strong,.proof-stat strong,.case-metric strong,.score,.result-score,.amount{
      display:inline-block;
      animation:metricPop .7s cubic-bezier(.2,.85,.25,1) both;
    }
    @keyframes metricPop{
      from{opacity:0;transform:translateY(8px) scale(.93)}
      to{opacity:1;transform:none}
    }

    /* featured pricing glow */
    .price.featured{
      box-shadow:0 24px 52px rgba(3,199,90,.18)!important;
    }
    .price.featured::after{
      content:"";position:absolute;inset:-2px;
      background:linear-gradient(125deg,rgba(3,199,90,.0),rgba(3,199,90,.26),rgba(255,255,255,.0) 52%);
      pointer-events:none;
      mix-blend-mode:screen;
      animation:featureSweep 3.4s linear infinite;
    }
    @keyframes featureSweep{
      0%{transform:translateX(-120%)}
      100%{transform:translateX(120%)}
    }

    /* floating quick action */
    .floating-cta{
      position:fixed;right:18px;bottom:18px;z-index:999;
      display:flex;align-items:center;gap:10px;
      background:#111814;color:#fff;
      border:1px solid rgba(255,255,255,.08);
      padding:13px 16px;border-radius:999px;
      box-shadow:0 16px 36px rgba(0,0,0,.18);
      font-size:13px;font-weight:900;
      text-decoration:none;
      transition:transform .2s ease, box-shadow .2s ease;
    }
    .floating-cta:hover{transform:translateY(-4px);box-shadow:0 22px 40px rgba(0,0,0,.24)}
    .floating-dot{
      width:10px;height:10px;border-radius:50%;background:#03c75a;
      box-shadow:0 0 0 0 rgba(3,199,90,.55);
      animation:livePulse 1.8s infinite;
    }
    @keyframes livePulse{
      0%{box-shadow:0 0 0 0 rgba(3,199,90,.55)}
      70%{box-shadow:0 0 0 12px rgba(3,199,90,0)}
      100%{box-shadow:0 0 0 0 rgba(3,199,90,0)}
    }

    /* diagonal flash divider */
    .flash-divider{
      height:62px;
      background:
        linear-gradient(135deg,transparent 44%, rgba(3,199,90,.12) 44%, rgba(3,199,90,.12) 46%, transparent 46%),
        linear-gradient(135deg,transparent 55%, rgba(17,24,20,.08) 55%, rgba(17,24,20,.08) 57%, transparent 57%);
      opacity:.7;
    }

    /* improve cta section energy */
    .cta{
      position:relative;overflow:hidden;
    }
    .cta::after{
      content:"";position:absolute;left:-18%;top:-40%;width:40%;height:180%;
      background:linear-gradient(110deg,transparent,rgba(3,199,90,.18),transparent);
      transform:skewX(-18deg);
      animation:ctaSweep 6.5s linear infinite;
    }
    @keyframes ctaSweep{
      0%{transform:translateX(-110%) skewX(-18deg)}
      100%{transform:translateX(390%) skewX(-18deg)}
    }
    .cta > *{position:relative;z-index:1}

    @media(max-width:900px){
      .floating-cta{right:12px;bottom:12px;padding:12px 14px;font-size:12px}
      .keyword-ticker-track{gap:24px;font-size:12px}
    }
    @media(prefers-reduced-motion:reduce){
      .hero::before,.hero::after,.keyword-ticker-track,.pulse-cta::before,.pulse-cta::after,
      .price.featured::after,.floating-dot,.cta::after,.hero h1 .em{
        animation:none!important;
      }
      .reveal{opacity:1;transform:none}
    }


    /* V10 — conversion-focused */
    .sticky-conversion{
      position:sticky;top:0;z-index:998;
      background:#111814;color:#fff;
      border-bottom:1px solid rgba(255,255,255,.08);
      padding:9px 0;
    }
    .sticky-conversion .inner{
      max-width:1240px;margin:0 auto;padding:0 18px;
      display:flex;align-items:center;justify-content:space-between;gap:14px;
    }
    .sticky-conversion b{font-size:13px}
    .sticky-conversion span{font-size:12px;color:#b9c4be;margin-left:8px}
    .sticky-conversion .mini-btn{
      min-height:34px;padding:8px 12px;border-radius:3px;
      background:#03c75a;color:#07120b;font-weight:900;text-decoration:none;font-size:12px;
    }

    .urgency-strip{
      margin-top:20px;padding:13px 14px;
      border-left:3px solid #03c75a;
      background:#f0f8f3;
      font-size:12px;color:#314138;
    }
    .urgency-strip b{color:#111814}

    .conversion-block{
      border:1px solid #cfd4d0;
      background:#fff;
      padding:24px;
      margin-top:26px;
      display:grid;
      grid-template-columns:1fr auto;
      gap:20px;
      align-items:center;
    }
    .conversion-block h3{font-size:23px!important;margin-bottom:6px!important}
    .conversion-block p{font-size:12px!important;color:#69756f!important;margin:0}
    .conversion-block .btn{min-width:180px}

    .value-stack{
      display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:18px;
    }
    .value-item{
      border-top:1px solid #1b241f;padding-top:13px;
    }
    .value-item b{display:block;font-size:16px;margin-bottom:4px}
    .value-item span{font-size:12px;color:#6d7771;line-height:1.5}

    .pricing-funnel{
      display:grid;grid-template-columns:repeat(4,1fr);gap:0;
      border:1px solid #d4d7d3;margin-top:24px;
    }
    .funnel-step{
      position:relative;padding:18px;border-right:1px solid #d4d7d3;background:#fff;
    }
    .funnel-step:last-child{border-right:0}
    .funnel-step:not(:last-child)::after{
      content:"→";position:absolute;right:-11px;top:50%;transform:translateY(-50%);
      width:22px;height:22px;border-radius:50%;background:#111814;color:#fff;
      display:grid;place-items:center;font-size:12px;font-weight:900;z-index:2;
    }
    .funnel-step small{font-size:12px;color:#7b8580;font-weight:900}
    .funnel-step b{display:block;font-size:17px;margin-top:5px}
    .funnel-step span{display:block;font-size:12px;color:#69756f;margin-top:5px;line-height:1.5}

    .limited-note{
      display:inline-flex;align-items:center;gap:7px;
      font-size:12px;font-weight:900;color:#173426;
      background:#e8f7ee;padding:7px 9px;margin-top:12px;
      border:1px solid #c7e4d2;
    }
    .limited-note::before{
      content:"";width:7px;height:7px;border-radius:50%;background:#03c75a;
      box-shadow:0 0 0 0 rgba(3,199,90,.5);animation:livePulse 1.8s infinite;
    }

    .final-offer{
      background:#0f2118;color:#fff;border:0;padding:34px;
      display:grid;grid-template-columns:1fr auto;gap:20px;align-items:center;
    }
    .final-offer h2{color:#fff!important;margin:0 0 8px!important}
    .final-offer p{color:#b8c8c0!important;margin:0}
    .final-offer .price-callout{
      text-align:right;
    }
    .final-offer .price-callout strong{
      display:block;font-size:24px;
    }
    .final-offer .price-callout span{
      font-size:12px;color:#9db0a6;
    }

    @media(max-width:900px){
      .sticky-conversion .inner,.conversion-block,.final-offer{grid-template-columns:1fr;display:grid}
      .sticky-conversion span{display:block;margin-left:0;margin-top:3px}
      .value-stack,.pricing-funnel{grid-template-columns:1fr}
      .funnel-step{border-right:0;border-bottom:1px solid #d4d7d3}
      .funnel-step:last-child{border-bottom:0}
      .funnel-step:not(:last-child)::after{content:"↓";right:auto;left:50%;top:auto;bottom:-11px;transform:translateX(-50%)}
      .final-offer .price-callout{text-align:left}
    }


    /* V12 roadmap — compact, persuasive, mobile-first */
    #roadmap{
      padding:72px 0!important;
      background:#f4f3ee!important;
    }
    #roadmap .roadmap-head{
      display:grid;
      grid-template-columns:120px minmax(0,1fr);
      gap:26px;
      align-items:start;
      margin-bottom:28px;
    }
    #roadmap .roadmap-index{
      font-size:54px;
      line-height:1;
      font-weight:950;
      letter-spacing:-2px;
      color:#c5c8c3;
    }
    #roadmap .roadmap-kicker{
      display:flex;
      align-items:center;
      gap:10px;
      font-size:12px;
      font-weight:900;
      letter-spacing:.14em;
      color:#26322c;
      margin-bottom:10px;
    }
    #roadmap .roadmap-kicker::before{
      content:"";
      width:28px;
      height:1px;
      background:#26322c;
    }
    #roadmap .roadmap-title{
      font-size:36px!important;
      line-height:1.16!important;
      letter-spacing:-1.7px!important;
      margin:0 0 12px!important;
      max-width:820px;
    }
    #roadmap .roadmap-sub{
      max-width:820px;
      font-size:14px;
      line-height:1.72;
      color:#667069;
      margin:0;
    }

    #roadmap .roadmap-flow{
      display:grid;
      grid-template-columns:repeat(5,1fr);
      gap:8px;
      margin:22px 0 24px;
    }
    #roadmap .roadmap-flow span{
      position:relative;
      padding:10px 8px;
      border:1px solid #d1d5d1;
      background:#fff;
      text-align:center;
      font-size:12px;
      font-weight:900;
      color:#334039;
    }
    #roadmap .roadmap-flow span:not(:last-child)::after{
      content:"→";
      position:absolute;
      right:-10px;
      top:50%;
      transform:translateY(-50%);
      width:20px;
      height:20px;
      display:grid;
      place-items:center;
      background:#f4f3ee;
      color:#03a84d;
      font-weight:950;
      z-index:2;
    }

    #roadmap .roadmap-cards{
      display:grid;
      grid-template-columns:repeat(3,1fr);
      gap:14px;
    }
    #roadmap .roadmap-card{
      position:relative;
      background:#fff;
      border:1px solid #d1d5d1;
      padding:22px;
      min-width:0;
    }
    #roadmap .roadmap-card::before{
      content:"";
      position:absolute;
      left:0;top:0;
      width:100%;height:4px;
      background:#17231d;
    }
    #roadmap .roadmap-card:nth-child(2)::before{background:#24734c}
    #roadmap .roadmap-card:nth-child(3)::before{background:#03c75a}

    #roadmap .day-row{
      display:flex;
      justify-content:space-between;
      align-items:flex-start;
      gap:10px;
      padding-bottom:14px;
      border-bottom:1px solid #e2e4e1;
    }
    #roadmap .day{
      font-size:34px;
      line-height:1;
      font-weight:950;
      letter-spacing:-1.5px;
      color:#15241d;
    }
    #roadmap .day small{
      display:block;
      font-size:12px;
      letter-spacing:.14em;
      color:#7b8580;
      margin-bottom:5px;
    }
    #roadmap .phase{
      font-size:12px;
      font-weight:900;
      letter-spacing:.08em;
      padding:5px 7px;
      border:1px solid #bdd8c8;
      color:#078d46;
      white-space:nowrap;
    }
    #roadmap .roadmap-card h3{
      font-size:20px!important;
      line-height:1.35!important;
      margin:16px 0 8px!important;
    }
    #roadmap .roadmap-card .lead{
      font-size:12px!important;
      line-height:1.65!important;
      color:#68736d!important;
      margin:0 0 15px!important;
    }
    #roadmap .task-list{
      list-style:none;
      padding:0;
      margin:0;
      display:grid;
      gap:8px;
    }
    #roadmap .task-list li{
      display:grid;
      grid-template-columns:16px 1fr;
      gap:7px;
      font-size:12px;
      line-height:1.55;
      color:#37443d;
    }
    #roadmap .task-list li::before{
      content:"✓";
      color:#03a84d;
      font-weight:950;
    }
    #roadmap .checkpoint{
      margin-top:17px;
      padding-top:13px;
      border-top:1px solid #e1e3e0;
    }
    #roadmap .checkpoint span{
      display:block;
      font-size:12px;
      font-weight:900;
      letter-spacing:.1em;
      color:#7d8781;
      margin-bottom:5px;
    }
    #roadmap .checkpoint strong{
      font-size:12px;
      line-height:1.5;
      color:#17231d;
    }

    #roadmap .roadmap-output{
      display:grid;
      grid-template-columns:1fr auto;
      gap:20px;
      align-items:center;
      margin-top:16px;
      padding:20px 22px;
      background:#17231d;
      color:#fff;
    }
    #roadmap .roadmap-output h3{
      color:#fff!important;
      font-size:19px!important;
      margin:0 0 5px!important;
    }
    #roadmap .roadmap-output p{
      color:#b8c6bf!important;
      font-size:12px!important;
      margin:0!important;
    }
    #roadmap .output-tags{
      display:flex;
      gap:8px;
      flex-wrap:wrap;
      justify-content:flex-end;
    }
    #roadmap .output-tags span{
      border:1px solid rgba(255,255,255,.24);
      padding:7px 9px;
      font-size:12px;
      font-weight:900;
      color:#e8f0ec;
    }

    @media(max-width:900px){
      #roadmap{padding:44px 0!important}
      #roadmap .roadmap-head{
        grid-template-columns:1fr;
        gap:8px;
        margin-bottom:18px;
      }
      #roadmap .roadmap-index{
        display:none;
      }
      #roadmap .roadmap-kicker{
        font-size:12px;
        margin-bottom:8px;
      }
      #roadmap .roadmap-title{
        font-size:28px!important;
        line-height:1.18!important;
        letter-spacing:-1.2px!important;
        max-width:none;
      }
      #roadmap .roadmap-sub{
        font-size:13px;
        line-height:1.68;
      }
      #roadmap .roadmap-flow{
        grid-template-columns:1fr;
        gap:7px;
        margin:17px 0 18px;
      }
      #roadmap .roadmap-flow span{
        text-align:left;
        padding:9px 11px;
      }
      #roadmap .roadmap-flow span:not(:last-child)::after{
        content:"↓";
        right:auto;
        left:50%;
        top:auto;
        bottom:-10px;
        transform:translateX(-50%);
      }
      #roadmap .roadmap-cards{
        grid-template-columns:1fr;
        gap:12px;
      }
      #roadmap .roadmap-card{
        padding:18px;
      }
      #roadmap .day{
        font-size:30px;
      }
      #roadmap .roadmap-card h3{
        font-size:18px!important;
        margin-top:14px!important;
      }
      #roadmap .roadmap-card .lead{
        font-size:12px!important;
        margin-bottom:13px!important;
      }
      #roadmap .task-list li{
        font-size:12px;
      }
      #roadmap .roadmap-output{
        grid-template-columns:1fr;
        padding:18px;
      }
      #roadmap .output-tags{
        justify-content:flex-start;
      }
    }

    @media(max-width:480px){
      #roadmap{padding:36px 0!important}
      #roadmap .roadmap-title{
        font-size:25px!important;
      }
      #roadmap .roadmap-sub{
        font-size:12px;
      }
    }


    /* V13 compact business footer */
    .biz-footer{
      background:#0f1713;
      color:#cbd4ce;
      border-top:1px solid rgba(255,255,255,.08);
      padding:16px 0 18px;
      font-size:12px;
      line-height:1.7;
    }
    .biz-footer .biz-line{
      display:flex;
      flex-wrap:wrap;
      align-items:center;
      row-gap:3px;
    }
    .biz-footer .biz-item{white-space:nowrap}
    .biz-footer .biz-item:not(:last-child)::after{
      content:"|";
      margin:0 8px;
      color:#657169;
    }
    .biz-footer a{
      color:#eef4f0;
      text-decoration:underline;
      text-underline-offset:2px;
    }
    .biz-footer .biz-address{
      margin-top:2px;
      color:#9eaaa3;
    }
    @media(max-width:700px){
      .biz-footer{
        padding:14px 0 16px;
        font-size:12px;
      }
      .biz-footer .biz-line{display:block}
      .biz-footer .biz-item{
        white-space:normal;
        margin-right:10px;
      }
      .biz-footer .biz-item:not(:last-child)::after{
        content:"";
        margin:0;
      }
      .biz-footer .biz-address{margin-top:5px}
    }


    /* V14 section background imagery — subtle + text-safe */
    .hero,
    #services,
    #diagnosis,
    #visual-system,
    #growth-proof,
    #roadmap,
    #plans {
      background-repeat:no-repeat !important;
      background-size:cover !important;
      background-position:center !important;
    }

    .hero {
      background-image:
        linear-gradient(90deg, rgba(247,247,243,.98) 0%, rgba(247,247,243,.96) 52%, rgba(247,247,243,.82) 78%, rgba(247,247,243,.72) 100%),
        url("/assets/img/bg-01-d181ae84.svg") !important;
    }

    #services {
      background-image:
        linear-gradient(rgba(239,239,233,.95), rgba(239,239,233,.95)),
        url("/assets/img/bg-02-a51db442.svg") !important;
    }

    #diagnosis {
      background-image:
        linear-gradient(90deg,rgba(248,248,244,.98) 0%,rgba(248,248,244,.94) 72%,rgba(248,248,244,.84) 100%),
        url("/assets/img/bg-03-272c9d39.svg") !important;
    }

    #visual-system {
      background-image:
        linear-gradient(rgba(243,244,239,.94),rgba(243,244,239,.94)),
        url("/assets/img/bg-04-45c9acfc.svg") !important;
    }

    #growth-proof {
      background-image:
        linear-gradient(rgba(15,33,24,.90),rgba(15,33,24,.92)),
        url("/assets/img/bg-05-289a6366.svg") !important;
      background-attachment:fixed;
    }

    #roadmap {
      background-image:
        linear-gradient(rgba(244,243,238,.95),rgba(244,243,238,.95)),
        url("/assets/img/bg-06-3bacac0f.svg") !important;
    }

    /* Performance/case section immediately before pricing */
    #plans {
      background-image:
        linear-gradient(rgba(239,239,233,.95),rgba(239,239,233,.96)),
        url("/assets/img/bg-07-251f4258.svg") !important;
    }

    /* general article sections: soft visual depth */
    section.section:not(#diagnosis):not(#roadmap):not(#plans) {
      position:relative;
    }
    section.section:not(#diagnosis):not(#roadmap):not(#plans)::before {
      content:"";
      position:absolute;inset:0;z-index:-1;pointer-events:none;
      background-image:url("/assets/img/bg-08-d6b06115.svg");
      background-size:cover;background-position:center;
      opacity:.34;
    }

    /* FAQ gets a quieter background */
    section.section:has(.faq)::before {
      background-image:url("/assets/img/bg-09-74003722.svg") !important;
      opacity:.40 !important;
    }

    /* Ensure cards remain readable on visual backgrounds */
    #services .card,
    #diagnosis .card,
    #visual-system .visual-node,
    #roadmap .roadmap-card,
    #plans .price,
    .case-card,
    .faq .card {
      background:rgba(255,255,255,.94) !important;
      -webkit-backdrop-filter:blur(3px);
      backdrop-filter:blur(3px);
    }

    #growth-proof .proof-shell,
    #growth-proof .proof-stat,
    #growth-proof .chart-card,
    #growth-proof .proof-copy-card {
      background:rgba(15,33,24,.74) !important;
      border-color:rgba(255,255,255,.16) !important;
      -webkit-backdrop-filter:blur(6px);
      backdrop-filter:blur(6px);
    }

    /* Headings receive micro backdrop only where needed */
    .section-head-body,
    .roadmap-head > div:last-child {
      position:relative;
      z-index:2;
    }

    @media(max-width:900px){
      .hero {
        background-image:
          linear-gradient(rgba(247,247,243,.97),rgba(247,247,243,.94)),
          url("/assets/img/bg-01-d181ae84.svg") !important;
        background-position:65% center !important;
      }
      #diagnosis {
        background-image:
          linear-gradient(rgba(248,248,244,.96),rgba(248,248,244,.96)),
          url("/assets/img/bg-03-272c9d39.svg") !important;
      }
      #growth-proof {
        background-attachment:scroll;
      }
    }

    @media(prefers-reduced-motion:reduce){
      #growth-proof {background-attachment:scroll}
    }


    /* V15 — diagnosis section cleanup */
    html, body { overflow-x:hidden; }
    #diagnosis.diagnosis{
      background:
        linear-gradient(90deg,rgba(247,247,243,.985),rgba(247,247,243,.965)),
        var(--diag-bg, none) !important;
      color:#15211b !important;
      padding:64px 0 !important;
    }
    #diagnosis .wrap{
      width:min(1180px, calc(100% - 40px)) !important;
      max-width:1180px !important;
      margin:0 auto !important;
      padding:0 !important;
    }
    #diagnosis .eyebrow{
      color:#27332d !important;
      margin-bottom:10px !important;
    }
    #diagnosis h2{
      color:#15211b !important;
      font-size:38px !important;
      line-height:1.16 !important;
      letter-spacing:-1.6px !important;
      margin:0 0 12px !important;
      max-width:780px;
    }
    #diagnosis .desc{
      color:#667069 !important;
      max-width:860px !important;
      margin:0 !important;
      font-size:14px !important;
      line-height:1.7 !important;
    }

    #diagnosis .diag-grid{
      display:grid !important;
      grid-template-columns:minmax(0,1.15fr) minmax(320px,.85fr) !important;
      gap:18px !important;
      margin-top:26px !important;
      align-items:stretch !important;
      width:100% !important;
    }

    #diagnosis .uploadbox,
    #diagnosis .sample-panel{
      min-width:0 !important;
      width:100% !important;
      box-sizing:border-box !important;
    }

    #diagnosis .uploadbox{
      background:rgba(255,255,255,.96) !important;
      color:#18231e !important;
      padding:22px !important;
      border:1px solid #d6dad6 !important;
      border-radius:10px !important;
      box-shadow:none !important;
    }
    #diagnosis .drop{
      min-height:168px !important;
      padding:24px 20px !important;
      border:1px dashed #aeb9b2 !important;
      border-radius:6px !important;
      background:#f8f8f5 !important;
      display:flex !important;
      flex-direction:column !important;
      align-items:center !important;
      justify-content:center !important;
      text-align:center !important;
      overflow:hidden !important;
    }
    #diagnosis .drop > div{
      font-size:28px !important;
      line-height:1 !important;
      color:#395047 !important;
    }
    #diagnosis .drop strong{
      display:block !important;
      margin:10px 0 4px !important;
      font-size:15px !important;
      color:#1c2822 !important;
    }
    #diagnosis .drop small{
      font-size:12px !important;
      color:#727d77 !important;
      line-height:1.55 !important;
    }

    #diagnosis .form-grid{
      display:grid !important;
      grid-template-columns:1fr 1fr !important;
      gap:12px !important;
      margin-top:16px !important;
    }
    #diagnosis .field{
      min-width:0 !important;
      gap:6px !important;
      margin-top:0 !important;
    }
    #diagnosis .field label{
      color:#4d5a53 !important;
      font-size:12px !important;
      font-weight:850 !important;
    }
    #diagnosis input,
    #diagnosis select{
      width:100% !important;
      max-width:100% !important;
      height:44px !important;
      border:1px solid #d4d8d4 !important;
      border-radius:4px !important;
      padding:0 12px !important;
      font-size:14px !important;
      color:#24312a !important;
      background:#fff !important;
      box-sizing:border-box !important;
    }
    #diagnosis .analyze{
      height:48px !important;
      border-radius:4px !important;
      background:#03c75a !important;
      color:#07170e !important;
      font-size:14px !important;
      font-weight:900 !important;
      margin-top:14px !important;
    }

    #diagnosis .sample-panel{
      background:#153b2f !important;
      border:1px solid #245043 !important;
      border-radius:10px !important;
      padding:22px !important;
      display:flex !important;
      flex-direction:column !important;
      justify-content:center !important;
      min-height:100% !important;
    }
    #diagnosis .sample-panel .pill{
      align-self:flex-start !important;
      margin-bottom:8px !important;
      border-radius:999px !important;
      padding:6px 10px !important;
      font-size:12px !important;
      letter-spacing:.08em !important;
    }
    #diagnosis .score-ring{
      width:116px !important;
      height:116px !important;
      margin:12px auto 10px !important;
    }
    #diagnosis .score-ring:after{
      width:88px !important;
      height:88px !important;
      background:#153b2f !important;
    }
    #diagnosis .score-num{
      font-size:31px !important;
    }
    #diagnosis .score-num small{
      font-size:12px !important;
    }
    #diagnosis .sample-panel > div[style*="text-align:center"]{
      font-size:15px !important;
      margin-top:2px !important;
    }
    #diagnosis .bars{
      gap:10px !important;
      margin-top:16px !important;
    }
    #diagnosis .bar-row{
      grid-template-columns:92px minmax(0,1fr) 30px !important;
      gap:9px !important;
      font-size:12px !important;
    }
    #diagnosis .bar{
      height:6px !important;
    }
    #diagnosis .sample-panel p{
      font-size:12px !important;
      line-height:1.55 !important;
      margin:16px 0 0 !important;
      color:#a9bbb2 !important;
    }

    @media(max-width:820px){
      #diagnosis.diagnosis{padding:42px 0 !important}
      #diagnosis .wrap{
        width:min(100% - 28px, 680px) !important;
      }
      #diagnosis h2{
        font-size:27px !important;
        line-height:1.22 !important;
        letter-spacing:-1px !important;
      }
      #diagnosis .desc{
        font-size:12px !important;
      }
      #diagnosis .diag-grid{
        grid-template-columns:1fr !important;
        gap:12px !important;
        margin-top:20px !important;
      }
      #diagnosis .uploadbox,
      #diagnosis .sample-panel{
        padding:16px !important;
      }
      #diagnosis .drop{
        min-height:138px !important;
        padding:20px 14px !important;
      }
      #diagnosis .form-grid{
        grid-template-columns:1fr !important;
        gap:10px !important;
      }
      #diagnosis .field.full{
        grid-column:auto !important;
      }
      #diagnosis .sample-panel{
        min-height:auto !important;
      }
      #diagnosis .score-ring{
        width:98px !important;
        height:98px !important;
      }
      #diagnosis .score-ring:after{
        width:74px !important;
        height:74px !important;
      }
      #diagnosis .score-num{
        font-size:27px !important;
      }
    }


    /* V16 Kakao consultation CTA */
    .talktalk-btn{
      display:inline-flex;
      align-items:center;
      justify-content:center;
      gap:8px;
      min-height:46px;
      padding:11px 16px;
      border-radius:4px;
      background:#03C75A;
      color:#07170e;
      border:1px solid #02AF50;
      font-size:13px;
      font-weight:900;
      text-decoration:none;
      cursor:pointer;
      transition:transform .18s ease, box-shadow .18s ease;
    }
    .talktalk-btn:hover{
      transform:translateY(-2px);
      box-shadow:0 10px 22px rgba(0,0,0,.12);
    }
    .talktalk-icon{
      width:20px;
      height:20px;
      border-radius:50%;
      display:grid;
      place-items:center;
      background:#191919;
      color:#03C75A;
      font-size:12px;
      font-weight:950;
      line-height:1;
    }
    .talktalk-inline-row{
      display:flex;
      align-items:center;
      gap:10px;
      flex-wrap:wrap;
      margin-top:14px;
    }
    .talktalk-note{
      font-size:12px;
      color:#707a74;
      line-height:1.55;
    }
    .talktalk-floating{
      position:fixed;
      right:18px;
      bottom:78px;
      z-index:998;
      display:flex;
      align-items:center;
      gap:9px;
      background:#03C75A;
      color:#07170e;
      border:1px solid #02AF50;
      border-radius:999px;
      padding:12px 16px;
      font-size:13px;
      font-weight:950;
      text-decoration:none;
      box-shadow:0 14px 32px rgba(0,0,0,.18);
      transition:transform .2s ease, box-shadow .2s ease;
    }
    .talktalk-floating:hover{
      transform:translateY(-3px);
      box-shadow:0 18px 38px rgba(0,0,0,.22);
    }
    .talktalk-floating .talktalk-icon{
      width:24px;
      height:24px;
      font-size:12px;
    }

    @media(max-width:700px){
      .talktalk-floating{
        right:12px;
        bottom:74px;
        padding:11px 14px;
        font-size:12px;
      }
      .talktalk-floating .label-full{display:none}
      .talktalk-floating .label-short{display:inline}
    }
    @media(min-width:701px){
      .talktalk-floating .label-short{display:none}
    }


    /* V18 SAFEGUARD logo */
    .brand-logo{
      display:flex !important;
      align-items:center !important;
      min-width:0;
    }
    .brand-logo img{
      display:block;
      width:auto;
      height:48px;
      max-width:300px;
      object-fit:contain;
    }
    @media(max-width:700px){
      .brand-logo img{
        height:38px;
        max-width:230px;
      }
    }


    /* V18 Naver TalkTalk */
    .talktalk-btn{
      display:inline-flex;
      align-items:center;
      justify-content:center;
      gap:8px;
      min-height:46px;
      padding:11px 16px;
      border-radius:4px;
      background:#03C75A !important;
      color:#07170e !important;
      border:1px solid #02AF50 !important;
      font-size:13px;
      font-weight:900;
      text-decoration:none;
      cursor:pointer;
      transition:transform .18s ease, box-shadow .18s ease;
    }
    .talktalk-btn:hover{
      transform:translateY(-2px);
      box-shadow:0 10px 22px rgba(3,199,90,.18);
    }
    .talktalk-icon{
      width:20px;
      height:20px;
      border-radius:50%;
      display:grid;
      place-items:center;
      background:#fff !important;
      color:#03A94D !important;
      font-size:12px;
      font-weight:950;
      line-height:1;
    }
    .talktalk-inline-row{
      display:flex;
      align-items:center;
      gap:10px;
      flex-wrap:wrap;
      margin-top:14px;
    }
    .talktalk-note{
      font-size:12px;
      color:#707a74;
      line-height:1.55;
    }
    .talktalk-floating{
      position:fixed;
      right:18px;
      bottom:78px;
      z-index:998;
      display:flex;
      align-items:center;
      gap:9px;
      background:#03C75A !important;
      color:#07170e !important;
      border:1px solid #02AF50 !important;
      border-radius:999px;
      padding:12px 16px;
      font-size:13px;
      font-weight:950;
      text-decoration:none;
      box-shadow:0 14px 32px rgba(0,0,0,.18);
      transition:transform .2s ease, box-shadow .2s ease;
    }
    .talktalk-floating:hover{
      transform:translateY(-3px);
      box-shadow:0 18px 38px rgba(0,0,0,.22);
    }
    .talktalk-floating .talktalk-icon{
      width:24px;
      height:24px;
      font-size:12px;
    }
    .payment-contact-notice{
      margin-top:18px;
      border:1px solid #c6dfd1;
      background:#f0faf4;
      padding:16px 18px;
      display:grid;
      grid-template-columns:auto 1fr auto;
      gap:13px;
      align-items:center;
    }
    .payment-contact-notice .notice-badge{
      min-width:42px;
      height:42px;
      border-radius:50%;
      background:#03C75A;
      display:grid;
      place-items:center;
      color:#07170e;
      font-weight:950;
      font-size:12px;
    }
    .payment-contact-notice strong{
      display:block;
      font-size:14px;
      color:#18271f;
      margin-bottom:4px;
    }
    .payment-contact-notice p{
      margin:0 !important;
      font-size:12px !important;
      color:#607068 !important;
      line-height:1.65 !important;
    }
    @media(max-width:700px){
      .talktalk-floating{
        right:12px;
        bottom:74px;
        padding:11px 14px;
        font-size:12px;
      }
      .payment-contact-notice{
        grid-template-columns:auto 1fr;
      }
      .payment-contact-notice .talktalk-btn{
        grid-column:1/-1;
        width:100%;
      }
    }


    /* V20 Refund policy */
    .policy-section{background:#f7f7f3;border-top:1px solid #d6d8d4;padding:56px 0}
    .policy-section h2{margin:0 0 12px;color:#17231d}
    .policy-intro{color:#657069;font-size:13px;line-height:1.7;max-width:880px;margin-bottom:22px}
    .policy-box{background:#fff;border:1px solid #d7dad6;padding:24px}
    .policy-item{padding:16px 0;border-bottom:1px solid #eceeea}
    .policy-item:last-child{border-bottom:0}
    .policy-item h3{margin:0 0 7px;font-size:15px!important;color:#17231d}
    .policy-item p{margin:0;font-size:12px!important;color:#5f6c65!important;line-height:1.72!important}
    .policy-agree{margin-top:18px;border:1px solid #c9d9cf;background:#f1f8f4;padding:14px 16px;display:flex;gap:10px;align-items:flex-start}
    .policy-agree input{width:18px!important;height:18px!important;margin-top:1px;flex:0 0 auto}
    .policy-agree label{font-size:12px;line-height:1.6;color:#27352e;cursor:pointer}
    .footer-policy-links{margin-top:8px;display:flex;flex-wrap:wrap;gap:12px;font-size:12px}
    .footer-policy-links a{color:#d8e0db;text-decoration:underline;text-underline-offset:2px}
    @media(max-width:700px){.policy-section{padding:40px 0}.policy-box{padding:18px}}


.payment-register{background:#eef4f0;border-top:1px solid #d5ded8;padding:64px 0}
.payment-register h2{margin:8px 0 10px;color:#17231d}
.payment-register .register-desc{max-width:820px;margin:0;color:#647069;font-size:13px;line-height:1.72}
.register-process{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:22px 0 26px}
.register-process .step{padding:13px 12px;background:#fff;border:1px solid #d5dcd7;font-size:12px;font-weight:900;text-align:center}
.register-layout{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(280px,.65fr);gap:18px;align-items:start}
.register-form{background:#fff;border:1px solid #d5dcd7;padding:24px}
.register-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.register-field{display:grid;gap:6px}.register-field.full{grid-column:1/-1}
.register-field label{font-size:12px;font-weight:900;color:#35423b}.register-field .req{color:#03a84d}
.register-field input,.register-field select,.register-field textarea{width:100%;box-sizing:border-box;border:1px solid #cfd5d1;border-radius:3px;background:#fff;color:#223028;font-size:14px;padding:11px 12px}
.register-field input,.register-field select{min-height:44px}.register-field textarea{min-height:96px;resize:vertical}
.register-consent{margin-top:16px;padding:13px 14px;border:1px solid #d9e1dc;background:#f8faf8;display:flex;gap:9px;align-items:flex-start}
.register-consent input{width:17px!important;height:17px!important;margin-top:2px}.register-consent label{font-size:12px;line-height:1.6;color:#56625c}
.register-submit{width:100%;min-height:50px;margin-top:14px;border:0;border-radius:3px;background:#03c75a;color:#07170e;font-size:14px;font-weight:950;cursor:pointer}
.register-side{background:#15241d;color:#fff;padding:22px}.register-side h3{color:#fff!important;margin:0 0 12px!important;font-size:18px!important}
.register-side p{color:#b9c7c0!important;font-size:12px!important;line-height:1.7!important}.register-side ul{margin:0;padding-left:18px;display:grid;gap:10px}
.register-side li{font-size:12px;color:#e1e9e5}.register-mail{margin-top:18px;padding-top:15px;border-top:1px solid rgba(255,255,255,.15);font-size:12px;color:#aac0b5}.register-mail strong{display:block;color:#fff;font-size:13px;margin-top:4px}
.guide-link{display:block;width:100%;text-align:center;margin-top:8px;padding:10px 12px;border:1px solid #03a84d;background:#effaf3;color:#087a3f;text-decoration:none;font-size:12px;font-weight:900;box-sizing:border-box}
@media(max-width:820px){.payment-register{padding:44px 0}.register-layout,.register-form-grid,.register-process{grid-template-columns:1fr}.register-field.full{grid-column:auto}}


.register-status{
  margin-top:10px;
  min-height:18px;
  font-size:12px;
  line-height:1.5;
  color:#5d6a63;
}
.register-status.success{color:#087a3f}
.register-status.error{color:#b42318}


/* V24 compact payment registration */
.payment-register{
  padding:42px 0 !important;
  background:#f5f6f2 !important;
}
.payment-register .register-desc{
  max-width:760px !important;
  font-size:12px !important;
  margin-bottom:16px !important;
}
.register-process{
  grid-template-columns:repeat(4,1fr) !important;
  gap:6px !important;
  margin:14px 0 18px !important;
}
.register-process .step{
  padding:10px 8px !important;
  font-size:12px !important;
  min-height:auto !important;
}
.register-layout{
  grid-template-columns:1fr !important;
  gap:0 !important;
}
.register-form{
  padding:18px !important;
  border:1px solid #d6dad6 !important;
  max-width:980px;
  margin:0 auto;
}
.register-form-grid{
  grid-template-columns:repeat(4,1fr) !important;
  gap:10px !important;
}
.register-field{
  gap:5px !important;
}
.register-field.full{
  grid-column:span 2 !important;
}
.register-field label{
  font-size:12px !important;
}
.register-field input,
.register-field select{
  min-height:40px !important;
  height:40px !important;
  padding:8px 10px !important;
  font-size:13px !important;
}
.register-field textarea{
  min-height:70px !important;
  padding:9px 10px !important;
  font-size:13px !important;
}
.register-consent{
  margin-top:12px !important;
  padding:10px 12px !important;
}
.register-consent label{
  font-size:12px !important;
}
.register-submit{
  min-height:44px !important;
  margin-top:10px !important;
}
.register-side{
  display:none !important;
}
.register-mini-note{
  max-width:980px;
  margin:10px auto 0;
  padding:10px 12px;
  border-left:3px solid #03c75a;
  background:#eef8f2;
  font-size:12px;
  line-height:1.6;
  color:#5c6962;
}
.register-mini-note strong{
  color:#173126;
}
@media(max-width:900px){
  .register-form-grid{
    grid-template-columns:1fr 1fr !important;
  }
  .register-field.full{
    grid-column:1/-1 !important;
  }
}
@media(max-width:620px){
  .payment-register{padding:34px 0 !important}
  .register-process{grid-template-columns:1fr 1fr !important}
  .register-form-grid{grid-template-columns:1fr !important}
  .register-field.full{grid-column:auto !important}
  .register-form{padding:14px !important}
}


/* V26 visual payment/application block */
.payment-visual{background:#f7f7f3;padding:52px 0 60px;border-top:1px solid #d8dbd7}
.payment-visual .wrap{max-width:1240px!important}
.pay-steps{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid #d9ddd9;background:#fff;margin-bottom:24px}
.pay-step{position:relative;padding:16px 18px;display:grid;grid-template-columns:44px 1fr;gap:10px;align-items:center;border-right:1px solid #e2e5e1}
.pay-step:last-child{border-right:0}.pay-step:not(:last-child)::after{content:'→';position:absolute;right:-12px;top:50%;transform:translateY(-50%);width:24px;height:24px;display:grid;place-items:center;background:#f7f7f3;color:#203329;z-index:2}
.pay-step-icon{width:42px;height:42px;border-radius:50%;background:#173a2c;color:#fff;display:grid;place-items:center;font-size:16px;font-weight:950}.pay-step:nth-child(2) .pay-step-icon{background:#0b8f43}
.pay-step b{display:block;font-size:13px;margin-bottom:3px}.pay-step span{display:block;font-size:12px;line-height:1.45;color:#69746e}
.payment-main{display:grid;grid-template-columns:minmax(0,.98fr) minmax(420px,1.02fr);gap:18px;align-items:start}
.payment-products{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.pay-card{display:flex;flex-direction:column;min-height:540px;background:#fff;border:1px solid #d3d7d3;padding:18px}.pay-card.featured{background:#153b2f;color:#fff;border-color:#153b2f}
.mini-tag{display:inline-block;align-self:flex-start;border:1px solid #b8c0bb;padding:5px 8px;font-size:12px;font-weight:900;letter-spacing:.08em;margin-bottom:14px}.pay-card.featured .mini-tag{border-color:#587164;color:#d8e4dd}
.pay-card h3{margin:0 0 8px!important;font-size:18px!important}.pay-price{font-size:32px;font-weight:950;letter-spacing:-1.3px;margin:4px 0 12px}.pay-price small{font-size:12px;font-weight:700;color:#68746e}.pay-card.featured .pay-price small{color:#a9bbb2}
.pay-desc{font-size:12px!important;line-height:1.6!important;min-height:50px;color:#68746e!important;margin:0 0 14px!important}.pay-card.featured .pay-desc{color:#a9bbb2!important}
.pay-features{list-style:none;padding:0;margin:0 0 16px}.pay-features li{position:relative;padding:8px 0 8px 20px;border-bottom:1px solid #eceeea;font-size:12px;line-height:1.45}.pay-card.featured .pay-features li{border-color:rgba(255,255,255,.15)}.pay-features li::before{content:'✓';position:absolute;left:0;color:#03a84d;font-weight:950}.pay-card.featured .pay-features li::before{color:#6fe39d}
.pay-actions{margin-top:auto;display:grid;gap:8px}.pay-btn,.after-pay-btn{min-height:42px;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:900;text-decoration:none;border-radius:2px}.pay-btn{border:1px solid #ccd1cd;background:#fff;color:#111814}.pay-card.featured .pay-btn{background:#0d2118;border-color:#0d2118;color:#fff}.after-pay-btn{background:#03c75a;border:1px solid #03b753;color:#06170d}
.pay-btn:disabled{cursor:wait;opacity:.62}.payment-integration-notice{margin:-8px 0 24px;padding:13px 15px;border-left:3px solid #03c75a;background:#eef8f2;color:#405049;font-size:12px;line-height:1.65}.payment-integration-notice strong{color:#173126}.payment-integration-status{min-height:18px;margin:10px 0 18px;padding:0 2px;font-size:12px;font-weight:800;color:#50615a}.payment-integration-status[data-state="error"]{color:#b42318}.payment-integration-status[data-state="success"]{color:#087a3f}.payment-integration-status[data-state="pending"]{color:#8a5a00}
.payment-form-panel{background:#fff;border:1px solid #d6dad6;padding:20px}.payment-form-head{display:flex;align-items:flex-start;gap:10px;margin-bottom:16px}.payment-form-icon{width:36px;height:36px;border:1px solid #bfc6c1;display:grid;place-items:center;font-size:16px}.payment-form-head h3{margin:0 0 4px!important;font-size:19px!important}.payment-form-head p{margin:0!important;font-size:12px!important;color:#707a74!important}
.payment-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:11px}.payment-field{display:grid;gap:5px}.payment-field.full{grid-column:1/-1}.payment-field label{font-size:12px;font-weight:900}.payment-field label .req{color:#03a84d}.payment-field input,.payment-field select,.payment-field textarea{width:100%;box-sizing:border-box;border:1px solid #cfd4d0;background:#fff;border-radius:2px;padding:9px 10px;font-size:13px;color:#26342c}.payment-field input,.payment-field select{height:40px}.payment-field textarea{min-height:70px;resize:vertical}
.payment-consent{display:flex;gap:8px;margin-top:12px;padding:9px 0;font-size:12px;color:#5f6b64}.payment-consent input{width:16px!important;height:16px!important}.payment-submit{width:100%;min-height:44px;border:0;border-radius:2px;background:#03c75a;color:#07170e;font-size:12px;font-weight:950;cursor:pointer}.payment-status{min-height:16px;margin-top:8px;font-size:12px;color:#5e6a64}
.trust-row{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:12px;background:#f1f3ef;padding:14px;border:1px solid #e0e3df}.trust-item{display:grid;grid-template-columns:34px 1fr;gap:9px;align-items:center}.trust-icon{width:32px;height:32px;border-radius:50%;display:grid;place-items:center;background:#fff;color:#03a84d;border:1px solid #d5ddd7;font-weight:950}.trust-item b{display:block;font-size:12px;margin-bottom:2px}.trust-item span{display:block;font-size:12px;color:#6d7771;line-height:1.45}
@media(max-width:1000px){.payment-main{grid-template-columns:1fr}.payment-products{grid-template-columns:repeat(3,1fr)}}
@media(max-width:760px){.payment-visual{padding:38px 0 46px}.pay-steps{grid-template-columns:1fr 1fr}.pay-step:nth-child(2){border-right:0}.pay-step{border-bottom:1px solid #e2e5e1}.pay-step:not(:last-child)::after{display:none}.payment-products{grid-template-columns:1fr}.pay-card{min-height:auto}.payment-form-grid{grid-template-columns:1fr}.payment-field.full{grid-column:auto}.trust-row{grid-template-columns:1fr}}


/* V31 comprehensive layout audit */
html,body{max-width:100%;overflow-x:hidden}
section{scroll-margin-top:84px}
.wrap{width:min(1180px,calc(100% - 40px));margin-left:auto;margin-right:auto}
@media(max-width:720px){.wrap{width:min(100% - 24px,1180px)} section{scroll-margin-top:68px}}

.diagnosis-direct{padding:68px 0;background:#f5f7fb!important;color:#171a22!important;overflow:hidden}
.diagnosis-direct h2{color:#171a22!important}.diagnosis-direct .desc{color:#687383!important}
.diag-direct-head{max-width:900px}.diag-direct-tabs{display:flex;gap:8px;flex-wrap:wrap;margin:24px 0 18px}
.diag-direct-tab{appearance:none;border:1px solid #d9dee7;background:#fff;color:#303846;min-height:44px;padding:0 17px;border-radius:999px;font-size:12px;font-weight:900;cursor:pointer}
.diag-direct-tab.active{background:#16243d;color:#fff;border-color:#16243d}
.diag-direct-pane{display:none}.diag-direct-pane.active{display:block}
.dd-grid{display:grid;grid-template-columns:1.03fr 1.03fr 1.55fr;gap:18px;align-items:start}
.dd-panel{min-width:0;background:#fff;border:1px solid #e4e8ef;border-radius:20px;box-shadow:0 10px 28px rgba(31,40,72,.055);overflow:hidden}
.dd-head{padding:20px 20px 10px}.dd-head h3{margin:0 0 5px;font-size:21px;color:#171a22}.dd-head p{margin:0;color:#707988;font-size:12px;line-height:1.55}
.dd-step{display:inline-flex;padding:6px 9px;border-radius:999px;color:#fff;font-size:12px;font-weight:900;margin-bottom:9px}.step-purple{background:linear-gradient(135deg,#5b43f0,#7868ff)}.step-blue{background:linear-gradient(135deg,#3175ff,#5f8dff)}.step-green{background:linear-gradient(135deg,#15b86a,#4fd392)}
.dd-body{padding:0 20px 20px}.dd-target{display:flex;align-items:center;gap:11px;padding:13px;border:1px solid #e7ebf2;border-radius:13px;margin:8px 0 13px}.dd-target small{display:block;color:#7b8391;font-size:12px;margin-top:2px}.dd-logo{width:40px;height:40px;border-radius:10px;display:grid;place-items:center;color:#fff;font-weight:950;flex:0 0 auto}.dd-logo.place{background:linear-gradient(135deg,#7556ff,#a48dff)}.dd-logo.store{background:linear-gradient(135deg,#03c75a,#16a364)}
.dd-upload-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.dd-upload{display:flex;flex-direction:column;gap:5px;min-width:0;min-height:126px;border:1px solid #e1e6ee;border-radius:12px;padding:8px;background:#f8f9fc;cursor:pointer}.dd-upload input{display:none}.dd-thumb{height:76px;border:1px dashed #c8d0dc;border-radius:8px;display:grid;place-items:center;text-align:center;color:#929baa;font-size:12px;background-size:cover;background-position:center;overflow:hidden}.dd-upload b{font-size:12px}.dd-upload small{font-size:12px;color:#15a85f;font-weight:800}
.dd-guide{margin:13px 0;padding:12px;background:#f2f4ff;border:1px solid #e1e5ff;border-radius:11px;font-size:12px;line-height:1.65;color:#58637a}.dd-analyze{width:100%;min-height:44px;border:0;border-radius:10px;background:linear-gradient(135deg,#111b34,#17264a);color:#fff;font-size:12px;font-weight:900;cursor:pointer}.dd-analyze.store-btn{background:linear-gradient(135deg,#08773a,#03a85b)}
.dd-progress-card{background:linear-gradient(135deg,#111b34,#17264a);border-radius:15px;color:#fff;padding:20px;margin:8px 0 13px;text-align:center}.dd-ring{width:112px;height:112px;border-radius:50%;margin:0 auto 13px;background:conic-gradient(#846bff 0 72%,#2f3b59 72%);display:grid;place-items:center;position:relative}.dd-ring.store{background:conic-gradient(#03c75a 0 72%,#2f3b59 72%)}.dd-ring:after{content:"";position:absolute;inset:10px;border-radius:50%;background:#111b34}.dd-ring b{position:relative;z-index:2;font-size:27px}.dd-progress-card>strong{font-size:12px}.dd-progress-steps{display:flex;gap:4px;margin-top:13px;color:#ccd4e8;font-size:12px}.dd-progress-steps span{flex:1;text-align:center}
.dd-data{border:1px solid #e7ebf2;border-radius:12px;overflow:hidden}.dd-data-title{display:block;padding:11px 12px;background:#fafbfe;font-size:12px}.dd-data-row{display:grid;grid-template-columns:1.2fr .7fr .9fr .7fr;gap:6px;padding:9px 11px;border-top:1px solid #edf0f5;font-size:12px}.dd-data-row strong{text-align:right}.dd-sample-note{margin:10px 0 0;padding:10px;border-radius:10px;background:#fff8e8;color:#77632f!important;font-size:12px!important;line-height:1.55!important}
.dd-health{background:linear-gradient(135deg,#111a30,#172743);color:#fff;border-radius:14px;padding:14px;margin-bottom:13px}.dd-health-top{display:flex;justify-content:space-between;gap:8px;margin-bottom:10px;font-size:12px}.dd-health-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px}.dd-health-grid>div{background:#ffffff0d;border:1px solid #ffffff12;border-radius:9px;padding:9px 6px;text-align:center;font-size:12px}.state{display:block;width:max-content;max-width:100%;margin:6px auto 0;padding:4px 6px;border-radius:999px;font-size:12px;font-weight:900;white-space:normal}.state.danger{background:#5b1e29;color:#ff8b98}.state.warn{background:#593d16;color:#ffc060}.state.good{background:#163f2c;color:#77e7a9}
.dd-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;margin-bottom:13px}.dd-metrics>div{border:1px solid #e7ebf2;border-radius:11px;padding:10px;text-align:center}.dd-metrics small{color:#6f7787;font-size:12px}.dd-metrics strong{display:block;font-size:19px;margin:6px 0 3px}.dd-metrics em{font-size:12px;font-style:normal;font-weight:900}.down{color:#f04c61}.up{color:#15b86a}
.dd-lower{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:13px}.dd-box{border:1px solid #e7ebf2;border-radius:12px;padding:12px}.dd-box h4,.dd-ai h4{margin:0 0 10px;font-size:12px}.dd-donut-row{display:flex;gap:12px;align-items:center}.dd-donut{width:92px;height:92px;border-radius:50%;position:relative;display:grid;place-items:center;flex:0 0 auto}.dd-donut.place{background:conic-gradient(#19b86c 0 72%,#3777ff 72% 90%,#f2a42c 90% 97%,#aab1bd 97%)}.dd-donut.store{background:conic-gradient(#03c75a 0 58%,#3175ff 58% 79%,#f59b23 79% 91%,#aab1bd 91%)}.dd-donut:after{content:"";position:absolute;inset:18px;background:#fff;border-radius:50%}.dd-donut b{position:relative;z-index:2;font-size:12px}.dd-donut-row p{margin:0!important;color:#566070!important;font-size:12px!important;line-height:1.8!important}.dd-bar{display:grid;grid-template-columns:42px 1fr 32px;gap:6px;align-items:center;margin:6px 0;font-size:12px}.dd-bar i{height:7px;background:#eef1f5;border-radius:999px;overflow:hidden}.dd-bar u{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,#ff6c7a,#ff4861);text-decoration:none}.dd-bar u.green{background:linear-gradient(90deg,#20c978,#03a85b)}
.dd-ai{border:1px solid #e7ebf2;border-radius:12px;padding:12px}.dd-ai-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.dd-ai-grid>div{padding:10px;border-radius:10px;border:1px solid #f0e3e6;background:#fffafa}.dd-ai-grid>div:nth-child(2){background:#fffaf2;border-color:#f3e1c9}.dd-ai-grid>div:nth-child(3){background:#f7fff9;border-color:#d9f1e3}.dd-ai-grid b{display:block;margin-bottom:5px;font-size:12px}.dd-ai-grid p{margin:0!important;color:#667085!important;font-size:12px!important;line-height:1.5!important}.dd-report-link{display:flex;align-items:center;justify-content:center;min-height:42px;margin-top:12px;border-radius:10px;background:#03c75a;color:#07170e;text-decoration:none;font-size:12px;font-weight:950}

/* prevent oversized gaps and overflow in the rest of the landing */
.payment-main,.payment-products,.payment-form-panel,.pay-card,.trust-row>*{min-width:0}
.payment-form-panel input,.payment-form-panel select,.payment-form-panel textarea{max-width:100%}
.policy-section,.payment-visual{overflow:hidden}

@media(max-width:1100px){.dd-grid{grid-template-columns:1fr}.result-panel{grid-column:auto}.dd-panel{width:100%}.dd-upload-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:720px){
  .diagnosis-direct{padding:46px 0}.diag-direct-tabs{display:grid;grid-template-columns:1fr 1fr}.diag-direct-tab{padding:0 8px}
  .dd-grid{gap:12px}.dd-panel{border-radius:14px}.dd-head{padding:16px 14px 8px}.dd-body{padding:0 14px 14px}.dd-head h3{font-size:18px}
  .dd-upload-grid{grid-template-columns:1fr 1fr}.dd-upload{min-height:118px}.dd-thumb{height:70px}.dd-health-grid{grid-template-columns:1fr 1fr}.dd-metrics{grid-template-columns:1fr 1fr}.dd-lower,.dd-ai-grid{grid-template-columns:1fr}.dd-data-row{grid-template-columns:1fr 1fr}.dd-progress-steps{flex-wrap:wrap}.dd-progress-steps span{flex:1 1 30%}
}
@media(max-width:380px){.dd-upload-grid{grid-template-columns:1fr}.diag-direct-tabs{grid-template-columns:1fr}.dd-health-grid{grid-template-columns:1fr 1fr}.dd-metrics{grid-template-columns:1fr 1fr}}

/* V32 blank-space fix: reveal 요소를 기본 표시 */
.reveal{
  opacity:1 !important;
  transform:none !important;
  transition:none !important;
}
.reveal.show,
.reveal.is-visible{
  opacity:1 !important;
  transform:none !important;
}
.sales-proof-strip,
.keyword-ticker,
.roadmap-visual{
  opacity:1 !important;
  transform:none !important;
  visibility:visible !important;
}


@media(max-width:720px){
  .hero .lead{margin-bottom:16px !important;}
  .sales-proof-strip{margin-top:16px !important;}
  .keyword-ticker{margin-top:14px !important;}
  .urgency-strip{margin-top:14px !important;}
  #roadmap .roadmap-head{grid-template-columns:1fr !important; gap:14px !important;}
  #roadmap .roadmap-index{display:none !important;}
}


/* V33 LIVE AI connection */
.live-api-status{display:inline-flex;align-items:center;gap:8px;margin-top:14px;padding:9px 11px;border:1px solid #d9e0e6;border-radius:999px;background:#fff;font-size:12px;color:#5e6875;max-width:100%;flex-wrap:wrap}
.live-api-status b{color:#27313b}.live-api-status small{color:#7c8793}.live-api-dot{width:8px;height:8px;border-radius:50%;background:#e3a008;box-shadow:0 0 0 4px rgba(227,160,8,.10)}
.live-api-status.online .live-api-dot{background:#03c75a;box-shadow:0 0 0 4px rgba(3,199,90,.12)}
.live-api-status.offline .live-api-dot{background:#e65353;box-shadow:0 0 0 4px rgba(230,83,83,.12)}
.live-api-status.online{border-color:#cce8d7;background:#f5fff9}.live-api-status.offline{border-color:#f0d0d0;background:#fff7f7}
.live-context-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:10px 0 12px}
.live-context-grid label{display:grid;gap:5px}.live-context-grid label span{font-size:12px;font-weight:900;color:#697583}.live-context-grid input{width:100%;height:38px;border:1px solid #dfe4eb;border-radius:9px;padding:8px 10px;font-size:12px;background:#fff;color:#1a2230}
.live-empty{padding:16px 12px;color:#7a8492;font-size:12px;line-height:1.6;text-align:center}
.live-result-wait{display:grid;grid-template-columns:58px 1fr;gap:12px;align-items:center;padding:16px;border:1px solid #e6eaf0;border-radius:13px;background:#f8fafc}
.live-result-wait b{font-size:12px}.live-result-wait p{font-size:12px!important;color:#6d7785!important;line-height:1.6!important;margin:4px 0 0!important}
.live-score-placeholder{width:54px;height:54px;border-radius:50%;display:grid;place-items:center;background:#eef2ff;color:#6553e8;font-weight:950}
.live-result-head{display:grid;grid-template-columns:86px 1fr;gap:14px;align-items:center;padding:15px;background:#12213d;color:#fff;border-radius:13px;margin-bottom:10px}
.live-result-score{width:80px;height:80px;border-radius:50%;display:grid;place-items:center;background:conic-gradient(#03c75a 0 var(--score),#2d3a55 var(--score) 100%);position:relative;font-size:22px;font-weight:950}
.live-result-score:after{content:"";position:absolute;inset:8px;border-radius:50%;background:#12213d}.live-result-score span{position:relative;z-index:1}
.live-result-head h4{margin:0 0 4px;font-size:13px}.live-result-head p{margin:0!important;color:#c9d2e5!important;font-size:12px!important;line-height:1.55!important}
.live-detected{margin-top:6px;font-size:12px;color:#98a7c4}.live-detected b{color:#dce6fb}
.live-score-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin-bottom:10px}.live-score-card{border:1px solid #e6eaf0;border-radius:10px;padding:9px;background:#fff}.live-score-card small{display:block;color:#6e7987;font-size:12px}.live-score-card strong{display:block;font-size:16px;margin:4px 0}.live-score-card p{font-size:12px!important;line-height:1.45!important;color:#737e8b!important;margin:0!important}
.live-section{border:1px solid #e6eaf0;border-radius:11px;padding:11px;background:#fff;margin-top:8px}.live-section h4{font-size:12px;margin:0 0 8px}.live-issues{display:grid;gap:7px}.live-issue{border-left:3px solid #e3a008;padding:7px 8px;background:#fffaf2}.live-issue.high{border-color:#e65353;background:#fff7f7}.live-issue.low{border-color:#03c75a;background:#f6fff9}.live-issue b{display:block;font-size:12px;margin-bottom:3px}.live-issue p{font-size:12px!important;line-height:1.5!important;color:#606b78!important;margin:0 0 3px!important}.live-issue em{font-style:normal;font-size:12px;color:#283744;font-weight:800}
.live-list{margin:0;padding-left:16px;display:grid;gap:5px}.live-list li{font-size:12px;line-height:1.5;color:#42505e}.live-keyword-wrap{display:flex;flex-wrap:wrap;gap:5px}.live-chip{padding:5px 7px;border-radius:999px;background:#eef7f2;border:1px solid #d8eadf;font-size:12px;color:#215b3d}.live-chip.pattern{background:#f3f2ff;border-color:#e1defa;color:#4b438f}
.live-error{padding:14px;border:1px solid #efcccc;background:#fff6f6;border-radius:11px;color:#a13a3a;font-size:12px;line-height:1.6}.dd-analyze[disabled]{opacity:.55;cursor:not-allowed}
@media(max-width:720px){.live-context-grid{grid-template-columns:1fr}.live-context-grid input{font-size:16px;height:44px}.live-score-grid{grid-template-columns:1fr 1fr}.live-result-head{grid-template-columns:74px 1fr}.live-result-score{width:68px;height:68px;font-size:18px}}
.section-num{visibility:hidden!important}

/* ---- block 2 v37-design-typography-upgrade ---- */

/* =========================================================
   V37 — Readability + Premium Interaction Upgrade
   기능/API 로직은 변경하지 않음
   ========================================================= */

:root{
  --v37-ink:#101813;
  --v37-muted:#5f6b64;
  --v37-line:#dce3df;
  --v37-green:#03c75a;
  --v37-green-dark:#069647;
  --v37-navy:#14223d;
  --v37-shadow:0 18px 46px rgba(27,43,35,.08);
  --v37-shadow-hover:0 24px 64px rgba(22,42,32,.14);
}

html{
  -webkit-text-size-adjust:100%;
  text-size-adjust:100%;
}
body{
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
  text-rendering:optimizeLegibility;
}

/* 기본 본문 가독성 */
body,
button,
input,
select,
textarea{
  font-size:15px;
}
p,li{
  line-height:1.72;
}
.muted,.desc{
  font-size:15px!important;
  line-height:1.72!important;
}
label{
  font-size:13px!important;
}
input,select,textarea{
  font-size:15px!important;
}

/* 섹션 타이포 */
h1{
  font-size:clamp(42px,5vw,62px)!important;
  line-height:1.05!important;
}
h2{
  font-size:clamp(30px,3.3vw,40px)!important;
  line-height:1.15!important;
}
h3{
  font-size:20px!important;
  line-height:1.35!important;
}
.eyebrow{
  font-size:12px!important;
}

/* 버튼 공통 */
.btn,
.navbtn,
.analyze{
  min-height:50px;
  font-size:15px!important;
  letter-spacing:-.15px;
  transition:
    transform .22s ease,
    box-shadow .22s ease,
    filter .22s ease,
    background .22s ease;
}
.btn:hover,
.navbtn:hover,
.analyze:hover{
  transform:translateY(-2px);
  filter:saturate(1.04);
}
.btn:active,
.navbtn:active,
.analyze:active{
  transform:translateY(0) scale(.985);
}

/* 카드 공통 — 더 선명한 계층 */
.card,
.dashboard,
.chart-card,
.price,
.pay-card,
.payment-form-panel,
.case-card{
  box-shadow:var(--v37-shadow)!important;
  transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease;
}
.card:hover,
.dashboard:hover,
.chart-card:hover,
.price:hover,
.pay-card:hover,
.payment-form-panel:hover,
.case-card:hover{
  box-shadow:var(--v37-shadow-hover)!important;
}

/* =========================
   진단기 V37
   ========================= */
.diagnosis-direct{
  background:
    radial-gradient(circle at 12% 7%,rgba(91,67,240,.075),transparent 27%),
    radial-gradient(circle at 91% 13%,rgba(3,199,90,.075),transparent 29%),
    linear-gradient(180deg,#f7f9fd 0%,#f4f7f8 100%)!important;
}

.diag-direct-head{
  max-width:980px!important;
}
.diag-direct-head .desc{
  font-size:16px!important;
  color:#606c7b!important;
}
.diag-direct-tabs{
  gap:10px!important;
  margin:26px 0 22px!important;
}
.diag-direct-tab{
  min-height:48px!important;
  padding:0 20px!important;
  font-size:14px!important;
  border-radius:999px!important;
  box-shadow:0 5px 16px rgba(28,38,62,.045);
  transition:transform .2s ease,box-shadow .2s ease,background .2s ease,border-color .2s ease;
}
.diag-direct-tab:hover{
  transform:translateY(-2px);
  box-shadow:0 10px 24px rgba(28,38,62,.08);
}
.diag-direct-tab.active{
  background:linear-gradient(135deg,#14233d,#1b3054)!important;
  box-shadow:0 10px 26px rgba(20,35,61,.20);
}

.dd-grid{
  grid-template-columns:1.05fr 1.05fr 1.6fr!important;
  gap:22px!important;
}
.dd-panel{
  border-color:#dfe5ec!important;
  border-radius:22px!important;
  box-shadow:0 14px 36px rgba(25,38,65,.07)!important;
  transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease;
  animation:v37PanelIn .48s ease both;
}
.dd-panel:nth-child(2){animation-delay:.06s}
.dd-panel:nth-child(3){animation-delay:.12s}
.dd-panel:hover{
  transform:translateY(-4px);
  box-shadow:0 22px 52px rgba(25,38,65,.11)!important;
  border-color:#cfd9e5!important;
}
@keyframes v37PanelIn{
  from{transform:translateY(10px);filter:blur(.8px)}
  to{transform:none;filter:none}
}

.dd-head{
  padding:23px 22px 12px!important;
}
.dd-head h3{
  font-size:22px!important;
  margin:0 0 7px!important;
  letter-spacing:-.45px;
}
.dd-head p{
  font-size:14px!important;
  line-height:1.65!important;
  color:#697485!important;
}
.dd-step{
  padding:7px 11px!important;
  font-size:12px!important;
  margin-bottom:11px!important;
  letter-spacing:.01em;
  box-shadow:0 6px 16px rgba(55,70,130,.13);
}

.dd-body{
  padding:0 22px 22px!important;
}
.dd-target{
  gap:13px!important;
  padding:15px!important;
  border-radius:14px!important;
  background:linear-gradient(180deg,#fff,#fbfcfe);
  transition:border-color .2s ease,box-shadow .2s ease;
}
.dd-target:hover{
  border-color:#cfd7e2!important;
  box-shadow:0 8px 24px rgba(44,57,84,.06);
}
.dd-target b{
  font-size:14px!important;
}
.dd-target small{
  font-size:12px!important;
  line-height:1.5;
}
.dd-logo{
  width:44px!important;
  height:44px!important;
  border-radius:12px!important;
  font-size:17px!important;
  box-shadow:0 8px 18px rgba(67,70,150,.18);
}

/* 업로드 카드 */
.dd-upload-grid{
  gap:10px!important;
}
.dd-upload{
  min-height:146px!important;
  padding:10px!important;
  gap:7px!important;
  border-radius:14px!important;
  background:linear-gradient(180deg,#fafbfe,#f5f7fb)!important;
  transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease,background .2s ease;
}
.dd-upload:hover{
  transform:translateY(-3px);
  border-color:#bcc8d9!important;
  background:#fff!important;
  box-shadow:0 10px 24px rgba(47,61,89,.08);
}
.dd-thumb{
  height:82px!important;
  border-radius:10px!important;
  font-size:12px!important;
  color:#7e8999!important;
  background-color:#fff;
}
.dd-upload b{
  font-size:13px!important;
  line-height:1.35;
}
.dd-upload small{
  font-size:12px!important;
  line-height:1.35;
}

.dd-guide{
  padding:13px 14px!important;
  font-size:12px!important;
  line-height:1.65!important;
  border-radius:12px!important;
}
.dd-guide b{
  font-size:12px!important;
}

.dd-analyze{
  min-height:50px!important;
  border-radius:12px!important;
  font-size:14px!important;
  letter-spacing:-.2px;
  box-shadow:0 12px 24px rgba(17,27,52,.16);
  position:relative;
  overflow:hidden;
  transition:transform .2s ease,box-shadow .2s ease,filter .2s ease;
}
.dd-analyze::after{
  content:"";
  position:absolute;
  top:0;
  left:-65%;
  width:42%;
  height:100%;
  background:linear-gradient(110deg,transparent,rgba(255,255,255,.32),transparent);
  transform:skewX(-20deg);
}
.dd-analyze:hover{
  transform:translateY(-2px);
  box-shadow:0 16px 30px rgba(17,27,52,.23);
}
.dd-analyze:hover::after{
  animation:v37Shine .75s ease;
}
@keyframes v37Shine{
  to{left:135%}
}

/* 진행 카드 */
.dd-progress-card{
  padding:24px 20px!important;
  border-radius:18px!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.05),0 14px 30px rgba(16,27,53,.16);
}
.dd-ring{
  width:124px!important;
  height:124px!important;
  margin-bottom:16px!important;
  box-shadow:0 0 0 1px rgba(255,255,255,.04),0 12px 30px rgba(0,0,0,.13);
}
.dd-ring::before{
  content:"";
  position:absolute;
  inset:-7px;
  border:1px solid rgba(132,107,255,.22);
  border-radius:50%;
  animation:v37RingPulse 2s ease-out infinite;
}
.dd-ring.store::before{
  border-color:rgba(3,199,90,.25);
}
@keyframes v37RingPulse{
  0%{transform:scale(.96);opacity:.8}
  80%,100%{transform:scale(1.09);opacity:0}
}
.dd-ring b{
  font-size:31px!important;
}
.dd-progress-card>strong{
  font-size:13px!important;
  line-height:1.5;
}
.dd-progress-steps{
  gap:6px!important;
  margin-top:15px!important;
  font-size:12px!important;
  line-height:1.35;
}

/* 추출 데이터 */
.dd-data{
  border-radius:14px!important;
}
.dd-data-title{
  padding:12px 14px!important;
  font-size:13px!important;
}
.dd-data-row{
  gap:8px!important;
  padding:11px 13px!important;
  font-size:12px!important;
  line-height:1.45;
}
.dd-sample-note{
  padding:12px!important;
  font-size:12px!important;
  line-height:1.65!important;
}

/* 결과 영역 */
.dd-health{
  border-radius:16px!important;
  padding:17px!important;
}
.dd-health-top{
  margin-bottom:12px!important;
  font-size:13px!important;
}
.dd-health-grid{
  gap:8px!important;
}
.dd-health-grid>div{
  padding:11px 7px!important;
  font-size:12px!important;
  line-height:1.35;
}
.state{
  padding:5px 7px!important;
  font-size:12px!important;
}

.dd-metrics{
  gap:9px!important;
}
.dd-metrics>div{
  padding:12px 10px!important;
  border-radius:13px!important;
  background:linear-gradient(180deg,#fff,#fbfcfe);
}
.dd-metrics small{
  font-size:12px!important;
  line-height:1.35;
}
.dd-metrics strong{
  font-size:22px!important;
  margin:7px 0 4px!important;
}
.dd-metrics em{
  font-size:12px!important;
}

.dd-lower{
  gap:12px!important;
}
.dd-box,
.dd-ai{
  padding:14px!important;
  border-radius:14px!important;
}
.dd-box h4,
.dd-ai h4{
  font-size:13px!important;
  margin-bottom:11px!important;
}
.dd-donut{
  width:102px!important;
  height:102px!important;
}
.dd-donut b{
  font-size:12px!important;
}
.dd-donut-row p{
  font-size:12px!important;
  line-height:1.7!important;
}
.dd-bar{
  grid-template-columns:50px 1fr 36px!important;
  gap:7px!important;
  margin:8px 0!important;
  font-size:12px!important;
}
.dd-bar i{
  height:8px!important;
}
.dd-ai-grid{
  gap:9px!important;
}
.dd-ai-grid>div{
  padding:12px!important;
  border-radius:12px!important;
}
.dd-ai-grid b{
  font-size:12px!important;
  margin-bottom:6px!important;
}
.dd-ai-grid p{
  font-size:12px!important;
  line-height:1.6!important;
}

.dd-report-link{
  min-height:48px!important;
  margin-top:14px!important;
  border-radius:12px!important;
  font-size:13px!important;
  box-shadow:0 10px 22px rgba(3,199,90,.18);
  transition:transform .2s ease,box-shadow .2s ease,filter .2s ease;
}
.dd-report-link:hover{
  transform:translateY(-2px);
  box-shadow:0 15px 28px rgba(3,199,90,.25);
  filter:saturate(1.04);
}
.live-error{
  padding:15px!important;
  font-size:12px!important;
  line-height:1.65!important;
  border-radius:13px!important;
}

/* =========================
   결제/신청 영역 작은 글씨 보정
   ========================= */
.pay-step b{font-size:14px!important}
.pay-step span{font-size:12px!important}
.mini-tag{font-size:12px!important}
.pay-price small{font-size:12px!important}
.pay-desc{font-size:13px!important;line-height:1.65!important}
.pay-features li{font-size:13px!important;line-height:1.55!important}
.pay-btn,.after-pay-btn{
  min-height:46px!important;
  font-size:13px!important;
}
.payment-form-head p{font-size:12px!important;line-height:1.55!important}
.payment-field label{font-size:12px!important}
.payment-consent{font-size:12px!important;line-height:1.55!important}
.payment-submit{
  min-height:48px!important;
  font-size:14px!important;
}
.payment-status{font-size:12px!important}
.trust-item b{font-size:12px!important}
.trust-item span{font-size:12px!important;line-height:1.5!important}

/* =========================
   기타 자주 작아지던 글씨
   ========================= */
.price ul{font-size:13px!important}
.price .tag{font-size:12px!important}
.comparison th,.compare th{font-size:13px!important}
.comparison td,.compare td{font-size:14px!important}
.proof-note{font-size:13px!important}
.proof-stat .label{font-size:13px!important}
.proof-stat small{font-size:12px!important}
.chart-head p{font-size:13px!important}
.proof-flow-item p{font-size:13px!important}
.proof-cta span{font-size:13px!important}
.case-card .industry{font-size:12px!important}
.case-card .note{font-size:12px!important}
.case-metric span{font-size:13px!important}
.sales-proof-item span{font-size:12px!important}
.keyword-ticker-track{font-size:13px!important}
.sticky-conversion b{font-size:14px!important}
.sticky-conversion span{font-size:12px!important}
.urgency-strip{font-size:13px!important}

/* 키보드/접근성 */
button:focus-visible,
a:focus-visible,
input:focus-visible,
select:focus-visible,
textarea:focus-visible,
.dd-upload:focus-within{
  outline:3px solid rgba(3,199,90,.22)!important;
  outline-offset:2px;
}
input:focus,
select:focus,
textarea:focus{
  border-color:#65c58d!important;
  box-shadow:0 0 0 4px rgba(3,199,90,.08)!important;
}

/* 모바일 */
@media(max-width:1100px){
  .dd-grid{
    grid-template-columns:1fr!important;
  }
  .dd-panel{
    max-width:none!important;
  }
}

@media(max-width:720px){
  body,
  button,
  input,
  select,
  textarea{
    font-size:15px!important;
  }
  .section{
    padding:54px 0!important;
  }
  .diagnosis-direct{
    padding:52px 0!important;
  }
  .diag-direct-tabs{
    display:grid!important;
    grid-template-columns:1fr 1fr!important;
    gap:8px!important;
  }
  .diag-direct-tab{
    min-height:46px!important;
    padding:0 10px!important;
    font-size:13px!important;
  }
  .dd-grid{
    gap:14px!important;
  }
  .dd-panel{
    border-radius:18px!important;
  }
  .dd-head{
    padding:19px 16px 10px!important;
  }
  .dd-body{
    padding:0 16px 17px!important;
  }
  .dd-head h3{
    font-size:20px!important;
  }
  .dd-head p{
    font-size:13px!important;
  }
  .dd-upload-grid{
    grid-template-columns:1fr 1fr!important;
    gap:9px!important;
  }
  .dd-upload{
    min-height:140px!important;
  }
  .dd-thumb{
    height:80px!important;
  }
  .dd-progress-card{
    padding:22px 15px!important;
  }
  .dd-progress-steps{
    font-size:12px!important;
  }
  .dd-data-row{
    grid-template-columns:1fr 1fr!important;
    font-size:12px!important;
  }
  .dd-health-grid,
  .dd-metrics{
    grid-template-columns:1fr 1fr!important;
  }
  .dd-lower,
  .dd-ai-grid{
    grid-template-columns:1fr!important;
  }
  .floating-cta{
    font-size:13px!important;
  }
}

@media(max-width:420px){
  .wrap{
    width:min(100% - 20px,1180px)!important;
  }
  .diag-direct-tabs{
    grid-template-columns:1fr!important;
  }
  .dd-upload-grid{
    grid-template-columns:1fr 1fr!important;
  }
  .dd-upload b{font-size:12px!important}
  .dd-upload small{font-size:12px!important}
  .dd-health-grid,
  .dd-metrics{
    grid-template-columns:1fr 1fr!important;
  }
}

/* reduced motion */
@media(prefers-reduced-motion:reduce){
  .dd-panel,
  .dd-ring::before,
  .dd-analyze::after{
    animation:none!important;
    transition:none!important;
  }
}

/* ---- block 3 v38-section-animation-system ---- */

:root{
  --v38-ease:cubic-bezier(.22,.9,.3,1);
  --v38-speed:.82s;
}
.v38-anim{
  opacity:0;
  will-change:transform,opacity,filter;
  transition:opacity var(--v38-speed) var(--v38-ease),
             transform var(--v38-speed) var(--v38-ease),
             filter var(--v38-speed) var(--v38-ease);
}
.v38-up{transform:translate3d(0,42px,0)}
.v38-left{transform:translate3d(-54px,0,0)}
.v38-right{transform:translate3d(54px,0,0)}
.v38-zoom{transform:scale(.94);filter:blur(5px)}
.v38-fade{transform:none;filter:blur(4px)}
.v38-tilt-left{transform:translate3d(-34px,28px,0) rotate(-1.4deg)}
.v38-tilt-right{transform:translate3d(34px,28px,0) rotate(1.4deg)}
.v38-anim.v38-show{opacity:1;transform:none;filter:none}

.v38-stagger-item{
  opacity:0;
  transform:translateY(22px) scale(.985);
  filter:blur(2px);
  transition:opacity .62s var(--v38-ease),
             transform .62s var(--v38-ease),
             filter .62s var(--v38-ease);
  transition-delay:var(--v38-delay,0ms);
}
.v38-stagger-item.v38-show{opacity:1;transform:none;filter:none}

.v38-title-pop{
  opacity:0;
  transform:translateY(14px);
  transition:opacity .68s var(--v38-ease),
             transform .68s var(--v38-ease);
}
.v38-title-pop.v38-show{opacity:1;transform:none}

.v38-flash{position:relative;overflow:hidden;isolation:isolate}
.v38-flash::after{
  content:"";
  position:absolute;
  z-index:2;
  top:-20%;
  left:-55%;
  width:34%;
  height:140%;
  pointer-events:none;
  background:linear-gradient(100deg,transparent 0%,rgba(255,255,255,.08) 25%,rgba(255,255,255,.62) 50%,rgba(255,255,255,.08) 75%,transparent 100%);
  transform:skewX(-18deg);
  opacity:0;
}
.v38-flash.v38-flash-run::after{animation:v38FlashSweep 1.05s ease}
@keyframes v38FlashSweep{
  0%{left:-55%;opacity:0}
  16%{opacity:1}
  100%{left:130%;opacity:0}
}

.v38-glow{animation:v38Glow 2.8s ease-in-out infinite}
@keyframes v38Glow{
  0%,100%{box-shadow:0 10px 22px rgba(3,199,90,.12)}
  50%{box-shadow:0 14px 32px rgba(3,199,90,.30),0 0 0 6px rgba(3,199,90,.05)}
}

.v38-badge-pulse{animation:v38BadgePulse 2.2s ease-in-out infinite}
@keyframes v38BadgePulse{
  0%,100%{transform:translateY(0);filter:brightness(1)}
  50%{transform:translateY(-2px);filter:brightness(1.08)}
}

.v38-hover-lift{
  transition:transform .22s ease,box-shadow .22s ease!important;
}
.v38-hover-lift:hover{transform:translateY(-5px)!important}

.v38-section-glint{position:relative;overflow:hidden}
.v38-section-glint::before{
  content:"";
  position:absolute;
  pointer-events:none;
  width:380px;
  height:380px;
  border-radius:50%;
  top:-180px;
  right:-140px;
  background:radial-gradient(circle,rgba(3,199,90,.08),transparent 68%);
  opacity:0;
  transform:scale(.8);
  transition:opacity 1s ease,transform 1.2s var(--v38-ease);
}
.v38-section-glint.v38-show::before{opacity:1;transform:scale(1)}

.hero .v38-hero-rise{
  opacity:0;
  transform:translateY(28px);
  animation:v38HeroRise .9s var(--v38-ease) forwards;
}
@keyframes v38HeroRise{to{opacity:1;transform:none}}

@media(max-width:720px){
  .v38-up{transform:translate3d(0,24px,0)}
  .v38-left{transform:translate3d(-24px,0,0)}
  .v38-right{transform:translate3d(24px,0,0)}
  .v38-tilt-left,.v38-tilt-right{transform:translate3d(0,22px,0)}
  .v38-zoom{transform:scale(.97);filter:blur(3px)}
}

@media(prefers-reduced-motion:reduce){
  .v38-anim,.v38-stagger-item,.v38-title-pop,.hero .v38-hero-rise{
    opacity:1!important;
    transform:none!important;
    filter:none!important;
    transition:none!important;
    animation:none!important;
  }
  .v38-glow,.v38-badge-pulse{animation:none!important}
  .v38-flash::after{display:none!important}
}

/* ---- block 4 v39-storage-admin-ui ---- */

.live-admin-note{
  margin-top:12px;
  padding:12px 14px;
  border:1px solid #dfe8e2;
  background:#f9fcfa;
  border-radius:12px;
  color:#52615a;
  font-size:12px;
  line-height:1.65;
}
.live-job-chip{
  display:inline-flex;
  align-items:center;
  gap:6px;
  padding:6px 10px;
  border-radius:999px;
  background:#eff8f2;
  border:1px solid #d8eede;
  color:#0c6b34;
  font-size:12px;
  font-weight:800;
  margin-top:10px;
}
.live-job-chip b{font-weight:900}

/* ---- block 5 v41-color-effect-upgrade ---- */

/* =========================================================
   V41 — Softer Multi-Color Premium Theme
   기능은 유지하고 색감/입체감/시각적 리듬만 강화
   ========================================================= */

:root{
  --v41-navy:#17264a;
  --v41-navy2:#213766;
  --v41-purple:#7256ff;
  --v41-blue:#3f7cff;
  --v41-cyan:#35b9ff;
  --v41-green:#03c75a;
  --v41-mint:#4ed39a;
  --v41-amber:#ffb33f;
  --v41-coral:#ff6b72;
  --v41-ivory:#fbfaf6;
  --v41-line:#dfe6ee;
}

/* 전체 배경을 너무 흰색 일변도에서 벗어나게 */
body{
  background:
    radial-gradient(circle at 8% 2%, rgba(114,86,255,.045), transparent 22%),
    radial-gradient(circle at 92% 5%, rgba(3,199,90,.045), transparent 20%),
    #fbfcfd!important;
}

/* =========================
   HERO
   ========================= */
.hero{
  position:relative;
  overflow:hidden;
  background:
    radial-gradient(circle at 16% 18%, rgba(114,86,255,.28), transparent 28%),
    radial-gradient(circle at 88% 14%, rgba(3,199,90,.20), transparent 24%),
    linear-gradient(135deg,#0f1830 0%,#17264a 46%,#1f355e 100%)!important;
}
.hero::before,
.hero::after{
  content:"";
  position:absolute;
  pointer-events:none;
  border-radius:50%;
  filter:blur(2px);
}
.hero::before{
  width:300px;height:300px;
  left:-110px;bottom:-150px;
  background:radial-gradient(circle,rgba(63,124,255,.20),transparent 68%);
}
.hero::after{
  width:360px;height:360px;
  right:-150px;top:-160px;
  background:radial-gradient(circle,rgba(78,211,154,.18),transparent 68%);
}
.hero .badge{
  background:linear-gradient(135deg,rgba(114,86,255,.18),rgba(53,185,255,.12))!important;
  border-color:rgba(168,178,255,.28)!important;
  box-shadow:0 8px 24px rgba(0,0,0,.12);
}
.hero h1 span{
  background:linear-gradient(90deg,#ffffff 0%,#b7c7ff 44%,#7bf0b4 100%);
  -webkit-background-clip:text;
  background-clip:text;
  color:transparent!important;
}
.hero .sales-proof-item,
.hero .value-item{
  background:linear-gradient(180deg,rgba(255,255,255,.08),rgba(255,255,255,.04))!important;
  border-color:rgba(255,255,255,.10)!important;
  backdrop-filter:blur(8px);
}
.hero .sales-proof-item:nth-child(1),
.hero .value-item:nth-child(1){box-shadow:inset 0 3px 0 rgba(114,86,255,.72)}
.hero .sales-proof-item:nth-child(2),
.hero .value-item:nth-child(2){box-shadow:inset 0 3px 0 rgba(63,124,255,.75)}
.hero .sales-proof-item:nth-child(3),
.hero .value-item:nth-child(3){box-shadow:inset 0 3px 0 rgba(3,199,90,.75)}
.hero .value-item:nth-child(4){box-shadow:inset 0 3px 0 rgba(255,179,63,.78)}

/* =========================
   공통 섹션 배경 리듬
   ========================= */
#services{
  background:
    radial-gradient(circle at 12% 10%,rgba(114,86,255,.08),transparent 28%),
    radial-gradient(circle at 92% 78%,rgba(63,124,255,.07),transparent 30%),
    linear-gradient(180deg,#fbfbff,#f6f8ff)!important;
}
#place-growth{
  background:
    radial-gradient(circle at 90% 15%,rgba(3,199,90,.08),transparent 25%),
    linear-gradient(180deg,#f7fbf8,#f3f9f5)!important;
}
#difference{
  background:
    radial-gradient(circle at 8% 14%,rgba(255,179,63,.07),transparent 26%),
    linear-gradient(180deg,#fffdf8,#fbfaf6)!important;
}
#process{
  background:
    radial-gradient(circle at 88% 8%,rgba(53,185,255,.08),transparent 28%),
    linear-gradient(180deg,#f7fbff,#f4f8fc)!important;
}
#roadmap{
  background:
    radial-gradient(circle at 10% 12%,rgba(114,86,255,.07),transparent 26%),
    radial-gradient(circle at 90% 82%,rgba(3,199,90,.06),transparent 26%),
    linear-gradient(180deg,#f8f8ff,#f4f7fb)!important;
}
#visual-system{
  background:
    radial-gradient(circle at 85% 15%,rgba(255,107,114,.06),transparent 22%),
    linear-gradient(180deg,#fffafa,#fbf7f9)!important;
}
#growth-proof{
  background:
    radial-gradient(circle at 12% 15%,rgba(63,124,255,.07),transparent 25%),
    linear-gradient(180deg,#f7faff,#f5f8fd)!important;
}
#plans{
  background:
    radial-gradient(circle at 90% 10%,rgba(3,199,90,.065),transparent 24%),
    linear-gradient(180deg,#fbfdfb,#f5faf7)!important;
}

/* =========================
   진단기 전체
   ========================= */
.diagnosis-direct{
  position:relative;
  background:
    radial-gradient(circle at 7% 9%,rgba(114,86,255,.11),transparent 28%),
    radial-gradient(circle at 92% 12%,rgba(53,185,255,.09),transparent 24%),
    radial-gradient(circle at 86% 86%,rgba(3,199,90,.08),transparent 24%),
    linear-gradient(180deg,#f6f8ff 0%,#f4f8f7 100%)!important;
}
.diagnosis-direct::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background-image:
    linear-gradient(rgba(255,255,255,.30) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.30) 1px,transparent 1px);
  background-size:42px 42px;
  mask-image:linear-gradient(to bottom,rgba(0,0,0,.18),transparent 70%);
}
.diag-direct-head .eyebrow,
.diag-direct-head .badge{
  background:linear-gradient(135deg,#6f55ff,#4b83ff)!important;
  color:#fff!important;
  border-color:transparent!important;
  box-shadow:0 9px 24px rgba(85,93,231,.20);
}

/* 탭 */
.diag-direct-tab{
  background:rgba(255,255,255,.82)!important;
  backdrop-filter:blur(8px);
  border-color:#d8e0ea!important;
  box-shadow:0 7px 18px rgba(35,48,82,.05)!important;
}
.diag-direct-tab:hover{
  border-color:#a9b8cf!important;
  transform:translateY(-2px);
}
.diag-direct-tab.active{
  background:linear-gradient(135deg,#17264a 0%,#2b4170 56%,#5e54dd 100%)!important;
  border-color:transparent!important;
  box-shadow:0 13px 30px rgba(36,52,96,.22)!important;
}

/* 3개 STEP 패널 색 구분 */
.dd-panel{
  position:relative;
  border:1px solid rgba(216,224,235,.95)!important;
  box-shadow:0 18px 44px rgba(37,49,81,.08)!important;
  background:rgba(255,255,255,.92)!important;
  backdrop-filter:blur(10px);
}
.dd-panel::before{
  content:"";
  position:absolute;
  top:0;left:0;right:0;
  height:4px;
}
.dd-grid .dd-panel:nth-child(1)::before{
  background:linear-gradient(90deg,#7256ff,#9d8aff);
}
.dd-grid .dd-panel:nth-child(2)::before{
  background:linear-gradient(90deg,#3f7cff,#35b9ff);
}
.dd-grid .dd-panel:nth-child(3)::before{
  background:linear-gradient(90deg,#03c75a,#4ed39a);
}
.dd-grid .dd-panel:nth-child(1) .dd-head{
  background:linear-gradient(180deg,rgba(114,86,255,.055),transparent);
}
.dd-grid .dd-panel:nth-child(2) .dd-head{
  background:linear-gradient(180deg,rgba(63,124,255,.055),transparent);
}
.dd-grid .dd-panel:nth-child(3) .dd-head{
  background:linear-gradient(180deg,rgba(3,199,90,.05),transparent);
}

/* 업로드 타깃 */
.dd-target{
  background:linear-gradient(135deg,#ffffff 0%,#f7f8ff 100%)!important;
  border-color:#dfe4f3!important;
  box-shadow:0 7px 18px rgba(55,65,100,.04);
}
.dd-upload{
  background:
    linear-gradient(180deg,#ffffff,#f7f9fc)!important;
  border-color:#dbe3ed!important;
}
.dd-upload:nth-child(3n+1){box-shadow:inset 0 3px 0 rgba(114,86,255,.28)}
.dd-upload:nth-child(3n+2){box-shadow:inset 0 3px 0 rgba(63,124,255,.26)}
.dd-upload:nth-child(3n+3){box-shadow:inset 0 3px 0 rgba(3,199,90,.26)}
.dd-upload:hover{
  background:#fff!important;
  border-color:#aab9d1!important;
  box-shadow:0 13px 28px rgba(50,64,100,.11)!important;
}
.dd-thumb{
  background:
    linear-gradient(135deg,rgba(114,86,255,.035),rgba(63,124,255,.03)),
    #fff!important;
}

/* 안내 박스 */
.dd-guide{
  background:linear-gradient(135deg,#f2f2ff,#eef5ff)!important;
  border-color:#d9dcff!important;
  color:#4f5d80!important;
}
.live-admin-note{
  background:linear-gradient(135deg,#f0fbf5,#f7fffb)!important;
  border-color:#cdebd9!important;
  box-shadow:0 6px 16px rgba(3,199,90,.045);
}

/* 분석 버튼 */
.dd-analyze{
  background:linear-gradient(100deg,#6447f5 0%,#5c57ff 48%,#3f7cff 100%)!important;
  border:0!important;
  box-shadow:0 14px 28px rgba(93,76,238,.22)!important;
}
[data-dd-analyze="store"]{
  background:linear-gradient(100deg,#03b956 0%,#03c75a 50%,#36cf83 100%)!important;
  box-shadow:0 14px 28px rgba(3,199,90,.20)!important;
}

/* 진행 카드 */
.dd-progress-card{
  background:
    radial-gradient(circle at 18% 10%,rgba(114,86,255,.30),transparent 33%),
    radial-gradient(circle at 88% 88%,rgba(53,185,255,.16),transparent 26%),
    linear-gradient(135deg,#101a34,#18274a 58%,#223a68)!important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.07),
    0 18px 38px rgba(19,32,64,.20)!important;
}
.dd-ring{
  box-shadow:
    0 0 0 8px rgba(114,86,255,.055),
    0 0 28px rgba(114,86,255,.22)!important;
}
.dd-ring.store{
  box-shadow:
    0 0 0 8px rgba(3,199,90,.055),
    0 0 28px rgba(3,199,90,.20)!important;
}

/* 추출 데이터 */
.dd-data{
  background:linear-gradient(180deg,#fff,#fbfcff)!important;
}
.dd-data-title{
  background:linear-gradient(90deg,#f4f5ff,#f7fbff)!important;
}
.dd-data-row:nth-child(4n+2){background:rgba(114,86,255,.018)}
.dd-data-row:nth-child(4n+3){background:rgba(63,124,255,.018)}
.dd-data-row:nth-child(4n+4){background:rgba(3,199,90,.018)}

/* 결과 헤더 */
.live-result-head{
  background:
    radial-gradient(circle at 15% 20%,rgba(114,86,255,.34),transparent 30%),
    radial-gradient(circle at 90% 85%,rgba(3,199,90,.18),transparent 24%),
    linear-gradient(135deg,#111c39,#192b54 55%,#23466c)!important;
  box-shadow:0 15px 34px rgba(24,39,77,.20);
}
.live-result-score{
  box-shadow:0 0 0 7px rgba(255,255,255,.045),0 0 24px rgba(3,199,90,.18);
}

/* 결과 점수 카드 각각 색상 */
.live-score-card{
  position:relative;
  overflow:hidden;
  background:#fff!important;
}
.live-score-card::before{
  content:"";
  position:absolute;
  top:0;left:0;right:0;height:3px;
}
.live-score-card:nth-child(3n+1){
  background:linear-gradient(180deg,#fff,#fbf9ff)!important;
}
.live-score-card:nth-child(3n+1)::before{
  background:linear-gradient(90deg,#7256ff,#a18cff);
}
.live-score-card:nth-child(3n+2){
  background:linear-gradient(180deg,#fff,#f8fbff)!important;
}
.live-score-card:nth-child(3n+2)::before{
  background:linear-gradient(90deg,#3f7cff,#35b9ff);
}
.live-score-card:nth-child(3n+3){
  background:linear-gradient(180deg,#fff,#f7fff9)!important;
}
.live-score-card:nth-child(3n+3)::before{
  background:linear-gradient(90deg,#03c75a,#4ed39a);
}

/* 핵심 문제 카드에 컬러 스펙트럼 */
.live-issue{
  border-left-width:4px!important;
}
.live-issue:nth-child(4n+1){
  background:linear-gradient(135deg,#fff8f8,#fffdfd)!important;
  border-color:#ffc8cc!important;
}
.live-issue:nth-child(4n+2){
  background:linear-gradient(135deg,#fffaf0,#fffdf7)!important;
  border-color:#ffdca4!important;
}
.live-issue:nth-child(4n+3){
  background:linear-gradient(135deg,#f4fff8,#fbfffc)!important;
  border-color:#bdeacb!important;
}
.live-issue:nth-child(4n+4){
  background:linear-gradient(135deg,#f6f7ff,#fcfcff)!important;
  border-color:#ccd3ff!important;
}

/* live section 톤 */
.live-section{
  box-shadow:0 8px 22px rgba(33,48,79,.045);
}
.live-section:nth-of-type(2){
  background:linear-gradient(180deg,#fff,#fffdf7)!important;
}
.live-section:nth-of-type(3){
  background:linear-gradient(180deg,#fff,#f7fff9)!important;
}
.live-section:nth-of-type(4){
  background:linear-gradient(180deg,#fff,#f8f9ff)!important;
}
.live-chip{
  border-color:#d8def5!important;
  background:#f7f8ff!important;
}
.live-chip.pattern{
  border-color:#cbe9d6!important;
  background:#f2fbf6!important;
}

/* 상세 보고서 CTA */
.dd-report-link{
  background:linear-gradient(95deg,#03b957,#03c75a 48%,#42d48c)!important;
  box-shadow:0 13px 28px rgba(3,199,90,.20)!important;
}

/* =========================
   서비스/기타 카드 공통 컬러 리듬
   ========================= */
#services .card,
#place-growth .card,
#difference .card,
#process .card,
#roadmap .card,
#visual-system .card,
#growth-proof .card{
  position:relative;
  overflow:hidden;
  background:rgba(255,255,255,.94)!important;
}
#services .card:nth-child(4n+1),
#process .card:nth-child(4n+1){
  box-shadow:inset 0 4px 0 rgba(114,86,255,.50),0 15px 34px rgba(32,45,80,.06)!important;
}
#services .card:nth-child(4n+2),
#process .card:nth-child(4n+2){
  box-shadow:inset 0 4px 0 rgba(63,124,255,.52),0 15px 34px rgba(32,45,80,.06)!important;
}
#services .card:nth-child(4n+3),
#process .card:nth-child(4n+3){
  box-shadow:inset 0 4px 0 rgba(3,199,90,.48),0 15px 34px rgba(32,45,80,.06)!important;
}
#services .card:nth-child(4n+4),
#process .card:nth-child(4n+4){
  box-shadow:inset 0 4px 0 rgba(255,179,63,.55),0 15px 34px rgba(32,45,80,.06)!important;
}

/* 가격 카드 */
.price{
  position:relative;
  overflow:hidden;
  background:linear-gradient(180deg,#fff,#fbfcfd)!important;
}
.price:nth-child(1){box-shadow:inset 0 4px 0 #7256ff,0 16px 38px rgba(32,45,80,.07)!important}
.price:nth-child(2){box-shadow:inset 0 4px 0 #3f7cff,0 16px 38px rgba(32,45,80,.07)!important}
.price:nth-child(3){box-shadow:inset 0 4px 0 #03c75a,0 16px 38px rgba(32,45,80,.07)!important}
.price:nth-child(4){box-shadow:inset 0 4px 0 #ffb33f,0 16px 38px rgba(32,45,80,.07)!important}
.price:hover{
  transform:translateY(-7px)!important;
  box-shadow:0 24px 52px rgba(36,49,82,.13)!important;
}

/* 결제 신청폼 */
.payment-form-panel,
.pay-card{
  background:
    linear-gradient(#fff,#fff) padding-box,
    linear-gradient(135deg,#d9dcff,#cbeee0,#ffe2b1) border-box!important;
  border:1px solid transparent!important;
}
.payment-field input,
.payment-field select,
.payment-field textarea{
  background:linear-gradient(180deg,#fff,#fbfcfd)!important;
}
.payment-field input:focus,
.payment-field select:focus,
.payment-field textarea:focus{
  border-color:#7fbf99!important;
  box-shadow:
    0 0 0 4px rgba(3,199,90,.08),
    0 8px 20px rgba(34,59,47,.05)!important;
}
.payment-submit{
  background:linear-gradient(95deg,#03b957,#03c75a 52%,#35cf83)!important;
  box-shadow:0 14px 30px rgba(3,199,90,.22)!important;
}

/* CTA 섹션 */
.cta{
  background:
    radial-gradient(circle at 15% 20%,rgba(114,86,255,.16),transparent 28%),
    radial-gradient(circle at 88% 82%,rgba(3,199,90,.14),transparent 25%),
    linear-gradient(135deg,#13203d,#1f355e)!important;
}

/* 플로팅 버튼 약간 더 생동감 */
.floating-cta{
  box-shadow:0 13px 28px rgba(20,35,61,.20)!important;
}
.floating-cta:hover{
  transform:translateY(-3px) scale(1.02)!important;
}

/* 모바일은 색감은 유지하고 그림자만 줄임 */
@media(max-width:720px){
  .dd-panel,
  .price,
  .payment-form-panel{
    box-shadow:0 10px 25px rgba(35,48,80,.07)!important;
  }
  .hero::before,.hero::after{
    opacity:.7;
    transform:scale(.78);
  }
}

/* ---- block 6 v42-motion-upgrade ---- */

/* ===== V42 motion / counter / reveal upgrade ===== */
.motion-ready{will-change:transform,opacity,filter}
.reveal-up,.reveal-left,.reveal-right,.reveal-zoom{opacity:0;transition:opacity .9s cubic-bezier(.22,.68,.2,1),transform .9s cubic-bezier(.22,.68,.2,1),filter .9s ease;will-change:transform,opacity,filter}
.reveal-up{transform:translateY(34px);filter:blur(8px)}
.reveal-left{transform:translateX(-38px);filter:blur(8px)}
.reveal-right{transform:translateX(38px);filter:blur(8px)}
.reveal-zoom{transform:scale(.94) translateY(18px);filter:blur(10px)}
.motion-in{opacity:1!important;transform:none!important;filter:none!important}
.stagger-1{transition-delay:.06s}.stagger-2{transition-delay:.12s}.stagger-3{transition-delay:.18s}.stagger-4{transition-delay:.24s}.stagger-5{transition-delay:.30s}

#growth-proof .chart-card{position:relative;overflow:hidden}
#growth-proof .chart-card::after{content:"";position:absolute;inset:auto -20% 8% -20%;height:110px;background:radial-gradient(circle at center, rgba(3,199,90,.13), transparent 70%);opacity:0;transition:opacity .7s ease}
#growth-proof .chart-card.chart-live::after{opacity:1}
.trend-chart-live{overflow:visible}
.trend-chart-live .trend-line{filter:drop-shadow(0 0 10px rgba(3,199,90,.35)) drop-shadow(0 0 22px rgba(3,199,90,.18));stroke-width:5.5}
.trend-chart-live .trend-area{opacity:.10;transform-origin:bottom center;transform:scaleY(.35);transition:transform 1.2s ease,opacity 1.2s ease}
.chart-live .trend-area{opacity:.78;transform:scaleY(1)}
.trend-chart-live .trend-point{opacity:0;transform-box:fill-box;transform-origin:center;transform:scale(.2);filter:drop-shadow(0 0 0 rgba(3,199,90,0));}
.chart-live .trend-point{animation:trendPointPop .68s cubic-bezier(.18,.88,.32,1.25) forwards, trendPointPulse 2.1s ease-in-out infinite .8s}
.chart-live .trend-point:nth-of-type(1){animation-delay:.12s,.9s}
.chart-live .trend-point:nth-of-type(2){animation-delay:.34s,1.15s}
.chart-live .trend-point:nth-of-type(3){animation-delay:.56s,1.4s}
.chart-live .trend-point:nth-of-type(4){animation-delay:.78s,1.65s}
.trend-chart-live .trend-value{opacity:0;transform:translateY(10px);transition:opacity .5s ease,transform .5s ease;}
.chart-live .trend-value{opacity:1;transform:none}
@keyframes trendPointPop{0%{opacity:0;transform:scale(.2)}65%{opacity:1;transform:scale(1.26)}100%{opacity:1;transform:scale(1)}}
@keyframes trendPointPulse{0%,100%{filter:drop-shadow(0 0 0 rgba(3,199,90,0))}50%{filter:drop-shadow(0 0 10px rgba(3,199,90,.42))}}
.trend-mover{fill:#03c75a;stroke:#fff;stroke-width:4;filter:drop-shadow(0 0 12px rgba(3,199,90,.42));opacity:0;transition:opacity .4s ease}
.chart-live .trend-mover{opacity:1}
.trend-mover-ring{fill:none;stroke:rgba(3,199,90,.24);stroke-width:2;opacity:.0}
.chart-live .trend-mover-ring{animation:moverRing 1.4s ease-out infinite}
@keyframes moverRing{0%{opacity:.55;transform:scale(.65)}100%{opacity:0;transform:scale(1.7)}}

/* 숫자 카운트가 더 눈에 띄도록 */
.counting{display:inline-block;text-shadow:0 0 0 rgba(0,0,0,0);}
.counting.is-counting{animation:numberLift .65s ease both}
@keyframes numberLift{0%{transform:translateY(8px) scale(.95);opacity:.25}100%{transform:none;opacity:1}}
.proof-stat strong .counting,
.dd-metrics strong .counting,
.live-score-card strong .counting,
.trend-value.counting,
.metric strong .counting{font-variant-numeric:tabular-nums}

/* 섹션 제목/문단/카드도 스크롤 등장 강조 */
section h2.reveal-up, section h3.reveal-up{transition-duration:1s}
section p.reveal-up, section p.reveal-left, section p.reveal-right{transition-duration:.95s}
section .card.reveal-zoom, section .price.reveal-zoom, section .proof-flow-item.reveal-zoom,
section .dd-panel.reveal-zoom, section .metric.reveal-zoom, section .proof-stat.reveal-zoom{transition-duration:.85s}

@media (prefers-reduced-motion:reduce){
  .reveal-up,.reveal-left,.reveal-right,.reveal-zoom{opacity:1;transform:none;filter:none;transition:none}
  .trend-chart-live .trend-area,.trend-chart-live .trend-value,.trend-chart-live .trend-point{opacity:1;transform:none;transition:none;animation:none}
  .trend-mover,.trend-mover-ring{display:none}
}

/* ---- block 7 v43-trendy-full-redesign ---- */

/* ======================================================
   V43 TRENDY FULL REDESIGN
   white + deep navy + Naver green + blue/purple spectrum
   ====================================================== */
:root{
  --v43-ink:#111827;
  --v43-muted:#697386;
  --v43-soft:#f6f8fb;
  --v43-soft2:#f1f5f9;
  --v43-white:#ffffff;
  --v43-navy:#0d1730;
  --v43-navy2:#14244a;
  --v43-navy3:#1c3565;
  --v43-green:#03c75a;
  --v43-mint:#47e5ad;
  --v43-blue:#477cff;
  --v43-cyan:#4ab7ff;
  --v43-purple:#7758ff;
  --v43-lilac:#a88dff;
  --v43-line:#e5e9f0;
  --v43-shadow:0 16px 42px rgba(24,40,72,.08);
  --v43-shadow2:0 24px 64px rgba(26,43,75,.12);
}

html{scroll-behavior:smooth}
body{
  color:var(--v43-ink)!important;
  background:
    radial-gradient(circle at 8% 0%,rgba(71,124,255,.05),transparent 22%),
    radial-gradient(circle at 92% 3%,rgba(3,199,90,.05),transparent 21%),
    #fbfcfe!important;
}

/* Header */
header{
  background:rgba(255,255,255,.78)!important;
  border-bottom:1px solid rgba(229,233,240,.8)!important;
  backdrop-filter:blur(18px) saturate(1.25)!important;
  box-shadow:0 8px 28px rgba(20,35,65,.04)!important;
}
.brand{
  font-weight:950!important;
  letter-spacing:-.04em;
}
.brand b{
  background:linear-gradient(135deg,var(--v43-green),var(--v43-blue));
  color:#fff!important;
  box-shadow:0 8px 20px rgba(3,199,90,.18);
}
.navlinks a{
  color:#4f596a!important;
  font-weight:750!important;
}
.navlinks a:hover{color:#111827!important}
.navbtn{
  border:0!important;
  color:#fff!important;
  background:linear-gradient(100deg,#0f1b37,#243b70)!important;
  box-shadow:0 10px 24px rgba(20,38,73,.16)!important;
  border-radius:13px!important;
}

/* HERO - airy trend layout */
.hero{
  padding:96px 0 80px!important;
  min-height:720px;
  background:
    radial-gradient(circle at 70% 22%,rgba(74,183,255,.22),transparent 24%),
    radial-gradient(circle at 81% 34%,rgba(71,229,173,.18),transparent 21%),
    radial-gradient(circle at 54% 4%,rgba(119,88,255,.09),transparent 26%),
    linear-gradient(180deg,#ffffff 0%,#f8fbff 58%,#ffffff 100%)!important;
  color:var(--v43-ink)!important;
}
.hero::before{
  content:"";
  position:absolute;
  width:680px;height:680px;
  right:-180px;top:-250px;
  border-radius:50%;
  background:radial-gradient(circle,rgba(104,137,255,.12),transparent 67%);
  filter:blur(2px);
}
.v43-hero-wrap{
  position:relative;
  display:grid!important;
  grid-template-columns:minmax(0,1.05fr) minmax(420px,.95fr);
  column-gap:64px;
  align-items:center;
}
.v43-hero-wrap > *:not(.v43-hero-visual){grid-column:1}
.v43-hero-visual{
  grid-column:2;
  grid-row:1 / span 12;
  min-height:520px;
  position:relative;
  align-self:center;
}
.hero .badge{
  width:max-content;
  color:#0e8a45!important;
  background:#effbf4!important;
  border:1px solid #bdeccc!important;
  box-shadow:none!important;
  padding:9px 14px!important;
  letter-spacing:.05em!important;
}
.hero h1{
  color:#0f1727!important;
  font-size:clamp(50px,5.2vw,74px)!important;
  line-height:1.04!important;
  letter-spacing:-.055em!important;
  margin-top:20px!important;
}
.hero h1 span{
  background:linear-gradient(90deg,#11b95a 0%,#27be8e 30%,#477cff 64%,#6f4fff 100%)!important;
  -webkit-background-clip:text!important;
  background-clip:text!important;
  color:transparent!important;
}
.hero .lead{
  color:#667286!important;
  font-size:17px!important;
  line-height:1.8!important;
  max-width:760px!important;
}
.sales-proof-strip{
  background:transparent!important;
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:10px!important;
  border:0!important;
}
.sales-proof-item{
  padding:14px 16px!important;
  border:1px solid #e6eaf1!important;
  border-radius:15px!important;
  background:rgba(255,255,255,.76)!important;
  color:#111827!important;
  box-shadow:0 8px 22px rgba(30,46,80,.05)!important;
  backdrop-filter:blur(10px);
}
.sales-proof-item b{color:#162038!important}
.sales-proof-item span{color:#7a8494!important}
.keyword-ticker{
  border:1px solid #e4e8ef!important;
  background:#fff!important;
  box-shadow:0 9px 24px rgba(24,41,73,.04);
}
.keyword-ticker-track span{color:#5a6575!important}
.urgency-strip{
  background:linear-gradient(90deg,#f5f7ff,#f2fbf6)!important;
  color:#344052!important;
  border:1px solid #e0e7f2!important;
  border-radius:14px!important;
}
.urgency-strip b{color:#111827!important}
.value-stack{
  grid-template-columns:repeat(4,1fr)!important;
  gap:10px!important;
}
.value-item{
  background:#fff!important;
  border:1px solid #e7ebf1!important;
  color:#111827!important;
  border-radius:16px!important;
  box-shadow:0 10px 28px rgba(29,43,73,.05)!important;
}
.value-item:nth-child(1){box-shadow:inset 0 3px 0 #47e5ad,0 10px 28px rgba(29,43,73,.05)!important}
.value-item:nth-child(2){box-shadow:inset 0 3px 0 #4ab7ff,0 10px 28px rgba(29,43,73,.05)!important}
.value-item:nth-child(3){box-shadow:inset 0 3px 0 #477cff,0 10px 28px rgba(29,43,73,.05)!important}
.value-item:nth-child(4){box-shadow:inset 0 3px 0 #7758ff,0 10px 28px rgba(29,43,73,.05)!important}
.value-item b{color:#192132!important}
.value-item span{color:#7a8494!important}
.hero-actions{gap:10px!important}
.hero .btn.primary{
  background:linear-gradient(100deg,#12ca63,#39e584)!important;
  color:#06150d!important;
  border:0!important;
  box-shadow:0 14px 30px rgba(3,199,90,.22)!important;
}
.hero .btn.ghost{
  background:#fff!important;
  color:#1d2939!important;
  border:1px solid #dde4ec!important;
  box-shadow:0 9px 22px rgba(24,40,72,.05)!important;
}
.talktalk-btn{
  border-radius:14px!important;
  box-shadow:0 9px 24px rgba(20,38,73,.07)!important;
}
.hero .trust{
  color:#657084!important;
  gap:10px 20px!important;
}
.hero .trust span::first-letter{color:var(--v43-green)}

/* Hero visual */
.v43-glass-chart{
  position:absolute;
  left:10px;top:88px;
  width:min(100%,470px);
  padding:22px;
  border:1px solid rgba(255,255,255,.85);
  border-radius:28px;
  background:linear-gradient(145deg,rgba(255,255,255,.58),rgba(233,246,255,.35));
  backdrop-filter:blur(24px) saturate(1.35);
  box-shadow:0 28px 74px rgba(46,76,123,.17),inset 0 1px 0 rgba(255,255,255,.94);
  transform:perspective(900px) rotateY(-5deg) rotateX(2deg);
}
.v43-chart-top{
  display:flex;align-items:center;justify-content:space-between;
  color:#536178;font-size:12px;font-weight:900;letter-spacing:.13em;
}
.v43-chart-top i{
  width:9px;height:9px;border-radius:50%;background:#49e58a;
  box-shadow:0 0 0 6px rgba(73,229,138,.12),0 0 18px rgba(73,229,138,.36);
}
.v43-glass-chart svg{display:block;width:100%;height:auto;margin-top:12px}
.v43-gridline{fill:none;stroke:rgba(69,92,130,.10);stroke-width:1}
.v43-area{fill:url(#v43Area)}
.v43-line{
  fill:none;stroke:url(#v43Line);stroke-width:5;stroke-linecap:round;
  filter:drop-shadow(0 5px 10px rgba(71,124,255,.18));
  stroke-dasharray:620;stroke-dashoffset:620;
  animation:v43ChartDraw 2.4s cubic-bezier(.2,.8,.2,1) forwards .4s;
}
@keyframes v43ChartDraw{to{stroke-dashoffset:0}}
.v43-pulse-dot{
  fill:#77f2a8;stroke:#fff;stroke-width:4;
  filter:drop-shadow(0 0 12px rgba(3,199,90,.58));
  animation:v43Pulse 1.8s ease-in-out infinite;
}
@keyframes v43Pulse{50%{r:11;filter:drop-shadow(0 0 22px rgba(3,199,90,.8))}}
.v43-chart-kpis{
  display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:4px;
}
.v43-chart-kpis div{
  padding:10px;border-radius:13px;background:rgba(255,255,255,.66);border:1px solid rgba(255,255,255,.78);
}
.v43-chart-kpis small{display:block;color:#7a8493;font-size:12px}
.v43-chart-kpis strong{display:block;font-size:22px;color:#14203a;margin-top:4px}
.v43-source-card{
  position:absolute;right:-8px;top:0;width:210px;
  display:grid;grid-template-columns:34px 1fr;gap:10px 9px;align-items:center;
  padding:17px;border-radius:21px;background:rgba(255,255,255,.86);
  border:1px solid rgba(224,230,240,.95);backdrop-filter:blur(18px);
  box-shadow:0 22px 50px rgba(42,64,100,.13);
  z-index:3;
}
.v43-source-icon{
  width:34px;height:34px;border-radius:10px;display:grid;place-items:center;color:#fff;font-weight:950;
}
.v43-source-icon.green{background:linear-gradient(135deg,#21c95e,#04a94b)}
.v43-source-icon.mint{background:linear-gradient(135deg,#45dfab,#23b88d)}
.v43-source-icon.blue{background:linear-gradient(135deg,#5682ff,#394edb)}
.v43-source-card b{font-size:12px;color:#20283a}
.v43-orb{position:absolute;border-radius:50%;filter:blur(.2px);animation:v43Float 4.4s ease-in-out infinite}
.v43-orb.o1{width:32px;height:32px;left:-18px;top:292px;background:linear-gradient(135deg,#d8fff0,#57e6ad);box-shadow:0 12px 25px rgba(48,203,143,.22)}
.v43-orb.o2{width:22px;height:22px;left:40px;top:235px;background:linear-gradient(135deg,#fff,#d9efff);animation-delay:.9s}
.v43-orb.o3{width:18px;height:18px;right:36px;bottom:74px;background:linear-gradient(135deg,#fff6bd,#ddf98d);animation-delay:1.6s}
@keyframes v43Float{50%{transform:translateY(-14px)}}

/* Global sections */
main > section:not(.hero){
  padding:92px 0!important;
}
main > section:not(.hero):nth-of-type(even){
  background:linear-gradient(180deg,#f8fafc,#f5f8fc)!important;
}
main > section:not(.hero):nth-of-type(odd){
  background:#fff!important;
}
section .eyebrow{
  display:inline-flex!important;
  align-items:center;
  gap:7px;
  border-radius:999px;
  padding:7px 11px!important;
  background:#f3f6fa!important;
  color:#547067!important;
  border:1px solid #e4e9ef!important;
  font-size:12px!important;
  font-weight:900!important;
  letter-spacing:.08em!important;
}
section h2{
  color:#101828!important;
  font-size:clamp(34px,3.6vw,50px)!important;
  line-height:1.12!important;
  letter-spacing:-.045em!important;
  max-width:940px;
}
section .desc{
  color:#6b7484!important;
  font-size:15px!important;
  line-height:1.8!important;
  max-width:900px;
}

/* Card language */
.card,.dashboard,.ba-card,.visual-node,.roadmap-card,.price-card,.pay-card,.payment-form-panel{
  border:1px solid #e5e9f0!important;
  background:#fff!important;
  border-radius:22px!important;
  box-shadow:var(--v43-shadow)!important;
}
.card:hover,.visual-node:hover,.roadmap-card:hover,.price-card:hover,.pay-card:hover{
  transform:translateY(-5px)!important;
  box-shadow:var(--v43-shadow2)!important;
  border-color:#d9e0ea!important;
}
.service-grid{gap:16px!important}
.service-grid .card{
  position:relative;
  overflow:hidden;
  padding:26px!important;
}
.service-grid .card::after{
  content:"";position:absolute;right:-50px;top:-50px;width:150px;height:150px;border-radius:50%;
  opacity:.08;
}
.service-grid .card:nth-child(3n+1)::after{background:#03c75a}
.service-grid .card:nth-child(3n+2)::after{background:#477cff}
.service-grid .card:nth-child(3n+3)::after{background:#7758ff}
.icon{
  border-radius:15px!important;
  background:linear-gradient(135deg,#effbf4,#e9f8ff)!important;
  color:#117a46!important;
  box-shadow:inset 0 0 0 1px #e0eee5;
}
.service-grid .card:nth-child(3n+2) .icon{background:linear-gradient(135deg,#eef4ff,#edf1ff)!important;color:#3c66e0!important}
.service-grid .card:nth-child(3n+3) .icon{background:linear-gradient(135deg,#f4efff,#f7f3ff)!important;color:#704edb!important}

/* Diagnosis */
.diagnosis-direct{
  background:
    radial-gradient(circle at 10% 8%,rgba(119,88,255,.10),transparent 26%),
    radial-gradient(circle at 90% 6%,rgba(3,199,90,.09),transparent 24%),
    linear-gradient(180deg,#f7f9fd,#f2f6fb)!important;
}
.diag-direct-tabs{margin-top:28px!important}
.diag-direct-tab{
  border-radius:14px!important;
  background:#fff!important;
  border:1px solid #e2e7ef!important;
  box-shadow:0 8px 18px rgba(24,40,70,.04)!important;
}
.diag-direct-tab.active{
  color:#fff!important;
  border-color:transparent!important;
  background:linear-gradient(110deg,#0f1c3a,#253f75)!important;
  box-shadow:0 13px 28px rgba(19,38,73,.18)!important;
}
.dd-grid{gap:18px!important}
.dd-panel{
  border-radius:24px!important;
  background:rgba(255,255,255,.95)!important;
  box-shadow:0 20px 46px rgba(35,51,83,.08)!important;
  overflow:hidden;
}
.dd-panel::before{height:4px!important}
.dd-grid .dd-panel:nth-child(1)::before{background:linear-gradient(90deg,#7658ff,#9e8aff)!important}
.dd-grid .dd-panel:nth-child(2)::before{background:linear-gradient(90deg,#477cff,#4ab7ff)!important}
.dd-grid .dd-panel:nth-child(3)::before{background:linear-gradient(90deg,#03c75a,#47e5ad)!important}
.dd-head{
  background:linear-gradient(180deg,#fcfdff,#fff)!important;
}
.dd-step{
  border-radius:999px!important;
  box-shadow:none!important;
}
.dd-target,.dd-upload,.dd-data,.dd-box,.dd-ai{
  border-radius:16px!important;
}
.dd-upload{
  background:linear-gradient(180deg,#fff,#f8fafc)!important;
  border:1px solid #e0e6ee!important;
}
.dd-upload:hover{
  border-color:#cdd8e7!important;
  box-shadow:0 14px 28px rgba(35,52,86,.08)!important;
}
.dd-analyze{
  border-radius:14px!important;
  min-height:52px!important;
  background:linear-gradient(100deg,#6e4ff5,#477cff)!important;
}
[data-dd-analyze="store"]{
  background:linear-gradient(100deg,#0abf5b,#45dc91)!important;
}
.dd-progress-card{
  border-radius:22px!important;
  background:
    radial-gradient(circle at 18% 10%,rgba(91,83,255,.26),transparent 26%),
    radial-gradient(circle at 90% 90%,rgba(3,199,90,.13),transparent 23%),
    linear-gradient(145deg,#0c1730,#172c55 70%,#1f3a68)!important;
}
.dd-ring{
  box-shadow:0 0 0 8px rgba(119,88,255,.06),0 0 32px rgba(119,88,255,.22)!important;
}
.live-api-status{
  border-radius:999px!important;
  background:#fff!important;
  border:1px solid #dfe6ee!important;
  box-shadow:0 8px 18px rgba(25,42,72,.05);
}
.live-result-head{
  border-radius:20px!important;
  background:
    radial-gradient(circle at 16% 10%,rgba(119,88,255,.28),transparent 28%),
    radial-gradient(circle at 92% 88%,rgba(3,199,90,.15),transparent 24%),
    linear-gradient(135deg,#0d1832,#172a51 64%,#214a6d)!important;
}
.live-score-card{
  border-radius:15px!important;
  box-shadow:0 8px 20px rgba(30,44,75,.04);
}
.live-section{
  border-radius:18px!important;
  box-shadow:0 9px 22px rgba(24,40,73,.04)!important;
}
.dd-report-link{
  border-radius:14px!important;
  background:linear-gradient(100deg,#0dca60,#43e18d)!important;
}

/* Comparison */
#difference .dashboard{
  overflow:hidden;
  padding:10px 20px!important;
  background:linear-gradient(180deg,#fff,#fbfcff)!important;
}
.comparison th{
  background:#f6f8fb!important;
  color:#5f6878!important;
}
.comparison tr:hover td{background:#f8fbff!important}

/* Process */
.steps{gap:14px!important}
.steps .card{
  background:linear-gradient(180deg,#fff,#fbfcfe)!important;
}
.steps .card .num{
  background:linear-gradient(135deg,#eefbf4,#eef4ff)!important;
  color:#176f48!important;
}

/* Roadmap */
#roadmap{
  background:
    radial-gradient(circle at 15% 4%,rgba(71,124,255,.07),transparent 26%),
    linear-gradient(180deg,#f6f9fd,#fff)!important;
}
.roadmap-card{
  padding:26px!important;
  background:linear-gradient(180deg,#fff,#fbfcff)!important;
}
.roadmap-card:nth-child(1){box-shadow:inset 0 4px 0 #47e5ad,var(--v43-shadow)!important}
.roadmap-card:nth-child(2){box-shadow:inset 0 4px 0 #477cff,var(--v43-shadow)!important}
.roadmap-card:nth-child(3){box-shadow:inset 0 4px 0 #7758ff,var(--v43-shadow)!important}
.roadmap-output{
  border-radius:22px!important;
  background:linear-gradient(100deg,#0d1832,#183464 64%,#3a28bd)!important;
  color:#fff!important;
  box-shadow:0 18px 40px rgba(23,40,76,.16)!important;
}

/* Visual system */
#visual-system{
  background:#fff!important;
}
.visual-flow{
  gap:12px!important;
}
.visual-node{
  min-height:126px!important;
  background:linear-gradient(180deg,#fff,#fafcff)!important;
}
.visual-node:not(:last-child):after{
  color:#7a8aa4!important;
}
.visual-icon{
  background:linear-gradient(135deg,#eefbf4,#edf5ff)!important;
  color:#166b45!important;
}
.ba-card{
  background:linear-gradient(180deg,#fff,#fbfcfe)!important;
}
.ba-card.after{
  background:linear-gradient(180deg,#f9fffb,#f3fcf7)!important;
  border-color:#ccebd7!important;
}
.ba-arrow{
  color:#477cff!important;
}

/* Growth proof = generated concept */
#growth-proof{
  background:
    radial-gradient(circle at 82% 2%,rgba(71,124,255,.08),transparent 23%),
    linear-gradient(180deg,#ffffff,#f7f9fd)!important;
  color:var(--v43-ink)!important;
}
#growth-proof .section-num{color:#d6dbe4!important}
#growth-proof .eyebrow{
  color:#0d9b4a!important;
  background:#effbf4!important;
  border-color:#c9eed8!important;
}
#growth-proof h2{
  color:#111827!important;
}
#growth-proof .desc{
  color:#6b7484!important;
}
.proof-shell{
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  padding:0!important;
}
.proof-head{
  margin-top:10px!important;
  padding:30px 0 20px!important;
  border:0!important;
  background:transparent!important;
  color:#111827!important;
}
.proof-kicker{
  color:#0a9f4b!important;
}
.proof-title{
  color:#101828!important;
  font-size:clamp(38px,4.1vw,58px)!important;
}
.proof-title em{
  background:linear-gradient(90deg,#18b95d,#47beaa,#477cff,#6c4ce8);
  -webkit-background-clip:text;
  background-clip:text;
  color:transparent!important;
  font-style:normal!important;
}
.proof-note{
  color:#697386!important;
  border-left:1px solid #dfe5ed!important;
}
.proof-stats{
  gap:12px!important;
}
.proof-stat{
  background:#fff!important;
  border:1px solid #e3e8ef!important;
  border-radius:20px!important;
  box-shadow:0 14px 32px rgba(29,43,72,.07)!important;
  position:relative;
  overflow:hidden;
}
.proof-stat::before{
  content:"";position:absolute;inset:0 auto auto 0;width:100%;height:4px;
}
.proof-stat:nth-child(1)::before{background:linear-gradient(90deg,#03c75a,#47e5ad)}
.proof-stat:nth-child(2)::before{background:linear-gradient(90deg,#47e5ad,#4ab7ff)}
.proof-stat:nth-child(3)::before{background:linear-gradient(90deg,#4ab7ff,#477cff)}
.proof-stat:nth-child(4)::before{background:linear-gradient(90deg,#477cff,#7758ff)}
.proof-stat strong{font-size:42px!important}
.impact-grid{gap:18px!important}
#growth-proof .chart-card{
  color:#fff!important;
  border:1px solid #1e3158!important;
  border-radius:24px!important;
  background:
    radial-gradient(circle at 90% 10%,rgba(79,137,255,.15),transparent 26%),
    linear-gradient(145deg,#09142b,#0f2244 62%,#15355e)!important;
  box-shadow:0 24px 58px rgba(13,29,61,.22)!important;
}
#growth-proof .chart-card h3{color:#fff!important}
#growth-proof .chart-card p{color:#9fb0ca!important}
#growth-proof .trend-axis{stroke:#344563!important}
#growth-proof .trend-label{fill:#91a1bb!important}
#growth-proof .trend-value{fill:#fff!important}
#growth-proof .trend-line{
  stroke:#64f0a5!important;
  filter:drop-shadow(0 0 8px rgba(100,240,165,.54)) drop-shadow(0 0 18px rgba(71,124,255,.20))!important;
}
#growth-proof .trend-point{
  stroke:#63efa5!important;
}
#growth-proof .sim-badge{
  color:#55e595!important;
  background:#102f29!important;
  border-color:#27604c!important;
}
.proof-copy-card{
  background:#fff!important;
  border:1px solid #e3e8ef!important;
  border-radius:24px!important;
  box-shadow:0 18px 42px rgba(26,41,72,.08)!important;
}
.proof-copy-card h3{color:#111827!important}
.proof-copy-card p{color:#697386!important}
.proof-flow-item{
  background:linear-gradient(180deg,#fff,#fbfcfe)!important;
  border:1px solid #e7ebf1!important;
  border-radius:16px!important;
}
.flow-no{
  background:linear-gradient(135deg,#eefbf4,#eef5ff)!important;
  color:#0f9d4b!important;
}
.proof-quote{
  background:
    radial-gradient(circle at 90% 50%,rgba(71,229,173,.16),transparent 23%),
    linear-gradient(100deg,#f6f8ff,#f2fbf7)!important;
  color:#111827!important;
  border:1px solid #e0e7ef!important;
  border-left:4px solid #477cff!important;
  border-radius:20px!important;
  box-shadow:0 14px 32px rgba(29,45,75,.05)!important;
}
.proof-quote span{color:#687386!important}
.proof-cta{
  border:0!important;
  border-radius:22px!important;
  color:#fff!important;
  background:linear-gradient(100deg,#101b38,#243c74 58%,#5b36d6)!important;
  box-shadow:0 18px 42px rgba(24,42,80,.18)!important;
}
.proof-cta span{color:#c5d0e4!important}

/* Pricing */
#plans{
  background:
    radial-gradient(circle at 88% 4%,rgba(119,88,255,.07),transparent 25%),
    linear-gradient(180deg,#f8faff,#fff)!important;
}
.pricing{gap:14px!important}
.price-card{
  position:relative;
  overflow:hidden;
  padding:25px!important;
  background:#fff!important;
}
.price-card:nth-child(1){box-shadow:inset 0 4px 0 #47e5ad,var(--v43-shadow)!important}
.price-card:nth-child(2){box-shadow:inset 0 4px 0 #4ab7ff,var(--v43-shadow)!important}
.price-card:nth-child(3){box-shadow:inset 0 4px 0 #477cff,var(--v43-shadow)!important}
.price-card:nth-child(4){box-shadow:inset 0 4px 0 #7758ff,var(--v43-shadow)!important}
.price-card.featured{
  color:#fff!important;
  border-color:#223a70!important;
  background:
    radial-gradient(circle at 90% 12%,rgba(119,88,255,.22),transparent 24%),
    linear-gradient(145deg,#0d1832,#172b55 64%,#263d74)!important;
  transform:translateY(-7px);
}
.price-card.featured h3,
.price-card.featured p,
.price-card.featured li,
.price-card.featured small{color:#fff!important}
.price-card.featured .tag{
  background:#193f38!important;color:#67eea7!important;border-color:#295d50!important;
}

/* CTA */
.cta{
  padding:50px 0!important;
  background:
    radial-gradient(circle at 12% 25%,rgba(71,124,255,.18),transparent 23%),
    radial-gradient(circle at 88% 72%,rgba(71,229,173,.14),transparent 22%),
    linear-gradient(100deg,#0e1833,#223d77 62%,#4c2bc1)!important;
}
.cta h2,.cta p{color:#fff!important}
.cta .btn.primary{
  background:linear-gradient(100deg,#32ef78,#62f798)!important;
  color:#07170e!important;
}

/* Payment / registration */
.payment-visual{
  background:
    radial-gradient(circle at 12% 6%,rgba(71,124,255,.06),transparent 25%),
    radial-gradient(circle at 90% 86%,rgba(3,199,90,.06),transparent 24%),
    linear-gradient(180deg,#f7f9fd,#fff)!important;
}
.pay-steps{gap:10px!important}
.pay-step{
  border:1px solid #e5eaf1!important;
  border-radius:17px!important;
  background:#fff!important;
  box-shadow:0 10px 24px rgba(26,42,73,.05)!important;
}
.pay-step-icon{
  background:linear-gradient(135deg,#eefbf4,#edf4ff)!important;
  color:#14734a!important;
}
.payment-products{gap:14px!important}
.pay-card{
  padding:24px!important;
  background:#fff!important;
}
.pay-card.featured{
  color:#fff!important;
  background:
    radial-gradient(circle at 90% 6%,rgba(119,88,255,.20),transparent 25%),
    linear-gradient(145deg,#0e1a34,#1b3262 64%,#263c74)!important;
  border-color:#213765!important;
}
.pay-card.featured h3,
.pay-card.featured p,
.pay-card.featured li,
.pay-card.featured .pay-price,
.pay-card.featured small{color:#fff!important}
.payment-form-panel{
  border-radius:24px!important;
  background:#fff!important;
  box-shadow:0 20px 48px rgba(26,42,73,.08)!important;
}
.payment-field input,
.payment-field select,
.payment-field textarea{
  border-radius:12px!important;
  border:1px solid #dce3eb!important;
  background:#fbfcfe!important;
}
.payment-field input:focus,
.payment-field select:focus,
.payment-field textarea:focus{
  border-color:#8fa9ff!important;
  box-shadow:0 0 0 4px rgba(71,124,255,.08)!important;
}
.payment-submit{
  border-radius:14px!important;
  color:#06150d!important;
  background:linear-gradient(100deg,#23dc6c,#52ed93)!important;
  box-shadow:0 14px 28px rgba(3,199,90,.20)!important;
}

/* Footer / policy */
.policy-section{background:#f8fafc!important}
footer{
  background:#0d1730!important;
  color:#cbd5e1!important;
}

/* Motion polish */
.card,.dd-panel,.proof-stat,.roadmap-card,.visual-node,.price-card,.pay-card{
  transition:transform .28s cubic-bezier(.2,.8,.2,1),box-shadow .28s ease,border-color .28s ease!important;
}
.btn,.dd-analyze,.dd-report-link,.payment-submit,.pay-btn,.after-pay-btn{
  transition:transform .2s ease,box-shadow .2s ease,filter .2s ease!important;
}
.btn:hover,.dd-analyze:hover,.dd-report-link:hover,.payment-submit:hover,.pay-btn:hover,.after-pay-btn:hover{
  transform:translateY(-2px)!important;
}

/* Floating actions */
.floating-cta,.talktalk-floating{
  border-radius:999px!important;
  box-shadow:0 16px 34px rgba(15,29,58,.18)!important;
}
.floating-cta{
  background:linear-gradient(100deg,#0d1832,#233b70)!important;
}
.talktalk-floating{
  background:linear-gradient(100deg,#03bf58,#37dd84)!important;
}

/* Mobile */
@media(max-width:1050px){
  .v43-hero-wrap{
    grid-template-columns:1fr!important;
  }
  .v43-hero-wrap > *:not(.v43-hero-visual){grid-column:1}
  .v43-hero-visual{
    grid-column:1;
    grid-row:auto;
    min-height:430px;
    margin-top:30px;
  }
  .v43-glass-chart{
    left:50%;transform:translateX(-50%);
    width:min(88%,500px);
  }
  .v43-source-card{right:4%;top:5px}
  .pricing{grid-template-columns:1fr 1fr!important}
}
@media(max-width:720px){
  .hero{
    padding-top:72px!important;
    min-height:auto!important;
  }
  .hero h1{
    font-size:42px!important;
  }
  .sales-proof-strip{grid-template-columns:1fr!important}
  .value-stack{grid-template-columns:1fr 1fr!important}
  .v43-hero-visual{
    min-height:360px;
  }
  .v43-glass-chart{
    top:70px;
    width:96%;
    padding:16px;
    border-radius:22px;
  }
  .v43-source-card{
    width:176px;right:0;padding:13px;
    grid-template-columns:29px 1fr;
  }
  .v43-source-icon{width:29px;height:29px}
  main > section:not(.hero){padding:64px 0!important}
  section h2{font-size:34px!important}
  .proof-title{font-size:36px!important}
  .pricing{grid-template-columns:1fr!important}
  .price-card.featured{transform:none}
  .proof-note{border-left:0!important;border-top:1px solid #dfe5ed!important;padding-top:16px!important}
}
@media(max-width:440px){
  .v43-hero-visual{min-height:320px}
  .v43-source-card{display:none}
  .v43-glass-chart{top:24px}
  .value-stack{grid-template-columns:1fr!important}
  .v43-chart-kpis strong{font-size:18px}
}

/* ---- block 8 v44-emphasis-upgrade ---- */

/* ===== V44 emphasis / graph / text / gauge upgrade ===== */
:root{
  --fx-green:#03c75a;
  --fx-mint:#47e5ad;
  --fx-blue:#4a7dff;
  --fx-cyan:#58c3ff;
  --fx-purple:#7b5cff;
  --fx-navy:#0f1933;
}

/* 중요 숫자 강조 */
.proof-stat strong,
.metric strong,
.live-score-card strong,
.dd-data strong,
.v43-chart-kpis strong,
.price strong,
.price-card .price,
.pay-price,
.chart-card .trend-value,
.live-result-head strong{
  position:relative;
  display:inline-block;
  letter-spacing:-.04em!important;
  font-weight:950!important;
}
.proof-stat .counting,
.metric .counting,
.live-score-card .counting,
.dd-data .counting,
.v43-chart-kpis .counting,
.chart-card .trend-value.counting,
.price-card .counting,
.pay-price .counting{
  background:linear-gradient(90deg,var(--fx-green) 0%, var(--fx-cyan) 46%, var(--fx-purple) 100%);
  -webkit-background-clip:text;
  background-clip:text;
  color:transparent!important;
  text-shadow:0 0 18px rgba(71,124,255,.10);
  filter:drop-shadow(0 8px 20px rgba(71,124,255,.10));
}
.proof-stat strong::after,
.metric strong::after,
.live-score-card strong::after,
.dd-data strong::after,
.v43-chart-kpis strong::after{
  content:"";
  position:absolute;
  left:0; right:0; bottom:-8px;
  height:10px;
  border-radius:999px;
  background:radial-gradient(circle at center, rgba(71,124,255,.22), transparent 72%);
  z-index:-1;
  transform:scaleX(.78);
}
.proof-stat,
.metric,
.live-score-card,
.dd-data,
.v43-chart-kpis div{
  position:relative;
  overflow:hidden;
}
.proof-stat::after,
.metric::after,
.live-score-card::after,
.dd-data::after,
.v43-chart-kpis div::after{
  content:"";
  position:absolute;
  top:-120%; left:-35%;
  width:46%; height:280%;
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.55),transparent);
  transform:rotate(18deg);
  opacity:0;
}
.number-live::after{animation:numberShine 1.2s ease forwards}
@keyframes numberShine{0%{left:-35%;opacity:0}30%{opacity:1}100%{left:115%;opacity:0}}

/* 중요 글씨 효과 */
.hero h1,
section h2,
.proof-title{
  position:relative;
}
.hero h1 span,
.proof-title em,
.key-emphasis{
  background:linear-gradient(90deg,var(--fx-green),var(--fx-cyan) 52%, var(--fx-purple));
  -webkit-background-clip:text;
  background-clip:text;
  color:transparent!important;
  background-size:200% 100%;
  animation:gradientShift 6s linear infinite;
}
@keyframes gradientShift{0%{background-position:0% 50%}100%{background-position:200% 50%}}
section h2::after,
.proof-title::after{
  content:"";
  position:absolute;
  left:0; bottom:-10px;
  width:0; height:8px;
  border-radius:999px;
  background:linear-gradient(90deg,rgba(3,199,90,.24),rgba(74,183,255,.18),rgba(123,92,255,.18));
  transition:width .9s cubic-bezier(.2,.8,.2,1);
}
.motion-in h2::after,
.motion-in.proof-title::after,
section h2.motion-in::after,
.proof-title.motion-in::after{width:148px}
.reveal-flash{animation:flashIntro .85s ease both}
@keyframes flashIntro{0%{opacity:0;filter:blur(10px);transform:translateY(16px)}65%{opacity:1;filter:blur(0);transform:translateY(0)}75%{text-shadow:0 0 0 rgba(0,0,0,0)}85%{text-shadow:0 0 22px rgba(71,124,255,.12)}100%{text-shadow:none}}

/* 그래프 효과 강화 */
#growth-proof .chart-card,
.dd-progress-card,
.live-result-head{
  overflow:hidden;
}
#growth-proof .chart-card::before,
.dd-progress-card::before,
.live-result-head::before{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(115deg,transparent 0%, rgba(255,255,255,.05) 36%, transparent 55%);
  transform:translateX(-115%);
  pointer-events:none;
}
#growth-proof .chart-card.graph-live::before,
.dd-progress-card.graph-live::before,
.live-result-head.graph-live::before{animation:graphSweep 2.5s ease-in-out infinite}
@keyframes graphSweep{0%{transform:translateX(-115%)}55%{transform:translateX(115%)}100%{transform:translateX(115%)}}

.trend-chart-live .trend-line{
  stroke-linecap:round;
  stroke-linejoin:round;
  animation:dashPulse 3s ease-in-out infinite alternate;
}
@keyframes dashPulse{0%{filter:drop-shadow(0 0 10px rgba(3,199,90,.30)) drop-shadow(0 0 20px rgba(71,124,255,.08))}100%{filter:drop-shadow(0 0 16px rgba(3,199,90,.48)) drop-shadow(0 0 30px rgba(71,124,255,.20))}}
.trend-chart-live .trend-area{
  background-size:140% 140%;
}
.trend-chart-live .trend-point{
  stroke-width:5!important;
}
.trend-chart-live .trend-label{transition:opacity .4s ease, transform .4s ease}
.graph-live .trend-label{opacity:1}

/* 게이지 효과 */
.fx-gauge{
  margin-top:14px;
  position:relative;
  height:8px;
  border-radius:999px;
  background:rgba(148,163,184,.18);
  overflow:hidden;
}
.fx-gauge::before{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(90deg,rgba(255,255,255,.18),transparent 20%,transparent 80%,rgba(255,255,255,.12));
}
.fx-gauge-fill{
  width:0;
  height:100%;
  border-radius:999px;
  background:linear-gradient(90deg,var(--fx-green),var(--fx-cyan) 58%,var(--fx-purple));
  box-shadow:0 0 12px rgba(71,124,255,.22),0 0 20px rgba(3,199,90,.18);
  position:relative;
}
.fx-gauge-fill::after{
  content:"";
  position:absolute;
  right:-8px; top:50%; transform:translateY(-50%);
  width:14px; height:14px; border-radius:50%;
  background:#fff; box-shadow:0 0 0 4px rgba(74,183,255,.15),0 0 18px rgba(74,183,255,.35);
}
.fx-gauge-label{
  margin-top:8px;
  display:flex;justify-content:space-between;align-items:center;
  font-size:12px;color:#7a8494;font-weight:800;letter-spacing:.02em;
}
.fx-gauge-label b{color:#1c2a42}
.fx-gauge-live .fx-gauge-fill{animation:gaugeGrow 1.35s cubic-bezier(.18,.88,.28,1) forwards}
@keyframes gaugeGrow{0%{width:0}100%{width:var(--gauge-w)}}

/* 카드 미세 애니메이션 */
.floaty{animation:floaty 3.8s ease-in-out infinite}
@keyframes floaty{50%{transform:translateY(-6px)}}
.pulse-edge{
  box-shadow:0 0 0 rgba(74,183,255,0), 0 16px 42px rgba(24,40,72,.08)!important;
  animation:pulseEdge 2.3s ease-in-out infinite;
}
@keyframes pulseEdge{50%{box-shadow:0 0 0 1px rgba(74,183,255,.15),0 20px 46px rgba(71,124,255,.12)!important}}

/* 버튼/CTA flash */
.btn.primary,
.dd-analyze,
.dd-report-link,
.payment-submit,
.floating-cta{
  position:relative;overflow:hidden;
}
.btn.primary::after,
.dd-analyze::after,
.dd-report-link::after,
.payment-submit::after,
.floating-cta::after{
  content:"";position:absolute;inset:0 auto 0 -38%;width:32%;
  background:linear-gradient(100deg,transparent,rgba(255,255,255,.45),transparent);
  transform:skewX(-20deg);
}
.btn.primary:hover::after,
.dd-analyze:hover::after,
.dd-report-link:hover::after,
.payment-submit:hover::after,
.floating-cta:hover::after{animation:btnFlash .8s ease forwards}
@keyframes btnFlash{to{left:120%}}

@media (prefers-reduced-motion:reduce){
  .hero h1 span,.proof-title em,.key-emphasis{animation:none}
  .fx-gauge-live .fx-gauge-fill,.number-live::after,#growth-proof .chart-card.graph-live::before,.dd-progress-card.graph-live::before,.live-result-head.graph-live::before{animation:none}
}

/* ---- block 9 v45-highend-mobile-sectioncolor ---- */

/* =========================================================
   V45 — High-end SaaS + Mobile Typography + Section Identity
   ========================================================= */

:root{
  --place-1:#6c5cff;
  --place-2:#9a86ff;
  --store-1:#03c75a;
  --store-2:#48e39b;
  --ads-1:#3f7cff;
  --ads-2:#55c7ff;

  --hi-navy:#0b1530;
  --hi-navy2:#16284f;
  --hi-card:#ffffff;
  --hi-line:#e4e9f1;
  --hi-text:#101828;
  --hi-muted:#697386;
}

/* 전체 프리미엄 깊이감 */
body{
  background:
    radial-gradient(circle at 8% 0%,rgba(108,92,255,.045),transparent 25%),
    radial-gradient(circle at 93% 4%,rgba(3,199,90,.045),transparent 23%),
    linear-gradient(180deg,#fbfcff,#f8fafc)!important;
}
.wrap{
  position:relative;
}
section{
  position:relative;
  isolation:isolate;
}
section::before{
  pointer-events:none;
}

/* 하이엔드 섹션 번호 장식 */
main > section:not(.hero):not(.diagnosis-direct)::after{
  content:attr(data-section-label);
  position:absolute;
  right:max(20px,calc((100vw - 1180px)/2));
  top:36px;
  font-size:74px;
  line-height:1;
  font-weight:950;
  letter-spacing:-.06em;
  color:rgba(39,52,77,.035);
  z-index:-1;
}

/* 섹션 제목 강조 */
section h2{
  max-width:980px!important;
}
section h2 strong,
section h2 b{
  background:linear-gradient(90deg,#0fc766,#42b7d9 55%,#7056ff);
  -webkit-background-clip:text;
  background-clip:text;
  color:transparent!important;
}
.section-head{
  margin-bottom:32px!important;
}

/* 공통 하이엔드 카드 */
.card,
.price-card,
.pay-card,
.payment-form-panel,
.dd-panel,
.proof-stat,
.proof-copy-card,
.chart-card,
.visual-node,
.roadmap-card{
  border-color:rgba(220,227,237,.95)!important;
  box-shadow:
    0 1px 0 rgba(255,255,255,.92) inset,
    0 14px 36px rgba(22,38,68,.065)!important;
}
.card:hover,
.price-card:hover,
.pay-card:hover,
.dd-panel:hover,
.proof-stat:hover,
.visual-node:hover,
.roadmap-card:hover{
  box-shadow:
    0 1px 0 rgba(255,255,255,.95) inset,
    0 24px 56px rgba(22,38,68,.12)!important;
}

/* 대시보드 느낌의 상단 얇은 라인 */
.card::before,
.price-card::before,
.pay-card::before,
.proof-stat::before,
.visual-node::before{
  content:"";
  position:absolute;
  left:18px;
  right:18px;
  top:0;
  height:2px;
  border-radius:999px;
  background:linear-gradient(90deg,transparent,rgba(71,124,255,.16),transparent);
}

/* ========================
   플레이스 / 스토어 / 광고 색상 분리
   ======================== */

/* 진단 탭 */
.diag-direct-tab[data-dd-tab="place"]{
  --tabA:var(--place-1);
  --tabB:var(--place-2);
}
.diag-direct-tab[data-dd-tab="store"]{
  --tabA:var(--store-1);
  --tabB:var(--store-2);
}
.diag-direct-tab.active{
  background:linear-gradient(110deg,var(--tabA,#0f1c3a),var(--tabB,#253f75))!important;
}

/* 플레이스 패널 */
[data-dd-pane="place"] .dd-panel:nth-child(1)::before{
  background:linear-gradient(90deg,var(--place-1),var(--place-2))!important;
}
[data-dd-pane="place"] .dd-panel:nth-child(2)::before{
  background:linear-gradient(90deg,#536fff,#55b8ff)!important;
}
[data-dd-pane="place"] .dd-panel:nth-child(3)::before{
  background:linear-gradient(90deg,#22c978,#6be3ad)!important;
}
[data-dd-pane="place"] .dd-logo.place{
  background:linear-gradient(135deg,var(--place-1),var(--place-2))!important;
  box-shadow:0 10px 24px rgba(108,92,255,.20)!important;
}
[data-dd-pane="place"] .dd-upload:nth-child(odd){
  box-shadow:inset 0 3px 0 rgba(108,92,255,.28)!important;
}
[data-dd-pane="place"] .dd-upload:nth-child(even){
  box-shadow:inset 0 3px 0 rgba(85,184,255,.24)!important;
}
[data-dd-pane="place"] .dd-analyze{
  background:linear-gradient(100deg,#6550ef,#5d68ff 55%,#418cff)!important;
  box-shadow:0 14px 30px rgba(91,82,236,.23)!important;
}

/* 스마트스토어 패널 */
[data-dd-pane="store"] .dd-panel:nth-child(1)::before{
  background:linear-gradient(90deg,var(--store-1),var(--store-2))!important;
}
[data-dd-pane="store"] .dd-panel:nth-child(2)::before{
  background:linear-gradient(90deg,#09a954,#48c98b)!important;
}
[data-dd-pane="store"] .dd-panel:nth-child(3)::before{
  background:linear-gradient(90deg,#28c979,#7be6b4)!important;
}
[data-dd-pane="store"] .dd-logo.store{
  background:linear-gradient(135deg,#03b957,#45dc91)!important;
  box-shadow:0 10px 24px rgba(3,199,90,.18)!important;
}
[data-dd-pane="store"] .dd-upload:nth-child(odd){
  box-shadow:inset 0 3px 0 rgba(3,199,90,.28)!important;
}
[data-dd-pane="store"] .dd-upload:nth-child(even){
  box-shadow:inset 0 3px 0 rgba(71,124,255,.20)!important;
}
[data-dd-pane="store"] .dd-analyze{
  background:linear-gradient(100deg,#00b950,#11cc67 54%,#48e39b)!important;
  box-shadow:0 14px 30px rgba(3,199,90,.20)!important;
}

/* 광고 관련 키워드가 있는 서비스 카드 — 블루 계열 */
.service-grid .card:nth-child(3n+2),
#growth-proof .chart-card{
  --local-accent:var(--ads-1);
}
.service-grid .card:nth-child(3n+2)::before{
  background:linear-gradient(90deg,transparent,rgba(63,124,255,.42),transparent)!important;
}
.service-grid .card:nth-child(3n+2) .icon{
  background:linear-gradient(135deg,#edf3ff,#e9f7ff)!important;
  color:#3868e5!important;
}

/* 섹션 아이덴티티 라벨 */
.v45-sector-label{
  display:inline-flex;
  align-items:center;
  gap:7px;
  padding:7px 10px;
  margin-bottom:12px;
  border-radius:999px;
  font-size:12px;
  font-weight:950;
  letter-spacing:.08em;
  border:1px solid;
}
.v45-sector-label.place{
  color:#5d4fe2;
  border-color:#d7d0ff;
  background:#f4f1ff;
}
.v45-sector-label.store{
  color:#078e45;
  border-color:#c9ecd8;
  background:#effbf4;
}
.v45-sector-label.ads{
  color:#3c64d7;
  border-color:#d2ddff;
  background:#eef4ff;
}

/* ========================
   그래프 / KPI 더욱 하이엔드
   ======================== */
#growth-proof .chart-card{
  border-radius:28px!important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.06),
    0 28px 68px rgba(9,25,56,.25)!important;
}
#growth-proof .chart-card::after{
  height:150px!important;
  background:
    radial-gradient(circle at 50% 50%,rgba(71,229,173,.18),transparent 68%)!important;
}
.trend-chart-live .trend-line{
  stroke-width:6!important;
}
.trend-chart-live .trend-point{
  r:7;
}
.trend-chart-live .trend-value{
  font-size:15px!important;
}
.proof-stat strong{
  font-size:48px!important;
}
.proof-stat .label{
  font-weight:800!important;
}

/* 카운트 수치 뒤 glow */
.proof-stat strong,
.v43-chart-kpis strong,
.metric strong{
  text-shadow:0 10px 26px rgba(71,124,255,.12);
}

/* 게이지 업그레이드 */
.fx-gauge{
  height:10px!important;
  background:#edf1f6!important;
}
.fx-gauge-fill{
  box-shadow:
    0 0 12px rgba(3,199,90,.20),
    0 0 24px rgba(71,124,255,.18)!important;
}
.fx-gauge-label{
  font-size:12px!important;
}

/* ========================
   CTA / 신청폼
   ======================== */
.cta-box,
.proof-cta{
  border-radius:26px!important;
}
.payment-form-panel{
  padding:28px!important;
}
.payment-field label{
  font-size:12px!important;
  color:#384152!important;
}
.payment-field input,
.payment-field select,
.payment-field textarea{
  min-height:48px!important;
  font-size:14px!important;
}
.payment-field textarea{
  min-height:96px!important;
}
.payment-submit{
  min-height:54px!important;
  font-size:15px!important;
}

/* ========================
   모바일 전용 가독성 강화
   ======================== */
@media(max-width:720px){
  body{
    font-size:16px!important;
  }
  .wrap{
    width:min(100% - 22px,1180px)!important;
  }

  /* 헤더 */
  header .wrap{
    min-height:64px!important;
  }
  .brand{
    font-size:18px!important;
  }
  .navbtn{
    min-height:42px!important;
    padding:0 13px!important;
    font-size:12px!important;
  }

  /* 히어로 */
  .hero{
    padding:68px 0 48px!important;
  }
  .hero .badge{
    font-size:12px!important;
    padding:8px 12px!important;
  }
  .hero h1{
    font-size:44px!important;
    line-height:1.05!important;
    letter-spacing:-.052em!important;
  }
  .hero .lead{
    font-size:16px!important;
    line-height:1.75!important;
  }
  .hero-actions .btn,
  .talktalk-btn{
    width:100%!important;
    min-height:52px!important;
    justify-content:center!important;
    font-size:14px!important;
  }

  /* 섹션 */
  main > section:not(.hero){
    padding:62px 0!important;
  }
  section h2{
    font-size:34px!important;
    line-height:1.13!important;
    letter-spacing:-.04em!important;
  }
  section h3{
    font-size:20px!important;
  }
  section .desc{
    font-size:15px!important;
    line-height:1.72!important;
  }

  /* 숫자 */
  .proof-stat strong{
    font-size:44px!important;
  }
  .metric strong{
    font-size:28px!important;
  }
  .v43-chart-kpis strong{
    font-size:21px!important;
  }
  .dd-metrics strong{
    font-size:24px!important;
  }
  .live-score-card strong{
    font-size:26px!important;
  }

  /* 진단 */
  .dd-head h3{
    font-size:21px!important;
  }
  .dd-head p{
    font-size:14px!important;
  }
  .dd-upload b{
    font-size:13px!important;
  }
  .dd-upload small{
    font-size:12px!important;
  }
  .dd-guide,
  .live-admin-note{
    font-size:12px!important;
  }
  .dd-analyze{
    min-height:54px!important;
    font-size:14px!important;
  }
  .dd-progress-card>strong{
    font-size:14px!important;
  }
  .dd-data-row{
    font-size:12px!important;
  }
  .live-section h4{
    font-size:15px!important;
  }
  .live-section,
  .live-issue,
  .live-list{
    font-size:13px!important;
    line-height:1.65!important;
  }

  /* 가격 / 신청 */
  .price-card h3,
  .pay-card h3{
    font-size:20px!important;
  }
  .price-card li,
  .pay-card li{
    font-size:13px!important;
  }
  .payment-field label{
    font-size:13px!important;
  }
  .payment-field input,
  .payment-field select,
  .payment-field textarea{
    font-size:15px!important;
  }
  .payment-submit{
    min-height:54px!important;
    font-size:15px!important;
  }

  /* floating CTA */
  .floating-cta,
  .talktalk-floating{
    font-size:12px!important;
    min-height:44px!important;
  }
}

/* 아주 작은 화면 */
@media(max-width:390px){
  .hero h1{
    font-size:38px!important;
  }
  section h2{
    font-size:31px!important;
  }
  .proof-stat strong{
    font-size:40px!important;
  }
  .dd-upload-grid{
    grid-template-columns:1fr!important;
  }
  .dd-health-grid,
  .dd-metrics{
    grid-template-columns:1fr 1fr!important;
  }
}

/* 모션 감소 */
@media(prefers-reduced-motion:reduce){
  .floaty,.pulse-edge{animation:none!important}
}

/* ---- block 10 v46-live-gauge-fix ---- */

.fx-gauge-fill{
  width:0!important;
  transition:width 1.25s cubic-bezier(.18,.88,.28,1)!important;
  animation:none!important;
}
.fx-gauge-live .fx-gauge-fill{
  width:var(--gauge-w,0%)!important;
}
.fx-gauge-fill.gauge-pulse{
  box-shadow:0 0 14px rgba(3,199,90,.30),0 0 30px rgba(71,124,255,.26)!important;
}
.fx-gauge-label b{
  min-width:40px;
  text-align:right;
  font-variant-numeric:tabular-nums;
}

/* ---- block 11 v48-analysis-trust-motion ---- */

/* V48 analysis reliability + result motion */

.v48-result-enter{
  opacity:0;
  transform:translateY(16px) scale(.985);
  filter:blur(5px);
  transition:
    opacity .58s cubic-bezier(.22,.75,.2,1),
    transform .58s cubic-bezier(.22,.75,.2,1),
    filter .58s ease;
}
.v48-result-enter.is-in{
  opacity:1;
  transform:none;
  filter:none;
}

/* main circular score */
.v48-score-ring{
  background:conic-gradient(
    #42e48f 0 var(--score),
    #2d3a55 var(--score) 100%
  )!important;
  box-shadow:
    0 0 0 7px rgba(255,255,255,.045),
    0 0 30px rgba(3,199,90,.20)!important;
  transition:background .12s linear;
}
.v48-score-ring::before{
  content:"";
  position:absolute;
  inset:-5px;
  border-radius:50%;
  border:1px solid rgba(84,232,160,.20);
  animation:v48ScorePulse 1.8s ease-out infinite;
}
@keyframes v48ScorePulse{
  0%{opacity:.7;transform:scale(.92)}
  100%{opacity:0;transform:scale(1.18)}
}

/* data completeness */
.v48-completeness{
  margin:0 0 10px;
  padding:13px 14px;
  border:1px solid #e1e7ef;
  border-radius:14px;
  background:linear-gradient(180deg,#fff,#f8fbff);
  box-shadow:0 8px 20px rgba(28,43,73,.04);
}
.v48-complete-top{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
}
.v48-complete-top small{
  display:block;
  color:#788292;
  font-size:12px;
  margin-bottom:3px;
}
.v48-complete-top strong{
  color:#172033;
  font-size:12px;
}
.v48-complete-top>b{
  font-size:12px;
  color:#4c5970;
}
.v48-complete-track{
  height:9px;
  margin-top:9px;
  border-radius:999px;
  overflow:hidden;
  background:#e9edf3;
}
.v48-complete-track i{
  display:block;
  width:0;
  height:100%;
  border-radius:999px;
  background:linear-gradient(90deg,#7b5cff,#4a8cff,#38dc8a);
  box-shadow:0 0 14px rgba(74,140,255,.25);
  transition:width 1.1s cubic-bezier(.18,.88,.28,1);
}
.v48-complete-track i.is-in{
  width:var(--complete);
}
.v48-completeness p{
  margin:7px 0 0!important;
  color:#6b7484!important;
  font-size:12px!important;
  line-height:1.55!important;
}
.v48-completeness[data-level="low"] .v48-complete-track i{
  background:linear-gradient(90deg,#ff9b55,#ffc45d);
}
.v48-completeness[data-level="mid"] .v48-complete-track i{
  background:linear-gradient(90deg,#4a8cff,#5fc1ff);
}
.v48-completeness[data-level="high"] .v48-complete-track i{
  background:linear-gradient(90deg,#03c75a,#54e59d);
}

/* detail score cards */
.v48-score-card{
  opacity:0;
  transform:translateY(10px);
  animation:v48CardIn .5s cubic-bezier(.22,.78,.2,1) forwards;
  animation-delay:var(--delay,0ms);
}
@keyframes v48CardIn{
  to{opacity:1;transform:none}
}
.v48-score-card strong{
  font-size:19px!important;
  font-variant-numeric:tabular-nums;
}

/* job id */
.live-job-chip.v48-job-copy{
  display:inline-flex;
  align-items:center;
  gap:5px;
  margin-top:8px;
  padding:5px 8px;
  border:1px solid rgba(255,255,255,.15);
  border-radius:999px;
  color:#dce7fb;
  background:rgba(255,255,255,.07);
  font-size:12px;
  cursor:pointer;
  appearance:none;
}
.v48-job-copy b{color:#7ff0b0}
.v48-job-copy span{
  margin-left:3px;
  color:#9eb0ca;
  font-weight:800;
}

/* Make completed step 2 visually explicit */
.dd-progress-card.v48-complete{
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.06),
    0 0 0 1px rgba(72,227,150,.10),
    0 18px 38px rgba(19,32,64,.20)!important;
}

/* Never allow negative zero to show */
[data-dd-progress]{
  font-variant-numeric:tabular-nums;
}

@media(max-width:720px){
  .v48-complete-top strong{font-size:13px}
  .v48-complete-top>b{font-size:12px}
  .v48-completeness p{font-size:12px!important}
  .live-job-chip.v48-job-copy{font-size:12px}
}
@media(prefers-reduced-motion:reduce){
  .v48-result-enter{opacity:1;transform:none;filter:none;transition:none}
  .v48-score-ring::before{animation:none}
  .v48-complete-track i{width:var(--complete)!important;transition:none}
}

/* ---- block 12 v49-safeguard-logo ---- */

.v49-brand-logo{
  display:flex!important;
  align-items:center!important;
  flex:0 0 auto;
  text-decoration:none!important;
}
.v49-brand-logo img{
  display:block!important;
  width:auto!important;
  height:54px!important;
  max-width:340px!important;
  object-fit:contain!important;
}
header nav{
  min-height:72px!important;
}
@media(max-width:900px){
  .v49-brand-logo img{
    height:47px!important;
    max-width:290px!important;
  }
}
@media(max-width:700px){
  .v49-brand-logo img{
    height:40px!important;
    max-width:245px!important;
  }
  header nav{
    min-height:62px!important;
  }
}
@media(max-width:430px){
  .v49-brand-logo img{
    height:34px!important;
    max-width:205px!important;
  }
}

/* ---- block 13 v50-copy-seo-homepage ---- */

.v50-homepage-note{
  margin:14px 0 0;
  padding:12px 14px;
  border:1px solid #d9e5ff;
  border-radius:12px;
  background:linear-gradient(135deg,#f7f9ff,#f4fbf7);
  color:#657184;
  font-size:12px;
  line-height:1.65;
}
.price-card li b,.pay-features li b{
  color:#13a95a;
}
.price-card:last-child li b,.pay-card:last-child li b{
  display:inline-block;
  padding:2px 6px;
  border-radius:6px;
  background:rgba(3,199,90,.08);
}

/* ---- block 14 v51-linked-navigation-contact ---- */

/* Related-site navigation */
header nav{gap:20px;position:relative}
.navlinks{align-items:center;gap:20px!important}
.navlinks>a,.nav-dropdown-trigger{white-space:nowrap}
.nav-dropdown{position:relative;display:flex;align-items:center}
.nav-dropdown-trigger{display:inline-flex;align-items:center;gap:5px;color:#4f596a;font-weight:750}
.nav-dropdown-trigger span{font-size:12px;transition:transform .18s ease}
.nav-dropdown-menu{
  position:absolute;left:50%;top:calc(100% + 18px);transform:translateX(-50%) translateY(-6px);
  width:260px;padding:9px;background:#fff;border:1px solid #e4e9f0;border-radius:16px;
  box-shadow:0 18px 46px rgba(20,35,65,.14);opacity:0;visibility:hidden;pointer-events:none;
  transition:opacity .18s ease,transform .18s ease,visibility .18s ease;z-index:80
}
.nav-dropdown-menu::before{content:"";position:absolute;left:0;right:0;top:-20px;height:20px}
.nav-dropdown:hover .nav-dropdown-menu,.nav-dropdown:focus-within .nav-dropdown-menu{opacity:1;visibility:visible;pointer-events:auto;transform:translateX(-50%) translateY(0)}
.nav-dropdown:hover .nav-dropdown-trigger span,.nav-dropdown:focus-within .nav-dropdown-trigger span{transform:rotate(180deg)}
.nav-dropdown-menu a{display:block;padding:11px 12px;border-radius:11px;color:#273247!important}
.nav-dropdown-menu a:hover,.nav-dropdown-menu a:focus{background:#f4f7fb;color:#101827!important}
.nav-dropdown-menu b{display:block;font-size:13px;line-height:1.35}
.nav-dropdown-menu small{display:block;margin-top:3px;color:#7a8596;font-size:12px;line-height:1.45;font-weight:500}
.nav-menu-toggle{display:none;width:42px;height:42px;border:1px solid #e1e6ed;border-radius:12px;background:#fff;align-items:center;justify-content:center;flex-direction:column;gap:4px;cursor:pointer}
.nav-menu-toggle span{display:block;width:17px;height:2px;border-radius:2px;background:#26334a;transition:.2s ease}
.nav-mobile-contact{display:none}

/* Inquiry CTA */
.contact-cta{padding:76px 0;background:linear-gradient(135deg,#f5f8ff 0%,#f5fbf8 100%);border-top:1px solid #e7ecf2}
.contact-shell{display:grid;grid-template-columns:.92fr 1.08fr;gap:34px;align-items:center;padding:34px;border:1px solid #dfe6ee;border-radius:26px;background:#fff;box-shadow:0 20px 56px rgba(27,44,77,.08)}
.contact-copy .eyebrow{margin-bottom:8px}
.contact-copy h2{margin:0 0 13px;font-size:36px;line-height:1.16;letter-spacing:-.045em}
.contact-copy p{margin:0;color:#667386;line-height:1.75;font-size:14px}
.contact-points{display:grid;gap:9px;margin-top:20px}
.contact-points span{display:flex;gap:9px;align-items:flex-start;color:#465367;font-size:13px;line-height:1.55}
.contact-points span::before{content:"✓";display:grid;place-items:center;flex:0 0 20px;height:20px;border-radius:50%;background:#eaf8f0;color:#0b9151;font-size:12px;font-weight:900}
.contact-form{display:grid;grid-template-columns:1fr 1fr;gap:13px;padding:22px;border-radius:20px;background:#f8fafc;border:1px solid #e6ebf1}
.contact-field{display:flex;flex-direction:column;gap:7px}
.contact-field label{font-size:12px;font-weight:850;color:#3c485a}
.contact-field input{height:50px;border:1px solid #dce3eb;border-radius:11px;background:#fff;padding:0 13px;font-size:14px;color:#1d2737;outline:none}
.contact-field input:focus{border-color:#405b92;box-shadow:0 0 0 3px rgba(54,83,145,.09)}
.contact-submit{grid-column:1/-1;min-height:52px;border:0;border-radius:12px;background:linear-gradient(100deg,#0f1b37,#243b70);color:#fff;font-weight:900;font-size:14px;cursor:pointer;box-shadow:0 10px 24px rgba(20,38,73,.15)}
.contact-submit:hover{filter:brightness(1.05);transform:translateY(-1px)}
.contact-note{grid-column:1/-1;margin:0;color:#7b8695;font-size:12px;line-height:1.55;text-align:center}
.contact-note a{text-decoration:underline;text-underline-offset:2px}

@media(max-width:1040px){
  .navlinks{gap:14px!important;font-size:13px!important}
  .navbtn{padding:10px 13px!important}
}
@media(max-width:840px){
  header nav{gap:10px}
  .navbtn{display:none!important}
  .nav-menu-toggle{display:flex;flex:0 0 auto}
  .navlinks{
    display:none!important;position:absolute;left:0;right:0;top:calc(100% + 1px);padding:14px;
    flex-direction:column;align-items:stretch!important;gap:4px!important;background:#fff;border:1px solid #e5eaf0;
    border-radius:0 0 16px 16px;box-shadow:0 20px 38px rgba(20,35,65,.12);max-height:calc(100vh - 82px);overflow:auto
  }
  .navlinks.is-open{display:flex!important}
  .navlinks>a,.nav-dropdown-trigger{display:flex!important;min-height:44px;align-items:center;padding:10px 12px;border-radius:10px;color:#344054!important;font-size:14px}
  .navlinks>a:hover,.nav-dropdown-trigger:hover{background:#f6f8fb}
  .nav-dropdown{display:block}
  .nav-dropdown-trigger span{margin-left:auto}
  .nav-dropdown-menu{position:static;width:auto;margin:0 0 7px 12px;padding:5px;border:0;border-left:2px solid #e3e8ef;border-radius:0;box-shadow:none;opacity:1;visibility:visible;pointer-events:auto;transform:none!important}
  .nav-dropdown-menu::before{display:none}
  .nav-dropdown-menu a{padding:9px 11px}
  .nav-dropdown-menu small{display:none}
  .nav-mobile-contact{display:flex!important;background:#11203f!important;color:#fff!important;justify-content:center;font-weight:900!important;margin-top:4px}
  .contact-shell{grid-template-columns:1fr;padding:24px;gap:24px}
  .contact-copy h2{font-size:31px}
}
@media(max-width:560px){
  .contact-cta{padding:54px 0}
  .contact-shell{padding:19px;border-radius:20px}
  .contact-form{grid-template-columns:1fr;padding:16px}
  .contact-submit,.contact-note{grid-column:1}
  .contact-copy h2{font-size:28px}
}

/* ---- block 15 sg-ui-refresh ---- */

@media screen{
.sg-discover{max-width:1240px;margin:28px auto 44px;padding:0 24px;font-family:inherit}.sg-discover-head{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:18px}.sg-discover h2{font-size:25px!important;line-height:1.35;letter-spacing:-.045em;margin:6px 0!important;color:#193c36}.sg-discover .sg-label{font-size:12px;letter-spacing:.13em;font-weight:800;color:#587267}.sg-discover-head p{font-size:13px;color:#536b63;margin:0}.sg-discover-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.sg-discover-card{display:flex!important;flex-direction:column;gap:12px;padding:25px!important;border:1px solid #dce6df;border-radius:18px;background:#fff;color:#203c34!important;text-decoration:none!important;box-shadow:0 6px 22px #183e3006;min-width:0;transition:transform .18s,border-color .18s}.sg-discover-card:hover{transform:translateY(-3px);border-color:#699785}.sg-discover-card strong{font-size:19px;letter-spacing:-.04em}.sg-discover-card small{font-size:13px;line-height:1.75;color:#566b63}.sg-discover-card span{font-size:12px;font-weight:750;margin-top:auto;padding-top:8px}.sg-discover-card:nth-child(2){background:#edf5f0}.sg-discover-card:nth-child(3){background:#fff7ec;border-color:#eee0c9}.sg-discover a:focus-visible{outline:3px solid #2d775f;outline-offset:4px}
@media(max-width:640px){.sg-discover{padding:0 18px;margin:24px auto 32px}.sg-discover-head{display:block}.sg-discover-head p{margin-top:10px}.sg-discover-grid{grid-template-columns:1fr}.sg-discover-card{padding:20px!important;gap:8px}.sg-discover h2{font-size:23px!important}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}*,*:before,*:after{transition:none!important;animation:none!important}}
}

/* ---- block 16 cta-visibility-fix ---- */

#evidence-cta{background:#153e32!important;color:#fff!important;padding:64px 0!important;overflow:visible!important}
#evidence-cta,#evidence-cta *{opacity:1!important;visibility:visible!important;transform:none!important;filter:none!important;animation:none!important;transition:none!important;clip-path:none!important}
#evidence-cta:before,#evidence-cta:after,#evidence-cta *:before,#evidence-cta *:after{display:none!important}
#evidence-cta .cta-box{display:grid!important;grid-template-columns:minmax(0,1fr) auto auto!important;align-items:center!important;gap:20px!important;background:transparent!important}
#evidence-cta h2{color:#fff!important;-webkit-text-fill-color:#fff!important;background:none!important;font-size:clamp(26px,3vw,38px)!important;line-height:1.35!important;margin:16px 0 12px!important;letter-spacing:-.04em!important}
#evidence-cta p{color:#d9e8e0!important;-webkit-text-fill-color:#d9e8e0!important;line-height:1.8!important;margin:0!important}
#evidence-cta .eyebrow{background:#244e41!important;color:#d9e8e0!important;border:1px solid #608274!important;box-shadow:none!important}
#evidence-cta .btn{display:inline-flex!important;justify-content:center!important;align-items:center!important;min-height:52px!important;padding:14px 22px!important;border-radius:10px!important;white-space:nowrap!important;text-decoration:none!important;box-shadow:none!important;font-weight:750!important}
#evidence-cta .btn.primary{background:#c8f5d8!important;color:#123b2b!important;-webkit-text-fill-color:#123b2b!important;border:1px solid #c8f5d8!important}
#evidence-cta .btn.ghost{background:transparent!important;color:#fff!important;-webkit-text-fill-color:#fff!important;border:1px solid #a7c3b4!important}
#evidence-cta .btn:hover{outline:2px solid #d9e8e0!important;outline-offset:3px!important}
#evidence-cta .btn:focus-visible{outline:3px solid #ffda8a!important;outline-offset:4px!important}
@media(max-width:1000px){#evidence-cta .cta-box{grid-template-columns:1fr 1fr!important}#evidence-cta .cta-box>div{grid-column:1/-1}}
@media(max-width:600px){#evidence-cta{padding:40px 0!important}#evidence-cta .cta-box{grid-template-columns:1fr!important;gap:14px!important}#evidence-cta .btn{width:100%!important;box-sizing:border-box!important}}

/* ---- block 17 contact-submit-fix ---- */
#contact,#contact .contact-form,#contact .contact-form *{opacity:1!important;visibility:visible!important;transform:none!important;animation:none!important;transition:none!important}#contact:before,#contact:after,#contact .contact-form:before,#contact .contact-form:after,#contact .contact-submit:before,#contact .contact-submit:after{pointer-events:none!important}#contact .contact-submit{touch-action:manipulation;position:relative;z-index:2}#contact .contact-submit:disabled{cursor:wait;opacity:.75!important}#contactSubmitStatus{grid-column:1/-1;font-size:14px;line-height:1.7;color:#244535;margin:0}#contactSubmitStatus:empty{display:none}
/* ---- block 18 home-editorial-design ---- */
/* Editorial refresh: stable, readable interface over legacy visual layers. */
@media screen{
:root{--naver:#24654d;--ink:#1f352d;--muted:#5e6e65;--line:#dfe6de;--bg:#f6f7f2;--shadow:0 12px 36px #1736260a}
body{background:#fbfcf9!important;color:#1f352d!important;font-family:Pretendard,"Apple SD Gothic Neo","Malgun Gothic",sans-serif!important;letter-spacing:-.025em}
html{scroll-behavior:auto!important;scroll-padding-top:110px}
body .v38-anim,body .v38-stagger-item,body .v38-title-pop,body .v38-hero-rise,body .motion-ready,body .reveal,body [class*="reveal-"],body [class*="v38-flash"],body .v38-glow{animation:none!important;transform:none!important;opacity:1!important;visibility:visible!important;filter:none!important;transition:none!important}
body .bg-orb,body .keyword-ticker,body .v43-orb,body .floating-dot{display:none!important}
body section:before,body section:after,body [class*="v38-"]:before,body [class*="v38-"]:after{display:none!important}
body section{padding:64px 0!important;background:#fff!important;color:#1f352d}
body section.soft{background:#f5f7f2!important}
body .wrap{max-width:1200px!important;padding-left:28px!important;padding-right:28px!important}
body h2{font-size:32px!important;letter-spacing:-.045em!important;line-height:1.4!important;color:#1f352d!important;-webkit-text-fill-color:currentColor!important;background:none!important}
body .desc,body .lead{color:#5e6e65!important;line-height:1.85!important}
body .eyebrow{font-size:12px!important;letter-spacing:.12em!important;border:0!important;background:none!important;padding:0!important;color:#547564!important;box-shadow:none!important}
body .eyebrow:before,body .eyebrow:after{display:none!important}
body .card{background:#fff!important;border:1px solid #dfe6de!important;border-radius:16px!important;box-shadow:0 6px 22px #17362605!important;transform:none!important}
body .card h3{color:#243b30!important;font-size:19px!important;letter-spacing:-.03em}
body .card p{color:#5c6c61!important;line-height:1.8!important}
body .btn,body .navbtn{border-radius:9px!important;min-height:46px;box-shadow:none!important;text-shadow:none!important;animation:none!important;transform:none!important;opacity:1!important}
body .btn.primary,body .navbtn{background:#24654d!important;color:#fff!important;-webkit-text-fill-color:#fff!important}
body .btn.ghost{background:#fff!important;color:#264d3d!important;-webkit-text-fill-color:#264d3d!important;border:1px solid #bdcfc2!important}
body a:focus-visible,body button:focus-visible,body input:focus-visible{outline:3px solid #a56925!important;outline-offset:4px!important}
body header{background:#fffffff5!important;border-bottom:1px solid #e0e7dd!important;box-shadow:none!important}
body header nav{min-height:76px!important}body .navlinks{gap:20px!important}body .navlinks>a{font-size:13px!important;color:#465e50!important}
#sg-hero{background:#f5f6ee!important;padding:72px 28px 60px!important;min-height:0!important;position:relative;overflow:hidden!important;border-bottom:1px solid #e0e5d7}
#sg-hero .sg-hero-layout{max-width:1144px;margin:auto;display:grid;grid-template-columns:minmax(0,1.25fr) minmax(320px,.85fr);gap:56px;align-items:center}
#sg-hero .sg-kicker{display:flex;align-items:center;gap:9px;font-size:12px;font-weight:800;letter-spacing:.13em;color:#52705d}
#sg-hero .sg-kicker>span{height:7px;width:7px;border-radius:50%;background:#366f4e}
#sg-hero h1{color:#213c2d!important;-webkit-text-fill-color:#213c2d!important;background:none!important;font-size:clamp(34px,4.1vw,55px)!important;line-height:1.23!important;letter-spacing:-.06em!important;margin:25px 0!important;max-width:none!important;text-shadow:none!important;animation:none!important;opacity:1!important;transform:none!important;font-weight:800!important}
#sg-hero h1 em{font-style:normal;color:#47704f!important;-webkit-text-fill-color:#47704f!important}
#sg-hero .sg-hero-description{font-size:16px;line-height:1.9;color:#596b5d;margin:0 0 28px;word-break:keep-all}
#sg-hero .sg-hero-buttons{display:flex;gap:12px;flex-wrap:wrap}
#sg-hero .sg-hero-buttons a{display:inline-flex;align-items:center;justify-content:center;gap:25px;min-height:52px;padding:14px 20px;border-radius:9px;font-size:14px;font-weight:750;transition:background .15s}
#sg-hero .sg-action-main{background:#245d42;color:#fff}#sg-hero .sg-action-main:hover{background:#194b33}
#sg-hero .sg-action-secondary{background:#fff;color:#31523e;border:1px solid #cbd7c8}
#sg-hero .sg-hero-note{font-size:12px;line-height:1.75;color:#657762;margin:17px 0 0}
#sg-hero .sg-proof{display:flex;flex-wrap:wrap;gap:8px 18px;border-top:1px solid #dce3d3;margin-top:28px;padding-top:20px;font-size:12px;color:#5a715b}
#sg-hero .sg-decision{background:#fff;padding:28px;border:1px solid #dfe6d9;border-radius:20px;box-shadow:0 22px 45px #26402a09;position:relative}
#sg-hero .sg-decision-top{display:flex;align-items:center;justify-content:space-between;font-size:12px;letter-spacing:.12em;font-weight:800;color:#607755}
#sg-hero .sg-outline-dot{width:12px;height:12px;border:3px solid #a7bc92;border-radius:50%}
#sg-hero .sg-decision h2{font-size:30px!important;line-height:1.3!important;margin:24px 0 12px!important}
#sg-hero .sg-decision>p{font-size:12px;color:#65735e;line-height:1.7;margin-bottom:22px}
#sg-hero .sg-decision>a{display:flex;align-items:center;gap:14px;border-top:1px solid #e6ebdf;padding:20px 0;color:#304632}
#sg-hero .sg-step-no{color:#8a9c7b;font-size:12px;font-weight:700}
#sg-hero .sg-decision>a strong{font-size:14px;display:block;font-weight:750}
#sg-hero .sg-decision>a small{font-size:12px;display:block;margin-top:5px;color:#6b7964}
#sg-hero .sg-decision>a b{margin-left:auto;color:#7b946a;font-size:20px;font-weight:400}
#sg-hero .sg-decision>a:hover strong{color:#477b35;text-decoration:underline;text-underline-offset:4px}
#sg-hero .sg-decision-foot{display:flex;justify-content:space-between;gap:8px;border-radius:7px;background:#f1f5e9;padding:12px;font-size:12px;color:#61744f;margin-top:5px}
body section.sg-discover{padding:32px 28px 44px!important;margin:0 auto!important;background:transparent!important;max-width:1200px!important}
body .sg-discover-head h2{font-size:25px!important}body .sg-discover-card{box-shadow:none!important;border-radius:12px!important;padding:23px!important}
body #latest-guides{background:#fff!important;border-top:1px solid #e4e9df}
body #latest-guides .sg-lg-grid{gap:16px!important}body #latest-guides .sg-lg-card{padding:23px!important;min-height:250px!important;border-top:3px solid #b8c8a0!important}
body #latest-guides .sg-lg-card:nth-child(4n+2){border-top-color:#cbb599!important}body #latest-guides .sg-lg-card:nth-child(4n+3){border-top-color:#aac3c7!important}
body #latest-guides .sg-lg-card h3{font-size:18px!important;line-height:1.5!important;margin:6px 0!important}body #latest-guides .sg-lg-cat{font-size:12px!important;color:#4c6a42!important}
body #latest-guides .sg-lg-intro{font-size:14px!important;max-width:860px!important}body #latest-guides .sg-lg-date{color:#6a7863!important}
body #contact{background:#f5f7f2!important}body #contact .contact-shell{border:1px solid #dce4d8!important;border-radius:20px!important;box-shadow:none!important;background:#fff!important}
body #contact .contact-title{color:#213c2d!important;font-size:32px!important;line-height:1.4!important}body #contact .contact-form{background:#f7f9f3!important;border-color:#e0e7d8!important;border-radius:14px!important}
body #contact .contact-submit{background:#245d42!important;color:#fff!important;box-shadow:none!important}
body #evidence-cta{background:#153e32!important}body #evidence-cta h2{color:#fff!important;-webkit-text-fill-color:#fff!important}body #evidence-cta .eyebrow{color:#d5e8dd!important}
body #evidence-cta .btn.primary{background:#c8f5d8!important;color:#123b2b!important;-webkit-text-fill-color:#123b2b!important}body #evidence-cta .btn.ghost{background:transparent!important;color:#fff!important;-webkit-text-fill-color:#fff!important}
body .talktalk-floating{background:#245d42!important;color:#fff!important;box-shadow:0 4px 16px #123b2b20!important}
@media(max-width:1000px){#sg-hero .sg-hero-layout{gap:28px;grid-template-columns:minmax(0,1fr) minmax(300px,.8fr)}#sg-hero h1{font-size:40px!important}body .navlinks{gap:12px!important}}
@media(max-width:760px){#sg-hero{padding:44px 22px 34px!important}#sg-hero .sg-hero-layout{grid-template-columns:1fr;gap:30px}#sg-hero h1{font-size:37px!important}#sg-hero .sg-hero-description{font-size:15px}#sg-hero .sg-decision{padding:24px}#sg-hero .sg-decision h2{font-size:27px!important}#sg-hero .sg-decision h2 br{display:none}#sg-hero .sg-proof{gap:9px 15px;font-size:12px}body section{padding:42px 0!important}body .wrap{padding-left:20px!important;padding-right:20px!important}body h2{font-size:26px!important}body section.sg-discover{padding:28px 20px!important}body #latest-guides .sg-lg-card{min-height:0!important}body #contact .contact-title{font-size:26px!important}}
@media(max-width:390px){#sg-hero h1{font-size:32px!important}#sg-hero .sg-hero-buttons{display:grid;grid-template-columns:1fr;width:100%}#sg-hero .sg-hero-buttons a{min-height:48px}#sg-hero .sg-decision-foot{flex-direction:column}}
}

/* ---- block 19 ---- */

#latest-guides .sg-lg-intro{max-width:780px;margin:14px 0 0;line-height:1.8;color:var(--muted,#607080)}
#latest-guides .sg-lg-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-top:30px}
#latest-guides .sg-lg-card{display:flex;flex-direction:column;gap:8px;text-decoration:none;color:var(--ink,#0b1721);min-height:0;transition:transform .15s,border-color .15s}
#latest-guides .sg-lg-card:hover,#latest-guides .sg-lg-card:focus-visible{transform:translateY(-2px);border-color:var(--naver,#03c75a)}
#latest-guides .sg-lg-card h3{margin:0;font-size:17px;line-height:1.4}
#latest-guides .sg-lg-card p{margin:0;font-size:14px;line-height:1.65;color:var(--muted,#607080)}
#latest-guides .sg-lg-cat{font-size:12px;font-weight:800;color:var(--naver,#03c75a)}
#latest-guides .sg-lg-date{margin-top:auto;padding-top:8px;font-size:12px;color:var(--muted,#607080)}
@media(max-width:1000px){#latest-guides .sg-lg-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:620px){#latest-guides .sg-lg-grid{grid-template-columns:1fr}}
.sg-example-tag{display:inline-block;font-style:normal;font-size:12px;font-weight:800;letter-spacing:0;padding:2px 8px;border-radius:999px;background:#fff4dc;color:#8a5a00;border:1px solid #f1d39a;vertical-align:middle}
.sg-example-note{margin:18px 0 0;font-size:13px;line-height:1.6;color:var(--muted,#607080)}

/* ---- block 20 ---- */

#matzip-ranking .mjw-list{list-style:none;margin:30px 0 0;padding:0;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}
#matzip-ranking .mjw-card{display:flex;flex-direction:column;gap:4px;height:100%;padding:20px 22px;border:1px solid var(--line,#e5ebef);border-radius:18px;background:var(--card,#fff);color:var(--ink,#0b1721);text-decoration:none;transition:border-color .15s,transform .15s}
#matzip-ranking .mjw-card:hover,#matzip-ranking .mjw-card:focus-visible{border-color:var(--naver,#03c75a);transform:translateY(-2px)}
#matzip-ranking .mjw-meta{font-size:12px;color:var(--muted,#607080)}
#matzip-ranking .mjw-title{font-size:17px;line-height:1.35}
#matzip-ranking .mjw-top{display:flex;flex-direction:column;margin-top:6px;font-size:14px;line-height:1.6}
#matzip-ranking .mjw-top span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#matzip-ranking .mjw-date{margin-top:auto;padding-top:10px;font-size:12px;color:var(--muted,#607080)}
#matzip-ranking .mjw-fallback{margin:30px 0 0;padding:20px 22px;border:1px dashed var(--line,#e5ebef);border-radius:18px;color:var(--muted,#607080)}
#matzip-ranking .mjw-fallback a{color:var(--ink,#0b1721)}

/* ---- block 21 ---- */

.sg-linkhub{padding:46px 18px;background:#f6f8fb;border-top:1px solid #e5e9ef;border-bottom:1px solid #e5e9ef;color:#182235}
.sg-linkhub *{box-sizing:border-box}
.sg-linkhub-inner{max-width:1120px;margin:0 auto}
.sg-linkhub-head span{font-size:12px;font-weight:900;letter-spacing:.12em;color:#54708e}
.sg-linkhub-head h2{margin:8px 0 7px;font-size:25px;line-height:1.25;letter-spacing:-.04em;color:#182235}
.sg-linkhub-head p{margin:0;color:#697588;font-size:14px}
.sg-linkhub-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:22px}
.sg-linkhub-grid a{display:block;padding:17px 18px;border:1px solid #e1e6ec;border-radius:14px;background:#fff;text-decoration:none!important;color:#182235!important;transition:.18s ease}
.sg-linkhub-grid a:hover{transform:translateY(-2px);border-color:#cbd6e2;box-shadow:0 8px 22px rgba(22,39,59,.06)}
.sg-linkhub-grid b{display:block;font-size:14px;margin-bottom:5px}
.sg-linkhub-grid span{display:block;color:#778295;font-size:12px;line-height:1.55}
@media(max-width:760px){.sg-linkhub-grid{grid-template-columns:1fr}.sg-linkhub-head h2{font-size:22px}}

/* ---- phase2 additions ---- */
.live-result-wait{display:none!important}
.sg-cta-row{display:flex;gap:12px;flex-wrap:wrap;justify-content:center;padding:22px 20px;max-width:1200px;margin:0 auto}
.sg-cta-row a{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:52px;padding:14px 22px;border-radius:9px;font-size:15px;font-weight:750;text-decoration:none;transition:background .15s}
.sg-cta-row .sg-action-main{background:#245d42;color:#fff}
.sg-cta-row .sg-action-main:hover{background:#194b33}
.sg-cta-row .sg-action-secondary{background:#fff;color:#31523e;border:1px solid #cbd7c8}
@media(max-width:600px){.sg-cta-row{display:grid;grid-template-columns:1fr 1fr;padding:16px}.sg-cta-row a{min-height:48px;padding:12px;font-size:14px}}