:root{--bg: #02030a;--bg-2: #070b16;--surface: #0e1426;--surface-2: #131b31;--elevated: #18223c;--line: rgba(255, 255, 255, .08);--line-strong: rgba(255, 255, 255, .16);--text: #eef2fb;--text-soft: #c2cbe0;--text-muted: #8590ab;--text-faint: #5c6a86;--navy: #16243f;--navy-700: #1d2f52;--cyan: #25c4e6;--blue: #2f6fd0;--teal: #16a085;--green: #3fae4a;--lime: #8cc63f;--yellow: #f7b32b;--orange: #f1622a;--red: #d62f3b;--magenta: #e6268f;--purple: #8a3ffc;--accent: #2ad4e6;--accent-2: #6c5cff;--accent-ink: #04222a;--grad-spectrum: linear-gradient(100deg, var(--cyan) 0%, var(--blue) 22%, var(--teal) 38%, var(--lime) 54%, var(--orange) 72%, var(--magenta) 88%, var(--purple) 100%);--grad-accent: linear-gradient(120deg, var(--accent), var(--accent-2));--grad-text: linear-gradient(100deg, #ffffff 0%, var(--cyan) 45%, var(--accent-2) 100%);--font-display: "Space Grotesk", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-body: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono: "JetBrains Mono", "SFMono-Regular", Consolas, monospace;--fs-hero: clamp(2.6rem, 7vw, 5.6rem);--fs-h1: clamp(2.1rem, 5vw, 3.6rem);--fs-h2: clamp(1.7rem, 3.5vw, 2.6rem);--fs-h3: clamp(1.2rem, 2vw, 1.45rem);--fs-lead: clamp(1.05rem, 1.6vw, 1.3rem);--fs-body: 1rem;--fs-small: .875rem;--fs-mono: .78rem;--container: 1200px;--gutter: clamp(1.25rem, 4vw, 2.5rem);--section-y: clamp(4.5rem, 10vw, 9rem);--radius: 16px;--radius-sm: 10px;--radius-lg: 24px;--ease: cubic-bezier(.22, 1, .36, 1);--ease-out: cubic-bezier(.16, 1, .3, 1);--dur: .5s;--shadow: 0 24px 60px -20px rgba(0, 0, 0, .7);--glow: 0 0 40px -6px rgba(42, 212, 230, .45)}*,*:before,*:after{box-sizing:border-box}*{margin:0}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}html.lenis,html.lenis body{height:auto}.lenis.lenis-smooth{scroll-behavior:auto!important}.lenis.lenis-smooth [data-lenis-prevent]{overscroll-behavior:contain}.lenis.lenis-stopped{overflow:clip}body{font-family:var(--font-body);font-size:var(--fs-body);line-height:1.65;color:var(--text-soft);background:var(--bg);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overflow-x:hidden}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:-2;background:radial-gradient(70vw 70vw at 12% -10%,rgba(42,120,200,.05),transparent 60%),radial-gradient(60vw 60vw at 100% 6%,rgba(108,92,255,.055),transparent 60%),radial-gradient(60vw 60vw at 50% 115%,rgba(120,60,160,.045),transparent 60%);pointer-events:none}#bg-canvas{position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;width:100%;height:100%;pointer-events:none}#bg-video{position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;width:100%;height:100%;object-fit:cover;pointer-events:none;opacity:.34}img,svg,video{display:block;max-width:100%}a{color:inherit;text-decoration:none}h1,h2,h3,h4{font-family:var(--font-display);color:var(--text);line-height:1.05;font-weight:600;letter-spacing:-.02em}p{text-wrap:pretty}::selection{background:var(--accent);color:var(--accent-ink)}:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:4px}.container{width:100%;max-width:var(--container);margin-inline:auto;padding-inline:var(--gutter)}.section{padding-block:var(--section-y);position:relative}.eyebrow{font-family:var(--font-mono);font-size:var(--fs-mono);letter-spacing:.22em;text-transform:uppercase;color:var(--accent);display:inline-flex;align-items:center;gap:.6em}.eyebrow:before{content:"";width:28px;height:1px;background:var(--accent);opacity:.7}.lead{font-size:var(--fs-lead);color:var(--text-soft);max-width:56ch}.gradient-text{background:var(--grad-text);-webkit-background-clip:text;background-clip:text;color:transparent}.spectrum-text{background:var(--grad-spectrum);-webkit-background-clip:text;background-clip:text;color:transparent}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}[data-reveal]{opacity:0;transform:translateY(24px);transition:opacity .8s var(--ease-out),transform .8s var(--ease-out);will-change:opacity,transform}[data-reveal].is-in{opacity:1;transform:none}@media(prefers-reduced-motion:reduce){*{animation-duration:.001ms!important;transition-duration:.001ms!important;scroll-behavior:auto!important}[data-reveal]{opacity:1;transform:none}}.btn{--btn-bg: transparent;display:inline-flex;align-items:center;gap:.55em;font-family:var(--font-body);font-weight:600;font-size:var(--fs-small);letter-spacing:.01em;padding:.9em 1.5em;border-radius:100px;border:1px solid var(--line-strong);color:var(--text);background:var(--btn-bg);cursor:pointer;transition:transform .25s var(--ease),border-color .25s,background .25s,box-shadow .25s;white-space:nowrap}.btn:hover{transform:translateY(-2px);border-color:var(--accent)}.btn .arrow{transition:transform .25s var(--ease)}.btn:hover .arrow{transform:translate(3px,-3px)}.btn--primary{background:linear-gradient(120deg,#38dcee,#8f97ff);border-color:transparent;color:#04121b;font-weight:700;box-shadow:var(--glow)}.btn--primary:hover{box-shadow:0 0 50px -4px #6c5cff99;border-color:transparent}.btn--ghost{background:#ffffff05}.nav-cta.btn--primary{color:#000}.site-header{position:fixed;inset:0 0 auto 0;z-index:100;padding:1.1rem 0;transition:background .3s,backdrop-filter .3s,border-color .3s,padding .3s;border-bottom:1px solid transparent}.site-header.is-scrolled{background:#080c16b8;backdrop-filter:blur(14px) saturate(140%);-webkit-backdrop-filter:blur(14px) saturate(140%);border-bottom-color:var(--line);padding:.7rem 0}.site-header .container{display:flex;align-items:center;justify-content:space-between;gap:1.5rem}.brand{display:inline-flex;align-items:center;gap:.7rem}.brand img{height:46px;width:auto}.brand-name{font-family:var(--font-display);font-weight:600;letter-spacing:-.01em;font-size:1.05rem;color:var(--text)}.nav{display:flex;align-items:center;gap:2rem}.nav a{font-size:var(--fs-small);color:var(--text-muted);font-weight:500;position:relative;transition:color .2s}.nav a:after{content:"";position:absolute;left:0;bottom:-6px;width:0;height:2px;background:var(--accent);transition:width .3s var(--ease)}.nav a:hover,.nav a.is-active{color:var(--text)}.nav a:hover:after,.nav a.is-active:after{width:100%}.nav-toggle{display:none}@media(max-width:860px){.nav-cta{display:none}.nav{position:fixed;inset:0 0 0 auto;width:min(78vw,320px);flex-direction:column;align-items:flex-start;justify-content:center;gap:1.6rem;padding:2rem var(--gutter);background:#0a0e1af5;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-left:1px solid var(--line);transform:translate(100%);transition:transform .4s var(--ease)}.nav a{font-size:1.3rem}body.nav-open .nav{transform:none}.nav-toggle{display:inline-flex;flex-direction:column;gap:5px;background:none;border:0;cursor:pointer;padding:8px;z-index:110}.nav-toggle span{width:24px;height:2px;background:var(--text);transition:transform .3s,opacity .3s}body.nav-open .nav-toggle span:nth-child(1){transform:translateY(7px) rotate(45deg)}body.nav-open .nav-toggle span:nth-child(2){opacity:0}body.nav-open .nav-toggle span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}}.hero{position:relative;min-height:100svh;display:flex;align-items:center;padding-block:8rem 4rem;overflow:hidden}.hero canvas#hero-canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;z-index:-1;opacity:.9}.hero-inner{max-width:920px}.hero h1{font-size:var(--fs-hero);font-weight:600;margin-block:1.4rem 1.6rem}.hero .lead{font-size:var(--fs-lead);max-width:58ch;margin-bottom:2.4rem}.hero-actions{display:flex;flex-wrap:wrap;gap:1rem;align-items:center}.stat-row{display:flex;flex-wrap:wrap;gap:clamp(1.5rem,5vw,4rem);margin-top:3.5rem;padding-top:2.5rem;border-top:1px solid var(--line)}.stat .num{font-family:var(--font-display);font-size:clamp(1.8rem,4vw,2.8rem);font-weight:600;color:var(--text);line-height:1}.stat .num .gradient-text{font-weight:700}.stat .label{font-family:var(--font-mono);font-size:var(--fs-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--text-muted);margin-top:.6rem}.section-head{max-width:720px;margin-bottom:3.5rem}.section-head h2{font-size:var(--fs-h2);margin-block:1rem 1rem}.section-head.center{margin-inline:auto;text-align:center}.section-head.center .eyebrow:before{display:none}.card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.25rem}.card{position:relative;padding:2rem;border-radius:var(--radius);background:linear-gradient(180deg,var(--surface),var(--bg-2));border:1px solid var(--line);overflow:hidden;transition:transform .4s var(--ease),border-color .4s;isolation:isolate}.card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;background:radial-gradient(400px 200px at var(--mx, 50%) var(--my, 0%),rgba(42,212,230,.14),transparent 70%);opacity:0;transition:opacity .4s}.card:hover{transform:translateY(-6px);border-color:var(--line-strong)}.card:hover:before{opacity:1}.card .card-index{font-family:var(--font-mono);font-size:var(--fs-mono);color:var(--text-faint);letter-spacing:.1em}.card .card-icon{width:48px;height:48px;border-radius:12px;display:grid;place-items:center;margin-bottom:1.4rem;background:#2ad4e61a;border:1px solid var(--line);color:var(--accent)}.card h3{font-size:var(--fs-h3);margin-bottom:.7rem}.card p{color:var(--text-muted);font-size:.95rem}.card .card-link{display:inline-flex;align-items:center;gap:.4em;margin-top:1.4rem;font-size:var(--fs-small);font-weight:600;color:var(--accent)}.card .card-link .arrow{transition:transform .25s var(--ease)}.card:hover .card-link .arrow{transform:translate(3px,-3px)}.card--spectrum:after{content:"";position:absolute;inset:0 0 auto 0;height:3px;background:var(--grad-spectrum);transform:scaleX(0);transform-origin:left;transition:transform .5s var(--ease)}.card--spectrum:hover:after{transform:scaleX(1)}.band{border-radius:var(--radius-lg);border:1px solid var(--line);background:radial-gradient(80% 120% at 100% 0%,rgba(108,92,255,.18),transparent 60%),linear-gradient(180deg,var(--surface-2),var(--bg-2));padding:clamp(2.2rem,5vw,3.6rem);display:grid;grid-template-columns:1.4fr 1fr;gap:2.5rem;align-items:center}.band h2{font-size:var(--fs-h2);margin-bottom:1rem}.band p{color:var(--text-soft)}.band .pill-row{display:flex;flex-wrap:wrap;gap:.6rem;margin-top:1.6rem}.pill{font-family:var(--font-mono);font-size:var(--fs-mono);letter-spacing:.06em;padding:.5em .9em;border-radius:100px;border:1px solid var(--line-strong);color:var(--text-soft);background:#ffffff05}.pill.is-primary{border-color:var(--accent);color:var(--accent)}@media(max-width:800px){.band{grid-template-columns:1fr}}.sync-diagram{position:relative;width:100%;max-width:880px;margin-inline:auto;aspect-ratio:920 / 520}.sync-lines{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;overflow:visible}.sync-lines .base{stroke:var(--line-strong);stroke-width:1.5}.sync-lines .flow{stroke-width:2.5;stroke-linecap:round;stroke-dasharray:2 16;animation:sync-flow 1.6s linear infinite;transition:stroke-width .3s,opacity .3s}.spoke--zoho .flow{stroke:var(--cyan);animation-delay:-.2s}.spoke--hubspot .flow{stroke:var(--orange);animation-delay:-.9s;animation-direction:reverse}.spoke--salesforce .flow{stroke:var(--blue);animation-delay:-1.3s}.spoke--dynamics .flow{stroke:var(--teal);animation-delay:-.6s;animation-direction:reverse}.spoke--pipedrive .flow{stroke:var(--magenta);animation-delay:-1.1s}@keyframes sync-flow{to{stroke-dashoffset:-180}}.sync-node{position:absolute;transform:translate(-50%,-50%);display:inline-flex;align-items:center;gap:.55em;white-space:nowrap;font-family:var(--font-mono);font-size:var(--fs-mono);letter-spacing:.06em;padding:.6em 1em;border-radius:100px;color:var(--text-soft);background:#0d1323d1;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border:1px solid var(--line-strong);transition:transform .3s var(--ease),border-color .3s,color .3s,box-shadow .3s}.sync-node .dot{width:7px;height:7px;border-radius:50%;background:currentColor;flex:none}.node--zoho{color:var(--cyan)}.node--hubspot{color:var(--orange)}.node--salesforce{color:var(--blue)}.node--dynamics{color:var(--teal)}.node--pipedrive{color:var(--magenta)}.sync-node.is-primary{border-color:var(--accent);box-shadow:var(--glow)}.sync-node--hub{width:clamp(96px,13vw,124px);aspect-ratio:1;padding:0;border:0;background:none;display:grid;place-items:center}.sync-node--hub img{width:56%;height:auto;position:relative;z-index:1}.sync-node--hub .hub-ring{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;background:conic-gradient(from 0deg,var(--cyan),var(--blue),var(--teal),var(--lime),var(--orange),var(--magenta),var(--purple),var(--cyan));-webkit-mask:radial-gradient(farthest-side,transparent calc(100% - 3px),#000 calc(100% - 3px));mask:radial-gradient(farthest-side,transparent calc(100% - 3px),#000 calc(100% - 3px));animation:hub-spin 14s linear infinite;filter:drop-shadow(0 0 14px rgba(42,212,230,.4))}.sync-node--hub:before{content:"";position:absolute;top:6px;right:6px;bottom:6px;left:6px;border-radius:50%;background:radial-gradient(circle at 50% 35%,var(--surface-2),var(--bg));border:1px solid var(--line)}@keyframes hub-spin{to{transform:rotate(360deg)}}.sync-node:hover{transform:translate(-50%,-50%) scale(1.06);border-color:currentColor;color:var(--text)}.sync-diagram:has(.node--zoho:hover) .spoke--zoho .flow,.sync-diagram:has(.node--hubspot:hover) .spoke--hubspot .flow,.sync-diagram:has(.node--salesforce:hover) .spoke--salesforce .flow,.sync-diagram:has(.node--dynamics:hover) .spoke--dynamics .flow,.sync-diagram:has(.node--pipedrive:hover) .spoke--pipedrive .flow{stroke-width:4}@media(max-width:640px){.sync-diagram{aspect-ratio:auto;display:grid;grid-template-columns:1fr 1fr;gap:.9rem;place-items:center}.sync-lines{display:none}.sync-node{position:static;transform:none}.sync-node:hover{transform:scale(1.06)}.sync-node--hub{grid-column:1 / -1;margin-bottom:.4rem}}.work-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:1.25rem}.work-card{position:relative;display:flex;flex-direction:column;justify-content:flex-end;min-height:340px;padding:2rem;border-radius:var(--radius);border:1px solid var(--line);overflow:hidden;background:linear-gradient(180deg,var(--surface),var(--bg-2));transition:transform .4s var(--ease),border-color .4s}.work-card:hover{transform:translateY(-6px);border-color:var(--line-strong)}.work-card .tag{position:absolute;top:1.5rem;left:2rem;font-family:var(--font-mono);font-size:var(--fs-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--accent)}.work-card h3{font-size:var(--fs-h3);margin-bottom:.6rem}.work-card p{color:var(--text-muted);font-size:.95rem}.work-card .work-stat{display:flex;gap:2rem;margin-top:1.4rem}.work-card .work-stat .num{font-family:var(--font-display);font-weight:700;font-size:1.5rem;color:var(--text)}.work-card .work-stat .lbl{font-size:var(--fs-mono);font-family:var(--font-mono);color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em}.steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1.25rem;counter-reset:step}.step{padding:1.8rem;border-radius:var(--radius);border:1px solid var(--line);background:var(--surface)}.step:before{counter-increment:step;content:"0" counter(step);font-family:var(--font-mono);font-size:1.1rem;color:var(--accent);display:block;margin-bottom:1rem}.step h3{font-size:1.1rem;margin-bottom:.5rem}.step p{color:var(--text-muted);font-size:.92rem}.steps-progress{height:2px;margin-bottom:1.6rem;border-radius:2px;background:var(--line);overflow:hidden}.steps-progress span{display:block;height:100%;width:100%;transform:scaleX(0);transform-origin:left;background:var(--grad-spectrum)}.steps.is-scrubbing .step{opacity:.4;transition:opacity .4s ease,border-color .4s ease,transform .4s ease,box-shadow .4s ease}.steps.is-scrubbing .step.is-active{opacity:1;border-color:var(--line-strong);transform:translateY(-4px);box-shadow:0 10px 30px #00000059}.steps.is-scrubbing .step.is-active:before{color:transparent;background:var(--grad-spectrum);-webkit-background-clip:text;background-clip:text}.cta{text-align:center;border-radius:var(--radius-lg);border:1px solid var(--line);background:radial-gradient(60% 120% at 50% 0%,rgba(42,212,230,.16),transparent 60%),linear-gradient(180deg,var(--surface-2),var(--bg-2));padding:clamp(3rem,8vw,6rem) var(--gutter)}.cta h2{font-size:var(--fs-h1);margin-bottom:1.2rem}.cta p{margin-inline:auto;margin-bottom:2.2rem}.cta .hero-actions{justify-content:center}.site-footer{position:relative;border-top:1px solid var(--line-strong);padding-block:4rem 2.5rem;margin-top:6rem;background:linear-gradient(180deg,rgba(7,11,22,.82),var(--bg-2) 38%);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.footer-top{display:grid;grid-template-columns:1.4fr repeat(2,1fr);gap:2.5rem}.footer-brand img{height:48px;margin-bottom:1.2rem}.footer-brand p{color:var(--text-muted);font-size:.95rem;max-width:36ch}.footer-col h4{font-family:var(--font-mono);font-size:var(--fs-mono);letter-spacing:.15em;text-transform:uppercase;color:var(--text-faint);margin-bottom:1.1rem;font-weight:500}.footer-col a,.footer-col span{display:block;color:var(--text-muted);font-size:.95rem;margin-bottom:.7rem;transition:color .2s}.footer-col a:hover{color:var(--accent)}.footer-bottom{display:flex;justify-content:space-between;flex-wrap:wrap;gap:1rem;margin-top:3rem;padding-top:1.8rem;border-top:1px solid var(--line);font-size:var(--fs-small);color:var(--text-faint)}@media(max-width:720px){.footer-top{grid-template-columns:1fr 1fr}.footer-brand{grid-column:1 / -1}}.page-hero{padding-block:11rem 3rem;position:relative}.page-hero h1{font-size:var(--fs-h1);margin-block:1.2rem 1.2rem;max-width:18ch}.breadcrumb{font-family:var(--font-mono);font-size:var(--fs-mono);color:var(--text-muted);letter-spacing:.06em}.breadcrumb a:hover{color:var(--accent)}.prose{max-width:760px}.prose h2{font-size:var(--fs-h3);margin-block:2.4rem .9rem}.prose p{margin-bottom:1.1rem;color:var(--text-soft)}.prose ul,ul.prose{margin-bottom:1.4rem;padding-left:0;list-style:none}.prose li{position:relative;padding-left:1.6rem;margin-bottom:.6rem;color:var(--text-soft)}.prose li:before{content:"";position:absolute;left:0;top:.6em;width:7px;height:7px;border-radius:2px;background:var(--grad-accent)}.contact-grid{display:grid;grid-template-columns:1fr 1.1fr;gap:clamp(2rem,6vw,5rem);align-items:start}@media(max-width:820px){.contact-grid{grid-template-columns:1fr}}.form-field{margin-bottom:1.2rem}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1.2rem}@media(max-width:520px){.form-row{grid-template-columns:1fr}}.form-field label{display:block;font-size:var(--fs-small);font-weight:500;color:var(--text-soft);margin-bottom:.5rem}.form-field input,.form-field textarea{width:100%;padding:.85em 1em;font:inherit;font-size:.95rem;color:var(--text);background:var(--surface);border:1px solid var(--line-strong);border-radius:var(--radius-sm);transition:border-color .2s,box-shadow .2s}.form-field input:focus,.form-field textarea:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px #2ad4e626}.form-field textarea{resize:vertical;min-height:130px}.contact-detail{display:flex;gap:1rem;align-items:flex-start;margin-bottom:1.6rem}.contact-detail .ic{width:42px;height:42px;flex:none;border-radius:11px;display:grid;place-items:center;background:#2ad4e61a;border:1px solid var(--line);color:var(--accent)}.contact-detail .lbl{font-size:var(--fs-mono);font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.1em;color:var(--text-muted)}.contact-detail .val{color:var(--text);font-weight:500}.contact-detail .val:hover{color:var(--accent)}