:root{--brand: #059669;--brand-strong: #047857;--brand-soft: rgba(5,150,105,.12);--accent: #059669;--bg: #FBFBF9;--surface: #FFFFFF;--surface-2: #F4F5F2;--surface-3: #ECEEE9;--border: #E2E4DE;--text: #0A0A0A;--text-muted: #5C6169;--success: #059669;--success-soft:#D1FAE5;--warn: #B45309;--warn-soft:#FEF3C7;--error: #DC2626;--error-soft:#FEE2E2;--r-sm: 6px;--r: 10px;--r-lg: 14px;--r-xl: 22px;--shadow-sm: 0 1px 2px rgba(10,10,10,.06);--shadow: 0 6px 20px rgba(10,10,10,.08);--shadow-lg: 0 24px 60px -16px rgba(10,10,10,.22);--grad: linear-gradient(180deg,#10B981,#059669);--grad-soft: linear-gradient(160deg,#F0FDF4,#F4F5F2);--font: "Inter", system-ui, -apple-system, "Segoe UI", sans-serif;--mono: "JetBrains Mono", ui-monospace, "SF Mono", Menlo, monospace;--display: var(--mono);--on-brand: #04120C;--maxw: 1180px}:root[data-theme=dark]{--brand: #00E676;--brand-strong: #00C853;--brand-soft: rgba(0,230,118,.13);--accent: #00E676;--bg: #0A0A0A;--surface: #101210;--surface-2: #0C0D0C;--surface-3: #16181A;--border: rgba(255,255,255,.09);--text: #E8EAE6;--text-muted: #7C837C;--success:#00E676;--success-soft:rgba(0,230,118,.14);--warn:#F5A623;--warn-soft:rgba(245,166,35,.14);--error:#FF5C5C;--error-soft:rgba(255,92,92,.14);--grad: linear-gradient(180deg,#00E676,#00C853);--grad-soft: linear-gradient(160deg,#0e130f 0%,#0a0a0a 60%);--on-brand: #05140C;--shadow-sm: 0 1px 2px rgba(0,0,0,.5);--shadow: 0 12px 30px -12px rgba(0,0,0,.7);--shadow-lg: 0 30px 80px -24px rgba(0,0,0,.85)}:root[data-theme=dark] body{background:radial-gradient(55% 40% at 50% -8%,rgba(0,230,118,.09),transparent 60%),var(--bg);background-attachment:fixed}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;background-image:radial-gradient(currentColor 1px,transparent 1px);background-size:24px 24px;color:#ffffff08}:root:not([data-theme=dark]) body:before{color:#0a0a0a0d}#root{position:relative;z-index:1}:root[data-theme=dark] .card{background:#ffffff06}:root[data-theme=dark] .card.lift:hover{border-color:#00e67666;box-shadow:0 0 0 1px #00e67626,var(--shadow)}:root[data-theme=dark] .btn-ghost{background:#ffffff08}:root[data-theme=dark] .btn-ghost:hover{background:#00e67614;border-color:#00e67659}:root[data-theme=dark] .input{background:#ffffff08}:root[data-theme=dark] .tbl-wrap{background:#ffffff04}:root[data-theme=dark] table.tbl tr:hover td{background:#00e6760a}:root[data-theme=dark] .pill-toggle{background:#ffffff0d}:root[data-theme=dark] .pill-toggle button.active{background:#00e67629;color:var(--brand)}:root[data-theme=dark] header{background:color-mix(in srgb,var(--bg) 78%,transparent)!important}::selection{background:#00e67647;color:#fff}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:var(--font);background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.6}a{color:var(--brand);text-decoration:none}a:hover{text-decoration:underline}h1,h2,h3,h4{font-family:var(--display);letter-spacing:-.04em;line-height:1.05;margin:0 0 .4em}h1{font-size:clamp(2.2rem,5vw,3.4rem);font-weight:800}h2{font-size:clamp(1.6rem,3.4vw,2.35rem);font-weight:700}h3{font-size:1.15rem;font-weight:700;letter-spacing:-.03em}.badge{font-family:var(--mono)}p{margin:0 0 1rem}.muted{color:var(--text-muted)}.container{max-width:var(--maxw);margin:0 auto;padding:0 20px}.center{text-align:center}.mono{font-family:ui-monospace,SF Mono,Menlo,monospace}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;font-family:var(--mono);font-weight:600;font-size:.9rem;letter-spacing:-.01em;cursor:pointer;padding:11px 20px;border-radius:var(--r);border:1px solid transparent;transition:transform .08s ease,box-shadow .15s ease,background .15s ease,border-color .15s ease;text-decoration:none}.btn:active{transform:translateY(1px)}.btn-primary{background:var(--brand);color:var(--on-brand);font-weight:700;box-shadow:0 8px 26px -10px #00e67699}.btn-primary:hover{text-decoration:none;filter:brightness(1.06);box-shadow:0 12px 34px -10px #00e676bf}.btn-ghost{background:var(--surface);color:var(--text);border-color:var(--border)}.btn-ghost:hover{background:var(--surface-3);text-decoration:none}.btn-soft{background:var(--brand-soft);color:var(--brand-strong)}.btn-soft:hover{text-decoration:none}.btn-sm{padding:7px 13px;font-size:.85rem}.btn-block{width:100%}.btn:disabled{opacity:.55;cursor:not-allowed}.input,select.input,textarea.input{width:100%;font-family:var(--font);font-size:1rem;color:var(--text);background:var(--surface);border:1px solid var(--border);border-radius:var(--r);padding:12px 14px;outline:none;transition:border .15s,box-shadow .15s}.input:focus{border-color:var(--brand);box-shadow:0 0 0 3px var(--brand-soft)}label.field{display:block;font-size:.85rem;font-weight:600;margin-bottom:6px;color:var(--text-muted)}.card{background:var(--surface);border:1px solid var(--border);border-radius:20px;padding:26px;box-shadow:var(--shadow-sm)}.card-pad-lg{padding:34px}.card.lift{transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease}.card.lift:hover{transform:translateY(-3px);box-shadow:var(--shadow);border-color:color-mix(in srgb,var(--brand) 35%,var(--border))}.card-feature{border-color:var(--brand);box-shadow:var(--shadow-lg);position:relative}.card-feature:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;padding:1px;background:var(--grad);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:.5;pointer-events:none}.badge{display:inline-flex;align-items:center;gap:6px;font-size:.78rem;font-weight:600;padding:3px 10px;border-radius:999px}.badge-success{background:var(--success-soft);color:var(--success)}.badge-warn{background:var(--warn-soft);color:var(--warn)}.badge-error{background:var(--error-soft);color:var(--error)}.badge-muted{background:var(--surface-3);color:var(--text-muted)}.badge-brand{background:var(--brand-soft);color:var(--brand-strong)}table.tbl{width:100%;border-collapse:collapse;font-size:.92rem}table.tbl th{text-align:left;font-size:.75rem;text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted);padding:10px 12px;border-bottom:1px solid var(--border)}table.tbl td{padding:12px;border-bottom:1px solid var(--border)}table.tbl tr:hover td{background:var(--surface-2)}.tbl-wrap{overflow-x:auto;border:1px solid var(--border);border-radius:var(--r-lg)}.grid{display:grid;gap:20px}.grid-2{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-4{grid-template-columns:repeat(4,1fr)}.flex{display:flex}.between{justify-content:space-between;align-items:center}.gap{gap:12px}.gap-lg{gap:24px}.wrap{flex-wrap:wrap}.section{padding:72px 0}.stat{font-family:var(--display);font-weight:800;font-size:2rem}.pill-toggle{display:inline-flex;background:var(--surface-3);border-radius:999px;padding:4px;gap:2px}.pill-toggle button{border:none;background:transparent;padding:7px 16px;border-radius:999px;cursor:pointer;font-weight:600;color:var(--text-muted)}.pill-toggle button.active{background:var(--surface);color:var(--brand-strong);box-shadow:var(--shadow-sm)}@media (max-width: 900px){.grid-4{grid-template-columns:repeat(2,1fr)}.grid-3,.grid-2{grid-template-columns:1fr}}.show-sm{display:none}@media (max-width: 560px){.grid-4{grid-template-columns:1fr}.hide-sm{display:none!important}.show-sm{display:block}}.spinner{width:18px;height:18px;border:2px solid var(--brand-soft);border-top-color:var(--brand);border-radius:50%;animation:spin .7s linear infinite;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}.skeleton{background:linear-gradient(90deg,var(--surface-3),var(--surface-2),var(--surface-3));background-size:200% 100%;animation:sk 1.2s infinite;border-radius:8px}@keyframes sk{0%{background-position:200% 0}to{background-position:-200% 0}}.hero-dark{position:relative;overflow:hidden;background:#080808;background-image:radial-gradient(90% 70% at 50% -10%,#00e6761a,#080808 55%)}.hero-grid{position:absolute;top:0;right:0;bottom:0;left:0;opacity:.6;background-image:radial-gradient(rgba(0,230,118,.1) 1px,transparent 1px);background-size:24px 24px;mask-image:radial-gradient(100% 75% at 50% 0%,#000 35%,transparent 85%);-webkit-mask-image:radial-gradient(100% 75% at 50% 0%,#000 35%,transparent 85%)}.hero-glow{position:absolute;border-radius:50%;filter:blur(80px);pointer-events:none}.hero-glow-a{width:520px;height:360px;top:-160px;left:50%;transform:translate(-50%);background:#00e67633}.hero-glow-b{display:none}.hero-eyebrow{display:inline-flex;align-items:center;gap:9px;margin-bottom:24px;padding:7px 15px;border-radius:8px;font-family:var(--mono);font-weight:500;font-size:.8rem;color:#00e676;background:#00e67614;border:1px solid rgba(0,230,118,.25)}.hero-eyebrow:before{content:">_";font-family:var(--mono);color:#00e676;opacity:.8}.hero-dot{display:none}.hero-grad-text{color:#00e676}.cursor-blink:after{content:"_";color:#00e676;animation:blink 1.1s step-end infinite}@keyframes blink{50%{opacity:0}}.hero-search{max-width:640px;margin:0 auto;position:relative}.hero-search:before{content:">";position:absolute;left:18px;top:50%;transform:translateY(-50%);z-index:2;font-family:var(--mono);font-weight:700;color:#00e676;font-size:1.1rem}.hero-search .input{background:#0e100e;border:1px solid rgba(0,230,118,.35);color:#e8eae6;padding-left:38px;font-family:var(--mono);box-shadow:0 0 0 1px #00e67614,0 20px 50px -20px #000c}.hero-search .input::placeholder{color:#5f665f}.hero-chip{display:inline-flex;align-items:center;gap:7px;padding:8px 13px;border-radius:8px;font-family:var(--mono);font-size:.82rem;font-weight:500;color:#c4cbc4;background:#ffffff08;border:1px solid rgba(255,255,255,.1)}.hero-chip svg{color:#00e676}.hero-pill{display:inline-flex;align-items:center;padding:6px 12px;border-radius:8px;font-family:var(--mono);font-size:.8rem;color:#9aa39a;background:#ffffff08;border:1px solid rgba(255,255,255,.1)}.hero-pill b{color:#00e676;margin-left:6px;font-weight:600}.hp-shell{display:grid;grid-template-columns:248px 1fr;min-height:100vh}.hp-side{background:var(--surface);border-right:1px solid var(--border);padding:20px 14px;position:sticky;top:0;height:100vh;overflow-y:auto}.hp-main{background:var(--surface-2);padding:28px 32px;overflow-x:hidden}.hp-topbar{display:none;align-items:center;justify-content:space-between;padding:12px 16px;background:var(--surface);border-bottom:1px solid var(--border);position:sticky;top:0;z-index:40}.hp-scrim{display:none}.hp-hamburger{background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:8px 12px;cursor:pointer;font-size:1.1rem;color:var(--text)}@media (max-width: 820px){.hp-shell{grid-template-columns:1fr}.hp-topbar{display:flex}.hp-side{position:fixed;left:0;top:0;bottom:0;width:264px;height:100vh;z-index:60;transform:translate(-100%);transition:transform .22s ease;box-shadow:var(--shadow-lg)}.hp-side.open{transform:translate(0)}.hp-scrim.open{display:block;position:fixed;top:0;right:0;bottom:0;left:0;background:#02061773;z-index:55}.hp-main{padding:20px 16px}}.hp-two{display:grid;gap:20px;grid-template-columns:1fr 340px;align-items:start}.hp-two-eq{display:grid;gap:20px;grid-template-columns:1fr 1fr}@media (max-width: 760px){.hp-two,.hp-two-eq{grid-template-columns:1fr}}.cart-scrim{position:fixed;top:0;right:0;bottom:0;left:0;background:#0206178c;z-index:200;opacity:0;pointer-events:none;transition:opacity .2s ease}.cart-scrim.open{opacity:1;pointer-events:auto}.cart-drawer{position:fixed;top:0;right:0;bottom:0;width:390px;max-width:92vw;z-index:201;background:var(--surface);border-left:1px solid var(--border);box-shadow:var(--shadow-lg);display:flex;flex-direction:column;transform:translate(100%);transition:transform .24s cubic-bezier(.4,0,.2,1)}.cart-drawer.open{transform:translate(0)}:root[data-theme=dark] .cart-drawer{background:#0c0e0c}.toast-wrap{position:fixed;bottom:24px;right:24px;z-index:1000;display:flex;flex-direction:column;gap:10px}.toast{background:var(--surface);border:1px solid var(--border);border-left:4px solid var(--brand);border-radius:12px;padding:14px 18px;box-shadow:var(--shadow-lg);min-width:260px;animation:slidein .2s ease}.toast.success{border-left-color:var(--success)}.toast.error{border-left-color:var(--error)}@keyframes slidein{0%{transform:translateY(10px);opacity:0}to{transform:none;opacity:1}}