.oi-root{--oi-blue:#012af2;--oi-ink:#1a1a18;--oi-white:#fff;--oi-paper:#f4f4f1;--oi-gray-600:#5a5a56;--oi-gray-400:#b8b8b4;--oi-gray-200:#e2e2dd;--oi-s1:4px;--oi-s2:8px;--oi-s3:12px;--oi-s4:16px;--oi-s5:24px;--oi-s6:32px;--oi-s7:48px;--oi-s8:64px;--oi-s9:96px;--oi-s10:128px;--oi-radius:2px;--oi-max:1200px;--oi-gutter:clamp(20px, 5vw, 40px);--oi-section-y:clamp(64px, 10vw, 128px);--oi-font-ko:"Pretendard Variable", Pretendard, -apple-system, sans-serif;--oi-font-en:"Space Grotesk", var(--font-space-grotesk), "Pretendard Variable", Pretendard, sans-serif;--oi-font-mono:"Space Mono", var(--font-space-mono), ui-monospace, monospace;--oi-fs-display:clamp(44px, 8vw, 112px);--oi-fs-h1:clamp(32px, 5vw, 64px);--oi-fs-h2:clamp(26px, 3.4vw, 40px);--oi-fs-h3:24px;--oi-fs-lg:19px;--oi-fs-body:17px;--oi-fs-sm:14px;--oi-fs-label:12px;--oi-ls-display:-.05em;--oi-ls-head:-.04em;--oi-ls-sentence:-.03em;--oi-ls-text:-.01em;--oi-ls-label:.08em;--oi-lh-head:1.25;--oi-lh-body:1.7;--oi-ease-out:cubic-bezier(.16, 1, .3, 1);--oi-dur:.18s;background:var(--oi-white);color:var(--oi-ink);font-family:var(--oi-font-ko);font-size:var(--oi-fs-body);line-height:var(--oi-lh-body);word-break:keep-all;-webkit-font-smoothing:antialiased;font-weight:500}.oi-root *,.oi-root :before,.oi-root :after{box-sizing:border-box}.oi-root a{color:inherit}.oi-root a:hover{color:var(--oi-blue)}.oi-root :focus-visible{outline:2px solid var(--oi-blue);outline-offset:2px}.oi-root h1,.oi-root h2,.oi-root h3,.oi-root p{margin:0}.oi-container{max-width:var(--oi-max);padding:0 var(--oi-gutter);margin:0 auto}.oi-section{padding:var(--oi-section-y) 0}.oi-section--paper{background:var(--oi-paper)}.oi-section--ink{background:var(--oi-ink);color:var(--oi-white)}.oi-section--blue{background:var(--oi-blue);color:var(--oi-white)}.oi-stack{flex-direction:column;display:flex}.oi-display{font-weight:800;font-size:var(--oi-fs-display);letter-spacing:var(--oi-ls-display);line-height:1.1}.oi-h1{font-weight:800;font-size:var(--oi-fs-h1);line-height:var(--oi-lh-head);letter-spacing:var(--oi-ls-head)}.oi-h2{font-weight:800;font-size:var(--oi-fs-h2);line-height:var(--oi-lh-head);letter-spacing:var(--oi-ls-head)}.oi-h3{font-weight:800;font-size:var(--oi-fs-h3);letter-spacing:var(--oi-ls-head);line-height:1.3}.oi-label{font-family:var(--oi-font-mono);font-size:var(--oi-fs-label);letter-spacing:var(--oi-ls-label);text-transform:uppercase}.oi-muted{color:var(--oi-gray-600)}.oi-hl{background:var(--oi-ink);color:var(--oi-white);padding:0 .12em}.oi-section--ink .oi-hl{background:var(--oi-white);color:var(--oi-ink)}.oi-section--blue .oi-hl{background:var(--oi-ink);color:var(--oi-white)}.oi-logo{font-family:var(--oi-font-en);letter-spacing:-.05em;align-items:center;gap:.13em;font-weight:700;line-height:1;text-decoration:none;display:inline-flex}.oi-logo__dot{background:var(--oi-blue);border-radius:50%;flex:none;width:.2em;height:.2em;margin-top:.23em}.oi-section--blue .oi-logo__dot{background:var(--oi-ink)}.oi-btn{justify-content:center;align-items:center;gap:var(--oi-s2);border-radius:var(--oi-radius);min-height:56px;font:800 var(--oi-fs-body) / 1 var(--oi-font-ko);cursor:pointer;transition:background var(--oi-dur), color var(--oi-dur);border:0;padding:0 28px;text-decoration:none;display:inline-flex}.oi-root .oi-btn--primary{background:var(--oi-blue);color:var(--oi-white)}.oi-root .oi-btn--primary:hover,.oi-root .oi-btn--dark{background:var(--oi-ink);color:var(--oi-white)}.oi-root .oi-btn--dark:hover{background:var(--oi-blue);color:var(--oi-white)}.oi-root .oi-btn--light{background:var(--oi-paper);color:var(--oi-ink)}.oi-root .oi-btn--light:hover{background:var(--oi-gray-200);color:var(--oi-ink)}.oi-root .oi-btn--invert{background:var(--oi-white);color:var(--oi-ink)}.oi-root .oi-btn--invert:hover{background:var(--oi-ink);color:var(--oi-white)}.oi-btn--sm{min-height:44px;font-size:var(--oi-fs-sm);padding:0 18px}.oi-btn--block{width:100%}.oi-root .oi-btn:disabled,.oi-root .oi-btn[aria-disabled=true]{background:var(--oi-gray-200);color:var(--oi-gray-600);cursor:not-allowed}.oi-nav{z-index:40;background:var(--oi-ink);color:var(--oi-white);justify-content:space-between;align-items:stretch;display:flex;position:sticky;top:0}.oi-root .oi-nav__logo{padding:0 var(--oi-s5);color:var(--oi-white);align-items:center;font-size:26px;display:flex}.oi-nav__menu{margin:0;padding:0;list-style:none;display:flex}.oi-root .oi-nav__link{min-height:64px;color:var(--oi-white);align-items:center;padding:0 20px;font-size:15px;font-weight:700;text-decoration:none;display:flex}.oi-root .oi-nav__link:hover{background:var(--oi-blue);color:var(--oi-white)}.oi-root .oi-nav__link[aria-current=page]{background:var(--oi-white);color:var(--oi-ink)}.oi-root .oi-nav__link--cta{background:var(--oi-blue)}.oi-field{gap:var(--oi-s2);flex-direction:column;display:flex}.oi-field__label{font-weight:700;font-size:var(--oi-fs-sm)}.oi-input,.oi-textarea{background:var(--oi-paper);border:2px solid var(--oi-paper);border-radius:var(--oi-radius);width:100%;min-height:52px;font:500 16px/1.6 var(--oi-font-ko);color:var(--oi-ink);transition:border-color var(--oi-dur), background var(--oi-dur);outline:none;padding:0 16px}.oi-textarea{resize:vertical;padding:14px 16px}.oi-input:focus,.oi-textarea:focus{border-color:var(--oi-blue);background:var(--oi-white)}.oi-input[aria-invalid=true],.oi-textarea[aria-invalid=true]{border-color:var(--oi-ink);background:var(--oi-white)}.oi-field__msg{font-size:13px;font-weight:700}.oi-tag{background:var(--oi-ink);color:var(--oi-white);padding:4px 10px;font-size:13px;font-weight:800;line-height:1.4;display:inline-block}.oi-tag--blue{background:var(--oi-blue)}.oi-tag--white{background:var(--oi-white);color:var(--oi-blue)}.oi-tag--paper{background:var(--oi-white);color:var(--oi-ink)}.oi-root .oi-card{min-height:220px;padding:var(--oi-s5);background:var(--oi-paper);color:var(--oi-ink);transition:background var(--oi-dur);flex-direction:column;gap:14px;text-decoration:none;display:flex}.oi-root .oi-card:hover{background:var(--oi-gray-200);color:var(--oi-ink)}.oi-root .oi-card--blue{background:var(--oi-blue);color:var(--oi-white)}.oi-root .oi-card--blue:hover{background:var(--oi-ink);color:var(--oi-white)}.oi-card .oi-tag{align-self:flex-start}.oi-card__title{font-weight:800;font-size:var(--oi-fs-h3);letter-spacing:var(--oi-ls-head);line-height:1.3}.oi-card__desc{font-size:15px;line-height:1.6}.oi-card__meta{margin-top:auto}.oi-grid{gap:var(--oi-s3);grid-template-columns:repeat(auto-fit,minmax(min(280px,100%),1fr));display:grid}.oi-hero{flex-direction:column;gap:40px;display:flex}.oi-hero__foot{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:24px;display:flex}.oi-hero__lead{max-width:440px;font-size:var(--oi-fs-lg);line-height:var(--oi-lh-body);margin:0}.oi-actions{flex-wrap:wrap;gap:10px;display:flex}.oi-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:16px;display:flex}.oi-split{grid-template-columns:repeat(auto-fit,minmax(min(360px,100%),1fr));align-items:center;gap:40px;display:grid}.oi-split--top{align-items:start}.oi-dot{background:var(--oi-blue);border-radius:50%;width:20px;height:20px;display:inline-block}.oi-footer{background:var(--oi-ink);color:var(--oi-white);padding:64px 0 32px}.oi-footer__top{flex-wrap:wrap;justify-content:space-between;gap:32px;display:flex}.oi-footer__cols{flex-wrap:wrap;gap:48px;font-size:15px;display:flex}.oi-footer__col{flex-direction:column;gap:10px;display:flex}.oi-footer__col a{text-decoration:none}.oi-footer__bottom{border-top:1px solid var(--oi-gray-600);font-family:var(--oi-font-mono);color:var(--oi-gray-400);flex-wrap:wrap;justify-content:space-between;gap:8px 24px;margin-top:56px;padding-top:20px;font-size:12px;display:flex}.oi-rows{flex-direction:column;gap:2px;display:flex}.oi-row{background:var(--oi-paper);justify-content:space-between;align-items:baseline;gap:16px;padding:12px 16px;font-size:15px;display:flex}.oi-row>.oi-label{color:var(--oi-gray-600);flex:none}.oi-row>b{text-align:right;font-weight:700}@media (max-width:720px){.oi-root .oi-nav__logo{padding:0 var(--oi-s4);font-size:22px}.oi-root .oi-nav__link{min-height:56px;padding:0 12px;font-size:14px}}@media (prefers-reduced-motion:reduce){.oi-root *{transition:none!important;animation:none!important}}
