:root{color-scheme:dark;--ink:#f5f1e8;--muted:#9bacb3;--line:#30404b;--night:#101a23;--panel:#182630;--mint:#baf27a;--coral:#ff8e72;--blue:#6ed1e7;font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Noto Sans KR",sans-serif;font-synthesis:none}*{box-sizing:border-box}html{background:var(--night)}body{margin:0;min-height:100vh;min-height:100dvh;color:var(--ink);background:radial-gradient(circle at 78% 8%,#233b46 0,transparent 31rem),linear-gradient(135deg,#101a23,#111d27 60%,#0d171f)}a{color:inherit}.wrap{width:min(1180px,calc(100% - 40px));margin-inline:auto}.site-header{height:106px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:12px;color:var(--ink);text-decoration:none;font-size:12px;font-weight:850;line-height:.92;letter-spacing:.08em}.brand-mark{display:grid;grid-template-columns:repeat(2,8px);gap:3px;padding:9px;border-radius:10px;background:var(--mint)}.brand-mark i{width:8px;height:8px;background:var(--night);border-radius:2px}.home-link,.back-link{color:var(--muted);font-size:13px;font-weight:650;text-decoration:none}.home-link:hover,.back-link:hover{color:var(--ink)}.hub-main{padding:86px 0 70px}.hero{max-width:830px;margin-bottom:92px}.kicker{margin:0 0 23px;color:var(--mint);font:750 12px/1.2 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.16em}.hero h1{margin:0;font-size:clamp(52px,8vw,112px);font-weight:820;line-height:.92;letter-spacing:-.075em}.hero h1 em{color:var(--mint);font-style:normal}.hero-copy{margin:30px 0 0;color:var(--muted);font-size:clamp(16px,2vw,20px)}.section-head{display:flex;align-items:end;justify-content:space-between;margin-bottom:24px}.section-head h2{margin:0;font-size:18px;letter-spacing:-.03em}.section-head p{margin:0;color:var(--muted);font:600 12px ui-monospace,monospace;text-transform:uppercase}.tool-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.tool-card{position:relative;display:grid;grid-template-columns:auto 1fr;gap:26px;min-height:290px;padding:32px;border:1px solid var(--line);border-radius:25px;background:#17242e;text-decoration:none;overflow:hidden;transition:transform .25s ease,border-color .25s ease,background .25s ease;animation:rise .55s calc(var(--order)*.08s) both}.tool-card::after{content:"";position:absolute;width:220px;height:220px;right:-70px;bottom:-95px;border-radius:50%;background:var(--tone);opacity:.08;transition:transform .35s ease,opacity .35s ease}.tool-card:hover{transform:translateY(-5px);border-color:#526773;background:#1a2a35}.tool-card:hover::after{transform:scale(1.25);opacity:.14}.tone-mint{--tone:var(--mint)}.tone-coral{--tone:var(--coral)}.tool-icon{display:grid;place-items:center;width:68px;height:68px;border-radius:19px;color:var(--night);background:var(--tone)}.tool-icon svg{width:39px;height:39px;fill:none;stroke:currentColor;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}.tool-copy{display:flex;flex-direction:column}.tool-copy small{margin:7px 0 18px;color:var(--tone);font:750 11px ui-monospace,monospace;letter-spacing:.16em}.tool-copy strong{font-size:clamp(25px,3vw,38px);letter-spacing:-.055em}.tool-copy>span{max-width:390px;margin-top:13px;color:var(--muted);font-size:15px;line-height:1.65}.tool-action{grid-column:1/-1;align-self:end;display:flex;justify-content:space-between;align-items:center;padding-top:26px;border-top:1px solid var(--line);font-size:14px;font-weight:750}.tool-action b{display:grid;place-items:center;width:37px;height:37px;border-radius:50%;color:var(--night);background:var(--tone);font-size:17px}footer{display:flex;justify-content:space-between;padding:24px 0 34px;border-top:1px solid var(--line);color:#748790;font:650 10px ui-monospace,monospace;letter-spacing:.12em}.tool-main{padding:54px 0 70px}.tool-heading{display:grid;grid-template-columns:1fr auto;align-items:end;gap:24px;margin:32px 0 42px}.tool-heading h1{margin:8px 0 0;font-size:clamp(42px,6vw,76px);line-height:.95;letter-spacing:-.065em}.tool-heading p{max-width:400px;margin:0;color:var(--muted);line-height:1.7}.pill{display:inline-flex;align-items:center;gap:7px;color:var(--mint);font:750 11px ui-monospace,monospace;letter-spacing:.13em}.pill::before{content:"";width:7px;height:7px;border-radius:50%;background:currentColor;box-shadow:0 0 0 4px #baf27a1a}.primary,.secondary{appearance:none;border:0;border-radius:999px;padding:15px 23px;font:750 15px inherit;cursor:pointer}.primary{color:var(--night);background:var(--mint);box-shadow:0 8px 25px #baf27a1c}.primary:hover{background:#c9fa91}.primary:disabled{cursor:wait;opacity:.55}.secondary{color:var(--ink);border:1px solid var(--line);background:#1b2a34}.secondary:hover{border-color:#60747f}.load-error{color:var(--coral)}@keyframes rise{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}@media(max-width:740px){.wrap{width:min(100% - 28px,1180px)}.site-header{height:82px}.hub-main{padding:56px 0 55px}.hero{margin-bottom:64px}.hero h1{font-size:clamp(48px,15vw,76px)}.tool-grid{grid-template-columns:1fr}.tool-card{min-height:265px;padding:25px;gap:19px}.tool-icon{width:58px;height:58px;border-radius:16px}.tool-heading{grid-template-columns:1fr;margin-top:22px}.tool-heading p{font-size:14px}.tool-main{padding-top:34px}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}