html.ping-intro-active{--color-background-primary:var(--ping-surface);--color-background-secondary:var(--ping-bg);--color-text-primary:var(--ping-text);--color-text-secondary:var(--ping-muted);--color-text-tertiary:var(--ping-ui-text-hint);--color-border-secondary:var(--ping-ui-line-strong);--color-border-tertiary:#e5e8eb}.touch-manipulation{touch-action:manipulation;-webkit-tap-highlight-color:transparent}html.ping-intro-active,html.ping-intro-active body{background-color:#000000!important}html.ping-intro-active body{min-height:100vh;display:flex;justify-content:center}.intro-paint-guard{inset:0;z-index:0;background:#000}#intro-wave-bg,.intro-paint-guard{position:fixed;pointer-events:none}#intro-wave-bg{top:0;left:0;width:100%;height:100%;z-index:1;contain:strict}#intro-wave-bg canvas{display:block;width:100%;height:100%;transform:translateZ(0)}.app-shell.intro-app{position:relative;z-index:1;width:100%;max-width:28rem;min-height:100vh;display:flex;flex-direction:column;--intro-main-pad-x:1.25rem;--intro-phone-wrap-pad-x:0.625rem;--intro-phone-gutter-x:calc(var(--intro-main-pad-x) + var(--intro-phone-wrap-pad-x))}html.ping-intro-active .app-shell.intro-app{background:transparent!important;box-shadow:none!important;border:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;border-radius:0!important;margin:0!important}header.cx-head{display:flex;align-items:center;gap:.75rem;padding:1rem 1.25rem;border-bottom:none;box-shadow:0 1px 0 rgba(255,255,255,.08)}.intro-app header.cx-head{border-bottom:none;padding-top:2.125rem;padding-bottom:1.125rem;justify-content:center}.intro-app .cx-head-title{flex:none;width:100%;max-width:100%;justify-content:center;text-align:center;font-size:24px;min-height:4.5rem;align-content:center}.intro-app .cx-head-title,.intro-app .cx-head-type-text{color:rgba(255,255,255,.94)}.intro-app .cx-head-type-text{text-align:center}.intro-app .stage-label{color:rgba(255,255,255,.94)}.intro-app .stage-num{color:rgba(255,255,255,.5)}.intro-app .stage-top{min-height:1.85rem}.intro-app .dot{background:rgba(255,255,255,.22)}.intro-app .dot.on{background:var(--ping-primary)}.intro-app .dot.done{background:rgba(49,130,246,.45)}.intro-app .cx-flash-title{color:#ffffff}.intro-app .cx-flash-sub{color:rgba(255,255,255,.72)}.intro-app .cx-flash-spin,.intro-app .spinner{border-color:#0097a9 rgba(255,255,255,.22) rgba(255,255,255,.22)}.cx-head-title{margin:0;flex:1;min-width:0;font-size:.9375rem;font-weight:700;letter-spacing:-.02em;line-height:1.35;display:flex;align-items:center;flex-wrap:wrap;gap:0}.cx-head-type-text{word-break:keep-all;overflow-wrap:break-word}.cx-head-caret{display:inline-block;width:2px;height:1.05em;margin-left:1px;flex-shrink:0;background:var(--ping-primary,#0097a9);border-radius:1px;vertical-align:text-bottom;animation:cxHeadCaretBlink 1s step-end infinite}@keyframes cxHeadCaretBlink{50%,to{opacity:0}}.cx-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}main.cx-main{flex:1;padding:1rem 1.25rem 6rem}.cx-flash-inner{min-height:clamp(400px,110vw,600px);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:20px 12px}.cx-flash-spin{width:32px;height:32px;border-width:3px;margin-bottom:16px}.cx-flash-title{font-size:13px;font-weight:700;color:var(--color-text-primary);line-height:1.38;letter-spacing:-.02em;width:100%;text-align:center}.cx-flash-sub{margin-top:10px;margin-left:auto;margin-right:auto;font-size:11px;color:var(--color-text-secondary);line-height:1.55;max-width:220px;text-align:center}.stage{display:none;animation:fadeUp .4s ease both}.stage.active{display:block}@keyframes fadeUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes slideIn{0%{opacity:0;transform:translateX(-16px)}to{opacity:1;transform:translateX(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes checkDraw{0%{stroke-dashoffset:40}to{stroke-dashoffset:0}}@keyframes progressFill{0%{width:0}to{width:var(--w)}}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}@keyframes spin{to{transform:rotate(1turn)}}.phone-wrap{display:block;width:100%;padding:.5rem .625rem .25rem;box-sizing:border-box}.phone{width:100%;max-width:100%;background:var(--color-background-primary);border-radius:24px;overflow:hidden}.phone-bar{height:38px;background:#0097a9;display:flex;align-items:center;padding:0 16px;gap:8px}.phone-logo{font-size:14px;font-weight:600;color:#fff;letter-spacing:.04em}.intro-brand-hit{background:transparent;border:none;margin:0;padding:0;font:inherit;cursor:pointer;display:flex;align-items:center;-webkit-tap-highlight-color:transparent}.phone-menu{width:18px;height:12px;display:flex;flex-direction:column;justify-content:space-between;margin-left:auto}.phone-menu span{display:block;height:2px;background:rgba(255,255,255,.85);border-radius:1px}.phone-body{padding:14px 12px;min-height:clamp(505px,116vw,655px);background:var(--color-background-primary)}.tab-bar{display:flex;background:#ebeef2;border-radius:12px;padding:3px;gap:3px;margin-bottom:14px}.tab{flex:1;padding:7px 4px;border-radius:10px;font-size:10px;font-weight:600;text-align:center;color:#4e5968;transition:all .25s}.tab.on{background:var(--color-background-primary);color:#0097a9;border:.5px solid rgba(0,151,169,.25)}.label{font-weight:600;margin-bottom:5px}.field,.label{font-size:11px;color:var(--color-text-secondary)}.field{width:100%;height:34px;border-radius:10px;border:1px solid var(--color-border-secondary);background:var(--color-background-secondary);margin-bottom:10px;padding:0 10px;display:flex;align-items:center}.field.filled{border-color:#0097a9;background:var(--color-background-primary);color:var(--color-text-primary)}.btn-main{width:100%;height:40px;border-radius:12px;background:#0097a9;color:#fff;font-size:12px;font-weight:600;display:flex;align-items:center;justify-content:center;margin-top:8px}.btn-main.disabled{background:#e5e8eb;color:#b0b8c1}.btn-main.active{animation:bounce .8s ease infinite}.upload-box{border:1.5px dashed var(--color-border-secondary);border-radius:12px;padding:16px;text-align:center;margin-bottom:10px}.upload-box.highlight{border-color:#0097a9;background:rgba(0,151,169,.05)}.upload-icon{width:28px;height:28px;border-radius:50%;background:rgba(0,151,169,.12);margin:0 auto 6px;display:flex;align-items:center;justify-content:center}.price-row{display:flex;justify-content:space-between;font-size:10px;padding:4px 0;color:var(--color-text-secondary)}.price-row.total{font-size:12px;font-weight:600;color:#0097a9;border-top:1px dashed var(--color-border-tertiary);margin-top:6px;padding-top:8px}.pg-box{border:1px solid var(--color-border-secondary);border-radius:14px;padding:14px}.pg-box,.pg-title{margin-bottom:10px}.pg-title{font-size:11px;font-weight:600;color:var(--color-text-primary);text-align:center}.card-input{height:30px;border-radius:8px;border:1px solid var(--color-border-secondary);background:var(--color-background-secondary);margin-bottom:7px;padding:0 8px;font-size:10px;display:flex;align-items:center;color:var(--color-text-secondary)}.card-input.active{border-color:#0097a9}.spinner{width:28px;height:28px;border:3px solid var(--color-border-tertiary);border-top:3px solid #0097a9;animation:spin .8s linear infinite}.result-icon,.spinner{border-radius:50%;margin:0 auto 10px}.result-icon{width:44px;height:44px;display:flex;align-items:center;justify-content:center}.result-icon.success{background:rgba(0,151,169,.12)}.result-icon.fail{background:rgba(226,75,74,.1)}.check-svg{stroke-dasharray:40;stroke-dashoffset:40;animation:checkDraw .5s ease .2s forwards}.progress-track{height:4px;background:var(--color-background-secondary);border-radius:2px;margin:12px 0 4px;overflow:hidden}.progress-fill{height:100%;background:#0097a9;border-radius:2px;animation:progressFill .8s ease forwards}.step-dots{display:flex;justify-content:center;gap:6px;margin-bottom:14px;flex-wrap:wrap}.dot{width:7px;height:7px;border-radius:50%;background:var(--color-border-secondary);transition:all .3s}.dot.on{background:#0097a9;width:18px;border-radius:4px}.dot.done{background:#6bbbae}.send-item{display:flex;align-items:center;gap:6px;padding:5px 0;border-bottom:.5px solid var(--color-border-tertiary);animation:slideIn .3s ease both}.send-item:last-child{border-bottom:none}.send-dot{width:7px;height:7px;border-radius:50%;background:#0097a9;flex-shrink:0}.send-dot.done{background:#1d9e75}.stage-top{position:relative;margin-bottom:10px}.stage-label{font-size:13px;font-weight:600;color:var(--color-text-primary);text-align:center;line-height:1.35;padding:0 3rem;box-sizing:border-box;min-height:1.4em}.stage-num{position:absolute;right:0;top:50%;transform:translateY(-50%);font-size:11px;color:var(--color-text-secondary);text-align:right}.cx-cta{position:fixed;bottom:0;left:50%;transform:translateX(-50%);width:100%;max-width:28rem;padding:.875rem 1.25rem calc(.875rem + env(safe-area-inset-bottom));background:rgba(255,255,255,.9);border-top:1px solid rgba(0,0,0,.06);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);z-index:2}.intro-app .cx-cta{background:linear-gradient(180deg,transparent,rgba(0,0,0,.42) 45%,rgba(0,0,0,.55));border:none;backdrop-filter:none;-webkit-backdrop-filter:none;padding:1rem 0 calc(1rem + env(safe-area-inset-bottom))}.intro-app .cx-cta-inset{padding-left:var(--intro-main-pad-x);padding-right:var(--intro-main-pad-x);box-sizing:border-box}.intro-app .cx-cta-phone-wrap.phone-wrap{padding-top:0;padding-bottom:0}.intro-app .cx-cta .intro-cta-link{width:100%;max-width:none;box-sizing:border-box}.cx-cta a{display:flex;align-items:center;justify-content:center;text-align:center;font-family:Pretendard,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:17px;font-weight:600;letter-spacing:-.03em;line-height:1.3;color:#fff;background:var(--ping-primary);padding:16px 20px;min-height:52px;border-radius:16px;border:none;text-decoration:none;box-sizing:border-box;box-shadow:var(--shadow-ping-primary);transition:transform .15s ease,box-shadow .15s ease,filter .15s ease}.cx-cta a:hover{filter:brightness(1.05)}.cx-cta a:active{transform:scale(.985);filter:brightness(.96);box-shadow:var(--shadow-ping-sm)}.intro-hero-tagline{text-align:center;margin-top:2.25rem;padding:0 1rem .5rem}.intro-hero-brand{font-family:Pretendard,-apple-system,BlinkMacSystemFont,sans-serif;font-size:clamp(2rem,9vw,3.25rem);font-weight:700;letter-spacing:.12em;margin:0;color:rgba(255,255,255,.92);text-transform:uppercase;line-height:1.1}.intro-hero-brand-btn{background:transparent;border:none;padding:0;width:100%;text-align:center;cursor:pointer;-webkit-tap-highlight-color:transparent}.intro-hero-sub{font-family:Pretendard,-apple-system,BlinkMacSystemFont,sans-serif;font-size:clamp(.7rem,2.4vw,.95rem);font-weight:700;color:rgba(255,255,255,.58);margin:.65rem 0 0;letter-spacing:.06em;text-transform:none;line-height:1.45}@media (prefers-reduced-motion:reduce){.btn-main.active,.check-svg,.cx-flash-spin,.progress-fill,.send-item,.spinner,.stage{animation:none!important}.dot{transition:none}.cx-head-caret{animation:none!important;opacity:.35}}