.hero{border-bottom:1px solid var(--line);padding-block:clamp(3rem,8vw,6.5rem) clamp(3rem,7vw,5.5rem);position:relative;overflow:hidden}.hero-pattern{width:100%;height:100%;color:var(--accent);opacity:var(--pattern-opacity);pointer-events:none;animation:1.4s ease-out both fade-in;position:absolute;inset:0;-webkit-mask-image:radial-gradient(75% 95% at 80% 40%,#000 0%,#0000 100%);mask-image:radial-gradient(75% 95% at 80% 40%,#000 0%,#0000 100%)}.hero-pattern polygon,.hero-pattern path{fill:none;stroke:currentColor;stroke-width:1px}.hero-grid{grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);align-items:center;gap:clamp(2rem,5vw,4rem);display:grid;position:relative}.hero-copy .lead{margin-top:1.25rem}.hero-actions{flex-wrap:wrap;gap:.75rem;margin-top:2rem;display:flex}.hero-note{max-width:52ch;color:var(--text-dim);margin-top:1.5rem;font-size:.9375rem}@keyframes fade-in{0%{opacity:0}to{opacity:var(--pattern-opacity)}}@keyframes rise{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}@media (width<=940px){.hero-grid{grid-template-columns:1fr}}.demo{background:var(--surface);border:1px solid var(--line-strong);border-radius:var(--r-md);min-width:0;box-shadow:var(--demo-shadow);animation:.7s cubic-bezier(.2,.7,.2,1) .15s both rise;overflow:hidden}.demo-head{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:1rem;padding:.75rem 1rem;font-size:.8125rem;display:flex}.pill{border-radius:var(--r-pill);background:var(--surface-2);color:var(--text-dim);padding:.15rem .65rem;font-size:.75rem;font-weight:500}.demo-code{background:var(--code-bg);color:var(--code-text);font:400 .8125rem/1.7 var(--font-mono);font-variant-ligatures:none;tab-size:2;padding:1rem;overflow-x:auto}.demo-code code{font:inherit}.demo-response{border-top:1px solid var(--line);min-height:11.5rem}.demo-controls{border-block:1px solid var(--line);gap:1rem;padding:.85rem 1rem;display:flex}.field{min-width:0;color:var(--text-dim);flex-direction:column;flex:1;gap:.3rem;font-size:.8125rem;font-weight:500;display:flex}.field-narrow{flex:0 0 6.5rem}.field select,.field input{background:var(--surface-2);border:1px solid var(--field-border);border-radius:var(--r-sm);min-height:44px;color:var(--text);padding:.4rem .75rem;font-size:.9375rem}.demo-status{max-width:none;padding:.75rem 1rem;font-size:.9375rem;font-weight:500}.demo-status .ok,.demo-status .warn{font-weight:700}.demo-status .ok{color:var(--ok)}.demo-status .warn{color:var(--warn)}.code-grid{grid-template-columns:minmax(0,4fr) minmax(0,8fr);align-items:start;gap:clamp(2rem,5vw,4rem);display:grid}.code-intro p{color:var(--text-dim);margin-top:1rem}.code-intro p:last-child{font-size:.9375rem}@media (width>=941px){.code-intro{position:sticky;top:6.5rem}}@media (width<=940px){.code-grid{grid-template-columns:1fr}}.codeview{background:var(--code-bg);border:1px solid var(--line-strong);border-radius:var(--r-md);min-width:0;overflow:hidden}.cv-bar{background:var(--surface);border-bottom:1px solid var(--line);justify-content:space-between;align-items:stretch;display:flex}.cv-tabs{min-width:0;display:flex;overflow-x:auto}.cv-tab{min-height:44px;color:var(--text-dim);font:500 .8125rem var(--font-mono);white-space:nowrap;cursor:pointer;background:0 0;border:0;border-bottom:2px solid #0000;border-radius:0;padding:0 1rem}.cv-tab:hover{color:var(--text)}.cv-tab[aria-selected=true]{background:var(--code-bg);border-bottom-color:var(--accent);color:var(--text)}.cv-copy{border:0;border-inline-start:1px solid var(--line);min-width:5rem;min-height:44px;color:var(--text-dim);cursor:pointer;background:0 0;border-radius:0;padding:0 1rem;font-size:.8125rem;font-weight:600}.cv-copy:hover{color:var(--text);background:var(--surface-2)}.cv-panel pre{height:34rem;color:var(--code-text);font:400 .8125rem/1.6 var(--font-mono);font-variant-ligatures:none;tab-size:2;padding:1.25rem;overflow:auto}.cv-panel code{font:inherit}.table-wrap{background:var(--surface);border:1px solid var(--line-strong);border-radius:var(--r-md);overflow-x:auto}.compare{border-collapse:separate;border-spacing:0;width:100%;min-width:780px;font-size:.9375rem}.compare th,.compare td{text-align:start;vertical-align:top;border-bottom:1px solid var(--line);padding:1rem 1.25rem}.compare thead th{background:var(--surface-2);vertical-align:bottom;font-weight:650}.compare thead th:first-child{position:sticky;inset-inline-start:0}.compare th small,.compare td small{color:var(--text-dim);margin-top:.15rem;font-size:.8125rem;font-weight:400;display:block}.compare tbody th{background:var(--surface);min-width:13rem;font-weight:600;position:sticky;inset-inline-start:0}.compare tbody tr:last-child>*{border-bottom:0}.v{--vc:var(--text-dim);align-items:center;gap:.45rem;font-weight:650;display:inline-flex}.v:before{content:"";background:var(--vc);width:1.05rem;height:1.05rem;-webkit-mask:var(--ico) center / contain no-repeat;-webkit-mask:var(--ico) center / contain no-repeat;mask:var(--ico) center / contain no-repeat}.v.yes{--vc:var(--ok);--ico:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path d='m4.5 12.5 5 5L19.5 7' fill='none' stroke='black' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'/></svg>")}.v.partial{--vc:var(--warn);--ico:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path d='M5 12h14' fill='none' stroke='black' stroke-width='3' stroke-linecap='round'/></svg>")}.v.no{--ico:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path d='M6 6l12 12M18 6 6 18' fill='none' stroke='black' stroke-width='3' stroke-linecap='round'/></svg>")}.v.time:before{display:none}.logos{background:var(--line-strong);border:1px solid var(--line-strong);border-radius:var(--r-md);grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;display:grid;overflow:hidden}.logos li{background:var(--surface);align-items:center;gap:.9rem;min-height:5rem;padding:1rem 1.25rem;font-size:.9375rem;font-weight:500;display:flex}.logos svg{width:40px;height:28px;fill:var(--text-dim);flex:none}@media (width<=720px){.logos{grid-template-columns:repeat(2,minmax(0,1fr))}}.cta{background:var(--cta-bg);border-radius:var(--r-lg);color:#fff;justify-content:space-between;align-items:center;gap:1.5rem 2.5rem;padding:clamp(1.5rem,4vw,2.75rem);display:flex}.cta p{color:#ffffffd6;margin-top:.75rem}.cta .btn-primary{color:#2f1c6a;background:#fff;flex:none}.cta .btn-primary:hover{background:#ebe4ff}@media (width<=760px){.cta{flex-direction:column;align-items:flex-start}}@media (width<=720px){.table-wrap{background:0 0;border:0;border-radius:0;overflow:visible}.compare,.compare tbody,.compare tr,.compare th,.compare td{display:block}.compare{min-width:0}.compare thead{clip:rect(0 0 0 0);width:1px;height:1px;position:absolute;overflow:hidden}.compare tbody tr{background:var(--surface);border:1px solid var(--line-strong);border-radius:var(--r-md);margin-bottom:1rem;overflow:hidden}.compare tbody th{background:var(--surface-2);border-bottom:1px solid var(--line);min-width:0;padding:.9rem 1rem;position:static}.compare td{border-bottom:1px solid var(--line);padding:.75rem 1rem}.compare tbody tr>td:last-child{border-bottom:0}.compare td:before{content:attr(data-label);color:var(--text-dim);margin-bottom:.2rem;font-size:.75rem;font-weight:600;display:block}.logos li{gap:.6rem;min-width:0;padding:.9rem .85rem;font-size:.875rem}.logos svg{width:30px}}