:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#f8fafc;--panel:#0d1728;--line:#94a3b83d;--muted:#a8b3c7;--accent:#22d3ee;--orange:#f59e0b;background:#07101f;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{background:linear-gradient(130deg,#22d3ee1f,#0000 34%),linear-gradient(#080d18 0%,#07101f 52%,#050812 100%);margin:0}a{color:inherit}.skip-link{z-index:10;color:#07101f;background:#fff;padding:.75rem 1rem;position:absolute;top:-4rem;left:1rem}.skip-link:focus{top:1rem}.topbar{z-index:5;border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#07101fdb;justify-content:space-between;align-items:center;gap:1rem;padding:1rem clamp(1rem,4vw,3rem);display:flex;position:sticky;top:0}.brand,.topbar nav{align-items:center;gap:.9rem;display:flex}.brand{text-decoration:none}.mark{background:linear-gradient(135deg,#3574d4,#5e9de8);border-radius:7px;width:1.85rem;height:1.85rem;transform:skew(-16deg)}.topbar nav a{color:#cbd5e1;font-size:.92rem;font-weight:800;text-decoration:none}.hero,.workspace{width:min(1160px,100% - 2rem);margin:0 auto}.hero{grid-template-columns:minmax(0,1fr) minmax(320px,.72fr);align-items:center;gap:clamp(2rem,5vw,4.5rem);min-height:calc(100svh - 72px);padding:clamp(4rem,8vw,7rem) 0;display:grid}.eyebrow{color:var(--accent);letter-spacing:.08em;text-transform:uppercase;font-size:.76rem;font-weight:900}h1,h2,p{margin:0}h1{max-width:11ch;margin-top:1rem;font-size:clamp(3rem,8vw,6.8rem);line-height:.93}h2{margin-top:.8rem;font-size:clamp(2rem,4vw,3.5rem);line-height:1}.hero-copy p,.section-head p,.connector-demo li,.bundle p,.assistant-row small,.checkout-panel p,.checkout-panel small{color:var(--muted);line-height:1.58}.hero-copy p{max-width:42rem;margin-top:1.4rem;font-size:1.1rem}.hero-actions{flex-wrap:wrap;gap:.9rem;margin-top:2rem;display:flex}.button{border:1px solid var(--line);border-radius:8px;justify-content:center;align-items:center;min-height:2.8rem;padding:0 1rem;font-weight:900;text-decoration:none;display:inline-flex}.button.primary{color:#111827;background:linear-gradient(135deg,#f59e0b,#d97706);border-color:#f59e0b8c}.button.secondary{color:#f8fafc;background:#ffffff0f}.button:disabled{cursor:not-allowed;opacity:.45}.connector-demo,.account-panel,.checkout-panel{border:1px solid var(--line);background:#0d1728d1;border-radius:8px;gap:1rem;padding:clamp(1.3rem,3vw,2rem);display:grid;box-shadow:0 24px 80px #0000004d}.connector-demo strong{font-size:1.45rem;line-height:1.12}.connector-demo ol{gap:.8rem;margin:0;padding-left:1.2rem;display:grid}.workspace{padding:4rem 0}.section-head{max-width:48rem;margin-bottom:2rem}.section-head p{margin-top:1rem}.bundle-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem;display:grid}.bundle{border:1px solid var(--line);min-height:16rem;color:inherit;text-align:left;background:#ffffff0b;border-radius:8px;gap:.7rem;padding:1.2rem;display:grid}.bundle.is-selected{border-color:var(--orange);background:#f59e0b1a}.bundle span,.bundle small,.cart-summary span{color:var(--accent);letter-spacing:.08em;text-transform:uppercase;font-size:.72rem;font-weight:900}.bundle strong{font-size:1.25rem;line-height:1.18}.split{grid-template-columns:minmax(0,1fr) minmax(320px,.48fr);align-items:start;gap:1.5rem;display:grid}.assistant-list{gap:.75rem;display:grid}.assistant-row{border:1px solid var(--line);background:#ffffff0b;border-radius:8px;grid-template-columns:auto minmax(0,1fr);align-items:start;gap:.9rem;padding:1rem;display:grid}.assistant-row input{width:1.2rem;height:1.2rem;accent-color:var(--orange)}.assistant-row span,.account-panel label{gap:.35rem;display:grid}.account-panel label{color:#e2e8f0;font-weight:800}.account-panel input,.account-panel select{border:1px solid var(--line);color:#f8fafc;background:#07101f;border-radius:8px;width:100%;min-height:2.8rem;padding:0 .85rem}.cart-summary{grid-template-columns:repeat(3,minmax(0,1fr));gap:.8rem;display:grid}.cart-summary>div{border:1px solid var(--line);background:#ffffff0b;border-radius:8px;gap:.35rem;padding:1rem;display:grid}@media (width<=900px){.topbar,.topbar nav{flex-direction:column;align-items:flex-start}.hero,.split,.bundle-grid,.cart-summary{grid-template-columns:1fr}h1{max-width:12ch}}
