:root{
    --teal:#09a7a7;
    --teal-dark:#078f92;
    --navy:#002f64;
    --navy-2:#061b3d;
    --ink:#101828;
    --muted:#667085;
    --line:#e6ebf2;
    --soft:#f5f8fb;
    --card:#ffffff;
    --shadow:0 22px 70px rgba(16,24,40,.10);
    --radius:28px;
    --max:1180px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}

/* 공통 common.css의 전역 `* { font-size:10px; ... }` 리셋이 이 페이지 자체 콘텐츠의 상속 기반
   폰트 크기를 깨뜨리는 것을 방지한다 (예: h1 내부 <strong>, 버튼/작은 텍스트 등 명시적 font-size가
   없는 요소). 실제 공용 헤더/푸터는 10px 루트 기준 rem 단위를 쓰므로 html/body는 건드리지 않고,
   이 페이지 콘텐츠 영역(main, 신청 모달)에만 16px 기준을 되돌려 적용한다. */
#main{font-size:16px}
.np-modal-backdrop{font-size:16px}
/* :where()로 감싸 특이도를 0으로 만든다 — h1/.eyebrow 등 이 페이지가 이미 명시적으로
   font-size를 지정한 요소는 그 값이 그대로 이기고, 지정하지 않은 요소만 부모로부터 상속받는다. */
