*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}:root{--or:#F07220;--ory:#FFBE55;--orm:#F09540;--blue:#1E5278;--sky:#7AB4D4;--ice:#BBDAEC;--bg:#BBDAEC;--bg2:#A8C8DC;--text:#0F2A3C;--tsub:#1E5278;--tmid:#3070A0;--border:rgba(30, 82, 120, 0.14);--border2:rgba(30, 82, 120, 0.26);--t-bg:#181C20;--t-text:#B8C4CC;--t-dim:#576470;--t-accent:#7A9AAC;--t-green:#7AAF8A;--t-cmd:#DCE8EE;--fhead:'Space Grotesk', sans-serif;--fbody:'Inter', sans-serif;--fmono:'Fira Mono', 'Cascadia Code', 'Consolas', monospace;--r6:6px;--r10:10px;--r16:16px;--r24:24px}html{scroll-behavior:smooth;color-scheme:light}body{font-family:var(--fbody);background:var(--bg);color:var(--text);line-height:1.6;-webkit-font-smoothing:antialiased}nav{background:var(--blue);display:flex;align-items:center;justify-content:space-between;padding:0 2.5rem;height:58px;border-bottom:.5px solid rgba(122,180,212,.18);position:sticky;top:0;z-index:100}.nav-logo{display:flex;align-items:center;gap:10px;text-decoration:none}.logo-mark{width:30px;height:30px;flex-shrink:0}.logo-name{font-family:var(--fhead);font-weight:800;font-size:17px;color:var(--ice);letter-spacing:-.3px}.nav-links{display:flex;align-items:center;gap:1.8rem}.nav-links a{font-size:13px;color:var(--sky);text-decoration:none;transition:color .15s}.nav-links a:hover{color:#fff}.nav-links .btn-nav{font-family:var(--fbody);font-weight:600;font-size:13px;color:var(--blue);background:var(--ice);border:1px solid var(--ice);border-radius:var(--r6);padding:7px 15px;text-decoration:none;display:flex;align-items:center;gap:6px;transition:all .2s}.nav-links .btn-nav:hover{background:var(--orm);border-color:var(--orm);color:#fff}.hero{padding:6rem 2rem 4.5rem;text-align:center;background:radial-gradient(ellipse 70% 55% at 50% 38%,#EEFAFF 0%,#BBDAEC 100%)}.hero-inner{max-width:640px;margin:0 auto}.hero-badge{display:inline-flex;align-items:center;gap:7px;background:rgba(240,114,32,5%);color:var(--or);border:.5px solid rgba(240,114,32,.28);border-radius:99px;padding:5px 16px;font-size:12px;font-weight:500;margin-bottom:1.8rem}.hero-badge i{font-size:13px;color:var(--or)}.hero-badge .sep{color:var(--orm);opacity:.5}h1{font-family:var(--fhead);font-weight:800;font-size:clamp(38px,5.5vw,58px);line-height:1.08;color:var(--blue);letter-spacing:-1.5px;margin-bottom:1.4rem}h1 .accent{color:var(--or)}.hero-sub{font-size:17px;color:var(--tsub);line-height:1.7;margin-bottom:2.5rem;max-width:500px;margin-left:auto;margin-right:auto}.hero-actions{display:flex;align-items:center;justify-content:center;gap:12px;margin-bottom:1.6rem;flex-wrap:wrap}.hero-install{display:inline-flex;align-items:center;gap:8px;font-family:var(--fmono);font-size:13px;color:var(--blue);background:rgba(255,255,255,.5);border:.5px solid var(--border2);border-radius:var(--r10);padding:9px 16px;margin-bottom:3.5rem}.hero-install .prompt{color:var(--tmid)}.hero-install .cmd{color:var(--or);font-weight:600}.btn-primary{font-family:var(--fbody);font-weight:500;font-size:14px;color:#fff;background:var(--or);border:none;border-radius:var(--r10);padding:12px 22px;text-decoration:none;display:inline-flex;align-items:center;gap:7px;transition:background .2s,transform .15s,box-shadow .2s;cursor:pointer;box-shadow:0 12px 32px rgba(240,114,32,.32)}.btn-primary:hover{background:var(--orm);transform:translateY(-1px);box-shadow:0 4px 12px rgba(240,114,32,.5)}.btn-outline{font-family:var(--fbody);font-weight:500;font-size:14px;color:var(--blue);background:0 0;border:1.5px solid var(--sky);border-radius:var(--r10);padding:11px 22px;text-decoration:none;display:inline-flex;align-items:center;gap:7px;transition:all .2s;box-shadow:0 12px 32px rgba(122,180,212,.4)}.btn-outline:hover{background:var(--bg2);transform:translateY(-1px);box-shadow:0 4px 12px rgba(122,180,212,.55)}.terminal-wrap{max-width:540px;margin:0 auto;border-radius:var(--r16);overflow:hidden;box-shadow:0 2px 20px rgba(0,0,0,.22),0 0 0 .5px rgba(255,255,255,6%)}.terminal-titlebar{background:#141820;padding:9px 14px;display:flex;align-items:center;gap:7px}.tdot{width:10px;height:10px;border-radius:50%}.tdot:nth-child(1){background:#3d2b2b}.tdot:nth-child(2){background:#3a3420}.tdot:nth-child(3){background:#1e2e28}.terminal-body{background:var(--t-bg);padding:1.4rem 1.75rem;text-align:left}.tline{font-family:var(--fmono);font-size:12.5px;line-height:1.95;color:var(--t-text)}.tline .prompt{color:var(--t-accent)}.tline .cmd{color:var(--t-cmd)}.tline .flag{color:#9bada0}.tline .path{color:var(--t-text)}.tline .comment{color:var(--t-dim);font-style:italic}.tline .ok{color:var(--t-green)}.tline .fname{color:var(--t-cmd)}.tline .arrow{color:var(--t-accent)}.tline .out{color:var(--t-text)}.tline.spacer{line-height:.6}section.usage{padding:4.5rem 2rem;background:#eefaff}section.example{background:var(--bg2);border-top:.5px solid var(--border);border-bottom:.5px solid var(--border);padding:4.5rem 2rem}section.format{padding:4.5rem 2rem;background:linear-gradient(to bottom,#BBDAEC 0%,#EEFAFF 100%)}.section-inner{max-width:720px;margin:0 auto}h2{font-family:var(--fhead);font-weight:800;font-size:clamp(22px,3vw,30px);color:var(--blue);letter-spacing:-.8px;margin-bottom:.5rem}.section-sub{font-size:15px;color:var(--tsub);margin-bottom:2.5rem}.args-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;margin-bottom:2.5rem}.arg-card{background:#fff;border:.5px solid var(--border);border-radius:var(--r16);padding:1.25rem 1.25rem 1rem;border-top:3px solid var(--sky);box-shadow:0 12px 32px rgba(30,82,120,.12);transition:box-shadow .2s,transform .15s}.arg-card:hover{transform:translateY(-1px);box-shadow:0 4px 12px rgba(30,82,120,.2)}.arg-card:nth-child(2){border-top-color:var(--orm)}.arg-card:nth-child(3){border-top-color:var(--or)}.arg-name{font-family:var(--fmono);font-size:12px;color:var(--blue);background:var(--bg2);border-radius:var(--r6);padding:3px 8px;display:inline-block;margin-bottom:.7rem}.arg-card h3{font-family:var(--fhead);font-weight:700;font-size:14px;color:var(--text);margin-bottom:.35rem}.arg-card p{font-size:13px;color:var(--tsub);line-height:1.55}.values-row{display:flex;gap:6px;margin-top:.6rem;flex-wrap:wrap}.val-pill{font-family:var(--fmono);font-size:11px;padding:2px 8px;border-radius:99px;background:var(--bg2);color:var(--blue);border:.5px solid var(--border2)}.example-flow{display:grid;grid-template-columns:1fr 32px 1fr;align-items:center;gap:16px}.flow-block{background:#fff;border:.5px solid var(--border);border-radius:var(--r16);overflow:hidden;box-shadow:0 12px 32px rgba(30,82,120,.12);transition:box-shadow .2s,transform .15s}.flow-block:hover{transform:translateY(-1px);box-shadow:0 4px 12px rgba(30,82,120,.2)}.flow-label{font-family:var(--fhead);font-weight:700;font-size:11px;letter-spacing:.5px;padding:9px 14px;background:var(--ice);color:var(--blue);border-bottom:.5px solid var(--border)}.flow-body{padding:1rem 1.25rem;font-family:var(--fmono);font-size:12px;line-height:1.75;color:var(--tmid)}.flow-body .ck{color:var(--or)}.flow-body .cv{color:var(--text)}.flow-body .tk{color:var(--tsub)}.flow-body .tv{color:var(--text)}.flow-body .num{color:var(--blue);font-weight:500}.flow-arrow{text-align:center;color:var(--sky);font-size:22px}.format-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px}.fmt-card{background:#fff;border:.5px solid var(--border);border-radius:var(--r16);padding:1.25rem;box-shadow:0 12px 32px rgba(30,82,120,.12);transition:box-shadow .2s,transform .15s}.fmt-card:hover{transform:translateY(-1px);box-shadow:0 4px 12px rgba(30,82,120,.2)}.fmt-icon{width:38px;height:38px;border-radius:var(--r10);background:var(--bg2);color:var(--blue);display:flex;align-items:center;justify-content:center;font-size:20px;margin-bottom:1rem}.fmt-card h3{font-family:var(--fhead);font-weight:700;font-size:14px;color:var(--text);margin-bottom:.4rem}.fmt-card p{font-size:13px;color:var(--tsub);line-height:1.55}section.install{padding:4.5rem 2rem;background:linear-gradient(to bottom,#BBDAEC 0%,#EEFAFF 100%)}.install-tabs{margin-bottom:1.5rem}.install-tabs>input{position:absolute;opacity:0;pointer-events:none}.tab-labels{display:flex;gap:8px;margin-bottom:-1px;flex-wrap:wrap}.tab-label{display:inline-flex;align-items:center;gap:8px;font-family:var(--fhead);font-weight:700;font-size:14px;color:var(--tsub);background:rgba(255,255,255,.45);border:.5px solid var(--border);border-bottom:none;border-radius:var(--r10)var(--r10)0 0;padding:11px 18px;cursor:pointer;transition:color .15s,background .15s}.tab-label:hover{color:var(--blue)}#tab-pipx:checked~.tab-labels .tl-pipx,#tab-file:checked~.tab-labels .tl-file{color:var(--blue);background:#fff;position:relative;z-index:1}#tab-pipx:focus-visible~.tab-labels .tl-pipx,#tab-file:focus-visible~.tab-labels .tl-file{outline:2px solid var(--sky);outline-offset:2px}.tab-panels{background:#fff;border:.5px solid var(--border);border-radius:0 var(--r16)var(--r16)var(--r16);padding:1.5rem;box-shadow:0 12px 32px rgba(30,82,120,.12)}.tab-panel{display:none}#tab-pipx:checked~.tab-panels .panel-pipx,#tab-file:checked~.tab-panels .panel-file{display:block}.install-badge{display:inline-block;font-family:var(--fhead);font-weight:700;font-size:10px;letter-spacing:.5px;text-transform:uppercase;color:#fff;background:var(--or);border-radius:99px;padding:3px 9px;margin-bottom:.8rem}.install-note+.install-note{margin-top:.5rem}.tab-panel>p{font-size:13px;color:var(--tsub);line-height:1.55;margin-bottom:1rem}.install-cmd{font-family:var(--fmono);font-size:12px;line-height:1.9;background:var(--t-bg);color:var(--t-text);border-radius:var(--r10);padding:.85rem 1rem;margin-bottom:.9rem;overflow-x:auto;white-space:nowrap}.install-cmd .p{color:var(--t-accent)}.install-cmd .c{color:var(--t-green)}.install-note{font-size:12px;color:var(--tmid);line-height:1.55}.install-note code,.tab-panel>p code,.install-foot code{font-family:var(--fmono);font-size:11.5px;background:var(--bg2);color:var(--blue);border-radius:var(--r6);padding:1px 5px}.install-foot{font-size:12.5px;color:var(--tsub);text-align:center}.callout-wrap{padding:0 2rem 5rem;background:#eefaff}.callout{background:var(--blue);border-radius:var(--r24);padding:2.5rem 3rem;display:flex;align-items:center;justify-content:space-between;gap:2rem;max-width:680px;margin:0 auto}.callout-text h3{font-family:var(--fhead);font-weight:800;font-size:19px;color:#fff;margin-bottom:.4rem;letter-spacing:-.3px}.callout-text p{font-size:14px;color:var(--sky);line-height:1.6;max-width:360px}.callout-cmd{font-family:var(--fmono);font-size:13px;background:rgba(0,0,0,.25);border:.5px solid rgba(122,180,212,.2);border-radius:var(--r10);padding:.9rem 1.25rem;color:var(--ice);white-space:nowrap;flex-shrink:0}.callout-cmd .p{color:var(--sky)}.callout-cmd .c{color:#fff;font-weight:600}footer{background:var(--blue);border-top:.5px solid rgba(122,180,212,.15);padding:1.8rem 2.5rem;display:flex;align-items:center;justify-content:space-between}.footer-left{display:flex;align-items:center;gap:10px}.footer-logo{font-family:var(--fhead);font-weight:800;font-size:14px;color:var(--ice);letter-spacing:-.2px}.footer-sep{color:rgba(122,180,212,.35)}.footer-lic{font-size:12px;color:var(--sky);opacity:.7}.footer-links{display:flex;align-items:center;gap:1.5rem}.footer-links a{font-size:13px;color:var(--sky);text-decoration:none;transition:color .15s}.footer-links a:hover{color:#fff}@keyframes fadeUp{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}.hero-badge{animation:fadeUp .45s ease both .05s}h1{animation:fadeUp .45s ease both .15s}.hero-sub{animation:fadeUp .45s ease both .25s}.hero-actions{animation:fadeUp .45s ease both .32s}.terminal-wrap{animation:fadeUp .45s ease both .4s}@media(max-width:640px){nav{padding:0 1.2rem}.nav-links a{display:none}.hero{padding:4rem 1.2rem 3rem}.tab-label{flex:1;justify-content:center;font-size:13px;padding:10px 12px}.example-flow{grid-template-columns:1fr;gap:8px}.flow-arrow{transform:rotate(90deg)}.callout{flex-direction:column;padding:2rem}.callout-cmd{white-space:normal}footer{flex-direction:column;gap:1rem;text-align:center}}