.demo-page{background:var(--background,#f8fafc);width:100%;color:var(--ink,#0f172a);overflow:hidden}.demo-container{width:min(1180px,100% - 48px);margin:0 auto}.demo-eyebrow{color:#059669;letter-spacing:.1em;text-transform:uppercase;align-items:center;gap:8px;margin:0 0 16px;font-size:12px;font-weight:800;display:inline-flex}.demo-eyebrow-dot{background:#059669;border-radius:50%;flex-shrink:0;width:8px;height:8px;box-shadow:0 0 0 3px #05966924}.demo-hero{padding:80px 0 64px;position:relative;overflow:hidden}.demo-hero-bg{z-index:0;background:radial-gradient(70% 50% at 70% 40%,#10b98114,#0000 60%),radial-gradient(50% 60% at 20% 80%,#0ea5e90d,#0000 50%);position:absolute;inset:0}.demo-hero-glow{filter:blur(40px);background:radial-gradient(circle,#10b9811a,#0000 70%);border-radius:50%;width:520px;height:520px;position:absolute;top:-120px;right:-80px}.demo-hero-inner{z-index:1;max-width:760px;position:relative}.demo-hero h1{font-family:var(--font-outfit), var(--font-space-grotesk), ui-sans-serif, system-ui, sans-serif;letter-spacing:-.045em;color:var(--ink,#0f172a);margin:0;font-size:clamp(36px,5.2vw,64px);font-weight:700;line-height:1.04}.demo-sub{max-width:640px;color:var(--muted,#64748b);margin:20px 0 0;font-size:clamp(16px,1.5vw,20px);line-height:1.6}.demo-cta-primary{color:#fff;background:linear-gradient(135deg,#032b1d,#0b4b2e);border-radius:14px;align-items:center;gap:10px;min-height:52px;margin-top:32px;padding:0 28px;font-size:15px;font-weight:700;text-decoration:none;transition:transform .15s,box-shadow .15s;display:inline-flex;box-shadow:0 8px 30px #032b1d2e}.demo-cta-primary:hover{transform:translateY(-2px);box-shadow:0 12px 40px #032b1d3d}.demo-metrics{border-top:1px solid var(--lp-line,#0f172a0f);border-bottom:1px solid var(--lp-line,#0f172a0f);backdrop-filter:blur(8px);background:#fff9}.demo-metrics-grid{grid-template-columns:repeat(4,1fr);gap:1px;padding:32px 0;display:grid}.demo-metric{text-align:center;flex-direction:column;align-items:center;gap:6px;display:flex}.demo-metric-value{font-family:var(--font-outfit), ui-sans-serif, system-ui, sans-serif;color:#059669;letter-spacing:-.03em;font-size:clamp(24px,3vw,36px);font-weight:700}.demo-metric-label{color:var(--muted,#64748b);font-size:13px;font-weight:500}.demo-video-section{padding:80px 0 64px}.demo-video-head{text-align:center;max-width:680px;margin:0 auto 40px}.demo-video-head h2{font-family:var(--font-outfit), var(--font-space-grotesk), ui-sans-serif, system-ui, sans-serif;letter-spacing:-.035em;color:var(--ink,#0f172a);margin:0;font-size:clamp(28px,3.5vw,42px);font-weight:700}.demo-video-head p{color:var(--muted,#64748b);margin:14px 0 0;font-size:16px;line-height:1.6}.demo-showcase-container{width:100%}.demo-module-tabs{grid-template-columns:repeat(5,1fr);gap:12px;margin-bottom:32px;display:grid}@media (max-width:900px){.demo-module-tabs{grid-template-columns:repeat(2,1fr)}}@media (max-width:600px){.demo-module-tabs{grid-template-columns:1fr}}.demo-module-tab{border:1px solid var(--lp-line,#0f172a14);text-align:left;cursor:pointer;background:#fff;border-radius:12px;flex-direction:column;align-items:flex-start;gap:6px;padding:14px 16px;transition:all .2s;display:flex;box-shadow:0 2px 8px #0f172a08}.demo-module-tab:hover{border-color:#059669;transform:translateY(-2px)}.demo-module-tab.active{background:#032b1d;border-color:#059669;box-shadow:0 6px 20px #032b1d33}.demo-tab-top{justify-content:space-between;align-items:center;gap:8px;width:100%;display:flex}.demo-tab-badge{text-transform:uppercase;letter-spacing:.05em;color:#059669;font-size:10px;font-weight:700}.demo-module-tab.active .demo-tab-badge{color:#34d399}.demo-tab-time{color:var(--muted,#64748b);font-size:11px;font-weight:600;font-family:var(--font-mono,monospace)}.demo-module-tab.active .demo-tab-time{color:#fff9}.demo-tab-title{color:var(--ink,#0f172a);font-size:13px;font-weight:700;line-height:1.3}.demo-module-tab.active .demo-tab-title{color:#fff}.demo-video-showcase-layout{grid-template-columns:minmax(0,520px) minmax(0,1fr);align-items:start;gap:32px;display:grid}@media (max-width:900px){.demo-video-showcase-layout{grid-template-columns:1fr}}.demo-video-column{flex-direction:column;align-items:center;display:flex}.demo-video-wrap{border-radius:var(--lp-radius-lg,16px);background:#030f0d;border:1px solid #10b98133;width:100%;max-width:520px;position:relative;overflow:hidden;box-shadow:0 20px 60px #032b1d29,0 1px 3px #032b1d14}.demo-video{aspect-ratio:4/5;object-fit:cover;width:100%;height:auto;display:block}.demo-video-meta{color:var(--muted,#64748b);flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;margin-top:14px;font-size:12.5px;display:flex}.demo-clip-info-card{border:1px solid var(--lp-line,#0f172a14);background:#fff;border-radius:16px;flex-direction:column;gap:24px;padding:32px;display:flex;box-shadow:0 4px 20px #0f172a0a}.demo-clip-badge{text-transform:uppercase;letter-spacing:.08em;color:#059669;background:#ecfdf5;border:1px solid #a7f3d0;border-radius:6px;margin-bottom:12px;padding:4px 10px;font-size:11px;font-weight:800;display:inline-block}.demo-clip-title{color:var(--ink,#0f172a);letter-spacing:-.02em;margin:0;font-size:24px;font-weight:700}.demo-clip-desc{color:var(--muted,#64748b);margin:10px 0 0;font-size:15px;line-height:1.6}.demo-clip-steps{border-top:1px solid var(--lp-line,#0f172a14);padding-top:20px}.demo-steps-heading{text-transform:uppercase;letter-spacing:.06em;color:var(--ink,#0f172a);margin-bottom:14px;font-size:12px;font-weight:800}.demo-steps-list{flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;display:flex}.demo-step-item{color:var(--ink,#0f172a);align-items:flex-start;gap:10px;font-size:14px;line-height:1.45;display:flex}.demo-step-icon{color:#059669;flex-shrink:0;font-weight:800}.demo-clip-actions{border-top:1px solid var(--lp-line,#0f172a14);padding-top:20px}.demo-download-btn{border:1px solid var(--lp-line,#0f172a1f);color:var(--ink,#0f172a);background:#f8fafc;border-radius:10px;align-items:center;gap:8px;padding:10px 18px;font-size:13px;font-weight:600;text-decoration:none;transition:all .15s;display:inline-flex}.demo-download-btn:hover{background:#f1f5f9;border-color:#cbd5e1}.demo-pipeline{background:linear-gradient(#f8fafc00 0%,#ecfdf580 50%,#f8fafc00 100%);padding:80px 0}.demo-section-head{text-align:center;max-width:640px;margin:0 auto 48px}.demo-section-head h2{font-family:var(--font-outfit), var(--font-space-grotesk), ui-sans-serif, system-ui, sans-serif;letter-spacing:-.035em;color:var(--ink,#0f172a);margin:0;font-size:clamp(28px,3.5vw,42px);font-weight:700}.demo-section-head p{color:var(--muted,#64748b);margin:14px 0 0;font-size:16px;line-height:1.6}.demo-pipeline-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:16px;display:grid}.demo-pipeline-card{border:1px solid var(--lp-line,#0f172a0f);border-radius:var(--lp-radius-lg,16px);background:#fff;padding:28px 22px;transition:transform .2s,box-shadow .2s;position:relative;box-shadow:0 4px 16px #032b1d0a}.demo-pipeline-card:hover{transform:translateY(-3px);box-shadow:0 12px 32px #032b1d14}.demo-pipeline-num{font-family:var(--font-outfit), ui-sans-serif, system-ui, sans-serif;letter-spacing:.08em;color:#059669;margin-bottom:20px;font-size:11px;font-weight:800}.demo-pipeline-card h3{font-family:var(--font-outfit), ui-sans-serif, system-ui, sans-serif;letter-spacing:-.015em;color:var(--ink,#0f172a);margin:0 0 10px;font-size:18px;font-weight:600}.demo-pipeline-card p{color:var(--muted,#64748b);margin:0;font-size:13.5px;line-height:1.6}.demo-pipeline-arr{border:1px solid var(--lp-line,#0f172a14);width:24px;height:24px;color:var(--muted,#64748b);z-index:2;background:#fff;border-radius:50%;place-items:center;display:grid;position:absolute;top:50%;right:-12px;transform:translateY(-50%)}.demo-features{padding:80px 0}.demo-features-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;display:grid}.demo-feature-card{border:1px solid var(--lp-line,#0f172a0f);border-radius:var(--lp-radius-lg,16px);background:#fff;padding:30px 26px;transition:transform .2s,box-shadow .2s,border-color .2s;box-shadow:0 2px 8px #032b1d08}.demo-feature-card:hover{box-shadow:var(--lp-shadow-2,0 8px 24px #032b1d14);border-color:#05966933;transform:translateY(-2px)}.demo-feature-icon{color:#059669;background:#10b9811a;border-radius:12px;place-items:center;width:40px;height:40px;margin-bottom:18px;display:grid}.demo-feature-card h3{font-family:var(--font-outfit), ui-sans-serif, system-ui, sans-serif;letter-spacing:-.01em;color:var(--ink,#0f172a);margin:0 0 8px;font-size:16px;font-weight:600}.demo-feature-card p{color:var(--muted,#64748b);margin:0;font-size:13.5px;line-height:1.6}.demo-screenshots{background:linear-gradient(#ecfdf54d 0%,#f8fafc00 100%);padding:80px 0}.demo-cta-section{padding:64px 0 96px}.demo-cta-box{background:linear-gradient(135deg,#032b1d,#0b4b2e);border-radius:24px;grid-template-columns:1fr auto;align-items:center;gap:40px;padding:56px 48px;display:grid;box-shadow:0 20px 60px #032b1d33}.demo-cta-copy h2{font-family:var(--font-outfit), var(--font-space-grotesk), ui-sans-serif, system-ui, sans-serif;letter-spacing:-.03em;color:#fff;margin:0;font-size:clamp(24px,3vw,36px);font-weight:700;line-height:1.1}.demo-cta-copy p{color:#ffffffb3;max-width:480px;margin:12px 0 0;font-size:15px;line-height:1.6}.demo-cta-actions{flex-wrap:wrap;gap:12px;display:flex}.demo-cta-actions .demo-cta-primary{color:#032b1d;background:#fff;box-shadow:0 4px 20px #0000001a}.demo-cta-actions .demo-cta-primary:hover{box-shadow:0 8px 30px #00000026}.demo-cta-secondary{color:#fff;border:1px solid #fff3;border-radius:14px;justify-content:center;align-items:center;min-height:52px;padding:0 28px;font-size:15px;font-weight:700;text-decoration:none;transition:background .15s,border-color .15s,transform .15s;display:inline-flex}.demo-cta-secondary:hover{background:#ffffff14;border-color:#ffffff59;transform:translateY(-2px)}@media (max-width:1080px){.demo-pipeline-grid{grid-template-columns:repeat(3,1fr)}.demo-pipeline-card:nth-child(4) .demo-pipeline-arr,.demo-pipeline-card:nth-child(5) .demo-pipeline-arr{display:none}}@media (max-width:900px){.demo-hero{padding:56px 0 48px}.demo-metrics-grid{grid-template-columns:repeat(2,1fr);gap:24px 16px;padding:24px 0}.demo-pipeline-grid{grid-template-columns:repeat(2,1fr)}.demo-pipeline-card:nth-child(3) .demo-pipeline-arr{display:none}.demo-features-grid{grid-template-columns:repeat(2,1fr)}.demo-cta-box{text-align:center;grid-template-columns:1fr;padding:40px 28px}.demo-cta-actions{justify-content:center}}@media (max-width:600px){.demo-hero h1{font-size:32px}.demo-pipeline-grid{grid-template-columns:1fr}.demo-pipeline-card .demo-pipeline-arr{display:none!important}.demo-features-grid{grid-template-columns:1fr}.demo-metrics-grid{grid-template-columns:repeat(2,1fr)}.demo-cta-actions{flex-direction:column;align-items:stretch}.demo-cta-primary,.demo-cta-secondary{text-align:center;width:100%}}