*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--text:#0f0f0f;--muted:#999;--muted-light:#666;--border:#e5e5e5;--surface:#f5f5f5;--bg:#fff;--font:"Zilla Slab", Georgia, serif;--mono:"SF Mono", "Cascadia Code", "Fira Code", Consolas, monospace}body{font-family:var(--font);color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;flex-direction:column;min-height:100vh;line-height:1.6;display:flex;overflow-x:hidden}@keyframes fadeUp{0%{opacity:0;transform:translateY(22px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes navSlide{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}nav{opacity:0;justify-content:space-between;align-items:center;padding:20px 40px;display:flex}nav.nav-animate{animation:.5s .1s forwards navSlide}.nav-brand{color:var(--text);align-items:center;gap:10px;text-decoration:none;display:flex}.nav-logo{width:auto;height:28px}.wordmark{letter-spacing:-.5px;color:var(--text);font-size:18px;font-weight:700}.nav-links{align-items:center;gap:24px;display:flex}.nav-link{color:var(--muted-light);align-items:center;font-size:14px;text-decoration:none;transition:color .15s;display:inline-flex}.nav-link:hover{color:var(--text)}.nav-link-text{font-size:14px;font-weight:500}main{flex:1;width:100%;max-width:900px;margin:0 auto;padding:0 40px}section{width:100%}h2{letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin-bottom:36px;font-size:11px;font-weight:500}.hero{text-align:center;padding:140px 0 96px}.hero h1{letter-spacing:-2px;flex-direction:column;gap:2px;margin-bottom:24px;font-size:clamp(42px,6vw,68px);font-weight:600;line-height:1.1;display:flex}.hero-line{opacity:0;animation:.7s cubic-bezier(.16,1,.3,1) forwards fadeUp;animation-delay:calc(.1s + var(--i) * .12s);display:block}.hero-install{opacity:0;animation:.6s .38s forwards fadeUp}.hero-hint{opacity:0;animation:.5s .7s forwards fadeIn}.install-box{max-width:100%;box-shadow:none;background:#f9f9f9;border:1px solid #ebebeb;border-radius:10px;align-items:center;gap:12px;padding:14px 14px 14px 20px;transition:border-color .2s;display:inline-flex}.install-box:hover{border-color:#ddd}.install-box code{font-family:var(--mono);white-space:nowrap;text-overflow:ellipsis;color:var(--text);font-size:13px;overflow:hidden}#copy-btn{background:var(--surface);border:1px solid var(--border);cursor:pointer;color:var(--muted-light);font-family:var(--font);border-radius:6px;flex-shrink:0;align-items:center;gap:5px;padding:5px 10px;font-size:12px;transition:color .15s,background .15s,border-color .15s;display:inline-flex;position:relative}#copy-btn:hover{color:var(--text);background:#fff;border-color:#d0d0d0}#copy-btn:active{opacity:.8}#copy-btn.copied{color:#16a34a;background:#f0fdf4;border-color:#bbf7d0}.hero-ci-copy,.hero-ci-check{transition:opacity .2s,transform .2s}.hero-ci-check{opacity:0;position:absolute;left:10px;transform:scale(.5)}#copy-btn.copied .hero-ci-copy{opacity:0;transform:scale(.5)}#copy-btn.copied .hero-ci-check{opacity:1;transform:scale(1)}.install-hint{color:var(--muted);min-height:20px;margin-top:16px;font-size:13px}.reveal{opacity:0;transition:opacity .6s,transform .6s;transform:translateY(16px)}.reveal.visible{opacity:1;transform:translateY(0)}.stagger{opacity:0;transition:opacity .4s,transform .4s;transform:translateY(8px)}.reveal.visible .stagger{opacity:1;transform:translateY(0)}.cmd-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:8px;display:grid}.cmd-card{border:1px solid var(--border);background:#fff;border-radius:10px;flex-direction:column;gap:8px;padding:24px;transition:border-color .2s,box-shadow .2s;display:flex}.cmd-card:hover{border-color:#d5d5d5;box-shadow:0 4px 20px #0000000f}.cmd-card code{font-family:var(--mono);color:var(--text);font-size:13px}.cmd-card span{color:var(--muted-light);font-size:13px}.model-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:8px;display:grid}.model-card{border:1px solid var(--border);background:#fff;border-radius:10px;flex-direction:column;gap:10px;padding:22px;transition:border-color .2s,box-shadow .2s;display:flex}.model-card:hover{border-color:#d5d5d5;box-shadow:0 4px 20px #0000000f}.model-header{justify-content:space-between;align-items:center;gap:8px;display:flex}.model-name{font-family:var(--mono);color:var(--text);font-size:14px;font-weight:600}.model-size{color:var(--muted-light);background:var(--surface);border:1px solid var(--border);border-radius:5px;flex-shrink:0;padding:2px 8px;font-size:12px}.model-desc{color:var(--muted-light);flex:1;font-size:13px;line-height:1.5}.model-pull{font-family:var(--mono);color:var(--muted);margin-top:2px;font-size:12px;display:block}.api-sub{color:var(--muted-light);margin-bottom:24px;font-size:15px}.code-block{border:1px solid var(--border);background:#fff;border-radius:10px;padding:28px 32px;transition:border-color .2s,box-shadow .2s;overflow-x:auto;box-shadow:0 1px 4px #0000000a}.code-block:hover{border-color:#d5d5d5;box-shadow:0 3px 14px #00000012}.code-block pre{margin:0}.code-block code{font-family:var(--mono);color:var(--text);font-size:13px;line-height:2}.kw{color:#6366f1}.str{color:#16a34a}.num{color:#ea580c}.split-section{grid-template-columns:1fr 1fr;align-items:center;gap:48px;padding:100px 0;display:grid}.split-reverse .split-text{order:2}.split-reverse .terminal{order:1}.split-title{letter-spacing:-.5px;margin-bottom:16px;font-size:28px;font-weight:600;line-height:1.2}.split-desc{color:var(--muted-light);margin-bottom:24px;font-size:15px;line-height:1.6}.split-cmd{background:#f9f9f9;border:1px solid #ebebeb;border-radius:8px;align-items:center;gap:10px;padding:10px 12px 10px 16px;transition:border-color .2s;display:inline-flex}.split-cmd:hover{border-color:#ddd}.split-cmd code{font-family:var(--mono);color:var(--text);white-space:nowrap;font-size:13px}.copy-inline{cursor:pointer;color:var(--muted);background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;width:22px;height:22px;padding:4px;transition:color .15s,background .15s;display:inline-flex;position:relative}.copy-inline:hover{color:var(--text);background:var(--surface)}.ci-copy,.ci-check{transition:opacity .2s,transform .2s;position:absolute}.ci-check,.copy-inline.copied .ci-copy{opacity:0;transform:scale(.5)}.copy-inline.copied .ci-check{opacity:1;transform:scale(1)}.copy-inline.copied{color:#16a34a}.terminal{box-shadow:none;background:#f9f9f9;border:1px solid #ebebeb;border-radius:12px;transition:border-color .2s;overflow:hidden}.terminal:hover{border-color:#ddd}.terminal-dots{gap:6px;padding:14px 18px 0;display:flex}.dot{border-radius:50%;width:10px;height:10px}.dot-red{background:#ff5f57}.dot-yellow{background:#febc2e}.dot-green{background:#28c840}.terminal-body{font-family:var(--mono);color:var(--text);margin:0;padding:16px 20px 20px;font-size:12.5px;line-height:1.7;overflow-x:auto}.t-prompt{color:var(--muted)}.t-muted{color:var(--muted-light)}.t-accent{color:#6366f1}.t-success{color:#16a34a}.t-kw{color:#6366f1}.t-str{color:#16a34a}.t-num{color:#ea580c}.t-param{color:var(--text)}.check-list{flex-direction:column;gap:14px;margin-top:20px;list-style:none;display:flex}.check-list li{color:var(--text);align-items:center;gap:12px;font-size:15px;display:flex}.check-icon{color:var(--muted);flex-shrink:0}.privacy-icon{justify-content:center;align-items:center;display:flex}.cta-section{text-align:center;padding:100px 0 120px}.cta-title{letter-spacing:-.5px;margin-bottom:24px;font-size:28px;font-weight:600}.cta-btn{background:var(--text);color:#fff;font-family:var(--font);border-radius:8px;padding:12px 32px;font-size:15px;font-weight:500;text-decoration:none;transition:opacity .15s,transform .15s;display:inline-block}.cta-btn:hover{opacity:.85;transform:translateY(-1px)}.cta-btn:active{opacity:.75;transform:translateY(0)}footer{text-align:center;max-width:900px;margin:0 auto;padding:44px 40px}footer p{color:var(--muted);font-size:13px}footer a{color:var(--muted-light);text-decoration:none;transition:color .15s}footer a:hover{color:var(--text)}@media (width<=640px){nav{padding:20px 24px}main{padding:0 24px}.hero{padding-bottom:48px}.hero h1{letter-spacing:-1.5px;font-size:38px}.install-box code{font-size:11px}.split-section{grid-template-columns:1fr;gap:32px;padding:56px 0}.split-reverse .split-text{order:1}.split-reverse .terminal{order:2}.split-title{font-size:24px}.cta-section{padding:56px 0 64px}footer{padding:44px 24px}}
