:root{--ink:#122322;--deep:#0f2825;--mint:#bff15d;--paper:#f6f5ef;--muted:#64716e}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--paper);color:var(--ink);letter-spacing:-.02em;margin:0;font-family:Pretendard,Apple SD Gothic Neo,Noto Sans KR,system-ui,sans-serif}button,input{font:inherit}a{color:inherit;text-decoration:none}.topbar{border-bottom:1px solid #12232224;justify-content:space-between;align-items:center;width:min(1180px,100% - 40px);height:80px;margin:0 auto;display:flex}.brand{align-items:center;gap:10px;font-size:19px;font-weight:850;display:flex}.brand-mark{background:var(--deep);width:34px;height:34px;color:var(--mint);border-radius:50%;place-items:center;font-weight:900;display:grid}.standard-date{color:var(--muted);font-size:13px}.hero{padding:82px max(20px,50vw - 590px) 96px;position:relative;overflow:hidden}.hero:before{content:"";pointer-events:none;background:#bff15d45;border-radius:50%;width:540px;height:540px;position:absolute;top:-250px;left:42%}.hero-copy{max-width:660px;margin-bottom:58px;position:relative}.eyebrow{color:#365f29;letter-spacing:.05em;align-items:center;gap:8px;margin-bottom:21px;font-size:13px;font-weight:800;display:inline-flex}.eyebrow:before{content:"";background:var(--mint);width:26px;height:2px}.hero h1{letter-spacing:-.07em;margin:0;font-size:clamp(48px,7vw,86px);font-weight:900;line-height:.99}.hero-copy>p{color:#53625f;margin:28px 0 0;font-size:18px;line-height:1.75}.trust-row{flex-wrap:wrap;gap:8px;margin-top:26px;display:flex}.trust-row span{color:#58645f;border:1px solid #ced3c8;border-radius:999px;padding:8px 12px;font-size:12px;font-weight:650}.app-shell{background:#fff;border:1px solid #cad0c4;border-radius:30px;grid-template-columns:1.08fr .92fr;display:grid;position:relative;overflow:hidden;box-shadow:0 30px 80px #0f28251a}.calculator,.result{padding:clamp(28px,4vw,52px)}.calculator{flex-direction:column;gap:25px;display:flex}.result{background:var(--deep);color:#fff}.card-heading{align-items:flex-start;gap:15px;margin-bottom:4px;display:flex}.card-heading .step{color:#83908b;letter-spacing:.08em;margin-top:6px;font-size:12px;font-weight:850}.card-heading h2{letter-spacing:-.04em;margin:0;font-size:22px}.card-heading p{color:#7b8783;margin:6px 0 0;font-size:13px}.result-heading .step{color:var(--mint)}.result-heading p{color:#91a29d}label>span,legend{margin-bottom:9px;font-size:13px;font-weight:750;display:block}label small{color:#8a9490;margin-top:7px;font-size:11px;line-height:1.45;display:block}input[type=number],input[type=date]{width:100%;height:54px;color:var(--ink);background:#fbfbf8;border:1px solid #d7dbd3;border-radius:12px;outline:none;padding:0 15px;transition:all .18s}input:focus{border-color:#7ba52b;box-shadow:0 0 0 4px #bff15d38}.money-input{position:relative}.money-input input{padding-right:48px;font-size:18px;font-weight:750}.money-input b{font-size:14px;position:absolute;top:16px;right:16px}.date-grid{grid-template-columns:1fr 1fr;gap:14px;display:grid}.grid-help{grid-column:1/-1;margin-top:-6px!important}.count-input{position:relative}.count-input input{padding-right:42px}.count-input b{font-size:13px;position:absolute;top:17px;right:16px}fieldset{border:0;margin:0;padding:0}.contract-switch{grid-template-columns:1fr 1fr;gap:8px;display:grid}.contract-switch label{cursor:pointer;border:1px solid #d8dcd4;border-radius:12px;padding:14px 15px;position:relative}.contract-switch label.selected{background:#f0f8df;border-color:#718f35;box-shadow:inset 0 0 0 1px #718f35}.contract-switch input{opacity:0;pointer-events:none;position:absolute}.contract-switch b{font-size:13px;display:block}.contract-switch small{color:#76827e;margin-top:4px;font-size:10px}.segmented{grid-template-columns:repeat(3,1fr);gap:7px;display:grid}.segmented label{color:#6b7773;text-align:center;cursor:pointer;border:1px solid #d8dcd4;border-radius:10px;margin:0;padding:12px 8px;font-size:12px;font-weight:700}.segmented label.selected{border-color:var(--deep);background:var(--deep);color:#fff}.segmented input{opacity:0;pointer-events:none;position:absolute}button{background:var(--mint);color:#163010;cursor:pointer;border:0;border-radius:13px;justify-content:space-between;align-items:center;height:58px;margin-top:2px;padding:0 20px;font-weight:850;transition:transform .18s,filter .18s;display:flex}button:hover{filter:brightness(.97);transform:translateY(-2px)}button span{font-size:23px}.refund-total{border-bottom:1px solid #ffffff26;margin-top:80px;padding-bottom:34px}.refund-total>span{color:#b1c0bc;font-size:13px;display:block}.refund-total strong{color:var(--mint);letter-spacing:-.06em;margin:9px 0 10px;font-size:clamp(36px,5vw,58px);line-height:1.1;display:block}.refund-total strong i{color:#769187;font-size:.5em;font-style:normal}.refund-total em{color:#90a29d;font-size:12px;font-style:normal}.receipt{margin-top:30px}.receipt>div:not(.receipt-note){justify-content:space-between;gap:20px;padding:10px 0;font-size:13px;display:flex}.receipt span{color:#9bada8}.receipt b{color:#fff;font-weight:700}.receipt b.minus{color:#f3c0a8}.receipt b.plus{color:var(--mint)}.receipt-note,.notice{color:#a7b6b2;background:#ffffff0f;border-radius:10px;margin-top:20px;padding:14px 15px;font-size:11px;line-height:1.55}.notice{color:#f6d2b9}.empty-result{color:#a7b6b2;margin-top:90px}.message-maker{background:#fff;border:1px solid #cad0c4;border-radius:26px;grid-template-columns:.72fr 1.28fr;gap:55px;margin-top:28px;padding:clamp(28px,4vw,50px);display:grid;box-shadow:0 22px 65px #0f282512}.message-heading{align-items:flex-start;gap:15px;display:flex}.message-heading>.step{color:#718079;letter-spacing:.08em;margin-top:5px;font-size:12px;font-weight:850}.message-kicker{color:#608125;letter-spacing:.06em;margin-bottom:10px;font-size:11px;font-weight:850;display:block}.message-heading h2{letter-spacing:-.05em;margin:0;font-size:clamp(24px,3vw,34px);line-height:1.15}.message-heading p{color:#73807c;margin:15px 0 0;font-size:13px;line-height:1.65}.message-preview{color:#344441;white-space:pre-wrap;background:#f8f8f4;border:1px solid #dce0d7;border-radius:16px;min-height:230px;padding:24px;font-size:13px;line-height:1.82}.message-actions{justify-content:space-between;align-items:center;gap:18px;margin-top:13px;display:flex}.message-actions p{color:#8b5a3c;margin:0;font-size:11px;line-height:1.5}.copy-button{background:var(--deep);color:#fff;border-radius:11px;flex-shrink:0;min-width:190px;height:48px;margin:0;font-size:13px}.copy-button:hover{filter:brightness(1.12)}.copy-button span{color:var(--mint);font-size:18px}.explain{grid-template-columns:.9fr 1.1fr;gap:80px;width:min(1180px,100% - 40px);margin:0 auto;padding:100px 0 120px;display:grid}.eyebrow.dark{color:#65716d}.explain h2{letter-spacing:-.055em;margin:0;font-size:clamp(32px,4vw,50px);line-height:1.13}.fact-list{border-top:1px solid #cfd3ca}.fact-list article{border-bottom:1px solid #cfd3ca;grid-template-columns:42px 1fr;gap:20px;padding:27px 0;display:grid}.fact-list article>span{background:#e5e8de;border-radius:50%;place-items:center;width:30px;height:30px;font-size:12px;font-weight:800;display:grid}.fact-list h3{margin:2px 0 7px;font-size:17px}.fact-list p{color:var(--muted);margin:0;font-size:14px;line-height:1.6}.faq{background:#fff;border-top:1px solid #e0e2da;grid-template-columns:.72fr 1.28fr;gap:82px;padding:110px max(20px,50vw - 590px) 120px;display:grid}.faq-intro{align-self:start;position:sticky;top:34px}.faq-intro h2{letter-spacing:-.06em;margin:0;font-size:clamp(34px,4.3vw,54px);line-height:1.08}.faq-intro>p{max-width:430px;color:var(--muted);margin:22px 0 0;font-size:14px;line-height:1.75}.signature-callout{background:var(--deep);color:#fff;border-radius:16px;margin-top:30px;padding:22px}.signature-callout strong{color:var(--mint);letter-spacing:.03em;font-size:12px}.signature-callout p{color:#d8e2df;margin:9px 0 0;font-size:14px;line-height:1.6}.faq-list{border-top:1px solid #cdd2c8}.faq-list details{border-bottom:1px solid #cdd2c8}.faq-list summary{cursor:pointer;padding:25px 42px 25px 0;font-size:16px;font-weight:800;line-height:1.55;list-style:none;position:relative}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary:after{content:"+";color:#6f7e78;font-size:22px;font-weight:500;position:absolute;top:24px;right:3px}.faq-list details[open] summary:after{content:"−"}.faq-list summary span{color:#718079;letter-spacing:.04em;vertical-align:2px;width:34px;font-size:11px;display:inline-block}.faq-answer{padding:0 42px 27px 34px}.faq-answer strong{color:#3f6620;font-size:14px;display:block}.faq-answer p{color:#65736f;margin:9px 0 0;font-size:13px;line-height:1.8}.help-box{background:#edf6da;border-radius:16px;justify-content:space-between;align-items:center;gap:25px;margin-top:30px;padding:22px 24px;display:flex}.help-box strong{font-size:14px}.help-box p{color:#65736f;margin:5px 0 0;font-size:12px;line-height:1.55}.help-box a{background:var(--deep);color:#fff;border-radius:9px;flex-shrink:0;padding:11px 14px;font-size:12px;font-weight:800}.faq-sources{color:#7a8682;flex-wrap:wrap;gap:8px 14px;margin-top:18px;font-size:11px;display:flex}.faq-sources span{width:100%;font-weight:800}.faq-sources a{text-underline-offset:3px;text-decoration:underline}footer{background:#e9e9e1;border-top:1px solid #d0d3ca;grid-template-columns:.65fr 1.6fr .75fr;align-items:start;gap:35px;padding:42px max(20px,50vw - 590px);font-size:12px;display:grid}footer strong{font-size:17px}footer p{color:#74807c;margin:6px 0 0;line-height:1.6}.source-links{flex-direction:column;align-items:flex-end;gap:10px;font-weight:750;display:flex}.source-links a:hover{text-decoration:underline}@media (max-width:800px){.topbar{width:calc(100% - 32px);height:68px}.hero{padding:60px 16px 70px}.hero-copy{margin-bottom:38px}.hero h1{font-size:clamp(46px,14vw,68px)}.hero-copy>p{font-size:15px}.desktop-break{display:none}.app-shell{border-radius:22px;grid-template-columns:1fr}.calculator,.result{padding:28px 22px}.refund-total{margin-top:45px}.refund-total strong{font-size:39px}.message-maker{border-radius:22px;grid-template-columns:1fr;gap:32px;padding:28px 22px}.message-actions{flex-direction:column;align-items:stretch}.message-actions p{align-self:flex-start}.copy-button{width:100%}.explain{grid-template-columns:1fr;gap:50px;padding:75px 0 85px}.faq{grid-template-columns:1fr;gap:48px;padding:75px 20px 85px}.faq-intro{position:static}.faq-intro>p{max-width:none}footer{grid-template-columns:1fr}.source-links{align-items:flex-start}}@media (max-width:480px){.standard-date{font-size:11px}.date-grid,.segmented{grid-template-columns:1fr}.segmented label{padding:13px}.trust-row span{font-size:11px}.faq-list summary{padding-right:34px;font-size:15px}.faq-answer{padding-left:0;padding-right:28px}.help-box{flex-direction:column;align-items:flex-start}.help-box a{text-align:center;width:100%}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}
