.argent{position:relative;isolation:isolate;display:inline-block;color:var(--argent-text);border:1px solid var(--argent-edge);box-shadow:var(--argent-shadow);font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,sans-serif}.argent[data-tone=silver],[data-tone=silver]{--argent-grad: linear-gradient(135deg, #ffffff 0%, #dfe3e8 15%, #a6acb5 35%, #34383e 50%, #b4bac2 64%, #eef1f4 82%, #ffffff 100%);--argent-text: #1a1c20;--argent-edge: rgba(255, 255, 255, .7);--argent-shadow: 0 10px 30px rgba(0, 0, 0, .35), inset 0 1px 0 rgba(255, 255, 255, .9), inset 0 -2px 3px rgba(0, 0, 0, .22);--argent-sheen: rgba(255, 255, 255, .85);--argent-label-shadow: 0 1px 0 rgba(255, 255, 255, .5)}.argent[data-tone=gold],[data-tone=gold]{--argent-grad: linear-gradient(135deg, #fff7d6 0%, #ffe08a 20%, #e3a812 44%, #7c5f12 52%, #e6c24e 68%, #ffe08a 86%, #fff7d6 100%);--argent-text: #3a2c05;--argent-edge: rgba(255, 240, 200, .7);--argent-shadow: 0 10px 30px rgba(60, 40, 0, .4), inset 0 1px 0 rgba(255, 248, 220, .9), inset 0 -2px 3px rgba(70, 50, 0, .3);--argent-sheen: rgba(255, 250, 220, .85);--argent-label-shadow: 0 1px 0 rgba(255, 245, 200, .5)}.argent[data-tone=gunmetal],[data-tone=gunmetal]{--argent-grad: linear-gradient(135deg, #9aa0aa 0%, #6b7079 18%, #2c2f36 46%, #16181c 54%, #3a3e46 70%, #7a808a 90%, #aab0ba 100%);--argent-text: #f0f2f5;--argent-edge: rgba(255, 255, 255, .16);--argent-shadow: 0 12px 34px rgba(0, 0, 0, .55), inset 0 1px 0 rgba(255, 255, 255, .18), inset 0 -2px 3px rgba(0, 0, 0, .5);--argent-sheen: rgba(255, 255, 255, .55);--argent-label-shadow: 0 1px 2px rgba(0, 0, 0, .5)}.argent[data-tone=obsidian],[data-tone=obsidian]{--argent-grad: linear-gradient(135deg, #4a4e56 0%, #2a2d33 20%, #0b0c0f 48%, #000000 56%, #23262c 72%, #44484f 92%, #5a5f68 100%);--argent-text: #eef0f3;--argent-edge: rgba(255, 255, 255, .12);--argent-shadow: 0 14px 36px rgba(0, 0, 0, .65), inset 0 1px 0 rgba(255, 255, 255, .12), inset 0 -2px 4px rgba(0, 0, 0, .6);--argent-sheen: rgba(200, 210, 255, .5);--argent-label-shadow: 0 1px 2px rgba(0, 0, 0, .6)}.argent-fill{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;border-radius:inherit;overflow:hidden;background:var(--argent-grad)}.argent-fill canvas{display:block;width:100%!important;height:100%!important}.argent-core{position:absolute;inset:var(--argent-bw, 1.5px);z-index:1;border-radius:inherit;background:var(--argent-panel, #0d0e11);transition:opacity .4s ease}.argent--reveal:hover .argent-core{opacity:0}.argent--border{border-color:transparent;box-shadow:0 8px 24px #00000052}.argent--border>.argent-content{color:var(--argent-panel-text, #f1f2f4)}.argent--tint .argent-core{background:color-mix(in srgb,var(--argent-panel, #0d0e11) 70%,transparent);backdrop-filter:saturate(120%) brightness(.7);-webkit-backdrop-filter:saturate(120%) brightness(.7)}.argent--double .argent-core:after{content:"";position:absolute;inset:var(--argent-gap, 5px);z-index:2;border-radius:inherit;border:1px solid var(--argent-edge, rgba(255, 255, 255, .5));opacity:.7;pointer-events:none}.argent-sheen{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;border-radius:inherit;pointer-events:none;background:linear-gradient(110deg,transparent 36%,var(--argent-sheen) 50%,transparent 64%);background-size:260% 100%;background-position:-60% 0;background-repeat:no-repeat;opacity:0;mix-blend-mode:screen;transition:background-position .6s ease,opacity .3s ease}.argent--sheen:hover .argent-sheen{background-position:160% 0;opacity:.95}.argent-content{position:relative;z-index:2;display:block}@media(prefers-reduced-motion:reduce){.argent-fill{animation:none}.argent-sheen{transition:opacity .2s ease}}.argent-card{display:block}.argent-card>.argent-content{padding:20px}.argent-btn{display:inline-flex;cursor:pointer;-webkit-user-select:none;user-select:none;transition:transform .14s cubic-bezier(.34,1.5,.5,1),box-shadow .2s ease,filter .15s ease}.argent-btn>.argent-content{display:inline-flex;align-items:center;justify-content:center;gap:8px;font-weight:650;letter-spacing:-.01em}.argent-btn.argent--border>.argent-content{color:var(--argent-panel-text, #f1f2f4);text-shadow:0 1px 2px rgba(0,0,0,.55)}.argent-btn.argent--fill>.argent-content{color:#fff;text-shadow:0 1px 3px rgba(0,0,0,.9),0 0 10px rgba(0,0,0,.65)}.argent-btn--sm>.argent-content{padding:8px 16px;font-size:13px}.argent-btn--md>.argent-content{padding:11px 22px;font-size:14px}.argent-btn--lg>.argent-content{padding:14px 28px;font-size:16px}.argent-btn:hover{transform:translateY(-1px);filter:brightness(1.04)}.argent-btn:active{transform:translateY(1px) scale(.99);box-shadow:var(--argent-shadow),inset 0 3px 7px #0000006b}.argent-btn:focus-visible{outline:2px solid var(--argent-edge);outline-offset:2px}.argent-text{--argent-text-grad: linear-gradient(135deg, #ffffff 0%, #cdd2da 22%, #7e858f 42%, #3a3e44 50%, #aab0b9 60%, #f0f2f5 80%, #ffffff 100%);background:var(--argent-text-grad);background-size:220% 220%;background-position:0% 50%;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent}.argent-text[data-tone=gold]{--argent-text-grad: linear-gradient(135deg, #fff7d6 0%, #ffdf85 20%, #e0a912 42%, #8a6a10 50%, #e8c54e 62%, #ffe9a4 82%, #fff7d6 100%)}.argent-text[data-tone=gunmetal]{--argent-text-grad: linear-gradient(135deg, #c6ccd6 0%, #8a9098 22%, #3a3e46 46%, #21242a 54%, #585d66 68%, #a8aeb8 86%, #ccd2dc 100%)}.argent-text[data-tone=obsidian]{--argent-text-grad: linear-gradient(135deg, #9a9ca8 0%, #54565e 25%, #17181c 48%, #060608 56%, #3c3e46 72%, #84868f 92%, #a8aab4 100%)}.argent-text--shimmer{animation:argent-shimmer 7s linear infinite}@keyframes argent-shimmer{to{background-position:200% 50%}}@media(prefers-reduced-motion:reduce){.argent-text--shimmer{animation:none}}.argent-toggle{position:relative;width:50px;height:28px;border-radius:999px;border:1px solid rgba(255,255,255,.14);background:var(--argent-panel, #0d0e11);box-shadow:inset 0 2px 5px #0000008c;cursor:pointer;padding:0;transition:border-color .25s ease,box-shadow .25s ease}.argent-toggle[data-checked]{border-color:var(--argent-edge, rgba(255, 255, 255, .5));box-shadow:inset 0 2px 5px #0000008c,0 0 14px -4px var(--argent-sheen, rgba(255, 255, 255, .5))}.argent-toggle-thumb{position:absolute;top:2px;left:2px;width:22px;height:22px;border-radius:50%;overflow:hidden;transform:translate(0);transition:transform .26s cubic-bezier(.34,1.45,.55,1);box-shadow:0 1px 4px #00000080;background:var(--argent-grad)}.argent-toggle[data-checked] .argent-toggle-thumb{transform:translate(22px)}.argent-toggle:active .argent-toggle-thumb{transform:translate(0) scale(1.12,.9)}.argent-toggle[data-checked]:active .argent-toggle-thumb{transform:translate(22px) scale(1.12,.9)}.argent-toggle:focus-visible{outline:2px solid var(--argent-edge, rgba(255, 255, 255, .5));outline-offset:2px}.argent-toggle:disabled{opacity:.45;cursor:not-allowed}.argent-progress{position:relative;border-radius:999px;border:1px solid rgba(255,255,255,.12);background:var(--argent-panel, #0d0e11);box-shadow:inset 0 2px 4px #00000080;overflow:hidden}.argent-progress-fill{position:absolute;top:0;bottom:0;left:0;border-radius:inherit;overflow:hidden;background:var(--argent-grad);transition:width .45s cubic-bezier(.33,1,.68,1)}.argent-progress--indeterminate .argent-progress-fill{width:36%;animation:argent-sweep 1.5s ease-in-out infinite}@keyframes argent-sweep{0%{left:-36%}to{left:100%}}@media(prefers-reduced-motion:reduce){.argent-progress--indeterminate .argent-progress-fill{animation-duration:3s}}.argent-badge>.argent-content{padding:4px 12px;font-size:12px;font-weight:620;letter-spacing:.01em;white-space:nowrap}:root{--bg: #08090b;--bg-2: #0e1013;--panel: #111317;--line: rgba(255, 255, 255, .09);--line-2: rgba(255, 255, 255, .14);--ink: #f3f4f6;--ink-2: #a7acb4;--ink-3: #6b7078;--mono: ui-monospace, "SF Mono", "JetBrains Mono", Menlo, monospace;--sans: ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased;line-height:1.55}a{color:inherit}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;background:radial-gradient(900px 500px at 80% -10%,rgba(140,150,170,.1),transparent 60%),radial-gradient(700px 500px at 0% 0%,rgba(200,180,120,.05),transparent 55%)}#root{position:relative;z-index:1}.wrap{max-width:980px;margin:0 auto;padding:0 24px}.nav{position:sticky;top:14px;z-index:50;margin:14px auto 0;max-width:980px}.nav-inner{display:flex;align-items:center;justify-content:space-between;width:100%}.nav .argent{display:block;width:100%}.nav .argent-content{width:100%;padding:10px 16px}.brand{display:flex;align-items:center;gap:10px;font-weight:700;letter-spacing:-.02em;color:#f1f2f4}.brand-mark{width:22px;height:22px;border-radius:7px}.nav-links{display:flex;align-items:center;gap:18px;font-size:13.5px}.nav-links a{color:#c4c8ce;text-decoration:none;font-weight:600}.nav-links a:hover{color:#fff}.hero{padding:64px 0 36px;text-align:center}.hero h1{font-size:clamp(44px,9vw,88px);line-height:.98;letter-spacing:-.04em;margin:0 0 18px;font-weight:720}.hero h1 .liq{background:linear-gradient(135deg,#fff,#cdd2da 22%,#7e858f 42%,#3a3e44 50%,#aab0b9 60%,#f0f2f5,#fff);background-size:220% 220%;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;animation:shimmer 7s linear infinite}@keyframes shimmer{to{background-position:200% 50%}}.hero p.lede{font-size:clamp(16px,2.4vw,20px);color:var(--ink-2);max-width:620px;margin:0 auto 28px}.cta{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;align-items:center}.install{display:inline-flex;align-items:center;gap:12px;font-family:var(--mono);font-size:14px;background:var(--panel);border:1px solid var(--line-2);border-radius:999px;padding:9px 9px 9px 18px}.install code{color:var(--ink)}.install .dollar{color:var(--ink-3)}.install button{border:0;border-radius:999px;padding:7px 14px;font:inherit;font-size:12.5px;background:#e9ebef;color:#111;cursor:pointer;font-family:var(--sans);font-weight:600}.install button:hover{background:#fff}.stage{position:relative;border:1px solid var(--line);border-radius:22px;overflow:hidden;background:radial-gradient(120% 120% at 50% 0%,#1a1d22,#0b0c0e 70%);padding:44px 24px;display:flex;flex-wrap:wrap;gap:20px;align-items:center;justify-content:center}section{padding:52px 0;position:relative}section+section{border-top:1px solid var(--line)}.eyebrow{font-family:var(--mono);font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-3);margin:0 0 10px}h2{font-size:clamp(26px,4vw,34px);letter-spacing:-.025em;margin:0 0 12px;font-weight:680}section>.wrap>p{color:var(--ink-2);max-width:660px;margin:0 0 26px}.row{display:flex;flex-wrap:wrap;gap:16px;align-items:center}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:24px;align-items:start}@media(max-width:760px){.grid2{grid-template-columns:1fr}}.code{background:#0c0d10;border:1px solid var(--line);border-radius:14px;overflow:hidden;font-family:var(--mono);font-size:13px}.code-head{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;border-bottom:1px solid var(--line);background:#0a0b0d}.code-lang{font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-3)}.code-copy{background:transparent;border:1px solid var(--line-2);color:var(--ink-2);border-radius:7px;padding:3px 10px;font:inherit;font-size:11px;cursor:pointer}.code-copy:hover{color:var(--ink);border-color:var(--ink-3)}.code pre{margin:0;padding:14px 0;overflow-x:auto}.code-line{display:flex;padding:0 14px}.code-ln{width:26px;flex:none;color:#3b3d42;-webkit-user-select:none;user-select:none;text-align:right;padding-right:14px}.code-lc{white-space:pre}.lab{display:grid;grid-template-columns:260px 1fr;gap:22px}@media(max-width:760px){.lab{grid-template-columns:1fr}}.controls{display:flex;flex-direction:column;gap:18px;background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:20px}.ctl{display:flex;flex-direction:column;gap:8px}.ctl label{font-size:12.5px;color:var(--ink-2);display:flex;justify-content:space-between}.ctl label b{color:var(--ink);font-family:var(--mono);font-weight:500}.ctl input[type=range]{width:100%;accent-color:#c8ccd2}.seg{display:flex;gap:6px;flex-wrap:wrap}.seg button{flex:1;min-width:56px;border:1px solid var(--line-2);background:transparent;color:var(--ink-2);border-radius:8px;padding:7px 8px;font:inherit;font-size:12px;cursor:pointer}.seg button[data-on=true]{background:#e9ebef;color:#111;border-color:#e9ebef;font-weight:600}.lab-stage{min-height:280px}footer{border-top:1px solid var(--line);padding:40px 0 64px;color:var(--ink-3);font-size:14px}footer a{color:var(--ink-2);text-decoration:none}footer a:hover{color:var(--ink)}footer .frow{display:flex;justify-content:space-between;flex-wrap:wrap;gap:16px}.muted{color:var(--ink-3)}