:root{--navy:#0B1F3B;--navy2:#112d42;--mint:#7ed6b0;--paper:#f6f8f7;--ink:#143041;--muted:#5f7282;--border:#dce9e4;font-synthesis:none}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#fff;color:var(--ink);font-family:Inter,Pretendard,'Noto Sans KR','Malgun Gothic',system-ui,sans-serif;letter-spacing:-.025em;line-height:1.7}button,input,a{font:inherit}a{text-decoration:none;color:inherit}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #50ba98;outline-offset:2px}.wrap{width:min(1170px,calc(100% - 40px));margin:0 auto}.skip{position:absolute;top:-100px;left:0;background:#fff;padding:10px;z-index:999}.skip:focus{top:4px}.topbar{background:var(--navy);color:#fff}.nav{min-height:75px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:flex;align-items:center;gap:10px;font-size:20px;font-weight:800;white-space:nowrap;letter-spacing:-.06em}.brand img{width:40px;height:40px}.brand em{color:var(--mint);font-style:normal}.nav nav{display:flex;gap:24px;color:#d3e1e2;font-size:13px}.nav nav a:hover{color:var(--mint)}.nav-cta{border-radius:11px;background:#b9efd8;padding:10px 17px;color:var(--navy);font-weight:800;font-size:13px;white-space:nowrap}.hero{background:radial-gradient(circle at 85% 0%,#20504d85,transparent 42%),linear-gradient(110deg,#0B1F3B,#0b2839);color:#fff;padding:89px 0}.hero-grid{display:grid;grid-template-columns:1.06fr .94fr;gap:65px;align-items:center}.eyebrow{font-size:12px;font-weight:800;color:#a7ebd0;letter-spacing:.05em}.eyebrow.ink{color:#168068}.hero h1{font-size:clamp(36px,4.8vw,60px);line-height:1.24;letter-spacing:-.065em;margin:22px 0;font-weight:830}.hero h1 em,.section h2 em{color:var(--mint);font-style:normal}.hero p{font-size:15px;color:#d9e9e7;max-width:580px}.btn{display:inline-block;border:1px solid #fff4;border-radius:11px;margin:16px 9px 0 0;padding:13px 19px;font-size:14px;font-weight:800}.btn.primary{background:#b5ebd4;color:#0b2c3c}.btn.ghost{background:transparent;color:white}.footpoints{display:flex;gap:16px;flex-wrap:wrap;margin-top:24px;color:#b5d2d2;font-size:12px}.footpoints span:before{content:'✓ ';color:var(--mint)}.hero-card{border:1px solid #5088797a;border-radius:22px;background:#163b4b8a;padding:29px;box-shadow:0 18px 50px #061a2844}.meta{color:#c3dfd7;font-size:12px;font-weight:700}.big{font-size:25px;font-weight:800;line-height:1.4;margin:12px 0 20px}.big small{color:var(--mint)}.metric{padding:14px 0;display:flex;gap:15px;align-items:center;border-top:1px solid #ffffff22}.metric span{color:var(--mint);font-size:12px;font-weight:900}.metric b{font-size:15px;flex:1}.metric small{font-size:11px;color:#b8d4cf}.section{padding:92px 0;background:var(--paper)}.section-lead{margin-bottom:38px;max-width:850px}.section-lead h2{font-size:clamp(27px,3vw,40px);margin:9px 0;letter-spacing:-.06em}.section-lead h2 em{color:#1a9577}.section-lead p{color:var(--muted)}.tools-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:17px}.tool{border:1px solid var(--border);border-radius:17px;background:white;padding:25px;box-shadow:0 12px 29px #11394208;min-width:0}.tool.wide{grid-column:span 2}.tool h3{font-size:20px;margin:8px 0;letter-spacing:-.045em}.tool p{font-size:14px;color:var(--muted);margin:7px 0 19px}.tool a:not(.btn){display:inline-block;color:#116d5d;font-weight:800;text-decoration:underline;text-underline-offset:5px;font-size:14px}.num{font-weight:850;color:#138369;font-size:12px;letter-spacing:.08em}.checkgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin-top:16px}.checkgrid label,.checklist label{padding:11px 13px;border:1px solid #dce6e4;border-radius:9px;background:#f7faf9;font-size:13px;display:flex;align-items:center;gap:8px}.checkgrid input,.checklist input{width:16px;height:16px;accent-color:#197d66}.output{margin-top:18px;background:#eff7f3;border-radius:11px;padding:15px 17px;color:#134438;font-size:14px;min-height:53px}.inputs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px;margin-top:18px}.inputs.two{grid-template-columns:repeat(2,minmax(0,1fr))}.inputs label{display:grid;gap:6px;font-size:12px;font-weight:800}.inputs input{width:100%;border:1px solid #d1e1dc;border-radius:9px;padding:11px;background:white;color:#17364b;font-weight:650}.result-row{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:16px 0}.result-row>div{border:1px solid #dfe8e4;background:#f7faf8;padding:15px;border-radius:12px}.result-row small{display:block;color:#58746d;font-size:11px}.result-row strong{display:block;font-size:21px;margin-top:6px;letter-spacing:-.04em;word-break:keep-all}.result-row .negative{color:#bc4848}.help{font-size:12px!important;color:#677a85!important}.segments{display:flex;flex-wrap:wrap;gap:7px;margin-top:15px}.segments button{border:1px solid #d1dfd8;background:white;color:var(--ink);font-weight:750;border-radius:9px;padding:10px 18px}.segments button.active{background:#0B1F3B;color:#fff}.checklist{display:grid;gap:8px;margin-top:18px}.pill{font-size:12px;background:#e3f4ed;border-radius:999px;color:#186e58;padding:6px 11px;font-weight:750}.offer-buttons{display:flex;flex-wrap:wrap;gap:10px;margin:14px 0}.offer-buttons a{background:#e7f7ec;border-radius:10px;padding:11px 15px;text-decoration:none!important}.mini-btn{border:1px solid #145944;background:#fff;border-radius:9px;padding:10px 15px;color:#125641;font-size:13px;font-weight:800;margin-top:12px}.cta-section{background:#0b2a3b;color:white;padding:65px 0}.cta-flex{display:flex;justify-content:space-between;align-items:center;gap:30px}.cta-flex h2{font-size:30px;letter-spacing:-.05em;margin:12px 0}.cta-flex p{color:#bfd6d7;max-width:680px}.cta-flex .btn{white-space:nowrap}footer{background:#081a2c;color:#b9d6d5;padding:24px 0}footer .wrap{display:flex;gap:25px;align-items:center;font-size:12px;flex-wrap:wrap}footer b{color:#fff}footer a{margin-left:auto;color:#b9efd8}
@media(max-width:850px){.nav nav{display:none}.hero-grid{grid-template-columns:1fr;gap:20px}.hero{padding:60px 0}.metric{flex-wrap:wrap}.metric small{min-width:100%;padding-left:27px}.section{padding:65px 0}.cta-flex{flex-wrap:wrap}}
@media(max-width:590px){.wrap{width:min(100% - 30px,1170px)}.nav{min-height:65px}.brand{font-size:17px}.brand img{width:34px;height:34px}.nav-cta{padding:9px 12px}.hero h1{font-size:38px}.tools-grid{grid-template-columns:1fr}.tool.wide{grid-column:span 1}.checkgrid{grid-template-columns:repeat(2,minmax(0,1fr))}.inputs,.inputs.two{grid-template-columns:1fr}.result-row{grid-template-columns:1fr}.tool{padding:22px}.cta-flex h2{font-size:25px}footer a{margin-left:0}}