@font-face{font-family:Pretendard;font-style:normal;font-display:swap;font-weight:400;src:url(../media/pretendard-latin-400-normal.0p64717aulibp.woff2)format("woff2"),url(../media/pretendard-latin-400-normal.22h2kx3gi--cr.woff)format("woff")}
@font-face{font-family:Pretendard;font-style:normal;font-display:swap;font-weight:500;src:url(../media/pretendard-latin-500-normal.0emjoejheep8i.woff2)format("woff2"),url(../media/pretendard-latin-500-normal.3nn03-2zz9my4.woff)format("woff")}
@font-face{font-family:Pretendard;font-style:normal;font-display:swap;font-weight:600;src:url(../media/pretendard-latin-600-normal.0xd7ax18syr9o.woff2)format("woff2"),url(../media/pretendard-latin-600-normal.18j7deucor3pc.woff)format("woff")}
@font-face{font-family:Pretendard;font-style:normal;font-display:swap;font-weight:700;src:url(../media/pretendard-latin-700-normal.177o-ap6kz_9v.woff2)format("woff2"),url(../media/pretendard-latin-700-normal.0zc344h9ksk37.woff)format("woff")}
@font-face{font-family:Pretendard;font-style:normal;font-display:swap;font-weight:800;src:url(../media/pretendard-latin-800-normal.3v4yed8t6hf9p.woff2)format("woff2"),url(../media/pretendard-latin-800-normal.28g7g9tc64wgk.woff)format("woff")}
:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#101813;--surface:#1b2920;--surface-2:#223429;--line:#526451;--cream:#f3efdf;--muted:#c7d0c1;--gold:#dec184}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--cream);margin:0;font-family:Pretendard,Malgun Gothic,sans-serif}a{color:inherit}a:focus-visible{outline:3px solid var(--gold);outline-offset:4px}.site-shell{max-width:1480px;margin:auto;padding:0 clamp(18px,4vw,64px)}.site-top{justify-content:space-between;align-items:center;gap:24px;height:72px;display:flex}.site-brand{letter-spacing:.04em;white-space:nowrap;font-family:Pretendard,sans-serif;font-size:26px;font-weight:800;text-decoration:none}.site-brand span{color:var(--gold)}.site-top nav{align-items:center;gap:8px;display:flex}.site-top nav a{color:#e4e7dc;white-space:nowrap;border:1px solid #0000;border-radius:10px;padding:10px 14px;font-size:14px;font-weight:700;text-decoration:none}.site-top nav a:hover,.site-top nav a:focus-visible{background:#283a2d;border-color:#83937b}.intro{isolation:isolate;background:#1b2720;border:1px solid #455748;border-radius:16px;align-items:center;min-height:min(630px,100dvh - 92px);display:flex;position:relative;overflow:hidden}.intro-image{object-fit:cover;object-position:center;z-index:-2}.intro:before{content:"";z-index:-1;background:linear-gradient(90deg,#101a15f7 0%,#101a15e8 31%,#101a15a8 50%,#101a1520 84%);position:absolute;inset:0}.intro-content{max-width:720px;padding:clamp(32px,5.5vw,82px)}.kicker{color:#e4c98f;letter-spacing:.04em;margin:0 0 20px;font-size:14px;font-weight:800}.intro h1{letter-spacing:-.055em;word-break:keep-all;margin:0;font-size:clamp(38px,4.9vw,67px);font-weight:800;line-height:1.19}.intro h1 em{color:#e9cb8d;font-style:normal}.intro-copy{color:#e1e5d8;word-break:keep-all;max-width:540px;margin:24px 0 31px;font-size:clamp(16px,1.25vw,18px);line-height:1.75}.intro-action{background:var(--gold);color:#18211a;white-space:nowrap;border-radius:10px;justify-content:space-between;align-items:center;gap:26px;min-width:170px;padding:15px 20px;font-size:16px;font-weight:800;text-decoration:none;transition:background .2s,transform .2s;display:inline-flex}.intro-action:hover{background:#f0d79f;transform:translateY(-2px)}.intro-action:active{transform:translateY(0)}.tools-section{padding:84px 0 56px}.section-heading{margin-bottom:26px}.section-heading h2{letter-spacing:-.04em;margin:0;font-size:clamp(27px,3vw,39px);line-height:1.25}.section-heading p{color:var(--muted);margin:9px 0 0;font-size:16px;line-height:1.6}.feature-tool{background:var(--surface);border:1px solid #61715d;border-radius:16px;grid-template-columns:1.05fr .95fr;min-height:340px;text-decoration:none;transition:border-color .2s,transform .2s;display:grid;overflow:hidden}.feature-tool:hover,.feature-tool:focus-visible{border-color:var(--gold);transform:translateY(-3px)}.feature-copy{flex-direction:column;align-items:flex-start;padding:clamp(26px,3vw,46px);display:flex}.tool-kind{color:#e8cc93;font-size:13px;font-weight:800}.feature-copy h3{letter-spacing:-.045em;margin:18px 0 0;font-size:clamp(28px,3vw,41px)}.feature-copy p{max-width:47ch;color:var(--muted);word-break:keep-all;margin:17px 0 26px;font-size:17px;line-height:1.75}.tool-link{color:#f2d79e;align-items:center;gap:14px;margin-top:auto;font-size:16px;font-weight:800;display:inline-flex}.feature-flow{background:radial-gradient(circle at 80% 10%,#60704a4d,#0000 43%),repeating-linear-gradient(0deg,#0000 0 39px,#d9c2860c 40px),#15231b;border-left:1px solid #61715d;flex-direction:column;justify-content:space-between;gap:25px;min-height:300px;padding:clamp(24px,3vw,42px);display:flex}.feature-flow-heading{color:#dfc58d;letter-spacing:.11em;justify-content:space-between;gap:12px;font-size:12px;font-weight:800;display:flex}.feature-flow-steps{gap:11px;display:grid}.feature-flow-steps div{background:#213428d9;border:1px solid #687b61;border-radius:10px;grid-template-columns:40px 1fr;align-items:center;column-gap:13px;padding:12px 14px;display:grid}.feature-flow-steps div>span{color:#e6c982;grid-row:span 2;font-size:21px;font-weight:800}.feature-flow-steps strong{font-size:17px}.feature-flow-steps small{color:#bccbb8;margin-top:2px;font-size:13px}.feature-flow-foot{color:#aaba9e;letter-spacing:.11em;font-size:10px;font-weight:700}.secondary-tools{grid-template-columns:1fr;gap:16px;margin-top:16px;display:grid}.secondary-tool{border:1px solid var(--line);background:var(--surface-2);border-radius:16px;flex-direction:column;align-items:flex-start;min-height:264px;padding:clamp(24px,2.4vw,34px);text-decoration:none;transition:border-color .2s,transform .2s;display:flex}.secondary-tool:hover,.secondary-tool:focus-visible{border-color:var(--gold);transform:translateY(-3px)}.secondary-tool h3{letter-spacing:-.035em;margin:14px 0 0;font-size:clamp(24px,2.3vw,30px)}.secondary-tool p{max-width:49ch;color:var(--muted);word-break:keep-all;margin:12px 0 28px;font-size:16px;line-height:1.7}.storage-note{border-top:1px solid #4b5b4c;grid-template-columns:240px 1fr;gap:22px;padding:24px 0 44px;display:grid}.storage-note strong{color:#ead4aa;font-size:16px}.storage-note p{color:var(--muted);margin:0;font-size:15px;line-height:1.7}.site-footer{color:#bfccbe;border-top:1px solid #3b4a3d;justify-content:space-between;gap:12px;padding:23px 0 34px;font-size:14px;display:flex}.site-footer a{color:#ecd29c;text-decoration:none}@media (prefers-reduced-motion:no-preference){.intro-content{animation:.65s both enter-copy}.intro-image{animation:1.1s both enter-image}.feature-tool{animation:.55s both enter-copy}@keyframes enter-copy{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@keyframes enter-image{0%{opacity:.55;transform:scale(1.035)}to{opacity:1;transform:scale(1)}}}@media (max-width:760px){.intro{align-items:flex-end;min-height:540px}.intro-image{object-position:67% center}.intro:before{background:linear-gradient(#101a1540 0%,#101a15dd 62%,#101a15f8 100%)}.intro-content{padding:28px}.intro h1{font-size:clamp(36px,7vw,52px)}.tools-section{padding-top:62px}.feature-tool{grid-template-columns:1fr}.feature-flow{border-bottom:1px solid #61715d;border-left:0;order:-1;min-height:260px}.secondary-tools{grid-template-columns:1fr}.secondary-tool{min-height:230px}.storage-note{grid-template-columns:1fr;gap:8px}}@media (max-width:480px){.site-top{height:66px}.site-brand{font-size:23px}.site-top nav{gap:0}.site-top nav a{padding:8px;font-size:12px}.intro{min-height:530px}.intro-content{padding:23px}.intro-copy{font-size:16px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}