:root{--ink:#172234;--muted:#5b6b82;--line:#e1e7ef;--ground:#f7f9fc;--accent:#326bec;--accent-ink:#2559cf;--code-bg:#172538;--ease-expo:cubic-bezier(.16,1,.3,1);--ease-spring:cubic-bezier(.34,1.56,.64,1);--ease-out:cubic-bezier(.2,.7,.2,1)}@font-face{font-family:Renewal Sans;src:url(/fonts/pretendard-1.3.9-400.subset.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Renewal Sans;src:url(/fonts/pretendard-1.3.9-600.subset.woff2) format("woff2");font-weight:600;font-style:normal;font-display:swap}@font-face{font-family:Renewal Sans;src:url(/fonts/pretendard-1.3.9-700.subset.woff2) format("woff2");font-weight:700;font-style:normal;font-display:swap}*{box-sizing:border-box}body,html{margin:0;padding:0}body{font-family:Renewal Sans,-apple-system,BlinkMacSystemFont,Segoe UI,Malgun Gothic,sans-serif;color:var(--ink);background:var(--ground);line-height:1.6;word-break:keep-all;-webkit-font-smoothing:antialiased}::selection{background:rgba(50,107,236,.2)}:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.vh{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);-webkit-clip-path:inset(50%);clip-path:inset(50%);white-space:nowrap}code{font-family:SFMono-Regular,Consolas,Liberation Mono,monospace}.hub{max-width:1100px;margin:0 auto;padding:56px 24px 96px}.hub-hero{max-width:840px}.tag{display:inline-block;font-size:12px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:#3469d0;background:#e9f0ff;border-radius:6px;padding:7px 12px}h1{font-size:clamp(32px,5vw,56px);line-height:1.16;letter-spacing:-.05em;font-weight:700;margin:20px 0 16px}.lede{font-size:18px;line-height:1.8;color:var(--muted);margin:0 0 28px;max-width:62ch}.lede b{color:var(--ink);font-weight:600}.hero-cta{display:flex;flex-wrap:wrap;gap:10px 12px;margin:0 0 24px}.btn,.hero-cta{align-items:center}.btn{display:inline-flex;justify-content:center;gap:8px;min-height:50px;padding:0 22px;border:0;border-radius:10px;font-family:inherit;font-size:15px;font-weight:600;line-height:1.2;text-decoration:none;cursor:pointer;transition:transform .12s var(--ease-out),background-color .22s var(--ease-out),box-shadow .22s var(--ease-out)}.btn svg{flex:none}.btn-primary{background:var(--accent);color:#fff;box-shadow:0 10px 24px rgba(50,107,236,.26)}.btn-primary:hover{background:var(--accent-ink);box-shadow:0 14px 30px rgba(50,107,236,.32)}.btn-primary svg{transition:transform .36s var(--ease-spring)}.btn-primary:hover svg{transform:translate(2px,-2px)}.btn-ghost{background:#fff;color:var(--ink);box-shadow:inset 0 0 0 1px var(--line)}.btn-ghost:hover{box-shadow:inset 0 0 0 1px #b6c3d8;background:#fbfcfe}.btn-ghost svg{color:var(--accent)}.btn:active{transform:scale(.97)}.cta-msg{font-size:13px;color:var(--muted)}.cta-msg:empty{display:none}.disclaimer{background:#f0f4fc;border:1px solid #e1e7f2;color:#566b8a;font-size:14px;padding:14px 16px;border-radius:10px;margin:0}.features{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:0 48px;gap:0 48px;margin:64px 0 0;padding:0;list-style:none}.feat{padding:24px 0 20px;border-top:1px solid var(--line)}.feat-ic{display:inline-grid;place-items:center;width:40px;height:40px;border-radius:10px;background:#e9f0ff;color:var(--accent);margin-bottom:14px}.feat h3{display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px;font-size:17px;font-weight:700;letter-spacing:-.02em;margin:0 0 8px}.feat p{margin:0;font-size:14px;line-height:1.75;color:var(--muted);max-width:46ch}.feat code,.note code{font-size:.9em;background:#eaeff7;color:#26324a;border-radius:4px;padding:1px 5px}.chip{display:inline-flex;align-items:center;gap:6px;min-height:24px;padding:2px 10px;border-radius:999px;font-size:12px;font-weight:600;letter-spacing:0;background:#eef1f5;color:#5b6b82}.chip:before{content:"";width:6px;height:6px;border-radius:50%;background:#9aa6b6;flex:none}.chip.is-on{background:#e7f5ee;color:#1f7a55}.chip.is-on:before{background:#2f9e6d}.sec{margin-top:88px}h2{font-size:clamp(22px,2.6vw,28px);font-weight:700;letter-spacing:-.04em;line-height:1.3;margin:0 0 14px}.sec-head{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:8px 32px;margin-bottom:18px}.sec-head h2{margin:0}.sec-head p{margin:0;max-width:56ch;color:var(--muted);font-size:15px}.split{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);grid-gap:0 56px;gap:0 56px}.pv-bar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}.seg{position:relative;display:grid;grid-template-columns:1fr 1fr;width:min(100%,300px);padding:4px;border-radius:12px;background:#e6ecf5}.seg-pill{position:absolute;top:4px;bottom:4px;left:4px;width:calc(50% - 4px);border-radius:9px;background:#fff;box-shadow:0 2px 8px rgba(23,34,52,.12);transition:transform .4s var(--ease-spring)}.seg[data-mode=mobile] .seg-pill{transform:translateX(100%)}.seg button{position:relative;z-index:1;display:inline-flex;align-items:center;justify-content:center;gap:6px;height:40px;border:0;border-radius:9px;background:none;font-family:inherit;font-size:14px;font-weight:600;line-height:1;color:var(--muted);cursor:pointer;transition:color .22s var(--ease-out),transform .12s var(--ease-out)}.seg button[aria-selected=true]{color:var(--ink)}.seg button:active{transform:scale(.96)}.pv-open{display:inline-flex;align-items:center;gap:6px;min-height:40px;font-size:14px;font-weight:600;color:var(--accent);text-decoration:none}.pv-open:hover{text-decoration:underline;text-underline-offset:3px}.pv-stage{display:grid;place-items:center;padding:24px;border-radius:16px;background:linear-gradient(180deg,#e9eef6,#dfe6f1);overflow:hidden}.pv-desk{border-radius:10px;overflow:hidden;background:#fff;box-shadow:0 18px 50px rgba(23,34,52,.18)}.pv-chrome{display:flex;align-items:center;gap:6px;height:32px;padding:0 12px;background:#f3f5f9;border-bottom:1px solid var(--line)}.pv-chrome i{width:9px;height:9px;border-radius:50%;background:#d4dbe6}.pv-chrome span{margin:0 auto;padding:3px 12px;border-radius:6px;background:#fff;font-size:11px;color:#74839a;max-width:60%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pv-phone{position:relative;padding:12px;border-radius:38px;background:#111a28;box-shadow:0 24px 60px rgba(23,34,52,.28),inset 0 0 0 1px #2a3446}.pv-phone .pv-viewport,.pv-phone:after{border-radius:26px}.pv-phone:after{content:"";position:absolute;inset:12px;z-index:2;box-shadow:0 0 0 11px #111a28;pointer-events:none}.pv-desk .pv-viewport{-webkit-clip-path:inset(0 round 0 0 10px 10px);clip-path:inset(0 round 0 0 10px 10px)}.pv-viewport{position:relative;overflow:hidden;background:#fff;transition:width .5s var(--ease-expo),height .5s var(--ease-expo)}.pv-viewport iframe{position:absolute;top:0;left:0;border:0;transform-origin:0 0;background:#fff}.pv-skel{position:absolute;inset:0;display:grid;place-items:center;padding:16px;text-align:center;background:linear-gradient(100deg,#f1f4f9 30%,#e7ecf4 50%,#f1f4f9 70%) 0 0 /300% 100%;animation:pv-shimmer 1.6s linear infinite}.pv-skel p{margin:0;font-size:13px;color:var(--muted)}.pv-skel a{color:var(--accent)}@keyframes pv-shimmer{to{background-position:-150% 0}}.pv-cap{margin:12px 0 0;font-size:13px;color:var(--muted)}.snip{position:relative}pre{margin:0;background:var(--code-bg);padding:24px;border-radius:12px;overflow-x:auto;line-height:1.75}.copy-btn,pre{color:#e8efe9;font-size:13px}.copy-btn{position:absolute;top:12px;right:12px;display:inline-flex;align-items:center;gap:6px;min-height:36px;padding:0 12px;border:0;border-radius:8px;background:rgba(255,255,255,.1);font-family:inherit;font-weight:600;line-height:1;cursor:pointer;transition:background-color .22s var(--ease-out),transform .12s var(--ease-out)}.copy-btn:hover{background:rgba(255,255,255,.18)}.copy-btn:active{transform:scale(.95)}.copy-btn.is-done{background:#2f9e6d;color:#fff}.copy-btn.is-fail{background:#fff4e5;color:#8a5300}.copy-btn:focus-visible{outline-color:#9dbcff}.ic-draw{stroke-dasharray:24;stroke-dashoffset:0;animation:ic-draw .45s var(--ease-out) both}@keyframes ic-draw{0%{stroke-dashoffset:24}}.note{font-size:14px;line-height:1.75;color:var(--muted);margin:12px 0 0;max-width:64ch}ul.checks{padding:0;list-style:none;margin:4px 0 0}ul.checks li{display:flex;align-items:flex-start;gap:10px;padding:9px 0;color:#2b3445;font-size:15px;line-height:1.6;border-bottom:1px solid var(--line)}ul.checks li svg{margin-top:4px;color:var(--accent);flex:none}.cta-row{display:flex;gap:12px;flex-wrap:wrap;margin:18px 0 0}.text-link{display:inline-flex;align-items:center;min-height:40px;font-size:14px;font-weight:600;color:var(--accent);text-decoration:none}.text-link:hover{text-decoration:underline;text-underline-offset:3px}.foot{margin-top:72px;padding-top:20px;border-top:1px solid var(--line);font-size:13px;color:var(--muted)}.foot a{color:var(--accent)}@media (max-width:900px){.split{grid-template-columns:minmax(0,1fr)}}@media (max-width:640px){.hub{padding:32px 18px 72px}.lede{font-size:16px}.hero-cta .btn{width:100%}.features{margin-top:44px;grid-template-columns:minmax(0,1fr)}.sec{margin-top:64px}.pv-stage{padding:12px}.seg{width:100%}pre{padding:56px 18px 20px}}@keyframes hub-in{0%{opacity:0;transform:translateY(22px)}to{opacity:1;transform:none}}@keyframes hub-item{0%{opacity:0;transform:translateY(26px) scale(.97)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:no-preference){.hub-hero>*{animation:hub-in .72s var(--ease-expo) both}.hub-hero>:nth-child(2){animation-delay:.07s}.hub-hero>:nth-child(3){animation-delay:.14s}.hub-hero>:nth-child(4){animation-delay:.21s}.hub-hero>:nth-child(5){animation-delay:.28s}.feat{animation:hub-item .8s var(--ease-expo) both}.feat:first-child{animation-delay:.34s}.feat:nth-child(2){animation-delay:.41s}.feat:nth-child(3){animation-delay:.48s}.feat:nth-child(4){animation-delay:.55s}.feat-ic{transition:transform .36s var(--ease-spring),background-color .22s}.feat:hover .feat-ic{transform:translateY(-3px) rotate(-6deg);background:#dde8ff}}@media (prefers-reduced-motion:reduce){*,:after,:before{animation:none!important;transition:none!important;scroll-behavior:auto!important}}body.capture-mode *,body.capture-mode :after,body.capture-mode :before{animation:none!important;transition:none!important;scroll-behavior:auto!important}