*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;overflow-x:hidden;scroll-padding-top:100px}.top-banner{position:fixed;top:0;left:0;right:0;z-index:101;height:34px;display:flex;align-items:center;justify-content:center;padding:0 16px;background:#b100ff1f;border-bottom:1px solid var(--purple-border, var(--border));backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.top-banner p{margin:0;font-size:13px;font-weight:500;color:var(--text-bright);white-space:nowrap;letter-spacing:.01em}.top-banner strong{color:var(--purple);font-weight:600}@media(max-width:400px){.top-banner p{font-size:11.5px}}:root,:root[data-theme=dark]{--bg: #08080B;--bg-elevated: #0C0C0F;--surface: #131316;--surface2: #1C1C20;--surface-tile: #0C0C0F;--surface-tile-2: #131316;--nav-bg: rgba(12, 12, 15, .9);--section-divider: #1A1A1E;--card-bg: rgba(255, 255, 255, .025);--card-bg-hover: rgba(255, 255, 255, .04);--card-border: rgba(255, 255, 255, .06);--card-glow-corner: rgba(255, 255, 255, .04);--border: #1F1F23;--border-soft: #1A1A1E;--border-hairline: rgba(255, 255, 255, .06);--border-subtle: rgba(255, 255, 255, .08);--text: #FFFFFF;--text-bright: #E4E4E7;--text-secondary: #A1A1AA;--text-muted: #9A9AA2;--text-subtle: #82828B;--purple: #B100FF;--purple-rgb: 177, 0, 255;--purple-gradient: #7C3AED;--purple-soft: var(--text-bright);--purple-accent: #7C3AED;--purple-deep: #7C3AED;--purple-darkest: #6D28D9;--purple-bg: var(--card-bg);--purple-bg-strong: var(--card-bg-hover);--purple-border: var(--border-subtle);--purple-glow-soft: rgba(255, 255, 255, .03);--purple-glow-mid: rgba(255, 255, 255, .04);--purple-glow-strong: rgba(255, 255, 255, .05);--shadow-card: 0 14px 30px rgba(0, 0, 0, .32), inset 0 1px 0 rgba(255, 255, 255, .08);--shadow-frame: 0 28px 70px rgba(0, 0, 0, .55), inset 0 1px 0 rgba(255, 255, 255, .06);--shadow-pop: 0 8px 30px rgba(0, 0, 0, .35)}:root[data-theme=light]{--bg: #FFFFFF;--bg-elevated: #FAFAFA;--surface: #F4F4F5;--surface2: #E4E4E7;--surface-tile: #FAFAFA;--surface-tile-2: #F4F4F5;--nav-bg: rgba(255, 255, 255, .85);--section-divider: #E4E4E7;--card-bg: rgba(0, 0, 0, .02);--card-bg-hover: rgba(0, 0, 0, .04);--card-border: rgba(0, 0, 0, .07);--card-glow-corner: rgba(0, 0, 0, .04);--border: #E4E4E7;--border-soft: #E4E4E7;--border-hairline: rgba(0, 0, 0, .07);--border-subtle: rgba(0, 0, 0, .1);--text: #09090B;--text-bright: #18181B;--text-secondary: #3F3F46;--text-muted: #52525B;--text-subtle: #71717A;--purple: #B100FF;--purple-rgb: 177, 0, 255;--purple-gradient: #6D28D9;--purple-soft: var(--text-bright);--purple-accent: #6D28D9;--purple-deep: #6D28D9;--purple-darkest: #5B21B6;--purple-bg: var(--card-bg);--purple-bg-strong: var(--card-bg-hover);--purple-border: var(--border-subtle);--purple-glow-soft: rgba(0, 0, 0, .03);--purple-glow-mid: rgba(0, 0, 0, .04);--purple-glow-strong: rgba(0, 0, 0, .05);--shadow-card: 0 10px 30px rgba(0, 0, 0, .05), 0 2px 4px rgba(0, 0, 0, .03);--shadow-frame: 0 24px 60px rgba(0, 0, 0, .1), 0 4px 12px rgba(0, 0, 0, .05);--shadow-pop: 0 8px 28px rgba(0, 0, 0, .1)}body{font-family:Space Grotesk,sans-serif;background:var(--bg);color:var(--text);overflow-x:hidden;-webkit-font-smoothing:antialiased;transition:background .25s ease,color .25s ease}::selection{background:rgba(var(--purple-rgb),.25)}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:var(--surface2);border-radius:2px}body:after{content:"";position:fixed;inset:0;z-index:90;pointer-events:none;opacity:.06;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='grain'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23grain)'/%3E%3C/svg%3E");background-size:160px 160px}@keyframes cursor-blink{0%,to{opacity:1}50%{opacity:0}}@keyframes fadeUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes social-scroll{0%{transform:translate(0)}to{transform:translate(-50%)}}.fade-up{animation:fadeUp .5s ease both}.delay-2{animation-delay:.15s}.delay-3{animation-delay:.25s}.gradient-text{color:var(--text)}[data-theme=dark] .theme-icon-sun{display:block}[data-theme=dark] .theme-icon-moon,[data-theme=light] .theme-icon-sun{display:none}[data-theme=light] .theme-icon-moon{display:block}[data-theme=dark] .hero-dot-grid{background-image:radial-gradient(circle,rgba(255,255,255,.07) 1px,transparent 1px)}[data-theme=light] .hero-dot-grid{background-image:radial-gradient(circle,rgba(0,0,0,.05) 1px,transparent 1px)}[data-theme=light] img[src$="spark-logo.png"]{filter:brightness(0)}.surface-band{position:relative;background:var(--surface);border-top:1px solid var(--border-soft);border-bottom:1px solid var(--border-soft);padding:80px 32px;margin:32px 0}.surface-band:before,.surface-band:after{content:"";position:absolute;left:50%;transform:translate(-50%);width:min(900px,90%);height:1px;background:linear-gradient(90deg,transparent,var(--border-subtle),transparent);pointer-events:none}.surface-band:before{top:-1px}.surface-band:after{bottom:-1px}.surface-band>section{padding:0!important}.proof-band{position:relative;padding:60px 0 0}.proof-band:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse 70% 60% at 50% 50%,var(--card-bg-hover) 0%,transparent 65%);pointer-events:none}.proof-band section{position:relative;z-index:1}.pricing-band{position:relative}.btn-primary{display:inline-flex;align-items:center;gap:6px;padding:11px 22px;background:var(--purple);color:#fff;font-family:Space Grotesk,sans-serif;font-weight:600;font-size:14px;border:none;border-radius:8px;cursor:pointer;transition:opacity .15s ease;text-decoration:none;letter-spacing:-.01em}.btn-primary:hover{opacity:.88}.nav-links{display:flex}.nav-link:hover{color:var(--text-bright)!important}.footer-link:hover{color:var(--text-secondary)!important}.mobile-nav-menu{display:none;position:relative}.mobile-nav-menu>summary{list-style:none;width:36px;height:36px;border:1px solid var(--border);border-radius:8px;display:flex;align-items:center;justify-content:center;cursor:pointer;background:var(--card-bg);color:var(--text-bright)}.mobile-nav-menu>summary::-webkit-details-marker{display:none}.mobile-nav-panel{position:absolute;top:calc(100% + 10px);right:0;min-width:210px;padding:12px;border:1px solid var(--border);border-radius:10px;background:var(--bg-elevated);display:flex;flex-direction:column;gap:8px;box-shadow:var(--shadow-pop)}.mobile-nav-link{text-decoration:none;color:var(--text-secondary);font-size:14px;font-weight:500;padding:6px 4px}.mobile-nav-link:hover{color:var(--text-bright)}a:focus-visible,button:focus-visible{outline:2px solid var(--purple-accent);outline-offset:2px;border-radius:8px}.mobile-nav-menu>summary:focus-visible{outline:2px solid var(--purple-accent);outline-offset:2px}.social-carousel{position:relative;width:min(460px,72vw);overflow:hidden;mask-image:linear-gradient(to right,transparent,black 12%,black 88%,transparent);-webkit-mask-image:linear-gradient(to right,transparent,black 12%,black 88%,transparent)}.social-track{display:flex;width:max-content;gap:10px;animation:social-scroll 18s linear infinite}.social-pill{display:inline-flex;align-items:center;height:28px;padding:0 11px;border-radius:999px;border:1px solid var(--border-subtle);background:var(--card-bg);color:var(--text-secondary);font-size:12px;font-weight:500;white-space:nowrap}.demo-section{padding:0 0 80px;position:relative}.demo-section-header{max-width:820px;margin-bottom:40px}.demo-section-header .section-label{margin-bottom:12px}.demo-section-header .section-heading{margin-bottom:18px}.demo-section-sub{font-size:16px;color:var(--text-secondary);line-height:1.6;margin:0 0 22px;max-width:58ch}.demo-examples{display:flex;flex-wrap:wrap;gap:8px}.demo-example-chip{display:inline-flex;align-items:center;padding:5px 12px;font-size:12px;color:var(--text-secondary);background:var(--card-bg);border:1px solid var(--border-subtle);border-radius:999px;font-weight:500;letter-spacing:-.005em;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}@media(max-width:700px){.demo-section{padding:0 0 56px}.demo-section-header{margin-bottom:32px}.demo-section-sub{font-size:15px}}.insights-section{padding:80px 0;position:relative}.insights-row{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center}.insights-col-text{max-width:480px}.insights-col-text .section-label{margin-bottom:12px}.insights-col-text .section-heading{margin-bottom:18px}.insights-section-sub{font-size:16px;color:var(--text-secondary);line-height:1.6;margin:0;max-width:58ch}.insights-col-visual{display:flex;justify-content:center}@media(max-width:900px){.insights-row{grid-template-columns:1fr;gap:40px}.insights-col-text{max-width:none}}@media(max-width:700px){.insights-section{padding:56px 0}.insights-section-sub{font-size:15px}}[data-reveal]{opacity:0;transform:translateY(18px);transition:opacity .7s ease-out,transform .7s cubic-bezier(.16,1,.3,1);will-change:opacity,transform}[data-reveal].is-revealed{opacity:1;transform:translateY(0)}@media(prefers-reduced-motion:reduce){.social-track{animation:none}[data-reveal],[data-reveal].is-revealed{opacity:1;transform:none;transition:none}}section{position:relative;width:100%}section[id]{scroll-margin-top:72px}.container{max-width:1100px;margin:0 auto;padding:0 32px}.section-label{display:none}.section-heading{font-size:clamp(32px,4vw,52px);font-weight:700;letter-spacing:-.03em;line-height:1.05}.integrations-section{padding:80px 0;position:relative}.integrations-head{max-width:640px;margin-bottom:40px}.integrations-sub{font-size:16px;color:var(--text-secondary);line-height:1.6;margin-top:18px;max-width:54ch}.integrations-sub em{color:var(--text-bright);font-style:normal;font-weight:600}.integrations-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.integration-card{display:flex;gap:14px;padding:20px;border:1px solid var(--card-border);border-radius:12px;background:var(--card-bg);transition:border-color .2s,background .2s}.integration-card:hover{border-color:var(--purple-border, var(--border));background:var(--card-bg-hover)}.int-logo{width:42px;height:42px;border-radius:10px;flex-shrink:0;display:flex;align-items:center;justify-content:center;background:var(--surface2);border:1px solid var(--border);color:var(--text-bright)}.int-logo svg{width:21px;height:21px;display:block}.int-logo.is-soon{color:var(--text-muted);opacity:.7}.integration-card:hover .int-logo.is-soon{opacity:1}.int-name{font-size:14px;font-weight:600;color:var(--text-bright);display:flex;align-items:center;gap:8px}.int-desc{font-size:13px;color:var(--text-muted);line-height:1.5;margin:5px 0 0}.int-badge{font-size:9px;font-weight:600;text-transform:uppercase;letter-spacing:.06em;padding:2px 7px;border-radius:999px;flex-shrink:0}.int-badge.is-live{color:var(--purple);border:1px solid var(--purple-border, var(--border))}.int-badge.is-soon{color:var(--text-muted);border:1px solid var(--border)}button.integration-card{font:inherit;text-align:left;width:100%;-webkit-appearance:none;appearance:none}.integration-card.is-votable{cursor:pointer}.integration-card.is-votable:active{transform:translateY(1px)}.int-vote{margin-left:auto;align-self:center;flex-shrink:0;display:inline-flex;align-items:center;gap:5px;font-size:11px;font-weight:600;color:var(--text-muted);border:1px solid var(--border);border-radius:999px;padding:5px 11px;white-space:nowrap;transition:color .18s,border-color .18s,background .18s}.int-vote svg{width:12px;height:12px}.integration-card.is-votable:hover .int-vote{color:var(--text-bright);border-color:var(--purple-border, var(--border))}.integration-card.is-voted{border-color:var(--purple);background:var(--card-bg-hover)}.integration-card.is-voted .int-logo.is-soon{color:var(--text-bright);opacity:1}.integration-card.is-voted .int-vote{color:#fff;background:var(--purple);border-color:var(--purple)}.integrations-voteline{margin-top:16px;font-size:13px;color:var(--text-muted);line-height:1.5}.integrations-voteline strong{color:var(--text-bright);font-weight:600}@media(max-width:900px){.integrations-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:560px){.integrations-section{padding:56px 0}.integrations-grid{grid-template-columns:1fr}}.card{background:var(--card-bg);border:1px solid var(--card-border);border-radius:12px;transition:border-color .2s,background .2s}.card:hover{background:var(--card-bg-hover);border-color:var(--border-subtle)}.card-glow{position:relative;border-radius:13px;padding:1px;background:linear-gradient(135deg,var(--border-subtle) 0%,var(--card-glow-corner) 100%)}.card-glow>*{border-radius:12px!important;border:none!important}.glow-divider{width:100%;height:1px;background:linear-gradient(90deg,transparent,var(--border-subtle) 50%,transparent)}.section-break{max-width:720px;margin:0 auto 56px;padding:0 32px}@media(max-width:700px){.section-break{margin-bottom:40px}}@media(max-width:1100px),(hover:none)and (pointer:coarse){.container{padding:0 20px}.hero-grid{grid-template-columns:1fr!important}.hero-right{display:none!important}.two-col,.features-grid{grid-template-columns:1fr!important}.feature-wide{grid-column:1!important;grid-template-columns:1fr!important}.feature-wide-right{display:none!important}.steps-grid{grid-template-columns:1fr!important}.steps-connector{display:none!important}.nav-links{display:none}.mobile-nav-menu{display:block}.mobile-nav-cta{display:none!important}.mobile-border-fix{border-left:none!important;border-top:1px solid var(--border)!important}}