:root{--ink:#10223c;--ink-2:#1c3557;--paper:#f7f9fc;--white:#fff;--line:#d7e0eb;--muted:#63748b;--lime:#a9f36a;--blue:#2878ff;--red:#e34f58;--shadow:0 24px 70px rgba(17,36,63,.12);font-family:Pretendard,"Noto Sans KR",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);background:var(--paper);font-synthesis:none}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px;background:linear-gradient(180deg,#eef4fb 0,#f7f9fc 32rem);font-size:16px;line-height:1.5}button,input{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}
.topbar{height:72px;max-width:1440px;margin:auto;padding:0 4vw;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;gap:10px;align-items:center;font-size:1.18rem;font-weight:800}.brand-mark{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;background:var(--ink);color:var(--lime);font-family:Georgia,serif}.topbar nav{display:flex;align-items:center;gap:26px;font-size:.92rem;font-weight:650}.topbar nav a:hover{text-decoration:underline;text-underline-offset:5px}.privacy-chip{padding:7px 11px;border:1px solid #bfd1e4;border-radius:999px;color:#3b5877;background:rgba(255,255,255,.6);font-size:.82rem}
main{max-width:1440px;margin:auto;padding:32px 4vw 72px}.workspace{background:var(--white);border:1px solid rgba(155,177,201,.55);border-radius:28px;box-shadow:var(--shadow);overflow:hidden}.workspace-head{padding:42px 46px 32px;display:flex;align-items:flex-end;justify-content:space-between;background:radial-gradient(circle at 82% 0,rgba(169,243,106,.3),transparent 34%),var(--ink);color:#fff}.eyebrow{margin:0 0 10px;color:var(--lime);letter-spacing:.16em;font-size:.76rem;font-weight:800}.workspace h1{margin:0;font-size:clamp(2.2rem,4.6vw,4.7rem);line-height:1.02;letter-spacing:-.06em}.workspace h1 em{color:var(--lime);font-style:normal}.intro{max-width:420px;margin:0 0 5px;color:#ccdae9;font-size:1.02rem}.calculator-grid{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(350px,.85fr)}.input-panel{padding:36px 46px 46px;border-right:1px solid var(--line)}fieldset{border:0;margin:0;padding:0}legend,.section-label{display:flex;align-items:center;justify-content:space-between;width:100%;margin-bottom:13px;font-weight:800;font-size:.95rem}.section-label{margin-top:30px}.section-label small{font-size:.72rem;color:var(--blue);background:#e9f1ff;padding:3px 8px;border-radius:99px}.segmented{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;padding:5px;border:1px solid var(--line);background:#f0f4f8;border-radius:14px}.segmented label{position:relative}.segmented input{position:absolute;opacity:0;pointer-events:none}.segmented span{display:block;padding:11px;text-align:center;border-radius:10px;font-weight:750;color:#617086}.segmented input:checked+span{background:var(--white);color:var(--ink);box-shadow:0 3px 12px rgba(20,45,75,.1)}.segmented input:focus-visible+span{outline:3px solid rgba(40,120,255,.25)}
.field-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 20px}.field>span{display:block;margin-bottom:7px;font-size:.88rem;font-weight:750}.field>div{height:50px;display:flex;align-items:center;border:1px solid #c8d5e3;border-radius:12px;background:#fff;transition:.18s}.field>div:focus-within{border-color:var(--blue);box-shadow:0 0 0 3px rgba(40,120,255,.1)}.field input{min-width:0;width:100%;height:100%;border:0;outline:0;background:transparent;padding:0 13px;text-align:right;font-size:1.04rem;font-weight:750;color:var(--ink)}.field b{padding-right:13px;color:#687b92;font-size:.84rem}.field small{display:block;margin-top:5px;color:#8090a4;font-size:.76rem}.detail-costs{margin-top:26px;border-top:1px solid var(--line)}.detail-costs summary{display:flex;align-items:center;justify-content:space-between;padding:19px 2px 0;font-weight:800;cursor:pointer;list-style:none}.detail-costs summary::-webkit-details-marker{display:none}.detail-costs summary:after{content:'+';font-size:1.35rem;color:var(--blue)}.detail-costs[open] summary:after{content:'−'}.detail-costs summary small{margin-left:auto;margin-right:12px;color:#79899d;font-weight:500}.detail-grid{padding-top:20px}
.result-panel{background:#f5f8fc;padding:34px 36px 38px;display:flex;flex-direction:column}.result-topline{display:flex;justify-content:space-between;align-items:center;font-size:.82rem;font-weight:750;color:#63758c}.result-status{color:#18733c;background:#daf5df;padding:5px 9px;border-radius:99px}.result-status.danger{color:#a2212a;background:#ffe2e4}.hero-result{padding:30px 0 24px;border-bottom:1px solid var(--line)}.hero-result span{display:block;color:#5f728b;font-size:.9rem}.hero-result strong{display:block;margin:3px 0 0;font-size:clamp(2.7rem,4.2vw,4.35rem);line-height:1.1;letter-spacing:-.055em}.hero-result p{margin:5px 0 0;color:#8491a2;font-size:.76rem}.metric-row{display:grid;grid-template-columns:1fr 1fr;border-bottom:1px solid var(--line)}.metric-row div{padding:20px 0}.metric-row div+div{padding-left:20px;border-left:1px solid var(--line)}.metric-row span{display:block;color:#718096;font-size:.77rem}.metric-row strong{display:block;margin-top:2px;font-size:1.2rem}.decision-card{margin:22px 0 17px;padding:18px 18px 17px;border-radius:14px;background:var(--ink);color:#fff}.decision-kicker{display:block;margin-bottom:6px;color:var(--lime);font-size:.72rem;font-weight:800;letter-spacing:.08em}.decision-card p{margin:0;line-height:1.55;font-weight:650}.breakdown{margin:0}.breakdown div{display:flex;justify-content:space-between;padding:8px 1px;font-size:.85rem}.breakdown dt{color:#6c7c91}.breakdown dd{margin:0;font-weight:750}.breakdown .total{margin-top:5px;padding-top:12px;border-top:1px solid var(--line)}.action-row{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:auto;padding-top:24px}.primary-button,.ghost-button{min-height:45px;border-radius:11px;font-weight:800}.primary-button{border:1px solid var(--ink);background:var(--ink);color:#fff}.primary-button:hover{background:var(--ink-2)}.ghost-button{border:1px solid #bccbdc;background:#fff;color:var(--ink)}.source-note{margin:12px 0 0;text-align:center;color:#7d8da1;font-size:.72rem}
.trust-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;margin-top:30px;background:#cdd8e5;border:1px solid #cdd8e5;border-radius:18px;overflow:hidden}.trust-strip div{padding:25px 26px;background:#fff}.trust-strip strong{display:block;margin-bottom:6px}.trust-strip p{margin:0;color:#66778c;font-size:.87rem}.toast{position:fixed;left:50%;bottom:28px;transform:translate(-50%,20px);padding:11px 16px;background:var(--ink);color:#fff;border-radius:10px;opacity:0;pointer-events:none;transition:.2s;font-size:.88rem;font-weight:700}.toast.show{opacity:1;transform:translate(-50%,0)}
@media(max-width:900px){.topbar nav a{display:none}.calculator-grid{grid-template-columns:1fr}.input-panel{border-right:0;border-bottom:1px solid var(--line)}.workspace-head{align-items:flex-start;flex-direction:column;gap:22px}.intro{max-width:600px}.trust-strip{grid-template-columns:1fr}.result-panel{min-height:610px}}
@media(max-width:600px){.topbar{height:64px;padding:0 18px}.privacy-chip{font-size:.72rem}.topbar nav{gap:8px}main{padding:14px 12px 48px}.workspace{border-radius:20px}.workspace-head{padding:30px 24px 26px}.workspace h1{font-size:2.45rem}.intro{font-size:.92rem}.input-panel,.result-panel{padding:26px 22px 30px}.field-grid{grid-template-columns:1fr;gap:15px}.segmented span{padding:10px 4px;font-size:.82rem}.detail-costs summary small{display:none}.trust-strip div{padding:22px}.action-row{grid-template-columns:1fr}.hero-result strong{font-size:3rem}}

.profile-banner{margin:24px 46px 0;padding:17px 19px;display:flex;align-items:center;justify-content:space-between;gap:20px;border:1px solid #b7dc94;border-radius:14px;background:#f3ffe9}.profile-banner[hidden]{display:none}.profile-banner strong{display:block}.profile-banner p{margin:3px 0 0;color:#567040;font-size:.84rem}.profile-banner .primary-button{padding:0 18px;white-space:nowrap}
.comparison-section,.formula-section{padding:88px 2vw 28px}.section-heading{display:grid;grid-template-columns:1fr 1fr;align-items:end;gap:30px}.section-heading .eyebrow{grid-column:1/-1;color:#347709;margin-bottom:-16px}.section-heading h2,.settlement-cta h2,.formula-section h2{margin:0;font-size:clamp(2rem,3.4vw,3.2rem);line-height:1.08;letter-spacing:-.045em}.section-heading>p{margin:0;color:var(--muted);max-width:530px}.comparison-cards{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:30px}.comparison-card{padding:27px 28px;border:1px solid var(--line);border-radius:20px;background:#fff}.comparison-card.best{border-color:#7ebd48;box-shadow:0 12px 35px rgba(63,119,17,.1)}.comparison-card>div{display:flex;justify-content:space-between;font-weight:800}.comparison-card>div b{padding:3px 8px;border-radius:99px;background:#e8ffd4;color:#347709;font-size:.7rem}.comparison-card>strong{display:block;margin-top:17px;font-size:2.2rem;letter-spacing:-.04em}.comparison-card p,.comparison-note{margin:3px 0 0;color:var(--muted);font-size:.85rem}.comparison-note{margin-top:12px}
.settlement-cta{margin:76px 0 18px;padding:55px 5vw;display:grid;grid-template-columns:1.15fr .85fr;gap:8vw;align-items:center;border-radius:26px;background:var(--ink);color:#fff;box-shadow:var(--shadow)}.settlement-cta>div>p:not(.eyebrow){color:#c9d6e4;max-width:570px}.cta-link{display:inline-block;margin-top:14px;padding-bottom:3px;border-bottom:1px solid var(--lime);color:var(--lime);font-weight:800}.mini-ledger{padding:28px;border:1px solid rgba(255,255,255,.18);border-radius:18px;background:rgba(255,255,255,.07)}.mini-ledger>span{color:#b7c6d8;font-size:.8rem}.mini-ledger>strong{display:block;margin:8px 0 22px;font-size:1.5rem}.mini-ledger em{color:var(--lime);font-style:normal}.mini-ledger dl{margin:0}.mini-ledger dl div{display:flex;justify-content:space-between;padding:9px 0;border-top:1px solid rgba(255,255,255,.12)}.mini-ledger dt{color:#aebed0}.mini-ledger dd{margin:0;font-weight:800}
.formula-section{padding-bottom:80px}.formula-section>.eyebrow{color:#347709}.formula-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:30px 0}.formula-grid article{padding:25px;border:1px solid var(--line);border-radius:17px;background:#fff}.formula-grid b{color:#347709;font-size:.8rem}.formula-grid h3{margin:10px 0 7px}.formula-grid p{margin:0;color:var(--muted);font-size:.88rem}.text-link{font-weight:800;color:#1f5fae}
footer{max-width:1440px;margin:auto;padding:38px 4vw 48px;border-top:1px solid var(--line);display:grid;grid-template-columns:auto 1fr;gap:10px 30px;align-items:center}footer>p{margin:0;color:var(--muted)}footer nav{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:19px;margin-top:16px;font-size:.85rem;font-weight:700}footer small{grid-column:1/-1;color:#7f8da0}

/* 정산 분석·정보 페이지 */
.subpage-main{max-width:1120px;margin:auto;padding:45px 4vw 90px}.subpage-hero{padding:50px;border-radius:24px;background:var(--ink);color:#fff}.subpage-hero h1{margin:0;font-size:clamp(2.25rem,5vw,4.2rem);line-height:1.06;letter-spacing:-.05em}.subpage-hero>p:last-child{max-width:670px;margin:18px 0 0;color:#cbd8e6}.analysis-shell{display:grid;grid-template-columns:.85fr 1.15fr;gap:22px;margin-top:24px}.upload-panel,.mapping-panel,.analysis-result,.content-card{padding:30px;border:1px solid var(--line);border-radius:20px;background:#fff}.upload-panel h2,.mapping-panel h2,.analysis-result h2,.content-card h2{margin:0 0 8px}.dropzone{margin-top:22px;padding:48px 24px;border:2px dashed #a9bdd4;border-radius:16px;text-align:center;background:#f7fafe}.dropzone.dragging{border-color:#65a52c;background:#f2ffe8}.dropzone input{display:none}.dropzone strong{display:block;font-size:1.15rem}.dropzone p{margin:6px 0 18px;color:var(--muted);font-size:.85rem}.button-label{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 18px;border-radius:11px;background:var(--ink);color:#fff;font-weight:800;cursor:pointer}.safe-note{margin-top:18px;padding:13px;border-radius:10px;background:#f0f8e9;color:#416726;font-size:.82rem}.mapping-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:13px;margin-top:20px}.mapping-grid label{font-size:.82rem;font-weight:750}.mapping-grid select{display:block;width:100%;height:43px;margin-top:6px;padding:0 10px;border:1px solid #c8d5e3;border-radius:10px;background:#fff}.mapping-actions{display:flex;gap:10px;margin-top:20px}.mapping-actions button{padding:0 17px}.analysis-result{grid-column:1/-1}.summary-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:20px 0}.summary-grid div{padding:18px;border-radius:14px;background:#f2f6fa}.summary-grid span{display:block;color:var(--muted);font-size:.77rem}.summary-grid strong{font-size:1.3rem}.table-wrap{overflow:auto;border:1px solid var(--line);border-radius:12px}.preview-table{width:100%;border-collapse:collapse;font-size:.8rem}.preview-table th,.preview-table td{padding:10px 12px;border-bottom:1px solid var(--line);text-align:right;white-space:nowrap}.preview-table th{background:#f4f7fa;color:#5f7085}.preview-table th:first-child,.preview-table td:first-child{text-align:left}.content-stack{display:grid;gap:20px;margin-top:24px}.content-card{line-height:1.75}.content-card p,.content-card li{color:#53667d}.content-card a{color:#175fb9;text-decoration:underline}.content-card code{padding:3px 6px;border-radius:5px;background:#edf2f7}.page-links{display:flex;gap:10px;margin-top:22px;flex-wrap:wrap}

@media(max-width:900px){.section-heading{grid-template-columns:1fr}.section-heading .eyebrow{margin-bottom:-5px}.comparison-section,.formula-section{padding:66px 0 20px}.settlement-cta{grid-template-columns:1fr;padding:42px 5vw;gap:34px}.formula-grid{grid-template-columns:1fr}.analysis-shell{grid-template-columns:1fr}.analysis-result{grid-column:auto}.summary-grid{grid-template-columns:1fr 1fr}.topbar nav a:nth-child(3){display:none}}
@media(max-width:600px){.profile-banner{margin:18px 18px 0;align-items:flex-start;flex-direction:column}.comparison-cards{grid-template-columns:1fr}.comparison-card{padding:22px}.settlement-cta{margin-top:52px;border-radius:20px}.formula-section{padding-bottom:55px}footer{grid-template-columns:1fr}.subpage-main{padding:20px 12px 60px}.subpage-hero{padding:34px 24px}.analysis-shell{gap:14px}.upload-panel,.mapping-panel,.analysis-result,.content-card{padding:23px}.mapping-grid,.summary-grid{grid-template-columns:1fr}.mapping-actions{flex-direction:column}.topbar nav a{display:none}}
.link-button{display:inline-flex;align-items:center;justify-content:center;padding:0 17px}.sample-button{width:100%;margin-top:12px}.mapping-panel>p,.analysis-result>p,.upload-panel>p{color:var(--muted);font-size:.88rem}

/* 초보 셀러를 위한 설명과 판단 안내 */
.help-tip{position:relative;display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;margin-left:3px;border:1px solid #aebed0;border-radius:50%;background:#fff;color:#536a84;font:700 12px/1 sans-serif;font-style:normal;vertical-align:1px;cursor:help;outline:none}.help-tip:after{content:attr(data-tip);position:absolute;z-index:20;left:50%;bottom:calc(100% + 9px);width:218px;padding:10px 11px;border-radius:9px;background:#0b1a2f;color:#fff;font:500 .78rem/1.45 Pretendard,"Noto Sans KR",sans-serif;text-align:left;box-shadow:0 9px 24px rgba(8,25,46,.25);opacity:0;visibility:hidden;transform:translate(-50%,5px);transition:.15s;pointer-events:none}.help-tip:hover:after,.help-tip:focus:after{opacity:1;visibility:visible;transform:translate(-50%,0)}
.channel-option{margin-top:14px;padding:15px 16px;border:1px solid #c8d6e5;border-radius:13px;background:#f8fafc}.channel-option[hidden]{display:none}.channel-option label{display:block;margin-bottom:7px;font-size:.84rem;font-weight:800}.channel-option select{width:100%;height:44px;padding:0 12px;border:1px solid #b8c8d9;border-radius:10px;background:#fff;color:var(--ink);font-weight:700}.channel-option p{margin:7px 0 0;color:#6c7d91;font-size:.76rem}
.result-status.stable{color:#18733c;background:#daf5df}.result-status.caution{color:#7a5b00;background:#fff0b5}.result-status.risk{color:#9a4600;background:#ffe1c3}.result-status.danger{color:#a2212a;background:#ffe2e4}.decision-card{border:1px solid transparent}.decision-card.stable{border-color:#4a8b51}.decision-card.caution{border-color:#c49a2d}.decision-card.risk{border-color:#d26b28}.decision-card.danger{border-color:#d45b64}.decision-card>p{font-size:1.02rem}.decision-card ul{margin:9px 0 0;padding:0;list-style:none;color:#cbd9e8;font-size:.82rem}.decision-card li{position:relative;padding:3px 0 3px 14px}.decision-card li:before{content:'•';position:absolute;left:0;color:var(--lime)}
.decision-rule{display:block;margin-top:11px;padding-top:10px;border-top:1px solid rgba(255,255,255,.16);color:#aebed0;font-size:.72rem;line-height:1.5}
.scenario-tools{margin:0 0 18px}.scenario-tools>span{display:block;margin-bottom:8px;color:#5d6f85;font-size:.77rem;font-weight:800}.scenario-tools>div{display:flex;flex-wrap:wrap;gap:7px}.scenario-tools button{padding:7px 9px;border:1px solid #becddd;border-radius:8px;background:#fff;color:#334e6c;font-size:.75rem;font-weight:750}.scenario-tools button:hover,.scenario-tools button:focus-visible{border-color:#2878ff;color:#185dbb;outline:none;box-shadow:0 0 0 2px rgba(40,120,255,.1)}
.calculation-disclaimer{margin-top:13px;padding:12px 13px;border:1px solid #d4dee9;border-radius:10px;background:#fff;color:#65768a;font-size:.74rem}.calculation-disclaimer strong,.calculation-disclaimer span{display:block}.calculation-disclaimer strong{color:#324b68}.calculation-disclaimer div{display:flex;gap:12px;margin-top:7px}.calculation-disclaimer a{color:#165eb8;font-weight:750;text-decoration:underline;text-underline-offset:2px}
@media(max-width:600px){.help-tip:after{width:190px}.calculation-disclaimer div{align-items:flex-start;flex-direction:column;gap:5px}.scenario-tools button{flex:1 1 calc(50% - 7px)}}