:root{--bg:#10141d;--panel:#1b2230;--ink:#f4f6fb;--muted:#a6afbf;--accent:#82adff;--line:#ffffff1f;--purple:#9abbff;--blue:#82adff;--mint:#a4caff}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--bg);color:var(--ink);font-family:'DM Sans',sans-serif;font-size:16px;line-height:1.6}button,a{-webkit-tap-highlight-color:transparent}button,input,select{font:inherit}button,a{touch-action:manipulation}button{cursor:pointer}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid var(--accent);outline-offset:6px}button{color:inherit}img,video{max-width:100%;display:block}h1,h2,h3,p{margin:0}h1,h2,h3{font-family:Manrope,sans-serif}h1{font-size:clamp(48px,6.65vw,96px);letter-spacing:-.065em;line-height:1.09;font-weight:500}h1 span{color:var(--accent)}h2{font-size:clamp(38px,4.6vw,66px);line-height:1.12;letter-spacing:-.055em;font-weight:500}h3{font-size:25px;line-height:1.25;letter-spacing:-.035em}.wrap{width:min(1280px,calc(100% - 96px));margin-inline:auto}.muted{color:var(--muted)}.mono,.eyebrow{font-size:12px;letter-spacing:.12em;font-weight:600}.eyebrow{display:flex;align-items:center;gap:12px}.mini-mark{font-size:28px;color:var(--accent);line-height:1}.nav{height:112px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);gap:28px}.brand{display:flex;align-items:center;gap:12px;font-family:Manrope,sans-serif;font-size:25px;letter-spacing:-1px;font-weight:800;line-height:1.1}.brand img{object-fit:contain}.brand-light{font-weight:400}.brand small{font-family:'DM Sans',sans-serif;display:block;font-size:8px;letter-spacing:2px;margin-top:7px;font-weight:500}.nav nav{display:flex;gap:32px;font-size:14px}.nav nav a{transition:color .2s}.nav nav a:hover{color:var(--accent)}.button{border:1px solid var(--line);border-radius:8px;display:inline-flex;align-items:center;justify-content:center;padding:15px 23px;line-height:1.2;font-weight:600;font-size:14px;transition:background .2s,transform .2s}.button:hover{background:#ffffff15;transform:translateY(-2px)}.button.primary{background:#2e69ff;color:#ffffff;border-color:#2e69ff}.button.primary:hover{background:#2459e5}.button.small{padding:13px 20px}.menu{display:none}.hero{padding-top:58px}.hero-copy{display:flex;align-items:flex-end;justify-content:space-between;gap:50px;margin-top:25px}.hero-aside{max-width:300px;padding-bottom:5px}.hero-aside>p:first-child{font-size:20px;line-height:1.4}.hero-aside .muted{font-size:14px;line-height:1.7;margin:16px 0 22px}.showcase{margin-top:52px;background:#171f2e;border:1px solid #ffffff16;border-radius:16px;padding:23px 30px 20px;position:relative;overflow:hidden;isolation:isolate}.stage-glow{position:absolute;inset:0;z-index:-1;background:radial-gradient(ellipse at 50% 70%,#2e69ff30,transparent 65%)}.showcase-top,.showcase-bottom{display:flex;align-items:center;justify-content:space-between;position:relative;z-index:5}.showcase-top .mono{color:#9caecb;font-size:10px}.motion-button{font-size:12px;background:none;border:0;color:#b4c1d8;padding:6px 0}.hero-tabs{display:flex;justify-content:center;gap:4px;margin:13px auto 24px;padding:5px;border:1px solid var(--line);border-radius:10px;width:fit-content;background:#101827}.hero-tabs button{border:0;background:none;padding:10px 25px;font-size:14px;border-radius:6px;transition:background .25s}.hero-tabs button.selected{background:#273e65}.product-dot{width:8px;height:8px;display:inline-block;border-radius:50%;margin-right:8px}.purple{background:var(--purple)}.blue{background:var(--blue)}.mint{background:var(--mint)}.screen-stack{position:relative;margin:auto;width:82%;padding:0 35px 5px;perspective:1400px}.main-screen{position:relative;border-radius:9px;overflow:hidden;border:1px solid #ffffff30;background:#161719;box-shadow:0 30px 80px #0007;transform:rotateX(4deg);transition:transform .7s}.main-screen video{width:100%;aspect-ratio:1.6;object-fit:cover}.window-bar{height:31px;background:#222d40;display:flex;align-items:center;justify-content:space-between;padding:0 13px;font-size:10px;color:#afbdd3}.window-dots{font-size:8px;letter-spacing:3px;color:#7285a4}.screen-label{font-size:8px;letter-spacing:1px}.back-screen{position:absolute;top:40px;width:85%;border-radius:10px;overflow:hidden;border:1px solid #ffffff30;opacity:.42;transition:transform .8s}.back-left{left:-48px;transform:rotate(-8deg) scale(.82)}.back-right{right:-48px;transform:rotate(8deg) scale(.82)}.float-note{display:flex;gap:12px;align-items:center;position:absolute;z-index:3;background:#eff5fffa;color:#172a4d;padding:15px 18px;border:1px solid #fff8;border-radius:10px;box-shadow:0 10px 40px #0003;animation:float 6s ease-in-out infinite}.float-note strong{font-size:13px;display:block}.float-note small{font-size:11px;color:#566b8e;display:block}.note-icon{background:#dce7ff;border-radius:50%;width:32px;height:32px;display:grid;place-items:center;font-size:20px}.note-left{left:-65px;top:24%}.note-right{right:-62px;bottom:13%;animation-delay:-3s}.showcase-bottom{margin-top:24px;font-size:12px;color:#b7c6df}.hero-bottom{display:flex;justify-content:space-between;align-items:center;gap:35px;padding:33px 0 42px;border-bottom:1px solid var(--line)}.hero-bottom p{font-size:12px;color:var(--muted);line-height:1.6}.hero-bottom strong{color:var(--ink);font-weight:400}.platforms{display:flex;gap:35px;align-items:center;font-family:Manrope,sans-serif;font-weight:700;font-size:17px;color:#bac5d8}.platforms span{font-weight:500}.scroll-progress{position:fixed;top:0;left:0;height:3px;background:var(--accent);width:0;z-index:20}.skip{position:fixed;left:20px;top:-100px;z-index:30;background:var(--accent);color:#111;padding:12px}.skip:focus{top:12px}footer{padding:50px 0 30px}.footer-top,.footer-bottom{display:flex;align-items:center;justify-content:space-between;gap:24px}.footer-top{padding-bottom:35px;border-bottom:1px solid var(--line);font-size:14px}.footer-bottom{padding-top:25px;font-size:12px;color:var(--muted)}address{font-style:normal}.paused *{animation-play-state:paused!important}@keyframes float{50%{transform:translateY(-12px)}}@media(min-width:1500px){.hero{padding-top:68px}.showcase{margin-top:60px}}@media(max-width:1000px){.wrap{width:calc(100% - 48px)}.hero-copy{gap:30px}h1{font-size:64px}.hero-aside{max-width:260px}.nav nav{gap:16px}.screen-stack{width:90%}.float-note{padding:10px}.note-left{left:-30px}.note-right{right:-30px}.platforms{gap:20px;font-size:15px}}@media(max-width:700px){.wrap{width:calc(100% - 36px)}.nav{height:85px;gap:12px}.brand{font-size:21px;gap:7px}.brand img{width:36px}.brand small{font-size:7px}.nav>.button{margin-left:auto;font-size:12px;padding:12px}.menu{display:block;background:none;border:1px solid var(--line);border-radius:6px;padding:4px 10px;font-size:20px}.nav nav{display:none;position:absolute;top:78px;left:18px;right:18px;z-index:10;padding:22px;background:#222e44;border:1px solid var(--line);border-radius:10px;flex-direction:column}.nav nav.open{display:flex}.hero{padding-top:35px}.eyebrow{font-size:10px}h1{font-size:clamp(40px,9.8vw,66px);letter-spacing:-.06em}.hero-copy{flex-direction:column;align-items:flex-start;gap:25px;margin-top:20px}.hero-aside{max-width:100%;display:block}.hero-aside>p:first-child{font-size:18px}.hero-aside>p:first-child br{display:none}.hero-aside .muted{max-width:420px;margin:10px 0 20px}.showcase{margin-top:35px;padding:14px 10px}.showcase-top .mono{font-size:8px;letter-spacing:.05em}.motion-button{font-size:10px}.hero-tabs{margin:15px auto 24px;gap:0;max-width:100%}.hero-tabs button{padding:9px 13px;font-size:12px}.screen-stack{width:100%;padding:0 10px 25px}.back-screen{top:15px}.back-left{left:-10px}.back-right{right:-10px}.window-bar{height:22px;font-size:8px}.screen-label{display:none}.float-note{gap:7px;padding:8px;border-radius:6px}.float-note strong{font-size:10px}.float-note small{font-size:9px}.note-icon{width:24px;height:24px;font-size:14px}.note-left{top:auto;bottom:10px;left:0}.note-right{display:none}.showcase-bottom{margin-top:9px;font-size:10px}.hero-bottom{flex-direction:column;align-items:flex-start;gap:20px;padding:25px 0}.platforms{font-size:12px;gap:14px;flex-wrap:wrap}.footer-top,.footer-bottom{align-items:flex-start;flex-direction:column}.footer-top>span{display:none}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}
.section{padding-top:110px;padding-bottom:110px}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:50px;margin-bottom:54px}.section-heading .eyebrow,.together .eyebrow,.agency .eyebrow,.faq .eyebrow{margin-bottom:25px;color:var(--muted)}.section-intro{max-width:340px;color:var(--muted);font-size:16px;line-height:1.8}.subtle{color:#8999b5}.lime-text{color:var(--accent)}.purple-text{color:var(--purple)}.blue-text{color:var(--blue)}.mint-text{color:var(--mint)}.flow-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.flow-card{position:relative;padding:30px;background:#192131;border:1px solid var(--line);border-radius:12px;transition:background .25s,transform .25s}.flow-card:hover{background:#24324a;transform:translateY(-5px)}.flow-number{position:absolute;right:25px;top:26px;color:#9bacc8;font-size:12px}.service-icon{font-size:40px;line-height:1;margin:8px 0 30px}.flow-card p{color:var(--muted);font-size:15px;margin-top:15px;max-width:290px}.flow-tag{display:block;margin-top:32px;font-size:13px}.products{padding:95px 0 30px;background:#151d2b;border-block:1px solid var(--line)}.product-detail{display:grid;grid-template-columns:0.8fr 1.2fr;gap:75px;align-items:center;padding:75px 0 90px;scroll-margin-top:15px}.product-detail+.product-detail{border-top:1px solid var(--line)}.product-label{font-size:12px;letter-spacing:.12em;font-weight:600;display:block;margin-bottom:21px}.product-info h3{font-size:clamp(34px,3.4vw,48px);font-weight:500;line-height:1.15;letter-spacing:-.055em}.product-info>p{color:var(--muted);font-size:15px;margin:22px 0 25px;line-height:1.85}.feature-choices{margin-bottom:24px}.feature-choices button{border:0;border-top:1px solid var(--line);padding:15px 0;background:transparent;display:flex;align-items:center;text-align:left;width:100%;font-size:14px;gap:16px;color:#a5b5cf;transition:color .25s}.feature-choices button span{font-size:11px;color:#869bbb}.feature-choices button b{margin-left:auto;font-weight:400;font-size:19px}.feature-choices button.active{color:var(--ink)}.feature-choices button.active b{transform:rotate(45deg);color:var(--accent)}.text-link{font-size:14px;display:inline-block;border-bottom:1px solid #c1d4f5;padding-bottom:3px}.text-link:hover{color:var(--accent)}.product-visual{padding:25px;border-radius:14px;overflow:hidden;min-width:0;position:relative}.purple-panel{background:#203458}.blue-panel{background:#1c3154}.mint-panel{background:#19375b}.visual-top{display:flex;justify-content:space-between;color:#e0ebffa6;font-size:10px;letter-spacing:.1em;margin-bottom:46px}.demo-window{border:1px solid #ffffff30;border-radius:7px;overflow:hidden;box-shadow:0 20px 35px #0003;transform:perspective(1000px) rotateY(-4deg);transition:transform .7s}.product-visual:hover .demo-window{transform:perspective(1000px) rotateY(0)}.demo-window video{width:100%;aspect-ratio:1.6;object-fit:cover}.demo-caption{min-height:50px;color:#d5e3fa;font-size:12px;line-height:1.6;margin-top:22px}.visual-bottom{display:flex;align-items:center;gap:12px;margin-top:25px;font-size:9px;letter-spacing:.1em;color:#d0e0fb}.visual-bottom i{height:1px;background:#ffffff35;flex:1;position:relative;overflow:hidden}.visual-bottom i:after{content:'';position:absolute;inset:0;background:#96baff;transform:translateX(-100%);animation:line-flow 3s ease-in-out infinite}.reverse .product-info{order:2}.reverse .product-visual{order:1}.reverse{grid-template-columns:1.2fr .8fr}.clean-list{list-style:none;padding:0;margin:25px 0;font-size:14px}.clean-list li{padding:12px 0;border-bottom:1px solid var(--line)}.clean-list li:before{content:'✓';color:var(--mint);margin-right:14px}.connection-diagram{display:flex;align-items:center;flex-direction:column;padding:0 15px 25px}.connection-node{padding:16px 35px;border:1px solid #ffffff30;border-radius:9px;text-align:center;font-size:18px;background:#18304f}.connection-node span{display:block;font-size:8px;letter-spacing:.15em;color:#a3bbdc;margin-top:8px}.connection-line{height:40px;width:1px;background:#6c9eff40;position:relative;overflow:hidden}.connection-line i{position:absolute;width:1px;height:14px;background:#9ac0ff;box-shadow:0 0 8px #9ac0ff;animation:flow-down 2.5s linear infinite}.api-node{border:1px solid #86b0ff;background:#dce7ff;color:#163562;border-radius:12px;padding:18px 35px;font-size:27px;box-shadow:0 0 35px #2e69ff25}.api-node b{font-size:20px;margin-left:8px}.endpoint-row{display:flex;gap:10px;flex-wrap:wrap;justify-content:center}.endpoint-row span{font-size:11px;border:1px solid #ffffff25;border-radius:6px;padding:10px 14px;color:#bcd1ef;background:#203e67}.api-docs{border-top:1px solid #ffffff25;display:flex;flex-direction:column;padding-top:18px;font-size:12px;color:#acc3e5;gap:5px}.api-docs b{color:#e5efff;font-weight:500}.together{display:grid;grid-template-columns:1fr 1fr;gap:110px;align-items:center}.together-copy>p:not(.eyebrow){margin:28px 0;color:var(--muted)}.journey-item{display:flex;align-items:flex-start;gap:23px;padding-bottom:38px;position:relative}.journey-item:not(:last-child):before{content:'';position:absolute;left:20px;top:45px;bottom:5px;width:1px;background:var(--line)}.journey-item:last-child{padding-bottom:0}.journey-index{border:1px solid var(--line);flex-shrink:0;width:42px;height:42px;display:grid;place-items:center;border-radius:50%;font-size:11px;color:#a4b5d2}.journey-item small{font-size:10px;letter-spacing:.08em}.journey-item h3{font-size:22px;margin:10px 0}.journey-item p{font-size:14px;color:var(--muted);max-width:350px}.agency{background:#dce7ff;color:#15274d;padding:85px 0;overflow:hidden}.agency-inner{display:grid;grid-template-columns:1fr .85fr;gap:130px;align-items:center}.agency .eyebrow{color:#37578d}.agency h2{font-size:clamp(45px,5vw,72px)}.agency h2 span{color:#2e69ff}.agency p:not(.eyebrow){max-width:510px;margin:25px 0 30px;font-size:16px;color:#345384}.dark-button{background:#2e69ff;color:#ffffff;border-color:#2e69ff}.dark-button:hover{background:#2459e5}.agency-stack{padding:30px 0}.client-card{background:#f5f8ff;border:1px solid #729ee640;padding:25px;display:flex;align-items:center;gap:16px;border-radius:13px;box-shadow:0 15px 35px #153c811a;margin-bottom:18px;transform:rotate(-5deg);animation:float 8s ease-in-out infinite}.client-card:nth-child(2){transform:translateX(25px) rotate(3deg);animation-delay:-2s;background:#ffffff}.client-card:nth-child(3){transform:rotate(-2deg);animation-delay:-4s}.client-monogram{display:grid;place-items:center;flex-shrink:0;width:45px;height:45px;border:1px solid #739ce040;background:#dce7ff;border-radius:10px;font-size:23px}.client-card b{font-size:16px;display:block}.client-card small{font-size:12px;color:#536d98;display:block}.card-index{margin-left:auto;font-size:11px;color:#536d98}.choose-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.choose-card{padding:32px;border-top:1px solid var(--line);display:flex;flex-direction:column}.choose-card p{font-size:15px;color:var(--muted);margin:20px 0 30px;flex:1}.choose-card .button{align-self:flex-start}.choose-card .product-label{margin-bottom:20px}.choose{padding-bottom:40px}.faq{display:grid;grid-template-columns:.8fr 1.2fr;gap:100px}.faq-list details{border-bottom:1px solid var(--line);padding:23px 0}.faq-list details:first-child{padding-top:0}.faq-list summary{font-size:17px;cursor:pointer;list-style:none;display:flex;justify-content:space-between;gap:25px}.faq-list summary:after{content:'+';font-size:23px;color:var(--accent);line-height:1}.faq-list details[open] summary:after{content:'−'}.faq-list summary::-webkit-details-marker{display:none}.faq-list p{font-size:15px;color:var(--muted);margin-top:16px;line-height:1.8}.contact{padding:60px;border:1px solid #78a4ff44;background:radial-gradient(ellipse at 95% 100%,#2e69ff40,transparent 65%),#16233b;border-radius:16px}.contact .eyebrow{color:#b0c9f3;margin-bottom:24px}.contact h2{font-size:clamp(42px,6vw,86px)}.contact-row{display:flex;justify-content:space-between;align-items:flex-end;margin-top:38px;gap:35px}.contact-row p{color:#bed0ef;font-size:16px}.contact-row>div{text-align:center}.contact-phone{font-size:12px;display:block;margin-top:14px;color:#b7ccee}.reveal{opacity:1;transform:none}.js-motion .reveal{opacity:0;transform:translateY(22px);transition:opacity .7s ease,transform .7s cubic-bezier(.2,.8,.2,1)}.js-motion .reveal.visible{opacity:1;transform:none}.js-motion .flow-card:nth-child(2),.js-motion .choose-card:nth-child(2){transition-delay:.08s}.js-motion .flow-card:nth-child(3),.js-motion .choose-card:nth-child(3){transition-delay:.16s}.paused .reveal{opacity:1;transform:none}@keyframes line-flow{to{transform:translateX(100%)}}@keyframes flow-down{from{transform:translateY(-15px)}to{transform:translateY(55px)}}@media(max-width:1000px){.section{padding-block:80px}.product-detail{gap:35px}.product-visual{padding:20px}.visual-top{margin-bottom:25px}.flow-card{padding:25px}.together{gap:45px}.agency-inner{gap:55px}.faq{gap:45px}.choose-card{padding:25px 10px}.contact{padding:40px}}@media(max-width:700px){.section{padding-block:65px}.section-heading{flex-direction:column;align-items:flex-start;gap:25px;margin-bottom:35px}.section-heading .eyebrow{margin-bottom:20px}.section-intro{max-width:100%;font-size:15px}h2{font-size:39px}.flow-grid,.choose-grid{grid-template-columns:1fr;gap:15px}.flow-card{padding:26px}.flow-card p{max-width:100%;font-size:15px}.service-icon{margin-bottom:20px}.flow-tag{margin-top:20px}.products{padding-top:65px}.product-detail,.reverse{grid-template-columns:1fr;gap:30px;padding:30px 0 55px}.product-detail+.product-detail{padding-top:55px}.reverse .product-info,.reverse .product-visual{order:initial}.product-info h3{font-size:38px}.product-info>p{font-size:15px}.product-visual{padding:20px 15px}.visual-top{font-size:9px;margin-bottom:28px}.demo-caption{font-size:12px;min-height:40px}.together{grid-template-columns:1fr;gap:50px}.journey-item h3{font-size:21px}.agency{padding:60px 0}.agency-inner{grid-template-columns:1fr;gap:20px}.agency h2{font-size:51px}.agency-stack{padding:10px 15px}.client-card{padding:20px}.client-card:nth-child(2){transform:rotate(3deg)}.choose-card{padding:28px 0}.choose-card p{margin:15px 0 20px}.choose-card .product-label{margin-bottom:15px}.faq{grid-template-columns:1fr;gap:40px}.faq-list summary{font-size:16px}.contact{padding:30px 23px}.contact h2{font-size:clamp(36px,9.5vw,56px)}.contact-row{flex-direction:column;align-items:flex-start;gap:30px}.contact-row>div{text-align:left}.contact-row p{font-size:15px}.connection-node{padding:15px 25px}.endpoint-row{gap:5px}.endpoint-row span{padding:9px;font-size:10px}}@media(prefers-reduced-motion:reduce){.js-motion .reveal{opacity:1;transform:none}}

/* Full-width CRM-blue opening and larger editorial scale. */
.wrap{width:min(1640px,calc(100% - 112px))}body{font-size:18px}.nav{width:100%;height:106px;padding-inline:max(56px,calc((100vw - 1640px)/2));background:#2e69ff;border-color:#ffffff30;gap:32px}.brand{font-size:28px}.nav nav{font-size:16px;gap:38px}.nav nav a:hover{color:#dce7ff}.nav>.button{border-color:#ffffff65;color:#fff;font-size:16px;padding:14px 25px}.button{font-size:16px;padding:18px 28px}.hero-wide{width:100%;padding-top:54px;background:linear-gradient(180deg,#2e69ff 0%,#2e69ff 61%,#194ecd 85%,#10141d 100%);overflow:hidden;color:#fff}.hero-intro{text-align:center;position:relative;z-index:2;padding:0 24px}.hero-kicker{font-size:13px;font-weight:600;letter-spacing:.18em;margin-bottom:25px;color:#e3ebff}.hero-intro h1{font-size:clamp(80px,8.5vw,158px);font-weight:600;line-height:.99;letter-spacing:-.055em}.hero-intro h1 span{color:#dce7ff}.hero-description{font-size:clamp(18px,1.5vw,23px);line-height:1.6;margin:29px auto 0;max-width:790px;color:#edf3ff}.hero-actions{display:flex;justify-content:center;gap:14px;margin-top:27px}.hero-primary{background:#fff;border-color:#fff;color:#174acc;box-shadow:0 5px 20px #10349320}.hero-primary:hover{background:#edf3ff}.hero-secondary{background:#ffffff0c;border-color:#ffffff70;color:#fff}.hero-secondary:hover{background:#ffffff20}.product-theatre{margin-top:43px}.theatre-toolbar{position:relative;width:min(1640px,calc(100% - 112px));margin:auto;display:flex;justify-content:center;align-items:center}.theatre-toolbar .hero-tabs{margin:0;background:#174dc966;border-color:#ffffff30;border-radius:50px;padding:5px}.theatre-toolbar .hero-tabs button{font-size:16px;padding:11px 30px;border-radius:50px;color:#dce7ff}.theatre-toolbar .hero-tabs button.selected{background:#fff;color:#174acc;box-shadow:0 3px 10px #17326220}.theatre-toolbar .motion-button{position:absolute;right:0;color:#e0eaff;font-size:13px}.theatre-stage{position:relative;height:clamp(420px,40vw,670px);margin:40px auto 0;width:min(1800px,100%);perspective:1600px}.hero-product{position:absolute;left:50%;top:0;width:62%;border-radius:14px;overflow:hidden;border:1px solid #ffffff70;background:#f5f7fb;box-shadow:0 40px 95px #031b6659;transition:transform .8s cubic-bezier(.22,.8,.2,1),opacity .65s,filter .65s;transform-origin:center center;will-change:transform}.hero-product video{width:100%;aspect-ratio:1.6;object-fit:cover}.product-chrome{height:48px;display:flex;align-items:center;gap:25px;padding:0 20px;background:#f7f9fd;color:#526586;font-size:12px}.product-chrome strong{font-size:15px;font-weight:700;color:#152e56}.product-chrome i{margin-left:auto;font-style:normal;font-size:8px;letter-spacing:3px;color:#92a8ca}.hero-product.is-active{z-index:3;opacity:1;filter:none;transform:translateX(-50%) translateY(0) rotateY(0) scale(1)}.product-theatre[data-active=crm] [data-screen=voip],.product-theatre[data-active=voip] [data-screen=api],.product-theatre[data-active=api] [data-screen=crm]{z-index:1;opacity:.85;filter:brightness(.85);transform:translateX(-107%) translateY(64px) rotateY(17deg) rotateZ(-6deg) scale(.68)}.product-theatre[data-active=crm] [data-screen=api],.product-theatre[data-active=voip] [data-screen=crm],.product-theatre[data-active=api] [data-screen=voip]{z-index:2;opacity:.85;filter:brightness(.85);transform:translateX(7%) translateY(64px) rotateY(-17deg) rotateZ(6deg) scale(.68)}.theatre-caption{position:relative;text-align:center;z-index:5;padding:24px 24px 28px}.theatre-caption p{font-family:Manrope,sans-serif;font-size:27px;font-weight:500;letter-spacing:-.025em}.theatre-caption>span{display:block;color:#b9c9e9;font-size:15px;margin-top:5px}.hero-wide .hero-bottom{margin-top:10px;padding:33px 0 45px}.hero-bottom p{font-size:15px}.platforms{font-size:20px;gap:38px;color:#ced9ed}.section{padding-block:130px}h2{font-size:clamp(46px,4.8vw,86px)}h3{font-size:30px}.section-heading{gap:70px;margin-bottom:65px}.section-intro{font-size:19px;max-width:420px}.eyebrow{font-size:14px}.flow-card{padding:38px}.flow-card p{font-size:18px;max-width:380px}.flow-tag{font-size:16px}.service-icon{font-size:48px}.products{padding-top:115px}.product-detail{gap:90px;grid-template-columns:.75fr 1.25fr;padding:95px 0 110px}.product-detail.reverse{grid-template-columns:1.25fr .75fr}.product-info h3{font-size:clamp(40px,3.7vw,64px)}.product-info>p{font-size:18px}.product-label{font-size:14px}.feature-choices button{font-size:17px;padding-block:19px}.feature-choices button span{font-size:13px}.text-link{font-size:17px}.product-visual{padding:32px}.visual-top{font-size:12px}.demo-caption{font-size:15px}.visual-bottom{font-size:12px}.clean-list{font-size:17px}.journey-item h3{font-size:28px}.journey-item p{font-size:17px;max-width:470px}.journey-item small{font-size:12px}.together{gap:130px}.agency{padding-block:110px}.agency h2{font-size:clamp(50px,6vw,100px)}.agency p:not(.eyebrow){font-size:19px;max-width:650px}.client-card{padding:32px}.client-card b{font-size:20px}.client-card small{font-size:15px}.choose-card p,.faq-list p{font-size:18px}.faq-list summary{font-size:21px}.contact{padding:80px}.contact h2{font-size:clamp(50px,6vw,100px)}.contact-row p{font-size:20px}.contact-phone{font-size:15px}.hero-intro{animation:hero-enter .8s ease-out both}.product-theatre{animation:hero-enter 1.1s .12s ease-out both}@keyframes hero-enter{from{opacity:0;translate:0 25px}to{opacity:1;translate:0 0}}
@media(min-width:1900px){.theatre-stage{height:740px}.hero-wide{padding-top:70px}.product-theatre{margin-top:55px}}@media(max-width:1100px){.wrap{width:calc(100% - 64px)}.nav{padding-inline:32px}.nav nav{gap:23px}.theatre-toolbar{width:calc(100% - 64px)}.hero-intro h1{font-size:clamp(70px,10vw,108px)}.hero-product{width:74%}.theatre-stage{height:50vw;max-height:550px}.product-chrome{gap:15px}.product-detail,.together{gap:50px}.product-info h3{font-size:43px}.section-intro{max-width:340px}.platforms{font-size:17px;gap:23px}.section{padding-block:95px}.contact{padding:50px}}
@media(max-width:700px){.wrap{width:calc(100% - 40px)}.nav{height:86px;padding-inline:20px;gap:9px}.brand{font-size:22px}.nav>.button{font-size:13px;padding:12px 15px}.nav .menu{border-color:#ffffff65}.nav nav{background:#1745b5;font-size:17px}.hero-wide{padding-top:45px}.hero-kicker{font-size:10px;letter-spacing:.13em;margin-bottom:23px}.hero-intro{padding-inline:16px}.hero-intro h1{font-size:clamp(43px,11.7vw,78px);line-height:1.04;letter-spacing:-.055em}.hero-description{font-size:17px;line-height:1.65;margin-top:23px;max-width:440px}.hero-description br{display:none}.hero-actions{gap:10px;margin-top:25px}.hero-actions .button{padding:15px 17px;font-size:14px}.product-theatre{margin-top:34px}.theatre-toolbar{width:100%;flex-direction:column;gap:15px}.theatre-toolbar .hero-tabs button{font-size:14px;padding:10px 24px}.theatre-toolbar .motion-button{position:static;font-size:12px}.theatre-stage{height:70vw;max-height:480px;min-height:255px;margin-top:25px}.hero-product{width:92%;border-radius:9px}.product-chrome{height:34px;padding-inline:10px;gap:9px;font-size:9px}.product-chrome strong{font-size:12px;white-space:nowrap}.product-chrome i{display:none}.product-theatre[data-active] .hero-product:not(.is-active){opacity:.4}.theatre-caption{padding:5px 20px 20px}.theatre-caption p{font-size:23px}.theatre-caption>span{font-size:14px}.hero-wide .hero-bottom{padding:25px 0 35px;gap:22px}.hero-bottom p{font-size:14px}.platforms{font-size:14px;gap:16px}.section{padding-block:70px}.section-heading{gap:25px;margin-bottom:35px}h2{font-size:43px}.section-intro{max-width:100%;font-size:17px}.eyebrow{font-size:12px}.flow-card{padding:28px}.flow-card h3{font-size:28px}.flow-card p{font-size:17px}.products{padding-top:70px}.product-detail,.product-detail.reverse{grid-template-columns:1fr;gap:32px;padding:40px 0 65px}.product-detail+.product-detail{padding-top:60px}.product-info h3{font-size:42px}.product-info>p{font-size:17px}.feature-choices button{font-size:16px;padding-block:17px}.product-visual{padding:20px 15px}.visual-top,.visual-bottom{font-size:10px}.demo-caption{font-size:14px}.together{gap:45px}.journey-item h3{font-size:25px}.journey-item p{font-size:16px}.agency{padding-block:70px}.agency h2{font-size:57px}.agency p:not(.eyebrow){font-size:17px}.client-card{padding:21px}.client-card b{font-size:18px}.client-card small{font-size:13px}.choose-card p,.faq-list p{font-size:17px}.faq-list summary{font-size:18px}.contact{padding:35px 24px}.contact h2{font-size:clamp(38px,10vw,62px)}.contact-row p{font-size:18px}.contact-phone{font-size:13px}}
@media(prefers-reduced-motion:reduce){.hero-intro,.product-theatre{animation:none}.hero-product{transition:none}}
@media(min-width:701px){.nav{height:94px}.hero-wide{padding-top:34px}.hero-kicker{margin-bottom:20px}.hero-description{margin-top:22px}.hero-actions{margin-top:23px}.product-theatre{margin-top:32px}.theatre-stage{margin-top:25px}}

/* ===== Motion graphics layer (ottobre 2026) ===== */
/* Titoli cinetici: le parole salgono dalla loro maschera, quasi tutte insieme */
.kw{display:inline-block;overflow:hidden;vertical-align:top;padding:0 .02em .1em;margin:0 -.02em -.1em}
.kw>span{display:inline-block;transform:translateY(108%) rotate(4deg);transform-origin:0 100%;transition:transform 1s cubic-bezier(.2,.85,.15,1);transition-delay:var(--d,0s)}
.kin-in .kw>span,.kin-in.kw>span{transform:none}
.paused .kw>span{transform:none;transition:none}

/* Pannelli demo: il video È la scena, niente finta finestra del browser */
.product-visual .demo-window{border:0;border-radius:16px;box-shadow:0 40px 80px -40px #000a;transform:none;background:transparent}
.product-visual:hover .demo-window{transform:none}
.product-visual .demo-window .window-bar{display:none}
.product-visual .demo-window video{border-radius:16px}
.purple-panel .demo-window video{background:#203458}.blue-panel .demo-window video{background:#1c3154}
.product-visual{transition:translate .45s cubic-bezier(.2,.8,.2,1),box-shadow .45s}
.product-visual:hover{translate:0 -8px;box-shadow:0 50px 90px -50px #000c}
@supports (animation-timeline:view()){
  .js-motion .product-visual{animation:pv-in linear both;animation-timeline:view();animation-range:entry 0% cover 38%}
  @keyframes pv-in{from{transform:perspective(1600px) rotateX(18deg) translateY(70px) scale(.93);opacity:.4}to{transform:none;opacity:1}}
  .js-motion .theatre-stage{animation:stage-out linear both;animation-timeline:view();animation-range:exit 0% exit 100%}
  @keyframes stage-out{to{transform:translateY(-40px) scale(.97);opacity:.6}}
}
/* Avanzamento automatico delle funzioni: barra sotto la voce attiva */
.feature-choices button{position:relative}
.feature-choices button .fc-bar{position:absolute;left:0;right:0;bottom:-1px;height:2px;background:#ffffff14;overflow:hidden;opacity:0;transition:opacity .3s}
.feature-choices button .fc-bar i{display:block;height:100%;background:var(--accent);transform-origin:0 50%;transform:scaleX(var(--p,0))}
.feature-choices button.active .fc-bar{opacity:1}
.feature-choices button span:first-child{transition:color .3s}
.feature-choices button.active span:first-child{color:var(--accent)}

/* Social API: il diagramma lavora da solo */
.api-node{position:relative;animation:api-pulse 3s ease-in-out infinite}
@keyframes api-pulse{0%,100%{box-shadow:0 0 35px #2e69ff25,0 0 0 0 #86b0ff55}50%{box-shadow:0 0 50px #2e69ff45,0 0 0 14px #86b0ff00}}
.endpoint-row span{animation:ep-on 4.5s ease-in-out infinite;animation-delay:calc(var(--i,0) * .5s)}
.endpoint-row span:nth-child(2){--i:1}.endpoint-row span:nth-child(3){--i:2}
@keyframes ep-on{0%,30%,100%{background:#203e67;color:#bcd1ef;border-color:#ffffff25}12%,22%{background:#dce7ff;color:#163562;border-color:#86b0ff}}

/* ===== Carosello hero: stile B "Pannelli" ===== */
.hero-product .hp-label{display:none}
.hero-product .hp-bar{position:absolute;left:0;right:0;bottom:0;height:3px;background:#ffffff40;z-index:4;opacity:0;transition:opacity .3s}
.hero-product .hp-bar i{display:block;height:100%;background:#2e69ff;transform-origin:0 50%;transform:scaleX(var(--p,0))}
.hero-product.is-active .hp-bar{opacity:1}
.product-theatre[data-style=pannelli] .theatre-stage{display:flex;gap:16px;height:clamp(420px,36vw,660px);width:min(1640px,calc(100% - 112px));perspective:none}
.product-theatre[data-style=pannelli] .hero-product{position:relative;left:auto;top:auto;width:auto;min-width:0;flex:1 1 0;opacity:1!important;filter:none!important;transform:none!important;cursor:pointer;border-radius:20px;transition:flex-grow .95s cubic-bezier(.7,0,.2,1),translate .45s cubic-bezier(.2,.8,.2,1),box-shadow .45s;box-shadow:0 30px 70px -30px #031b6680}
.product-theatre[data-style=pannelli] .hero-product.is-active{flex-grow:5.4;cursor:default}
.product-theatre[data-style=pannelli] .hero-product:hover{translate:0 -10px}
.product-theatre[data-style=pannelli] .hero-product .product-chrome{position:relative;z-index:3}
.product-theatre[data-style=pannelli] .hero-product video{position:absolute;left:0;right:0;top:48px;bottom:0;height:calc(100% - 48px);aspect-ratio:auto;width:100%;object-fit:cover;transition:filter .6s}
.product-theatre[data-style=pannelli] .hero-product:not(.is-active) video{filter:saturate(.6) brightness(.9)}
.product-theatre[data-style=pannelli] .hero-product:not(.is-active) .product-chrome span,.product-theatre[data-style=pannelli] .hero-product:not(.is-active) .product-chrome i{opacity:0}
.product-theatre[data-style=pannelli] .hp-label{display:flex;position:absolute;inset:48px 0 0;z-index:3;flex-direction:column;justify-content:flex-end;gap:6px;padding:22px;background:linear-gradient(180deg,#0f1d3d00 35%,#0f1d3dd9);color:#fff;opacity:1;transition:opacity .5s}
.product-theatre[data-style=pannelli] .hp-label b{font-family:Manrope,sans-serif;font-size:clamp(20px,1.8vw,30px);letter-spacing:-.03em;line-height:1.1}
.product-theatre[data-style=pannelli] .hp-label small{font-size:14px;color:#cfdcf7}
.product-theatre[data-style=pannelli] .hero-product.is-active .hp-label{opacity:0;pointer-events:none}
@media(max-width:700px){.product-theatre[data-style=pannelli] .theatre-stage{flex-direction:column;height:auto;width:calc(100% - 40px)}.product-theatre[data-style=pannelli] .hero-product{flex:none;height:86px}.product-theatre[data-style=pannelli] .hero-product.is-active{height:auto;aspect-ratio:1.45}.product-theatre[data-style=pannelli] .hp-label{padding:12px 16px}}

/* Selettore temporaneo per confrontare i due stili del carosello */
.style-switch{position:fixed;left:18px;bottom:18px;z-index:40;display:flex;align-items:center;gap:4px;padding:5px;border-radius:999px;background:#0f1d3de6;border:1px solid #ffffff2a;box-shadow:0 16px 40px #0006;font-size:13px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}
.style-switch span{padding:0 10px 0 12px;color:#a6b6d6;font-weight:600}
.style-switch button{border:0;background:none;color:#dce7ff;padding:9px 16px;border-radius:999px;font-size:13px;font-weight:600}
.style-switch button[aria-pressed=true]{background:#2e69ff;color:#fff}
@media(prefers-reduced-motion:reduce){.kw>span{transform:none;transition:none}.js-motion .product-visual,.js-motion .theatre-stage{animation:none}}
.product-theatre[data-style=pannelli] .hero-product{min-width:120px}
.product-theatre[data-style=pannelli] .hero-product:not(.is-active) .product-chrome>*{opacity:0}
.product-theatre[data-style=pannelli] .hero-product .product-chrome>*{transition:opacity .4s}
@media(max-width:700px){.product-theatre[data-style=pannelli] .hero-product:not(.is-active) .product-chrome{display:none}.product-theatre[data-style=pannelli] .hero-product:not(.is-active) video{top:0;height:100%}.product-theatre[data-style=pannelli] .hp-label{inset:0;justify-content:center}.product-theatre[data-style=pannelli] .hero-product video{top:34px;height:calc(100% - 34px)}.style-switch{left:50%;transform:translateX(-50%);bottom:12px}}

/* Quattro moduli: griglie a 4 colonne */
.flow-grid,.choose-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
@media(max-width:1100px){.flow-grid,.choose-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){.flow-grid,.choose-grid{grid-template-columns:1fr}}
/* Funzioni: due video sovrapposti per una dissolvenza pulita al cambio */
.product-visual .demo-window{position:relative;aspect-ratio:1.6}
.product-visual .demo-window video{position:absolute;inset:0;width:100%;height:100%;transition:opacity .45s ease}
.product-visual .demo-window video.off{opacity:0}
.demo-caption{transition:opacity .3s}

/* ===== Sezioni v6: scuro premium, bento, aurore, glow ===== */
.v6{--bg:#05070d;--tx:#eef2ff;--mt:#8d98b3;--sky:#82adff;--cb:#2e69ff;--gr:#10b981;--gl:#ffffff0a;--gb:#ffffff17;position:relative;background:var(--bg);color:var(--tx);overflow:clip;font-family:'DM Sans',sans-serif}
.v6 *{box-sizing:border-box}
.v6 a{color:inherit;text-decoration:none}
body{overflow-x:clip}
.v6 section{position:relative;isolation:isolate}
.v-intro,.v-show{padding:clamp(80px,10vw,160px) 0}
.v-center{text-align:center;display:flex;flex-direction:column;align-items:center}
/* aurore */
.aur{position:absolute;z-index:-1;width:70vw;height:70vw;max-width:1000px;max-height:1000px;border-radius:50%;background:radial-gradient(closest-side,var(--ac),transparent);opacity:.55;pointer-events:none;animation:drift 18s ease-in-out infinite alternate}
.a1{--ac:#2e69ff88;left:-18%;top:-12%}
.a2{--ac:#7c3aed66;right:-20%;top:0;animation-delay:-6s}
.a3{--ac:#22d3ee44;left:15%;top:-14%;animation-delay:-3s}
.a4{--ac:#2e69ff88;right:-14%;top:6%;animation-delay:-9s}
.a5{--ac:#10b98166;left:-16%;top:2%;animation-delay:-4s}
.a6{--ac:#7c3aed66;left:25%;top:-12%;animation-delay:-8s}
@keyframes drift{from{transform:translate3d(0,0,0) scale(1)}to{transform:translate3d(6vw,4vw,0) scale(1.15)}}
/* tipografia */
.v-k{display:inline-flex;align-items:center;gap:10px;margin:0 0 22px;padding:8px 16px;border-radius:99px;border:1px solid var(--gb);background:#ffffff08;font:600 13px 'DM Sans',sans-serif;letter-spacing:.1em;text-transform:uppercase;color:#b7c8ff;backdrop-filter:blur(8px)}
.v-k:before{content:"";width:7px;height:7px;border-radius:50%;background:var(--cb);box-shadow:0 0 12px 2px var(--cb)}
.v-k.g{color:#a7f3d0}.v-k.g:before{background:var(--gr);box-shadow:0 0 12px 2px var(--gr)}
.v-h1{margin:0;font:800 clamp(40px,6.6vw,104px)/1 Manrope,sans-serif;letter-spacing:-.05em;color:#fff}
.v-h1.sm{font-size:clamp(36px,4.8vw,72px)}
.grad{background:linear-gradient(100deg,#82adff 0,#c4b5fd 55%,#67e8f9 100%);-webkit-background-clip:text;background-clip:text;color:transparent}
.grad.g{background-image:linear-gradient(100deg,#6ee7b7 0,#67e8f9 100%)}
.v-sub{margin:26px 0 0;max-width:62ch;font-size:clamp(17px,1.5vw,20px);line-height:1.65;color:var(--mt)}
.v-center .v-sub{max-width:60ch}
.v-lnk{display:inline-flex;align-items:center;gap:12px;margin-top:28px;font:700 16px Manrope,sans-serif;color:#fff;transition:gap .25s}
.v-lnk:hover{gap:18px}
.v-lnk i,.v-btn i,.arr{display:inline-block;width:20px;height:20px;background:currentColor;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M5 12h14M13 6l6 6-6 6' fill='none' stroke='%23000' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M5 12h14M13 6l6 6-6 6' fill='none' stroke='%23000' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/contain no-repeat}
.v-btn{display:inline-flex;align-items:center;gap:12px;margin-top:30px;padding:18px 28px;border-radius:99px;background:linear-gradient(135deg,#2e69ff,#6d5dfc);color:#fff;font:700 16px Manrope,sans-serif;box-shadow:0 20px 50px -15px #2e69ffaa,inset 0 1px 0 #ffffff55;transition:transform .25s,box-shadow .25s}
.v-btn:hover{transform:translateY(-3px);box-shadow:0 26px 60px -15px #2e69ffcc,inset 0 1px 0 #ffffff55}
.v-fine{margin:16px 0 0;font-size:14px;color:var(--mt)}
.v-pts{list-style:none;margin:26px 0 0;padding:0;display:grid;gap:12px}
.v-pts li{position:relative;padding-left:30px;font-size:17px;color:#cdd6ec}
.v-pts li:before{content:"";position:absolute;left:0;top:.2em;width:20px;height:20px;border-radius:50%;background:linear-gradient(135deg,#2e69ff,#22d3ee)}
.v-pts li:after{content:"";position:absolute;left:6px;top:.55em;width:8px;height:4px;border-left:2px solid #fff;border-bottom:2px solid #fff;transform:rotate(-45deg)}
/* glass + spotlight */
.gl{position:relative;border-radius:26px;background:linear-gradient(180deg,#ffffff0d,#ffffff05);border:1px solid var(--gb);box-shadow:inset 0 1px 0 #ffffff14,0 30px 60px -30px #000;overflow:hidden;transition:transform .35s cubic-bezier(.2,.8,.2,1),border-color .3s}
.gl:before{content:"";position:absolute;inset:0;border-radius:inherit;background:radial-gradient(420px circle at var(--mx,50%) var(--my,0%),#5b8cff30,transparent 45%);opacity:0;transition:opacity .3s;pointer-events:none}
.gl:hover{border-color:#ffffff33;transform:translateY(-4px)}
.gl:hover:before{opacity:1}
/* reveal */
[data-r]{opacity:0;transform:translateY(34px);transition:opacity .9s cubic-bezier(.2,.8,.2,1),transform .9s cubic-bezier(.2,.8,.2,1)}
[data-r].in{opacity:1;transform:none}
.gl[data-r].in:hover{transform:translateY(-4px)}
@media (prefers-reduced-motion:reduce){[data-r]{opacity:1;transform:none;transition:none}.aur,.marq-t,*{animation:none!important}}

/* marquee */
.marq{margin:clamp(50px,6vw,90px) 0;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent);mask-image:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent)}
.marq-t{display:flex;gap:18px;width:max-content;animation:marq 38s linear infinite}
.marq-t span{padding:12px 24px;border-radius:99px;border:1px solid var(--gb);background:#ffffff08;font:700 17px Manrope,sans-serif;color:#c9d3ec;white-space:nowrap}
@keyframes marq{to{transform:translateX(-50%)}}

/* bento */
.bento{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));grid-auto-rows:minmax(150px,auto);gap:18px}
.bento .gl{padding:clamp(22px,2.4vw,34px);display:flex;flex-direction:column;justify-content:space-between}
.t-crm{grid-column:1/8;grid-row:1/3;min-height:400px}
.t-api{grid-column:8/13;grid-row:1/2}
.t-voip{grid-column:8/13;grid-row:2/3}
.t-host{grid-column:1/7;grid-row:3/4}
.t-s1{grid-column:7/10;grid-row:3/4}.t-s2{grid-column:10/13;grid-row:3/4}
.t-s3{display:none!important}
.t-txt small{display:block;font:700 12px 'DM Sans',sans-serif;letter-spacing:.14em;text-transform:uppercase;color:var(--sky);margin-bottom:10px}
.t-txt b{display:block;font:800 clamp(22px,2.4vw,34px)/1.08 Manrope,sans-serif;letter-spacing:-.04em;color:#fff}
.t-txt span{display:block;margin-top:10px;color:var(--mt);font-size:15px}
.arr{position:absolute;right:26px;top:26px;width:42px;height:42px;border-radius:50%;background:#ffffff14;-webkit-mask:none;mask:none;border:1px solid var(--gb)}
.arr:after{content:"";position:absolute;inset:0;background:#fff;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M8 8h8v8M8 16 16 8' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/50% no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M8 8h8v8M8 16 16 8' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/50% no-repeat}
.bento .gl:hover .arr{background:var(--cb);border-color:var(--cb)}
.t-s1 b,.t-s2 b{display:block;font:800 clamp(30px,3.6vw,54px)/1 Manrope,sans-serif;letter-spacing:-.05em;background:linear-gradient(120deg,#fff,#9db4ff);-webkit-background-clip:text;background-clip:text;color:transparent}
.t-s1 span,.t-s2 span{display:block;margin-top:10px;font-size:14px;line-height:1.5;color:var(--mt)}
/* kanban mini */
.kb{position:relative;display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:20px}
.kc{display:flex;flex-direction:column;gap:9px;padding:12px;border-radius:16px;background:#ffffff07;border:1px solid #ffffff10;min-height:190px}
.kc em{font:700 11px 'DM Sans',sans-serif;font-style:normal;letter-spacing:.1em;text-transform:uppercase;color:#7f8bab}
.kc i{display:block;height:44px;border-radius:11px;background:#ffffff10;border:1px solid #ffffff10;position:relative}
.kc i:before{content:"";position:absolute;left:10px;top:11px;width:55%;height:7px;border-radius:5px;background:#ffffff30}
.kc i:after{content:"";position:absolute;left:10px;top:25px;width:32%;height:6px;border-radius:5px;background:#ffffff18}
.kc i.s{opacity:.6}.kc i.w{background:#10b98122;border-color:#10b98155}
.kmove{position:absolute;left:12px;top:42px;width:calc(33.33% - 14px);height:44px;animation:kmove 6s cubic-bezier(.6,0,.2,1) infinite}
.kmove u{position:absolute;inset:0;border-radius:11px;background:linear-gradient(135deg,#2e69ff,#6d5dfc);box-shadow:0 14px 30px -8px #2e69ffcc,0 0 0 1px #ffffff40}
.kmove s{position:absolute;left:10px;top:11px;width:55%;height:7px;border-radius:5px;background:#ffffffcc}
.kmove s.s2{top:25px;width:32%;height:6px;background:#ffffff66}
@keyframes kmove{0%,12%{transform:translate(0,0) scale(1)}22%{transform:translate(0,-6px) scale(1.06) rotate(-2deg)}55%,88%{transform:translate(calc(100% + 12px),-6px) scale(1.06) rotate(-2deg)}64%{transform:translate(calc(100% + 12px),-6px) scale(1.06) rotate(2deg)}70%,86%{transform:translate(calc(100% + 12px),0) scale(1) rotate(0)}96%,100%{transform:translate(0,0) scale(1)}}
/* mini code */
.mini-code{margin-top:18px;display:flex;flex-direction:column;gap:10px;font:600 15px 'JetBrains Mono',ui-monospace,Consolas,monospace;color:#cdd6ec}
.mini-code i{font-style:normal;color:#6ee7b7}
.mini-code .d{display:flex;gap:10px}
.dot{width:14px;height:14px;border-radius:50%;background:var(--c);opacity:.25;animation:dot 4s infinite}
.dot:nth-child(2){animation-delay:.4s}.dot:nth-child(3){animation-delay:.8s}.dot:nth-child(4){animation-delay:1.2s}
@keyframes dot{0%,10%{opacity:.2;transform:scale(.8)}20%,70%{opacity:1;transform:scale(1.15);box-shadow:0 0 14px 2px var(--c)}85%,100%{opacity:.2;transform:scale(.8)}}
.mini-code .ok{color:#6ee7b7;font-weight:700}
/* ring */
.ring{position:relative;width:70px;height:70px;margin-top:14px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:linear-gradient(135deg,#10b981,#06b6d4);box-shadow:0 14px 34px -8px #10b981aa}
.ring i{position:absolute;inset:0;border-radius:50%;border:2px solid #10b981;animation:ringp 2.4s ease-out infinite}
.ring i:nth-child(2){animation-delay:.8s}.ring i:nth-child(3){animation-delay:1.6s}
@keyframes ringp{from{transform:scale(1);opacity:.8}to{transform:scale(1.7);opacity:0}}
.eq{position:absolute;right:30px;bottom:34px;display:flex;align-items:flex-end;gap:5px;height:44px}
.eq i{width:6px;border-radius:4px;background:linear-gradient(#6ee7b7,#10b981);animation:eq 1.1s ease-in-out infinite}
.eq i:nth-child(1){animation-delay:-.2s}.eq i:nth-child(2){animation-delay:-.5s}.eq i:nth-child(3){animation-delay:-.9s}.eq i:nth-child(4){animation-delay:-.3s}.eq i:nth-child(5){animation-delay:-.7s}.eq i:nth-child(6){animation-delay:-.1s}.eq i:nth-child(7){animation-delay:-.6s}
@keyframes eq{0%,100%{height:8px}50%{height:42px}}
/* dominio */
.mini-dom{margin-top:14px;display:inline-flex;align-self:flex-start;align-items:center;padding:14px 22px;border-radius:99px;background:#fff;color:#0f1d3d;font:800 22px Manrope,sans-serif;letter-spacing:-.03em;box-shadow:0 0 0 3px #2e69ff55}
.hs-t{display:inline-block;overflow:hidden;white-space:nowrap;width:0;animation:hs 9s steps(15) infinite}
@keyframes hs{0%{width:0}35%,92%{width:15.2ch}100%{width:0}}
.hs-c{width:3px;height:1em;background:#2e69ff;margin-left:3px;animation:blink .8s steps(1) infinite}
@keyframes blink{50%{opacity:0}}

/* showcase: video card con alone */
.v-stage{position:relative;margin-top:clamp(40px,5vw,70px);display:flex;flex-direction:column;align-items:center}
.halo{position:absolute;left:50%;top:40%;width:80%;height:70%;transform:translate(-50%,-50%);background:radial-gradient(closest-side,#2e69ffaa,#7c3aed55 55%,transparent);filter:blur(60px);z-index:-1;animation:halo 6s ease-in-out infinite alternate}
.halo.g{background:radial-gradient(closest-side,#10b981aa,#06b6d455 55%,transparent)}
@keyframes halo{from{opacity:.55;transform:translate(-50%,-50%) scale(.95)}to{opacity:1;transform:translate(-50%,-50%) scale(1.08)}}
.vid-card{position:relative;width:100%;border-radius:28px;padding:1px;background:linear-gradient(160deg,#ffffff66,#ffffff14 30%,#ffffff08 60%,#82adff55);box-shadow:0 60px 120px -30px #000,0 0 0 1px #00000040}
.vid-card .demo-window{position:relative;width:100%;aspect-ratio:1.6;border:0;border-radius:27px;overflow:hidden;box-shadow:none;transform:none;background:#1d3053;height:auto;margin:0;-webkit-mask-image:none;mask-image:none}
.v-voip .vid-card .demo-window{background:#213456}
.vid-card .demo-window video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;border-radius:0;background:transparent;transition:opacity .45s}
.vid-card .demo-window video.off{opacity:0}
.v-crm .vid-card{max-width:1120px}
.v-tabs{display:flex;gap:10px;flex-wrap:wrap;justify-content:center;margin-top:30px}
.v-tabs button{all:unset;box-sizing:border-box;cursor:pointer;position:relative;overflow:hidden;display:inline-flex;align-items:center;gap:10px;padding:14px 22px;border-radius:99px;border:1px solid var(--gb);background:#ffffff08;color:#9aa6c2;font:700 15px Manrope,sans-serif;transition:color .25s,background .25s,border-color .25s}
.v-tabs button small{font:700 11px Manrope,sans-serif;color:#6b7896;letter-spacing:.08em}
.v-tabs button:hover{color:#fff;border-color:#ffffff40}
.v-tabs button.active{color:#fff;background:#2e69ff33;border-color:#5b8cff}
.v-tabs button.active small{color:var(--sky)}
.v-tabs button:focus-visible,.v-feats button:focus-visible{outline:2px solid var(--sky);outline-offset:3px}
.v6 .fc-bar{position:absolute;left:0;right:0;bottom:0;top:auto;height:2px;background:transparent;opacity:1}
.v6 .fc-bar i{display:block;height:100%;background:#fff;transform-origin:0 50%;transform:scaleX(var(--p,0))}
.v6 .demo-caption{margin:20px 0 0;min-height:3.2em;max-width:58ch;text-align:center;color:#b3bfd8;font-size:16px;line-height:1.6;transition:opacity .3s}
.v-voip .demo-caption{text-align:left;margin-top:18px}
.v-stage .v-lnk{align-self:center}
/* split */
.v-split{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(30px,5vw,90px);align-items:center}
.v-split.rev{grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr)}
.v-col{min-width:0;position:relative}
.vid-col{position:relative}
.v-feats{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:28px}
.v-feats button{all:unset;box-sizing:border-box;cursor:pointer;position:relative;display:flex;flex-direction:column;gap:6px;padding:18px 20px;border-radius:20px;border:1px solid var(--gb);background:linear-gradient(180deg,#ffffff0d,#ffffff05);color:#9aa6c2;transition:border-color .25s,color .25s,background .25s,transform .35s;overflow:hidden}
.v-feats button small{font:700 11px Manrope,sans-serif;letter-spacing:.1em;color:#6b7896}
.v-feats button b{font:800 17px/1.2 Manrope,sans-serif;letter-spacing:-.02em}
.v-feats button.active{color:#fff;border-color:#34d399aa;background:linear-gradient(180deg,#10b98124,#10b98108)}
.v-feats button.active small{color:#6ee7b7}
/* Social API */
.code{padding:0;display:block}
.code-top{display:flex;align-items:center;gap:8px;padding:16px 20px;border-bottom:1px solid var(--gb);font:600 13px 'DM Sans',sans-serif;color:var(--mt)}
.code-top i{width:11px;height:11px;border-radius:50%;background:#ffffff26}
.code-top span{margin-left:8px}
.code pre{margin:0;padding:24px clamp(18px,2.4vw,32px);font:600 clamp(13px,1.35vw,17px)/1.75 'JetBrains Mono','SF Mono',Consolas,ui-monospace,monospace;color:#e6ecff;white-space:pre-wrap;word-break:break-word}
.code .cl{display:block;opacity:0;animation:cl 11s infinite;animation-delay:calc(var(--i)*.38s)}
@keyframes cl{0%{opacity:0;transform:translateX(-10px)}3%,92%{opacity:1;transform:none}98%,100%{opacity:0}}
.code .m{color:#6ee7b7}.code .k{color:#9ec0ff}.code .s{color:#ffd59e}
.api-ok{display:flex;align-items:center;gap:12px;margin:0 clamp(18px,2.4vw,32px) 24px;padding:14px 18px;border-radius:16px;background:#10b9811a;border:1px solid #10b98155;font:800 20px Manrope,sans-serif;color:#6ee7b7;opacity:0;animation:cl 11s infinite;animation-delay:3.2s}
.api-ok i{width:12px;height:12px;border-radius:50%;background:#10b981;box-shadow:0 0 12px 2px #10b981}
.api-ok small{margin-left:auto;font:500 14px 'DM Sans',sans-serif;color:#9bd8c2}
.plats{display:flex;flex-wrap:wrap;gap:10px;margin-top:16px}
.plats span{display:inline-flex;align-items:center;gap:10px;padding:12px 18px;border-radius:99px;border:1px solid var(--gb);background:#ffffff08;font:700 15px Manrope,sans-serif;opacity:0;animation:cl 11s infinite;animation-delay:calc(4s + var(--d)*.55s)}
.plats i{width:10px;height:10px;border-radius:50%;background:var(--c)}
.plats b{color:#6ee7b7;font-size:14px}
/* hosting grid */
.host-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-top:clamp(40px,5vw,70px)}
.h-search{grid-column:1/-1;padding:clamp(24px,3vw,44px);display:flex;flex-direction:column;gap:20px;background:linear-gradient(135deg,#2e69ff26,#7c3aed1a)}
.h-search small{font:700 12px 'DM Sans',sans-serif;letter-spacing:.14em;text-transform:uppercase;color:var(--sky)}
.host-q{display:flex;align-items:center;gap:22px;flex-wrap:wrap}
.hs-q{display:inline-flex;align-items:center;min-width:min(100%,560px);padding:clamp(16px,2vw,24px) clamp(20px,2.6vw,34px);border-radius:99px;background:#fff;box-shadow:0 0 0 3px #2e69ff,0 30px 60px -20px #2e69ffaa;font:800 clamp(22px,3vw,44px)/1 Manrope,sans-serif;letter-spacing:-.04em;color:#0f1d3d}
.hs-ok{display:inline-flex;align-items:center;gap:12px;font:800 clamp(18px,2vw,26px) Manrope,sans-serif;letter-spacing:-.03em;color:#6ee7b7;opacity:0;animation:hsok 9s infinite}
@keyframes hsok{0%,36%{opacity:0;transform:translateX(-12px)}42%,92%{opacity:1;transform:none}98%,100%{opacity:0}}
.hs-ok i{width:30px;height:30px;border-radius:50%;background:#10b981;position:relative;box-shadow:0 0 18px #10b981}
.hs-ok i:after{content:"";position:absolute;left:8px;top:8px;width:12px;height:6px;border-left:3px solid #fff;border-bottom:3px solid #fff;transform:rotate(-45deg)}
.hs-ok small{font:500 clamp(14px,1.3vw,17px) 'DM Sans',sans-serif;color:var(--mt)}
.h-i{padding:24px;display:flex;flex-direction:column;gap:8px}
.h-i b{font:800 19px/1.2 Manrope,sans-serif;letter-spacing:-.03em}
.h-i span{font-size:15px;line-height:1.55;color:var(--mt)}

/* mappa moduli */
.mix{margin-top:clamp(40px,5vw,70px)}
.mix-map{position:relative;width:100%;aspect-ratio:1000/520;max-height:560px}
.mix-map svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
.mix-l path{fill:none;stroke:url(#mg);stroke-width:2;stroke-dasharray:6 10;opacity:.7;animation:dash 1.6s linear infinite}
@keyframes dash{to{stroke-dashoffset:-32}}
.mx-hub{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;gap:10px;padding:26px 34px;border-radius:30px;background:linear-gradient(180deg,#ffffff18,#ffffff08);border:1px solid #ffffff33;box-shadow:0 0 80px #2e69ff88,inset 0 1px 0 #ffffff33;backdrop-filter:blur(10px);animation:pulse 3.2s ease-in-out infinite}
.mx-hub b{font:800 clamp(16px,1.8vw,24px) Manrope,sans-serif;letter-spacing:-.03em}
@keyframes pulse{50%{box-shadow:0 0 120px #2e69ffcc,inset 0 1px 0 #ffffff33}}
.mx-n{position:absolute;padding:14px 26px;border-radius:99px;background:#0b1020;border:1px solid #ffffff2a;font:800 clamp(14px,1.6vw,22px) Manrope,sans-serif;letter-spacing:-.02em;transform:translate(-50%,-50%);box-shadow:0 20px 40px -15px #000}
.n1{left:18%;top:21%;border-color:#5b8cff}.n2{left:82%;top:21%;border-color:#c4b5fd}.n3{left:18%;top:79%;border-color:#34d399}.n4{left:82%;top:79%;border-color:#67e8f9}
.mix-flows{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:clamp(30px,4vw,56px)}
.mix-flows .gl{padding:26px}
.fl{display:flex;flex-direction:column;gap:8px}
.fl span{display:block;padding:12px 16px;border-radius:14px;background:#ffffff0c;border:1px solid #ffffff14;font:700 15px Manrope,sans-serif}
.fl span:nth-of-type(2){border-color:#5b8cff77;background:#2e69ff1f}
.fl i{display:block;width:2px;height:16px;margin-left:22px;background:linear-gradient(#5b8cff,#5b8cff44)}
@keyframes flow{from{background-position:0 100%}to{background-position:0 -100%}}
.mix-flows p{margin:18px 0 0;font-size:15px;line-height:1.6;color:var(--mt)}
.mix-flows p b{color:#fff}
.mix-end{margin:clamp(56px,7vw,110px) 0 0;text-align:center;font:800 clamp(30px,4.6vw,72px)/1.05 Manrope,sans-serif;letter-spacing:-.05em}

/* prezzi */
.pr-bundle{display:grid;grid-template-columns:auto minmax(0,1fr);gap:clamp(24px,5vw,80px);align-items:center;padding:clamp(26px,3.4vw,48px) clamp(26px,3.4vw,52px);margin-top:clamp(40px,5vw,60px);border-radius:30px;background:linear-gradient(120deg,#2e69ff,#6d5dfc 60%,#22d3ee);box-shadow:0 50px 120px -40px #2e69ffcc,inset 0 1px 0 #ffffff66;position:relative;overflow:hidden}
.pr-bundle:after{content:"";position:absolute;inset:0;background:radial-gradient(600px circle at 90% 0,#ffffff40,transparent 50%);pointer-events:none}
.pb-l small{display:block;font:700 13px 'DM Sans',sans-serif;letter-spacing:.14em;text-transform:uppercase;color:#e4ecff;margin-bottom:6px}
.pb-l b{font:800 clamp(44px,6vw,98px)/.95 Manrope,sans-serif;letter-spacing:-.06em;color:#fff;white-space:nowrap}
.pb-l em{font:600 clamp(15px,1.5vw,20px) 'DM Sans',sans-serif;font-style:normal;letter-spacing:0;margin-left:8px;color:#e4ecff}
.pr-bundle p{margin:0;position:relative;z-index:1;font-size:clamp(16px,1.5vw,19px);line-height:1.6;color:#eef3ff}
.pr-bundle strong{color:#fff}
.pr-bar{display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap;margin:clamp(40px,5vw,64px) 0 26px}
.pr-tabs{display:flex;gap:8px;flex-wrap:wrap;padding:5px;border-radius:99px;background:#ffffff0c;border:1px solid var(--gb)}
.pr-tabs button,.pr-bill button{all:unset;cursor:pointer;box-sizing:border-box}
.pr-tabs button{padding:12px 24px;border-radius:99px;font:700 15px Manrope,sans-serif;color:#9aa6c2;transition:background .25s,color .25s}
.pr-tabs button:hover{color:#fff}
.pr-tabs button.on{background:#fff;color:#0b1020}
.pr-bill{display:inline-flex;padding:5px;border-radius:99px;background:#ffffff0c;border:1px solid var(--gb)}
.pr-bill button{padding:12px 20px;border-radius:99px;font:700 14px 'DM Sans',sans-serif;color:#9aa6c2;transition:background .25s,color .25s}
.pr-bill button small{font-size:11px;margin-left:6px;color:#6ee7b7}
.pr-bill button.on{background:#2e69ff;color:#fff}
.pr-bill button.on small{color:#cfe0ff}
.pr-tabs button:focus-visible,.pr-bill button:focus-visible{outline:2px solid var(--sky);outline-offset:3px}
.pr-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px}
.pr-grp{grid-column:1/-1;margin-top:14px;font:700 13px 'DM Sans',sans-serif;letter-spacing:.16em;text-transform:uppercase;color:var(--sky)}
.pc{position:relative;display:flex;flex-direction:column;gap:14px;padding:28px;border-radius:26px;background:linear-gradient(180deg,#ffffff0d,#ffffff04);border:1px solid var(--gb);animation:prin .5s both;transition:transform .35s,border-color .3s}
.pc:hover{transform:translateY(-5px);border-color:#ffffff33}
.pc.feat{border-color:#5b8cff;background:linear-gradient(180deg,#2e69ff2e,#7c3aed12);box-shadow:0 0 0 1px #5b8cff55,0 40px 90px -35px #2e69ff}
@keyframes prin{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}
.pc-t{display:flex;align-items:center;justify-content:space-between;gap:10px}
.pc-n{font:800 22px Manrope,sans-serif;letter-spacing:-.03em}
.pc-tag{padding:5px 12px;border-radius:99px;background:linear-gradient(135deg,#2e69ff,#6d5dfc);font:700 11px 'DM Sans',sans-serif;letter-spacing:.1em;text-transform:uppercase;color:#fff}
.pc-tag.f{background:#10b98126;color:#6ee7b7}
.pc-a{font:800 clamp(38px,3.6vw,52px)/1 Manrope,sans-serif;letter-spacing:-.055em;color:#fff}
.pc-u{display:block;margin-top:6px;font-size:13px;color:var(--mt)}
.pc-s{display:inline-block;margin-top:2px;font-size:13px;color:#6a7692;text-decoration:line-through}
.pc-d{flex:1;font-size:15px;line-height:1.6;color:var(--mt)}
.pc-d b{color:#dbe3f5;font-weight:600}
.pc-go{align-self:stretch;text-align:center;padding:14px 20px;border-radius:99px;border:1px solid #ffffff30;font:700 15px Manrope,sans-serif;color:#fff;transition:background .25s,border-color .25s}
.pc-go:hover{background:#2e69ff;border-color:#2e69ff}
.pc.feat .pc-go{background:linear-gradient(135deg,#2e69ff,#6d5dfc);border-color:transparent}
.pr-note{margin:30px 0 0;font-size:14px;color:var(--mt);text-align:center}

/* rivenditori */
.chart{padding:30px;display:flex;flex-direction:column;gap:20px}
.chart small{font:700 12px 'DM Sans',sans-serif;letter-spacing:.14em;text-transform:uppercase;color:var(--sky)}
.bars{display:flex;align-items:flex-end;gap:10px;height:220px}
.bars i{flex:1;height:var(--h);border-radius:10px 10px 4px 4px;background:linear-gradient(180deg,#82adff,#2e69ff 60%,#6d5dfc);box-shadow:0 0 30px -4px #2e69ff88;transform-origin:50% 100%;animation:grow 5s cubic-bezier(.2,.8,.2,1) infinite;animation-delay:calc(var(--d)*.12s)}
@keyframes grow{0%{transform:scaleY(.05);opacity:.4}25%,85%{transform:scaleY(1);opacity:1}100%{transform:scaleY(1);opacity:0}}
.chart span{font-size:15px;color:var(--mt)}
.rv-tiles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:12px}
.rv-tiles .gl,.rv-steps .gl,.why-t .gl{padding:22px}
.rv-tiles b,.rv-steps b,.why-t b{display:block;font:800 17px/1.2 Manrope,sans-serif;letter-spacing:-.02em;margin-bottom:8px}
.rv-tiles span,.rv-steps span,.why-t span{display:block;font-size:14px;line-height:1.55;color:var(--mt)}
.rv-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:clamp(40px,5vw,70px)}
.rv-steps small{display:flex;width:34px;height:34px;margin-bottom:14px;border-radius:50%;background:linear-gradient(135deg,#2e69ff,#6d5dfc);align-items:center;justify-content:center;font:800 14px Manrope,sans-serif;color:#fff}
.why-t{display:grid;gap:14px}

/* FAQ e contatto sul fondo scuro */
.faq.section{position:relative;background:transparent}
.v-end{background:#05070d;position:relative;overflow:clip;isolation:isolate}
.v-end:before{content:"";position:absolute;z-index:-1;left:50%;bottom:-20%;width:90vw;height:60vw;max-width:1400px;transform:translateX(-50%);background:radial-gradient(closest-side,#2e69ff66,#7c3aed33 60%,transparent);filter:blur(80px)}
.v-end .contact{margin-bottom:clamp(60px,8vw,110px);background:linear-gradient(180deg,#ffffff0d,#ffffff05);border:1px solid var(--gb);border-radius:34px;box-shadow:inset 0 1px 0 #ffffff1f}
.v-end .contact h2{color:#fff}

/* responsive */
@media(max-width:1000px){
  .bento{grid-template-columns:repeat(2,minmax(0,1fr))}
  .t-crm{grid-column:1/-1;grid-row:auto;min-height:360px}
  .t-api,.t-voip,.t-host{grid-column:auto;grid-row:auto;min-height:260px}
  .t-s1,.t-s2{grid-column:auto;grid-row:auto}
  .v-split,.v-split.rev{grid-template-columns:1fr}
  .v-split.rev .vid-col{order:2}
  .host-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .mix-flows,.rv-steps{grid-template-columns:1fr}
  .rv-tiles{grid-template-columns:1fr}
  .pr-bundle{grid-template-columns:1fr}
}
@media(max-width:640px){
  .bento{grid-template-columns:1fr}
  .host-grid{grid-template-columns:1fr}
  .v-feats{grid-template-columns:1fr}
  .mx-n{padding:9px 14px;font-size:13px}
  .mx-hub{padding:14px 16px}.mx-hub img{width:32px;height:auto}
  .vid-card{border-radius:20px}.vid-card .demo-window{border-radius:19px}
  .v-tabs button{padding:11px 16px;font-size:14px}
  .bars{height:160px}
  .t-s1{min-height:150px}
  .pr-tabs button{padding:10px 16px}
}

.v-api .v-h1.sm,.v-voip .v-h1.sm,.v-rv .v-h1.sm{font-size:clamp(34px,3.9vw,60px)}
@media(min-width:1001px){.v-split.rev{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}}

.pc.talk{grid-column:1/-1;flex-direction:row;align-items:center;gap:28px;padding:24px 28px}
.pc.talk .pc-t{min-width:200px}.pc.talk .pc-d{flex:1}.pc.talk .pc-go{align-self:center;padding-inline:30px}
.v-end .contact h2{font-weight:800;letter-spacing:-.05em}
@media(max-width:700px){.pc.talk{flex-direction:column;align-items:stretch}}

.v-end .contact h2 .grad{background:none;-webkit-text-fill-color:#9db4ff;color:#9db4ff}
.v-end .contact h2{overflow:visible;max-width:none}