@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";:root{--color-primary: #0A1F44;--color-secondary: #0F2D64;--color-accent: #0066FF;--color-white: #FFFFFF;--color-background-light: #F8FAFC;--text-dark: #1E293B;--text-muted: #64748B;--color-zoho-red: #D41E28;--color-zoho-green: #009A47;--color-zoho-yellow: #D97706;--color-zoho-purple: #7C3AED;--color-zoho-teal: #0F766E;--font-family-sans: "Inter", system-ui, -apple-system, sans-serif;--font-size-hero: clamp(3rem, 5vw, 5rem);--font-size-h1: clamp(2.5rem, 4vw, 4rem);--font-size-h2: clamp(2rem, 3vw, 3rem);--font-size-h3: clamp(1.5rem, 2vw, 2rem);--font-size-body-large: clamp(1.125rem, 1.2vw, 1.25rem);--font-size-body: 1rem;--font-size-body-small: .875rem;--spacing-xs: .5rem;--spacing-sm: 1rem;--spacing-md: 1.5rem;--spacing-lg: 2.5rem;--spacing-xl: 3.5rem;--spacing-xxl: 4.5rem;--container-max-width: 1280px;--border-radius-sm: .375rem;--border-radius-md: .5rem;--border-radius-lg: 1rem;--border-radius-xl: 1.5rem;--transition-fast: .2s ease;--transition-base: .3s ease;--transition-slow: .5s ease;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 10px 10px -5px rgba(0, 0, 0, .04)}html{scroll-behavior:smooth;overflow-x:hidden}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-family-sans);color:var(--text-dark);background-color:var(--color-background-light);line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden;width:100%}img{max-width:100%;display:block}a{text-decoration:none;color:inherit}ul{list-style:none}.container{width:100%;max-width:var(--container-max-width);margin:0 auto;padding-inline:var(--spacing-sm)}@media (min-width: 768px){.container{padding-inline:var(--spacing-md)}}.hero-headline{font-size:var(--font-size-hero);font-weight:700;line-height:1.1;letter-spacing:-.02em}h1,.h1{font-size:var(--font-size-h1);font-weight:700;line-height:1.2;letter-spacing:-.02em}h2,.h2{font-size:var(--font-size-h2);font-weight:700;line-height:1.2;letter-spacing:-.01em}h3,.h3{font-size:var(--font-size-h3);font-weight:600;line-height:1.3}.body-large{font-size:var(--font-size-body-large);color:var(--text-muted)}.eyebrow{display:inline-block;font-size:.875rem;font-weight:600;text-transform:uppercase;letter-spacing:.1em;color:var(--color-accent);margin-bottom:var(--spacing-sm);background:linear-gradient(135deg,var(--color-accent),var(--color-zoho-teal));background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.reveal{opacity:0;transform:translateY(30px);transition:all .25s cubic-bezier(.16,1,.3,1)}.reveal.active{opacity:1;transform:translateY(0)}.reveal-delay-1{transition-delay:.1s}.reveal-delay-2{transition-delay:.2s}.reveal-delay-3{transition-delay:.3s}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}.hero{position:relative;padding:var(--spacing-xxl) 0;background:var(--color-white);overflow:hidden}.hero:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:radial-gradient(circle at 50% 50%,rgba(255,255,255,.05) 1px,transparent 1px);background-size:40px 40px;opacity:.3;pointer-events:none}.hero-container{display:flex;flex-direction:column;align-items:flex-start;gap:var(--spacing-lg)}@media (min-width: 768px){.hero-container{flex-direction:row;align-items:center;justify-content:space-between}}.hero-left{max-width:600px}.hero-right{flex-shrink:0;width:100%;max-width:500px;margin:0 auto;display:flex;justify-content:center;align-items:center}@media (max-width: 767px){.hero-right{margin-bottom:2rem;transform:scale(.65);transform-origin:center top}}.hero-right img{width:100%;height:auto;animation:float 6s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.hero-headline{margin:var(--spacing-sm) 0;color:var(--color-primary)}.hero-copy{color:var(--text-muted);font-size:1.125rem;margin-bottom:var(--spacing-md)}.hero-cta .btn{margin-right:var(--spacing-sm)}@media (prefers-reduced-motion: reduce){.hero-right img{animation:none}}.ecosystem-chart{position:relative;width:100%;max-width:650px;aspect-ratio:1 / 1;margin:0 auto;overflow:visible}.eco-ring{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);border-radius:50%}.eco-ring:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;border:1.5px dashed;opacity:.5;pointer-events:none}.ring-1{width:35%;height:35%;animation:spin-cw 20s linear infinite}.ring-1:before{border-color:var(--color-zoho-teal)}.ring-1 .eco-node{animation:spin-ccw 20s linear infinite}.node-finance,.node-automation{color:var(--color-zoho-teal)}.ring-2{width:55%;height:55%;animation:spin-ccw 30s linear infinite}.ring-2:before{border-color:var(--color-zoho-yellow)}.ring-2 .eco-node{animation:spin-cw 30s linear infinite}.node-projects{color:var(--color-zoho-yellow)}.ring-3{width:75%;height:75%;animation:spin-cw 40s linear infinite}.ring-3:before{border-color:var(--color-zoho-red)}.ring-3 .eco-node{animation:spin-ccw 40s linear infinite}.node-crm,.node-analytics{color:var(--color-zoho-red)}.ring-4{width:95%;height:95%;animation:spin-ccw 55s linear infinite}.ring-4:before{border-color:var(--color-zoho-green)}.ring-4 .eco-node{animation:spin-cw 55s linear infinite}.node-sales,.node-payroll{color:var(--color-zoho-green)}.node-zoho-one{color:var(--color-zoho-yellow)}.eco-center{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:var(--color-primary);color:var(--color-white);padding:1rem 2.5rem;border-radius:2.5rem;font-weight:700;font-size:1.5rem;box-shadow:0 15px 35px #0a1f4466;z-index:10;white-space:nowrap;animation:floating-center 4s ease-in-out infinite}.eco-node{position:absolute;font-weight:700;font-size:1.15rem;transform:translate(-50%,-50%);background:var(--color-white);padding:.25rem .5rem;border-radius:.5rem;z-index:5;box-shadow:0 4px 10px #0000000d}.eco-node:hover{transform:translate(-50%,-50%) scale(1.1);transition:transform .2s ease;cursor:default}@keyframes spin-cw{0%{transform:translate(-50%,-50%) rotate(0)}to{transform:translate(-50%,-50%) rotate(360deg)}}@keyframes spin-ccw{0%{transform:translate(-50%,-50%) rotate(0)}to{transform:translate(-50%,-50%) rotate(-360deg)}}@keyframes floating-center{0%,to{transform:translate(-50%,-50%);box-shadow:0 15px 35px #0a1f4466}50%{transform:translate(-50%,-60%);box-shadow:0 30px 45px #0a1f4433}}.hero-with-brand{display:inline-flex;align-items:center;white-space:nowrap;vertical-align:middle;gap:.9rem}.hero-brand-kinetic{position:relative;display:inline-flex;align-items:center;vertical-align:middle;margin-left:0;padding:0;background:transparent;border:none;box-shadow:none;perspective:1000px;transform-style:preserve-3d;font-size:clamp(34px,4vw,50px);line-height:1;cursor:pointer;text-decoration:none}.kinetic-symbol-anchor{position:relative;display:inline-flex;align-items:center;justify-content:center;width:.79em;height:1em;margin-right:.2em;z-index:6;transform-style:preserve-3d;will-change:transform;animation:symbolSwoopAndStand 2.6s cubic-bezier(.35,.05,.25,1) infinite}.kinetic-symbol-img{width:100%;height:100%;object-fit:contain;display:block;pointer-events:none}.kinetic-wordmark-img{height:1em;width:auto;display:block;position:relative;z-index:4;filter:drop-shadow(0 2px 5px rgba(0,0,0,.06));transition:filter .3s ease,transform .3s ease}.hero-brand-kinetic:hover .kinetic-symbol-anchor{animation-duration:1.4s}.hero-brand-kinetic:hover .kinetic-wordmark-img{filter:drop-shadow(0 4px 14px rgba(0,85,226,.25))}@keyframes symbolSwoopAndStand{0.0%{transform:translateZ(0) scale(1) rotate(0);z-index:6;opacity:1;filter:drop-shadow(0 2px 5px rgba(0,85,226,.22))}5.0%{transform:translate3d(0,.0088em,0) scale(1) rotate(0);z-index:6;opacity:1;filter:drop-shadow(0 2px 5px rgba(0,85,226,.22))}10.0%{transform:translate3d(0,.012em,0) scale(1) rotate(0);z-index:6;opacity:1;filter:drop-shadow(0 2px 5px rgba(0,85,226,.22))}15.0%{transform:translate3d(0,.0074em,0) scale(1) rotate(0);z-index:6;opacity:1;filter:drop-shadow(0 2px 5px rgba(0,85,226,.22))}20.0%{transform:translate3d(0,-.002em,0) scale(1) rotate(0);z-index:6;opacity:1;filter:drop-shadow(0 2px 5px rgba(0,85,226,.22))}25.0%{transform:translate3d(0,-.01em,0) scale(1) rotate(0);z-index:6;opacity:1;filter:drop-shadow(0 2px 5px rgba(0,85,226,.22))}30.0%{transform:translate3d(0,-.0116em,0) scale(1) rotate(0);z-index:6;opacity:1;filter:drop-shadow(0 2px 5px rgba(0,85,226,.22))}35.0%{transform:translate3d(0,-.0057em,0) scale(1) rotate(0);z-index:6;opacity:1;filter:drop-shadow(0 2px 5px rgba(0,85,226,.22))}38.0%{transform:translate3d(0,-0em,0) scale(1) rotate(0);z-index:6;opacity:1;filter:drop-shadow(0 2px 5px rgba(0,85,226,.22))}41.0%{transform:translate3d(-.06em,.02em,5px) scale(1.04) rotate(-3deg);z-index:10;opacity:1;filter:drop-shadow(0 4px 10px rgba(0,85,226,.35))}44.0%{transform:translateZ(0) scale(1) rotate(0);z-index:12;opacity:1;filter:drop-shadow(0 .22em .45em rgba(0,85,226,.42))}46.4%{transform:translate3d(.102em,.117em,9.3px) scale(1.07) rotate(3.4deg);z-index:12;opacity:1;filter:drop-shadow(0 .22em .45em rgba(0,85,226,.42))}48.8%{transform:translate3d(.396em,.223em,17.6px) scale(1.13) rotate(6.5deg);z-index:12;opacity:1;filter:drop-shadow(0 .22em .45em rgba(0,85,226,.42))}51.2%{transform:translate3d(.855em,.307em,24.3px) scale(1.18) rotate(8.9deg);z-index:12;opacity:1;filter:drop-shadow(0 .22em .45em rgba(0,85,226,.42))}53.6%{transform:translate3d(1.434em,.361em,28.5px) scale(1.21) rotate(10.5deg);z-index:12;opacity:1;filter:drop-shadow(0 .22em .45em rgba(0,85,226,.42))}56.0%{transform:translate3d(2.075em,.38em,30px) scale(1.22) rotate(11deg);z-index:12;opacity:1;filter:drop-shadow(0 .22em .45em rgba(0,85,226,.42))}58.4%{transform:translate3d(2.716em,.361em,28.5px) scale(1.21) rotate(10.5deg);z-index:12;opacity:1;filter:drop-shadow(0 .22em .45em rgba(0,85,226,.42))}60.8%{transform:translate3d(3.295em,.307em,24.3px) scale(1.18) rotate(8.9deg);z-index:12;opacity:1;filter:drop-shadow(0 .22em .45em rgba(0,85,226,.42))}63.2%{transform:translate3d(3.754em,.223em,17.6px) scale(1.13) rotate(6.5deg);z-index:12;opacity:1;filter:drop-shadow(0 .22em .45em rgba(0,85,226,.42))}65.6%{transform:translate3d(4.048em,.117em,9.3px) scale(1.07) rotate(3.4deg);z-index:12;opacity:1;filter:drop-shadow(0 .22em .45em rgba(0,85,226,.42))}68.0%{transform:translate3d(4.15em,0,0) scale(1) rotate(0);z-index:12;opacity:1;filter:drop-shadow(0 .22em .45em rgba(0,85,226,.42))}70.0%{transform:translate3d(4.15em,-0em,-0px) scale(1) rotate(-0deg);z-index:2;opacity:.9;filter:drop-shadow(0 .06em .15em rgba(0,0,0,.18))}72.2%{transform:translate3d(3.992em,-.134em,-9.6px) scale(.92) rotate(-3.4deg);z-index:2;opacity:.9;filter:drop-shadow(0 .06em .15em rgba(0,0,0,.18))}74.5%{transform:translate3d(3.542em,-.247em,-17.7px) scale(.86) rotate(-6.4deg);z-index:2;opacity:.9;filter:drop-shadow(0 .06em .15em rgba(0,0,0,.18))}76.8%{transform:translate3d(2.869em,-.323em,-23.1px) scale(.81) rotate(-8.3deg);z-index:2;opacity:.9;filter:drop-shadow(0 .06em .15em rgba(0,0,0,.18))}79.0%{transform:translate3d(2.075em,-.35em,-25px) scale(.8) rotate(-9deg);z-index:2;opacity:.9;filter:drop-shadow(0 .06em .15em rgba(0,0,0,.18))}81.2%{transform:translate3d(1.281em,-.323em,-23.1px) scale(.81) rotate(-8.3deg);z-index:2;opacity:.9;filter:drop-shadow(0 .06em .15em rgba(0,0,0,.18))}83.5%{transform:translate3d(.608em,-.247em,-17.7px) scale(.86) rotate(-6.4deg);z-index:2;opacity:.9;filter:drop-shadow(0 .06em .15em rgba(0,0,0,.18))}85.8%{transform:translate3d(.158em,-.134em,-9.6px) scale(.92) rotate(-3.4deg);z-index:2;opacity:.9;filter:drop-shadow(0 .06em .15em rgba(0,0,0,.18))}88.0%{transform:translate3d(0,-0em,-0px) scale(1) rotate(-0deg);z-index:2;opacity:.9;filter:drop-shadow(0 .06em .15em rgba(0,0,0,.18))}91.0%{transform:translate3d(.04em,-.02em,5px) scale(1.06) rotate(1deg);z-index:6;opacity:1;filter:drop-shadow(0 3px 8px rgba(0,85,226,.3))}94.5%{transform:translateZ(0) scale(1.02) rotate(0);z-index:6;opacity:1;filter:drop-shadow(0 2px 6px rgba(0,85,226,.25))}97.5%{transform:translateZ(0) scale(1) rotate(0);z-index:6;opacity:1;filter:drop-shadow(0 2px 5px rgba(0,85,226,.22))}100.0%{transform:translateZ(0) scale(1) rotate(0);z-index:6;opacity:1;filter:drop-shadow(0 2px 5px rgba(0,85,226,.22))}}@media (max-width: 768px){.hero-with-brand{flex-wrap:wrap;gap:.75rem}.hero-brand-kinetic{margin-left:0;margin-top:.25rem;font-size:clamp(26px,6vw,36px)}}.navbar{position:fixed;top:0;left:0;width:100%;z-index:1000;transition:transform .4s cubic-bezier(.16,1,.3,1),background-color var(--transition-base),padding var(--transition-base),box-shadow var(--transition-base);padding:var(--spacing-sm) 0;background-color:transparent;transform:translateY(0)}.navbar.hidden{transform:translateY(-100%)}.navbar.scrolled{background-color:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:var(--shadow-sm);padding:.75rem 0}.navbar-container{display:flex;align-items:center;justify-content:space-between;position:relative}.navbar-brand img{height:40px;width:auto;transition:transform var(--transition-fast)}.navbar-brand:hover img{transform:scale(1.05)}.navbar-nav{display:none}@media (min-width: 992px){.navbar-nav{display:flex;align-items:center;gap:var(--spacing-md);position:absolute;left:50%;transform:translate(-50%);white-space:nowrap;width:max-content}}.nav-link{font-weight:500;color:var(--text-dark);position:relative;transition:color var(--transition-fast)}.navbar:not(.scrolled) .nav-link{color:var(--color-primary)}.nav-link:hover{color:var(--color-accent)}.nav-link:after{content:"";position:absolute;bottom:-4px;left:0;width:0;height:2px;background-color:var(--color-accent);transition:width var(--transition-base)}.nav-link:hover:after{width:100%}.navbar-cta{display:flex;align-items:center}.nav-toggle{display:block;background:none;border:none;cursor:pointer;font-size:1.5rem;color:var(--color-primary)}@media (min-width: 992px){.nav-toggle{display:none}}@media (max-width: 991px){.navbar-nav{display:none!important;flex-direction:column;background-color:var(--color-white);position:absolute;top:100%;left:0;width:100vw;padding:var(--spacing-md);box-shadow:0 20px 40px #0000001a;z-index:9999;margin-left:calc(-50vw + 50%)}.navbar-nav.active{display:flex!important}.nav-link{color:var(--color-primary);padding:var(--spacing-xs) 0}}.btn{display:inline-flex;align-items:center;justify-content:center;padding:.875rem 2rem;font-size:1rem;font-weight:600;border-radius:2rem;border:none;cursor:pointer;transition:all .4s cubic-bezier(.16,1,.3,1);text-align:center;white-space:nowrap;position:relative;overflow:hidden;z-index:1}.btn:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#ffffff1a,#fff0);z-index:-1;transition:opacity .4s ease;opacity:0}.btn:hover:before{opacity:1}.btn-primary{background:linear-gradient(135deg,var(--color-primary),var(--color-secondary));color:var(--color-white);box-shadow:0 4px 15px #0a1f444d}.btn-primary:hover{box-shadow:0 15px 35px #0a1f4466;transform:translateY(-4px) scale(1.02)}.btn-secondary{background-color:#0066ff0d;color:var(--color-primary);border:2px solid var(--color-accent);font-weight:700}.btn-secondary:hover{background-color:var(--color-accent);color:var(--color-white);box-shadow:0 12px 30px #0066ff59;transform:translateY(-4px) scale(1.02)}.btn-accent{background:linear-gradient(135deg,var(--color-accent),#0052cc);color:var(--color-white);box-shadow:0 4px 15px #06f6}.btn-accent:hover{box-shadow:0 15px 35px #0066ff8c;transform:translateY(-4px) scale(1.02)}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none;box-shadow:none}.card{background-color:var(--color-white);border-radius:var(--border-radius-lg);padding:var(--spacing-md);box-shadow:var(--shadow-sm);transition:all var(--transition-base);border:1px solid rgba(0,0,0,.05)}.card:hover{box-shadow:0 20px 40px #00000014;transform:translateY(-5px) scale(1.01)}.card-premium{padding:var(--spacing-lg);border-radius:var(--border-radius-xl);box-shadow:var(--shadow-md);background:linear-gradient(145deg,var(--color-white),var(--color-background-light));border:1px solid rgba(255,255,255,.8)}.card-premium:hover{box-shadow:0 25px 50px #0000001f;transform:translateY(-8px) scale(1.02)}.card-primary{background-color:var(--color-primary);color:var(--color-white)}.card-primary .body-large{color:#fffc}section{padding-block:var(--spacing-md)}.section-header{text-align:left;max-width:800px;margin:0 0 var(--spacing-lg) 0}.zoho-divider{height:4px;width:80px;background:linear-gradient(to right,var(--color-zoho-red),var(--color-zoho-yellow),var(--color-zoho-green),var(--color-accent));border-radius:4px;margin:1.5rem 0}.zoho-gradient-text{background:linear-gradient(to right,var(--color-zoho-red),var(--color-zoho-yellow),var(--color-zoho-green),var(--color-zoho-teal));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;color:transparent}.bento-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--spacing-md);margin-top:var(--spacing-md)}.bento-item{background-color:var(--color-white);padding:var(--spacing-md);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-sm);transition:transform var(--transition-base),box-shadow var(--transition-base)}.bento-item:hover{transform:translateY(-8px) scale(1.015);box-shadow:0 20px 45px #0000001a}.bento-icon{width:48px;height:48px;background-color:var(--color-background-light);border-radius:var(--border-radius-sm);display:flex;align-items:center;justify-content:center;margin-bottom:var(--spacing-sm);color:var(--color-accent);font-size:1.5rem}.feature-split{display:grid;grid-template-columns:1fr;gap:var(--spacing-lg);align-items:center}@media (min-width: 768px){.feature-split{grid-template-columns:1fr 1fr}}.feature-image img{border-radius:var(--border-radius-lg);box-shadow:var(--shadow-lg)}.trust-strip{background-color:var(--color-primary);color:var(--color-white);padding-block:var(--spacing-lg);text-align:center}.trust-logos{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--spacing-xl);margin-top:var(--spacing-md);opacity:.8}.cta-section{background:linear-gradient(135deg,var(--color-primary),var(--color-secondary));color:var(--color-white);text-align:center;border-radius:var(--border-radius-xl);margin-block:var(--spacing-lg);padding:var(--spacing-lg) var(--spacing-md)}.cta-section .btn-secondary{background-color:var(--color-white);color:var(--color-primary)}.contact-form{display:flex;flex-direction:column;gap:var(--spacing-sm)}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-group label{font-weight:600;font-size:.875rem}.form-group input,.form-group textarea{padding:.75rem 1rem;border:1px solid rgba(0,0,0,.1);background-color:var(--color-white);border-radius:var(--border-radius-md);font-family:inherit;font-size:1rem;transition:all .4s cubic-bezier(.16,1,.3,1)}.form-group input:hover,.form-group textarea:hover{border-color:#06f6;box-shadow:0 5px 15px #0000000d}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:var(--color-accent);box-shadow:0 10px 30px #0066ff26,0 0 0 3px #0066ff26;transform:translateY(-2px)}.zoho-border-top{border-top:4px solid;border-image:linear-gradient(to right,var(--color-zoho-red),var(--color-zoho-yellow),var(--color-zoho-green),var(--color-accent)) 1}.text-zoho-gradient{background:linear-gradient(135deg,var(--color-zoho-red),var(--color-accent));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.premium-bento-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem;margin-top:4rem}@media (max-width: 991px){.premium-bento-grid{grid-template-columns:1fr;gap:2rem}}.premium-bento-card{position:relative;border-radius:2rem;padding:2px;background:linear-gradient(135deg,#0000000d,#0000);transition:transform .5s cubic-bezier(.175,.885,.32,1.275);z-index:1}.premium-bento-card:hover{transform:translateY(-8px);z-index:10}.premium-bento-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;padding:2px;background:linear-gradient(135deg,transparent,transparent);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:0;transition:opacity .5s ease;z-index:-1}.premium-bento-card:hover:before{opacity:1}.bento-inner{background:#fff;border-radius:calc(2rem - 2px);padding:2.5rem;height:100%;display:flex;flex-direction:column;box-shadow:0 10px 30px #00000008;transition:box-shadow .5s ease}.dark-bento .bento-inner{background:linear-gradient(145deg,#0b192c,#132742)}.zoho-hover-yellow:hover:before{background:linear-gradient(135deg,#eab308,transparent)}.zoho-hover-yellow:hover .bento-inner{box-shadow:0 20px 40px -10px #eab30833}.zoho-hover-green:hover:before{background:linear-gradient(135deg,#22c55e,transparent)}.zoho-hover-green:hover .bento-inner{box-shadow:0 20px 40px -10px #22c55e33}.zoho-hover-blue:hover:before{background:linear-gradient(135deg,#06b6d4,transparent)}.zoho-hover-blue:hover .bento-inner{box-shadow:0 20px 40px -10px #06b6d433}.zoho-hover-red:hover:before{background:linear-gradient(135deg,#ef4444,transparent)}.zoho-hover-red:hover .bento-inner{box-shadow:0 20px 40px -10px #ef444433}.bento-stage{margin-top:auto;background:#00000005;border-radius:1rem;height:180px;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;border:1px solid rgba(0,0,0,.02)}.dark-bento .bento-stage{background:#0003;border-color:#ffffff05}.bento-img{height:85%;object-fit:contain;transition:transform .6s cubic-bezier(.175,.885,.32,1.275),filter .6s ease;filter:drop-shadow(0 10px 20px rgba(0,0,0,.1))}.premium-bento-card:hover .bento-img{transform:scale(1.1) rotate(2deg);filter:drop-shadow(0 20px 30px rgba(0,0,0,.2))}.premium-bento-wide{grid-column:1 / -1}.premium-bento-wide .stage-wide{width:60%;height:250px}@media (max-width: 991px){.premium-bento-wide .bento-inner{flex-direction:column!important;text-align:center}.premium-bento-wide .stage-wide{width:100%;margin-top:2rem}.bento-inner{padding:1.5rem}}@media (min-width: 992px){.bento-grid{grid-template-columns:repeat(3,1fr)}}@keyframes gradientLoop{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.video-brand-lockup{display:inline-flex;align-items:center;justify-content:center;height:clamp(65px,8vw,95px);margin-bottom:1.5rem;position:relative;z-index:5;animation:videoBrandLockupFloat 10s infinite ease-in-out}.video-brand-symbol-wrap{display:flex;align-items:center;justify-content:center;height:100%;flex-shrink:0;z-index:2;animation:videoSymbolSequence 10s infinite cubic-bezier(.2,.9,.3,1)}.video-brand-symbol{height:100%;width:auto;object-fit:contain;display:block;filter:drop-shadow(0 4px 16px rgba(0,85,226,.35))}.video-brand-wordmark-wrap{display:flex;align-items:center;height:100%;overflow:hidden;white-space:nowrap;z-index:1;animation:videoWordmarkSequence 10s infinite cubic-bezier(.2,.9,.3,1)}.video-brand-wordmark{height:100%;width:auto;max-width:none;display:block;margin-left:clamp(12px,1.6vw,20px);filter:drop-shadow(0 2px 10px rgba(0,0,0,.25))}@keyframes videoSymbolSequence{0%,4%{opacity:0;transform:scale(.65) translateY(15px);filter:blur(8px) drop-shadow(0 0 0 transparent)}11%{opacity:1;transform:scale(1.12) translateY(0);filter:blur(0px) drop-shadow(0 0 25px rgba(56,189,248,.8))}15%{opacity:1;transform:scale(1) translateY(0);filter:blur(0px) drop-shadow(0 0 14px rgba(43,156,248,.5))}22%,86%{opacity:1;transform:scale(1) translateY(0);filter:blur(0px) drop-shadow(0 4px 16px rgba(0,85,226,.35))}92%,to{opacity:0;transform:scale(1.04) translateY(-10px);filter:blur(6px)}}@keyframes videoWordmarkSequence{0%,14%{max-width:0;opacity:0;transform:translate(-20px);filter:blur(10px)}18%{opacity:.7;filter:blur(4px)}25%,86%{max-width:320px;opacity:1;transform:translate(0);filter:blur(0px)}92%,to{max-width:320px;opacity:0;transform:scale(1.02) translateY(-10px);filter:blur(5px)}}@keyframes videoBrandLockupFloat{0%,25%{transform:translateY(0)}55%{transform:translateY(-5px)}86%{transform:translateY(0)}92%,to{transform:translateY(-8px)}}@keyframes brandLogoSequence{0%,5%{opacity:0;transform:scale(.9) translateY(20px);filter:blur(5px)}15%,85%{opacity:1;transform:scale(1) translateY(0);filter:blur(0px)}95%,to{opacity:0;transform:scale(1.05) translateY(-10px);filter:blur(5px)}}@keyframes brandTextSequence{0%,20%{opacity:0;transform:scale(.96) translateY(20px);filter:blur(6px)}28%,86%{opacity:1;transform:scale(1) translateY(0);filter:blur(0px)}92%,to{opacity:0;transform:scale(1.02) translateY(-10px);filter:blur(5px)}}@keyframes brandTextFade{0%,28%{opacity:0;transform:translateY(12px)}35%,86%{opacity:1;transform:translateY(0)}91%,to{opacity:0;transform:translateY(-6px)}}@keyframes videoProgress{0%{width:0%;opacity:1}85%,90%{width:100%;opacity:1}to{width:100%;opacity:0}}@keyframes floatOrb1{0%{transform:translate(0) scale(1)}to{transform:translate(50px,50px) scale(1.2)}}@keyframes floatOrb2{0%{transform:translate(0) scale(1)}to{transform:translate(-80px,-40px) scale(1.5)}}@keyframes scanline{0%{transform:translateY(-200px);opacity:0}50%{opacity:1}to{transform:translateY(400px);opacity:0}}@keyframes scanline-vert{0%{transform:translate(-100px);opacity:0}50%{opacity:1}to{transform:translate(200px);opacity:0}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}