@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700;800&family=Noto+Sans+KR:wght@400;500;600;700;800;900&display=swap');
:root{color-scheme:dark;--bg:#0a1517;--rail:#0c1b1d;--panel:#14272a;--panel2:#193236;--stroke:#304c4d;--ink:#edf6ed;--muted:#a0b9b6;--mint:#c1f0a5;--yellow:#eec68d;--cyan:#8ce1de;--red:#f2a297;font-family:"DM Sans","Noto Sans KR",system-ui,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:84px}body{margin:0;color:var(--ink);background:var(--bg)}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button{cursor:pointer}button:disabled{opacity:.5;cursor:not-allowed}.layout{display:grid;grid-template-columns:246px minmax(0,1fr);min-height:100vh}.rail{padding:29px 16px;background:var(--rail);border-right:1px solid #294547;position:sticky;top:0;height:100vh;display:flex;flex-direction:column}.brand{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:0 8px;font-size:14px}.brand>span{display:grid;place-items:center;color:#16392b;background:var(--mint);height:42px;width:42px;border-radius:13px;font-size:30px}.brand b{font-size:14px;white-space:nowrap}.brand em{color:var(--mint);font-style:normal}.brand small{display:block;font-size:8px;letter-spacing:1.4px;color:#88ada5;margin-left:51px;margin-top:-5px}.nav-title{font-size:10px;color:#799e9f;letter-spacing:1.4px;margin:56px 13px 13px;font-weight:800}.rail nav{display:grid;gap:4px}.rail nav a{display:flex;align-items:center;gap:11px;padding:14px 12px;border-radius:9px;font-size:12px;color:#abc4bf;font-weight:700}.rail nav a:hover,.rail nav a.active{background:#24453e;color:var(--mint)}.rail-bottom{margin-top:auto;border-top:1px solid #2e4846;padding:17px 11px 0;font-size:9px;letter-spacing:1px;color:var(--mint);font-weight:800}.light{display:inline-block;height:7px;width:7px;background:var(--mint);border-radius:50%;margin-right:6px;box-shadow:0 0 9px #c1f0a544}.rail-bottom p{font-weight:400;color:#93b1a9;font-size:10px;letter-spacing:0;line-height:1.7}.rail-bottom small{font-size:9px;color:#709188}
.content{max-width:1900px;width:100%;margin:auto;min-width:0}.topbar{border-bottom:1px solid #294745;display:flex;align-items:center;justify-content:space-between;padding:0 4%;height:72px;gap:13px;color:#8cacac;font-size:10px;letter-spacing:1.2px;font-weight:800}.topbar strong{color:#dfe9e3}.topbar i{font-style:normal;padding:0 10px;color:#5c8780}.tag{color:var(--mint);font-size:10px;background:#1c382e;border:1px solid #3f6a4b;padding:8px 12px;border-radius:26px;white-space:nowrap}
main{padding:22px 4% 65px}.hero{border:1px solid #3b6556;border-radius:17px;padding:44px 38px;background:radial-gradient(circle at 92% 50%,#34634b,#193b39 31%,#172f33 72%);min-height:237px}.eyebrow{font-size:10px;font-weight:900;letter-spacing:1.8px;color:var(--mint)}.hero h1{font-size:clamp(30px,3.5vw,45px);line-height:1.27;letter-spacing:-1.9px;margin:14px 0 13px}.hero h1 em{color:var(--mint);font-style:normal}.hero p{font-size:12px;line-height:1.8;max-width:780px;color:#c0d9d0;margin:0}.hero-meta{display:flex;gap:16px;flex-wrap:wrap;color:#c1e4c9;margin-top:22px;font-size:10px}.kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:13px;margin-top:18px}.kpis>div{background:#162b2d;border:1px solid var(--stroke);border-radius:13px;padding:19px;min-height:142px}.kpis>div:first-child{background:#23483a;border-color:#46735a}.kpis span,.kpis small{display:block;color:#b3c9ba;font-size:11px}.kpis strong{display:block;font-size:37px;letter-spacing:-1px;margin:9px 0}.kpis small{font-size:10px;color:#96b3a5}.titleline{display:flex;justify-content:space-between;align-items:center;gap:20px;margin:35px 0 17px}.titleline h2{font-size:23px;letter-spacing:-.7px;margin:8px 0 5px}.titleline p{font-size:12px;color:var(--muted);margin:0}.labelpill{color:var(--mint);background:#224335;border:1px solid #456956;border-radius:18px;padding:7px 11px;font-size:10px;font-weight:800;white-space:nowrap}.labelpill.amber{color:var(--yellow);border-color:#746646;background:#3b3428}
.maker-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px}.maker{background:#14292a;border:1px solid var(--stroke);border-radius:14px;padding:18px;display:flex;flex-direction:column;gap:10px;min-height:220px;text-align:left;width:100%;color:var(--ink);transition:border-color .15s,transform .15s}.maker:hover{transform:translateY(-2px);border-color:#9bce9d}.maker.current{border-color:var(--mint);box-shadow:0 0 0 1px #c1f0a54b}.maker-head{display:flex;justify-content:space-between;align-items:center;gap:8px}.maker-head strong{font-size:10px;letter-spacing:.8px;color:#acdcbd}.maker-head span{font-size:9px;color:#c6d5b1;border:1px solid #536d4c;border-radius:12px;padding:4px 6px}.maker-name{font-size:14px;font-weight:900;line-height:1.5}.maker-meta{color:#a5beb5;font-size:11px;line-height:1.6}.maker-spec{margin-top:auto;border-top:1px solid #304c44;padding-top:13px;display:flex;gap:8px;align-items:baseline}.maker-spec b{font-size:15px;letter-spacing:-.5px;color:#e8f4e8}.maker-spec span{font-size:10px;color:#c0d3c3}.maker-footer{color:var(--mint);font-size:10px;font-weight:800}.empty{grid-column:1/-1;color:#a0b8b6;font-size:13px}
.panel{background:var(--panel);border:1px solid var(--stroke);border-radius:14px;padding:22px}.calc-grid{display:grid;grid-template-columns:minmax(320px,.91fr) minmax(0,1.09fr);gap:15px}.panel-top{display:flex;justify-content:space-between;align-items:center;gap:12px;font-size:13px}.panel-top>span{color:var(--mint);font-size:10px;letter-spacing:.6px}.controls>label,.two-fields label{display:block;margin-top:20px;color:#bfd2cb;font-size:11px;font-weight:700}.controls select,.controls input{display:block;margin-top:8px;background:#102027;border:1px solid #47635a;border-radius:9px;height:45px;width:100%;color:#e8f2e9;padding:0 13px;font-size:12px;min-width:0}.two-fields{display:grid;grid-template-columns:1fr 1fr;gap:13px}.helper{margin-top:14px;font-size:11px;line-height:1.75;color:#9cb7a9}.run{background:var(--mint);color:#183926;width:100%;font-size:12px;font-weight:900;border:0;border-radius:9px;min-height:46px;margin-top:19px}.error{font-size:11px;color:var(--red);background:#392b2a;border:1px solid #815650;padding:11px;border-radius:8px}.gear-source{margin-top:17px;border-top:1px solid #365448;padding-top:15px;font-size:11px;display:flex;flex-direction:column;gap:8px}.gear-source a{color:var(--mint);text-decoration:underline}.gear-source span{color:#9bb5a5;line-height:1.7}
.result{background:radial-gradient(circle at 75% 45%,#23483a 0,#173230 35%,#13262a 80%)}.metric-squares{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:22px}.metric-squares>div{background:#183b37;border:1px solid #3d6051;padding:17px;border-radius:9px}.metric-squares small{display:block;font-size:11px;color:#c0d8d0}.metric-squares strong{display:inline-block;font-size:34px;margin-top:12px}.metric-squares .date{font-size:16px;line-height:1.3}.metric-squares em{font-size:11px;font-style:normal;color:#adccbd;margin-left:5px}.hintline{font-size:11px;color:#a4c3b2;margin-top:14px}.range-heading{margin-top:24px;display:flex;justify-content:space-between;gap:13px;align-items:flex-end}.range-heading div>span,.range-heading>small{display:block;color:#a6c5b1;font-size:11px}.range-heading div>strong{font-size:clamp(21px,2.5vw,34px);color:#d9f1b5;display:block;margin-top:7px}.range-heading>small{max-width:160px;line-height:1.5}.barbox{background:#132f2d;padding:15px;border-radius:9px;margin-top:17px}.barlabel{display:flex;justify-content:space-between;margin:8px 0 7px;font-size:10px;color:#bcd6c5}.barlabel b{color:#e6f5df}.track{height:10px;background:#35564b;border-radius:12px;overflow:hidden}.track i{display:block;height:100%;width:0;background:linear-gradient(90deg,#63b9a3,#c4f09c);border-radius:12px;transition:width .3s}.track.high i{background:linear-gradient(90deg,#d7a76b,#edca84)}.scenario-details{font-size:11px;color:#bdd6c7;line-height:1.7;margin-top:15px}.psi-box{margin-top:19px;background:#3c362c;border:1px solid #73603e;padding:16px;border-radius:10px}.psi-box div{display:flex;align-items:center;gap:12px;justify-content:space-between}.psi-box span{color:#e7d4ad;font-size:11px}.psi-box strong{color:#ffdf9e;font-size:12px}.psi-box p{font-size:10px;color:#dfc9aa;line-height:1.75;margin:11px 0 0}
.compare{margin-top:22px}.compare h2{font-size:21px;letter-spacing:-.6px;margin:5px 0}.compare p{font-size:11px;color:#a7c2b6;line-height:1.8}.table-container{overflow:auto;margin-top:20px}table{border-collapse:collapse;width:100%;min-width:900px;font-size:11px}td,th{padding:14px 12px;white-space:normal;text-align:left;border-bottom:1px solid #2c4a42;vertical-align:top}th{color:#c6e6c3;font-size:10px;background:#1e3d35;position:sticky;top:0}td{color:#bcd1c5;line-height:1.6}td:first-child{color:#edf5e9;font-weight:800}td a{color:var(--mint);text-decoration:underline}
.method-area{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin-top:23px}.method-area h2{font-size:21px}.method-area p{font-size:11px;line-height:1.8;color:#a9c1b4}.method-area p b{color:#e9f3d6}.formula{font-size:clamp(18px,2vw,26px);font-weight:800;background:#1e4139;border:1px solid #406858;border-radius:9px;padding:18px 13px;margin:18px 0;color:#d8f3bb;text-align:center}.method-step{display:flex;justify-content:space-between;gap:15px;border-bottom:1px solid #2d4a40;padding:13px 0}.method-step b{font-size:11px;color:#d8e9d3;white-space:nowrap}.method-step span{font-size:11px;color:#9fb9ae;text-align:right;line-height:1.6}.statusline{display:flex;justify-content:space-between;gap:10px;margin-top:14px;font-size:11px;border-bottom:1px solid #355045;padding-bottom:11px}.statusline span{color:var(--mint)}.statusline span.unavailable{color:var(--yellow)}.method-area .muted{margin-top:21px;color:#e3c696}.safety{background:#343227;color:#e5d1ad;border-radius:10px;padding:18px;font-size:11px;line-height:1.8;margin-top:21px}
footer{border-top:1px solid #284039;padding:22px 4%;display:flex;justify-content:space-between;gap:15px;font-size:10px;color:#88a39a}
@media(max-width:1350px){.layout{grid-template-columns:205px minmax(0,1fr)}.rail{padding:22px 9px}.maker-grid{grid-template-columns:repeat(3,1fr)}.calc-grid{grid-template-columns:1fr 1fr}main{padding-left:3%;padding-right:3%}}
@media(max-width:1020px){.layout{display:block}.rail{position:sticky;height:auto;flex-direction:row;gap:15px;align-items:center;padding:10px 17px;overflow:auto}.brand{flex-shrink:0}.rail nav{display:flex;gap:2px}.rail nav a{white-space:nowrap}.nav-title,.rail-bottom{display:none}.topbar{height:55px}.maker-grid{grid-template-columns:repeat(2,1fr)}.calc-grid{grid-template-columns:1fr}}
@media(max-width:700px){.rail{padding:9px;gap:6px}.rail nav a span{display:none}.rail nav a{font-size:16px;padding:9px}.brand b{font-size:11px}.brand>span{height:31px;width:31px;font-size:23px}.topbar{padding:0 15px}.tag{font-size:8px}.topbar>span:first-child{font-size:9px}.topbar i{padding:0 3px}main{padding:13px}.hero{padding:28px 21px}.hero h1{font-size:30px}.hero-meta{gap:9px}.kpis{grid-template-columns:1fr 1fr;gap:8px}.kpis>div{min-height:124px;padding:13px}.kpis strong{font-size:30px}.maker-grid{grid-template-columns:1fr 1fr;gap:9px}.maker{padding:13px;min-height:211px}.maker-name{font-size:12px}.maker-meta{font-size:10px}.titleline{display:block}.titleline .labelpill{display:inline-block;margin-top:12px}.titleline h2{font-size:21px}.panel{padding:16px}.two-fields{grid-template-columns:1fr}.metric-squares{grid-template-columns:1fr 1fr}.metric-squares strong{font-size:27px}.metric-squares .date{font-size:13px}.range-heading{display:block}.range-heading>small{margin-top:9px}.method-area{grid-template-columns:1fr}.method-step{display:block}.method-step span{display:block;text-align:left;margin-top:6px}footer{padding:15px;display:block}footer span{display:block;margin-top:8px}}