:where(#main) *,:where(.np-modal-backdrop) *{font-size:inherit}
/* common.css가 `scroll-behavior:initial !important`로 앵커 스무스 스크롤을 무력화하므로 재적용 */
html{scroll-behavior:smooth !important}
body{margin:0;font-family:Pretendard,-apple-system,BlinkMacSystemFont,"Apple SD Gothic Neo","Noto Sans KR","Segoe UI",sans-serif;color:var(--ink);background:#fff;word-break:keep-all;overflow-x:hidden}
a{color:inherit;text-decoration:none}
img{display:block;max-width:100%}
button,input,select,textarea{font:inherit}
.np-container{width:min(var(--max),calc(100% - 48px));margin:0 auto}
.skip-link{position:absolute;left:-999px;top:auto;width:1px;height:1px;overflow:hidden}.skip-link:focus{left:16px;top:16px;width:auto;height:auto;padding:10px;background:#fff;z-index:1000}
.site-header{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.86);border-bottom:1px solid rgba(230,235,242,.88);backdrop-filter:saturate(180%) blur(18px)}
.header-inner{height:78px;display:flex;align-items:center;gap:34px}.brand img{width:96px;height:auto}.desktop-nav{display:flex;align-items:center;gap:24px;flex:1}.nav-group{position:relative}.nav-title,.np-nav-link{border:0;background:transparent;font-weight:700;font-size:15px;color:#2f3d52;cursor:pointer;padding:28px 0}.nav-title:after{content:"";display:inline-block;width:6px;height:6px;border-right:1.5px solid #8492a6;border-bottom:1.5px solid #8492a6;transform:rotate(45deg);margin-left:8px;margin-bottom:3px}.nav-dropdown{display:none;position:absolute;top:64px;left:-18px;min-width:210px;background:#fff;border:1px solid var(--line);border-radius:18px;padding:10px;box-shadow:0 18px 50px rgba(16,24,40,.10)}.nav-group:hover .nav-dropdown{display:block}.nav-dropdown a{display:block;padding:12px 14px;border-radius:12px;color:#445166;font-size:14px}.nav-dropdown a:hover{background:#f4f8fb;color:var(--teal-dark)}
.header-actions{margin-left:auto;display:flex;align-items:center;gap:14px}.login-link{font-size:15px;font-weight:700;color:#344054}.header-user{display:flex;align-items:center;gap:14px}.header-user em{font-style:normal;font-weight:800;font-size:14px;color:var(--navy);white-space:nowrap}.hamburger{display:none;width:42px;height:42px;border:0;background:#f5f8fb;border-radius:14px;padding:11px}.hamburger span{display:block;height:2px;background:#182230;border-radius:2px;margin:5px 0}.mobile-panel{display:none;border-top:1px solid var(--line);padding:12px 24px 22px;background:#fff}.mobile-panel a{display:block;padding:14px 0;font-weight:700;color:#344054}.mobile-panel .np-btn{text-align:center;margin-top:10px}
.np-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:999px;border:1px solid transparent;padding:14px 22px;font-weight:800;cursor:pointer;transition:.22s ease;white-space:nowrap}.np-btn-primary{background:linear-gradient(135deg,var(--teal),#0bc3bc);color:#fff;box-shadow:0 14px 28px rgba(9,167,167,.25)}.np-btn-primary:hover{transform:translateY(-2px);box-shadow:0 18px 36px rgba(9,167,167,.32)}.btn-outline{background:#fff;color:var(--navy);border-color:#b6c7e5}.btn-outline:hover{border-color:var(--teal);color:var(--teal-dark);transform:translateY(-2px)}.btn-small{padding:11px 18px;font-size:14px}.np-btn-lg{min-height:56px;padding:16px 26px}.np-btn.light{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.35);color:#fff}
.np-section{padding:104px 0}.soft-bg{background:linear-gradient(180deg,#f7fafc 0%,#fff 100%)}.section-head{text-align:center;max-width:760px;margin:0 auto 46px}.section-head.align-left{text-align:left;margin:0}.eyebrow{margin:0 0 12px;font-size:13px;letter-spacing:.14em;font-weight:900;color:var(--teal-dark)}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(44px,5vw,72px);line-height:1.12;letter-spacing:-.055em;margin-bottom:24px}h1 strong,h2 strong{color:var(--teal);font-style:normal}h2{font-size:clamp(31px,3.4vw,48px);line-height:1.18;letter-spacing:-.04em;margin-bottom:18px}h3{font-size:20px;line-height:1.35;letter-spacing:-.025em}.section-head p:not(.eyebrow),.hero-lead{color:var(--muted);font-size:18px;line-height:1.75}.section-glow{position:relative;overflow:hidden;background:radial-gradient(circle at 74% 14%,rgba(9,167,167,.12),transparent 32%),linear-gradient(180deg,#fbfdff 0%,#fff 76%)}.hero{padding:94px 0 56px}.hero-grid{display:grid;grid-template-columns:minmax(0,1.06fr) minmax(380px,.94fr);gap:58px;align-items:center}.partner-lockup{display:flex;align-items:center;gap:18px;margin-bottom:20px}.nicepay-logo{width:156px}.finber-word{width:114px}.partner-lockup span{color:#98a2b3;font-size:26px}.np-badge{display:inline-flex;align-items:center;gap:9px;border:1px solid rgba(9,167,167,.20);background:#fff;border-radius:999px;padding:10px 14px;font-size:14px;font-weight:900;color:#176b74;margin-bottom:22px}.np-badge span{width:8px;height:8px;border-radius:50%;background:var(--teal);box-shadow:0 0 0 6px rgba(9,167,167,.12)}.hero-cta{display:flex;gap:14px;flex-wrap:wrap;margin:32px 0 18px}.micro-trust{color:#4b5a70;font-size:16px}.hero-visual{position:relative;min-height:480px}.glass-card{position:absolute;inset:52px 48px 64px 30px;border:1px solid rgba(255,255,255,.7);background:linear-gradient(145deg,rgba(255,255,255,.82),rgba(238,249,252,.7));border-radius:38px;box-shadow:var(--shadow);backdrop-filter:blur(20px);transform:perspective(900px) rotateY(-8deg) rotateX(4deg)}.chart-top{position:absolute;left:42px;top:40px}.chart-top span{display:block;font-size:34px;font-weight:900;letter-spacing:-.04em}.chart-top em{font-style:normal;color:var(--teal);font-weight:900}.bars{position:absolute;left:76px;right:74px;bottom:62px;height:210px;display:flex;align-items:end;gap:22px}.bars i{display:block;flex:1;border-radius:18px 18px 8px 8px;background:linear-gradient(180deg,#54d7d3,var(--teal));box-shadow:0 12px 26px rgba(9,167,167,.25)}.bars i:nth-child(1){height:36%}.bars i:nth-child(2){height:50%}.bars i:nth-child(3){height:72%}.bars i:nth-child(4){height:96%}.arrow-line{position:absolute;left:80px;right:90px;bottom:248px;height:80px;border-top:6px solid var(--teal);border-right:6px solid var(--teal);border-radius:0 58px 0 0;transform:rotate(-8deg);opacity:.9}.floating-card{position:absolute;background:#fff;border:1px solid var(--line);border-radius:20px;padding:16px 18px;box-shadow:0 20px 48px rgba(16,24,40,.12);font-weight:800;color:#344054}.floating-card b{color:var(--teal);display:block;font-size:28px}.float-a{right:0;top:50px}.float-b{left:0;bottom:26px}.orb{position:absolute;border-radius:50%;filter:blur(.2px);opacity:.68}.orb-1{width:82px;height:82px;background:#dcf7f5;right:64px;bottom:84px}.orb-2{width:44px;height:44px;background:#dbeafe;left:34px;top:44px}.summary-card{margin-top:42px;background:#fff;border:1px solid var(--line);border-radius:30px;box-shadow:0 22px 70px rgba(16,24,40,.08);display:grid;grid-template-columns:repeat(6,1fr);padding:20px}.summary-card div{padding:18px 14px;border-right:1px solid #edf1f6;text-align:center}.summary-card div:last-child{border-right:0}.summary-card .icon{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:16px;background:#effafb;color:var(--teal);font-weight:900;margin:0 auto 12px}.summary-card b{display:block;font-size:15px}.summary-card small{display:block;color:#667085;font-weight:700;margin-top:4px}.audience-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.target-card,.benefit-card,.process-grid li,.dashboard,.accordion details{background:#fff;border:1px solid var(--line);border-radius:var(--radius);box-shadow:0 12px 36px rgba(16,24,40,.06)}.target-card{padding:34px;transition:.22s}.target-card:hover{transform:translateY(-5px);box-shadow:var(--shadow)}.target-icon{width:64px;height:64px;border-radius:22px;background:#eefbfb;display:grid;place-items:center;font-size:30px;margin-bottom:22px}.target-card p,.benefit-card p,.process-grid p,.report-copy p,.accordion p,.fee-left p{color:var(--muted);line-height:1.7}.benefit-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.benefit-card{min-height:230px;padding:32px;position:relative;overflow:hidden}.benefit-card span{display:inline-grid;place-items:center;width:42px;height:42px;border-radius:15px;background:#eef4ff;color:var(--navy);font-weight:900;margin-bottom:24px}.benefit-card.featured{background:linear-gradient(145deg,#ffffff,#f0fffe);border-color:rgba(9,167,167,.28)}.benefit-card.featured:after{content:"50만원";position:absolute;right:24px;top:24px;background:var(--teal);color:#fff;border-radius:999px;padding:10px 14px;font-weight:900}.fee-panel{display:grid;grid-template-columns:1fr .92fr;gap:40px;align-items:center;padding:52px;border-radius:36px;background:linear-gradient(135deg,#eefdff 0%,#f8fffe 48%,#f2f7ff 100%);border:1px solid #cfefef;box-shadow:0 24px 70px rgba(9,167,167,.10)}.fee-panel h2 strong{display:block;font-size:clamp(44px,5.4vw,70px);letter-spacing:-.05em}.fee-checks{display:grid;gap:16px}.fee-checks div{background:#fff;border:1px solid #d8eef0;border-radius:22px;padding:22px 24px}.fee-checks b{display:block;font-size:18px;margin-bottom:6px}.fee-checks b:before{content:"✓";display:inline-grid;place-items:center;width:24px;height:24px;margin-right:9px;border-radius:50%;background:rgba(9,167,167,.1);color:var(--teal)}.fee-checks span{color:#667085;line-height:1.6}.process-grid{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(4,1fr);gap:22px}.process-grid li{padding:30px;position:relative}.process-grid span{display:inline-grid;place-items:center;width:52px;height:52px;border-radius:18px;background:#eef4ff;color:var(--navy);font-weight:900;margin-bottom:22px}.process-grid li:not(:last-child):after{content:"";position:absolute;right:-18px;top:50%;width:14px;height:14px;border-right:2px solid #b9c7dc;border-bottom:2px solid #b9c7dc;transform:translateY(-50%) rotate(-45deg)}.report-grid{display:grid;grid-template-columns:.82fr 1.18fr;gap:42px;align-items:center}.dashboard{padding:28px;background:#fff}.dash-header{display:flex;gap:8px;margin-bottom:26px}.dash-header span{width:10px;height:10px;border-radius:50%;background:#d0d5dd}.line-chart{height:250px;border-radius:24px;background:linear-gradient(180deg,#f6fbff,#fff);display:flex;align-items:end;gap:14px;padding:24px}.line-chart i{flex:1;border-radius:12px 12px 4px 4px;background:linear-gradient(180deg,#52d4d1,var(--teal))}.line-chart i:nth-child(1){height:36%}.line-chart i:nth-child(2){height:56%}.line-chart i:nth-child(3){height:44%}.line-chart i:nth-child(4){height:76%}.line-chart i:nth-child(5){height:92%}.dash-bottom{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:18px}.dash-bottom div{height:82px;border-radius:20px;background:#f3f7fb;border:1px solid #e8edf4}.faq-grid{display:grid;grid-template-columns:.7fr 1.3fr;gap:50px}.accordion{display:grid;gap:14px}.accordion details{padding:0;overflow:hidden}.accordion summary{cursor:pointer;padding:24px 28px;font-weight:900;list-style:none}.accordion summary::-webkit-details-marker{display:none}.accordion summary:after{content:"+";float:right;color:var(--teal);font-size:24px;line-height:1}.accordion details[open] summary:after{content:"−"}.accordion p{padding:0 28px 24px;margin:0}.final-cta{padding-top:40px}.cta-panel{display:grid;grid-template-columns:1fr auto;gap:30px;align-items:center;padding:52px;border-radius:36px;background:linear-gradient(135deg,var(--navy-2),#063b75);color:#fff;box-shadow:0 28px 80px rgba(0,47,100,.22);position:relative;overflow:hidden}.cta-panel:after{content:"";position:absolute;right:-80px;top:-120px;width:280px;height:280px;border-radius:50%;background:rgba(9,167,167,.22)}.cta-panel p{color:rgba(255,255,255,.78)}.cta-actions{display:flex;gap:14px;position:relative;z-index:1}.site-footer{background:#101828;color:#d0d5dd;padding:54px 0 60px}.footer-inner{display:grid;grid-template-columns:1.4fr 1fr;gap:26px}.footer-inner strong{display:block;color:#fff;margin-bottom:12px}.footer-inner p{margin:0 0 8px;font-size:14px;line-height:1.65}.footer-links{grid-column:1/-1;display:flex;gap:18px;flex-wrap:wrap;padding-top:16px;border-top:1px solid rgba(255,255,255,.1)}.footer-links a{font-size:14px;color:#e6eaf0}.np-copyright{grid-column:1/-1;color:#98a2b3}.np-modal-backdrop{position:fixed;inset:0;background:rgba(4,11,28,.62);display:none;align-items:center;justify-content:center;padding:24px;z-index:100;backdrop-filter:blur(8px)}.np-modal-backdrop.is-open{display:flex}.np-modal{width:min(760px,100%);max-height:92vh;overflow:auto;background:#fff;border-radius:32px;box-shadow:0 32px 120px rgba(0,0,0,.28);position:relative;padding:34px}.modal-close{position:absolute;right:22px;top:18px;width:42px;height:42px;border:0;border-radius:50%;background:#f2f4f7;font-size:26px;cursor:pointer}.modal-head{padding-right:42px}.modal-head h2{font-size:34px}.consult-form{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin-top:24px}.consult-form label{display:grid;gap:8px;font-size:14px;font-weight:800;color:#344054}.consult-form input,.consult-form select,.consult-form textarea{width:100%;border:1px solid #d0d5dd;border-radius:14px;padding:14px 15px;background:#fff;color:#101828}.consult-form input:focus,.consult-form select:focus,.consult-form textarea:focus{outline:3px solid rgba(9,167,167,.18);border-color:var(--teal)}.wide{grid-column:1/-1}.form-agree{display:flex!important;align-items:center;gap:10px}.form-agree input{width:18px}.form-agree label{display:block;font-weight:700;color:#475467}.form-note{font-size:13px;color:#667085;margin:0}.consult-form .is-hidden{display:none!important}.agree-hint{display:block;margin-top:4px;font-weight:600;color:#8a94a6;font-size:12px}.reveal{opacity:0;transform:translateY(26px);transition:opacity .68s ease, transform .68s ease}.reveal.is-visible{opacity:1;transform:translateY(0)}
@media (max-width:1080px){.desktop-nav,.login-link,.header-user{display:none}.hamburger{display:block}.header-inner{height:68px}.mobile-panel.is-open{display:block}.hero-grid,.fee-panel,.report-grid,.faq-grid{grid-template-columns:1fr}.hero-visual{min-height:360px;order:-1}.glass-card{inset:20px 80px 40px}.summary-card{grid-template-columns:repeat(3,1fr)}.summary-card div:nth-child(3){border-right:0}.summary-card div:nth-child(n+4){border-top:1px solid #edf1f6}.benefit-grid{grid-template-columns:repeat(2,1fr)}.process-grid{grid-template-columns:repeat(2,1fr)}.process-grid li:after{display:none}.cta-panel{grid-template-columns:1fr}.footer-inner{grid-template-columns:1fr}}
@media (max-width:720px){.np-container{width:min(100% - 32px,var(--max))}.np-section{padding:72px 0}.hero{padding:54px 0 38px}h1{font-size:38px}h2{font-size:31px}.hero-grid{gap:24px}.hero-visual{min-height:320px}.glass-card{inset:16px 12px 38px}.bars{height:150px;left:42px;right:42px;gap:12px}.arrow-line{left:50px;right:58px;bottom:196px}.float-a{right:4px;top:18px}.float-b{left:8px;bottom:8px}.partner-lockup{gap:12px}.nicepay-logo{width:126px}.finber-word{width:94px}.hero-cta,.cta-actions{display:grid;width:100%}.np-btn{width:100%}.summary-card{grid-template-columns:repeat(2,1fr);padding:12px}.summary-card div{padding:16px 8px}.summary-card div:nth-child(3){border-right:1px solid #edf1f6}.summary-card div:nth-child(2n){border-right:0}.summary-card div:nth-child(n+3){border-top:1px solid #edf1f6}.audience-grid,.benefit-grid,.process-grid{grid-template-columns:1fr}.target-card,.benefit-card{padding:26px}.fee-panel{padding:30px}.fee-panel h2 strong{font-size:46px}.cta-panel{padding:34px 24px}.consult-form{grid-template-columns:1fr}.np-modal{padding:28px 20px;border-radius:24px}.site-footer{padding:42px 0}.header-actions .btn-small{display:none}}

/* 2026-07-15 update: CTA 통합 및 공식 NICE Pay 로고 최적화 */
.single-cta .np-btn { min-width: 260px; }
.header-actions button.np-btn { border: 0; cursor: pointer; }
.partner-lockup .nicepay-logo, .brand-strip .nicepay-logo { object-fit: contain; }
@media (max-width:720px){ .single-cta .np-btn{ min-width: 0; } }

/* 2026-07-15 refinement: hero image 교체, 리포트 고도화, 반응형 순서 및 인터랙션 강화 */
.scroll-progress{position:fixed;left:0;right:0;top:0;height:3px;z-index:120;background:transparent}.scroll-progress span{display:block;width:0;height:100%;background:linear-gradient(90deg,var(--teal),#2f80ed);box-shadow:0 0 18px rgba(9,167,167,.45)}
.site-header{backdrop-filter:saturate(180%) blur(18px)}
.np-btn{position:relative;overflow:hidden;transition:transform .22s ease, box-shadow .22s ease, border-color .22s ease, background .22s ease}.np-btn:after{content:"";position:absolute;inset:-70% -35%;background:linear-gradient(120deg,transparent 35%,rgba(255,255,255,.38),transparent 65%);transform:translateX(-110%) rotate(12deg);transition:transform .72s ease}.np-btn:hover{transform:translateY(-3px)}.np-btn:hover:after{transform:translateX(110%) rotate(12deg)}
.hero{overflow:hidden}.hero:before{animation:driftGlow 9s ease-in-out infinite alternate}.hero-copy .np-badge{animation:fadeSlide .75s ease both .05s}.partner-lockup{animation:fadeSlide .75s ease both}.hero-copy h1{animation:fadeSlide .75s ease both .12s}.hero-lead,.hero-cta,.micro-trust{animation:fadeSlide .75s ease both .2s}.summary-card{position:relative;overflow:hidden}.summary-card:before{content:"";position:absolute;left:-30%;top:0;width:28%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.52),transparent);transform:skewX(-16deg);animation:summarySweep 6s ease-in-out infinite}.summary-card div{transition:background .22s ease, transform .22s ease}.summary-card div:hover{background:#f8fffe;transform:translateY(-4px)}
.hero-visual{isolation:isolate;perspective:1100px}.hero-art-card{position:absolute;inset:10px 6px 22px;border-radius:38px;background:radial-gradient(circle at 30% 25%,rgba(255,255,255,.96),rgba(255,255,255,.62) 62%,rgba(233,250,251,.78));border:1px solid rgba(213,225,235,.78);box-shadow:0 34px 110px rgba(14,43,82,.12), inset 0 1px 0 rgba(255,255,255,.88);display:grid;place-items:center;overflow:hidden;transform:rotateY(-7deg) rotateX(3deg);animation:heroFloat 5.8s ease-in-out infinite}.hero-art-card:before{content:"";position:absolute;width:360px;height:360px;right:-120px;top:-140px;background:radial-gradient(circle,rgba(9,167,167,.22),transparent 68%)}.hero-art-card:after{content:"";position:absolute;width:220px;height:220px;left:-70px;bottom:-70px;background:radial-gradient(circle,rgba(47,128,237,.13),transparent 70%)}.hero-art-card img{width:min(92%,520px);height:auto;filter:drop-shadow(0 30px 48px rgba(8,31,61,.13));transform:translateY(3px);animation:imageLift 4.7s ease-in-out infinite alternate}.hero-shine{position:absolute;inset:0;background:linear-gradient(115deg,transparent 24%,rgba(255,255,255,.55) 40%,transparent 56%);transform:translateX(-70%);animation:shineMove 5.4s ease-in-out infinite;z-index:1;mix-blend-mode:screen;pointer-events:none}.floating-card{box-shadow:0 18px 40px rgba(6,48,91,.12);animation:floatBadge 4.6s ease-in-out infinite}.float-a{animation-delay:.25s}.float-b{animation-delay:.95s}.float-c{position:absolute;left:54%;top:28px;background:#fff;border:1px solid rgba(9,167,167,.18);border-radius:999px;padding:12px 17px;font-weight:900;color:var(--navy);z-index:5;box-shadow:0 18px 40px rgba(6,48,91,.10);animation-delay:1.35s}.target-card,.benefit-card,.process-grid li,.accordion details,.dashboard{transition:transform .24s ease, box-shadow .24s ease, border-color .24s ease}.target-card:hover,.benefit-card:hover,.process-grid li:hover,.accordion details:hover{transform:translateY(-7px);box-shadow:0 24px 60px rgba(10,38,80,.09);border-color:rgba(9,167,167,.22)}
.report-dashboard{padding:26px;border-radius:32px;background:linear-gradient(145deg,#ffffff,#f7fbff);border:1px solid #dfeaf5;box-shadow:0 30px 90px rgba(8,31,61,.11);position:relative;overflow:hidden}.report-dashboard:before{content:"";position:absolute;right:-110px;top:-120px;width:260px;height:260px;border-radius:50%;background:rgba(9,167,167,.11)}.dash-topbar{display:flex;justify-content:space-between;gap:18px;align-items:flex-start;margin-bottom:20px;position:relative;z-index:1}.dash-topbar strong{display:block;font-size:20px;letter-spacing:-.02em}.dash-topbar span{display:block;color:#667085;font-size:13px;margin-top:4px}.dash-topbar em{font-style:normal;color:#0a6e75;background:#e9fbfb;border:1px solid #cceeee;padding:9px 12px;border-radius:999px;font-weight:900;font-size:12px;white-space:nowrap}.kpi-row{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:18px;position:relative;z-index:1}.kpi-row div{background:#fff;border:1px solid #e4edf6;border-radius:18px;padding:16px}.kpi-row span,.kpi-row small{display:block;color:#667085;font-size:12px}.kpi-row b{display:block;color:#061426;font-size:26px;letter-spacing:-.04em;margin:5px 0}.chart-panel{background:#fff;border:1px solid #e4edf6;border-radius:24px;padding:20px;margin-bottom:16px;position:relative;z-index:1}.chart-caption{display:flex;justify-content:space-between;gap:14px;margin-bottom:10px}.chart-caption span{color:#98a2b3;font-size:13px}.trend-chart{width:100%;height:auto;display:block}.trend-chart .area{fill:url(#chartFill)}.trend-chart .line{fill:none;stroke:var(--teal);stroke-width:7;stroke-linecap:round;filter:drop-shadow(0 8px 8px rgba(9,167,167,.14));stroke-dasharray:900;stroke-dashoffset:900;animation:drawLine 1.8s ease forwards}.trend-chart .dots circle{r:7;fill:#fff;stroke:var(--teal);stroke-width:5;opacity:0;animation:dotPop .55s ease forwards}.trend-chart .dots circle:nth-child(2){animation-delay:.28s}.trend-chart .dots circle:nth-child(3){animation-delay:.48s}.trend-chart .dots circle:nth-child(4){animation-delay:.68s}.trend-chart .dots circle:nth-child(5){animation-delay:.88s}.insight-grid{display:grid;grid-template-columns:1.15fr .85fr .9fr;gap:12px;position:relative;z-index:1}.insight-grid>div{min-height:130px;background:#fff;border:1px solid #e4edf6;border-radius:22px;padding:17px}.rank-card p{margin:9px 0 18px;color:#667085;font-size:14px}.rank-card span{display:block;height:12px;border-radius:999px;background:linear-gradient(90deg,var(--teal) 68%,#e6edf5 68%)}.donut-card .donut{width:76px;height:76px;border-radius:50%;margin:14px auto 0;background:conic-gradient(var(--teal) 0 32%,#265caa 32% 67%,#e7eef7 67%);display:grid;place-items:center}.donut-card .donut:before{content:"";position:absolute}.donut-card .donut span{display:grid;place-items:center;width:48px;height:48px;border-radius:50%;background:#fff;font-weight:900;color:var(--navy)}.mini-bars{display:flex;align-items:end;gap:9px}.mini-bars b{position:absolute;align-self:flex-start}.mini-bars i{flex:1;border-radius:9px 9px 4px 4px;background:linear-gradient(180deg,#5cdfda,var(--teal));animation:barPulse 3.5s ease-in-out infinite}.mini-bars i:nth-of-type(2){animation-delay:.2s}.mini-bars i:nth-of-type(3){animation-delay:.4s}.mini-bars i:nth-of-type(4){animation-delay:.6s}
@keyframes fadeSlide{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@keyframes driftGlow{from{transform:translate3d(0,0,0)}to{transform:translate3d(-30px,24px,0)}}@keyframes summarySweep{0%,46%{left:-32%}62%,100%{left:115%}}@keyframes heroFloat{0%,100%{transform:rotateY(-7deg) rotateX(3deg) translateY(0)}50%{transform:rotateY(-4deg) rotateX(5deg) translateY(-14px)}}@keyframes imageLift{from{transform:translateY(8px) scale(.985)}to{transform:translateY(-6px) scale(1.015)}}@keyframes shineMove{0%,46%{transform:translateX(-90%)}70%,100%{transform:translateX(90%)}}@keyframes floatBadge{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes drawLine{to{stroke-dashoffset:0}}@keyframes dotPop{from{opacity:0;transform:scale(.4)}to{opacity:1;transform:scale(1)}}@keyframes barPulse{0%,100%{filter:saturate(1);transform:scaleY(1)}50%{filter:saturate(1.25);transform:scaleY(1.06)}}
@media (max-width:1080px){.hero-grid{grid-template-columns:1fr}.hero-copy{order:1}.hero-visual{order:2;min-height:430px}.hero-art-card{inset:18px 42px 18px;transform:none}.float-c{left:46%;top:16px}.report-grid{grid-template-columns:1fr}.insight-grid{grid-template-columns:repeat(3,1fr)}}
@media (max-width:720px){.hero-copy{order:1}.hero-visual{order:2;min-height:300px;margin-top:10px}.hero-art-card{inset:0 0 10px;border-radius:26px}.hero-art-card img{width:94%}.float-a{right:6px;top:16px}.float-b{left:10px;bottom:6px}.float-c{display:none}.kpi-row,.insight-grid{grid-template-columns:1fr}.dash-topbar{display:block}.dash-topbar em{display:inline-block;margin-top:12px}.chart-panel{padding:14px}.report-dashboard{padding:18px;border-radius:24px}.trend-chart{min-height:180px}.summary-card:before{display:none}}
@media (prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.reveal{opacity:1!important;transform:none!important}}


/* === v3 hero refinements === */
.section-glow{
    background:
            radial-gradient(circle at 84% 11%, rgba(9,167,167,.12), transparent 28%),
            radial-gradient(circle at 68% 22%, rgba(0,47,100,.06), transparent 30%),
            linear-gradient(90deg,#ffffff 0%,#f7fbfd 54%,#edf9f9 100%);
}
.hero{padding:98px 0 60px}
.hero-grid{grid-template-columns:minmax(0,1.02fr) minmax(420px,.98fr);gap:44px;align-items:center}
.hero-copy{position:relative;z-index:2}
.hero-copy h1{max-width:9.8ch;letter-spacing:-.06em;line-height:1.06;margin-bottom:24px}
.hero-lead{max-width:670px;font-size:17px}
.hero-cta{margin:30px 0 18px}
.hero-visual{position:relative;min-height:520px;isolation:isolate}
.hero-aura{position:absolute;inset:30px 12px 12px 40px;background:radial-gradient(circle at 38% 34%, rgba(255,255,255,.96), rgba(246,251,253,.93) 42%, rgba(225,244,244,.86) 78%, rgba(205,238,238,.82));border-radius:54px;box-shadow:0 30px 80px rgba(16,24,40,.08);}
.hero-aura:before{content:"";position:absolute;inset:-14px 24px 60px 120px;background:linear-gradient(135deg, rgba(255,255,255,.1), rgba(9,167,167,.16));filter:blur(18px);border-radius:48px;z-index:-1}
.hero-frame{position:absolute;inset:64px 58px 54px 74px;border-radius:42px;background:linear-gradient(180deg,rgba(255,255,255,.92),rgba(245,251,252,.94));border:1px solid rgba(255,255,255,.8);box-shadow:0 34px 80px rgba(13,34,66,.12), inset 0 1px 0 rgba(255,255,255,.9);display:flex;align-items:center;justify-content:center;overflow:hidden;backdrop-filter:blur(16px);transform:translateZ(0)}
.hero-frame:before{content:"";position:absolute;left:28px;top:26px;width:26px;height:26px;background:#dfeafe;border-radius:50%;box-shadow:0 0 0 18px rgba(223,234,254,.16)}
.hero-frame:after{content:"";position:absolute;right:28px;bottom:24px;width:98px;height:98px;background:rgba(210,243,241,.78);border-radius:50%;filter:blur(.2px)}
.hero-illustration{position:relative;width:88%;height:auto;object-fit:contain;filter:drop-shadow(0 18px 30px rgba(14,30,57,.12));animation:heroFloat 6.5s ease-in-out infinite}
.floating-card{position:absolute;background:rgba(255,255,255,.98);border:1px solid #dbe8ef;border-radius:24px;padding:16px 18px;box-shadow:0 20px 48px rgba(16,24,40,.12);font-weight:800;color:#23324a;line-height:1.18;animation:floatCard 5.8s ease-in-out infinite}
.floating-card b{color:var(--teal);display:block;font-size:30px;line-height:1.05;margin-top:4px}
.float-a{top:58px;right:24px;animation-delay:.3s}
.float-b{left:18px;bottom:40px;animation-delay:1.2s}
.float-c{right:88px;top:22px;padding:14px 18px;border-radius:999px;color:var(--navy);font-weight:900;animation-delay:.9s}
.float-c b{display:inline;color:inherit;font-size:inherit;margin:0}
.spark{position:absolute;border-radius:999px;opacity:.72;pointer-events:none}
.spark-1{left:56px;top:102px;width:18px;height:18px;background:#dbeafe;box-shadow:0 0 0 12px rgba(219,234,254,.22)}
.spark-2{right:106px;bottom:120px;width:74px;height:74px;background:rgba(220,248,246,.76)}
.spark-3{left:96px;bottom:118px;width:12px;height:12px;background:#9be7e4;box-shadow:40px -16px 0 rgba(9,167,167,.16), 78px 12px 0 rgba(0,47,100,.08)}
.summary-card{margin-top:40px}
@keyframes heroFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}
@keyframes floatCard{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}
@media (max-width: 1180px){
    .hero-grid{grid-template-columns:1fr;gap:30px}
    .hero-copy h1{max-width:12ch}
    .hero-visual{min-height:480px;order:2}
    .hero-copy{order:1}
    .hero-aura{inset:16px 0 0}
    .hero-frame{inset:56px 42px 36px 42px}
    .float-c{right:92px;top:18px}
}
@media (max-width: 767px){
    .hero{padding:78px 0 42px}
    .hero-copy h1{max-width:none;font-size:clamp(38px,10.5vw,54px)}
    .partner-lockup{gap:12px;flex-wrap:wrap}
    .nicepay-logo{width:132px}
    .finber-word{width:106px}
    .partner-lockup span{font-size:22px}
    .hero-lead{font-size:16px;line-height:1.7}
    .hero-visual{min-height:372px}
    .hero-aura{inset:20px 0 0;border-radius:34px}
    .hero-frame{inset:52px 18px 24px 18px;border-radius:28px}
    .hero-illustration{width:90%}
    .floating-card{padding:12px 14px;border-radius:18px;font-size:14px}
    .floating-card b{font-size:24px}
    .float-a{top:30px;right:8px}
    .float-b{left:8px;bottom:2px}
    .float-c{left:50%;right:auto;transform:translateX(-50%);top:4px;padding:10px 14px;white-space:nowrap}
    .spark-1{left:14px;top:64px}
    .spark-2{right:18px;bottom:56px;width:54px;height:54px}
    .spark-3{left:40px;bottom:68px}
}


/* === v4 hero refinements: vector-style 3D illustration, no raster hero image === */
.section-glow{
    background:
            radial-gradient(circle at 86% 12%, rgba(9,167,167,.13), transparent 28%),
            radial-gradient(circle at 65% 28%, rgba(0,47,100,.05), transparent 34%),
            linear-gradient(90deg,#ffffff 0%,#f8fbfd 55%,#eefafa 100%);
}
.hero{padding:100px 0 64px}
.hero-grid{grid-template-columns:minmax(0,1.03fr) minmax(430px,.97fr);gap:48px;align-items:center}
.hero-copy{position:relative;z-index:2}
.hero-copy h1{
    max-width:700px;
    font-size:clamp(52px,5.2vw,74px);
    line-height:1.13;
    letter-spacing:-.058em;
    margin-bottom:24px;
}
.hero-copy h1 strong{color:var(--teal)}
.hero-lead{max-width:690px;font-size:18px}
.hero-visual{position:relative;min-height:520px;isolation:isolate}
.hero-aura{
    position:absolute;inset:32px 6px 8px 44px;
    background:
            radial-gradient(circle at 42% 38%, rgba(255,255,255,.96), rgba(250,253,254,.92) 42%, rgba(229,247,247,.82) 74%, rgba(211,241,241,.78));
    border-radius:56px;
    box-shadow:0 34px 90px rgba(13,34,66,.09);
}
.hero-aura:before{
    content:"";position:absolute;inset:-18px 28px 50px 128px;
    background:linear-gradient(135deg, rgba(255,255,255,.18), rgba(9,167,167,.16));
    filter:blur(22px);border-radius:50px;z-index:-1
}
.hero-frame{
    position:absolute;inset:62px 48px 54px 58px;border-radius:44px;
    background:linear-gradient(180deg,rgba(255,255,255,.94),rgba(246,252,253,.94));
    border:1px solid rgba(255,255,255,.82);
    box-shadow:0 32px 86px rgba(13,34,66,.13), inset 0 1px 0 rgba(255,255,255,.94);
    overflow:hidden;backdrop-filter:blur(16px);transform:translateZ(0)
}
.hero-frame:before{
    content:"";position:absolute;left:30px;top:28px;width:24px;height:24px;background:#dfeafe;border-radius:50%;
    box-shadow:0 0 0 17px rgba(223,234,254,.17)
}
.settlement-art{
    position:absolute;inset:0;display:flex;align-items:center;justify-content:center;
    perspective:1100px;
}
.art-stage{
    position:relative;width:min(520px,88%);height:360px;
    transform:rotateX(6deg) rotateY(-8deg) translateY(6px);
    transform-style:preserve-3d;
    animation:heroFloat 6.4s ease-in-out infinite;
}
.art-panel{
    position:absolute;left:82px;top:28px;width:330px;height:240px;border-radius:28px;
    background:linear-gradient(145deg,rgba(255,255,255,.86),rgba(239,247,251,.72));
    border:1px solid rgba(196,214,226,.75);
    box-shadow:0 28px 62px rgba(25,52,82,.15), inset 0 1px 0 rgba(255,255,255,.92);
    backdrop-filter:blur(7px);
    overflow:hidden;
}
.art-panel:before{
    content:"";position:absolute;inset:0;background:
        linear-gradient(120deg,rgba(255,255,255,.9),transparent 38%),
        radial-gradient(circle at 78% 20%,rgba(9,167,167,.08),transparent 26%);
}
.art-logo{
    position:absolute;left:50%;top:34px;transform:translateX(-50%);
    text-align:center;font-weight:900;letter-spacing:-.04em;color:#111827;font-size:34px;line-height:1;
}
.art-logo span{display:block;color:var(--teal);font-size:18px;letter-spacing:-.03em;margin-top:8px}
.art-bars{position:absolute;left:74px;right:54px;bottom:48px;height:120px;display:flex;align-items:end;gap:14px}
.art-bars i{
    display:block;width:46px;border-radius:10px 10px 5px 5px;
    background:linear-gradient(180deg,#59d8d4 0%,#0aa9a9 100%);
    box-shadow:9px 8px 14px rgba(9,167,167,.19), inset 1px 1px 0 rgba(255,255,255,.35);
    animation:barRise .9s ease both;
}
.art-bars i:nth-child(1){height:46px;background:linear-gradient(180deg,#ffffff,#eef2f5);box-shadow:9px 8px 14px rgba(25,52,82,.08);animation-delay:.10s}
.art-bars i:nth-child(2){height:64px;background:linear-gradient(180deg,#ffffff,#eef2f5);box-shadow:9px 8px 14px rgba(25,52,82,.08);animation-delay:.18s}
.art-bars i:nth-child(3){height:88px;animation-delay:.26s}
.art-bars i:nth-child(4){height:118px;animation-delay:.34s}
.art-arrow{
    position:absolute;left:54px;top:100px;width:240px;height:94px;overflow:visible;
    filter:drop-shadow(0 7px 10px rgba(9,167,167,.18));
}
.art-base{
    position:absolute;left:48px;right:46px;bottom:22px;height:68px;border-radius:36px;
    background:linear-gradient(180deg,#ffffff,#e7eef3);
    border:1px solid rgba(210,222,231,.86);
    box-shadow:0 20px 40px rgba(25,52,82,.13);
    transform:translateZ(-18px) rotateX(58deg);
}
.art-coin{
    position:absolute;width:72px;height:72px;border-radius:50%;
    background:radial-gradient(circle at 32% 28%,#ffffff 0 18%,#eef1f4 42%,#cfd5dc 100%);
    border:1px solid rgba(186,195,204,.8);
    box-shadow:0 16px 30px rgba(13,34,66,.14), inset -5px -7px 16px rgba(138,147,158,.18);
    display:grid;place-items:center;color:#59616e;font-weight:900;font-size:30px;
    animation:coinFloat 5.7s ease-in-out infinite;
}
.art-coin:before{content:"₩";transform:rotate(-14deg)}
.coin-left{left:2px;top:130px;animation-delay:.6s}
.coin-right{right:0;top:86px;animation-delay:1.4s}
.art-glow{
    position:absolute;right:44px;bottom:50px;width:98px;height:98px;border-radius:50%;
    background:rgba(211,247,245,.76);
    filter:blur(.1px);
}
.floating-card{
    position:absolute;background:rgba(255,255,255,.98);border:1px solid #dbe8ef;border-radius:24px;padding:16px 18px;
    box-shadow:0 20px 48px rgba(16,24,40,.12);font-weight:800;color:#23324a;line-height:1.18;
    animation:floatCard 5.8s ease-in-out infinite;z-index:3
}
.floating-card b{color:var(--teal);display:block;font-size:30px;line-height:1.05;margin-top:4px}
.float-a{top:58px;right:24px;animation-delay:.3s}
.float-b{left:18px;bottom:40px;animation-delay:1.2s}
.float-c{right:86px;top:22px;padding:14px 18px;border-radius:999px;color:var(--navy);font-weight:900;animation-delay:.9s}
.spark{position:absolute;border-radius:999px;opacity:.72;pointer-events:none;z-index:2}
.spark-1{left:56px;top:102px;width:18px;height:18px;background:#dbeafe;box-shadow:0 0 0 12px rgba(219,234,254,.22)}
.spark-2{right:106px;bottom:120px;width:74px;height:74px;background:rgba(220,248,246,.76)}
.spark-3{left:96px;bottom:118px;width:12px;height:12px;background:#9be7e4;box-shadow:40px -16px 0 rgba(9,167,167,.16), 78px 12px 0 rgba(0,47,100,.08)}
@keyframes heroFloat{0%,100%{transform:rotateX(6deg) rotateY(-8deg) translateY(6px)}50%{transform:rotateX(6deg) rotateY(-8deg) translateY(-6px)}}
@keyframes floatCard{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}
@keyframes barRise{from{transform:scaleY(.35);opacity:.3;transform-origin:bottom}to{transform:scaleY(1);opacity:1;transform-origin:bottom}}
@keyframes coinFloat{0%,100%{transform:translateY(0) rotate(0deg)}50%{transform:translateY(-8px) rotate(3deg)}}
@media (max-width:1180px){
    .hero-grid{grid-template-columns:1fr;gap:32px}
    .hero-copy{order:1}.hero-visual{order:2;min-height:480px}
    .hero-copy h1{max-width:760px}
    .hero-aura{inset:16px 0 0}.hero-frame{inset:56px 42px 36px 42px}
}
@media (max-width:767px){
    .hero{padding:78px 0 42px}
    .hero-copy h1{max-width:100%;font-size:clamp(38px,10.5vw,54px);line-height:1.14}
    .hero-lead{font-size:16px;line-height:1.7}
    .hero-visual{min-height:372px}
    .hero-aura{inset:20px 0 0;border-radius:34px}.hero-frame{inset:52px 18px 24px 18px;border-radius:28px}
    .art-stage{width:94%;height:280px;transform:rotateX(5deg) rotateY(-7deg) translateY(8px)}
    .art-panel{left:58px;top:30px;width:230px;height:176px;border-radius:22px}
    .art-logo{font-size:24px;top:26px}.art-logo span{font-size:14px;margin-top:6px}
    .art-bars{left:46px;right:36px;bottom:34px;height:82px;gap:9px}.art-bars i{width:31px;border-radius:8px 8px 4px 4px}
    .art-bars i:nth-child(1){height:30px}.art-bars i:nth-child(2){height:42px}.art-bars i:nth-child(3){height:60px}.art-bars i:nth-child(4){height:80px}
    .art-arrow{left:38px;top:73px;width:170px;height:68px}.art-base{left:40px;right:34px;bottom:14px;height:48px}
    .art-coin{width:52px;height:52px;font-size:22px}.coin-left{left:0;top:108px}.coin-right{right:3px;top:76px}
    .art-glow{right:30px;bottom:42px;width:62px;height:62px}
    .floating-card{padding:12px 14px;border-radius:18px;font-size:14px}.floating-card b{font-size:24px}
    .float-a{top:30px;right:8px}.float-b{left:8px;bottom:2px}
    .float-c{left:50%;right:auto;transform:translateX(-50%);top:4px;padding:10px 14px;white-space:nowrap}
    .spark-1{left:14px;top:64px}.spark-2{right:18px;bottom:56px;width:54px;height:54px}.spark-3{left:40px;bottom:68px}
}


/* === v5: 1500px layout, renewed hero scene, polished modal success === */
:root{--max:1500px}
.np-container{width:min(var(--max),calc(100% - 72px));}
.hero.section-glow{
    background:
            radial-gradient(circle at 78% 18%, rgba(9,167,167,.16), transparent 26%),
            radial-gradient(circle at 89% 12%, rgba(0,47,100,.06), transparent 24%),
            linear-gradient(90deg,#ffffff 0%,#f9fbfc 58%,#eef8f8 100%);
}
.hero{padding:108px 0 68px}
.hero-grid{display:grid;grid-template-columns:minmax(0,1.02fr) minmax(520px,.98fr);gap:72px;align-items:center}
.hero-copy{position:relative;z-index:2}
.hero-copy h1{max-width:760px;font-size:clamp(56px,4.9vw,84px);line-height:1.1;letter-spacing:-.062em;margin-bottom:24px}
.hero-copy h1 strong{color:var(--teal)}
.hero-lead{max-width:720px;font-size:20px;line-height:1.75}
.hero-cta{margin:32px 0 18px}
.hero-visual{position:relative;min-height:640px;isolation:isolate}
.scene-shell{position:absolute;inset:0;display:flex;align-items:center;justify-content:center}
.scene-backdrop{position:absolute;inset:52px 24px 40px 42px;border-radius:56px;background:linear-gradient(145deg,rgba(255,255,255,.85),rgba(229,247,247,.7));box-shadow:0 30px 90px rgba(15,39,63,.10)}
.scene-backdrop:before{content:"";position:absolute;inset:18px;border-radius:44px;background:linear-gradient(180deg,rgba(255,255,255,.86),rgba(245,251,251,.82));border:1px solid rgba(255,255,255,.8)}
.scene-backdrop:after{content:"";position:absolute;left:40px;top:38px;width:34px;height:34px;border-radius:50%;background:#dfeafe;box-shadow:0 0 0 18px rgba(223,234,254,.18)}
.scene-soft-circle{position:absolute;border-radius:50%;background:rgba(211,247,245,.82)}
.scene-soft-circle.c1{width:94px;height:94px;right:78px;bottom:84px}
.scene-soft-circle.c2{width:20px;height:20px;left:78px;top:124px;background:#dbeafe}
.scene-card{position:relative;width:min(520px,88%);height:430px;transform-style:preserve-3d;animation:heroLevitate 6.2s ease-in-out infinite}
.scene-board{position:absolute;left:112px;top:56px;width:300px;height:234px;border-radius:30px;background:linear-gradient(145deg,rgba(255,255,255,.9),rgba(240,247,250,.72));border:1px solid rgba(193,210,221,.82);box-shadow:0 34px 70px rgba(12,37,64,.16), inset 0 1px 0 rgba(255,255,255,.95);backdrop-filter:blur(8px);transform:rotate(-8deg)}
.scene-board:before{content:"";position:absolute;inset:0;background:linear-gradient(120deg,rgba(255,255,255,.82),transparent 42%);border-radius:inherit}
.scene-logo{position:absolute;left:50%;top:34px;transform:translateX(-50%);text-align:center;font-weight:900;color:#101828;font-size:34px;line-height:1;letter-spacing:-.04em}
.scene-logo span{display:block;color:var(--teal);font-size:19px;letter-spacing:-.03em;margin-top:8px}
.scene-chart{position:absolute;left:58px;right:44px;bottom:40px;height:116px;display:flex;align-items:end;gap:13px}
.scene-chart i{display:block;width:42px;border-radius:10px 10px 4px 4px;animation:heroBarIn .95s ease both}
.scene-chart i:nth-child(1){height:38px;background:linear-gradient(180deg,#ffffff,#eef2f5);box-shadow:8px 10px 18px rgba(25,52,82,.08);animation-delay:.08s}
.scene-chart i:nth-child(2){height:54px;background:linear-gradient(180deg,#ffffff,#eef2f5);box-shadow:8px 10px 18px rgba(25,52,82,.08);animation-delay:.18s}
.scene-chart i:nth-child(3){height:82px;background:linear-gradient(180deg,#5fd9d4,#09a7a7);box-shadow:8px 10px 18px rgba(9,167,167,.18);animation-delay:.28s}
.scene-chart i:nth-child(4){height:108px;background:linear-gradient(180deg,#5fd9d4,#09a7a7);box-shadow:8px 10px 18px rgba(9,167,167,.18);animation-delay:.38s}
.scene-arrow{position:absolute;left:38px;top:110px;width:240px;height:84px}
.scene-base{position:absolute;left:80px;right:84px;bottom:64px;height:44px;border-radius:999px;background:linear-gradient(180deg,#ffffff,#e6edf2);box-shadow:0 18px 36px rgba(25,52,82,.14)}
.scene-base:after{content:"";position:absolute;left:14px;right:14px;top:6px;bottom:10px;border-radius:999px;background:linear-gradient(180deg,rgba(255,255,255,.95),rgba(238,244,248,.88))}
.scene-coin{position:absolute;width:76px;height:76px;border-radius:50%;display:grid;place-items:center;font-weight:900;font-size:30px;color:#5a626e;background:radial-gradient(circle at 30% 28%,#ffffff 0 18%,#eef2f5 44%,#d2d8de 100%);border:1px solid rgba(182,191,199,.85);box-shadow:0 16px 32px rgba(13,34,66,.14), inset -5px -8px 16px rgba(146,154,162,.18);animation:heroCoinFloat 5.8s ease-in-out infinite}
.scene-coin::before{content:"₩";transform:rotate(-13deg)}
.scene-coin.left{left:12px;top:174px;animation-delay:.4s}
.scene-coin.right{right:8px;top:118px;animation-delay:1.3s}
.hero-badge{position:absolute;background:rgba(255,255,255,.98);border:1px solid #d9e6ed;border-radius:22px;padding:16px 18px;box-shadow:0 20px 48px rgba(16,24,40,.10);font-weight:800;color:#22324a;line-height:1.18;z-index:3;animation:heroBadgeFloat 6s ease-in-out infinite}
.hero-badge b{display:block;font-size:34px;line-height:1.04;color:var(--teal);margin-top:4px}
.hero-badge.np-partner{right:104px;top:78px;border-radius:999px;padding:14px 18px;color:var(--navy)}
.hero-badge.np-ratio{right:36px;top:118px;animation-delay:.5s}
.hero-badge.fee{left:10px;bottom:76px;animation-delay:1.1s}
@keyframes heroLevitate{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}
@keyframes heroBadgeFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}
@keyframes heroBarIn{from{transform:scaleY(.35);opacity:.25;transform-origin:bottom}to{transform:scaleY(1);opacity:1;transform-origin:bottom}}
@keyframes heroCoinFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}
.summary-card{margin-top:36px}
.np-modal{width:min(820px,100%);border-radius:36px;padding:36px}
.modal-head p:not(.eyebrow){color:var(--muted);line-height:1.75}
.modal-shell{position:relative}
.success-view{display:none;padding:18px 2px 4px}
.success-view.is-active{display:block;animation:fadeUp .35s ease both}
.modal-form-view.is-hidden{display:none}
.success-icon{width:92px;height:92px;border-radius:28px;display:grid;place-items:center;background:linear-gradient(135deg,#09a7a7,#3ed2ca);color:#fff;font-size:44px;box-shadow:0 18px 36px rgba(9,167,167,.22);margin-bottom:22px}
.success-copy h2{font-size:40px;margin-bottom:12px}
.success-copy p{font-size:17px;line-height:1.8;color:var(--muted)}
.success-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:28px 0 22px}
.success-grid div{background:#f8fbfc;border:1px solid var(--line);border-radius:20px;padding:18px}
.success-grid b{display:inline-grid;place-items:center;width:30px;height:30px;border-radius:50%;background:#e9fbfb;color:var(--teal-dark);margin-bottom:10px}
.success-grid strong{display:block;font-size:16px;margin-bottom:6px}
.success-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:8px}
.success-actions .np-btn{min-width:180px}
.fade-in{animation:fadeUp .35s ease both}
@keyframes fadeUp{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}
@media (max-width:1180px){
    .np-container{width:min(var(--max),calc(100% - 48px));}
    .hero-grid{grid-template-columns:1fr;gap:34px}
    .hero-copy{order:1}.hero-visual{order:2;min-height:520px}
    .hero-copy h1{max-width:760px}
}
@media (max-width:820px){
    .success-grid{grid-template-columns:1fr}
}
@media (max-width:720px){
    .np-container{width:min(100% - 32px,var(--max));}
    .hero{padding:84px 0 48px}
    .hero-copy h1{font-size:clamp(40px,11vw,58px);line-height:1.13;max-width:100%}
    .hero-lead{font-size:16px}
    .hero-visual{min-height:388px}
    .scene-backdrop{inset:26px 0 0;border-radius:34px}
    .scene-card{width:94%;height:290px}
    .scene-board{left:68px;top:42px;width:210px;height:168px;border-radius:22px}
    .scene-logo{font-size:24px;top:22px}.scene-logo span{font-size:14px;margin-top:6px}
    .scene-chart{left:42px;right:28px;bottom:30px;height:82px;gap:9px}.scene-chart i{width:30px}
    .scene-chart i:nth-child(1){height:26px}.scene-chart i:nth-child(2){height:38px}.scene-chart i:nth-child(3){height:60px}.scene-chart i:nth-child(4){height:80px}
    .scene-arrow{left:30px;top:78px;width:165px;height:60px}
    .scene-base{left:44px;right:46px;bottom:42px;height:28px}
    .scene-coin{width:54px;height:54px;font-size:22px}.scene-coin.left{left:2px;top:118px}.scene-coin.right{right:2px;top:82px}
    .hero-badge{padding:12px 14px;border-radius:18px;font-size:14px}.hero-badge b{font-size:26px}
    .hero-badge.np-partner{top:12px;right:50%;transform:translateX(50%);white-space:nowrap}
    .hero-badge.np-ratio{top:36px;right:0}.hero-badge.fee{left:2px;bottom:30px}
    .np-modal{padding:28px 20px;border-radius:24px}
    .success-copy h2{font-size:30px}
    .success-actions{display:grid}
}

/* === v6: 실제 공용 헤더(.inner, common.css)와 좌우 여백을 맞춤 ===
   common.css .inner { max-width:150rem; padding:0 5rem; } 와 동일한 폭/여백 공식을 사용해서
   NICE PAY x finber 로고 등 히어로 콘텐츠 좌측 시작 위치가 헤더 로고와 정렬되도록 한다. */
.np-container{width:100%;max-width:150rem;margin:0 auto;padding:0 5rem}
@media (max-width:1023px){.np-container{padding:0 3rem}}
@media (max-width:479px){.np-container{padding:0 2.2rem}}
@media (max-width:420px){.np-container{padding:0 2rem}}

/* === 개인정보 수집 및 이용 동의 팝업 (화면 정중앙 모달) ===
   신청 폼 체크박스를 클릭하면 뜨는 약관 확인용 팝업. 신청 폼 모달(.np-modal-backdrop)보다
   위(z-index)에 겹쳐 뜨며, 내용은 policy.css의 .policyWrap 마크업(rem 기준)을 그대로 재사용한다. */
.terms-popup{position:fixed;inset:0;z-index:150;display:none;align-items:center;justify-content:center;padding:24px;background:rgba(4,11,28,.62);backdrop-filter:blur(8px)}
.terms-popup.is-open{display:flex}
.terms-popup-layout{width:100%;height:100%;display:flex;align-items:center;justify-content:center}
.terms-popup-panel{position:relative;width:min(760px,100%);max-height:88vh;display:flex;flex-direction:column;background:#fff;border-radius:28px;box-shadow:0 32px 120px rgba(0,0,0,.28);overflow:hidden}
.terms-popup-close{position:absolute;right:18px;top:16px;width:38px;height:38px;border:0;border-radius:50%;background:#f2f4f7;font-size:22px;line-height:1;cursor:pointer;z-index:2}
.terms-popup-body{flex:1;overflow:auto;padding:52px 44px 24px}
.terms-popup-body .policyWrap{padding:0}
.terms-popup-foot{display:flex;gap:12px;justify-content:center;padding:20px 44px 28px;border-top:1px solid #edf1f6}
.terms-popup-foot .np-btn{flex:1;max-width:320px}
@media (max-width:720px){
    .terms-popup{padding:0}
    .terms-popup-panel{width:100%;height:100%;max-height:none;border-radius:0}
    .terms-popup-body{padding:44px 22px 20px}
    .terms-popup-foot{padding:16px 22px 22px;flex-direction:column}
    .terms-popup-foot .np-btn{max-width:none}
}