:root{--bg:#0b0d12;--panel:#12151d;--panel-2:#171b25;--line:#242935;--text:#e8eaf0;--muted:#949cb0;--accent:#5b8cff;--radius:14px;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}@media (prefers-color-scheme:light){:root{--bg:#fbfbfd;--panel:#fff;--panel-2:#f4f5f8;--line:#e4e6ec;--text:#12151d;--muted:#5c637a;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;margin:0;font:16px/1.6 ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif}a{color:inherit;text-decoration:none}.shell{max-width:1120px;margin:0 auto;padding:0 24px 80px}.skip{position:absolute;left:-9999px}.skip:focus{background:var(--panel);border:1px solid var(--line);border-radius:8px;padding:8px 14px;top:12px;left:20px}.nav{z-index:20;background:color-mix(in srgb, var(--bg) 72%, transparent);-webkit-backdrop-filter:saturate(180%)blur(20px);border-bottom:1px solid #0000;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:8px;padding:14px 0;transition:border-color .2s;display:flex;position:sticky;top:0}@supports (animation-timeline:scroll()){.nav{animation:linear both nav-edge;animation-timeline:scroll(root);animation-range:0 60px}}@keyframes nav-edge{to{border-bottom-color:var(--line)}}.brand{letter-spacing:-.02em;align-items:center;gap:10px;font-size:19px;font-weight:700;display:inline-flex}.brand-mark{background:linear-gradient(135deg,#5b8cff,#ff6b9d 55%,#2fb67c);border-radius:7px;flex-shrink:0;width:24px;height:24px}.nav nav{flex-wrap:wrap;gap:6px;display:flex}.nav nav a{color:var(--muted);border-radius:999px;padding:8px 16px;font-size:14px;font-weight:550;transition:color .15s,background .15s}.nav nav a:hover,.nav nav a[aria-current=page]{color:var(--text);background:var(--panel-2)}.hero{max-width:820px;padding:64px 0 44px}.hero.compact{max-width:840px;padding:40px 0 32px}.eyebrow{letter-spacing:.05em;text-transform:uppercase;color:var(--accent);margin:0 0 14px;font-size:13px;font-weight:700}h1{letter-spacing:-.03em;margin:0 0 18px;font-size:clamp(32px,5.5vw,54px);font-weight:750;line-height:1.1}.lede{color:var(--muted);margin:0;font-size:clamp(16px,2.2vw,20px);line-height:1.55}.hero-actions{flex-wrap:wrap;gap:12px;margin-top:32px;display:flex}.btn{border:1px solid var(--line);background:var(--panel);color:var(--text);border-radius:999px;align-items:center;gap:8px;padding:12px 22px;font-size:15px;font-weight:600;transition:border-color .15s,transform .15s,background .15s;display:inline-flex}.btn.secondary{color:var(--muted);background:0 0}.btn:hover{border-color:var(--accent);color:var(--text);transform:translateY(-1px)}.grid{gap:16px;display:grid}.cards{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-top:24px}.items-grid{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));margin-top:16px}.card{border:1px solid var(--line);border-radius:var(--radius);background:var(--panel);flex-direction:column;padding:26px;transition:border-color .2s,transform .2s,box-shadow .2s;display:flex}.card:hover{border-color:var(--accent);transform:translateY(-3px);box-shadow:0 8px 24px #00000040}.card h3{letter-spacing:-.015em;margin:16px 0 10px;font-size:22px;font-weight:700}.card p{color:var(--muted);flex-grow:1;margin:0;font-size:15px;line-height:1.6}.kicker{background:color-mix(in srgb, var(--accent) 18%, transparent);color:var(--accent);letter-spacing:.04em;text-transform:uppercase;border-radius:999px;align-self:flex-start;padding:4px 12px;font-size:12px;font-weight:700}.card-meta{border-top:1px solid var(--line);color:var(--accent);justify-content:space-between;align-items:center;margin-top:24px;padding-top:14px;font-size:14px;font-weight:600;display:flex}.arrow{transition:transform .15s}.card:hover .arrow{transform:translate(5px)}.item-detail-card{border:1px solid var(--line);border-radius:var(--radius);background:var(--panel);flex-direction:column;padding:24px;transition:border-color .15s;display:flex}.item-detail-card:hover{border-color:var(--accent)}.item-detail-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;margin-bottom:12px;display:flex}.tag{background:color-mix(in srgb, var(--accent) 16%, transparent);color:var(--accent);text-transform:uppercase;letter-spacing:.03em;border-radius:6px;padding:3px 10px;font-size:12px;font-weight:700}.tech-badge{color:var(--muted);font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:12px}.item-detail-card h3{margin:0 0 10px;font-size:19px;font-weight:700}.item-blurb{color:var(--text);margin:0 0 10px;font-size:15px;font-weight:500}.item-desc{color:var(--muted);margin:0 0 14px;font-size:14px}.item-features-list{color:var(--muted);margin:0 0 18px;padding-left:18px;font-size:13.5px;line-height:1.6}.item-actions{border-top:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-top:auto;padding-top:16px;display:flex}.btn-link{align-items:center;gap:6px;font-size:13.5px;font-weight:650;text-decoration:none;transition:opacity .15s,color .15s;display:inline-flex}.btn-link.btn-primary{color:var(--accent)}.btn-link.btn-primary:hover{text-decoration:underline}.btn-link.btn-secondary{color:var(--muted);font-size:12.5px;font-weight:550}.btn-link.btn-secondary:hover{color:var(--text);text-decoration:underline}.content-section{border-top:1px solid var(--line);margin-top:64px;padding-top:40px}.content-section h2{letter-spacing:-.02em;margin:0 0 12px;font-size:clamp(24px,3.5vw,32px);font-weight:750}.section-intro{max-width:780px;color:var(--muted);margin:0 0 28px;font-size:16px}.features-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px;margin-top:24px;display:grid}.feature-item{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:24px}.feature-badge{color:var(--accent);margin-bottom:12px;font-size:14px;font-weight:800;display:inline-block}.feature-item h3{margin:0 0 8px;font-size:18px;font-weight:700}.feature-item p{color:var(--muted);margin:0;font-size:14.5px;line-height:1.6}.table-responsive{border:1px solid var(--line);border-radius:var(--radius);background:var(--panel);width:100%;margin-top:20px;overflow-x:auto}.comparison-table{border-collapse:collapse;text-align:left;width:100%;font-size:14.5px}.comparison-table th,.comparison-table td{border-bottom:1px solid var(--line);padding:16px 20px}.comparison-table th{background:var(--panel-2);text-transform:uppercase;letter-spacing:.03em;color:var(--muted);font-size:13.5px;font-weight:700}.comparison-table tr:last-child td{border-bottom:none}.badge-highlight{color:#2fb67c;background:#2fb67c33;border-radius:4px;padding:2px 8px;font-size:13px;font-weight:650;display:inline-block}.catalog-group{margin-top:36px}.catalog-group-header{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:16px;margin-bottom:16px;display:flex}.catalog-group-header .group-title{margin:0}.group-title{letter-spacing:-.01em;color:var(--text);align-items:center;gap:8px;margin:0 0 16px;font-size:18px;font-weight:700;display:flex}.group-title:before{content:"";background:var(--accent);border-radius:2px;width:4px;height:18px;display:inline-block}.group-hub-link{color:var(--muted);font-size:13px;font-weight:600;text-decoration:none;transition:color .15s}.group-hub-link:hover{color:var(--accent);text-decoration:underline}.guides-stack{flex-direction:column;gap:20px;margin-top:20px;display:flex}.guide-card{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:28px}.guide-card h3{color:var(--text);margin:0 0 14px;font-size:20px;font-weight:700}.guide-card p{color:var(--muted);margin:0 0 14px;font-size:15px;line-height:1.65}.guide-card p:last-child{margin-bottom:0}.faq-list{flex-direction:column;gap:12px;margin-top:20px;display:flex}.faq-card{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);transition:border-color .15s;overflow:hidden}.faq-card.open{border-color:var(--accent)}.faq-question{width:100%;color:var(--text);font:inherit;text-align:left;cursor:pointer;background:0 0;border:none;justify-content:space-between;align-items:center;gap:16px;padding:20px 24px;font-size:16px;font-weight:650;display:flex}.faq-question:hover{color:var(--accent)}.faq-icon{color:var(--muted);font-size:20px;font-weight:700;line-height:1}.faq-answer{color:var(--muted);padding:0 24px 22px;font-size:15px;line-height:1.65}.faq-answer p{margin:0}.contact-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px;display:grid}.contact-card{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);flex-direction:column;padding:28px;display:flex}.contact-icon{margin-bottom:12px;font-size:32px}.contact-card h3{margin:0 0 10px;font-size:19px;font-weight:700}.contact-card p{color:var(--muted);flex-grow:1;margin:0 0 18px;font-size:14.5px}.prose{max-width:820px;margin-top:48px;font-size:15.5px;line-height:1.7}.prose h2{letter-spacing:-.02em;margin:36px 0 14px;font-size:24px;font-weight:750}.prose h3{margin:24px 0 10px;font-size:18px;font-weight:700}.prose p{color:var(--muted);margin:0 0 16px}.prose ul,.prose ol{color:var(--muted);margin:0 0 20px;padding-left:24px}.prose li{margin-bottom:8px}.prose code{background:var(--panel-2);border-radius:4px;padding:2px 6px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.9em}.prose a{color:var(--accent);text-underline-offset:3px;text-decoration:underline}.ad{justify-content:center;min-height:90px;margin:56px 0 0;display:flex}.footer{border-top:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;gap:36px;margin-top:80px;padding-top:40px;display:flex}.footer-colophon{max-width:380px}.footer-tagline{color:var(--muted);margin:12px 0 10px;font-size:14px;line-height:1.6}.footer-copy{color:var(--muted);opacity:.8;margin:0;font-size:13px}.footer-links-group{flex-wrap:wrap;gap:40px;display:flex}.footer-column h4{text-transform:uppercase;letter-spacing:.05em;color:var(--text);margin:0 0 14px;font-size:13px;font-weight:700}.footer-column nav{flex-direction:column;gap:10px;display:flex}.footer-column nav a{color:var(--muted);font-size:14px;transition:color .15s}.footer-column nav a:hover{color:var(--accent)}@media (prefers-reduced-motion:reduce){*{transition:none!important}html{scroll-behavior:auto}}.glow{z-index:-1;pointer-events:none;background:radial-gradient(52% 46% at 50% 18%, color-mix(in srgb, var(--accent) 28%, transparent), transparent 70%), radial-gradient(38% 34% at 82% 6%, color-mix(in srgb, var(--accent) 16%, transparent), transparent 70%);filter:blur(6px);opacity:.85;height:520px;position:absolute;inset:-80px 0 auto}main{position:relative}.hero.centered{text-align:center;max-width:860px;margin:0 auto;padding-top:84px}.hero.centered .hero-actions{justify-content:center}.hero.split{grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);align-items:center;gap:32px;max-width:none;display:grid}.hero-art svg{width:100%;height:auto}.card-art{border-radius:calc(var(--radius) - 4px);background:radial-gradient(120% 90% at 50% 0%, color-mix(in srgb, var(--accent) 14%, transparent), transparent 70%), var(--panel-2);margin:-8px -8px 6px;overflow:hidden}.card-art svg{width:100%;height:auto;display:block}.card{position:relative;overflow:hidden}.card:after{content:"";border-radius:inherit;pointer-events:none;background:radial-gradient(70% 50% at 50% 0%, color-mix(in srgb, var(--accent) 12%, transparent), transparent 70%);opacity:0;transition:opacity .25s;position:absolute;inset:0}.card:hover:after{opacity:1}.art .float{transform-box:fill-box;transform-origin:50%;animation:7s ease-in-out infinite alternate drift}.art .cell{animation:.6s ease-out both cell-in}@keyframes drift{0%{transform:translateY(-3px)}to{transform:translateY(3px)}}@keyframes cell-in{0%{opacity:0;transform:translateY(6px)}}@supports (animation-timeline:view()){@media (prefers-reduced-motion:no-preference){.card,.item-detail-card,.feature-item,.guide-card,.faq-card,.contact-card,.content-section>h2,.prose>h2{animation:linear both rise;animation-timeline:view();animation-range:entry cover 24%}}}@keyframes rise{0%{opacity:0;transform:translateY(24px)}}@media (width<=760px){.hero.split{grid-template-columns:1fr}.hero.centered{padding-top:52px}.hero-art{order:-1}}@media (prefers-reduced-motion:reduce){.art .float,.art .cell{animation:none}}