:root{color-scheme:dark}html{scroll-behavior:smooth;overflow-x:clip}body{margin:0;overflow-x:clip}.zap-landing{--bg: #101f3b;--surface: #172a4c;--surface-soft: #20385f;--ink: #ffffff;--muted: #aebbd0;--line: rgba(210, 224, 247, .2);--blue: #ff6b3d;--blue-bright: #ffb18d;--blue-pale: #3e3047;--coral: #ff6b3d;--mint: #53d6a2;--yellow: #f5c84b;background:var(--bg);color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.5}.zap-landing *,.zap-landing *:before,.zap-landing *:after{box-sizing:border-box}.zap-landing a{color:inherit;text-decoration:none}.shell{width:min(calc(100% - 3rem),74rem);margin-inline:auto}.zap-landing img,.zap-landing svg{max-inline-size:100%}.zap-landing h1,.zap-landing h2,.zap-landing h3,.zap-landing p,.zap-landing li,.zap-landing a{overflow-wrap:anywhere}.site-header{position:fixed;z-index:10;top:0;left:0;right:0;width:100%;border-bottom:1px solid rgba(210,224,247,.16);background:#1427489e;backdrop-filter:blur(14px) saturate(120%);-webkit-backdrop-filter:blur(14px) saturate(120%)}main{padding-top:4.75rem}.header-inner{width:100%;height:4.75rem;padding-inline:1.25rem;display:flex;align-items:center;gap:2rem}.brand img{display:block;width:2.35rem;height:2.35rem}.header-inner nav{display:flex;gap:1.75rem;margin-left:auto;color:var(--muted);font-size:.88rem}.header-inner nav a:hover,.header-link:hover{color:var(--blue)}.header-divider{width:1px;height:1.2rem;background:var(--line)}.header-link{color:var(--ink);font-size:.86rem;font-weight:650}.header-link span{color:var(--blue)}.header-link span,.card-arrow{color:var(--blue-bright)}.landing-hero{position:relative;isolation:isolate;min-height:40rem;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:center;gap:clamp(2rem,8vw,12rem);padding-block:8rem 2.5rem}.landing-hero:before{content:"";position:absolute;z-index:-2;inset:0 calc((100vw - 100%)/-2);background:#1427489e;backdrop-filter:blur(14px) saturate(120%);-webkit-backdrop-filter:blur(14px) saturate(120%);border-bottom:1px solid rgba(210,224,247,.16)}.hero-copy,.hero-code,.intro-feature-list,.intro-feature-copy,.feature-copy,.code-panel,.use-stage{width:100%;min-width:0}.eyebrow,.section-rule,.feature-label{font-family:SFMono-Regular,Consolas,monospace}.eyebrow{margin:0 0 1.5rem;color:var(--blue);font-size:.7rem;letter-spacing:.12em;text-transform:uppercase}.landing-hero h1{max-width:40rem;margin:0;font-size:clamp(2.15rem,3vw,3.35rem);line-height:1.04;letter-spacing:-.055em;font-weight:680}.landing-hero h1 span{color:var(--ink)}.hero-points{display:grid;gap:.45rem;max-width:36rem;margin:1.5rem 0 0;padding:0;color:var(--muted);font-size:.92rem;line-height:1.45;list-style:none}.hero-points li{position:relative;padding-left:1.25rem}.hero-points li:before{content:"✓";position:absolute;left:0;color:var(--blue-bright);font-weight:700}.hero-actions{display:flex;justify-content:flex-start;flex-wrap:wrap;align-items:center;gap:.8rem;margin-top:2rem}.button{display:inline-flex;align-items:center;gap:.6rem;padding:.76rem 1rem;border:1px solid var(--blue);font-size:.86rem;font-weight:650;transition:background .16s ease,color .16s ease}.button-primary{background:var(--blue);color:#fff!important;border-radius:999px;padding-inline:1.5rem}.hero-actions .button-primary{padding:1.1rem 2.2rem;font-size:1.05rem}.hero-code{width:100%;max-width:38rem;overflow:hidden}.button-primary:hover{background:var(--blue-bright);border-color:var(--blue-bright)}.button-quiet{color:var(--blue)!important}.button-quiet:hover{background:var(--blue-pale)}.code-panel{border:1px solid var(--line);border-radius:1rem;background:var(--surface);box-shadow:0 18px 45px #030c1c33}.code-tabs{display:flex;gap:0;overflow-x:auto;border-bottom:1px solid var(--line)}.code-tab{flex:0 0 auto;padding:.9rem 1.05rem;border:0;border-bottom:2px solid transparent;background:transparent;color:var(--muted);font:.8rem/1 SFMono-Regular,Consolas,monospace;cursor:pointer;transition:color .16s ease,border-color .16s ease,background .16s ease}.code-tab:hover{color:var(--ink);background:#ffffff0a}.code-tab.is-active{border-bottom-color:var(--coral);color:var(--ink)}.code-tab:focus-visible{outline:2px solid var(--blue-bright);outline-offset:-2px}.code-example[hidden]{display:none}.zap-landing pre{margin:0;overflow-x:scroll;overscroll-behavior-x:contain;padding:2rem 1.6rem;font:.98rem/1.8 SFMono-Regular,Consolas,monospace;scrollbar-color:var(--blue-bright) rgba(255,255,255,.08);scrollbar-width:thin}.code-rendered pre{max-width:100%;margin:0;overflow-x:auto;overscroll-behavior-x:contain;padding:2rem 1.6rem;font:.98rem/1.8 SFMono-Regular,Consolas,monospace;background:transparent!important}.compact-code-panel{max-height:30rem;overflow:auto}.compact-code-panel .code-rendered pre{padding:1.2rem 1rem;font-size:14px;line-height:1.35}.zap-landing pre::-webkit-scrollbar{width:.55rem;height:.55rem}.zap-landing pre::-webkit-scrollbar-track{background:#ffffff14}.zap-landing pre::-webkit-scrollbar-thumb{border-radius:999px;background:var(--blue-bright)}.hero-code .code-rendered pre,.hero-code .code-example pre{max-height:26rem;overflow:auto;scrollbar-color:var(--blue-bright) rgba(255,255,255,.08);scrollbar-width:thin}.section{padding-block:1rem 8rem}.intro-feature{display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);gap:12rem;padding-block:7rem 8rem}.intro-feature-list{display:grid;gap:3.2rem}.intro-feature-item{display:grid;grid-template-columns:4.2rem 1fr;gap:1.5rem;align-items:start}.intro-feature-icon{display:grid;width:4.2rem;height:4.2rem;place-items:center;border-radius:50%;background:#0d1932;color:var(--ink);font-size:1.75rem;font-weight:700;box-shadow:0 8px 20px #030c1c33}.intro-feature-item h2{margin:.15rem 0 .4rem;color:var(--ink);font-size:1rem;letter-spacing:-.02em}.intro-feature-item p{max-width:21rem;margin:0;color:var(--muted);font-size:.82rem;line-height:1.55}.intro-feature-copy{padding-top:.1rem}.intro-feature-copy h2{max-width:33rem;margin:0;color:#c3cee0;font-size:clamp(2rem,3.3vw,3.25rem);line-height:1.02;letter-spacing:-.065em}.intro-feature-copy h2:after{content:"";display:block;width:9rem;height:.28rem;margin-top:.25rem;background:linear-gradient(90deg,#3f8cff,#6847ff)}.intro-feature-copy p{max-width:31rem;margin:2rem 0 0;color:var(--muted);line-height:1.65}.uses-section{position:relative;isolation:isolate;padding-top:7rem}.uses-section:before{content:"";position:absolute;z-index:-1;inset:0 calc((100vw - 100%)/-2);background:#1d3862;border-bottom:1px solid rgba(210,224,247,.12)}.section-rule{display:flex;justify-content:space-between;padding-bottom:.85rem;border-bottom:1px solid var(--line);color:var(--blue);font-size:.68rem;letter-spacing:.1em;text-transform:uppercase}.section-rule span:first-child{color:var(--muted)}.section-intro{display:block;max-width:42rem;margin-inline:auto;padding-block:3rem 3.5rem;text-align:center}.section-intro h2,.closing h2{max-width:48rem;margin:0;font-size:clamp(2.3rem,4.6vw,4.5rem);line-height:.98;letter-spacing:-.07em}.section-intro p{max-width:30rem;margin:1rem auto 0;color:var(--muted);line-height:1.6}.use-stage{overflow:hidden;border:1px solid rgba(210,224,247,.14);border-radius:1.8rem;background:#1f3353e6;box-shadow:0 25px 70px #050c1c2e}.use-grid{display:grid;grid-template-columns:repeat(3,1fr)}.use-card{position:relative;min-height:15rem;padding:1.8rem;border-right:1px solid rgba(210,224,247,.14);transition:background .16s ease}.use-card:last-child{border-right:0}.use-card:hover{background:#445b8059}.use-icon{display:block;color:var(--blue-bright);font:2rem/1 Georgia,serif}.use-card h3{margin:3.6rem 0 .55rem;font-size:1.25rem;letter-spacing:-.03em}.use-card p{max-width:17rem;margin:0;color:var(--muted);font-size:.9rem;line-height:1.55}.feature-section{padding-top:0}.feature-section{position:relative;isolation:isolate}.feature-section:before{content:"";position:absolute;z-index:-1;inset:0 calc((100vw - 100%)/-2);background:#10213d}.feature-row{display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);align-items:center;gap:4rem;padding-block:7rem;border-bottom:1px solid var(--line)}.feature-row-reverse{grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr)}.feature-row-reverse .feature-copy{grid-column:2;grid-row:1}.feature-row-reverse .code-panel{grid-column:1;grid-row:1}.feature-copy h2{max-width:30rem;margin:0;color:var(--blue-bright);font-size:clamp(2rem,4vw,3.7rem);line-height:.98;letter-spacing:-.07em}.feature-row:nth-of-type(2) .feature-copy h2{color:var(--mint)}.feature-row:nth-of-type(3) .feature-copy h2{color:var(--coral)}.feature-copy h3{max-width:28rem;margin:.8rem 0 0;font-size:clamp(1.35rem,2.3vw,2rem);line-height:1.05;letter-spacing:-.04em}.feature-copy>p:last-child{max-width:26rem;margin:1.2rem 0 0;color:var(--muted);line-height:1.65}.closing{padding-block:8rem 9rem}.closing{position:relative;isolation:isolate}.closing:before{content:"";position:absolute;z-index:-1;inset:0 calc((100vw - 100%)/-2);background:#243f70;border-top:1px solid rgba(210,224,247,.16)}.closing .eyebrow{margin-bottom:1.2rem}.closing .button{margin-top:2rem}.site-footer{border-top:1px solid var(--line);color:var(--muted)}.footer-bottom{padding-block:1.25rem 1.75rem;font:.8rem SFMono-Regular,Consolas,monospace}@media(max-width:800px){.shell{width:min(calc(100% - 2rem),74rem)}.header-inner{padding-inline:1rem}.header-inner nav{display:none}.header-link{margin-left:auto}.landing-hero.shell{width:calc(100% - 2rem);max-width:none}.landing-hero{min-height:auto;grid-template-columns:minmax(0,1fr);gap:3rem;padding-block:5rem 6rem;background:#1427489e;border-bottom:1px solid rgba(210,224,247,.16)}.landing-hero:before{display:none}.hero-code{max-width:100%}.section-intro,.feature-row,.feature-row-reverse{grid-template-columns:1fr;gap:2rem}.intro-feature{grid-template-columns:1fr;gap:4rem;padding-block:5rem 6rem}.use-grid{grid-template-columns:1fr}.use-card{min-height:12rem;border-right:0;border-bottom:1px solid rgba(210,224,247,.14)}.use-card:last-child{border-bottom:0}.feature-row,.feature-row-reverse{padding-block:4.5rem}.feature-row-reverse .feature-copy,.feature-row-reverse .code-panel{grid-column:auto;grid-row:auto}.section,.closing{padding-bottom:6rem}.footer-bottom{line-height:1.5}}@media(max-width:30rem){.shell,.landing-hero.shell{width:calc(100% - 1.5rem)}.header-inner{padding-inline:.75rem}.landing-hero{gap:2rem;padding-block:4rem 4.5rem}.hero-actions .button-primary{padding-inline:1.35rem}.code-tab{padding-inline:.8rem}.zap-landing pre,.code-rendered pre{padding-inline:.9rem;font-size:.82rem}.intro-feature-item{grid-template-columns:3.25rem minmax(0,1fr);gap:1rem}.intro-feature-icon{width:3.25rem;height:3.25rem}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button,.use-card,.code-tab{transition:none}}