*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--color-primary:#a855f7;--color-primary-glow:#c084fc;--color-accent:#22d3ee;--color-accent-glow:#67e8f9;--gradient-brand:linear-gradient(135deg,#a855f7 0%,#6366f1 50%,#22d3ee 100%);--gradient-brand-soft:linear-gradient(135deg,#a855f72e 0%,#6366f129 50%,#22d3ee2e 100%);--color-bg:#06060b;--color-surface-sunken:#0a0a12;--color-surface:#0f0f1a;--color-surface-raised:#16161f;--color-border:#ffffff14;--color-border-soft:#ffffff0a;--color-border-strong:#ffffff24;--color-text:#f8fafc;--color-text-secondary:#94a3b8;--color-text-tertiary:#64748b;--font-sans:"Inter",system-ui,-apple-system,sans-serif;--font-mono:"JetBrains Mono","SF Mono",monospace;--text-xs:.75rem;--text-sm:.8125rem;--text-base:.9375rem;--text-lg:1.125rem;--text-xl:1.375rem;--text-2xl:1.75rem;--text-3xl:2.5rem;--text-4xl:3.5rem;--text-stat:3rem;--leading-tight:1.15;--leading-snug:1.35;--leading-normal:1.6;--tracking-tight:-.025em;--tracking-tighter:-.04em;--tracking-wide:.06em;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--space-20:5rem;--space-24:6rem;--radius-sm:6px;--radius-md:10px;--radius-lg:14px;--radius-xl:20px;--radius-2xl:28px;--radius-full:9999px;--shadow-card:0 1px 0 #ffffff0d inset,0 24px 48px -16px #000000b3;--ease-out:cubic-bezier(.16,1,.3,1);--duration-fast:.15s;--duration-normal:.28s;--duration-slow:.6s}html{scroll-behavior:smooth}body{font-family:var(--font-sans);font-size:var(--text-base);line-height:var(--leading-normal);color:var(--color-text);background:var(--color-bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}a{color:inherit;text-decoration:none}button{cursor:pointer;color:inherit;background:0 0;border:none;font-family:inherit}.container{max-width:1200px;padding:0 var(--space-6);margin:0 auto}.nav{z-index:50;-webkit-backdrop-filter:blur(18px);border-bottom:1px solid var(--color-border-soft);background:#06060bb3;position:sticky;top:0}.nav-inner{justify-content:space-between;align-items:center;height:68px;display:flex}.logo{align-items:center;gap:var(--space-2);font-weight:700;font-size:var(--text-lg);letter-spacing:var(--tracking-tight);display:flex}.logo-mark{background:var(--gradient-brand);color:#fff;border-radius:8px;place-items:center;width:28px;height:28px;font-size:14px;font-weight:800;display:grid;box-shadow:0 0 20px -4px #a855f799}.nav-links{align-items:center;gap:var(--space-8);font-size:var(--text-sm);color:var(--color-text-secondary);display:flex}.nav-links a{transition:color var(--duration-fast)var(--ease-out)}.nav-links a:hover{color:var(--color-text)}.nav-cta{gap:var(--space-3);align-items:center;display:flex}@media (max-width:760px){.nav-links{display:none}}.btn{justify-content:center;align-items:center;gap:var(--space-2);border-radius:var(--radius-full);font-size:var(--text-sm);letter-spacing:-.01em;transition:all var(--duration-fast)var(--ease-out);white-space:nowrap;cursor:pointer;padding:.7rem 1.2rem;font-weight:600;display:inline-flex}.btn-primary{background:var(--gradient-brand);color:#fff;box-shadow:inset 0 1px #ffffff2e,0 0 24px -6px #a855f78c}.btn-primary:hover{transform:translateY(-1px);box-shadow:inset 0 1px #ffffff38,0 0 36px -4px #a855f7b3}.btn-ghost{color:var(--color-text);border:1px solid var(--color-border);background:#ffffff0a}.btn-ghost:hover{border-color:var(--color-border-strong);background:#ffffff12}.btn-lg{font-size:var(--text-base);padding:.95rem 1.6rem}.btn svg{width:16px;height:16px}.hero{padding:var(--space-20)0 var(--space-16);isolation:isolate;position:relative;overflow:hidden}.hero-glow{z-index:-1;pointer-events:none;position:absolute;inset:0}.hero-glow:before,.hero-glow:after{content:"";filter:blur(100px);opacity:.55;border-radius:9999px;position:absolute}.hero-glow:before{background:radial-gradient(circle,#a855f7 0%,#0000 70%);width:520px;height:520px;top:-120px;left:-10%}.hero-glow:after{opacity:.4;background:radial-gradient(circle,#22d3ee 0%,#0000 70%);width:480px;height:480px;top:80px;right:-10%}.hero-grid{z-index:-1;background-image:linear-gradient(90deg,#ffffff0a 1px,#0000 1px),linear-gradient(#ffffff0a 1px,#0000 1px);background-size:56px 56px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(80% 60% at 50% 0,#000 30%,#0000 80%);mask-image:radial-gradient(80% 60% at 50% 0,#000 30%,#0000 80%)}.hero-content{text-align:center;max-width:880px;margin:0 auto}.eyebrow{align-items:center;gap:var(--space-2);border-radius:var(--radius-full);font-size:var(--text-xs);color:var(--color-primary-glow);letter-spacing:var(--tracking-wide);text-transform:uppercase;margin-bottom:var(--space-6);background:#a855f71a;border:1px solid #a855f740;padding:.4rem .85rem;font-weight:600;display:inline-flex}.eyebrow .pulse{background:var(--color-primary-glow);width:6px;height:6px;box-shadow:0 0 8px var(--color-primary-glow);border-radius:50%;animation:1.8s ease-in-out infinite pulse}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.55;transform:scale(.85)}}h1.hero-title{font-size:clamp(2.5rem,5.5vw,var(--text-4xl));letter-spacing:var(--tracking-tighter);font-weight:800;line-height:var(--leading-tight);margin-bottom:var(--space-5)}.gradient-text{background:var(--gradient-brand);-webkit-text-fill-color:transparent;color:#0000;-webkit-background-clip:text;background-clip:text}p.hero-sub{font-size:var(--text-lg);color:var(--color-text-secondary);max-width:620px;margin:0 auto var(--space-8);line-height:var(--leading-snug)}.hero-ctas{gap:var(--space-3);margin-bottom:var(--space-6);flex-wrap:wrap;justify-content:center;display:flex}.hero-meta{gap:var(--space-6);font-size:var(--text-sm);color:var(--color-text-tertiary);flex-wrap:wrap;justify-content:center;display:flex}.hero-meta span{align-items:center;gap:var(--space-2);display:inline-flex}.hero-meta svg{width:14px;height:14px;color:var(--color-accent)}.product-frame{max-width:1080px;margin:var(--space-16)auto 0;border-radius:var(--radius-2xl);box-shadow:var(--shadow-card),0 0 80px -20px #a855f766;background:linear-gradient(#a855f766,#22d3ee26 60%,#0000);padding:1px;position:relative}.product-frame-inner{border-radius:calc(var(--radius-2xl) - 1px);padding:var(--space-5);background:linear-gradient(#0f0f1a 0%,#08080f 100%);overflow:hidden}.product-toolbar{align-items:center;gap:var(--space-2);padding-bottom:var(--space-4);border-bottom:1px solid var(--color-border);margin-bottom:var(--space-5);display:flex}.product-toolbar .dot{border-radius:50%;width:11px;height:11px}.product-toolbar .dot.r{background:#ff5f57}.product-toolbar .dot.y{background:#febc2e}.product-toolbar .dot.g{background:#28c840}.product-toolbar .urlbar{margin-left:var(--space-3);border-radius:var(--radius-sm);border:1px solid var(--color-border-soft);font-size:var(--text-xs);color:var(--color-text-tertiary);font-family:var(--font-mono);background:#ffffff0d;flex:1;padding:.4rem .8rem}.product-body{gap:var(--space-5);grid-template-columns:220px 1fr;min-height:360px;display:grid}.product-side{gap:var(--space-2);padding:var(--space-3);border-radius:var(--radius-md);border:1px solid var(--color-border-soft);background:#ffffff05;flex-direction:column;display:flex}.side-item{align-items:center;gap:var(--space-3);border-radius:var(--radius-sm);font-size:var(--text-sm);color:var(--color-text-secondary);transition:background var(--duration-fast)var(--ease-out);padding:.55rem .7rem;display:flex}.side-item.active{color:var(--color-text);background:linear-gradient(90deg,#a855f72e,#a855f700)}.side-item svg{width:14px;height:14px}.side-section-label{text-transform:uppercase;letter-spacing:var(--tracking-wide);color:var(--color-text-tertiary);padding:var(--space-3).7rem var(--space-1);font-size:10px;font-weight:700}.product-main{padding:var(--space-3)}.product-main-title{font-size:var(--text-lg);margin-bottom:var(--space-1);font-weight:700}.product-main-sub{font-size:var(--text-sm);color:var(--color-text-secondary);margin-bottom:var(--space-5)}.deal-row{align-items:center;gap:var(--space-3);border-radius:var(--radius-md);border:1px solid var(--color-border-soft);font-size:var(--text-sm);transition:all var(--duration-fast)var(--ease-out);background:#ffffff05;grid-template-columns:28px 1fr 110px 90px 80px;margin-bottom:6px;padding:.7rem .8rem;display:grid}.deal-row:hover{border-color:var(--color-border);background:#ffffff0a}.avatar{background:var(--gradient-brand);color:#fff;border-radius:50%;place-items:center;width:28px;height:28px;font-size:11px;font-weight:700;display:grid}.deal-name{font-weight:600}.deal-meta{color:var(--color-text-tertiary);font-size:var(--text-xs)}.deal-amount{font-weight:700;font-family:var(--font-mono)}.pill{border-radius:var(--radius-full);letter-spacing:.02em;text-transform:uppercase;align-items:center;gap:4px;padding:.18rem .5rem;font-size:10px;font-weight:600;display:inline-flex}.pill-discovery{color:var(--color-accent-glow);background:#22d3ee1f}.pill-proposal{color:var(--color-primary-glow);background:#a855f726}.pill-closed{color:#4ade80;background:#22c55e1f}.pill-followup{color:#fcd34d;background:#fbbf241f}.agent-callout{margin-top:var(--space-5);padding:var(--space-4);border-radius:var(--radius-md);gap:var(--space-3);background:linear-gradient(135deg,#a855f71a,#22d3ee14);border:1px solid #a855f740;align-items:flex-start;display:flex}.agent-icon{background:var(--gradient-brand);border-radius:8px;flex-shrink:0;place-items:center;width:32px;height:32px;display:grid;box-shadow:0 0 16px -4px #a855f799}.agent-icon svg{color:#fff;width:16px;height:16px}.agent-text{font-size:var(--text-sm);color:var(--color-text)}.agent-text strong{color:var(--color-primary-glow);font-weight:600}.agent-meta{font-size:var(--text-xs);color:var(--color-text-tertiary);margin-top:4px}@media (max-width:760px){.product-body{grid-template-columns:1fr}.product-side{display:none}.deal-row{grid-template-columns:28px 1fr 80px}.deal-row>.pill,.deal-row>.deal-amount{display:none}}.section{padding:var(--space-24)0;position:relative}.section-header{text-align:center;max-width:720px;margin:0 auto var(--space-16)}.section-eyebrow{font-size:var(--text-xs);text-transform:uppercase;letter-spacing:var(--tracking-wide);color:var(--color-accent);margin-bottom:var(--space-3);font-weight:700}h2.section-title{letter-spacing:var(--tracking-tight);font-size:clamp(1.75rem,3.5vw,2.5rem);font-weight:700;line-height:var(--leading-tight);margin-bottom:var(--space-4)}p.section-sub{font-size:var(--text-lg);color:var(--color-text-secondary);line-height:var(--leading-snug)}.trust{padding:var(--space-12)0;border-top:1px solid var(--color-border-soft);border-bottom:1px solid var(--color-border-soft)}.trust-label{text-align:center;font-size:var(--text-xs);text-transform:uppercase;letter-spacing:var(--tracking-wide);color:var(--color-text-tertiary);margin-bottom:var(--space-6);font-weight:600}.trust-logos{justify-content:center;align-items:center;gap:var(--space-12);opacity:.7;flex-wrap:wrap;display:flex}.trust-logo{font-size:var(--text-lg);letter-spacing:var(--tracking-tight);color:var(--color-text-secondary);filter:grayscale();transition:all var(--duration-fast)var(--ease-out);font-weight:700}.trust-logo:hover{color:var(--color-text);filter:grayscale(0);opacity:1}.stats{gap:var(--space-6);grid-template-columns:repeat(4,1fr);display:grid}.stat-card{padding:var(--space-6);border-radius:var(--radius-lg);background:var(--color-surface);border:1px solid var(--color-border);transition:all var(--duration-normal)var(--ease-out)}.stat-card:hover{border-color:#a855f766;transform:translateY(-2px);box-shadow:0 0 36px -10px #a855f766}.stat-num{font-size:var(--text-stat);letter-spacing:var(--tracking-tighter);margin-bottom:var(--space-2);background:var(--gradient-brand);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-weight:800;line-height:1}.stat-label{font-size:var(--text-sm);color:var(--color-text-secondary);line-height:var(--leading-snug)}@media (max-width:920px){.stats{grid-template-columns:repeat(2,1fr)}}@media (max-width:480px){.stats{grid-template-columns:1fr}}.bento{gap:var(--space-5);grid-template-columns:repeat(6,1fr);grid-auto-rows:minmax(220px,auto);display:grid}.bento-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--space-6);transition:all var(--duration-normal)var(--ease-out);isolation:isolate;position:relative;overflow:hidden}.bento-card:before{content:"";background:radial-gradient(circle at var(--mx,50%)var(--my,0%),#a855f71f,transparent 60%);opacity:0;transition:opacity var(--duration-normal)var(--ease-out);pointer-events:none;z-index:-1;position:absolute;inset:0}.bento-card:hover{border-color:#a855f759;transform:translateY(-2px)}.bento-card:hover:before{opacity:1}.bento-card.span-3{grid-column:span 3}.bento-card.span-2{grid-column:span 2}.bento-card.span-4{grid-column:span 4}@media (max-width:920px){.bento{grid-template-columns:repeat(2,1fr)}.bento-card.span-3,.bento-card.span-2,.bento-card.span-4{grid-column:span 2}}@media (max-width:540px){.bento{grid-template-columns:1fr}.bento-card.span-3,.bento-card.span-2,.bento-card.span-4{grid-column:span 1}}.feature-icon{border-radius:var(--radius-md);width:40px;height:40px;margin-bottom:var(--space-5);background:linear-gradient(135deg,#a855f72e,#22d3ee1f);border:1px solid #a855f740;place-items:center;display:grid}.feature-icon svg{width:20px;height:20px;color:var(--color-primary-glow)}.bento-card h3{font-size:var(--text-xl);letter-spacing:var(--tracking-tight);margin-bottom:var(--space-3);font-weight:700;line-height:var(--leading-snug)}.bento-card p{font-size:var(--text-sm);color:var(--color-text-secondary);line-height:var(--leading-snug)}.bento-visual{margin-top:var(--space-5);padding-top:var(--space-5);border-top:1px solid var(--color-border-soft)}.source-grid{font-size:var(--text-xs);color:var(--color-text-tertiary);grid-template-columns:repeat(4,1fr);gap:6px;display:grid}.source-grid span{border-radius:var(--radius-sm);border:1px solid var(--color-border-soft);text-align:center;background:#ffffff08;padding:4px 8px}.channel-row{gap:var(--space-2);flex-wrap:wrap;display:flex}.channel-tag{border-radius:var(--radius-full);border:1px solid var(--color-border-soft);font-size:var(--text-xs);color:var(--color-text-secondary);background:#ffffff0a;align-items:center;gap:6px;padding:.35rem .65rem;display:inline-flex}.channel-tag svg{width:12px;height:12px;color:var(--color-accent)}.workflow-flow{justify-content:space-between;align-items:center;gap:var(--space-2);display:flex}.flow-step{border-radius:var(--radius-sm);border:1px solid var(--color-border-soft);font-size:var(--text-xs);text-align:center;color:var(--color-text-secondary);background:#ffffff08;flex:1;padding:.55rem .4rem}.flow-arrow{color:var(--color-text-tertiary);font-size:14px}.usecases{gap:var(--space-5);grid-template-columns:repeat(4,1fr);display:grid}.usecase{padding:var(--space-6);border-radius:var(--radius-lg);background:var(--color-surface);border:1px solid var(--color-border);transition:all var(--duration-normal)var(--ease-out)}.usecase:hover{border-color:#22d3ee59;transform:translateY(-2px)}.usecase-icon{border-radius:var(--radius-sm);width:36px;height:36px;margin-bottom:var(--space-4);background:#22d3ee1f;place-items:center;display:grid}.usecase-icon svg{width:18px;height:18px;color:var(--color-accent-glow)}.usecase h4{font-size:var(--text-base);margin-bottom:var(--space-2);font-weight:700}.usecase p{font-size:var(--text-sm);color:var(--color-text-secondary);line-height:var(--leading-snug)}@media (max-width:920px){.usecases{grid-template-columns:repeat(2,1fr)}}@media (max-width:480px){.usecases{grid-template-columns:1fr}}.testimonial{text-align:center;max-width:880px;padding:var(--space-12);border-radius:var(--radius-2xl);border:1px solid var(--color-border);background:linear-gradient(#a855f70f 0%,#0000 100%);margin:0 auto;position:relative}.quote-mark{color:var(--color-primary);opacity:.3;margin-bottom:var(--space-3);font-family:serif;font-size:64px;line-height:.6}.testimonial-quote{font-size:var(--text-xl);line-height:var(--leading-snug);letter-spacing:var(--tracking-tight);margin-bottom:var(--space-6);color:var(--color-text)}.testimonial-author{align-items:center;gap:var(--space-3);display:inline-flex}.testimonial-avatar{background:var(--gradient-brand);color:#fff;border-radius:50%;place-items:center;width:44px;height:44px;font-weight:700;display:grid}.testimonial-name{text-align:left;font-size:var(--text-sm)}.testimonial-name strong{font-weight:700;display:block}.testimonial-name span{color:var(--color-text-tertiary)}.cta-section{padding:var(--space-24)0;position:relative}.cta-card{max-width:1000px;padding:var(--space-16)var(--space-12);border-radius:var(--radius-2xl);background:radial-gradient(circle at top right,#22d3ee2e,transparent 60%),radial-gradient(circle at bottom left,#a855f738,transparent 60%),var(--color-surface);border:1px solid var(--color-border);text-align:center;margin:0 auto;position:relative;overflow:hidden}.cta-card h2{letter-spacing:var(--tracking-tighter);font-size:clamp(2rem,4vw,3rem);font-weight:800;line-height:var(--leading-tight);margin-bottom:var(--space-4)}.cta-card p{font-size:var(--text-lg);color:var(--color-text-secondary);max-width:560px;margin:0 auto var(--space-8)}footer{padding:var(--space-16)0 var(--space-8);border-top:1px solid var(--color-border-soft)}.footer-grid{gap:var(--space-12);margin-bottom:var(--space-12);grid-template-columns:2fr 1fr 1fr 1fr;display:grid}.footer-brand p{font-size:var(--text-sm);color:var(--color-text-secondary);margin-top:var(--space-4);max-width:320px}.footer-col h5{font-size:var(--text-xs);text-transform:uppercase;letter-spacing:var(--tracking-wide);color:var(--color-text-tertiary);margin-bottom:var(--space-4);font-weight:700}.footer-col a{font-size:var(--text-sm);color:var(--color-text-secondary);transition:color var(--duration-fast)var(--ease-out);padding:4px 0;display:block}.footer-col a:hover{color:var(--color-text)}.footer-bottom{padding-top:var(--space-6);border-top:1px solid var(--color-border-soft);font-size:var(--text-xs);color:var(--color-text-tertiary);justify-content:space-between;align-items:center;display:flex}@media (max-width:760px){.footer-grid{grid-template-columns:1fr 1fr}.footer-bottom{gap:var(--space-3);flex-direction:column}}.reveal{opacity:0;transition:opacity var(--duration-slow)var(--ease-out),transform var(--duration-slow)var(--ease-out);transform:translateY(20px)}.reveal.in{opacity:1;transform:translateY(0)}:focus-visible{outline:2px solid var(--color-primary-glow);outline-offset:2px;border-radius:var(--radius-sm)}
