@import"https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Manrope:wght@400;500;600;700&family=Noto+Sans+KR:wght@400;500;600;700&display=swap";:root{color:#151714;background:#f3efe5;font-family:Manrope,Noto Sans KR,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;--ink: #151714;--paper: #f3efe5;--paper-bright: #fbfaf6;--muted: #6f716a;--line: rgba(21, 23, 20, .16);--green: #b9f230;--dark-green: #1d2b1e}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px;min-height:100vh}body::selection{color:var(--ink);background:var(--green)}a{color:inherit;text-decoration:none}button,a{-webkit-tap-highlight-color:transparent}svg{width:1.1em;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.7}.site-shell{min-height:100vh;overflow:hidden}.site-header{position:relative;z-index:20;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;max-width:1440px;height:84px;margin:0 auto;padding:0 48px;border-bottom:1px solid var(--line)}.brand{display:inline-flex;align-items:center;width:fit-content;gap:11px;font-size:20px;font-weight:700;letter-spacing:-.04em}.logo-mark{position:relative;display:inline-flex;align-items:end;justify-content:center;width:25px;height:25px;padding:5px 4px;gap:2px;border-radius:50%;color:var(--ink);background:var(--green);transform:rotate(-8deg)}.logo-mark span{width:3px;border-radius:2px;background:currentColor}.logo-mark span:nth-child(1){height:7px}.logo-mark span:nth-child(2){height:13px}.logo-mark span:nth-child(3){height:10px}.site-header nav{display:flex;gap:32px;font-size:13px;font-weight:600}.site-header nav a,.header-github{transition:opacity .16s ease}.site-header nav a:hover,.header-github:hover{opacity:.55}.header-github{display:inline-flex;align-items:center;justify-self:end;gap:8px;font-family:DM Mono,monospace;font-size:12px;text-transform:uppercase}.header-github svg,.button-secondary svg{fill:currentColor;stroke:none}.hero{position:relative;display:grid;grid-template-columns:minmax(0,1.08fr) minmax(420px,.92fr);align-items:center;max-width:1440px;min-height:710px;margin:0 auto;padding:88px 48px 100px}.hero:before{position:absolute;z-index:-1;top:0;right:36%;width:1px;height:100%;content:"";background:var(--line)}.hero-copy{position:relative;z-index:2}.eyebrow,.section-index{display:flex;align-items:center;gap:10px;margin:0 0 28px;color:#555a50;font-family:DM Mono,monospace;font-size:11px;font-weight:500;letter-spacing:.14em}.eyebrow span{display:block;width:7px;height:7px;border-radius:50%;background:#72a60c;box-shadow:0 0 0 4px #72a60c21}.hero h1{max-width:790px;margin:0;font-size:clamp(64px,6.5vw,104px);font-weight:600;line-height:.99;letter-spacing:-.075em}.hero h1 em{position:relative;color:var(--dark-green);font-style:normal;white-space:nowrap}.hero h1 em:after{position:absolute;z-index:-1;right:-.08em;bottom:.04em;left:-.02em;height:.25em;content:"";background:var(--green);transform:rotate(-1deg)}.hero-description{margin:34px 0 0;color:#5c5f58;font-size:17px;line-height:1.8;letter-spacing:-.025em}.hero-actions{display:flex;margin-top:42px;gap:10px}.button{display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:0 22px;gap:13px;border:1px solid var(--ink);font-size:13px;font-weight:700;transition:transform .16s ease,background .16s ease,color .16s ease}.button:hover{transform:translateY(-2px)}.button-primary{color:#fff;background:var(--ink)}.button-primary:hover{color:var(--ink);background:var(--green)}.button-secondary{background:#ffffff59}.button-secondary:hover{background:var(--paper-bright)}.signal-card{position:relative;justify-self:end;width:min(100%,490px);border:1px solid var(--line);background:linear-gradient(#1d2b1ef5,#1d2b1ef5),repeating-linear-gradient(0deg,transparent 0 35px,rgba(255,255,255,.1) 35px 36px);box-shadow:22px 24px #1d2b1e14;color:#f6f7ef;transform:rotate(1.5deg)}.signal-card-header{display:flex;align-items:center;justify-content:space-between;height:58px;padding:0 20px;border-bottom:1px solid rgba(255,255,255,.16);font-family:DM Mono,monospace;font-size:10px;letter-spacing:.08em;text-transform:uppercase}.signal-card-header div{display:flex;align-items:center;gap:8px}.signal-card-header>span{color:var(--green)}.status-dot{width:6px;height:6px;border-radius:50%;background:var(--green);box-shadow:0 0 12px var(--green)}.signal-visual{position:relative;display:grid;place-items:center;height:360px;overflow:hidden;background-image:linear-gradient(rgba(255,255,255,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.055) 1px,transparent 1px);background-size:36px 36px}.orbit{position:absolute;border:1px solid rgba(185,242,48,.28);border-radius:50%}.orbit-one{width:128px;height:128px}.orbit-two{width:224px;height:224px;border-style:dashed}.orbit-three{width:330px;height:330px;opacity:.45}.signal-core{display:grid;width:80px;height:80px;place-items:center;border:1px solid rgba(185,242,48,.55);border-radius:50%;background:#b9f23014;box-shadow:0 0 70px #b9f23026}.signal-core .logo-mark{width:38px;height:38px;padding:8px 7px}.signal-core .logo-mark span{width:4px}.signal-node{position:absolute;padding:7px 9px;border:1px solid rgba(255,255,255,.22);background:var(--dark-green);color:#ffffffb8;font-family:DM Mono,monospace;font-size:9px;letter-spacing:.05em;text-transform:uppercase}.node-event{top:56px;left:70px}.node-context{top:118px;right:49px}.node-action{right:92px;bottom:55px;color:var(--green)}.signal-metrics{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid rgba(255,255,255,.16)}.signal-metrics div{padding:18px 20px 20px}.signal-metrics div+div{border-left:1px solid rgba(255,255,255,.16)}.signal-metrics span,.signal-metrics strong{display:block}.signal-metrics span{margin-bottom:7px;color:#ffffff6b;font-family:DM Mono,monospace;font-size:8px;letter-spacing:.15em}.signal-metrics strong{font-size:12px;font-weight:500}.problem-strip{display:flex;align-items:center;justify-content:center;min-height:72px;margin:0;padding:18px 48px;gap:30px;color:var(--ink);background:var(--green);font-family:DM Mono,monospace;font-size:11px;letter-spacing:.08em;text-transform:uppercase}.problem-strip p{margin:0}.problem-strip>span{width:4px;height:4px;border-radius:50%;background:var(--ink)}.section{padding:132px max(48px,calc((100vw - 1344px)/2))}.section-heading{display:grid;grid-template-columns:1fr 2fr;align-items:start}.section-index{margin-top:11px;margin-bottom:0}.section h2,.closing-section h2{margin:0;font-size:clamp(42px,5vw,72px);font-weight:600;line-height:1.12;letter-spacing:-.06em}.section-intro{max-width:570px;margin:34px 0 0 33.333%;color:var(--muted);font-size:16px;line-height:1.8;letter-spacing:-.025em}.pipeline-grid{display:grid;grid-template-columns:repeat(4,1fr);margin-top:86px;border-top:1px solid var(--ink)}.pipeline-card{position:relative;min-height:310px;padding:24px 24px 27px 0}.pipeline-card+.pipeline-card{padding-left:24px;border-left:1px solid var(--line)}.pipeline-number{color:#73766f;font-family:DM Mono,monospace;font-size:10px}.pipeline-connector{width:7px;height:7px;margin-top:50px;border-radius:50%;background:var(--ink);box-shadow:0 0 0 5px var(--paper),0 0 0 6px var(--ink)}.pipeline-card h3{margin:29px 0 15px;font-size:24px;letter-spacing:-.04em}.pipeline-card p{margin:0;color:var(--muted);font-size:14px;line-height:1.75}.pipeline-card>span{position:absolute;bottom:27px;left:0;color:#555950;font-family:DM Mono,monospace;font-size:9px;letter-spacing:.02em}.pipeline-card+.pipeline-card>span{left:24px}.architecture-section{display:grid;grid-template-columns:minmax(310px,.8fr) minmax(560px,1.2fr);gap:100px;color:#f1f2e9;background:var(--dark-green)}.section-index-light{color:#ffffff80}.architecture-copy h2{font-size:clamp(44px,4.6vw,68px)}.architecture-copy>p:not(.section-index){max-width:480px;margin:34px 0 0;color:#ffffff8f;font-size:15px;line-height:1.8}.architecture-copy>a{display:inline-flex;align-items:center;margin-top:38px;gap:12px;color:var(--green);font-size:13px;font-weight:700}.architecture-map{align-self:center;padding:34px;border:1px solid rgba(255,255,255,.16);background-image:linear-gradient(rgba(255,255,255,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.04) 1px,transparent 1px);background-size:28px 28px}.architecture-row{display:grid;grid-template-columns:.8fr repeat(3,1fr);align-items:center;gap:9px}.architecture-row>span{color:#ffffff5c;font-family:DM Mono,monospace;font-size:8px;letter-spacing:.08em}.architecture-node{display:grid;min-height:59px;padding:9px;place-items:center;border:1px solid rgba(255,255,255,.18);background:#ffffff09;font-size:11px;text-align:center}.node-accent{border-color:#b9f2308c;background:#b9f23014;color:var(--green)}.architecture-line{display:grid;grid-template-columns:.8fr repeat(3,1fr);height:50px;gap:9px}.architecture-line:before{content:""}.architecture-line i{position:relative;justify-self:center;width:1px;height:100%;background:#ffffff40}.architecture-line i:after{position:absolute;bottom:-1px;left:-2px;width:5px;height:5px;border-right:1px solid rgba(255,255,255,.5);border-bottom:1px solid rgba(255,255,255,.5);content:"";transform:rotate(45deg)}.architecture-line-down i:after{border-color:var(--green)}.repositories-section{background:var(--paper-bright)}.repositories-section .section-heading{margin-bottom:72px}.repository-list{border-top:1px solid var(--ink)}.repository-row{display:grid;grid-template-columns:70px minmax(180px,.7fr) 1.4fr auto;align-items:center;min-height:94px;border-bottom:1px solid var(--line);transition:padding .18s ease,background .18s ease}.repository-row:hover{padding:0 18px;background:var(--green)}.repository-index{color:#777a72;font-family:DM Mono,monospace;font-size:10px}.repository-row strong{font-size:16px;letter-spacing:-.025em}.repository-row p{margin:0;color:var(--muted);font-size:13px}.repository-row svg{width:21px}.closing-section{display:grid;min-height:580px;padding:118px 48px;place-items:center;color:#fff;background:linear-gradient(#151714eb,#151714eb),radial-gradient(circle at 50% 50%,var(--green),transparent 62%);text-align:center}.closing-section>p{align-self:end;margin:0 0 30px;color:var(--green);font-family:DM Mono,monospace;font-size:10px;letter-spacing:.12em}.closing-section h2{align-self:start;font-size:clamp(54px,6vw,88px)}.button-inverse{align-self:start;margin-top:38px;border-color:var(--green);color:var(--ink);background:var(--green)}.button-inverse:hover{color:#fff;background:transparent}footer{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;min-height:112px;padding:0 max(48px,calc((100vw - 1344px)/2));color:#ffffffab;background:var(--ink);font-family:DM Mono,monospace;font-size:9px;letter-spacing:.05em;text-transform:uppercase}footer .brand{color:#fff;font-family:Manrope,sans-serif;font-size:18px;text-transform:none}footer p:last-child{justify-self:end}@media(max-width:1100px){.hero{grid-template-columns:1fr 400px;gap:40px}.hero h1{font-size:64px}.architecture-section{grid-template-columns:1fr;gap:70px}.architecture-map{width:100%}}@media(max-width:860px){.site-header{grid-template-columns:1fr auto;height:72px;padding:0 24px}.site-header nav{display:none}.hero{grid-template-columns:1fr;padding:72px 24px 82px}.hero:before{display:none}.hero h1{font-size:clamp(54px,12vw,76px)}.signal-card{justify-self:stretch;width:100%;max-width:560px;margin:50px auto 0;transform:none}.problem-strip{justify-content:flex-start;overflow:hidden;white-space:nowrap}.section{padding:96px 24px}.section-heading{grid-template-columns:1fr;gap:24px}.section-intro{margin-left:0}.pipeline-grid{grid-template-columns:1fr 1fr}.pipeline-card{border-bottom:1px solid var(--line)}.pipeline-card:nth-child(3){padding-left:0;border-left:0}.pipeline-card:nth-child(3)>span{left:0}.architecture-section{grid-template-columns:1fr}.repository-row{grid-template-columns:50px 1fr auto;padding:20px 0}.repository-row p{display:none}.closing-section{padding-right:24px;padding-left:24px}footer{grid-template-columns:1fr auto;padding:30px 24px}footer>p:first-of-type{display:none}}@media(max-width:560px){.brand{font-size:18px}.header-github span{display:none}.hero{min-height:auto;padding-top:60px}.hero h1{font-size:52px;line-height:1.04}.hero-description{font-size:15px}.desktop-break{display:none}.hero-actions{flex-direction:column}.button{width:100%}.signal-visual{height:300px}.orbit-three{width:280px;height:280px}.problem-strip{gap:18px}.section h2,.architecture-copy h2{font-size:41px}.pipeline-grid{grid-template-columns:1fr;margin-top:58px}.pipeline-card,.pipeline-card+.pipeline-card,.pipeline-card:nth-child(3){min-height:260px;padding:24px 0;border-left:0}.pipeline-card+.pipeline-card>span{left:0}.architecture-map{padding:20px;overflow-x:auto}.architecture-row,.architecture-line{min-width:520px}.repositories-section .section-heading{margin-bottom:48px}.repository-row{grid-template-columns:42px 1fr auto}.closing-section{min-height:500px}.closing-section h2{font-size:49px}footer{min-height:100px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition-duration:.01ms!important}}
