@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Noto+Sans+KR:wght@400;500;600;700&display=swap');

:root{color-scheme:light;--paper:#f4f6f2;--ink:#182e25;--muted:#627169;--line:#d5ddd3;--green:#456b3c;--lime:#b8ef96}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:40px}body{margin:0;background:var(--paper);color:var(--ink);font-family:'DM Sans','Noto Sans KR',sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}a:focus-visible{outline:3px solid var(--green);outline-offset:7px}::selection{background:var(--lime);color:var(--ink)}.shell{max-width:1440px;margin:auto;padding:0 64px}.skip{position:absolute;top:-80px;left:20px;background:var(--ink);color:white;padding:12px;z-index:2}.skip:focus{top:12px}header{height:112px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:11px;font-size:29px;font-weight:700;letter-spacing:-1.5px}.mark{display:grid;place-items:center;background:var(--ink);color:var(--paper);width:36px;height:36px;border-radius:9px;font-size:29px;padding-bottom:4px}.brand-dot{font-size:11px;align-self:flex-start;padding-top:4px;letter-spacing:0}nav a{font-size:13px;font-weight:500;display:flex;gap:28px}.hero{display:grid;grid-template-columns:1.05fr 1fr;gap:72px;padding:100px 0 104px;align-items:center}.eyebrow{font-size:11px;font-weight:600;letter-spacing:1.8px;display:flex;align-items:center;gap:9px}.status-dot{width:6px;height:6px;border-radius:50%;background:#6d945b;display:inline-block;flex-shrink:0}h1{font-size:clamp(54px,5.5vw,78px);line-height:1.07;font-weight:500;letter-spacing:-4px;margin:31px 0}.accent{font-family:Georgia,serif;font-style:italic;color:var(--green);font-weight:400}.lead{font-size:23px;font-weight:500;line-height:1.65;letter-spacing:-.8px;margin:0 0 18px}.description{font-size:14px;color:var(--muted);line-height:1.9;letter-spacing:-.25px}.cta{display:inline-flex;align-items:center;gap:45px;background:var(--ink);color:white;padding:17px 21px;margin-top:26px;border-radius:4px;font-size:13px;transition:background .2s}.cta:hover{background:var(--green)}.data-view{background:#20362c;color:#eaf0e7;padding:25px 30px 20px;border-radius:8px;transform:rotate(1deg);box-shadow:0 20px 50px #1b302514;position:relative}.view-top{font-family:monospace;font-size:9px;letter-spacing:1px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #4b5c50;padding-bottom:20px;gap:15px}.view-top .status-dot{background:var(--lime);margin-right:7px}.view-tag{color:#c0cbbf;white-space:nowrap}.view-title{display:flex;justify-content:space-between;align-items:center;margin:27px 0;font-size:27px;line-height:1.25;letter-spacing:-.7px}.cross{font-size:64px;color:var(--lime);line-height:1}.chart{padding:15px 0 20px}.chart-label{display:flex;justify-content:space-between;font-family:monospace;font-size:9px;letter-spacing:1px;color:#b9c8ba;margin-bottom:20px}.chart svg{display:block;width:100%;height:auto;overflow:visible}.data-fields{font-size:11px;margin:0}.data-fields>div{display:flex;justify-content:space-between;gap:15px;border-top:1px solid #435549;padding:14px 0}.data-fields dt{font-family:monospace;color:var(--lime)}.data-fields dd{margin:0;color:#d8e0d5}.view-bottom{display:flex;justify-content:space-between;font:9px monospace;letter-spacing:.6px;border-top:1px solid #435549;padding-top:17px}.demo-note{font-size:9px;color:#b9c8ba;line-height:1.6;margin:15px 0 0}.approach{border-top:1px solid var(--line);padding:64px 0 70px;display:grid;grid-template-columns:1fr 1.65fr;gap:80px}.section-heading .eyebrow{margin-top:0;color:var(--green)}h2{font-size:26px;letter-spacing:-1px;line-height:1.6;margin:24px 0 18px;font-weight:500}.section-heading>p:last-child{font-size:13px;color:var(--muted)}.principles{display:flex;flex-direction:column}.principles article{display:grid;grid-template-columns:90px 1fr;column-gap:22px;padding:23px 0;border-bottom:1px solid var(--line)}.principles article:first-child{padding-top:0}.number{font:10px monospace;color:var(--green);grid-row:span 2;padding-top:5px;letter-spacing:.4px}h3{font-size:17px;letter-spacing:-.5px;font-weight:500;margin:0 0 10px}.principles p{font-size:13px;line-height:1.9;color:var(--muted);margin:0}.closing{border-top:1px solid var(--line);padding:54px 0 60px}.closing>p:first-child{font-size:13px;color:var(--muted)}.closing>span{font-size:clamp(31px,4.6vw,60px);letter-spacing:-2px;font-weight:500}.closing-dot{color:#71935f;font-size:14px;vertical-align:middle;margin-left:20px}.closing-note{font-size:12px;line-height:1.8;color:var(--muted);margin-top:22px}footer{border-top:1px solid var(--line);padding:25px 0 34px;display:flex;justify-content:space-between;align-items:center;color:var(--muted);font-size:10px}.footer-brand{font-size:20px;font-weight:700;letter-spacing:-1px;color:var(--ink)}
@media(min-width:1440px){.hero{gap:100px}}
@media(max-width:1000px){.shell{padding:0 32px}.hero{gap:35px;padding:72px 0 80px}h1{font-size:58px;letter-spacing:-3px}.data-view{padding:22px}.view-tag{display:none}.view-title{font-size:23px}.approach{gap:40px}.lead{font-size:20px}.desktop-break{display:none}}
@media(max-width:700px){.shell{padding:0 24px}header{height:85px}.brand{font-size:25px}nav a{font-size:11px;gap:10px}.hero{grid-template-columns:1fr;gap:50px;padding:52px 0 65px}h1{font-size:clamp(49px,11vw,70px);letter-spacing:-3px;margin:25px 0}.lead{font-size:21px}.description{font-size:13px}.cta{margin-top:20px}.data-view{transform:none;padding:23px}.view-tag{display:block;font-size:8px}.view-title{font-size:27px}.approach{grid-template-columns:1fr;gap:30px;padding:44px 0}.section-heading h2{font-size:24px}.principles article{grid-template-columns:75px 1fr;gap:10px}.principles p{font-size:12px}.closing{padding:35px 0 40px}.closing>span{letter-spacing:-1px}.closing-dot{margin-left:12px;font-size:10px}footer>span:last-child{display:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}