:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#10131a;--bg-deep:#090b10;--panel:#181e29;--panel-soft:#202737;--line:#344154;--text:#f5f7fb;--muted:#aeb8c8;--subtle:#778397;--avatar:#ff8a64;--avatar-pink:#f27ab7;--cyan:#8edcff;--green:#95e6c2;font-family:Segoe UI,system-ui,-apple-system,BlinkMacSystemFont,sans-serif}*{box-sizing:border-box}body{background:linear-gradient(180deg, #ff8a641f 0, #10131a00 360px), linear-gradient(90deg, #8edcff0f, #f27ab70f), var(--bg);min-width:320px;color:var(--text);margin:0;line-height:1.65}a{color:inherit;text-decoration:none}a:hover{text-decoration:underline}code{font-family:Consolas,Cascadia Mono,monospace}.shell{width:min(1160px,100% - 40px);margin:0 auto}.site-header{z-index:20;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#0a0c12e0;border-bottom:1px solid #ffffff14;position:sticky;top:0}.site-header:after{background:linear-gradient(90deg, var(--avatar), var(--avatar-pink), var(--cyan));content:"";height:2px;display:block}.nav-shell{grid-template-columns:auto 1fr auto;align-items:center;gap:22px;min-height:78px;display:grid}.brand{align-items:center;gap:12px;min-width:180px;display:inline-flex}.brand:hover{text-decoration:none}.brand img{object-fit:cover;border:1px solid #ffffff21;border-radius:10px;width:42px;height:42px}.brand strong,.brand small{display:block}.brand strong{line-height:1.1}.brand small{color:var(--muted);letter-spacing:.08em;font-size:12px}.product-tabs{justify-content:center;gap:8px;display:flex}.product-tabs a{border:1px solid #ffffff1a;border-bottom-color:color-mix(in srgb, var(--tab-accent) 65%, transparent);min-width:112px;color:var(--muted);background:#ffffff0a;border-radius:8px;grid-template-columns:auto;padding:8px 12px;display:grid}.product-tabs a.active{border-color:color-mix(in srgb, var(--tab-accent) 70%, white 5%);background:color-mix(in srgb, var(--tab-accent) 16%, transparent);color:var(--text)}.product-tabs span{font-weight:800}.product-tabs small{color:var(--subtle);font-size:11px}.tool-links{justify-content:flex-end;min-width:130px;display:flex}.tool-links a{color:var(--muted);border:1px solid #ffffff1a;border-radius:999px;padding:7px 11px;font-size:13px}main{overflow:hidden}.hero{background:linear-gradient(135deg, #ff8a6429, transparent 42%), linear-gradient(180deg, #090b1033, var(--bg) 86%);min-height:650px;padding:84px 0 72px;position:relative}.hero:before{pointer-events:none;content:"";background-image:linear-gradient(#ffffff09 1px,#0000 1px),linear-gradient(90deg,#ffffff09 1px,#0000 1px);background-size:44px 44px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000,#0000 78%);mask-image:linear-gradient(#000,#0000 78%)}.hero-grid{grid-template-columns:minmax(0,.94fr) minmax(420px,1.06fr);align-items:center;gap:52px;display:grid;position:relative}.eyebrow{color:var(--avatar);letter-spacing:.14em;text-transform:uppercase;margin:0 0 14px;font-size:13px;font-weight:800}h1,h2,p{margin:0}h1{letter-spacing:0;max-width:740px;font-size:clamp(44px,6.8vw,78px);line-height:1.04}h2{letter-spacing:0;font-size:clamp(24px,3vw,34px);line-height:1.2}.lead{color:#f1dce7;margin-top:24px;font-size:clamp(19px,2.2vw,25px);font-weight:700}.hero-body{max-width:680px;color:var(--muted);margin-top:18px;font-size:16px}.hero-body code{color:#ffd7e5}.compat-strip{flex-wrap:wrap;gap:8px;margin-top:22px;display:flex}.compat-strip span{color:#f7dbe4;background:#ffffff0e;border:1px solid #ffffff21;border-bottom-color:#ff6f4d8f;border-radius:8px;gap:1px;min-width:128px;padding:8px 10px;font-size:13px;font-weight:800;display:grid}.compat-strip small{color:var(--muted);font-size:11px;font-weight:700}.actions{flex-wrap:wrap;gap:12px;margin-top:32px;display:flex}.button{min-height:44px;color:var(--text);background:#ffffff12;border:1px solid #ffffff21;border-radius:8px;justify-content:center;align-items:center;padding:0 18px;font-weight:800;display:inline-flex}.button.primary{background:linear-gradient(90deg, var(--avatar), var(--avatar-pink));color:#1d1115;border-color:#0000}.hero-visual{position:relative}.hero-visual:before{content:"";border:1px solid #ff8a6452;position:absolute;inset:38px 18px -26px;transform:rotate(-2deg)}.visual-window{background:linear-gradient(#ffffff14,#ffffff05),#121722;border:1px solid #ffffff1f;border-radius:10px;position:relative;overflow:hidden;box-shadow:0 24px 80px #00000061}.window-bar{background:#090b10bf;border-bottom:1px solid #ffffff1a;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;min-height:46px;padding:0 16px;display:grid}.window-bar span{width:48px;height:12px;position:relative}.window-bar span:before{background:var(--avatar);width:12px;height:12px;box-shadow:18px 0 0 #ffd16c, 36px 0 0 var(--green);content:"";border-radius:999px;position:absolute;inset:0 auto auto 0}.window-bar strong{color:#f6f6fb}.window-bar em{color:var(--muted);font-size:13px;font-style:normal}.visual-content{background:linear-gradient(90deg,#8edcff17,#0000 36%),linear-gradient(#ff8a641f,#0000 58%);min-height:430px;padding:28px;position:relative}.visual-avatar{filter:drop-shadow(0 28px 28px #0000006b);width:min(360px,78%);margin:8px auto 0;display:block}.visual-panel{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0d1119d6;border:1px solid #8edcff42;border-radius:8px;grid-template-columns:52px 1fr;align-items:center;gap:12px;width:min(300px,100% - 48px);padding:12px;display:grid;position:absolute;bottom:24px;right:24px}.visual-panel img{object-fit:cover;border-radius:8px;width:52px;height:52px}.visual-panel strong,.visual-panel span{display:block}.visual-panel span{color:var(--muted);font-size:13px}.media-showcase{background:linear-gradient(135deg,#ff75b714,#0000 36%),linear-gradient(#10131a,#141923);padding:72px 0}.media-grid{grid-template-columns:minmax(260px,.72fr) minmax(360px,1fr);align-items:stretch;gap:24px;display:grid}.media-copy{border-left:3px solid var(--avatar-pink);flex-direction:column;justify-content:center;padding:18px 0 18px 24px;display:flex}.media-copy p:not(.eyebrow){color:var(--muted);margin-top:18px}.media-copy code{color:#ffd7e5}.demo-frame,.obs-shot{background:#070a10c7;border:1px solid #ffffff1f;border-radius:10px;overflow:hidden;box-shadow:0 20px 54px #00000047}.demo-frame video{object-fit:cover;width:100%;height:100%;min-height:280px;display:block}.obs-shot{grid-column:2;margin:0}.obs-shot img{width:100%;display:block}.obs-shot figcaption{color:var(--muted);border-top:1px solid #ffffff1a;padding:12px 14px;font-size:13px}.media-credits{color:var(--subtle);flex-wrap:wrap;grid-column:2;align-items:center;gap:6px 10px;font-size:11px;line-height:1.45;display:flex}.media-credits span{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;font-weight:800}.media-credits a{color:color-mix(in srgb, var(--muted) 86%, white 14%);text-underline-offset:3px;-webkit-text-decoration:underline #ffffff29;text-decoration:underline #ffffff29}.capability-band{background:#111721;border-block:1px solid #ffffff1a}.capability-grid{grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.capability-grid article{border-bottom:1px solid #ffffff14;border-right:1px solid #ffffff14;min-height:172px;padding:28px 22px}.capability-grid article:nth-child(3n),.capability-grid article:last-child{border-right:0}.capability-grid article:nth-last-child(-n+3){border-bottom:0}.capability-grid h2{color:#ffd3c8;font-size:22px}.capability-grid p,.install-strip p{color:var(--muted);margin-top:10px}.stream-flow{grid-template-columns:minmax(260px,.72fr) minmax(0,1fr);align-items:center;gap:34px;padding:72px 0;display:grid}.flow-rail{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;display:grid}.flow-rail span{text-align:center;background:#ffffff0a;border:1px solid #ffffff1c;border-bottom-color:#ff8a648c;border-radius:8px;place-items:center;min-height:70px;padding:10px;font-weight:800;display:grid}.install-strip{border:1px solid #ffffff1c;border-left:3px solid var(--avatar);background:#ffffff0a;border-radius:8px;grid-template-columns:minmax(0,.8fr) minmax(320px,1fr);align-items:center;gap:24px;margin-bottom:74px;padding:26px;display:grid}.install-strip code{color:#ffe2eb;white-space:nowrap;background:#0000003d;border:1px solid #ffffff1c;border-radius:8px;padding:14px;overflow-x:auto}.install-actions{flex-wrap:wrap;gap:10px;margin-top:18px;display:flex}footer{background:var(--bg-deep);color:var(--muted);border-top:1px solid #ffffff1a;padding:24px 0;font-size:14px}.footer-shell{flex-wrap:wrap;gap:16px;display:flex}.footer-shell a{color:#ffd3c8}@media (width<=980px){.nav-shell,.hero-grid,.media-grid,.stream-flow,.install-strip{grid-template-columns:1fr}.product-tabs{justify-content:flex-start;padding-bottom:2px;overflow-x:auto}.tool-links{justify-content:flex-start}.hero{padding-top:54px}.capability-grid,.flow-rail{grid-template-columns:repeat(2,minmax(0,1fr))}.capability-grid article:nth-child(3n){border-right:1px solid #ffffff14}.capability-grid article:nth-child(2n){border-right:0}.capability-grid article:nth-last-child(-n+3){border-bottom:1px solid #ffffff14}.capability-grid article:nth-last-child(-n+2){border-bottom:0}.obs-shot,.media-credits{grid-column:auto}}@media (width<=620px){.shell{width:min(100% - 28px,1160px)}.nav-shell{gap:14px;padding:14px 0}.product-tabs a{min-width:98px}.capability-grid,.flow-rail{grid-template-columns:1fr}.capability-grid article{border-bottom:1px solid #ffffff14;border-right:0}.capability-grid article:nth-child(3n),.capability-grid article:nth-child(2n){border-right:0}.capability-grid article:last-child{border-bottom:0}.visual-content{min-height:360px;padding:18px}}