:root{--green-950:#032c26;--green-900:#053a32;--green-800:#075347;--green-700:#08775d;--green-500:#13b64f;--green-400:#39d96b;--blue-600:#2155ff;--cyan-100:#dff8f0;--mint-50:#f0fbf6;--gray-950:#0d1b1b;--gray-800:#243736;--gray-600:#60716f;--gray-200:#e6eeeb;--gray-100:#f5f8f6;--white:#ffffff;--shadow:0 18px 50px rgba(5,58,50,0.14);--shadow-soft:0 10px 24px rgba(5,58,50,0.1);--radius:8px;--container:1180px;} *{box-sizing:border-box;} html{scroll-behavior:smooth;} [id]{scroll-margin-top:96px;} body{margin:0px;font-family:"Segoe UI Variable Text","Segoe UI",Arial,sans-serif;color:var(--gray-950);background:var(--white);line-height:1.5;letter-spacing:0px;overflow-x:hidden;-webkit-font-smoothing:antialiased;text-rendering:geometricprecision;} body.nav-open{overflow:hidden;} img{display:block;max-width:100%;} a{color:inherit;text-decoration:none;} button,input,select{font:inherit;} .container{width:min(var(--container),calc(100% - 40px));margin-inline:auto;} .section{padding:86px 0px;} .section-dark{color:var(--white);background:var(--green-950);} .site-header{position:fixed;inset:0px 0px auto;z-index:50;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:28px;width:min(var(--container),calc(100% - 40px));margin:14px auto 0px;padding:10px 12px;border:1px solid rgba(255,255,255,0.14);border-radius:999px;background:rgba(3,44,38,0.66);backdrop-filter:blur(18px) saturate(1.18);box-shadow:rgba(0,0,0,0.2) 0px 18px 46px,rgba(255,255,255,0.08) 0px 1px 0px inset;animation:0.68s ease 0s 1 normal both running headerReveal;transition:padding 0.28s,background 0.28s,border-color 0.28s,box-shadow 0.28s,transform 0.28s;} .site-header.is-scrolled{padding:7px 10px;border-color:rgba(57,217,107,0.22);background:rgba(3,44,38,0.92);box-shadow:rgba(0,0,0,0.28) 0px 18px 52px,rgba(255,255,255,0.07) 0px 1px 0px inset;} .brand{display:inline-flex;align-items:center;gap:10px;min-width:max-content;color:var(--white);font-weight:700;transition:transform 0.25s,color 0.25s;} .brand img{width:34px;height:34px;object-fit:contain;filter:drop-shadow(rgba(57,217,107,0) 0px 0px 0px);transition:filter 0.25s,transform 0.25s;} .brand:hover,.brand:focus-visible{transform:translateY(-1px);} .brand:hover img,.brand:focus-visible img{filter:drop-shadow(rgba(57,217,107,0.42) 0px 0px 12px);transform:scale(1.03);} .main-nav{display:flex;align-items:center;justify-content:center;gap:24px;color:rgba(255,255,255,0.84);font-size:0.88rem;font-weight:600;} .nav-item{position:relative;} .main-nav a,.nav-link-button{position:relative;padding:8px 0px;color:inherit;border:0px;background:transparent;font:inherit;cursor:pointer;transition:color 0.22s;} .nav-link-button{display:inline-flex;align-items:center;gap:6px;} .nav-link-button span{font-size:0.72rem;transition:transform 0.22s;} .main-nav a::after,.nav-link-button::after{content:"";position:absolute;left:0px;right:0px;bottom:2px;height:2px;border-radius:999px;background:var(--green-400);box-shadow:rgba(57,217,107,0.35) 0px 0px 10px;transform:scaleX(0);transform-origin:left center;transition:transform 0.24s;} .main-nav a:hover,.main-nav a:focus-visible,.nav-link-button:hover,.nav-link-button:focus-visible,.nav-mega.is-open .nav-link-button{color:var(--green-400);} .main-nav a:hover::after,.main-nav a:focus-visible::after,.nav-link-button:hover::after,.nav-link-button:focus-visible::after,.nav-mega.is-open .nav-link-button::after{transform:scaleX(1);} .nav-mega:hover .nav-link-button span,.nav-mega.is-open .nav-link-button span{transform:rotate(180deg);} .mega-menu{position:fixed;left:50%;top:82px;z-index:70;display:grid;grid-template-columns:minmax(0px,1fr) 310px;gap:24px;width:min(var(--container),calc(100vw - 48px));padding:26px;color:var(--green-950);border:1px solid rgba(5,58,50,0.055);border-radius:18px;background:linear-gradient(135deg,rgba(255,255,255,0.98),rgba(240,251,246,0.98));box-shadow:rgba(5,58,50,0.2) 0px 28px 70px;opacity:0;pointer-events:none;transform:translate(-50%,8px);transition:opacity 0.22s,transform 0.22s;} .nav-mega:hover .mega-menu,.nav-mega:focus-within .mega-menu,.nav-mega.is-open .mega-menu{opacity:1;pointer-events:auto;transform:translate(-50%,0px);} .mega-menu::before{content:"";position:absolute;left:0px;right:0px;top:-22px;height:22px;} .site-header.is-scrolled .mega-menu{top:72px;} .mega-columns{display:grid;grid-template-columns:repeat(3,minmax(0px,1fr));gap:22px;} .mega-column h3{margin:0px 0px 12px;color:var(--green-700);font-size:0.72rem;font-weight:900;letter-spacing:0.05em;text-transform:uppercase;} .mega-column a{display:block;padding:7px 0px;color:var(--green-950);font-size:0.9rem;font-weight:650;line-height:1.25;transition:color 0.18s,transform 0.18s;} .mega-column a::after,.mega-feature::after{display:none;} .mega-column a:hover,.mega-column a:focus-visible{color:var(--green-500);transform:translateX(2px);} .mega-column .mega-more{margin-top:8px;color:var(--green-700);font-weight:800;} .mega-feature{display:grid;align-content:start;gap:14px;padding:12px;border:1px solid rgba(19,182,79,0.12);border-radius:14px;background:rgba(255,255,255,0.74);box-shadow:rgba(255,255,255,0.6) 0px 0px 0px 1px inset;} .mega-feature img{width:100%;height:190px;object-fit:cover;object-position:center center;border-radius:12px;filter:saturate(0.95);} .mega-feature strong,.mega-feature small,.mega-feature em{display:block;} .mega-feature strong{margin-bottom:6px;color:var(--green-950);font-size:1rem;} .mega-feature small{color:var(--gray-600);font-size:0.84rem;line-height:1.35;} .mega-feature em{margin-top:10px;color:var(--green-700);font-style:normal;font-weight:800;font-size:0.86rem;} .btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:44px;padding:0px 18px;border:1px solid transparent;border-radius:var(--radius);font-size:0.88rem;font-weight:600;line-height:1.15;cursor:pointer;transition:transform 0.24s,background 0.24s,border-color 0.24s,color 0.24s,box-shadow 0.24s,filter 0.24s;} .btn:hover,.btn:focus-visible{transform:translateY(-2px);} .btn-primary{color:var(--white);background:linear-gradient(135deg,var(--green-500),#0daa45);box-shadow:rgba(19,182,79,0.24) 0px 12px 24px;} .btn-primary:hover,.btn-primary:focus-visible{filter:brightness(1.06);box-shadow:rgba(19,182,79,0.34) 0px 18px 36px,rgba(135,255,160,0.16) 0px 0px 0px 1px inset;} .btn-primary:hover .icon-whatsapp,.btn-primary:focus-visible .icon-whatsapp{transform:translateY(-1px) rotate(-6deg) scale(1.04);} .btn-accent{width:100%;color:var(--white);background:linear-gradient(135deg,var(--blue-600),#173bd8);box-shadow:rgba(33,85,255,0.24) 0px 14px 26px;} .btn-ghost{color:var(--white);border-color:rgba(255,255,255,0.36);background:rgba(255,255,255,0.06);} .btn-ghost:hover,.btn-ghost:focus-visible{border-color:rgba(57,217,107,0.58);background:rgba(57,217,107,0.1);box-shadow:rgba(57,217,107,0.08) 0px 0px 20px inset,rgba(0,0,0,0.15) 0px 12px 24px;} .icon-sprite{position:absolute;width:0px;height:0px;overflow:hidden;} .icon,.icon-badge,.card-icon svg{display:inline-block;flex:0 0 auto;fill:none;stroke:currentcolor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round;} .icon{width:19px;height:19px;transition:transform 0.24s,color 0.24s;} .icon-whatsapp{fill:currentcolor;stroke:none;} .icon-badge{display:inline-grid;place-items:center;width:38px;height:38px;padding:9px;color:var(--green-500);border:1px solid rgba(57,217,107,0.26);border-radius:999px;background:rgba(57,217,107,0.1);} .nav-toggle{display:none;} .hero{position:relative;min-height:760px;padding:128px 0px 76px;overflow:hidden;background:radial-gradient(circle at 88% 30%,rgba(57,217,107,0.2),transparent 28%),linear-gradient(135deg,rgb(2,22,19) 0%,rgb(3,44,38) 42%,rgb(1,17,15) 100%);isolation:isolate;} .hero-media,.hero-overlay{position:absolute;inset:0px;} .hero-media{z-index:-4;} .hero-media img{width:100%;height:100%;object-fit:cover;object-position:right center;opacity:0.42;filter:blur(2.5px) saturate(0.96) contrast(1.08);transform:scale(1.035);} .hero-overlay{z-index:-2;background:linear-gradient(90deg,rgba(1,17,15,0.98) 0%,rgba(3,44,38,0.93) 38%,rgba(3,44,38,0.64) 68%,rgba(1,17,15,0.88) 100%),linear-gradient(135deg,rgba(19,182,79,0.15) 0%,rgba(19,182,79,0.04) 44%,rgba(33,85,255,0.08) 100%),radial-gradient(circle at 76% 48%,rgba(126,255,117,0.06),rgba(57,217,107,0.03) 20%,transparent 44%);} .hero::before,.hero::after{content:"";position:absolute;pointer-events:none;} .hero::before{z-index:-1;inset:-14% -12% -8% 44%;background:radial-gradient(circle at 62% 42%,rgba(108,255,128,0.46),rgba(57,217,107,0.2) 18%,transparent 39%),radial-gradient(circle at 46% 72%,rgba(33,85,255,0.17),transparent 32%);filter:blur(28px);opacity:0.72;mix-blend-mode:screen;animation:12s ease-in-out 0s infinite alternate none running heroGlowDrift;} .hero::after{z-index:-1;inset:0px;background:radial-gradient(circle at 84% 23%,rgba(126,255,117,0.06),transparent 12%),radial-gradient(circle at 78% 64%,rgba(57,217,107,0.16),transparent 18%),linear-gradient(rgba(0,0,0,0.08),transparent 34%,rgba(0,0,0,0.12));mix-blend-mode:screen;opacity:0.76;animation:16s ease-in-out 0s infinite alternate none running heroLightSweep;} .hero-grid{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0px,1fr) 410px;align-items:center;gap:52px;} .hero-grid::before,.hero-grid::after{content:"";position:absolute;pointer-events:none;border-radius:3px;opacity:0.42;} .hero-grid::before{z-index:0;right:8%;top:9%;width:8px;height:8px;background:rgba(80,255,116,0.56);box-shadow:rgba(57,217,107,0.34) 18px 12px 0px,rgba(135,255,160,0.28) 38px -8px 0px,rgba(57,217,107,0.24) 60px 18px 0px,rgba(57,217,107,0.18) 84px -18px 0px,rgba(135,255,160,0.2) 112px 8px 0px,rgba(57,217,107,0.14) 142px -12px 0px,rgba(135,255,160,0.14) 164px 18px 0px;transform:rotate(45deg);animation:8s ease-in-out 0s infinite alternate none running pixelFloat;} .hero-grid::after{z-index:0;right:1%;bottom:19%;width:7px;height:7px;background:rgba(57,217,107,0.3);box-shadow:rgba(57,217,107,0.28) -18px -10px 0px,rgba(135,255,160,0.2) -40px 12px 0px,rgba(57,217,107,0.18) -66px -4px 0px,rgba(33,85,255,0.14) -88px 22px 0px,rgba(57,217,107,0.12) -112px -16px 0px;transform:rotate(45deg);animation:10s ease-in-out 0.7s infinite alternate-reverse none running pixelFloat;} .hero-copy{position:relative;z-index:2;max-width:670px;min-width:0px;animation:0.72s ease 0.08s 1 normal both running heroTextReveal;} .eyebrow{display:inline-flex;align-items:center;gap:8px;color:var(--green-400);font-size:0.78rem;font-weight:900;letter-spacing:0.04em;text-transform:uppercase;} .eyebrow::before{content:"";width:8px;height:8px;border-radius:999px;background:currentcolor;} h1,h2,h3,p{margin-top:0px;} h1{max-width:680px;margin-bottom:22px;font-size:clamp(2.6rem,6vw,4.95rem);line-height:0.98;letter-spacing:0px;} h1::first-line{color:var(--white);} .hero h1{color:var(--white);} .hero h1 span{color:var(--green-400);} .dynamic-title{position:relative;display:inline-block;min-width:8.8em;white-space:nowrap;} .dynamic-title::after{content:"";display:inline-block;width:0.08em;height:0.84em;margin-left:0.08em;border-radius:999px;background:currentcolor;transform:translateY(0.08em);animation:0.9s steps(2,start) 0s infinite normal none running cursorBlink;} .hero-copy p{max-width:620px;margin-bottom:28px;color:rgba(255,255,255,0.86);font-size:1.15rem;} .hero-badges{display:grid;grid-template-columns:repeat(4,minmax(100px,1fr));gap:14px;max-width:620px;margin-bottom:30px;} .hero-badges span{display:grid;gap:8px;color:rgba(255,255,255,0.88);font-size:0.82rem;font-weight:700;animation:0.62s ease 0s 1 normal both running benefitReveal;transition:transform 0.24s,color 0.24s;} .hero-badges span:nth-child(1){animation-delay:0.22s;} .hero-badges span:nth-child(2){animation-delay:0.32s;} .hero-badges span:nth-child(3){animation-delay:0.42s;} .hero-badges span:nth-child(4){animation-delay:0.52s;} .hero-badges span:hover{color:var(--white);transform:translateY(-2px);} .hero-badges .icon-badge{box-shadow:rgba(57,217,107,0.08) 0px 0px 18px inset,rgba(57,217,107,0) 0px 0px 0px;transition:transform 0.24s,color 0.24s,border-color 0.24s,background 0.24s,box-shadow 0.24s;} .hero-badges span:hover .icon-badge{color:var(--green-400);border-color:rgba(57,217,107,0.46);background:rgba(57,217,107,0.15);box-shadow:rgba(57,217,107,0.12) 0px 0px 22px inset,rgba(19,182,79,0.13) 0px 12px 26px;transform:translateY(-1px);} .hero-actions{display:flex;flex-wrap:wrap;gap:14px;} .proposal-card{position:relative;z-index:2;isolation:isolate;width:100%;min-width:0px;color:var(--gray-950);padding:28px;border:1px solid rgba(255,255,255,0.62);border-radius:22px;background:linear-gradient(145deg,rgba(255,255,255,0.96),rgba(245,248,246,0.92));box-shadow:rgba(0,0,0,0.38) 0px 36px 90px,rgba(57,217,107,0.08) 0px 0px 0px 1px,rgba(57,217,107,0.2) 0px 0px 74px,rgba(255,255,255,0.86) 0px 1px 0px inset;backdrop-filter:blur(10px);animation:0.78s ease 0.18s 1 normal both running formReveal;transition:transform 0.28s,border-color 0.28s,box-shadow 0.28s;} .proposal-card:hover{transform:translateY(-2px);border-color:rgba(57,217,107,0.42);box-shadow:rgba(0,0,0,0.42) 0px 42px 104px,rgba(57,217,107,0.14) 0px 0px 0px 1px,rgba(57,217,107,0.26) 0px 0px 92px,rgba(255,255,255,0.9) 0px 1px 0px inset;} .proposal-card h2{margin-bottom:8px;color:var(--green-950);font-size:1.75rem;line-height:1.1;} .proposal-card p{margin-bottom:18px;color:var(--gray-600);} .lead-form{display:grid;gap:12px;} .lead-form label{display:grid;gap:6px;} .lead-form label span{color:var(--gray-800);font-size:0.78rem;font-weight:700;} .lead-form input,.lead-form select{width:100%;min-height:46px;padding:0px 13px;color:var(--gray-950);border:1px solid var(--gray-200);border-radius:var(--radius);background:var(--white);outline:none;} .lead-form input:focus,.lead-form select:focus{border-color:var(--green-500);box-shadow:rgba(19,182,79,0.12) 0px 0px 0px 4px;} .form-trust{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px;color:var(--gray-600);font-size:0.72rem;font-weight:700;} .form-trust span::before{content:"";display:inline-block;width:6px;height:6px;margin-right:5px;border-radius:999px;background:var(--green-500);} .section-heading{max-width:630px;} .section-heading.centered{margin-inline:auto;text-align:center;} .section-heading h2{margin:8px 0px 14px;color:var(--green-950);font-size:clamp(2rem,4vw,3.2rem);line-height:1.05;} .section-heading p{color:var(--gray-600);font-size:1.04rem;} .solutions-marquee{position:relative;display:flex;gap:0px;width:100%;min-height:88px;overflow:hidden;border-block:1px solid rgba(57,217,107,0.12);background:radial-gradient(circle at 22% 50%,rgba(57,217,107,0.09),transparent 30%),linear-gradient(90deg,rgb(0,31,25) 0%,rgb(0,56,41) 48%,rgb(0,36,29) 100%);box-shadow:rgba(255,255,255,0.04) 0px 1px 0px inset;} .solutions-marquee::before,.solutions-marquee::after{content:"";position:absolute;z-index:2;top:0px;bottom:0px;width:min(120px,14vw);pointer-events:none;} .solutions-marquee::before{left:0px;background:linear-gradient(90deg,rgb(0,31,25),rgba(0,31,25,0));} .solutions-marquee::after{right:0px;background:linear-gradient(270deg,rgb(0,36,29),rgba(0,36,29,0));} .solutions-marquee-track{display:flex;flex:0 0 auto;align-items:center;min-width:100%;animation:38s linear 0s infinite normal none running solutionsMarquee;} .solutions-marquee:hover .solutions-marquee-track{animation-play-state:paused;} .solutions-marquee span{position:relative;display:inline-flex;align-items:center;padding-inline:clamp(18px,2.8vw,42px);color:rgba(235,255,246,0.48);font-size:clamp(1rem,1.45vw,1.28rem);font-weight:800;letter-spacing:0.01em;white-space:nowrap;transition:color 240ms,opacity 240ms,text-shadow 240ms,transform 240ms;} .solutions-marquee span::after{content:"";position:absolute;right:-4px;width:6px;height:6px;border-radius:999px;background:rgba(57,217,107,0.45);box-shadow:rgba(57,217,107,0.16) 0px 0px 14px;} .solutions-marquee span:hover{color:var(--green-400);opacity:1;text-shadow:rgba(57,217,107,0.36) 0px 0px 22px;transform:scale(1.035);} @keyframes solutionsMarquee{0%{transform:translateX(0px);} 100%{transform:translateX(-100%);}} @media (max-width:640px){.solutions-marquee{min-height:66px;} .solutions-marquee-track{animation-duration:32s;} .solutions-marquee span{padding-inline:18px;font-size:0.92rem;} .solutions-marquee span::after{right:-3px;width:4px;height:4px;}} @media (prefers-reduced-motion:reduce){.solutions-marquee-track{animation:auto ease 0s 1 normal none running none !important;transform:none !important;}} .solutions-section{padding:76px 0px;background:radial-gradient(circle at 76% 28%,rgba(57,217,107,0.12),transparent 30%),radial-gradient(circle at 48% 88%,rgba(19,182,79,0.07),transparent 28%),linear-gradient(rgb(251,253,252),rgb(242,250,246));} .solutions-shell{position:relative;display:grid;grid-template-columns:0.72fr 1.28fr;gap:28px;align-items:center;min-height:620px;padding:18px 0px;overflow:hidden;} .solutions-shell::before,.solutions-shell::after{content:"";position:absolute;width:96px;height:96px;opacity:0.28;pointer-events:none;background-image:radial-gradient(circle,rgba(19,182,79,0.52) 1.3px,transparent 1.4px);background-size:14px 14px;} .solutions-shell::before{right:12px;top:12px;} .solutions-shell::after{right:30px;bottom:6px;} .solutions-copy{position:relative;z-index:2;max-width:420px;} .solutions-copy h2{margin:14px 0px 18px;color:var(--green-950);font-size:clamp(2.35rem,4.2vw,3.55rem);line-height:1.05;} .solutions-copy > p{color:var(--green-900);font-size:1.04rem;} .solutions-line{width:62px;height:2px;margin:26px 0px 24px;border-radius:999px;background:var(--green-500);} .solution-benefits{display:grid;gap:20px;} .solution-benefits article{display:grid;grid-template-columns:58px 1fr;gap:18px;align-items:start;} .solution-benefits article > span{display:grid;place-items:center;width:54px;height:54px;color:var(--green-700);border-radius:999px;background:rgb(223,248,234);box-shadow:rgba(19,182,79,0.12) 0px 0px 0px 1px inset;} .solution-benefits svg{width:25px;height:25px;fill:none;stroke:currentcolor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round;} .solution-benefits h3{margin-bottom:4px;color:var(--green-950);font-size:1rem;} .solution-benefits p{margin:0px;color:var(--green-800);font-size:0.94rem;} .solutions-actions{display:flex;flex-wrap:wrap;gap:18px 28px;align-items:center;margin-top:34px;} .solutions-link{display:inline-flex;align-items:center;gap:10px;color:var(--green-900);font-weight:700;transition:color 0.24s,transform 0.24s;} .solutions-link:hover,.solutions-link:focus-visible{color:var(--green-500);transform:translateX(2px);} .solutions-ecosystem{position:relative;z-index:1;min-height:640px;} .orbit-rings{position:absolute;inset:50%;width:min(620px,100%);aspect-ratio:1 / 1;border-radius:999px;transform:translate(-50%,-50%);background:radial-gradient(circle,transparent 0px,transparent 26%,rgba(19,182,79,0.18) 26.2%,rgba(19,182,79,0.18) 26.5%,transparent 26.8%,transparent 42%,rgba(19,182,79,0.14) 42.2%,rgba(19,182,79,0.14) 42.5%,transparent 42.8%,transparent 58%,rgba(19,182,79,0.1) 58.2%,rgba(19,182,79,0.1) 58.5%,transparent 58.8%),radial-gradient(circle,rgba(19,182,79,0.08),transparent 60%);animation:38s linear 0s infinite normal none running orbitDrift;} .orbit-lines .line{position:absolute;left:50%;top:50%;width:2px;height:214px;overflow:hidden;background:linear-gradient(rgba(57,217,107,0.44),rgba(57,217,107,0.04));transform-origin:center top;} .orbit-lines .line::before{content:"";position:absolute;left:50%;top:-32px;width:3px;height:42px;border-radius:999px;background:linear-gradient(transparent,rgba(57,217,107,0.95),transparent);box-shadow:rgba(57,217,107,0.45) 0px 0px 14px;transform:translateX(-50%);animation:3.6s linear 0s infinite normal none running connectionFlow;} .orbit-lines .line::after{content:"";position:absolute;left:50%;top:50%;width:9px;height:9px;border-radius:999px;background:var(--green-400);box-shadow:rgba(57,217,107,0.5) 0px 0px 16px;transform:translate(-50%,-50%);animation:3.2s ease-in-out 0s infinite normal none running connectionPulse;} .line-top{transform:rotate(0deg);} .line-right{transform:rotate(90deg);} .line-bottom{transform:rotate(180deg);} .line-left{transform:rotate(270deg);} .line-top-right{transform:rotate(45deg);} .line-bottom-right{transform:rotate(135deg);} .line-bottom-left{transform:rotate(225deg);} .line-top-left{transform:rotate(315deg);} .line-top::before{animation-delay:0s;} .line-top-right::before{animation-delay:0.25s;} .line-right::before{animation-delay:0.5s;} .line-bottom-right::before{animation-delay:0.75s;} .line-bottom::before{animation-delay:1s;} .line-bottom-left::before{animation-delay:1.25s;} .line-left::before{animation-delay:1.5s;} .line-top-left::before{animation-delay:1.75s;} .ecosystem-center{position:absolute;left:50%;top:50%;display:grid;place-items:center;width:132px;height:132px;border-radius:999px;background:radial-gradient(circle,rgba(255,255,255,0.5),rgba(255,255,255,0.08) 54%,transparent 68%);box-shadow:rgba(5,58,50,0.12) 0px 18px 44px;transform:translate(-50%,-50%);isolation:isolate;animation:3.2s ease-in-out 0s infinite normal none running centerPulse;} .ecosystem-center::before,.ecosystem-center::after{content:"";position:absolute;inset:-18px;z-index:-1;border-radius:inherit;pointer-events:none;} .ecosystem-center::before{background:conic-gradient(rgba(57,217,107,0),rgba(57,217,107,0.62),rgba(135,255,160,0.16),rgba(57,217,107,0));filter:blur(10px);opacity:0.62;animation:7.5s linear 0s infinite normal none running centerHaloSpin;} .ecosystem-center::after{inset:-30px;background:radial-gradient(circle,rgba(57,217,107,0.2),transparent 62%);opacity:0.72;} .ecosystem-center img{width:92px;height:92px;object-fit:contain;filter:drop-shadow(rgba(5,58,50,0.18) 0px 12px 22px);} .ecosystem-card{position:absolute;display:grid;place-items:center;width:128px;min-height:116px;padding:15px 12px;text-align:center;border:1px solid rgba(5,58,50,0.08);border-radius:14px;background:rgba(255,255,255,0.82);box-shadow:rgba(5,58,50,0.08) 0px 12px 28px;transition:margin 0.24s,border-color 0.24s,box-shadow 0.24s;} .ecosystem-card:hover{border-color:rgba(19,182,79,0.32);box-shadow:rgba(5,58,50,0.14) 0px 20px 44px;margin-top:-2px;} .ecosystem-card img{width:32px;height:32px;object-fit:contain;} .ecosystem-card h3{margin:7px 0px 3px;color:var(--green-950);font-size:0.88rem;line-height:1.12;} .ecosystem-card p{margin:0px;color:var(--green-900);font-size:0.74rem;line-height:1.25;} .pos-top{left:50%;top:0px;transform:translateX(-50%);} .pos-right-top{right:5%;top:16%;} .pos-right{right:0px;top:50%;transform:translateY(-50%);} .pos-right-bottom{right:6%;bottom:4%;} .pos-bottom{left:50%;bottom:0px;transform:translateX(-50%);} .pos-left-bottom{left:6%;bottom:4%;} .pos-left{left:0px;top:50%;transform:translateY(-50%);} .pos-left-top{left:5%;top:16%;} .solutions-section .solutions-grid,.solutions-section .mini-solutions{display:none;} .solutions-grid{display:grid;grid-template-columns:repeat(4,minmax(0px,1fr));gap:18px;margin-top:38px;} .solution-card,.features-grid article,.support-cards article,.content-card{border:1px solid var(--gray-200);border-radius:var(--radius);background:var(--white);box-shadow:var(--shadow-soft);} .solution-card{display:grid;min-height:250px;padding:24px;} .solution-card h3,.features-grid h3,.support-cards h3,.content-card h3{margin-bottom:9px;color:var(--green-950);font-size:1.08rem;line-height:1.15;} .solution-card p,.features-grid p,.support-cards p,.content-card p{color:var(--gray-600);font-size:0.94rem;} .solution-card a,.content-card a{align-self:end;color:var(--green-700);font-weight:900;font-size:0.9rem;} .card-icon{display:grid;place-items:center;width:70px;height:70px;margin-bottom:18px;color:var(--green-600,var(--green-500));border-radius:18px;background:linear-gradient(145deg,var(--mint-50),#d7f6e8);box-shadow:rgba(19,182,79,0.14) 0px 0px 0px 1px inset;} .card-icon svg{width:34px;height:34px;color:var(--green-700);stroke-width:1.8;} .mini-solutions{display:grid;grid-template-columns:repeat(4,minmax(0px,1fr));gap:12px;margin-top:18px;} .mini-solutions span{min-height:58px;display:flex;align-items:center;padding:0px 18px;color:var(--green-950);border:1px solid rgba(5,58,50,0.12);border-radius:var(--radius);background:var(--mint-50);font-weight:800;} .audience-section{position:relative;overflow:hidden;background:radial-gradient(circle at 14% 10%,rgba(57,217,107,0.11),transparent 28%),linear-gradient(180deg,var(--white),#f2fbf7 58%,var(--white));} .audience-section::before{content:"";position:absolute;inset:auto -12% -22% 48%;height:440px;pointer-events:none;background:radial-gradient(circle,rgba(19,182,79,0.16),transparent 68%);} .audience-heading{max-width:760px;} .audience-mosaic{position:relative;display:grid;grid-template-columns:repeat(12,minmax(0px,1fr));grid-auto-rows:150px;gap:16px;margin-top:42px;} .audience-tile{position:relative;display:flex;align-items:end;min-height:150px;padding:18px;border:1px solid rgba(255,255,255,0.22);border-radius:18px;overflow:hidden;color:var(--white);background:var(--green-900);box-shadow:rgba(5,58,50,0.16) 0px 18px 42px;isolation:isolate;opacity:0;transform:translateY(18px);animation:0.72s ease 0s 1 normal forwards running audienceTileIn;transition:border-color 0.24s,box-shadow 0.24s,transform 0.24s;} .audience-tile::before,.audience-tile::after{content:"";position:absolute;inset:0px;z-index:-1;} .audience-tile::before{background:linear-gradient(rgba(3,44,38,0.05),rgba(3,44,38,0.82)),linear-gradient(135deg,rgba(3,44,38,0.22),rgba(19,182,79,0.44));transition:opacity 0.24s;} .audience-tile::after{background:radial-gradient(circle at 80% 12%,rgba(57,217,107,0.42),transparent 30%);mix-blend-mode:screen;opacity:0.48;transition:opacity 0.24s;} .audience-tile img{position:absolute;inset:0px;z-index:-2;width:100%;height:100%;object-fit:cover;transform:scale(1.02);filter:saturate(0.92) contrast(1.04);transition:transform 0.55s,filter 0.28s;} .audience-tile-content{position:relative;z-index:1;display:grid;gap:6px;max-width:92%;} .audience-tile-content > span{color:var(--green-400);font-size:0.72rem;font-weight:900;letter-spacing:0.05em;text-transform:uppercase;} .audience-tile h3{margin:0px;font-size:1.05rem;line-height:1.1;} .audience-tile p{margin:0px;color:rgba(255,255,255,0.84);font-size:0.9rem;line-height:1.35;} .audience-tile:hover,.audience-tile:focus-within{border-color:rgba(57,217,107,0.78);box-shadow:rgba(5,58,50,0.2) 0px 22px 52px,rgba(57,217,107,0.12) 0px 0px 0px 3px;transform:translateY(-3px);} .audience-tile:hover::before,.audience-tile:focus-within::before{opacity:0.56;} .audience-tile:hover::after,.audience-tile:focus-within::after{opacity:0.14;} .audience-tile:hover img,.audience-tile:focus-within img{transform:scale(1.075);filter:saturate(1.06) contrast(1.06);} .audience-tile:nth-child(2){animation-delay:0.07s;} .audience-tile:nth-child(3){animation-delay:0.12s;} .audience-tile:nth-child(4){animation-delay:0.17s;} .audience-tile:nth-child(5){animation-delay:0.22s;} .audience-tile:nth-child(6){animation-delay:0.27s;} .audience-tile:nth-child(7){animation-delay:0.32s;} .audience-tile:nth-child(8){animation-delay:0.37s;} .audience-feature{grid-area:span 2 / 1 / auto / 7;padding:30px;border-radius:22px;} .audience-feature::before{background:linear-gradient(rgba(3,44,38,0.1),rgba(2,27,24,0.9)),linear-gradient(135deg,rgba(3,44,38,0.18),rgba(19,182,79,0.44));} .audience-feature h3{max-width:440px;font-size:clamp(2rem,4vw,3.35rem);line-height:0.98;} .audience-feature p{max-width:500px;font-size:1.04rem;} .audience-chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px;} .audience-chips span{display:inline-flex;align-items:center;min-height:32px;padding:7px 11px;border:1px solid rgba(255,255,255,0.2);border-radius:999px;color:var(--white);background:rgba(255,255,255,0.12);backdrop-filter:blur(10px);font-size:0.78rem;font-weight:800;} .tile-wellness{grid-area:1 / 7 / auto / 10;} .tile-commerce{grid-area:1 / 10 / auto / 13;} .tile-food{grid-area:2 / 7 / auto / 10;} .tile-delivery{grid-area:2 / 10 / auto / 13;} .tile-split{grid-area:3 / 1 / auto / 5;} .tile-online{grid-area:3 / 5 / auto / 9;} .tile-smb{grid-area:3 / 9 / auto / 13;} .audience-cta{position:relative;display:flex;align-items:center;justify-content:space-between;gap:24px;margin-top:22px;padding:22px 24px;border:1px solid rgba(19,182,79,0.18);border-radius:18px;background:linear-gradient(135deg,rgba(255,255,255,0.92),rgba(240,251,246,0.96));box-shadow:rgba(5,58,50,0.1) 0px 16px 38px;} .audience-cta h3{margin:0px 0px 4px;color:var(--green-950);font-size:1.25rem;} .audience-cta p{margin:0px;color:var(--gray-600);} .process-section{background:radial-gradient(circle at 78% 28%,rgba(57,217,107,0.14),transparent 34%),radial-gradient(circle at 18% 78%,rgba(19,182,79,0.08),transparent 28%),linear-gradient(rgb(246,252,249) 0%,rgb(241,251,246) 58%,rgb(251,253,252) 100%);padding-top:76px;} .process-shell{padding:0px;} .process-heading{max-width:720px;} .process-layout{display:grid;grid-template-columns:minmax(420px,0.86fr) minmax(520px,1.14fr);align-items:center;gap:64px;margin-top:54px;} .process-timeline{position:relative;display:grid;gap:28px;margin:0px;padding:0px;list-style:none;} .process-timeline::before{content:"";position:absolute;left:22px;top:22px;bottom:22px;width:2px;background:linear-gradient(rgba(19,182,79,0.08),rgba(19,182,79,0.34),rgba(19,182,79,0.08));} .process-timeline li{position:relative;display:grid;grid-template-columns:48px 64px minmax(0px,1fr);align-items:center;gap:20px;opacity:0;transform:translateY(14px);animation:0.9s ease 0s 1 normal forwards running processStepIn;transition:transform 0.24s;} .process-timeline li:nth-child(2){animation-delay:0.24s;} .process-timeline li:nth-child(3){animation-delay:0.48s;} .process-timeline li:nth-child(4){animation-delay:0.72s;} .process-timeline li:nth-child(5){animation-delay:0.96s;} .process-timeline li:nth-child(6){animation-delay:1.2s;} .step-number{display:grid;place-items:center;width:46px;height:46px;border:2px solid rgba(19,182,79,0.16);border-radius:50%;color:var(--green-500);background:rgba(240,251,246,0.94);font-size:0.82rem;font-weight:900;transition:border-color 0.24s,background 0.24s,box-shadow 0.24s,transform 0.24s;} .step-icon{display:grid;place-items:center;width:64px;height:64px;border-radius:50%;color:var(--green-700);background:linear-gradient(135deg,rgba(57,217,107,0.16),rgba(223,248,240,0.92));transition:color 0.24s,background 0.24s,box-shadow 0.24s,transform 0.24s;} .step-icon svg{width:26px;height:26px;fill:none;stroke:currentcolor;stroke-width:1.8;} .process-timeline h3{margin:0px 0px 4px;color:var(--green-950);font-size:1.04rem;transition:color 0.24s;} .process-timeline p{margin:0px;color:var(--gray-600);} .process-timeline li:hover{transform:translateX(6px);} .process-timeline li:hover .step-number{border-color:rgba(57,217,107,0.56);background:var(--white);box-shadow:rgba(19,182,79,0.13) 0px 10px 22px;transform:scale(1.04);} .process-timeline li:hover .step-icon{color:var(--green-500);background:linear-gradient(135deg,rgba(57,217,107,0.26),rgb(223,248,240));box-shadow:rgba(19,182,79,0.16) 0px 14px 28px,rgba(57,217,107,0.18) 0px 0px 0px 1px inset;transform:translateY(-2px);} .process-timeline li:hover h3{color:var(--green-700);} .process-visual{display:grid;align-content:center;gap:8px;} .process-map{position:relative;display:grid;place-items:center;min-height:510px;} .process-map::before{content:"";position:absolute;inset:14% 10% 7%;border-radius:50%;background:radial-gradient(circle,rgba(57,217,107,0.18),transparent 68%);filter:blur(10px);animation:4.6s ease-in-out 0s infinite normal none running mapGlowPulse;} .process-map-art{position:relative;z-index:1;width:min(116%,760px);opacity:0;transform:scale(0.97);animation:0.9s ease 0.18s 1 normal forwards running mapFadeIn;} .process-map-art > img:first-child{display:block;width:100%;height:auto;object-fit:contain;filter:drop-shadow(rgba(5,58,50,0.12) 0px 20px 28px);} .process-map-art > .process-map-logo{position:absolute;z-index:2;left:59.9%;top:47.15%;width:10.8%;height:auto;border-radius:50%;filter:drop-shadow(rgba(5,58,50,0.18) 0px 4px 9px);transform:translate(-50%,-50%);animation:2.6s ease-in-out 0s infinite normal none running processLogoPulse;} .process-highlights{display:grid;grid-template-columns:repeat(3,minmax(0px,1fr));width:min(100%,690px);margin:-18px auto 0px;border-left:1px solid rgba(5,58,50,0.12);} .process-highlights article{display:grid;justify-items:center;gap:10px;padding:12px 26px;text-align:center;border-right:1px solid rgba(5,58,50,0.12);transition:transform 0.24s,background 0.24s;} .process-highlights svg{width:28px;height:28px;color:var(--green-500);fill:none;stroke:currentcolor;stroke-width:1.8;transition:transform 0.24s,color 0.24s;} .process-highlights p{margin:0px;color:var(--gray-800);font-size:0.95rem;} .process-highlights article:hover{background:rgba(255,255,255,0.44);transform:translateY(-2px);} .process-highlights article:hover svg{color:var(--green-700);transform:scale(1.08);} .about-section{position:relative;overflow:hidden;background:radial-gradient(circle at 79% 18%,rgba(57,217,107,0.18),transparent 28%),radial-gradient(circle at 43% 105%,rgba(54,185,184,0.12),transparent 26%),linear-gradient(135deg,rgb(248,252,251) 0%,rgb(238,249,245) 48%,rgb(233,247,246) 100%);} .about-section::before{content:"";position:absolute;inset:0px auto auto 0px;width:24%;height:30%;background:linear-gradient(135deg,rgba(223,248,240,0.8),transparent 64%);clip-path:polygon(0px 0px,100% 0px,0px 100%);} .about-section::after{content:"";position:absolute;right:5%;top:15%;width:min(46vw,720px);height:min(46vw,720px);pointer-events:none;border-radius:50%;background:radial-gradient(circle,rgba(57,217,107,0.18),rgba(54,185,184,0.11) 34%,transparent 68%);filter:blur(18px);} .about-grid{position:relative;z-index:1;display:grid;grid-template-columns:minmax(430px,0.98fr) minmax(420px,1.02fr);gap:clamp(48px,6vw,92px);align-items:center;} .about-badge{display:inline-flex;align-items:center;min-height:42px;padding:9px 22px;border-radius:8px;color:var(--green-700);background:rgba(223,248,240,0.78);font-weight:800;letter-spacing:0.03em;text-transform:uppercase;} .about-badge,.about-copy h2,.about-copy p,.about-mosaic,.about-pillars article{opacity:0;} .about-badge,.about-copy h2,.about-copy p,.about-pillars article{transform:translateY(18px);} .about-mosaic{transform:scale(0.975);} .about-section.is-visible .about-badge{animation:0.66s ease 0s 1 normal forwards running aboutCopyIn;} .about-section.is-visible .about-copy h2{animation:0.7s ease 0.08s 1 normal forwards running aboutCopyIn;} .about-section.is-visible .about-copy p:nth-of-type(1){animation:0.7s ease 0.16s 1 normal forwards running aboutCopyIn;} .about-section.is-visible .about-copy p:nth-of-type(2){animation:0.7s ease 0.24s 1 normal forwards running aboutCopyIn;} .about-section.is-visible .about-mosaic{animation:0.8s ease 0.18s 1 normal forwards running aboutMosaicIn;} .about-section.is-visible .about-pillars article{animation:0.62s ease 0s 1 normal forwards running aboutCopyIn;} .about-section.is-visible .about-pillars article:nth-child(1){animation-delay:0.34s;} .about-section.is-visible .about-pillars article:nth-child(2){animation-delay:0.44s;} .about-section.is-visible .about-pillars article:nth-child(3){animation-delay:0.54s;} .about-copy h2{max-width:620px;margin:24px 0px;color:var(--green-950);font-size:clamp(2.35rem,4.2vw,3.7rem);line-height:1.08;} .about-copy p{max-width:660px;margin:0px 0px 22px;color:rgb(23,43,42);font-size:1.05rem;line-height:1.6;} .about-copy strong{color:var(--green-500);} .about-pillars{display:grid;grid-template-columns:repeat(3,minmax(0px,1fr));max-width:620px;margin-top:44px;} .about-pillars article{display:grid;justify-items:center;gap:12px;padding:0px 24px;text-align:center;border-right:1px solid rgba(5,58,50,0.16);transition:border-color 0.24s,transform 0.24s;} .about-pillars article:last-child{border-right:0px;} .about-pillars svg{width:56px;height:56px;color:var(--green-500);fill:none;stroke:currentcolor;stroke-width:1.6;transition:color 0.24s,transform 0.24s,filter 0.24s;} .about-pillars h3{max-width:130px;margin:0px;color:var(--gray-950);font-size:1rem;line-height:1.25;transition:color 0.24s;} .about-pillars article:hover{border-right-color:rgba(19,182,79,0.32);transform:translateY(-2px);} .about-pillars article:hover svg{color:var(--green-700);filter:drop-shadow(rgba(19,182,79,0.14) 0px 8px 14px);transform:scale(1.08);} .about-pillars article:hover h3{color:var(--green-800);} .about-mosaic{position:relative;display:grid;grid-template-columns:1.35fr 0.9fr;grid-template-rows:220px 220px 190px;gap:16px;min-height:650px;--about-parallax-x:0px;--about-parallax-y:0px;} .about-mosaic img{width:100%;height:100%;object-fit:cover;border:4px solid rgba(255,255,255,0.9);border-radius:18px;box-shadow:rgba(5,58,50,0.16) 0px 20px 44px;transition:transform 0.5s,box-shadow 0.3s,border-color 0.3s;} .about-mosaic img:hover{border-color:rgb(255,255,255);box-shadow:rgba(5,58,50,0.22) 0px 26px 58px;} .about-video-stage{display:grid;place-items:center;grid-template-columns:1fr;grid-template-rows:1fr;min-height:660px;isolation:isolate;} .about-video-stage::before{content:"";position:absolute;inset:6% 4%;z-index:-1;border-radius:999px;background:radial-gradient(circle,rgba(57,217,107,0.3),rgba(54,185,184,0.14) 42%,transparent 70%);filter:blur(16px);} .about-video-stage::after{content:"";position:absolute;right:2%;top:2%;width:130px;height:130px;opacity:0.16;background-image:radial-gradient(circle,var(--green-500) 2px,transparent 2px);background-size:16px 16px;} .about-video-frame{position:relative;display:block;width:clamp(310px,28vw,380px);aspect-ratio:9 / 16;align-self:center;overflow:hidden;border:7px solid rgba(255,255,255,0.96);border-radius:38px;background:linear-gradient(rgba(255,255,255,0.9),rgba(240,251,246,0.78)),rgba(3,44,38,0.08);box-shadow:rgba(5,58,50,0.22) 0px 28px 70px,rgba(5,58,50,0.12) 0px 0px 0px 1px,rgba(57,217,107,0.22) 0px 0px 90px;transform:translateZ(0px);} .about-video-frame::before{content:"";position:absolute;left:50%;top:12px;z-index:2;width:92px;height:22px;border-radius:999px;background:rgba(0,0,0,0.86);transform:translateX(-50%);pointer-events:none;} .about-video-frame::after{content:"";position:absolute;inset:0px;z-index:1;border-radius:30px;box-shadow:rgba(255,255,255,0.18) 0px 0px 0px 1px inset,rgba(3,44,38,0.12) 0px -32px 60px inset;pointer-events:none;} .about-video-frame iframe{display:block;width:100%;height:100%;border:0px;} .about-video-end{position:absolute;inset:0px;z-index:4;display:grid;place-items:center;align-content:center;gap:14px;padding:32px;text-align:center;color:var(--white);background:radial-gradient(circle at 50% 28%,rgba(57,217,107,0.28),transparent 34%),linear-gradient(160deg,rgba(3,44,38,0.98),rgba(5,83,71,0.96));opacity:0;visibility:hidden;pointer-events:none;transition:opacity 0.28s,visibility 0.28s;} .about-video-frame.is-ended .about-video-end{opacity:1;visibility:visible;pointer-events:auto;} .about-video-end img{width:74px;height:74px;object-fit:contain;margin-bottom:6px;filter:drop-shadow(rgba(57,217,107,0.22) 0px 16px 28px);} .about-video-end strong{max-width:260px;font-size:1.28rem;line-height:1.12;} .about-video-end p{max-width:270px;margin:0px;color:rgba(255,255,255,0.78);font-size:0.92rem;line-height:1.45;} .about-video-end .btn{min-height:44px;margin-top:4px;padding:0px 18px;font-size:0.86rem;} .about-video-end button{border:0px;padding:0px;color:rgba(255,255,255,0.72);background:transparent;cursor:pointer;font-size:0.84rem;font-weight:800;text-decoration:underline;text-underline-offset:4px;} .about-video-end button:hover,.about-video-end button:focus-visible{color:var(--green-400);} .about-video-chip{position:absolute;z-index:3;display:inline-flex;align-items:center;gap:8px;max-width:165px;padding:11px 13px;border:1px solid rgba(255,255,255,0.78);border-radius:14px;color:var(--gray-950);background:rgba(255,255,255,0.84);box-shadow:rgba(5,58,50,0.14) 0px 16px 38px;backdrop-filter:blur(12px);font-size:0.86rem;font-weight:850;line-height:1.2;} .about-video-chip svg{flex:0 0 auto;width:24px;height:24px;color:var(--green-500);fill:none;stroke:currentcolor;stroke-width:1.7;} .about-video-chip-left{left:calc(50% - 285px);top:33%;} .about-video-chip-right{right:calc(50% - 305px);top:58%;} .about-video-note{position:absolute;left:calc(50% + 18px);bottom:0.5%;display:inline-flex;align-items:flex-start;gap:8px;color:var(--green-700);font-family:"Segoe Print","Comic Sans MS","Bradley Hand ITC",cursive;font-weight:700;font-size:1.12rem;line-height:1.05;letter-spacing:0px;transform:rotate(-3deg);white-space:nowrap;} .about-video-note svg{width:44px;height:48px;margin-top:-28px;color:var(--green-700);fill:none;stroke:currentcolor;stroke-width:3;stroke-linecap:round;stroke-linejoin:round;} .about-video-note span{display:block;} .about-pixels{position:absolute;width:210px;height:210px;opacity:0.32;background-image:linear-gradient(45deg,rgba(19,182,79,0.32) 0px,rgba(19,182,79,0.32) 50%,transparent 50%),linear-gradient(45deg,rgba(19,182,79,0.18) 0px,rgba(19,182,79,0.18) 50%,transparent 50%);background-size:34px 34px,22px 22px;background-position:0px 0px,14px 12px;transform:rotate(45deg);animation:10s ease-in-out 0s infinite normal none running aboutPixelsFloat;} .about-pixels-left{left:-42px;bottom:-44px;} .about-pixels-right{right:16px;top:28px;animation-delay:-4s;} .content-section{position:relative;overflow:hidden;background:radial-gradient(circle at 78% 18%,rgba(57,217,107,0.1),transparent 28%),linear-gradient(rgb(251,253,252),rgb(241,251,246) 70%,rgb(249,252,251));} .content-waves{position:absolute;left:-7%;bottom:-8%;width:42%;height:270px;pointer-events:none;opacity:0.42;background:repeating-radial-gradient(at left bottom,transparent 0px,transparent 22px,rgba(19,182,79,0.28) 23px,rgba(19,182,79,0.28) 24px,transparent 25px,transparent 38px);transform:rotate(8deg);animation:9s ease-in-out 0s infinite normal none running contentWaveDrift;} .content-editorial{position:relative;display:grid;grid-template-columns:minmax(300px,0.78fr) minmax(520px,1.22fr);gap:64px;align-items:start;} .content-copy,.featured-content,.content-list article{opacity:0;} .content-copy{transform:translateY(22px);} .featured-content{transform:scale(0.975);} .content-list article{transform:translateY(16px);} .content-section.is-visible .content-copy{animation:0.72s ease 0s 1 normal forwards running contentCopyIn;} .content-section.is-visible .featured-content{animation:0.78s ease 0.12s 1 normal forwards running contentFeatureIn;} .content-section.is-visible .content-list article{animation:0.62s ease 0s 1 normal forwards running contentItemIn;} .content-section.is-visible .content-list article:nth-child(1){animation-delay:0.24s;} .content-section.is-visible .content-list article:nth-child(2){animation-delay:0.36s;} .content-section.is-visible .content-list article:nth-child(3){animation-delay:0.48s;} .content-copy h2{margin:18px 0px 24px;color:var(--green-950);font-size:clamp(2.4rem,4.7vw,4rem);line-height:1.08;} .section-line{display:block;width:64px;height:2px;margin-bottom:34px;background:var(--green-500);} .content-copy p{max-width:470px;margin:0px 0px 38px;color:var(--gray-600);font-size:1.05rem;line-height:1.7;} .content-all-link,.featured-content a,.content-list a{display:inline-flex;align-items:center;gap:14px;color:var(--green-700);font-weight:900;} .content-all-link{position:relative;padding-bottom:14px;border-bottom:0px;} .content-all-link::after{content:"";position:absolute;left:0px;right:0px;bottom:0px;height:1px;background:rgba(19,182,79,0.54);transform:scaleX(0.82);transform-origin:left center;transition:transform 0.24s,background 0.24s;} .content-all-link span,.featured-content a span,.content-list a span{transition:transform 0.24s;} .content-all-link:hover::after,.content-all-link:focus-visible::after{background:var(--green-500);transform:scaleX(1);} .content-all-link:hover span,.content-all-link:focus-visible span,.featured-content a:hover span,.featured-content a:focus-visible span,.content-list a:hover span,.content-list a:focus-visible span{transform:translateX(5px);} .content-main{display:grid;gap:22px;} .featured-content{position:relative;display:grid;align-items:end;min-height:360px;padding:34px;border-radius:18px;overflow:hidden;color:var(--white);background:var(--green-950);box-shadow:rgba(5,58,50,0.16) 0px 24px 54px;--content-glow-x:50%;--content-glow-y:50%;transition:box-shadow 0.28s,transform 0.28s;} .featured-content::before{content:"";position:absolute;inset:0px;z-index:1;background:linear-gradient(90deg,rgba(2,27,24,0.93),rgba(2,27,24,0.56) 48%,rgba(2,27,24,0.08)),linear-gradient(rgba(2,27,24,0.08),rgba(2,27,24,0.45));} .featured-content::after{content:"";position:absolute;inset:0px;z-index:1;pointer-events:none;background:radial-gradient(circle at var(--content-glow-x) var(--content-glow-y),rgba(57,217,107,0.2),transparent 34%);opacity:0;transition:opacity 0.24s;} .featured-content img{position:absolute;inset:0px;width:100%;height:100%;object-fit:cover;transition:transform 0.6s;} .featured-content > div{position:relative;z-index:2;max-width:390px;} .featured-content span,.content-list article > div > span{display:inline-flex;width:max-content;padding:6px 10px;border-radius:999px;font-size:0.76rem;font-weight:900;text-transform:uppercase;} .featured-content span{margin-bottom:22px;color:var(--green-400);border:1px solid rgba(57,217,107,0.56);background:rgba(3,44,38,0.38);} .content-list article > div > span{color:var(--green-700);background:rgba(57,217,107,0.14);} .featured-content h3{margin:0px 0px 18px;font-size:clamp(2rem,3.5vw,3rem);line-height:1.08;} .featured-content p{margin:0px 0px 26px;color:rgba(255,255,255,0.88);font-size:1.05rem;line-height:1.55;} .featured-content a{color:var(--green-400);} .featured-content:hover{box-shadow:rgba(5,58,50,0.22) 0px 30px 68px;transform:translateY(-4px);} .featured-content:hover::after{opacity:1;} .featured-content:hover img{transform:scale(1.045);} .content-list{display:grid;} .content-list article{display:grid;grid-template-columns:72px minmax(0px,1fr) auto;align-items:center;gap:22px;padding:24px 0px;border-bottom:1px solid rgba(5,58,50,0.12);transition:border-color 0.24s,transform 0.24s;} .content-list-icon{display:grid;place-items:center;width:72px;height:72px;border-radius:50%;color:var(--green-500);background:linear-gradient(135deg,rgba(57,217,107,0.16),rgba(223,248,240,0.95));transition:transform 0.24s,box-shadow 0.24s,background 0.24s;} .content-list-icon svg{width:34px;height:34px;fill:none;stroke:currentcolor;stroke-width:1.8;} .content-list-icon .content-pix-icon{fill:currentcolor;stroke:none;} .content-list h3{max-width:470px;margin:9px 0px 0px;color:var(--green-950);font-size:1.2rem;line-height:1.25;transition:color 0.24s;} .content-list a{white-space:nowrap;} .content-list article:hover{border-bottom-color:rgba(19,182,79,0.34);transform:translateX(2px);} .content-list article:hover .content-list-icon{background:linear-gradient(135deg,rgba(57,217,107,0.24),rgb(223,248,240));box-shadow:rgba(19,182,79,0.14) 0px 12px 26px;transform:scale(1.06);} .content-list article:hover h3{color:var(--green-800);} .faq-section{position:relative;overflow:hidden;padding:84px 0px;background:radial-gradient(circle at 16% 18%,rgba(57,217,107,0.12),transparent 28%),radial-gradient(circle at 84% 78%,rgba(34,197,180,0.09),transparent 30%),linear-gradient(rgb(247,252,250) 0%,rgb(238,249,243) 100%);} .faq-shell{position:relative;z-index:1;} .faq-section .section-heading{max-width:780px;} .faq-list{display:grid;gap:12px;max-width:920px;margin:38px auto 0px;} .faq-item{border:1px solid rgba(8,77,58,0.1);border-radius:18px;background:rgba(255,255,255,0.82);box-shadow:rgba(7,54,42,0.07) 0px 18px 48px;overflow:hidden;transition:transform 220ms,border-color 220ms,box-shadow 220ms,background 220ms;} .faq-item:hover,.faq-item[open]{border-color:rgba(19,182,79,0.22);box-shadow:rgba(7,54,42,0.1) 0px 24px 60px;} .faq-item:hover{transform:translateY(-2px);} .faq-item summary{position:relative;display:flex;align-items:center;justify-content:space-between;gap:18px;min-height:66px;padding:18px 58px 18px 22px;color:var(--green-950);font-size:1rem;font-weight:800;cursor:pointer;list-style:none;} .faq-item summary::-webkit-details-marker{display:none;} .faq-item summary::after{content:"+";position:absolute;top:50%;right:22px;display:grid;place-items:center;width:30px;height:30px;color:var(--green-700);border:1px solid rgba(19,182,79,0.22);border-radius:999px;background:rgba(57,217,107,0.1);transform:translateY(-50%);transition:transform 220ms,background 220ms,color 220ms;} .faq-item[open] summary::after{content:"-";color:var(--white);background:var(--green-500);transform:translateY(-50%) rotate(180deg);} .faq-answer{display:grid;grid-template-rows:0fr;opacity:0;transition:grid-template-rows 260ms,opacity 240ms;} .faq-item[open] .faq-answer{grid-template-rows:1fr;opacity:1;} .faq-answer p{min-height:0px;margin:0px;padding:0px 58px 20px 22px;color:var(--gray-600);line-height:1.65;overflow:hidden;} .faq-cta{display:flex;align-items:center;justify-content:center;gap:18px;margin-top:32px;text-align:center;} .faq-cta p{margin:0px;color:var(--green-950);font-size:1.05rem;font-weight:800;} .faq-cta .btn{min-height:48px;} @media (max-width:640px){.faq-section{padding:62px 0px;} .faq-list{margin-top:28px;} .faq-item{border-radius:16px;} .faq-item summary{min-height:58px;padding:16px 52px 16px 18px;font-size:0.94rem;line-height:1.28;} .faq-item summary::after{right:16px;width:28px;height:28px;} .faq-answer p{padding:0px 18px 18px;font-size:0.94rem;} .faq-cta{display:grid;gap:14px;} .faq-cta .btn{width:100%;justify-content:center;}} .final-cta{position:relative;overflow:hidden;padding:70px 0px;background:radial-gradient(circle at 88% 38%,rgba(57,217,107,0.24),transparent 24%),linear-gradient(135deg,var(--green-900),var(--green-950));} .final-cta::before{content:"";position:absolute;inset:18px;border:1px solid rgba(255,255,255,0.09);border-radius:22px;pointer-events:none;} .final-cta-grid{position:relative;z-index:1;display:grid;grid-template-columns:1fr auto;gap:28px;align-items:center;} .final-cta h2{max-width:650px;margin:8px 0px 12px;font-size:clamp(2rem,4vw,3.25rem);line-height:1.05;} .final-cta p{max-width:610px;margin-bottom:0px;color:rgba(255,255,255,0.78);} .final-actions{display:flex;flex-wrap:wrap;gap:12px;justify-content:end;} .site-footer{color:rgba(255,255,255,0.78);background:rgb(2,27,24);} .footer-grid{display:grid;grid-template-columns:1.4fr repeat(4,1fr);gap:34px;padding:56px 0px 34px;} .footer-grid h2{margin-bottom:14px;color:var(--white);font-size:0.94rem;} .footer-grid a,.footer-grid p{display:block;margin:0px 0px 9px;font-size:0.9rem;} .footer-brand p{max-width:280px;margin:16px 0px;} .social-links{display:flex;gap:9px;} .social-links a{display:inline-grid;place-items:center;width:34px;height:34px;margin:0px;border:1px solid rgba(255,255,255,0.14);border-radius:999px;color:rgba(255,255,255,0.82);transition:color 0.2s,border-color 0.2s,transform 0.2s;} .social-links a:hover{color:var(--green-400);border-color:rgba(57,217,107,0.38);transform:translateY(-2px);} .social-links svg{width:18px;height:18px;fill:none;stroke:currentcolor;stroke-width:1.8;} .social-links .js-whatsapp-link svg{fill:currentcolor;stroke:none;} .payment-badges{display:grid;grid-template-columns:repeat(2,minmax(0px,1fr));gap:8px;} .payment-badges span{display:grid;place-items:center;min-height:34px;padding:0px 10px;color:var(--green-950);border-radius:6px;background:var(--white);font-size:0.74rem;font-weight:900;} .footer-bottom{display:flex;justify-content:space-between;gap:24px;padding:18px 0px 26px;border-top:1px solid rgba(255,255,255,0.1);} .footer-bottom p{margin:0px;} .footer-bottom nav{display:flex;flex-wrap:wrap;gap:18px;} .whatsapp-widget{position:fixed;right:22px;bottom:22px;z-index:45;} .floating-whatsapp{display:grid;place-items:center;width:62px;height:62px;color:var(--white);border:0px;border-radius:999px;background:linear-gradient(135deg,var(--green-500),var(--green-700));box-shadow:rgba(19,182,79,0.34) 0px 16px 32px,rgba(57,217,107,0.08) 0px 0px 0px 8px;cursor:pointer;animation:3.2s ease-in-out 0s infinite normal none running whatsappPulse;transition:transform 0.22s,box-shadow 0.22s;} .floating-whatsapp:hover,.floating-whatsapp:focus-visible,.whatsapp-widget.is-open .floating-whatsapp{transform:translateY(-3px);box-shadow:rgba(19,182,79,0.42) 0px 20px 40px,rgba(57,217,107,0.11) 0px 0px 0px 10px;} .floating-whatsapp .icon-whatsapp{width:25px;height:25px;} .cookie-banner{position:fixed;right:24px;bottom:24px;z-index:120;display:grid;grid-template-columns:minmax(0px,1fr) auto;gap:18px;align-items:center;width:min(760px,100% - 48px);padding:18px;border:1px solid rgba(57,217,107,0.22);border-radius:20px;color:var(--white);background:radial-gradient(circle at 92% 18%,rgba(57,217,107,0.16),transparent 32%),rgba(3,44,38,0.96);box-shadow:rgba(0,0,0,0.28) 0px 24px 80px,rgba(255,255,255,0.08) 0px 1px 0px inset;backdrop-filter:blur(16px) saturate(1.1);opacity:0;pointer-events:none;transform:translateY(18px);transition:opacity 260ms,transform 260ms;} .cookie-banner.is-visible{opacity:1;pointer-events:auto;transform:translateY(0px);} .cookie-banner-content{display:grid;gap:6px;} .cookie-banner strong{color:var(--white);font-size:1rem;} .cookie-banner p{margin:0px;color:rgba(255,255,255,0.78);font-size:0.92rem;line-height:1.5;} .cookie-banner-actions{display:flex;gap:10px;align-items:center;} .cookie-banner-actions a,.cookie-banner-actions button{min-height:42px;border-radius:999px;font-style:inherit;font-variant:inherit;font-stretch:inherit;line-height:inherit;font-family:inherit;font-optical-sizing:inherit;font-size-adjust:inherit;font-kerning:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-language-override:inherit;font-size:0.88rem;font-weight:800;white-space:nowrap;transition:transform 180ms,box-shadow 180ms,border-color 180ms;} .cookie-banner-actions a{display:inline-flex;align-items:center;justify-content:center;padding:0px 16px;color:rgba(255,255,255,0.9);border:1px solid rgba(255,255,255,0.18);text-decoration:none;} .cookie-banner-actions button{padding:0px 18px;color:var(--green-950);border:0px;background:linear-gradient(135deg,rgb(57,217,107),rgb(155,230,12));box-shadow:rgba(57,217,107,0.24) 0px 12px 30px;cursor:pointer;} .cookie-banner-actions a:hover,.cookie-banner-actions a:focus-visible,.cookie-banner-actions button:hover,.cookie-banner-actions button:focus-visible{transform:translateY(-1px);} .whatsapp-chat{display:none;position:absolute;right:0px;bottom:78px;width:min(320px,-32px + 100vw);padding:20px;border:1px solid rgba(19,182,79,0.16);border-radius:18px;color:var(--green-950);background:rgba(255,255,255,0.98);box-shadow:rgba(5,58,50,0.2) 0px 24px 60px;opacity:0;pointer-events:none;transform:translateY(10px) scale(0.98);transition:opacity 0.22s,transform 0.22s;} .whatsapp-chat::after{content:"";position:absolute;right:22px;bottom:-8px;width:16px;height:16px;background:rgba(255,255,255,0.98);border-right:1px solid rgba(19,182,79,0.16);border-bottom:1px solid rgba(19,182,79,0.16);transform:rotate(45deg);} .whatsapp-widget:hover .whatsapp-chat,.whatsapp-widget:focus-within .whatsapp-chat,.whatsapp-widget.is-open .whatsapp-chat{opacity:1;pointer-events:auto;transform:translateY(0px) scale(1);} .whatsapp-chat-close{position:absolute;top:10px;right:10px;display:grid;place-items:center;width:28px;height:28px;border:0px;border-radius:999px;color:var(--gray-600);background:rgba(5,58,50,0.06);cursor:pointer;} .whatsapp-chat-brand{display:flex;align-items:center;gap:10px;margin-bottom:14px;} .whatsapp-chat-brand img{width:34px;height:34px;} .whatsapp-chat-brand strong{color:var(--green-950);} .whatsapp-chat p{margin:0px 0px 8px;padding-right:18px;color:var(--green-950);font-weight:800;line-height:1.3;} .whatsapp-chat small{display:block;margin-bottom:16px;color:var(--gray-600);} .whatsapp-chat .btn{width:100%;justify-content:center;min-height:44px;padding:12px 14px;} @keyframes headerReveal{0%{opacity:0;transform:translateY(-12px);} 100%{opacity:1;transform:translateY(0px);}} @keyframes whatsappPulse{0%,100%{transform:scale(1);} 50%{transform:scale(1.035);}} @keyframes heroTextReveal{0%{opacity:0;transform:translateY(18px);} 100%{opacity:1;transform:translateY(0px);}} @keyframes formReveal{0%{opacity:0;transform:translateY(14px) scale(0.98);} 100%{opacity:1;transform:translateY(0px) scale(1);}} @keyframes benefitReveal{0%{opacity:0;transform:translateY(10px);} 100%{opacity:1;transform:translateY(0px);}} @keyframes heroGlowDrift{0%{transform:translate3d(-1.4%,-0.8%,0px) scale(1);} 100%{transform:translate3d(2%,1.4%,0px) scale(1.06);}} @keyframes heroLightSweep{0%{transform:translate3d(-0.8%,0px,0px);opacity:0.48;} 100%{transform:translate3d(1.1%,-0.6%,0px);opacity:0.62;}} @keyframes pixelFloat{0%{transform:translate3d(0px,0px,0px) rotate(45deg);} 100%{transform:translate3d(0px,-10px,0px) rotate(45deg);}} @keyframes cursorBlink{0%,42%{opacity:1;} 43%,100%{opacity:0;}} @keyframes orbitDrift{100%{transform:translate(-50%,-50%) rotate(360deg);}} @keyframes connectionPulse{0%,100%{transform:translate(-50%,-50%) scale(0.86);opacity:0.58;} 50%{transform:translate(-50%,-50%) scale(1.08);opacity:1;}} @keyframes connectionFlow{0%{top:-42px;opacity:0;} 12%,82%{opacity:1;} 100%{top:100%;opacity:0;}} @keyframes centerPulse{0%,100%{transform:translate(-50%,-50%) scale(1);} 50%{transform:translate(-50%,-50%) scale(1.025);}} @keyframes centerHaloSpin{100%{transform:rotate(360deg);}} @keyframes portalCenterPulse{0%,100%{opacity:0.42;transform:scale(0.98) rotate(0deg);box-shadow:rgba(57,217,107,0) 0px 0px 0px;} 50%{opacity:0.72;transform:scale(1.045) rotate(4deg);box-shadow:rgba(30,191,205,0.2) 0px 0px 46px,rgba(166,230,25,0.16) 0px 0px 68px;}} @keyframes portalCenterPulseOuter{0%,100%{opacity:0.28;transform:scale(0.96);} 50%{opacity:0.56;transform:scale(1.06);}} @keyframes audienceTileIn{0%{opacity:0;transform:translateY(18px);} 100%{opacity:1;transform:translateY(0px);}} @keyframes processStepIn{0%{opacity:0;transform:translateY(14px);} 100%{opacity:1;transform:translateY(0px);}} @keyframes mapFadeIn{0%{opacity:0;transform:scale(0.97);} 100%{opacity:1;transform:scale(1);}} @keyframes mapGlowPulse{0%,100%{opacity:0.72;transform:scale(0.96);} 50%{opacity:1;transform:scale(1.04);}} @keyframes processLogoPulse{0%,100%{transform:translate(-50%,-50%) scale(0.98);} 50%{transform:translate(-50%,-50%) scale(1.04);}} @keyframes contentCopyIn{0%{opacity:0;transform:translateY(22px);} 100%{opacity:1;transform:translateY(0px);}} @keyframes contentFeatureIn{0%{opacity:0;transform:scale(0.975);} 100%{opacity:1;transform:scale(1);}} @keyframes contentItemIn{0%{opacity:0;transform:translateY(16px);} 100%{opacity:1;transform:translateY(0px);}} @keyframes contentWaveDrift{0%,100%{opacity:0.34;transform:translate3d(0px,0px,0px) rotate(8deg);} 50%{opacity:0.48;transform:translate3d(16px,-8px,0px) rotate(8deg);}} @keyframes aboutCopyIn{0%{opacity:0;transform:translateY(18px);} 100%{opacity:1;transform:translateY(0px);}} @keyframes aboutMosaicIn{0%{opacity:0;transform:scale(0.975);} 100%{opacity:1;transform:scale(1);}} @keyframes aboutPixelsFloat{0%,100%{opacity:0.24;transform:translate3d(0px,0px,0px) rotate(45deg);} 50%{opacity:0.36;transform:translate3d(12px,-10px,0px) rotate(45deg);}} @keyframes supportMosaicIn{0%{opacity:0;transform:translateY(14px);} 100%{opacity:1;transform:translateY(0px);}} @keyframes supportGlowDrift{0%,100%{opacity:0.18;transform:translate3d(0px,0px,0px) scale(1);} 50%{opacity:0.24;transform:translate3d(-16px,14px,0px) scale(1.04);}} @keyframes supportPixelsDrift{0%,100%{opacity:0.14;transform:translate3d(0px,0px,0px);} 50%{opacity:0.19;transform:translate3d(8px,-6px,0px);}} @keyframes supportMarkGlow{0%,100%{opacity:0.88;transform:scale(1);} 50%{opacity:1;transform:scale(1.035);}} @keyframes supportButtonPulse{0%,100%{transform:scale(1);} 50%{transform:scale(1.018);}} @keyframes supportButtonSweep{0%,64%{transform:translateX(-120%);} 84%,100%{transform:translateX(120%);}} @media (hover:none){.audience-tile::before{opacity:0.68;} .audience-tile::after{opacity:0.18;} .audience-tile img{filter:saturate(1.02) contrast(1.05);}} @media (prefers-reduced-motion:reduce){*,::before,::after{animation-duration:0.001ms !important;animation-iteration-count:1 !important;scroll-behavior:auto !important;transition-duration:0.001ms !important;} .content-copy,.featured-content,.content-list article,.about-badge,.about-copy h2,.about-copy p,.about-mosaic,.about-pillars article{opacity:1 !important;transform:none !important;}} @media (max-width:1080px){.site-header{grid-template-columns:auto auto;justify-content:space-between;} .header-cta,.main-nav{display:none;} .nav-toggle{display:inline-grid;place-items:center;width:44px;height:44px;border:0px;border-radius:999px;background:rgba(255,255,255,0.1);} .nav-toggle span{display:block;width:18px;height:2px;margin:3px 0px;border-radius:99px;background:var(--white);} .main-nav.is-open{position:fixed;top:76px;left:20px;right:20px;display:grid;gap:0px;justify-content:stretch;padding:12px;border:1px solid rgba(255,255,255,0.12);border-radius:18px;background:rgba(3,44,38,0.98);} .main-nav.is-open > a,.main-nav.is-open .nav-link-button{padding:14px;color:rgba(255,255,255,0.9);text-align:left;} .main-nav.is-open .nav-item{display:grid;} .main-nav.is-open .nav-link-button{justify-content:space-between;} .main-nav.is-open .mega-menu{position:static;display:none;width:auto;padding:16px;margin:0px 6px 8px;color:var(--green-950);border-radius:14px;opacity:1;pointer-events:auto;transform:none;} .main-nav.is-open .nav-mega.is-open .mega-menu{display:grid;} .main-nav.is-open .mega-columns{grid-template-columns:1fr;gap:12px;} .main-nav.is-open .mega-feature{display:none;} .main-nav.is-open .mega-column a{padding:6px 0px;} .hero-grid,.split-grid,.why-grid,.about-grid,.final-cta-grid{grid-template-columns:1fr;} .about-copy h2,.about-copy p{max-width:none;} .about-mosaic{max-width:760px;margin-inline:auto;} .about-video-stage{max-width:100%;min-height:620px;} .process-shell{padding:0px;} .process-layout{grid-template-columns:1fr;gap:34px;} .process-map{min-height:auto;} .process-highlights{max-width:none;margin:10px 0px 0px;} .content-editorial{grid-template-columns:1fr;gap:36px;} .content-copy p{max-width:720px;} .hero{min-height:auto;} .proposal-card{max-width:520px;} .solutions-grid,.features-grid{grid-template-columns:repeat(2,minmax(0px,1fr));} .audience-mosaic{grid-template-columns:repeat(6,minmax(0px,1fr));grid-auto-rows:140px;} .audience-feature{grid-area:span 3 / span 6;} .tile-wellness,.tile-commerce,.tile-food,.tile-delivery,.tile-split,.tile-online,.tile-smb{grid-column:span 3;} .mini-solutions{grid-template-columns:repeat(2,minmax(0px,1fr));} .footer-grid{grid-template-columns:repeat(2,minmax(0px,1fr));} .final-actions{justify-content:start;} .solutions-shell{grid-template-columns:1fr;padding:30px 0px;} .solutions-copy{max-width:680px;} .solutions-ecosystem{min-height:620px;} .pos-right,.pos-left{top:50%;}} @media (max-width:720px){.container{width:min(100% - 48px,var(--container));} .section{padding:64px 0px;} .site-header{width:calc(100% - 24px);margin-top:10px;} .brand span{font-size:0.94rem;} .hero{padding:112px 0px 56px;} .hero .eyebrow{max-width:100%;font-size:0.72rem;line-height:1.35;} .hero h1{max-width:100%;font-size:clamp(2rem,8.7vw,2.7rem);line-height:1.02;} .dynamic-title{min-width:min(8.8em,100%);white-space:normal;} .hero-copy p{max-width:100%;font-size:1rem;} .hero-media img{object-position:64% center;opacity:0.22;filter:blur(4px) saturate(0.92) contrast(1.08);} .hero-overlay{background:linear-gradient(90deg,rgba(1,17,15,0.98),rgba(3,44,38,0.91)),radial-gradient(circle at 78% 28%,rgba(57,217,107,0.18),transparent 34%);} .hero::before{inset:-16% -28% 36% 18%;opacity:0.52;filter:blur(28px);} .hero::after{opacity:0.42;} .hero-grid{gap:32px;} .hero-grid::before{right:18px;top:74px;opacity:0.24;transform:rotate(45deg) scale(0.78);} .hero-grid::after{display:none;} .hero-badges,.solutions-grid,.features-grid,.mini-solutions,.flow-list{grid-template-columns:1fr;} .hero-actions,.final-actions,.audience-cta{display:grid;} .audience-mosaic{grid-template-columns:1fr;grid-auto-rows:auto;gap:12px;} .audience-feature,.tile-wellness,.tile-commerce,.tile-food,.tile-delivery,.tile-split,.tile-online,.tile-smb{grid-area:auto;} .audience-tile{min-height:190px;border-radius:16px;} .audience-feature{min-height:430px;padding:22px;} .audience-feature h3{font-size:clamp(2rem,10vw,2.6rem);} .audience-cta{padding:20px;} .process-shell{padding:0px;} .process-layout{gap:28px;margin-top:32px;} .process-timeline{gap:20px;} .process-timeline li{grid-template-columns:42px 52px minmax(0px,1fr);gap:12px;} .step-number{width:42px;height:42px;} .step-icon{width:52px;height:52px;} .process-map-art{width:min(118%,560px);} .process-highlights{grid-template-columns:1fr;border-left:0px;} .process-highlights article{border-right:0px;border-top:1px solid rgba(5,58,50,0.12);} .content-copy h2{font-size:clamp(2.1rem,9vw,2.9rem);} .featured-content{min-height:420px;padding:24px;} .content-list article{grid-template-columns:58px minmax(0px,1fr);gap:14px;} .content-list-icon{width:58px;height:58px;} .content-list a{grid-column:2;justify-self:start;} .about-grid{gap:38px;} .about-badge{min-height:38px;padding:8px 14px;} .about-copy h2{font-size:clamp(2rem,9vw,2.9rem);} .about-pillars{grid-template-columns:1fr;gap:18px;margin-top:30px;} .about-pillars article{grid-template-columns:54px 1fr;place-items:center start;padding:0px;text-align:left;border-right:0px;} .about-pillars h3{max-width:none;} .about-mosaic{grid-template-columns:1fr;grid-template-rows:repeat(4,220px);min-height:auto;} .about-video-stage{display:grid;grid-template-columns:1fr;grid-template-rows:1fr;min-height:620px;} .about-video-frame{display:block;grid-template-columns:none;grid-template-rows:none;min-height:auto;width:min(360px,86vw);aspect-ratio:9 / 16;} .about-video-frame iframe{min-height:0px;} .about-video-chip{padding:11px 12px;font-size:0.85rem;} .about-video-chip svg{width:24px;height:24px;} .about-video-chip-left{left:0px;top:20%;} .about-video-chip-right{right:0px;top:62%;} .about-video-note{left:50%;bottom:0px;font-size:1.02rem;transform:translateX(-42%) rotate(-3deg);white-space:nowrap;} .about-video-note svg{width:36px;height:40px;margin-top:-22px;} .about-video-stage{min-height:570px;} .about-video-chip{display:none;} .proposal-card{padding:22px;border-radius:16px;} .solutions-shell{padding:18px 0px;} .solutions-copy h2{font-size:clamp(2rem,9vw,2.7rem);} .solution-benefits article{grid-template-columns:46px 1fr;gap:14px;} .solution-benefits article > span{width:44px;height:44px;} .solutions-actions{display:grid;gap:16px;} .solutions-link{justify-content:center;} .solutions-ecosystem{display:grid;grid-template-columns:repeat(2,minmax(0px,1fr));gap:12px;min-height:auto;padding-top:150px;} .orbit-rings,.orbit-lines{display:none;} .ecosystem-center{left:50%;top:0px;width:118px;height:118px;} .ecosystem-center img{width:82px;height:82px;} .ecosystem-card,.pos-top,.pos-right-top,.pos-right,.pos-right-bottom,.pos-bottom,.pos-left-bottom,.pos-left,.pos-left-top{position:relative;inset:auto;width:auto;min-height:138px;transform:none;animation:auto ease 0s 1 normal none running none;} .footer-grid{grid-template-columns:1fr;} .footer-bottom{flex-direction:column;} .whatsapp-widget{right:16px;bottom:16px;} .floating-whatsapp{width:54px;height:54px;} .whatsapp-chat{bottom:68px;}} @keyframes benefitReveal{0%{opacity:0;transform:translateY(10px);} 100%{opacity:1;transform:translateY(0px);}} @media (max-width:980px){} @media (max-width:640px){} @keyframes machineHeroGlow{0%{transform:translate3d(-1.5%,1%,0px) scale(1);opacity:0.16;} 100%{transform:translate3d(1.5%,-1%,0px) scale(1.04);opacity:0.28;}} @media (max-width:980px){} @media (max-width:640px){} @media (max-width:640px){} @keyframes machineTechGlow{0%{transform:scale(0.98);opacity:0.72;} 100%{transform:scale(1.04);opacity:1;}} @media (max-width:1100px){} @media (max-width:720px){} @media (max-width:1180px){} @media (max-width:640px){} .internal-support-mosaic{position:relative;overflow:hidden;padding:clamp(78px,8vw,118px) 0px;color:rgb(255,255,255);background:radial-gradient(circle at 18% 18%,rgba(57,217,107,0.16),transparent 32%),radial-gradient(circle at 86% 78%,rgba(30,191,205,0.16),transparent 34%),linear-gradient(135deg,rgb(2,31,27) 0%,rgb(4,53,45) 52%,rgb(2,27,24) 100%);} .internal-support-mosaic::before,.internal-support-mosaic::after{content:"";position:absolute;pointer-events:none;} .internal-support-mosaic::before{left:3%;bottom:9%;width:128px;height:128px;opacity:0.16;background-image:radial-gradient(circle,rgba(57,217,107,0.7) 2px,transparent 2px);background-size:16px 16px;animation:10s ease-in-out 0s infinite normal none running supportPixelsDrift;} .internal-support-mosaic::after{right:-8%;top:-18%;width:520px;height:520px;border-radius:999px;opacity:0.22;background:radial-gradient(circle,rgba(34,197,180,0.34),transparent 62%);animation:12s ease-in-out 0s infinite normal none running supportGlowDrift;} .support-mosaic-head{position:relative;z-index:1;display:grid;justify-items:center;gap:18px;margin-bottom:clamp(34px,4vw,52px);text-align:center;opacity:0;transform:translateY(18px);transition:opacity 1300ms,transform 1300ms cubic-bezier(0.22,1,0.36,1);} .internal-support-mosaic.is-visible .support-mosaic-head{opacity:1;transform:translateY(0px);} .support-mosaic-head h2{max-width:980px;margin:0px;color:rgba(255,255,255,0.94);font-size:clamp(2.25rem,4.6vw,4.4rem);line-height:0.98;text-transform:uppercase;text-wrap:balance;text-shadow:rgba(0,0,0,0.26) 0px 16px 40px;} .support-mosaic-head h2 span{color:rgb(38,198,182);} .support-mosaic-mark{position:relative;width:86px;height:8px;} .support-mosaic-mark::before,.support-mosaic-mark::after{content:"";position:absolute;top:50%;transform:translateY(-50%);} .support-mosaic-mark::before{left:0px;width:68px;height:5px;border-radius:999px;background:linear-gradient(90deg,rgb(166,230,25),rgb(38,198,182));box-shadow:rgba(57,217,107,0.28) 0px 0px 20px;animation:2.8s ease-in-out 0s infinite normal none running supportMarkGlow;} .support-mosaic-mark::after{right:0px;width:7px;height:7px;border-radius:999px;background:rgb(38,198,182);} .support-mosaic-grid{position:relative;z-index:1;display:grid;grid-template-columns:repeat(2,minmax(0px,1fr));gap:clamp(16px,2vw,24px);width:min(1320px,100% - 48px);margin:0px auto;} .support-mosaic-card{position:relative;min-height:390px;overflow:hidden;border:1px solid rgba(255,255,255,0.12);border-radius:26px;background:rgb(5,42,37);box-shadow:rgba(0,0,0,0.28) 0px 28px 80px;isolation:isolate;opacity:0;transform:translateY(22px);transition:opacity 1300ms,transform 1300ms cubic-bezier(0.22,1,0.36,1),box-shadow 900ms,border-color 900ms;} .internal-support-mosaic.is-visible .support-mosaic-card{opacity:1;transform:translateY(0px);} .internal-support-mosaic.is-visible .support-mosaic-card:nth-child(1){transition-delay:140ms,140ms,0ms,0ms;} .internal-support-mosaic.is-visible .support-mosaic-card:nth-child(2){transition-delay:300ms,300ms,0ms,0ms;} .internal-support-mosaic.is-visible .support-mosaic-card:nth-child(3){transition-delay:440ms,440ms,0ms,0ms;} .support-mosaic-card:hover{border-color:rgba(57,217,107,0.18);box-shadow:rgba(0,0,0,0.31) 0px 31px 88px,rgba(57,217,107,0.06) 0px 0px 32px;transform:translateY(-3px);transition-delay:0ms,0ms,0ms,0ms;} .support-mosaic-card-large{grid-column:1 / -1;min-height:520px;} .support-mosaic-card img{position:absolute;inset:0px;width:100%;height:100%;object-fit:cover;object-position:center center;transform:scale(1.01);transition:transform 1200ms cubic-bezier(0.22,1,0.36,1),filter 1200ms;} .support-mosaic-card::before{content:"";position:absolute;inset:0px;z-index:1;background:linear-gradient(rgba(2,31,27,0.08) 0%,rgba(2,31,27,0.18) 42%,rgba(0,0,0,0.72) 100%),linear-gradient(90deg,rgba(2,31,27,0.58),transparent 62%);} .support-mosaic-card::after{content:"";position:absolute;inset:0px;z-index:2;opacity:0;background:radial-gradient(circle at 24% 72%,rgba(57,217,107,0.22),transparent 28%);transition:opacity 620ms;} .support-mosaic-content{position:absolute;left:clamp(24px,4vw,52px);right:clamp(24px,4vw,52px);bottom:clamp(26px,4vw,54px);z-index:3;display:grid;grid-template-columns:74px minmax(0px,1fr);align-items:center;gap:24px;max-width:720px;} .support-mosaic-icon{display:grid;place-items:center;width:74px;height:74px;border-radius:999px;color:rgb(255,255,255);background:radial-gradient(circle at 70% 22%,rgba(255,255,255,0.28),transparent 34%),linear-gradient(135deg,rgb(166,230,25),rgb(19,182,79));box-shadow:rgba(0,0,0,0.28) 0px 18px 42px,rgba(166,230,25,0.25) 0px 0px 28px,rgba(57,217,107,0.18) 0px 0px 0px 0px;transition:transform 620ms cubic-bezier(0.22,1,0.36,1),box-shadow 620ms;} .support-mosaic-icon svg{width:36px;height:36px;fill:none;stroke:currentcolor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round;} .support-mosaic-content h3{margin:0px 0px 8px;color:rgb(255,255,255);font-size:clamp(1.42rem,2.2vw,2.15rem);line-height:1.02;text-transform:uppercase;text-shadow:rgba(0,0,0,0.34) 0px 10px 28px;} .support-mosaic-content p{max-width:620px;margin:0px;color:rgba(255,255,255,0.9);font-size:clamp(0.98rem,1.25vw,1.15rem);line-height:1.38;text-shadow:rgba(0,0,0,0.32) 0px 8px 24px;} .support-mosaic-card:hover img{filter:saturate(1.035) contrast(1.025);transform:scale(1.025);} .support-mosaic-card:hover::after{opacity:1;} .support-mosaic-card:hover .support-mosaic-icon{transform:scale(1.025);box-shadow:rgba(0,0,0,0.28) 0px 19px 44px,rgba(166,230,25,0.26) 0px 0px 28px,rgba(57,217,107,0.07) 0px 0px 0px 5px;} .support-mosaic-cta{position:relative;z-index:1;display:flex;justify-content:center;margin-top:clamp(28px,4vw,44px);} .support-mosaic-button{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:58px;padding:0px 34px;overflow:hidden;border:1px solid rgba(166,230,25,0.44);border-radius:999px;color:rgb(255,255,255);background:linear-gradient(135deg,rgba(166,230,25,0.22),rgba(38,198,182,0.18)) padding-box padding-box,linear-gradient(135deg,rgb(166,230,25),rgb(38,198,182),rgb(19,182,79)) border-box border-box;box-shadow:rgba(0,0,0,0.26) 0px 22px 54px,rgba(57,217,107,0.22) 0px 0px 34px;font-size:0.95rem;font-weight:900;letter-spacing:0.06em;text-decoration:none;text-transform:uppercase;transition:transform 520ms cubic-bezier(0.22,1,0.36,1),box-shadow 520ms,border-color 520ms;animation:3.6s ease-in-out 0s infinite normal none running supportButtonPulse;} .support-mosaic-button::before{content:"";position:absolute;inset:-2px;opacity:0;background:linear-gradient(110deg,transparent 0%,rgba(255,255,255,0.28) 44%,transparent 62%);transform:translateX(-120%);transition:opacity 520ms;animation:5.4s ease-in-out 0s infinite normal none running supportButtonSweep;} .support-mosaic-button svg,.support-mosaic-button span{position:relative;z-index:1;} .support-mosaic-button .icon-whatsapp{width:20px;height:20px;color:rgb(255,255,255);fill:currentcolor;} .support-mosaic-button:hover,.support-mosaic-button:focus-visible{transform:translateY(-2px);border-color:rgba(166,230,25,0.62);box-shadow:rgba(0,0,0,0.28) 0px 25px 60px,rgba(57,217,107,0.24) 0px 0px 38px;} .support-mosaic-button:hover::before,.support-mosaic-button:focus-visible::before{opacity:1;} @media (max-width:1180px){.support-mosaic-grid{width:min(820px,100% - 36px);} .support-mosaic-card,.support-mosaic-card-large{min-height:390px;} .support-mosaic-content{grid-template-columns:64px minmax(0px,1fr);gap:18px;} .support-mosaic-icon{width:64px;height:64px;} .support-mosaic-icon svg{width:31px;height:31px;}} @media (max-width:640px){.internal-support-mosaic{padding:68px 0px;} .support-mosaic-head h2{font-size:clamp(2rem,11vw,3.05rem);} .support-mosaic-grid{grid-template-columns:1fr;width:min(100% - 28px,560px);} .support-mosaic-card,.support-mosaic-card-large{min-height:360px;border-radius:22px;} .support-mosaic-content{grid-template-columns:56px minmax(0px,1fr);left:20px;right:20px;bottom:24px;gap:14px;} .support-mosaic-icon{width:56px;height:56px;} .support-mosaic-icon svg{width:28px;height:28px;} .support-mosaic-content h3{font-size:1.25rem;} .support-mosaic-content p{font-size:0.94rem;} .support-mosaic-button{width:min(100%,420px);min-height:56px;padding:0px 24px;font-size:0.84rem;text-align:center;}} @media (max-width:1120px){} @media (max-width:760px){} @media (max-width:1100px){} @media (max-width:820px){} @media (max-width:560px){} @keyframes strategicPageFadeUp{0%{opacity:0;transform:translateY(18px);} 100%{opacity:1;transform:translateY(0px);}} @media (prefers-reduced-motion:reduce){} @media (max-width:1100px){} @media (max-width:820px){} @media (max-width:1080px){html,body{max-width:100%;overflow-x:hidden;} body.nav-open{overflow:hidden;} .site-header{z-index:1000;grid-template-columns:minmax(0px,1fr) auto;align-items:center;gap:12px;width:min(100% - 24px,1160px);min-height:60px;padding:8px 10px 8px 12px;} .brand{min-width:0px;} .brand img{width:38px;height:38px;flex:0 0 38px;} .brand span{min-width:0px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;} .nav-toggle{position:relative;align-items:center;justify-content:center;width:44px;height:44px;padding:0px;border:1px solid rgba(255,255,255,0.18);border-radius:999px;background:rgba(255,255,255,0.1);box-shadow:rgba(255,255,255,0.08) 0px 1px 0px inset;display:inline-flex !important;} .nav-toggle span{position:absolute;left:50%;display:block;width:18px;height:2px;margin:0px;border-radius:999px;background:rgb(255,255,255);transform:translate(-50%,-50%);transition:transform 220ms,opacity 220ms;} .nav-toggle span:nth-child(1){top:calc(50% - 4px);} .nav-toggle span:nth-child(2){top:calc(50% + 4px);} .main-nav.is-open{position:fixed;top:76px;right:12px;left:12px;z-index:999;max-height:calc(100dvh - 96px);padding:10px;overflow-y:auto;border:1px solid rgba(102,255,166,0.14);border-radius:18px;background:radial-gradient(circle at 88% 0%,rgba(57,217,107,0.14),transparent 34%),rgba(2,34,30,0.98);box-shadow:rgba(0,18,16,0.36) 0px 28px 80px;backdrop-filter:blur(18px);display:grid !important;} .main-nav.is-open > a,.main-nav.is-open .nav-link-button{width:100%;min-height:46px;padding:13px 14px;border-radius:12px;color:rgba(255,255,255,0.92);line-height:1.2;} .main-nav.is-open > a:hover,.main-nav.is-open .nav-link-button:hover{background:rgba(255,255,255,0.07);color:rgb(57,217,107);} .main-nav.is-open .nav-item,.main-nav.is-open .nav-mega{width:100%;} .main-nav.is-open .mega-menu{width:100%;max-width:none;margin:4px 0px 8px;padding:12px;overflow:hidden;border:1px solid rgba(102,255,166,0.12);border-radius:14px;background:rgba(1,24,21,0.94);box-shadow:none;} .main-nav.is-open .mega-columns{grid-template-columns:1fr;gap:10px;} .main-nav.is-open .mega-column{padding:8px 0px;border-bottom:1px solid rgba(255,255,255,0.08);} .main-nav.is-open .mega-column:last-child{border-bottom:0px;} .main-nav.is-open .mega-column h3{margin-bottom:8px;color:rgb(57,217,107);} .main-nav.is-open .mega-column a,.main-nav.is-open .mega-more{min-height:36px;padding:7px 0px;color:rgba(255,255,255,0.9);} .main-nav.is-open .mega-column a:hover,.main-nav.is-open .mega-more:hover{color:rgb(57,217,107);} .main-nav.is-open .mega-feature{display:none;}} @media (max-width:720px){.container{width:min(100% - 36px,var(--container));} .section{padding:58px 0px;} .site-header{width:calc(100% - 18px);margin-top:8px;} .main-nav.is-open{top:72px;right:9px;left:9px;} .hero{padding:106px 0px 50px;} .hero h1{font-size:clamp(2rem,9.3vw,2.85rem);line-height:1.03;} .hero-actions,.solution-actions,.strategic-hero .solution-actions{grid-template-columns:1fr;width:100%;max-width:420px;} .hero-actions .btn,.solution-actions .btn,.strategic-hero .solution-actions .btn{width:100%;justify-content:center;} .hero-badges{grid-template-columns:repeat(2,minmax(0px,1fr));gap:12px;} .proposal-card{max-width:100%;padding:22px 18px;} .proposal-card h2{font-size:clamp(1.6rem,7vw,2.05rem);} .solutions-shell{display:grid;grid-template-columns:1fr;gap:28px;padding:0px;} .solutions-shell::before,.solutions-shell::after{opacity:0.16;} .solutions-copy{max-width:100%;} .solutions-copy h2,.section-heading h2{font-size:clamp(2rem,9vw,2.8rem);line-height:1.08;} .solution-benefits{gap:18px;} .solutions-actions{grid-template-columns:1fr;max-width:420px;} .solutions-actions .btn,.solutions-link{width:100%;justify-content:center;} .solutions-ecosystem{display:grid;grid-template-columns:repeat(2,minmax(0px,1fr));gap:12px;justify-items:center;min-height:auto;margin-top:28px;padding-top:0px;} .orbit-rings,.orbit-lines,.ecosystem-flow{display:none !important;} .ecosystem-center{right:auto;bottom:auto;grid-column:1 / -1;place-self:start center;width:104px;height:104px;margin:8px auto 22px;position:relative !important;left:auto !important;top:auto !important;transform:none !important;} .ecosystem-center img{width:74px;height:74px;} .ecosystem-card,.pos-top,.pos-right-top,.pos-right,.pos-right-bottom,.pos-bottom,.pos-left-bottom,.pos-left,.pos-left-top{width:auto;min-height:132px;padding:16px 12px;animation:auto ease 0s 1 normal none running none;justify-self:stretch;position:relative !important;inset:auto !important;transform:none !important;} .ecosystem-card img,.ecosystem-card svg{width:34px;height:34px;} .ecosystem-card h3{font-size:0.94rem;} .ecosystem-card p{font-size:0.8rem;} .audience-feature{min-height:380px;} .content-editorial{gap:30px;} .featured-content{min-height:360px;padding:22px;} .featured-content h3{font-size:clamp(1.8rem,8vw,2.4rem);} .content-list article{grid-template-columns:54px minmax(0px,1fr);} .content-list a{grid-column:2;} .internal-support-mosaic{padding:64px 0px;} .support-mosaic-head h2{font-size:clamp(2rem,9vw,3rem);} .support-mosaic-card,.support-mosaic-card-large{min-height:300px;} .about-video-stage{min-height:560px;} .about-video-frame{width:min(330px,84vw);} .footer-grid{gap:30px;} .payment-badges{grid-template-columns:repeat(2,minmax(0px,96px));} .footer-bottom{align-items:flex-start;gap:18px;}} @media (max-width:480px){.container{width:min(100% - 28px,var(--container));} .brand span{max-width:155px;font-size:0.88rem;} .nav-toggle{width:42px;height:42px;} .hero-badges,.solutions-ecosystem,.payment-badges{grid-template-columns:1fr;} .hero h1,.solution-hero h1,.management-solution-page .solution-hero h1,.strategic-hero h1{font-size:clamp(1.9rem,11vw,2.6rem);} .proposal-card{padding:20px 16px;} .process-timeline li{grid-template-columns:36px 44px minmax(0px,1fr);gap:10px;} .step-number{width:36px;height:36px;font-size:0.75rem;} .step-icon{width:44px;height:44px;} .audience-feature{min-height:340px;} .audience-tile{min-height:170px;} .featured-content{min-height:330px;} .about-video-stage{min-height:520px;} .about-video-frame{width:min(300px,84vw);} .about-video-note{font-size:0.94rem;transform:translateX(-50%) rotate(-3deg);} .support-mosaic-card,.support-mosaic-card-large{min-height:260px;} .support-mosaic-content{gap:10px;padding:18px;} .support-mosaic-icon{width:52px;height:52px;} .support-mosaic-button{width:100%;justify-content:center;text-align:center;} .whatsapp-chat{right:0px;width:min(330px,-28px + 100vw);}} .mobile-menu-overlay{display:none;} @media (max-width:1080px){.mobile-menu-overlay{position:fixed;inset:0px;z-index:2200;display:block;visibility:hidden;overflow:hidden;background:rgba(0,18,16,0);opacity:0;pointer-events:none;transition:opacity 260ms,visibility 260ms,background-color 260ms;} .mobile-menu-overlay.is-open{visibility:visible;background:rgba(0,18,16,0.42);opacity:1;pointer-events:auto;} .mobile-menu-shell{display:flex;flex-direction:column;width:min(100%,540px);height:100dvh;margin-left:auto;padding:8px 8px 0px;overflow:hidden;background:radial-gradient(circle at 92% 0%,rgba(57,217,107,0.16),transparent 34%),linear-gradient(rgb(247,251,249) 0%,rgb(237,245,242) 100%);box-shadow:rgba(0,28,24,0.2) -24px 0px 80px;transform:translateX(18px);transition:transform 280ms;} .mobile-menu-overlay.is-open .mobile-menu-shell{transform:translateX(0px);} .mobile-menu-top{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:72px;padding:12px 16px;border:1px solid rgba(5,58,50,0.08);border-radius:20px;background:rgba(255,255,255,0.94);box-shadow:rgba(5,58,50,0.1) 0px 14px 34px;} .mobile-menu-brand{display:inline-flex;align-items:center;min-width:0px;gap:10px;color:var(--green-950);font-weight:800;} .mobile-menu-brand img{width:38px;height:38px;object-fit:contain;} .mobile-menu-brand span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;} .mobile-menu-close{position:relative;flex:0 0 42px;width:42px;height:42px;padding:0px;border:0px;border-radius:999px;background:rgba(19,182,79,0.08);color:var(--green-900);cursor:pointer;} .mobile-menu-close span{position:absolute;left:50%;top:50%;width:20px;height:2px;border-radius:99px;background:currentcolor;} .mobile-menu-close span:first-child{transform:translate(-50%,-50%) rotate(45deg);} .mobile-menu-close span:last-child{transform:translate(-50%,-50%) rotate(-45deg);} .mobile-menu-content{flex:1 1 auto;min-height:0px;padding:24px 12px 18px;overflow-y:auto;overscroll-behavior:contain;} .mobile-quick h2{margin:0px 0px 12px;color:rgba(5,58,50,0.86);font-size:0.92rem;font-weight:700;} .mobile-quick-track{display:grid;grid-auto-columns:minmax(132px,38%);grid-auto-flow:column;gap:10px;padding:0px 2px 16px;overflow-x:auto;scrollbar-color:rgba(5,58,50,0.3) transparent;scroll-snap-type:x;} .mobile-quick-card{display:grid;align-content:space-between;min-height:118px;padding:18px 16px;border:1px solid rgba(5,58,50,0.08);border-radius:15px;background:rgba(255,255,255,0.94);color:var(--green-950);box-shadow:rgba(5,58,50,0.06) 0px 10px 24px;scroll-snap-align:start;transition:transform 220ms,border-color 220ms,box-shadow 220ms;} .mobile-quick-card span{display:inline-grid;place-items:center;width:34px;height:34px;border-radius:10px;color:var(--green-500);background:linear-gradient(135deg,rgb(214,251,221),rgba(217,247,255,0.92));} .mobile-quick-card svg,.mobile-accordion-title svg,.mobile-menu-btn svg{width:20px;height:20px;fill:none;stroke:currentcolor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;} .mobile-quick-card strong{font-size:0.9rem;line-height:1.2;} .mobile-quick-card:hover,.mobile-quick-card:focus-visible{border-color:rgba(19,182,79,0.24);box-shadow:rgba(5,58,50,0.1) 0px 14px 30px;transform:translateY(-2px);} .mobile-menu-accordions{margin-top:4px;border-top:1px solid rgba(5,58,50,0.1);} .mobile-menu-accordion{border-bottom:1px solid rgba(5,58,50,0.1);} .mobile-menu-accordion > button{display:flex;align-items:center;justify-content:space-between;width:100%;min-height:62px;padding:0px;border:0px;background:transparent;color:var(--green-950);font-style:inherit;font-variant:inherit;font-stretch:inherit;font-size:inherit;line-height:inherit;font-family:inherit;font-optical-sizing:inherit;font-size-adjust:inherit;font-kerning:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-language-override:inherit;font-weight:800;text-align:left;cursor:pointer;} .mobile-accordion-title{display:inline-flex;align-items:center;gap:10px;min-width:0px;} .mobile-accordion-title svg{width:19px;height:19px;color:var(--green-700);} .mobile-accordion-chevron{display:inline-grid;place-items:center;width:28px;height:28px;border-radius:999px;color:var(--green-900);transition:transform 220ms,background-color 220ms;} .mobile-menu-accordion.is-open .mobile-accordion-chevron{background:rgba(19,182,79,0.1);transform:rotate(180deg);} .mobile-menu-accordion-panel{padding:0px 0px 16px;animation:220ms ease 0s 1 normal both running mobileAccordionIn;} .mobile-menu-group{display:grid;gap:0px;padding:12px 14px;border-radius:16px;background:rgba(255,255,255,0.58);} .mobile-menu-group + .mobile-menu-group{margin-top:10px;} .mobile-menu-group h3{margin:0px 0px 8px;color:rgb(0,155,183);font-size:0.72rem;font-weight:900;letter-spacing:0.08em;text-transform:uppercase;} .mobile-menu-group a{display:flex;align-items:center;min-height:46px;padding:10px 0px;border-bottom:1px solid rgba(5,58,50,0.09);color:var(--green-950);font-size:0.95rem;font-weight:750;line-height:1.25;} .mobile-menu-group a:last-child{border-bottom:0px;} .mobile-menu-group a:hover,.mobile-menu-group a:focus-visible{color:var(--green-500);} .mobile-menu-actions{position:sticky;bottom:0px;display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:12px 8px max(12px,env(safe-area-inset-bottom));border-top:1px solid rgba(5,58,50,0.08);background:rgba(247,251,249,0.94);box-shadow:rgba(5,58,50,0.08) 0px -16px 34px;backdrop-filter:blur(14px);} .mobile-menu-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:54px;padding:12px 14px;border-radius:15px;font-size:0.9rem;font-weight:850;line-height:1.15;text-align:center;transition:transform 220ms,box-shadow 220ms,border-color 220ms;} .mobile-menu-btn-primary{color:rgb(255,255,255);background:linear-gradient(135deg,rgb(19,182,79),rgb(12,159,70));box-shadow:rgba(19,182,79,0.28) 0px 14px 30px;} .mobile-menu-btn-secondary{border:1px solid rgba(5,58,50,0.16);color:var(--green-950);background:rgba(255,255,255,0.88);} .mobile-menu-btn:hover,.mobile-menu-btn:focus-visible{transform:translateY(-2px);} .mobile-menu-btn-primary:hover,.mobile-menu-btn-primary:focus-visible{box-shadow:rgba(19,182,79,0.34) 0px 18px 38px;} .mobile-menu-btn-secondary:hover,.mobile-menu-btn-secondary:focus-visible{border-color:rgba(19,182,79,0.34);}} @media (max-width:560px){.mobile-menu-shell{width:100%;margin-left:0px;transform:translateY(-10px);} .mobile-menu-overlay.is-open .mobile-menu-shell{transform:translateY(0px);} .mobile-quick-track{grid-auto-columns:minmax(126px,34%);} .mobile-menu-actions{grid-template-columns:1fr;}} @media (prefers-reduced-motion:reduce){.mobile-menu-overlay,.mobile-menu-shell,.mobile-menu-close span,.mobile-quick-card,.mobile-accordion-chevron,.mobile-menu-accordion-panel,.mobile-menu-btn{animation:auto ease 0s 1 normal none running none !important;transition:none !important;}} @keyframes mobileAccordionIn{0%{opacity:0;transform:translateY(-4px);} 100%{opacity:1;transform:translateY(0px);}} .sr-only{position:absolute;width:1px;height:1px;padding:0px;margin:-1px;overflow:hidden;clip:rect(0px,0px,0px,0px);white-space:nowrap;border:0px;} @media (max-width:1120px){} @media (max-width:720px){} @media (max-width:460px){} @media (max-width:980px){} @media (max-width:640px){} @media (max-width:980px){} @media (max-width:640px){} @media (max-width:640px){.cookie-banner{right:14px;bottom:14px;grid-template-columns:1fr;width:calc(100% - 28px);padding:16px;border-radius:18px;} .cookie-banner-actions{display:grid;grid-template-columns:1fr;} .cookie-banner-actions a,.cookie-banner-actions button{width:100%;}} @media (max-width:640px){.hero .hero-media img{object-position:78% center;opacity:0.42;filter:blur(1.5px) saturate(1) contrast(1.08);} .hero .hero-overlay{background:linear-gradient(90deg,rgba(1,17,15,0.94),rgba(3,44,38,0.78)),radial-gradient(circle at 74% 30%,rgba(57,217,107,0.16),transparent 36%);} .hero .hero-badges{grid-template-columns:repeat(2,minmax(128px,1fr));justify-items:center;gap:18px 16px;max-width:360px;margin-inline:auto;} .hero .hero-badges span{justify-items:center;width:100%;text-align:center;} .hero .hero-badges .icon-badge{margin-inline:auto;} .final-cta{text-align:center;} .final-cta .eyebrow{justify-content:center;} .final-cta h2,.final-cta p{margin-inline:auto;} .final-cta-grid{justify-items:center;} .final-actions{justify-content:center;width:min(100%,360px);} .final-actions .btn{width:100%;justify-content:center;}} @media (max-width:360px){.hero .hero-badges{grid-template-columns:1fr;max-width:240px;}} @keyframes internalHeroGlow{0%{transform:translate3d(-1%,1%,0px) scale(1);opacity:0.12;} 100%{transform:translate3d(1%,-1%,0px) scale(1.04);opacity:0.24;}}