:root{--ink: #0A0A0B;--surface: #141216;--surface-2: #1B181E;--border: #2A2630;--border-soft:#201D25;--text: #F4F1EA;--text-2: #A8A198;--text-3: #6E685F;--amber: #F5A623;--amber-hi: #FFC55C;--amber-deep: #B8791A;--amber-line: rgba(245, 166, 35, .28);--cool: #6FB6D6;--good: #6FCF97;--maxw: 1120px;--font-kr: "Pretendard", "Apple SD Gothic Neo", "Noto Sans KR", system-ui, -apple-system, sans-serif;--font-mono: ui-monospace, "SF Mono", "JetBrains Mono", "Roboto Mono", Menlo, monospace}*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--ink);color:var(--text);font-family:var(--font-kr);line-height:1.65;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overflow-x:hidden}a{color:inherit;text-decoration:none}canvas{display:block}html[lang=ko] body,html[lang=ko] h1,html[lang=ko] h2,html[lang=ko] h3,html[lang=ko] p,html[lang=ko] li,html[lang=ko] blockquote,html[lang=ko] .btn{word-break:keep-all}body,h1,h2,h3,p,li,blockquote{overflow-wrap:break-word}p,blockquote,li{text-wrap:pretty}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background:radial-gradient(120% 60% at 50% -10%,rgba(245,166,35,.08),transparent 60%),radial-gradient(80% 50% at 90% 0%,rgba(111,182,214,.04),transparent 55%);pointer-events:none;z-index:0}.wrap{max-width:var(--maxw);margin:0 auto;padding:0 24px;position:relative;z-index:1}.mono{font-family:var(--font-mono)}.eyebrow{font-family:var(--font-mono);font-size:.72rem;letter-spacing:.14em;color:var(--amber);display:inline-flex;align-items:center;gap:8px}.eyebrow:before{content:"";width:20px;height:1px;background:var(--amber-line)}.eyebrow.center{justify-content:center}h1,h2,h3{text-wrap:balance;margin:0;font-weight:800;letter-spacing:-.02em}h1{font-size:clamp(2.1rem,5.2vw,3.4rem);line-height:1.18}h2{font-size:clamp(1.5rem,3.2vw,2.15rem);line-height:1.22}p{margin:0}.btn{font-family:var(--font-kr);font-size:.9rem;font-weight:600;border-radius:8px;padding:9px 16px;cursor:pointer;border:1px solid transparent;transition:transform .12s ease,background .16s ease,border-color .16s ease,color .16s ease;display:inline-flex;align-items:center;gap:8px;white-space:nowrap}.btn:disabled{opacity:.55;cursor:not-allowed}.btn-primary{background:var(--amber);color:#1a1204;border-color:var(--amber-deep)}.btn-primary:not(:disabled):hover{background:var(--amber-hi);transform:translateY(-1px)}.btn-ghost{background:transparent;color:var(--text);border-color:var(--border)}.btn-ghost:not(:disabled):hover{border-color:var(--amber-line);color:var(--amber-hi)}.btn-lg{padding:13px 24px;font-size:1rem;border-radius:10px}.btn:focus-visible{outline:2px solid var(--amber-hi);outline-offset:3px}header.bar{position:sticky;top:0;z-index:50;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0a0a0bb8;border-bottom:1px solid var(--border-soft)}.bar-inner{display:flex;align-items:center;justify-content:space-between;height:60px}.wordmark{font-family:var(--font-mono);font-weight:700;letter-spacing:.18em;font-size:.95rem;display:inline-flex;align-items:center;gap:10px}.wordmark .dot{width:7px;height:7px;border-radius:50%;background:var(--amber);box-shadow:0 0 12px var(--amber)}.bar-actions{display:flex;align-items:center;gap:10px}.lang{display:inline-flex;align-items:center;border:1px solid var(--border);border-radius:8px;overflow:hidden}.lang button{font-family:var(--font-mono);font-size:.72rem;letter-spacing:.08em;padding:6px 10px;background:transparent;color:var(--text-3);border:0;cursor:pointer;transition:color .15s ease,background .15s ease}.lang button:hover{color:var(--text-2)}.lang button[aria-pressed=true]{background:#f5a62324;color:var(--amber-hi)}.lang button:focus-visible{outline:2px solid var(--amber-hi);outline-offset:-2px}.hero{padding:clamp(56px,9vw,104px) 0 clamp(40px,6vw,72px)}.hero-grid{display:grid;grid-template-columns:1.05fr 1fr;gap:56px;align-items:center}.hero h1{margin:20px 0 0}.hero .lede{margin-top:22px;color:var(--text-2);font-size:1.12rem;max-width:34em}.hero .lede+.lede{margin-top:14px}.hero .lede b{color:var(--text);font-weight:700}.hero-cta{margin-top:32px;display:flex;gap:12px;flex-wrap:wrap}.signal-panel{background:linear-gradient(180deg,var(--surface) 0%,#100E12 100%);border:1px solid var(--border);border-radius:16px;padding:18px 18px 14px;box-shadow:0 24px 60px -30px #000000e6,inset 0 1px #ffffff08}.signal-head{display:flex;align-items:center;justify-content:space-between;font-family:var(--font-mono);font-size:.7rem;letter-spacing:.12em;color:var(--text-3);text-transform:uppercase;margin-bottom:12px}.signal-head .live{display:inline-flex;align-items:center;gap:6px;color:var(--amber)}.signal-head .live:before{content:"";width:6px;height:6px;border-radius:50%;background:var(--amber);box-shadow:0 0 8px var(--amber);animation:blink 1.8s ease-in-out infinite}@keyframes blink{0%,to{opacity:1}50%{opacity:.35}}canvas#sig{width:100%;height:300px;border-radius:8px}.signal-foot{font-family:var(--font-mono);font-size:.68rem;color:var(--text-3);margin-top:10px;display:flex;justify-content:space-between;gap:12px}.signal-foot .hit{color:var(--amber-hi)}section.block{padding:clamp(48px,7vw,80px) 0;border-top:1px solid var(--border-soft)}.sec-head{max-width:40em}.sec-head h2{margin-top:14px}.sec-head .sub{margin-top:16px;color:var(--text-2);font-size:1.06rem}.prose-flow{max-width:40em;margin-top:18px;display:grid;gap:10px}.prose-flow:empty{display:none}.prose-flow p{color:var(--text-2);font-size:1.02rem}.prose-flow p b{color:var(--text);font-weight:700}.pull{margin:8px 0;border-left:2px solid var(--amber);padding:4px 0 4px 16px;color:var(--text);font-size:1.08rem;font-weight:600;text-wrap:balance}.pull b{color:var(--text)}.role .pull,.cell .pull,.loop .step .pull{font-size:.95rem;padding-left:12px;margin:4px 0}.hero .pull{margin:24px 0 0;font-size:1.1rem;max-width:34em}.cta .pull{border-left:0;padding:0;margin:0 auto 14px;max-width:40em;color:var(--amber-hi);font-weight:700}.signal-list{list-style:none;margin:6px 0;padding:0;display:flex;flex-wrap:wrap;gap:8px}.signal-list li{display:inline-flex;align-items:center;gap:8px;border:1px solid var(--border);border-radius:999px;background:var(--surface);padding:7px 14px;font-size:.88rem;color:var(--text-2);white-space:nowrap}.signal-list li:before{content:"";width:5px;height:5px;border-radius:50%;background:var(--amber);flex:none}@media(max-width:560px){.signal-list li{white-space:normal}}@media(prefers-reduced-motion:no-preference){.reveal{opacity:0;transform:translateY(14px);transition:opacity .55s ease,transform .55s ease}.reveal.in{opacity:1;transform:none}}.roles{margin-top:36px;display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.role{position:relative;background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:24px 22px}.role .tag{font-family:var(--font-mono);font-size:.7rem;letter-spacing:.14em;display:inline-flex;align-items:center;gap:8px;margin-bottom:14px}.role h3{font-size:1.18rem;margin-bottom:10px}.role p{color:var(--text-2);font-size:.96rem}.role p+p{margin-top:10px}.role.machine{border-top:2px solid var(--amber)}.role.machine .tag{color:var(--amber)}.role.human{border-top:2px solid var(--cool)}.role.human .tag{color:var(--cool)}.role .arrow{position:absolute;right:-13px;top:50%;transform:translateY(-50%);color:var(--text-3);font-family:var(--font-mono);z-index:2}.bento{margin-top:36px;display:grid;grid-template-columns:repeat(6,1fr);gap:16px}.cell{background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:26px 24px;display:flex;flex-direction:column;gap:10px;transition:border-color .18s ease,transform .18s ease}.cell:hover{border-color:var(--amber-line);transform:translateY(-2px)}.cell .kicker{font-family:var(--font-mono);font-size:.72rem;letter-spacing:.06em;color:var(--amber);display:inline-flex;align-items:center;gap:8px}.cell .kicker .num{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:6px;background:#f5a6231f;color:var(--amber-hi);font-weight:700;font-size:.7rem}.cell h3{font-size:1.14rem}.cell p{color:var(--text-2);font-size:.95rem}.cell.wide{grid-column:span 3}.cell.third{grid-column:span 2}.loop{margin-top:36px;display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.loop .step{background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:24px 22px}.loop .step .k{font-family:var(--font-mono);font-size:.68rem;letter-spacing:.14em;color:var(--text-3)}.loop .step h3{font-size:1.1rem;margin:12px 0 10px}.loop .step p{color:var(--text-2);font-size:.94rem}.loop .step p+p{margin-top:10px}.loop .step h3 .hl{color:var(--amber)}.loop-intro{margin-top:22px;color:var(--text-2);font-size:1.02rem;max-width:42em}.cta{background:radial-gradient(120% 140% at 50% 0%,rgba(245,166,35,.14),transparent 60%),var(--surface);border:1px solid var(--amber-line);border-radius:20px;padding:clamp(40px,6vw,64px);text-align:center}.cta h2{margin:14px 0 16px}.cta p{color:var(--text-2);max-width:40em;margin:0 auto 14px;font-size:1.06rem}.cta p:last-of-type{margin-bottom:28px}.cta .contact{margin-top:16px;font-family:var(--font-mono);font-size:.8rem;color:var(--text-3)}footer.foot{border-top:1px solid var(--border-soft);padding:32px 0 48px}.foot-inner{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap}.foot .fm{font-family:var(--font-mono);font-size:.76rem;color:var(--text-3);letter-spacing:.1em}.state{padding:64px 0;color:var(--text-3);font-size:.95rem}@media(max-width:900px){.hero-grid{grid-template-columns:1fr;gap:36px}.roles{grid-template-columns:1fr}.role .arrow{display:none}.bento{grid-template-columns:repeat(2,1fr)}.cell.wide,.cell.third{grid-column:span 2}.loop{grid-template-columns:1fr}}@media(max-width:560px){.bento{grid-template-columns:1fr}.cell.wide,.cell.third{grid-column:span 1}.bar-actions .btn-ghost{display:none}.lang button{padding:6px 8px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.signal-head .live:before{animation:none}.btn,.cell{transition:none}}@media print{:root{--ink: #ffffff;--surface: #f9fafb;--surface-2: #f3f4f6;--border: #e5e7eb;--border-soft: #eef0f2;--text: #111827;--text-2: #374151;--text-3: #6b7280;--amber: #b8791a;--amber-hi: #8a5a12;--amber-deep: #8a5a12;--amber-line: #e5e7eb;--cool: #1d4ed8}body:before{display:none}header.bar,.signal-panel,.hero-cta,.cta .btn{display:none!important}*{box-shadow:none!important}.cell:hover{transform:none}.sec-head,.cell,.role,.loop .step{-moz-column-break-inside:avoid;break-inside:avoid}}