@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@400;500;600;700&family=Noto+Sans+KR:wght@400;500;600;700;800;900&display=swap');
:root{--bg:#141613;--panel:#1b1e19;--ink:#f0f0e8;--muted:#a0a59b;--acid:#d4ff58;--line:#373c31}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:25px}body{margin:0;background:var(--bg);color:var(--ink);font-family:'Noto Sans KR',sans-serif}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid var(--acid);outline-offset:5px}header{max-width:1440px;margin:auto;display:flex;align-items:center;padding:26px 5%;border-bottom:1px solid var(--line);gap:15px}.brand{font:700 36px 'IBM Plex Mono',monospace;letter-spacing:-5px}.brand span{color:var(--acid)}.wordmark{font:700 15px 'IBM Plex Mono',monospace;letter-spacing:1px}.wordmark span{display:block;color:var(--muted);font-size:9px;letter-spacing:1.8px;margin-top:5px}nav{margin-left:auto;display:flex;gap:30px;font-size:12px}nav a:last-child span{color:var(--acid)}.hero{max-width:1440px;margin:auto;padding:65px 5% 28px}.eyebrow,.section-label,.footnote,.form-title,.preview-label,footer,.quotes article>span{font-family:'IBM Plex Mono','Noto Sans KR',monospace}.eyebrow{font-size:11px;letter-spacing:1.2px;color:var(--muted);display:flex;align-items:center;gap:9px}.dot{width:7px;height:7px;border-radius:50%;background:var(--acid)}h1{font-family:'IBM Plex Mono',monospace;font-size:clamp(48px,8.3vw,122px);line-height:1.05;letter-spacing:-.07em;margin:28px 0 45px;font-weight:600}h1>span{color:var(--acid)}h1 sup{font-size:25px;vertical-align:top;display:inline-block;margin:12px 0 0 16px;color:var(--acid)}.hero-bottom{display:grid;grid-template-columns:1fr 1fr;gap:8%;align-items:center}h2{font-size:clamp(28px,3vw,42px);line-height:1.5;letter-spacing:-1.5px;margin:0 0 20px}.hero-bottom h2{font-size:29px}.hero p{font-size:14px;line-height:1.9;color:var(--muted)}.button{padding:18px 22px;display:flex;justify-content:space-between;gap:24px;align-items:center;border:1px solid transparent;font-weight:700;font-size:14px;transition:background .15s,transform .15s}.button:hover{transform:translateY(-2px)}.primary{background:var(--acid);color:#1b2110}.primary:hover{background:#e1ff8e}.hero .button{display:inline-flex;margin-top:14px}.hero small{display:block;font-size:10px;color:var(--muted);margin-top:13px}.terminal{border:1px solid #4e5741;background:#10120f;transform:rotate(-2deg);font:12px/1.8 'IBM Plex Mono','Noto Sans KR',monospace;box-shadow:12px 12px 0 #252a20}.terminal-bar{display:flex;gap:6px;align-items:center;padding:11px 16px;border-bottom:1px solid var(--line)}.terminal-bar i{width:7px;height:7px;background:#535c47;border-radius:50%}.terminal-bar i:first-child{background:var(--acid)}.terminal-bar span{margin-left:auto;font-size:10px;color:var(--muted)}.terminal-body{padding:18px 25px}.terminal-body p{font:inherit;color:var(--ink);margin:0 0 13px}.terminal-body b{color:var(--acid)}.terminal-body .muted{color:#747f69}.terminal-body .error{color:var(--acid)}.employee{border-top:1px dashed var(--line);padding-top:18px;display:flex;align-items:center;gap:15px;font-size:9px;color:var(--muted)}.face{font-size:24px;white-space:nowrap;color:var(--ink)}.stamp{border:2px solid var(--acid);padding:3px 7px;transform:rotate(-10deg);color:var(--acid);margin-left:auto;font-size:12px;font-weight:bold}.hero .footnote{font-size:10px;margin-top:52px}.ticker{padding:16px 0;background:var(--acid);color:#1b2110;white-space:nowrap;overflow:hidden;font:600 15px 'IBM Plex Mono',monospace;letter-spacing:2px}.ticker span{padding:0 32px}.section{padding:80px 5%;max-width:1440px;margin:auto}.manifesto{display:grid;grid-template-columns:1fr 3fr;gap:35px}.section-label{font-size:11px;color:var(--muted);letter-spacing:1px;padding-top:12px}.manifesto>div>p,.generator-heading>p{color:var(--muted);font-size:14px;line-height:1.9;max-width:650px}.quotes{margin-top:35px}.quotes article{padding:20px 0;border-top:1px solid var(--line)}.quotes article>span{font-size:10px;color:var(--acid)}.quotes h3{font-size:17px;margin:9px 0}.quotes p{font-size:13px;margin:0;color:var(--muted)}.generator{border-top:1px solid var(--line)}.generator-heading{margin-top:22px}.workspace{display:grid;grid-template-columns:1fr 1.15fr;margin-top:36px;border:1px solid var(--line)}form{padding:32px;align-self:start}.form-title{display:flex;justify-content:space-between;font-size:12px;margin-bottom:30px}.form-title span:last-child{font-size:9px;color:var(--muted)}label{font-size:12px;color:#c2c7ba;display:block;margin:22px 0 9px}input,select{width:100%;min-width:0;background:#21251d;border:1px solid #424a37;border-radius:0;padding:14px;color:var(--ink);font-size:13px}select{cursor:pointer}input:focus,select:focus{border-color:var(--acid)}.form-actions{display:flex;gap:12px;margin-top:25px}.form-actions button{border:1px solid var(--line);background:transparent;color:var(--ink);padding:12px 16px;font-size:12px}.form-actions button:hover{border-color:var(--acid);color:var(--acid)}.privacy{color:var(--muted);font-size:11px;line-height:1.9;margin-top:24px}.preview{background:#24291f;padding:25px 32px 20px;border-left:1px solid var(--line)}.preview-label{display:flex;justify-content:space-between;color:#acb79f;font-size:9px;letter-spacing:1px;margin-bottom:15px}canvas{display:block;width:100%;height:auto;max-width:420px;margin:0 auto 23px;box-shadow:0 6px 25px #0005}.preview .button{width:100%;margin-top:10px}.secondary{background:transparent;color:var(--ink);border:1px solid #606c50}.secondary:hover{background:#333c29}#status{color:#b7c1ab;font-size:10px;text-align:center;min-height:18px}.closing{text-align:center;padding:80px 5%;border-top:1px solid var(--line)}.closing .eyebrow{justify-content:center;margin-bottom:25px}.closing p{color:var(--muted);font-size:13px;line-height:1.9}.closing strong{color:var(--ink);font-weight:500}.closing a{display:inline-block;margin-top:18px;border-bottom:1px solid var(--acid);padding-bottom:8px;font-size:13px;color:var(--acid)}footer{border-top:1px solid var(--line);padding:25px 5%;display:flex;justify-content:space-between;align-items:center;gap:25px;font-size:9px;color:var(--muted)}footer p{line-height:1.8}footer b{color:var(--acid)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(min-width:1500px){.section,.hero{padding-left:72px;padding-right:72px}}@media(max-width:760px){header{padding:20px 6%}.wordmark{font-size:12px}nav{gap:15px;font-size:11px}nav a:first-child{display:none}.hero{padding:45px 6% 22px}h1{font-size:clamp(35px,9.2vw,68px);margin-bottom:32px}h1 sup{font-size:16px;margin-left:7px}.hero-bottom{grid-template-columns:1fr;gap:35px}.hero-bottom h2{font-size:25px}.terminal{max-width:540px;transform:none}.hero .footnote{margin-top:35px}.section{padding:50px 6%}.manifesto{grid-template-columns:1fr;gap:20px}h2{font-size:27px}.workspace{grid-template-columns:1fr}form{padding:25px}.preview{border-left:0;border-top:1px solid var(--line);padding:25px}footer{flex-direction:column;align-items:flex-start;gap:8px;padding:25px 6%}footer p{margin:0}.closing{padding:55px 6%}.eyebrow{font-size:9px}.form-title span:last-child{font-size:8px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button{transition:none}}

.share-panel{margin-top:28px;border-top:1px solid #606c50;padding-top:24px;text-align:left}.share-kicker{font:10px/1.7 'IBM Plex Mono','Noto Sans KR',monospace;color:var(--acid);letter-spacing:1px}.share-panel h3{font-size:19px;line-height:1.6;margin:12px 0 16px}.share-panel ol{padding-left:21px;color:#bfc8b4;font-size:12px;line-height:1.9}.share-panel li{padding:0 0 12px 5px}.share-panel strong{color:var(--ink)}.share-help{font-size:11px;color:#bfc8b4;line-height:1.8}.community-links{display:flex;flex-direction:column;gap:13px;margin-top:20px}.community-links a{font-size:12px;color:var(--acid);text-decoration:underline;text-underline-offset:4px}.share-panel .button{white-space:normal}

.scope-tool{border-top:1px solid var(--line)}.scope-tool h2{margin-top:22px}.scope-intro,.research p{color:var(--muted);font-size:14px;line-height:1.9;max-width:760px}.scope-tool textarea{width:100%;resize:vertical;background:#21251d;border:1px solid #424a37;color:var(--ink);padding:14px;font:13px/1.8 'Noto Sans KR',sans-serif;border-radius:0}.scope-tool textarea:focus-visible{outline:3px solid var(--acid);outline-offset:3px}.scope-tool .button{margin-top:24px;width:100%}.scope-result{padding:30px;background:#24291f;border-left:1px solid var(--line)}#scope-output{background:#171b13;min-height:480px}#scope-status{font-size:12px;color:var(--acid);line-height:1.8}.research{margin-top:30px;padding:24px;border:1px solid var(--line)}.research h3{font-size:21px;margin:0}.research a{color:var(--acid);font-size:13px;text-decoration:underline;text-underline-offset:4px}@media(max-width:760px){.scope-result{border-left:0;border-top:1px solid var(--line);padding:25px}nav{flex-wrap:wrap;gap:12px}nav a:first-child{display:inline}.scope-tool .form-title{line-height:1.8}}
