: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:0;font-family:"Segoe UI Variable Text","Segoe UI",Arial,sans-serif;color:var(--gray-950);background:var(--white);line-height:1.5;letter-spacing:0;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 0;} .section-white{background:var(--white);} .section-soft{background:radial-gradient(circle at 8% 12%,rgba(57,217,107,0.12),transparent 26%),var(--gray-100);} .section-dark{color:var(--white);background:var(--green-950);} .site-header{position:fixed;inset:0 0 auto 0;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 0;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:0 18px 46px rgba(0,0,0,0.2),inset 0 1px 0 rgba(255,255,255,0.08);animation:headerReveal 0.68s ease both;transition:padding 0.28s ease,background 0.28s ease,border-color 0.28s ease,box-shadow 0.28s ease,transform 0.28s ease;} .site-header.is-scrolled{padding:7px 10px;border-color:rgba(57,217,107,0.22);background:rgba(3,44,38,0.92);box-shadow:0 18px 52px rgba(0,0,0,0.28),inset 0 1px 0 rgba(255,255,255,0.07);} .brand{display:inline-flex;align-items:center;gap:10px;min-width:max-content;color:var(--white);font-weight:700;transition:transform 0.25s ease,color 0.25s ease;} .brand img{width:34px;height:34px;object-fit:contain;filter:drop-shadow(0 0 0 rgba(57,217,107,0));transition:filter 0.25s ease,transform 0.25s ease;} .brand:hover,.brand:focus-visible{transform:translateY(-1px);} .brand:hover img,.brand:focus-visible img{filter:drop-shadow(0 0 12px rgba(57,217,107,0.42));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 0;color:inherit;border:0;background:transparent;font:inherit;cursor:pointer;transition:color 0.22s ease;} .nav-link-button{display:inline-flex;align-items:center;gap:6px;} .nav-link-button span{font-size:0.72rem;transition:transform 0.22s ease;} .main-nav a::after,.nav-link-button::after{content:"";position:absolute;left:0;right:0;bottom:2px;height:2px;border-radius:999px;background:var(--green-400);box-shadow:0 0 10px rgba(57,217,107,0.35);transform:scaleX(0);transform-origin:left;transition:transform 0.24s ease;} .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(0,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:0 28px 70px rgba(5,58,50,0.2);opacity:0;pointer-events:none;transform:translate(-50%,8px);transition:opacity 0.22s ease,transform 0.22s ease;} .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%,0);} .mega-menu::before{content:"";position:absolute;left:0;right:0;top:-22px;height:22px;} .site-header.is-scrolled .mega-menu{top:72px;} .mega-columns{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;} .mega-column h3{margin:0 0 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 0;color:var(--green-950);font-size:0.9rem;font-weight:650;line-height:1.25;transition:color 0.18s ease,transform 0.18s ease;} .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:inset 0 0 0 1px rgba(255,255,255,0.6);} .mega-feature img{width:100%;height:190px;object-fit:cover;object-position: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:0 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 ease,background 0.24s ease,border-color 0.24s ease,color 0.24s ease,box-shadow 0.24s ease,filter 0.24s ease;} .btn:hover,.btn:focus-visible{transform:translateY(-2px);} .btn-primary{color:var(--white);background:linear-gradient(135deg,var(--green-500),#0daa45);box-shadow:0 12px 24px rgba(19,182,79,0.24);} .btn-primary:hover,.btn-primary:focus-visible{filter:brightness(1.06);box-shadow:0 18px 36px rgba(19,182,79,0.34),0 0 0 1px rgba(135,255,160,0.16) 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:0 14px 26px rgba(33,85,255,0.24);} .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:inset 0 0 20px rgba(57,217,107,0.08),0 12px 24px rgba(0,0,0,0.15);} .btn-outline-dark{color:var(--green-900);border-color:rgba(5,58,50,0.2);background:var(--white);} .icon-sprite{position:absolute;width:0;height:0;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 ease,color 0.24s ease;} .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 0 76px;overflow:hidden;background:radial-gradient(circle at 88% 30%,rgba(57,217,107,0.2),transparent 28%),linear-gradient(135deg,#021613 0%,#032c26 42%,#01110f 100%);isolation:isolate;} .hero-media,.hero-overlay{position:absolute;inset:0;} .hero-media{z-index:-4;} .hero-media img{width:100%;height:100%;object-fit:cover;object-position:center right;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:heroGlowDrift 12s ease-in-out infinite alternate;} .hero::after{z-index:-1;inset:0;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(180deg,rgba(0,0,0,0.08),transparent 34%,rgba(0,0,0,0.12));mix-blend-mode:screen;opacity:0.76;animation:heroLightSweep 16s ease-in-out infinite alternate;} .hero-grid{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,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:18px 12px 0 rgba(57,217,107,0.34),38px -8px 0 rgba(135,255,160,0.28),60px 18px 0 rgba(57,217,107,0.24),84px -18px 0 rgba(57,217,107,0.18),112px 8px 0 rgba(135,255,160,0.2),142px -12px 0 rgba(57,217,107,0.14),164px 18px 0 rgba(135,255,160,0.14);transform:rotate(45deg);animation:pixelFloat 8s ease-in-out infinite alternate;} .hero-grid::after{z-index:0;right:1%;bottom:19%;width:7px;height:7px;background:rgba(57,217,107,0.3);box-shadow:-18px -10px 0 rgba(57,217,107,0.28),-40px 12px 0 rgba(135,255,160,0.2),-66px -4px 0 rgba(57,217,107,0.18),-88px 22px 0 rgba(33,85,255,0.14),-112px -16px 0 rgba(57,217,107,0.12);transform:rotate(45deg);animation:pixelFloat 10s ease-in-out 0.7s infinite alternate-reverse;} .hero-copy{position:relative;z-index:2;max-width:670px;min-width:0;animation:heroTextReveal 0.72s ease 0.08s both;} .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:0;} h1{max-width:680px;margin-bottom:22px;font-size:clamp(2.6rem,6vw,4.95rem);line-height:0.98;letter-spacing:0;} 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:cursorBlink 0.9s steps(2,start) infinite;} .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:benefitReveal 0.62s ease both;transition:transform 0.24s ease,color 0.24s ease;} .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:inset 0 0 18px rgba(57,217,107,0.08),0 0 0 rgba(57,217,107,0);transition:transform 0.24s ease,color 0.24s ease,border-color 0.24s ease,background 0.24s ease,box-shadow 0.24s ease;} .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:inset 0 0 22px rgba(57,217,107,0.12),0 12px 26px rgba(19,182,79,0.13);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:0;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:0 36px 90px rgba(0,0,0,0.38),0 0 0 1px rgba(57,217,107,0.08),0 0 74px rgba(57,217,107,0.2),inset 0 1px 0 rgba(255,255,255,0.86);backdrop-filter:blur(10px);animation:formReveal 0.78s ease 0.18s both;transition:transform 0.28s ease,border-color 0.28s ease,box-shadow 0.28s ease;} .proposal-card:hover{transform:translateY(-2px);border-color:rgba(57,217,107,0.42);box-shadow:0 42px 104px rgba(0,0,0,0.42),0 0 0 1px rgba(57,217,107,0.14),0 0 92px rgba(57,217,107,0.26),inset 0 1px 0 rgba(255,255,255,0.9);} .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:0 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:0 0 0 4px rgba(19,182,79,0.12);} .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 0 14px;color:var(--green-950);font-size:clamp(2rem,4vw,3.2rem);line-height:1.05;} .section-dark .section-heading h2,.section-dark .section-heading p,.support-section h2{color:var(--white);} .section-heading p{color:var(--gray-600);font-size:1.04rem;} .solutions-marquee{position:relative;display:flex;gap:0;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,#001f19 0%,#003829 48%,#00241d 100%);box-shadow:inset 0 1px 0 rgba(255,255,255,0.04);} .solutions-marquee::before,.solutions-marquee::after{content:"";position:absolute;z-index:2;top:0;bottom:0;width:min(120px,14vw);pointer-events:none;} .solutions-marquee::before{left:0;background:linear-gradient(90deg,#001f19,rgba(0,31,25,0));} .solutions-marquee::after{right:0;background:linear-gradient(270deg,#00241d,rgba(0,36,29,0));} .solutions-marquee-track{display:flex;flex:0 0 auto;align-items:center;min-width:100%;animation:solutionsMarquee 38s linear infinite;} .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 ease,opacity 240ms ease,text-shadow 240ms ease,transform 240ms ease;} .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:0 0 14px rgba(57,217,107,0.16);} .solutions-marquee span:hover{color:var(--green-400);opacity:1;text-shadow:0 0 22px rgba(57,217,107,0.36);transform:scale(1.035);} @keyframes solutionsMarquee{from{transform:translateX(0);} to{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:none !important;transform:none !important;}} .solutions-section{padding:76px 0;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(180deg,#fbfdfc,#f2faf6);} .solutions-shell{position:relative;display:grid;grid-template-columns:0.72fr 1.28fr;gap:28px;align-items:center;min-height:620px;padding:18px 0;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 0 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 0 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:#dff8ea;box-shadow:inset 0 0 0 1px rgba(19,182,79,0.12);} .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:0;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 ease,transform 0.24s ease;} .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;border-radius:999px;transform:translate(-50%,-50%);background:radial-gradient(circle,transparent 0 26%,rgba(19,182,79,0.18) 26.2% 26.5%,transparent 26.8% 42%,rgba(19,182,79,0.14) 42.2% 42.5%,transparent 42.8% 58%,rgba(19,182,79,0.1) 58.2% 58.5%,transparent 58.8%),radial-gradient(circle,rgba(19,182,79,0.08),transparent 60%);animation:orbitDrift 38s linear infinite;} .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:top center;} .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:0 0 14px rgba(57,217,107,0.45);transform:translateX(-50%);animation:connectionFlow 3.6s linear infinite;} .orbit-lines .line::after{content:"";position:absolute;left:50%;top:50%;width:9px;height:9px;border-radius:999px;background:var(--green-400);box-shadow:0 0 16px rgba(57,217,107,0.5);transform:translate(-50%,-50%);animation:connectionPulse 3.2s ease-in-out infinite;} .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:0 18px 44px rgba(5,58,50,0.12);transform:translate(-50%,-50%);isolation:isolate;animation:centerPulse 3.2s ease-in-out infinite;} .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(from 0deg,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:centerHaloSpin 7.5s linear infinite;} .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(0 12px 22px rgba(5,58,50,0.18));} .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:0 12px 28px rgba(5,58,50,0.08);transition:margin 0.24s ease,border-color 0.24s ease,box-shadow 0.24s ease;} .ecosystem-card:hover{border-color:rgba(19,182,79,0.32);box-shadow:0 20px 44px rgba(5,58,50,0.14);margin-top:-2px;} .ecosystem-card svg{width:27px;height:27px;color:var(--green-700);fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round;} .ecosystem-card img{width:32px;height:32px;object-fit:contain;} .ecosystem-card h3{margin:7px 0 3px;color:var(--green-950);font-size:0.88rem;line-height:1.12;} .ecosystem-card p{margin:0;color:var(--green-900);font-size:0.74rem;line-height:1.25;} .pos-top{left:50%;top:0;transform:translateX(-50%);} .pos-right-top{right:5%;top:16%;} .pos-right{right:0;top:50%;transform:translateY(-50%);} .pos-right-bottom{right:6%;bottom:4%;} .pos-bottom{left:50%;bottom:0;transform:translateX(-50%);} .pos-left-bottom{left:6%;bottom:4%;} .pos-left{left:0;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(0,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:inset 0 0 0 1px rgba(19,182,79,0.14);} .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(0,1fr));gap:12px;margin-top:18px;} .mini-solutions span{min-height:58px;display:flex;align-items:center;padding:0 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;} .split-section{background:linear-gradient(135deg,rgba(223,248,240,0.92),rgba(255,255,255,0.78)),radial-gradient(circle at 86% 22%,rgba(19,182,79,0.18),transparent 30%);} .split-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;align-items:stretch;} .split-grid .section-heading{align-self:center;} .split-panel{grid-row:span 2;display:grid;align-content:center;gap:18px;min-height:430px;padding:32px;border-radius:22px;background:linear-gradient(145deg,var(--green-950),var(--green-800));box-shadow:var(--shadow);overflow:hidden;} .flow-card,.flow-list div,.insight-card{border:1px solid rgba(255,255,255,0.18);border-radius:var(--radius);background:rgba(255,255,255,0.1);backdrop-filter:blur(10px);} .flow-card{padding:22px;color:var(--white);} .flow-card span,.flow-list span{display:block;color:rgba(255,255,255,0.72);font-size:0.84rem;font-weight:800;} .flow-card strong{display:block;margin-top:6px;font-size:2rem;} .flow-lines{width:2px;height:42px;margin-left:28px;background:linear-gradient(var(--green-400),transparent);} .flow-list{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;} .flow-list div{padding:16px;color:var(--white);} .flow-list strong{display:block;margin-top:6px;font-size:1.3rem;} .insight-card{padding:24px;border-color:rgba(5,58,50,0.12);background:var(--white);box-shadow:var(--shadow-soft);} .insight-card.dark{color:var(--white);background:var(--green-900);} .insight-card.dark h3,.insight-card.dark p{color:var(--white);} .why-grid{display:grid;grid-template-columns:0.72fr 1.28fr;gap:54px;align-items:start;} .why-grid .btn{margin-top:16px;} .features-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;} .features-grid article{min-height:184px;padding:20px;} .features-grid .icon-badge,.support-cards .icon-badge{margin-bottom:14px;} .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(0,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:0 18px 42px rgba(5,58,50,0.16);isolation:isolate;opacity:0;transform:translateY(18px);animation:audienceTileIn 0.72s ease forwards;transition:border-color 0.24s ease,box-shadow 0.24s ease,transform 0.24s ease;} .audience-tile::before,.audience-tile::after{content:"";position:absolute;inset:0;z-index:-1;} .audience-tile::before{background:linear-gradient(180deg,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 ease;} .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 ease;} .audience-tile img{position:absolute;inset:0;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 ease,filter 0.28s ease;} .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:0;font-size:1.05rem;line-height:1.1;} .audience-tile p{margin:0;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:0 22px 52px rgba(5,58,50,0.2),0 0 0 3px rgba(57,217,107,0.12);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-column:1 / 7;grid-row:span 2;padding:30px;border-radius:22px;} .audience-feature::before{background:linear-gradient(180deg,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-column:7 / 10;grid-row:1;} .tile-commerce{grid-column:10 / 13;grid-row:1;} .tile-food{grid-column:7 / 10;grid-row:2;} .tile-delivery{grid-column:10 / 13;grid-row:2;} .tile-split{grid-column:1 / 5;grid-row:3;} .tile-online{grid-column:5 / 9;grid-row:3;} .tile-smb{grid-column:9 / 13;grid-row:3;} .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:0 16px 38px rgba(5,58,50,0.1);} .audience-cta h3{margin:0 0 4px;color:var(--green-950);font-size:1.25rem;} .audience-cta p{margin:0;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(180deg,#f6fcf9 0%,#f1fbf6 58%,#fbfdfc 100%);padding-top:76px;} .process-shell{padding:0;} .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:0;padding:0;list-style:none;} .process-timeline::before{content:"";position:absolute;left:22px;top:22px;bottom:22px;width:2px;background:linear-gradient(180deg,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(0,1fr);align-items:center;gap:20px;opacity:0;transform:translateY(14px);animation:processStepIn 0.9s ease forwards;transition:transform 0.24s ease;} .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 ease,background 0.24s ease,box-shadow 0.24s ease,transform 0.24s ease;} .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 ease,background 0.24s ease,box-shadow 0.24s ease,transform 0.24s ease;} .step-icon svg{width:26px;height:26px;fill:none;stroke:currentColor;stroke-width:1.8;} .process-timeline h3{margin:0 0 4px;color:var(--green-950);font-size:1.04rem;transition:color 0.24s ease;} .process-timeline p{margin:0;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:0 10px 22px rgba(19,182,79,0.13);transform:scale(1.04);} .process-timeline li:hover .step-icon{color:var(--green-500);background:linear-gradient(135deg,rgba(57,217,107,0.26),rgba(223,248,240,1));box-shadow:0 14px 28px rgba(19,182,79,0.16),inset 0 0 0 1px rgba(57,217,107,0.18);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:mapGlowPulse 4.6s ease-in-out infinite;} .process-map-art{position:relative;z-index:1;width:min(116%,760px);opacity:0;transform:scale(0.97);animation:mapFadeIn 0.9s ease 0.18s forwards;} .process-map-art > img:first-child{display:block;width:100%;height:auto;object-fit:contain;filter:drop-shadow(0 20px 28px rgba(5,58,50,0.12));} .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(0 4px 9px rgba(5,58,50,0.18));transform:translate(-50%,-50%);animation:processLogoPulse 2.6s ease-in-out infinite;} .process-highlights{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));width:min(100%,690px);margin:-18px auto 0;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 ease,background 0.24s ease;} .process-highlights svg{width:28px;height:28px;color:var(--green-500);fill:none;stroke:currentColor;stroke-width:1.8;transition:transform 0.24s ease,color 0.24s ease;} .process-highlights p{margin:0;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,#f8fcfb 0%,#eef9f5 48%,#e9f7f6 100%);} .about-section::before{content:"";position:absolute;inset:0 auto auto 0;width:24%;height:30%;background:linear-gradient(135deg,rgba(223,248,240,0.8),transparent 64%);clip-path:polygon(0 0,100% 0,0 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:aboutCopyIn 0.66s ease forwards;} .about-section.is-visible .about-copy h2{animation:aboutCopyIn 0.7s ease 0.08s forwards;} .about-section.is-visible .about-copy p:nth-of-type(1){animation:aboutCopyIn 0.7s ease 0.16s forwards;} .about-section.is-visible .about-copy p:nth-of-type(2){animation:aboutCopyIn 0.7s ease 0.24s forwards;} .about-section.is-visible .about-mosaic{animation:aboutMosaicIn 0.8s ease 0.18s forwards;} .about-section.is-visible .about-pillars article{animation:aboutCopyIn 0.62s ease forwards;} .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 0 24px;color:var(--green-950);font-size:clamp(2.35rem,4.2vw,3.7rem);line-height:1.08;} .about-copy p{max-width:660px;margin:0 0 22px;color:#172b2a;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(0,1fr));max-width:620px;margin-top:44px;} .about-pillars article{display:grid;justify-items:center;gap:12px;padding:0 24px;text-align:center;border-right:1px solid rgba(5,58,50,0.16);transition:border-color 0.24s ease,transform 0.24s ease;} .about-pillars article:last-child{border-right:0;} .about-pillars svg{width:56px;height:56px;color:var(--green-500);fill:none;stroke:currentColor;stroke-width:1.6;transition:color 0.24s ease,transform 0.24s ease,filter 0.24s ease;} .about-pillars h3{max-width:130px;margin:0;color:var(--gray-950);font-size:1rem;line-height:1.25;transition:color 0.24s ease;} .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(0 8px 14px rgba(19,182,79,0.14));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:0 20px 44px rgba(5,58,50,0.16);transition:transform 0.5s ease,box-shadow 0.3s ease,border-color 0.3s ease;} .about-mosaic img:hover{border-color:rgba(255,255,255,1);box-shadow:0 26px 58px rgba(5,58,50,0.22);} .about-photo-main{grid-column:1 / 2;grid-row:1 / 3;transform:translate(calc(var(--about-parallax-x) * -0.18),calc(var(--about-parallax-y) * -0.14));} .about-photo-main:hover{transform:translate(calc(var(--about-parallax-x) * -0.18),calc(var(--about-parallax-y) * -0.14 - 4px)) scale(1.025);} .about-photo-top{grid-column:2 / 3;grid-row:1 / 2;align-self:end;transform:translate(calc(var(--about-parallax-x) * 0.2),calc(var(--about-parallax-y) * -0.16));} .about-photo-top:hover{transform:translate(calc(var(--about-parallax-x) * 0.2),calc(var(--about-parallax-y) * -0.16 - 4px)) scale(1.03);} .about-photo-mid{grid-column:2 / 3;grid-row:2 / 3;transform:translate(calc(var(--about-parallax-x) * 0.14),calc(var(--about-parallax-y) * 0.16));} .about-photo-mid:hover{transform:translate(calc(var(--about-parallax-x) * 0.14),calc(var(--about-parallax-y) * 0.16 - 4px)) scale(1.03);} .about-photo-bottom{grid-column:1 / 3;grid-row:3 / 4;transform:translate(calc(var(--about-parallax-x) * -0.12),calc(var(--about-parallax-y) * 0.14));} .about-photo-bottom:hover{transform:translate(calc(var(--about-parallax-x) * -0.12),calc(var(--about-parallax-y) * 0.14 - 4px)) scale(1.02);} .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(180deg,rgba(255,255,255,0.9),rgba(240,251,246,0.78)),rgba(3,44,38,0.08);box-shadow:0 28px 70px rgba(5,58,50,0.22),0 0 0 1px rgba(5,58,50,0.12),0 0 90px rgba(57,217,107,0.22);transform:translateZ(0);} .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:0;z-index:1;border-radius:30px;box-shadow:inset 0 0 0 1px rgba(255,255,255,0.18),inset 0 -32px 60px rgba(3,44,38,0.12);pointer-events:none;} .about-video-frame iframe{display:block;width:100%;height:100%;border:0;} .about-video-end{position:absolute;inset:0;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 ease,visibility 0.28s ease;} .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(0 16px 28px rgba(57,217,107,0.22));} .about-video-end strong{max-width:260px;font-size:1.28rem;line-height:1.12;} .about-video-end p{max-width:270px;margin:0;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:0 18px;font-size:0.86rem;} .about-video-end button{border:0;padding:0;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:0 16px 38px rgba(5,58,50,0.14);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:0;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) 0 50%,transparent 50%),linear-gradient(45deg,rgba(19,182,79,0.18) 0 50%,transparent 50%);background-size:34px 34px,22px 22px;background-position:0 0,14px 12px;transform:rotate(45deg);animation:aboutPixelsFloat 10s ease-in-out infinite;} .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(180deg,#fbfdfc,#f1fbf6 70%,#f9fcfb);} .content-waves{position:absolute;left:-7%;bottom:-8%;width:42%;height:270px;pointer-events:none;opacity:0.42;background:repeating-radial-gradient(ellipse at left bottom,transparent 0 22px,rgba(19,182,79,0.28) 23px 24px,transparent 25px 38px);transform:rotate(8deg);animation:contentWaveDrift 9s ease-in-out infinite;} .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:contentCopyIn 0.72s ease forwards;} .content-section.is-visible .featured-content{animation:contentFeatureIn 0.78s ease 0.12s forwards;} .content-section.is-visible .content-list article{animation:contentItemIn 0.62s ease forwards;} .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 0 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:0 0 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:0;} .content-all-link::after{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;background:rgba(19,182,79,0.54);transform:scaleX(0.82);transform-origin:left;transition:transform 0.24s ease,background 0.24s ease;} .content-all-link span,.featured-content a span,.content-list a span{transition:transform 0.24s ease;} .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:0 24px 54px rgba(5,58,50,0.16);--content-glow-x:50%;--content-glow-y:50%;transition:box-shadow 0.28s ease,transform 0.28s ease;} .featured-content::before{content:"";position:absolute;inset:0;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(180deg,rgba(2,27,24,0.08),rgba(2,27,24,0.45));} .featured-content::after{content:"";position:absolute;inset:0;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 ease;} .featured-content img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform 0.6s ease;} .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:0 0 18px;font-size:clamp(2rem,3.5vw,3rem);line-height:1.08;} .featured-content p{margin:0 0 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:0 30px 68px rgba(5,58,50,0.22);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(0,1fr) auto;align-items:center;gap:22px;padding:24px 0;border-bottom:1px solid rgba(5,58,50,0.12);transition:border-color 0.24s ease,transform 0.24s ease;} .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 ease,box-shadow 0.24s ease,background 0.24s ease;} .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 0 0;color:var(--green-950);font-size:1.2rem;line-height:1.25;transition:color 0.24s ease;} .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),rgba(223,248,240,1));box-shadow:0 12px 26px rgba(19,182,79,0.14);transform:scale(1.06);} .content-list article:hover h3{color:var(--green-800);} .faq-section{position:relative;overflow:hidden;padding:84px 0;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(180deg,#f7fcfa 0%,#eef9f3 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 0;} .faq-item{border:1px solid rgba(8,77,58,0.1);border-radius:18px;background:rgba(255,255,255,0.82);box-shadow:0 18px 48px rgba(7,54,42,0.07);overflow:hidden;transition:transform 220ms ease,border-color 220ms ease,box-shadow 220ms ease,background 220ms ease;} .faq-item:hover,.faq-item[open]{border-color:rgba(19,182,79,0.22);box-shadow:0 24px 60px rgba(7,54,42,0.1);} .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 ease,background 220ms ease,color 220ms ease;} .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 ease,opacity 240ms ease;} .faq-item[open] .faq-answer{grid-template-rows:1fr;opacity:1;} .faq-answer p{min-height:0;margin:0;padding:0 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:0;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 0;} .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:0 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 0;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 0 12px;font-size:clamp(2rem,4vw,3.25rem);line-height:1.05;} .final-cta p{max-width:610px;margin-bottom:0;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:#021b18;} .footer-grid{display:grid;grid-template-columns:1.4fr repeat(4,1fr);gap:34px;padding:56px 0 34px;} .footer-grid h2{margin-bottom:14px;color:var(--white);font-size:0.94rem;} .footer-grid a,.footer-grid p{display:block;margin:0 0 9px;font-size:0.9rem;} .footer-brand p{max-width:280px;margin:16px 0;} .social-links{display:flex;gap:9px;} .social-links a{display:inline-grid;place-items:center;width:34px;height:34px;margin:0;border:1px solid rgba(255,255,255,0.14);border-radius:999px;color:rgba(255,255,255,0.82);transition:color 0.2s ease,border-color 0.2s ease,transform 0.2s ease;} .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(0,1fr));gap:8px;} .payment-badges span{display:grid;place-items:center;min-height:34px;padding:0 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 0 26px;border-top:1px solid rgba(255,255,255,0.1);} .footer-bottom p{margin:0;} .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:0;border-radius:999px;background:linear-gradient(135deg,var(--green-500),var(--green-700));box-shadow:0 16px 32px rgba(19,182,79,0.34),0 0 0 8px rgba(57,217,107,0.08);cursor:pointer;animation:whatsappPulse 3.2s ease-in-out infinite;transition:transform 0.22s ease,box-shadow 0.22s ease;} .floating-whatsapp:hover,.floating-whatsapp:focus-visible,.whatsapp-widget.is-open .floating-whatsapp{transform:translateY(-3px);box-shadow:0 20px 40px rgba(19,182,79,0.42),0 0 0 10px rgba(57,217,107,0.11);} .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(0,1fr) auto;gap:18px;align-items:center;width:min(760px,calc(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:0 24px 80px rgba(0,0,0,0.28),inset 0 1px 0 rgba(255,255,255,0.08);backdrop-filter:blur(16px) saturate(1.1);opacity:0;pointer-events:none;transform:translateY(18px);transition:opacity 260ms ease,transform 260ms ease;} .cookie-banner.is-visible{opacity:1;pointer-events:auto;transform:translateY(0);} .cookie-banner-content{display:grid;gap:6px;} .cookie-banner strong{color:var(--white);font-size:1rem;} .cookie-banner p{margin:0;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:inherit;font-size:0.88rem;font-weight:800;white-space:nowrap;transition:transform 180ms ease,box-shadow 180ms ease,border-color 180ms ease;} .cookie-banner-actions a{display:inline-flex;align-items:center;justify-content:center;padding:0 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:0 18px;color:var(--green-950);border:0;background:linear-gradient(135deg,#39d96b,#9be60c);box-shadow:0 12px 30px rgba(57,217,107,0.24);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:0;bottom:78px;width:min(320px,calc(100vw - 32px));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:0 24px 60px rgba(5,58,50,0.2);opacity:0;pointer-events:none;transform:translateY(10px) scale(0.98);transition:opacity 0.22s ease,transform 0.22s ease;} .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(0) scale(1);} .whatsapp-chat-close{position:absolute;top:10px;right:10px;display:grid;place-items:center;width:28px;height:28px;border:0;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:0 0 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{from{opacity:0;transform:translateY(-12px);} to{opacity:1;transform:translateY(0);}} @keyframes whatsappPulse{0%,100%{transform:scale(1);} 50%{transform:scale(1.035);}} @keyframes heroTextReveal{from{opacity:0;transform:translateY(18px);} to{opacity:1;transform:translateY(0);}} @keyframes formReveal{from{opacity:0;transform:translateY(14px) scale(0.98);} to{opacity:1;transform:translateY(0) scale(1);}} @keyframes benefitReveal{from{opacity:0;transform:translateY(10px);} to{opacity:1;transform:translateY(0);}} @keyframes heroGlowDrift{from{transform:translate3d(-1.4%,-0.8%,0) scale(1);} to{transform:translate3d(2%,1.4%,0) scale(1.06);}} @keyframes heroLightSweep{from{transform:translate3d(-0.8%,0,0);opacity:0.48;} to{transform:translate3d(1.1%,-0.6%,0);opacity:0.62;}} @keyframes pixelFloat{from{transform:translate3d(0,0,0) rotate(45deg);} to{transform:translate3d(0,-10px,0) rotate(45deg);}} @keyframes cursorBlink{0%,42%{opacity:1;} 43%,100%{opacity:0;}} @keyframes orbitDrift{to{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{from{top:-42px;opacity:0;} 12%,82%{opacity:1;} to{top:100%;opacity:0;}} @keyframes centerPulse{0%,100%{transform:translate(-50%,-50%) scale(1);} 50%{transform:translate(-50%,-50%) scale(1.025);}} @keyframes centerHaloSpin{to{transform:rotate(360deg);}} @keyframes portalCenterPulse{0%,100%{opacity:0.42;transform:scale(0.98) rotate(0deg);box-shadow:0 0 0 rgba(57,217,107,0);} 50%{opacity:0.72;transform:scale(1.045) rotate(4deg);box-shadow:0 0 46px rgba(30,191,205,0.2),0 0 68px rgba(166,230,25,0.16);}} @keyframes portalCenterPulseOuter{0%,100%{opacity:0.28;transform:scale(0.96);} 50%{opacity:0.56;transform:scale(1.06);}} @keyframes audienceTileIn{from{opacity:0;transform:translateY(18px);} to{opacity:1;transform:translateY(0);}} @keyframes processStepIn{from{opacity:0;transform:translateY(14px);} to{opacity:1;transform:translateY(0);}} @keyframes mapFadeIn{from{opacity:0;transform:scale(0.97);} to{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{from{opacity:0;transform:translateY(22px);} to{opacity:1;transform:translateY(0);}} @keyframes contentFeatureIn{from{opacity:0;transform:scale(0.975);} to{opacity:1;transform:scale(1);}} @keyframes contentItemIn{from{opacity:0;transform:translateY(16px);} to{opacity:1;transform:translateY(0);}} @keyframes contentWaveDrift{0%,100%{opacity:0.34;transform:translate3d(0,0,0) rotate(8deg);} 50%{opacity:0.48;transform:translate3d(16px,-8px,0) rotate(8deg);}} @keyframes aboutCopyIn{from{opacity:0;transform:translateY(18px);} to{opacity:1;transform:translateY(0);}} @keyframes aboutMosaicIn{from{opacity:0;transform:scale(0.975);} to{opacity:1;transform:scale(1);}} @keyframes aboutPixelsFloat{0%,100%{opacity:0.24;transform:translate3d(0,0,0) rotate(45deg);} 50%{opacity:0.36;transform:translate3d(12px,-10px,0) rotate(45deg);}} @keyframes supportMosaicIn{from{opacity:0;transform:translateY(14px);} to{opacity:1;transform:translateY(0);}} @keyframes supportGlowDrift{0%,100%{opacity:0.18;transform:translate3d(0,0,0) scale(1);} 50%{opacity:0.24;transform:translate3d(-16px,14px,0) scale(1.04);}} @keyframes supportPixelsDrift{0%,100%{opacity:0.14;transform:translate3d(0,0,0);} 50%{opacity:0.19;transform:translate3d(8px,-6px,0);}} @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:0;border-radius:999px;background:rgba(255,255,255,0.1);} .nav-toggle span{display:block;width:18px;height:2px;margin:3px 0;border-radius:99px;background:var(--white);} .main-nav.is-open{position:fixed;top:76px;left:20px;right:20px;display:grid;gap:0;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:0 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 0;} .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:0;} .process-layout{grid-template-columns:1fr;gap:34px;} .process-map{min-height:auto;} .process-highlights{max-width:none;margin:10px 0 0;} .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(0,1fr));} .audience-mosaic{grid-template-columns:repeat(6,minmax(0,1fr));grid-auto-rows:140px;} .audience-feature{grid-column:span 6;grid-row:span 3;} .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(0,1fr));} .footer-grid{grid-template-columns:repeat(2,minmax(0,1fr));} .final-actions{justify-content:start;} .solutions-shell{grid-template-columns:1fr;padding:30px 0;} .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 0;} .site-header{width:calc(100% - 24px);margin-top:10px;} .brand span{font-size:0.94rem;} .hero{padding:112px 0 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-column:auto;grid-row: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:0;} .process-layout{gap:28px;margin-top:32px;} .process-timeline{gap:20px;} .process-timeline li{grid-template-columns:42px 52px minmax(0,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:0;} .process-highlights article{border-right:0;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(0,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;justify-items:start;align-items:center;padding:0;text-align:left;border-right:0;} .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:0;} .about-video-chip{padding:11px 12px;font-size:0.85rem;} .about-video-chip svg{width:24px;height:24px;} .about-video-chip-left{left:0;top:20%;} .about-video-chip-right{right:0;top:62%;} .about-video-note{left:50%;bottom:0;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;} .about-photo-main,.about-photo-top,.about-photo-mid,.about-photo-bottom{grid-column:auto;grid-row:auto;} .proposal-card{padding:22px;border-radius:16px;} .solutions-shell{padding:18px 0;} .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(0,1fr));gap:12px;min-height:auto;padding-top:150px;} .orbit-rings,.orbit-lines{display:none;} .ecosystem-center{left:50%;top:0;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;left:auto;right:auto;top:auto;bottom:auto;width:auto;min-height:138px;transform:none;animation:none;} .split-panel{min-height:auto;padding:22px;} .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;}} .solution-page{background:radial-gradient(circle at 82% 12%,rgba(57,217,107,0.12),transparent 32%),linear-gradient(180deg,#f7fbf9 0%,#ffffff 44%,#effaf5 100%);} .solution-hero{position:relative;min-height:760px;padding:128px 0 78px;overflow:hidden;isolation:isolate;} .solution-hero::before{content:"";position:absolute;inset:0;z-index:-2;background:radial-gradient(circle at 78% 80%,rgba(57,217,107,0.2),transparent 30%),radial-gradient(circle at 10% 88%,rgba(57,217,107,0.09),transparent 22%),linear-gradient(135deg,rgba(3,44,38,0.96),rgba(4,31,28,0.9) 58%,rgba(3,44,38,0.98));} .solution-hero::after{content:"";position:absolute;inset:auto -8% -28% 42%;z-index:-1;height:420px;background:radial-gradient(circle,rgba(57,217,107,0.24),transparent 66%);filter:blur(10px);} .solution-hero-media{position:absolute;inset:0;z-index:-3;opacity:0.18;} .solution-hero-media img{width:100%;height:100%;object-fit:cover;filter:blur(5px) saturate(0.9);} .solution-hero-grid{position:relative;width:min(1400px,calc(100% - 96px));display:grid;grid-template-columns:minmax(0,52fr) minmax(0,48fr);gap:clamp(34px,4vw,58px);align-items:center;} .solution-hero-grid::before,.solution-hero-grid::after{content:"";position:absolute;width:96px;height:96px;opacity:0.16;pointer-events:none;background-image:radial-gradient(circle,var(--green-400) 2px,transparent 2px);background-size:16px 16px;} .solution-hero-grid::before{right:-42px;top:4px;} .solution-hero-grid::after{left:-42px;bottom:-36px;} .solution-hero-copy{max-width:720px;animation:heroTextReveal 0.72s ease 0.08s both;} .solution-hero .eyebrow{display:inline-flex;align-items:center;width:fit-content;border:1px solid rgba(57,217,107,0.28);border-radius:999px;padding:7px 14px;background:rgba(57,217,107,0.08);box-shadow:inset 0 0 18px rgba(57,217,107,0.06);} .solution-hero h1{margin:22px 0 20px;max-width:720px;font-size:clamp(3.05rem,4.15vw,4rem);line-height:1.08;letter-spacing:0;text-shadow:0 8px 22px rgba(0,0,0,0.24);} .solution-hero h1 span{color:var(--green-400);} .solution-hero p{max-width:660px;margin:0;color:rgba(255,255,255,0.88);font-size:1.06rem;} .solution-photo-card{position:relative;overflow:hidden;width:100%;max-width:650px;min-height:560px;aspect-ratio:1.06 / 1;justify-self:end;border:1px solid rgba(133,255,179,0.28);border-radius:24px;box-shadow:0 28px 90px rgba(0,0,0,0.28),0 0 92px rgba(57,217,107,0.12);animation:heroFormReveal 0.78s ease 0.18s both;transition:transform 0.35s ease,border-color 0.35s ease,box-shadow 0.35s ease;} .solution-photo-card::before{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(180deg,rgba(3,44,38,0.08),rgba(3,44,38,0.34) 42%,rgba(3,44,38,0.9)),radial-gradient(circle at 58% 52%,rgba(57,217,107,0.28),transparent 34%);} .solution-photo-card img{width:100%;height:100%;min-height:560px;object-fit:cover;object-position:center;transition:transform 0.6s ease;} .solution-photo-card:hover img{transform:scale(1.035);} .solution-photo-card:hover{transform:translateY(-3px);border-color:rgba(57,217,107,0.34);box-shadow:0 32px 90px rgba(0,0,0,0.32),0 0 86px rgba(57,217,107,0.12);} .solution-photo-card div{position:absolute;left:38px;right:38px;bottom:30px;z-index:2;} .solution-photo-card div > span{display:block;margin-bottom:8px;color:var(--green-400);font-weight:900;font-size:1.7rem;line-height:1.1;} .solution-photo-card p{max-width:500px;color:rgba(255,255,255,0.9);font-size:1.02rem;} .solution-card-badge{position:absolute;top:30px;left:30px;z-index:2;display:inline-flex;align-items:center;gap:8px;border:1px solid rgba(57,217,107,0.32);border-radius:999px;padding:10px 16px;color:var(--green-400);background:rgba(3,44,38,0.54);box-shadow:inset 0 0 22px rgba(57,217,107,0.08);backdrop-filter:blur(12px);font-size:0.84rem;font-weight:900;text-transform:uppercase;} .solution-card-badge svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;} .solution-card-features{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin:22px 0 0;padding:18px 0 0;border-top:1px solid rgba(255,255,255,0.18);list-style:none;} .solution-card-features li{display:flex;align-items:center;gap:8px;min-width:0;color:rgba(255,255,255,0.92);font-weight:800;font-size:0.92rem;line-height:1.25;} .solution-card-features svg{flex:0 0 auto;width:24px;height:24px;color:var(--green-400);fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;} .solution-actions{display:flex;flex-wrap:wrap;gap:18px;margin-top:34px;} .solution-actions .btn{min-height:58px;padding-inline:24px;transition:transform 0.24s ease,box-shadow 0.24s ease,border-color 0.24s ease,background 0.24s ease;} .solution-actions .btn:hover,.solution-actions .btn:focus-visible{transform:translateY(-2px);} .solution-hero-points{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;max-width:720px;margin-top:28px;} .solution-hero-points span{gap:10px;border:1px solid rgba(57,217,107,0.28);border-radius:16px;display:flex;align-items:center;justify-content:center;min-height:62px;padding:10px 12px;color:rgba(255,255,255,0.9);background:rgba(255,255,255,0.045);backdrop-filter:blur(12px);font-size:0.88rem;font-weight:800;line-height:1.2;box-shadow:inset 0 0 18px rgba(57,217,107,0.04),0 8px 24px rgba(0,0,0,0.08);} .solution-hero-points svg{flex:0 0 auto;width:26px;height:26px;color:var(--green-400);fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round;} .solution-trust-line{display:flex;align-items:center;flex-wrap:wrap;gap:0;max-width:720px;margin-top:24px;color:rgba(255,255,255,0.82);font-size:0.88rem;font-weight:700;} .solution-trust-line span{display:inline-flex;align-items:center;gap:8px;min-height:28px;white-space:nowrap;} .solution-trust-line span + span{margin-left:18px;padding-left:18px;border-left:1px solid rgba(57,217,107,0.32);} .solution-trust-line svg{flex:0 0 auto;width:22px;height:22px;color:var(--green-400);fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;} .solution-device-card{position:relative;overflow:hidden;border:1px solid rgba(255,255,255,0.2);border-radius:24px;padding:42px;background:linear-gradient(160deg,rgba(255,255,255,0.96),rgba(233,250,241,0.9)),var(--white);color:var(--green-950);box-shadow:0 26px 80px rgba(0,0,0,0.28);animation:heroFormReveal 0.78s ease 0.18s both;} .solution-device-card .device-glow{position:absolute;inset:-30% -20% auto auto;width:260px;aspect-ratio:1;border-radius:999px;background:radial-gradient(circle,rgba(57,217,107,0.28),transparent 68%);pointer-events:none;} .solution-device-card img{width:88px;height:88px;object-fit:contain;margin-bottom:24px;filter:drop-shadow(0 14px 28px rgba(19,182,79,0.28));} .solution-device-card h2{margin:0 0 12px;font-size:1.8rem;line-height:1.08;} .solution-device-card p{color:var(--gray-800);font-size:1rem;} .solution-device-card ul{display:grid;gap:10px;margin:24px 0 0;padding:0;list-style:none;color:var(--green-900);font-weight:800;} .solution-device-card li{position:relative;padding-left:18px;} .solution-device-card li::before{content:"";position:absolute;left:0;top:0.72em;width:7px;height:7px;border-radius:999px;background:var(--green-500);} .solution-section,.solution-flow,.solution-local{padding:78px 0;} .solution-section-head{max-width:720px;margin:0 auto 36px;text-align:center;} .solution-section-head .eyebrow{justify-content:center;} .solution-section-head h2,.solution-flow h2,.solution-local h2,.solution-cta h2{margin:12px 0 18px;color:var(--green-950);font-size:clamp(2rem,3.2vw,3.35rem);line-height:1.08;} .solution-section-head p,.solution-flow p,.solution-local p{color:var(--gray-600);font-size:1.08rem;} .solution-benefit-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;} .solution-benefit-grid article{border:1px solid rgba(5,58,50,0.08);border-radius:18px;padding:28px;background:rgba(255,255,255,0.74);box-shadow:0 18px 48px rgba(5,58,50,0.08);transition:transform 0.28s ease,border-color 0.28s ease,box-shadow 0.28s ease;} .solution-benefit-grid article:hover{transform:translateY(-4px);border-color:rgba(19,182,79,0.28);box-shadow:0 24px 60px rgba(5,58,50,0.12);} .solution-benefit-grid span{display:grid;place-items:center;width:52px;height:52px;border-radius:16px;margin-bottom:22px;color:var(--green-700);background:rgba(57,217,107,0.14);} .solution-benefit-grid img{width:38px;height:38px;object-fit:contain;} .solution-benefit-grid svg{width:26px;height:26px;} .solution-benefit-grid h3{margin:0 0 10px;color:var(--green-950);font-size:1.18rem;} .solution-benefit-grid p{margin:0;color:var(--gray-600);} .solution-benefit-grid-collapsible .solution-extra-benefit{display:none;} .solution-benefit-grid-collapsible.is-expanded .solution-extra-benefit{display:block;animation:benefitReveal 0.32s ease both;} .solution-benefit-more{display:flex;justify-content:center;margin-top:30px;} .solution-benefit-more .btn{min-height:48px;gap:10px;border-color:rgba(5,58,50,0.18);background:rgba(255,255,255,0.78);box-shadow:0 12px 28px rgba(5,58,50,0.08);} .solution-benefit-more .btn span{display:inline-block;color:var(--green-500);font-size:1.1rem;transition:transform 0.24s ease;} .solution-benefit-grid-collapsible.is-expanded + .solution-benefit-more .btn span{transform:rotate(180deg);} @keyframes benefitReveal{from{opacity:0;transform:translateY(10px);} to{opacity:1;transform:translateY(0);}} .solution-flow{background:radial-gradient(circle at 85% 20%,rgba(57,217,107,0.14),transparent 28%),linear-gradient(180deg,rgba(240,251,246,0.4),rgba(255,255,255,0.86));} .solution-final-fold{padding-bottom:88px;} .solution-flow-grid,.solution-local-grid,.solution-cta-grid{display:grid;grid-template-columns:minmax(0,0.85fr) minmax(0,1fr);gap:72px;align-items:center;} .solution-steps-list{display:grid;gap:18px;margin:0;padding:0;list-style:none;} .solution-steps-list li{display:grid;grid-template-columns:58px 1fr;gap:8px 18px;padding:24px;border-bottom:1px solid rgba(5,58,50,0.1);} .solution-steps-list strong{grid-row:span 2;display:grid;place-items:center;width:48px;height:48px;border-radius:999px;color:var(--green-700);background:rgba(57,217,107,0.15);border:1px solid rgba(19,182,79,0.22);} .solution-steps-list span{color:var(--green-950);font-size:1.12rem;font-weight:900;} .solution-steps-list p{margin:0;} .solution-local-note{margin-top:34px;padding-top:24px;border-top:1px solid rgba(5,58,50,0.12);} .solution-local-note .eyebrow{margin-bottom:10px;} .solution-inline-cta{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:28px;padding:24px;border:1px solid rgba(19,182,79,0.22);border-radius:18px;background:rgba(255,255,255,0.78);box-shadow:0 18px 48px rgba(5,58,50,0.08);} .solution-inline-cta h3{max-width:380px;margin:0;color:var(--green-950);font-size:1.35rem;line-height:1.15;} .solution-local{background:radial-gradient(circle at 10% 5%,rgba(57,217,107,0.12),transparent 26%),var(--white);} .solution-local-grid{align-items:start;} .solution-local-grid p + p{margin-top:18px;} .solution-cta{position:relative;overflow:hidden;padding:76px 0;} .solution-cta::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 78% 50%,rgba(57,217,107,0.2),transparent 28%),linear-gradient(135deg,var(--green-950),var(--green-800));z-index:0;} .solution-cta-grid{position:relative;z-index:1;} .solution-cta h2{color:var(--white);} .solution-cta p{margin:0;max-width:660px;color:rgba(255,255,255,0.82);font-size:1.08rem;} .solution-cta .btn{justify-self:end;} @media (max-width:980px){.solution-hero{min-height:auto;padding-top:118px;} .solution-hero-grid,.solution-flow-grid,.solution-local-grid,.solution-cta-grid{grid-template-columns:1fr;gap:34px;} .solution-benefit-grid{grid-template-columns:repeat(2,minmax(0,1fr));} .solution-photo-card,.solution-photo-card img{min-height:440px;} .solution-photo-card{max-width:100%;justify-self:stretch;} .solution-hero-grid{align-items:center;width:min(var(--container),calc(100% - 40px));} .solution-hero-points{grid-template-columns:repeat(2,minmax(0,1fr));max-width:100%;} .solution-card-features{grid-template-columns:1fr;} .solution-inline-cta{align-items:flex-start;flex-direction:column;} .solution-cta .btn{justify-self:start;}} @media (max-width:640px){.solution-hero{padding:108px 0 58px;} .solution-hero h1{font-size:clamp(2.25rem,11vw,3.35rem);} .solution-photo-card,.solution-photo-card img{min-height:390px;} .solution-hero-points{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;} .solution-hero-points span{min-height:56px;font-size:0.82rem;} .solution-hero-points svg{width:22px;height:22px;} .solution-trust-line{display:grid;gap:10px;align-items:flex-start;font-size:0.84rem;} .solution-trust-line span + span{margin-left:0;padding-left:0;border-left:0;} .solution-photo-card div{left:20px;right:20px;bottom:20px;} .solution-photo-card div > span{font-size:1.32rem;} .solution-card-badge{left:18px;top:18px;font-size:0.72rem;} .solution-device-card{padding:30px;} .solution-section,.solution-flow,.solution-local{padding:62px 0;} .solution-benefit-grid{grid-template-columns:1fr;} .solution-steps-list li{grid-template-columns:48px 1fr;padding:20px 0;}} .machine-card-solution-page .solution-hero{min-height:620px;padding-top:108px;padding-bottom:28px;} .machine-card-solution-page .solution-hero::before{background:radial-gradient(circle at 74% 52%,rgba(57,217,107,0.22),transparent 31%),radial-gradient(circle at 16% 82%,rgba(57,217,107,0.12),transparent 24%),linear-gradient(135deg,rgba(2,38,34,0.98),rgba(3,30,27,0.94) 56%,rgba(2,54,47,0.98));} .machine-card-solution-page .solution-hero-grid{grid-template-columns:minmax(0,60fr) minmax(420px,40fr);column-gap:clamp(46px,5vw,78px);row-gap:18px;align-items:center;} .machine-card-solution-page .solution-hero-copy{max-width:710px;} .machine-card-solution-page .solution-hero h1{max-width:710px;margin:18px 0 15px;font-size:clamp(2.8rem,4vw,4.18rem);line-height:1.04;} .machine-card-solution-page .solution-hero h1 .machine-title-line{display:block;white-space:nowrap;} .machine-card-solution-page .solution-hero h1 .machine-title-highlight{color:var(--green-400);} .machine-card-solution-page .solution-hero p{max-width:640px;font-size:1rem;line-height:1.55;} .machine-card-solution-page .solution-actions{gap:18px;margin-top:26px;flex-wrap:nowrap;} .machine-card-solution-page .solution-actions .btn{min-width:0;width:270px;justify-content:center;} .machine-card-solution-page .solution-actions .btn-ghost{width:250px;} .machine-card-solution-page .solution-photo-card{max-width:610px;min-height:326px;aspect-ratio:1.58 / 1;border-radius:28px;background:radial-gradient(circle at 58% 53%,rgba(57,217,107,0.22),transparent 34%),linear-gradient(135deg,rgba(230,243,236,0.82),rgba(108,135,120,0.58));} .machine-card-solution-page .solution-photo-card::before{background:linear-gradient(90deg,rgba(2,37,33,0.18),rgba(2,37,33,0.03) 42%,rgba(2,37,33,0.12)),radial-gradient(circle at 66% 56%,rgba(57,217,107,0.12),transparent 32%);} .machine-card-solution-page .solution-photo-card::after{content:"";position:absolute;right:-34px;top:-32px;z-index:1;width:170px;height:170px;opacity:0.16;background-image:radial-gradient(circle,#2de877 2px,transparent 2px);background-size:18px 18px;} .machine-card-solution-page .solution-photo-card .machine-hero-product{position:absolute;inset:0;z-index:1;width:100%;height:100%;min-height:0;object-fit:cover;object-position:center;filter:none;} .machine-card-solution-page .solution-photo-card:hover .machine-hero-product{transform:scale(1.018);} .machine-card-solution-page .solution-card-badge{top:auto;left:auto;right:28px;bottom:26px;z-index:4;width:116px;height:116px;justify-content:center;padding:18px;border-color:rgba(57,217,107,0.58);border-radius:999px;color:#fff;background:radial-gradient(circle at 68% 20%,rgba(255,255,255,0.24),transparent 30%),linear-gradient(135deg,rgba(49,190,76,0.92),rgba(4,96,69,0.94));box-shadow:0 18px 46px rgba(0,0,0,0.26),0 0 0 6px rgba(57,217,107,0.16);font-size:0.78rem;line-height:1.18;text-align:center;white-space:normal;} .machine-card-solution-page .solution-card-badge svg{display:none;} .machine-card-solution-page .solution-photo-card > div:not(.machine-hero-chip){display:none;} .machine-card-solution-page .solution-photo-card > div:not(.machine-hero-chip) > span{color:#fff;font-size:1.55rem;} .machine-card-solution-page .solution-card-features{display:none;} .machine-hero-accessible-name{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;} .machine-card-solution-page .solution-photo-card .machine-hero-chip{position:absolute;right:auto;bottom:auto;z-index:3;display:grid;grid-template-columns:38px 1fr;align-items:center;gap:10px;min-width:150px;padding:10px 12px;border:1px solid rgba(255,255,255,0.34);border-radius:16px;background:rgba(255,255,255,0.78);box-shadow:0 14px 34px rgba(0,0,0,0.13);backdrop-filter:blur(10px);} .machine-card-solution-page .solution-photo-card .machine-hero-chip img{width:38px;height:38px;min-height:0;object-fit:contain;position:static;transform:none;filter:none;} .machine-card-solution-page .solution-photo-card .machine-hero-chip span{display:grid;margin:0;color:#123b34;font-size:0.86rem;font-weight:900;line-height:1.1;} .machine-card-solution-page .solution-photo-card .machine-hero-chip small{color:#3d5b56;font-size:0.88em;font-weight:750;} .machine-card-solution-page .solution-photo-card .machine-hero-chip-pix{left:28px;top:36px;} .machine-card-solution-page .solution-photo-card .machine-hero-chip-card{left:28px;top:102px;} .machine-card-solution-page .solution-photo-card .machine-hero-chip-installments{left:28px;top:168px;} .machine-card-solution-page .solution-photo-card .machine-hero-chip-receive{left:28px;top:234px;background:rgba(5,55,47,0.58);} .machine-card-solution-page .solution-photo-card .machine-hero-chip-receive span,.machine-card-solution-page .solution-photo-card .machine-hero-chip-receive small{color:#fff;} .machine-card-solution-page .solution-hero-points{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));grid-column:1 / -1;justify-content:stretch;align-items:center;gap:clamp(14px,2vw,22px);max-width:none;margin-top:0;padding:18px 0 0;border-top:1px solid rgba(57,217,107,0.14);border-bottom:0;} .machine-card-solution-page .solution-hero-points span{min-height:54px;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none;backdrop-filter:none;color:rgba(255,255,255,0.88);font-size:0.9rem;font-weight:750;line-height:1.2;} .machine-card-solution-page .solution-hero-points img{width:34px;height:34px;flex:0 0 auto;object-fit:contain;filter:drop-shadow(0 0 12px rgba(57,217,107,0.16));} .machine-card-solution-page .machine-reveal{opacity:0;transform:translate3d(0,18px,0);transition:opacity 720ms cubic-bezier(0.22,1,0.36,1) var(--machine-reveal-delay,0ms),transform 720ms cubic-bezier(0.22,1,0.36,1) var(--machine-reveal-delay,0ms);} .machine-card-solution-page .machine-reveal.is-visible{opacity:1;transform:translate3d(0,0,0);} .machine-card-solution-page .solution-photo-card.machine-reveal,.machine-card-solution-page .machine-tech-visual.machine-reveal,.machine-card-solution-page .machine-payment-strip.machine-reveal{transform:translate3d(0,18px,0) scale(0.985);} .machine-card-solution-page .solution-photo-card.machine-reveal.is-visible,.machine-card-solution-page .machine-tech-visual.machine-reveal.is-visible,.machine-card-solution-page .machine-payment-strip.machine-reveal.is-visible{transform:translate3d(0,0,0) scale(1);} .machine-card-solution-page .btn{transition:transform 220ms ease,box-shadow 220ms ease,border-color 220ms ease,background 220ms ease,color 220ms ease;} .machine-card-solution-page .btn:hover,.machine-card-solution-page .btn:focus-visible{transform:translateY(-2px);} .machine-card-solution-page .btn:active{transform:translateY(0) scale(0.985);} .machine-card-solution-page .btn-primary:hover,.machine-card-solution-page .btn-primary:focus-visible{box-shadow:0 18px 42px rgba(19,182,79,0.34),0 0 0 5px rgba(57,217,107,0.12);} .machine-card-solution-page .btn-ghost:hover,.machine-card-solution-page .btn-ghost:focus-visible{border-color:rgba(57,217,107,0.48);background:rgba(57,217,107,0.08);box-shadow:inset 0 0 0 1px rgba(57,217,107,0.1),0 14px 34px rgba(0,0,0,0.14);} .machine-card-solution-page .btn svg{transition:transform 220ms ease;} .machine-card-solution-page .btn:hover svg,.machine-card-solution-page .btn:focus-visible svg{transform:translateX(2px) scale(1.04);} .machine-card-solution-page .solution-hero::after{content:"";position:absolute;inset:0;pointer-events:none;opacity:0.22;background:radial-gradient(circle at 74% 48%,rgba(57,217,107,0.18),transparent 24%),radial-gradient(circle at 16% 78%,rgba(34,197,180,0.12),transparent 22%);animation:machineHeroGlow 9s ease-in-out infinite alternate;} .machine-card-solution-page .solution-photo-card{transition:transform 520ms cubic-bezier(0.22,1,0.36,1),box-shadow 320ms ease,border-color 320ms ease;} .machine-card-solution-page .solution-photo-card:hover,.machine-card-solution-page .solution-photo-card:focus-within{transform:translate3d(var(--machine-parallax-x,0),var(--machine-parallax-y,0),0) scale(1.006);border-color:rgba(57,217,107,0.34);box-shadow:0 30px 80px rgba(0,0,0,0.3),0 0 0 1px rgba(57,217,107,0.12);} .machine-card-solution-page .solution-photo-card .machine-hero-chip{transition:transform 260ms ease,box-shadow 260ms ease,border-color 260ms ease,background 260ms ease;} .machine-card-solution-page .solution-photo-card .machine-hero-chip:hover{transform:translateY(-2px);border-color:rgba(57,217,107,0.44);box-shadow:0 18px 42px rgba(0,0,0,0.16);} .machine-card-solution-page .solution-hero-points span{transition:transform 220ms ease,color 220ms ease;} .machine-card-solution-page .solution-hero-points span:hover{transform:translateY(-2px);color:#fff;} .machine-card-solution-page .solution-hero-points span:hover img{transform:scale(1.08);filter:drop-shadow(0 0 16px rgba(57,217,107,0.3));} .machine-card-solution-page .solution-hero-points img,.machine-card-solution-page .machine-benefits-section .solution-benefit-grid img,.machine-card-solution-page .machine-tech-card img{transition:transform 240ms ease,filter 240ms ease;} @keyframes machineHeroGlow{0%{transform:translate3d(-1.5%,1%,0) scale(1);opacity:0.16;} 100%{transform:translate3d(1.5%,-1%,0) scale(1.04);opacity:0.28;}} @media (max-width:980px){.machine-card-solution-page .solution-hero{min-height:auto;} .machine-card-solution-page .solution-hero-grid{grid-template-columns:1fr;} .machine-card-solution-page .solution-photo-card{justify-self:start;max-width:820px;min-height:auto;aspect-ratio:1.58 / 1;} .machine-card-solution-page .solution-hero-points{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:14px;column-gap:20px;}} @media (max-width:640px){.machine-card-solution-page .solution-hero h1{font-size:clamp(2.4rem,11vw,3.35rem);} .machine-card-solution-page .solution-hero h1 .machine-title-line{white-space:normal;} .machine-card-solution-page .solution-photo-card{min-height:0;aspect-ratio:1.2 / 1;} .machine-card-solution-page .solution-photo-card .machine-hero-product{inset:0;width:100%;height:100%;object-fit:cover;} .machine-card-solution-page .solution-photo-card .machine-hero-chip{left:18px;min-width:132px;grid-template-columns:34px 1fr;padding:8px 10px;} .machine-card-solution-page .solution-photo-card .machine-hero-chip img{width:34px;height:34px;} .machine-card-solution-page .solution-photo-card .machine-hero-chip-pix{top:18px;} .machine-card-solution-page .solution-photo-card .machine-hero-chip-card{top:80px;} .machine-card-solution-page .solution-photo-card .machine-hero-chip-installments{top:142px;} .machine-card-solution-page .solution-photo-card .machine-hero-chip-receive{display:none;} .machine-card-solution-page .solution-card-badge{right:18px;bottom:20px;width:98px;height:98px;font-size:0.7rem;} .machine-card-solution-page .solution-actions .btn{width:100%;min-width:0;} .machine-card-solution-page .solution-hero-points{margin-top:26px;padding-bottom:18px;} .machine-card-solution-page .solution-hero-points span{justify-content:flex-start;font-size:0.84rem;}} .machine-card-solution-page .machine-benefits-section{position:relative;overflow:hidden;padding:76px 0 64px;background:radial-gradient(circle at 72% 8%,rgba(57,217,107,0.13),transparent 28%),radial-gradient(circle at 18% 86%,rgba(34,197,180,0.08),transparent 25%),linear-gradient(180deg,#f8fffc 0%,#f1fbf7 100%);} .machine-card-solution-page .machine-benefits-section .solution-section-head{max-width:780px;margin-bottom:34px;} .machine-card-solution-page .machine-benefits-section .solution-section-head h2{max-width:760px;margin-left:auto;margin-right:auto;} .machine-card-solution-page .machine-benefits-section .solution-section-head h2 span{display:block;color:var(--green-500);} .machine-card-solution-page .machine-benefits-section .solution-section-head p{max-width:760px;margin-left:auto;margin-right:auto;} .machine-card-solution-page .machine-benefits-section .solution-benefit-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;} .machine-card-solution-page .machine-benefits-section .solution-benefit-grid article{min-height:196px;padding:24px 24px 22px;border-color:rgba(5,58,50,0.09);border-radius:16px;background:rgba(255,255,255,0.82);box-shadow:0 18px 44px rgba(5,58,50,0.07);} .machine-card-solution-page .machine-benefits-section .solution-benefit-grid article:hover{transform:translateY(-5px);border-color:rgba(19,182,79,0.32);box-shadow:0 26px 64px rgba(5,58,50,0.13);} .machine-card-solution-page .machine-benefits-section .solution-benefit-grid article:hover span{background:linear-gradient(135deg,rgba(57,217,107,0.26),rgba(34,197,180,0.13));box-shadow:inset 0 0 0 1px rgba(19,182,79,0.18),0 10px 28px rgba(57,217,107,0.14);} .machine-card-solution-page .machine-benefits-section .solution-benefit-grid article:hover img{transform:scale(1.08);filter:drop-shadow(0 0 12px rgba(57,217,107,0.22));} .machine-card-solution-page .machine-benefits-section .solution-benefit-grid span{width:50px;height:50px;margin-bottom:18px;border-radius:999px;background:linear-gradient(135deg,rgba(57,217,107,0.18),rgba(34,197,180,0.09));} .machine-card-solution-page .machine-benefits-section .solution-benefit-grid img{width:34px;height:34px;} .machine-card-solution-page .machine-benefits-section .solution-benefit-grid h3{margin-bottom:9px;font-size:1.03rem;line-height:1.18;} .machine-card-solution-page .machine-benefits-section .solution-benefit-grid p{font-size:0.95rem;line-height:1.5;} .machine-card-solution-page .machine-payment-strip{margin:34px auto 0;text-align:center;} .machine-card-solution-page .machine-payment-strip h3{margin:0 0 16px;color:var(--green-500);font-size:0.82rem;font-weight:900;letter-spacing:0.08em;text-transform:uppercase;} .machine-card-solution-page .machine-payment-strip img{display:block;width:min(100%,1050px);margin:0 auto;border-radius:16px;filter:drop-shadow(0 18px 34px rgba(5,58,50,0.08));transition:transform 420ms ease,filter 420ms ease;} .machine-card-solution-page .machine-payment-strip:hover img{transform:translateY(-2px) scale(1.006);filter:drop-shadow(0 24px 46px rgba(5,58,50,0.12));} @media (max-width:1100px){.machine-card-solution-page .machine-benefits-section .solution-benefit-grid{grid-template-columns:repeat(2,minmax(0,1fr));}} @media (max-width:640px){.machine-card-solution-page .machine-benefits-section{padding:58px 0 50px;} .machine-card-solution-page .machine-benefits-section .solution-benefit-grid{grid-template-columns:1fr;} .machine-card-solution-page .machine-benefits-section .solution-benefit-grid article{min-height:auto;} .machine-card-solution-page .machine-payment-strip{overflow-x:auto;margin-top:28px;padding-bottom:6px;} .machine-card-solution-page .machine-payment-strip img{width:780px;max-width:none;}} .machine-card-solution-page .machine-tech-section{position:relative;overflow:hidden;padding:82px 0;background:radial-gradient(circle at 70% 34%,rgba(57,217,107,0.12),transparent 28%),radial-gradient(circle at 12% 72%,rgba(34,197,180,0.08),transparent 22%),linear-gradient(180deg,#f7fffc 0%,#eefaf5 100%);} .machine-card-solution-page .machine-tech-grid{display:grid;grid-template-columns:minmax(0,0.9fr) minmax(560px,1.1fr);gap:clamp(42px,5vw,82px);align-items:center;} .machine-card-solution-page .machine-tech-copy{max-width:560px;} .machine-card-solution-page .machine-tech-copy h2{margin:14px 0 18px;color:var(--green-950);font-size:clamp(2.15rem,3.1vw,3.55rem);line-height:1.08;letter-spacing:0;} .machine-card-solution-page .machine-tech-copy h2 span{color:var(--green-500);} .machine-card-solution-page .machine-tech-copy p{max-width:540px;margin:0 0 30px;color:var(--gray-700);font-size:1.04rem;line-height:1.65;} .machine-card-solution-page .machine-tech-list{display:grid;gap:16px;margin:0;padding:0;list-style:none;} .machine-card-solution-page .machine-tech-list li{position:relative;min-height:30px;padding-left:44px;color:var(--green-950);font-weight:750;line-height:1.35;} .machine-card-solution-page .machine-tech-list li::before{content:"";position:absolute;left:0;top:-2px;width:30px;height:30px;border:1px solid rgba(19,182,79,0.24);border-radius:999px;background:rgba(57,217,107,0.1);} .machine-card-solution-page .machine-tech-list li::after{content:"";position:absolute;left:10px;top:8px;width:9px;height:5px;border-left:2px solid var(--green-500);border-bottom:2px solid var(--green-500);transform:rotate(-45deg);} .machine-card-solution-page .machine-tech-visual{position:relative;min-height:520px;display:grid;place-items:center;isolation:isolate;} .machine-card-solution-page .machine-tech-visual::before{content:"";position:absolute;inset:12% 12%;z-index:-2;border-radius:999px;background:radial-gradient(circle,rgba(57,217,107,0.16),transparent 60%),linear-gradient(135deg,rgba(255,255,255,0.48),rgba(255,255,255,0));filter:blur(4px);animation:machineTechGlow 8s ease-in-out infinite alternate;} .machine-card-solution-page .machine-tech-visual::after{content:"";position:absolute;inset:8% 16%;z-index:-1;opacity:0.5;background:linear-gradient(90deg,transparent 0 26%,rgba(19,182,79,0.28) 26% 27%,transparent 27% 73%,rgba(19,182,79,0.28) 73% 74%,transparent 74%),linear-gradient(0deg,transparent 0 28%,rgba(19,182,79,0.2) 28% 29%,transparent 29% 70%,rgba(19,182,79,0.2) 70% 71%,transparent 71%);mask-image:radial-gradient(circle,#000 0 55%,transparent 76%);} .machine-card-solution-page .machine-tech-device{position:relative;z-index:2;width:min(42vw,310px);max-width:100%;filter:drop-shadow(0 34px 46px rgba(5,58,50,0.22));transition:transform 520ms cubic-bezier(0.22,1,0.36,1),filter 320ms ease;transform:translate3d(calc(var(--machine-parallax-x,0px) * -0.35),calc(var(--machine-parallax-y,0px) * -0.35),0);} .machine-card-solution-page .machine-tech-visual:hover .machine-tech-device{filter:drop-shadow(0 40px 56px rgba(5,58,50,0.26));} .machine-card-solution-page .machine-tech-card{position:absolute;z-index:3;width:230px;min-height:124px;padding:20px;border:1px solid rgba(5,58,50,0.08);border-radius:18px;background:rgba(255,255,255,0.9);box-shadow:0 20px 46px rgba(5,58,50,0.1);transition:transform 280ms ease,box-shadow 280ms ease,border-color 280ms ease,background 280ms ease;} .machine-card-solution-page .machine-tech-card:hover{transform:translateY(-4px);border-color:rgba(19,182,79,0.28);background:rgba(255,255,255,0.96);box-shadow:0 26px 60px rgba(5,58,50,0.14);} .machine-card-solution-page .machine-tech-list li{transition:transform 220ms ease,color 220ms ease;} .machine-card-solution-page .machine-tech-list li:hover{transform:translateX(4px);color:#007f55;} .machine-card-solution-page .solution-steps-list li,.machine-card-solution-page .solution-inline-cta,.machine-card-solution-page .solution-local-note{transition:transform 260ms ease,box-shadow 260ms ease,border-color 260ms ease,background 260ms ease;} .machine-card-solution-page .solution-steps-list li:hover,.machine-card-solution-page .solution-inline-cta:hover,.machine-card-solution-page .solution-local-note:hover{transform:translateY(-3px);border-color:rgba(19,182,79,0.24);box-shadow:0 18px 46px rgba(5,58,50,0.09);} .machine-card-solution-page a:focus-visible,.machine-card-solution-page button:focus-visible{outline:3px solid rgba(57,217,107,0.42);outline-offset:4px;} @keyframes machineTechGlow{0%{transform:scale(0.98);opacity:0.72;} 100%{transform:scale(1.04);opacity:1;}} .machine-card-solution-page .machine-tech-card::after{content:"";position:absolute;top:50%;width:72px;border-top:2px dotted rgba(19,182,79,0.26);} .machine-card-solution-page .machine-tech-card h3{margin:0 0 10px;color:var(--green-950);font-size:1.03rem;line-height:1.15;} .machine-card-solution-page .machine-tech-card strong{display:block;margin-bottom:8px;color:var(--green-500);font-size:1.45rem;line-height:1;} .machine-card-solution-page .machine-tech-card span,.machine-card-solution-page .machine-tech-card small{display:block;color:var(--gray-600);line-height:1.35;} .machine-card-solution-page .machine-tech-card-sale{left:3%;top:15%;} .machine-card-solution-page .machine-tech-card-sale::after,.machine-card-solution-page .machine-tech-card-receipt::after{left:100%;} .machine-card-solution-page .machine-tech-card-receipt{left:3%;bottom:17%;display:grid;grid-template-columns:1fr 54px;align-items:center;gap:14px;} .machine-card-solution-page .machine-tech-receipt-icon{width:48px;height:62px;border-radius:8px;background:linear-gradient(#dfeee8 0 0) 50% 22% / 26px 3px no-repeat,linear-gradient(#dfeee8 0 0) 50% 38% / 30px 3px no-repeat,linear-gradient(var(--green-500) 0 0) 32% 76% / 14px 5px no-repeat,linear-gradient(var(--green-400) 0 0) 68% 76% / 14px 5px no-repeat,#ffffff;box-shadow:inset 0 0 0 1px rgba(5,58,50,0.08),0 12px 22px rgba(5,58,50,0.08);} .machine-card-solution-page .machine-tech-card-connect{right:2%;top:15%;} .machine-card-solution-page .machine-tech-card-connect::after,.machine-card-solution-page .machine-tech-card-battery::after{right:100%;} .machine-card-solution-page .machine-tech-card-connect > div{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;} .machine-card-solution-page .machine-tech-card-connect span{display:grid;justify-items:center;gap:5px;color:var(--green-950);font-weight:850;} .machine-card-solution-page .machine-tech-card-connect img,.machine-card-solution-page .machine-tech-card-battery img{width:34px;height:34px;object-fit:contain;} .machine-card-solution-page .machine-tech-card-battery{right:2%;bottom:17%;} .machine-card-solution-page .machine-tech-card-battery img{width:72px;height:38px;} @media (max-width:1100px){.machine-card-solution-page .machine-tech-grid{grid-template-columns:1fr;} .machine-card-solution-page .machine-tech-copy{max-width:720px;} .machine-card-solution-page .machine-tech-visual{min-height:560px;} .machine-card-solution-page .machine-tech-device{width:min(48vw,320px);}} @media (max-width:720px){.machine-card-solution-page .machine-tech-section{padding:58px 0;} .machine-card-solution-page .machine-tech-copy h2{font-size:clamp(2rem,9vw,2.85rem);} .machine-card-solution-page .machine-tech-visual{min-height:auto;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;place-items:stretch;} .machine-card-solution-page .machine-tech-visual::after{display:none;} .machine-card-solution-page .machine-tech-device{grid-column:1 / -1;justify-self:center;width:min(68vw,280px);margin-bottom:10px;} .machine-card-solution-page .machine-tech-card{position:relative;inset:auto;width:auto;min-height:128px;padding:18px;} .machine-card-solution-page .machine-tech-card::after{display:none;}} @media (max-width:500px){.machine-card-solution-page .machine-tech-visual{grid-template-columns:1fr;}} .management-solution-page{background:radial-gradient(circle at 82% 8%,rgba(166,230,25,0.18),transparent 28%),radial-gradient(circle at 8% 88%,rgba(34,197,180,0.14),transparent 28%),linear-gradient(180deg,#f7fffb 0%,#ffffff 46%,#effbf6 100%);} .management-solution-page .solution-hero{min-height:720px;padding:132px 0 72px;color:var(--green-950);} .management-solution-page .site-header{border-color:rgba(5,58,50,0.22);background:rgba(3,44,38,0.9);box-shadow:0 18px 52px rgba(5,58,50,0.18),inset 0 1px 0 rgba(255,255,255,0.08);} .management-solution-page .site-header.is-scrolled{background:rgba(3,44,38,0.96);box-shadow:0 18px 56px rgba(5,58,50,0.24),inset 0 1px 0 rgba(255,255,255,0.08);} .management-solution-page .solution-hero::before{background:radial-gradient(circle at 15% 10%,rgba(255,255,255,0.96),transparent 28%),radial-gradient(circle at 76% 15%,rgba(175,232,37,0.22),transparent 32%),radial-gradient(circle at 10% 92%,rgba(34,211,238,0.16),transparent 34%),linear-gradient(135deg,#fbfff8 0%,#f2fff9 46%,#fbffe8 100%);} .management-solution-page .solution-hero::after{inset:auto -10% -20% 42%;height:360px;background:radial-gradient(circle,rgba(34,197,180,0.22),transparent 62%),radial-gradient(circle at 78% 35%,rgba(166,230,25,0.22),transparent 50%);} .split-solution-page .solution-hero::before{background:linear-gradient(90deg,rgba(248,255,252,0.96) 0%,rgba(245,255,251,0.88) 42%,rgba(247,255,234,0.76) 100%),radial-gradient(circle at 78% 18%,rgba(175,232,37,0.18),transparent 32%),radial-gradient(circle at 8% 88%,rgba(34,211,238,0.13),transparent 34%);} .split-solution-page .solution-hero::after{inset:auto -8% -18% 36%;height:420px;background:radial-gradient(circle,rgba(34,197,180,0.2),transparent 62%),radial-gradient(circle at 76% 34%,rgba(166,230,25,0.18),transparent 54%);} .split-solution-page .solution-hero-media{opacity:1;} .split-solution-page .solution-hero-media img{opacity:0.78;filter:saturate(1.02) contrast(0.98);object-position:center right;} .portal-photo-card{border-color:rgba(34,197,180,0.34);box-shadow:0 28px 90px rgba(5,58,50,0.18),0 0 92px rgba(34,197,180,0.12);} .portal-photo-card::before{background:linear-gradient(180deg,rgba(3,44,38,0.04),rgba(3,44,38,0.34) 42%,rgba(3,44,38,0.92)),radial-gradient(circle at 48% 52%,rgba(57,217,107,0.22),transparent 34%);} .portal-solution-page .solution-hero h1{color:#032c26 !important;-webkit-text-fill-color:#032c26;} .portal-photo-card div p,.portal-photo-card p{color:rgba(255,255,255,0.9);} .portal-photo-card > div > p{color:rgba(255,255,255,0.92) !important;} .app-photo-card img{object-position:center;} .portal-solution-page .solution-section{position:relative;overflow:hidden;background:radial-gradient(circle at 14% 20%,rgba(57,217,107,0.08),transparent 34%),radial-gradient(circle at 86% 76%,rgba(34,197,180,0.1),transparent 34%),linear-gradient(180deg,#fcfffd 0%,#f5fff9 58%,#f8fffb 100%);} .portal-solution-page .solution-section .container{width:min(1480px,calc(100% - 40px));} .portal-hub{position:relative;min-height:850px;margin-top:42px;border:1px solid rgba(5,58,50,0.045);border-radius:26px;background:radial-gradient(circle at 50% 50%,rgba(57,217,107,0.12),transparent 28%),radial-gradient(circle at 8% 86%,rgba(34,197,180,0.08),transparent 24%),linear-gradient(135deg,rgba(255,255,255,0.96),rgba(247,255,251,0.9));box-shadow:0 26px 90px rgba(5,58,50,0.055);overflow:hidden;} .portal-hub::before,.portal-hub::after{content:"";position:absolute;pointer-events:none;} .portal-hub::before{left:28px;top:170px;width:110px;height:110px;opacity:0.18;background-image:radial-gradient(circle,rgba(19,182,79,0.45) 2px,transparent 2px);background-size:16px 16px;} .portal-hub::after{right:-140px;top:250px;width:520px;height:260px;opacity:0.28;border-radius:999px;border:1px solid rgba(19,182,79,0.16);transform:rotate(-16deg);} .portal-hub-lines{position:absolute;inset:225px 0 auto 50%;width:470px;aspect-ratio:1;border:1px solid rgba(5,58,50,0.08);border-radius:999px;transform:translateX(-50%);background:radial-gradient(circle,rgba(57,217,107,0.12) 0 28%,transparent 29%),radial-gradient(circle,transparent 0 43%,rgba(19,182,79,0.085) 43.4% 43.8%,transparent 44.2%),radial-gradient(circle,transparent 0 62%,rgba(19,182,79,0.06) 62.4% 62.8%,transparent 63.2%);} .portal-hub-lines::before,.portal-hub-lines::after{content:"";position:absolute;inset:50% auto auto 50%;width:640px;border-top:1px solid rgba(19,182,79,0.11);transform:translate(-50%,-50%);} .portal-hub-lines::after{width:500px;transform:translate(-50%,-50%) rotate(90deg);opacity:0.45;} .portal-hub-center{position:absolute;left:50%;top:330px;z-index:3;display:flex;flex-direction:column;align-items:center;justify-content:center;width:310px;height:310px;padding:38px;border:1px solid rgba(19,182,79,0.16);border-radius:999px;background:rgba(255,255,255,0.92);box-shadow:0 24px 70px rgba(5,58,50,0.12),0 0 62px rgba(57,217,107,0.14);transform:translateX(-50%);text-align:center;} .portal-hub-center img{width:88px;height:88px;flex:0 0 auto;object-fit:contain;margin-bottom:12px;filter:drop-shadow(0 12px 24px rgba(19,182,79,0.2));} .portal-hub-center h3{margin:0;color:var(--green-950);font-size:1.8rem;line-height:1.1;} .portal-hub-center p{margin:8px 0 0;color:var(--gray-600);font-size:1.05rem;line-height:1.28;} .portal-hub-module{position:absolute;z-index:4;display:grid;grid-template-columns:76px 1fr;align-items:center;gap:18px;width:320px;min-height:126px;border:1px solid rgba(5,58,50,0.08);border-radius:999px;padding:18px 24px;background:rgba(255,255,255,0.92);box-shadow:0 20px 54px rgba(5,58,50,0.08);} .portal-hub-module::before,.portal-hub-module::after{content:"";position:absolute;top:50%;height:1px;width:82px;background:rgba(19,182,79,0.24);} .portal-hub-module::before{width:9px;height:9px;border-radius:999px;background:var(--green-500);box-shadow:0 0 0 5px rgba(57,217,107,0.08);transform:translateY(-50%);} .portal-hub-module.module-left::before{right:-20px;} .portal-hub-module.module-left::after{right:-92px;} .portal-hub-module.module-right::before{left:-20px;} .portal-hub-module.module-right::after{left:-92px;} .portal-hub-module span{display:grid;place-items:center;width:72px;height:72px;border-radius:999px;color:var(--green-700);background:radial-gradient(circle at 72% 24%,rgba(166,230,25,0.28),transparent 42%),rgba(57,217,107,0.1);} .portal-hub-module svg{width:36px;height:36px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round;} .portal-hub-module h3{margin:0 0 8px;color:var(--green-950);font-size:1.08rem;line-height:1.16;} .portal-hub-module p{margin:0;color:var(--gray-600);font-size:0.94rem;line-height:1.38;} .module-one{left:70px;top:190px;} .module-two{left:34px;top:380px;} .module-three{left:84px;top:570px;} .module-four{right:70px;top:190px;} .module-five{right:34px;top:380px;} .module-six{right:84px;top:570px;} .portal-hub-pill{position:absolute;left:50%;bottom:38px;z-index:5;display:inline-flex;align-items:center;justify-content:center;gap:14px;max-width:min(620px,calc(100% - 48px));border:1px solid rgba(5,58,50,0.08);border-radius:999px;padding:16px 28px;background:rgba(255,255,255,0.88);color:var(--green-950);box-shadow:0 18px 44px rgba(5,58,50,0.08);transform:translateX(-50%);font-size:1.05rem;font-weight:780;text-align:center;} .portal-hub-pill svg{width:28px;height:28px;color:var(--green-500);fill:none;stroke:currentColor;stroke-width:1.9;flex:0 0 auto;} .portal-hub-pill strong{color:var(--green-500);} .portal-hub-pill-text{display:block;max-width:100%;} @media (max-width:1180px){.portal-hub{display:grid;gap:16px;min-height:0;padding:28px;} .portal-hub-lines,.portal-hub-module::before,.portal-hub-module::after{display:none;} .portal-hub-center,.portal-hub-module,.portal-hub-pill{position:relative;left:auto;right:auto;top:auto;bottom:auto;transform:none;} .portal-hub-center{justify-self:center;width:250px;height:250px;margin-bottom:10px;} .portal-hub-module{width:min(100%,620px);justify-self:center;} .portal-hub-pill{justify-self:center;margin-top:8px;}} @media (max-width:640px){.portal-solution-page .solution-section .container{width:min(var(--container),calc(100% - 36px));} .portal-hub{padding:20px;border-radius:22px;} .portal-hub-center{width:218px;height:218px;padding:26px;} .portal-hub-center img{width:68px;height:68px;} .portal-hub-center h3{font-size:1.45rem;} .portal-hub-module{grid-template-columns:54px 1fr;gap:14px;min-height:0;border-radius:18px;padding:18px;} .portal-hub-module span{width:54px;height:54px;} .portal-hub-module svg{width:28px;height:28px;} .portal-hub-pill{align-items:flex-start;border-radius:18px;padding:16px;font-size:0.98rem;}} .portal-solution-page .portal-hub{display:grid;grid-template-columns:300px 430px 300px;grid-template-rows:repeat(3,minmax(122px,auto)) auto;grid-template-areas:"module-one portal-center module-four" "module-two portal-center module-five" "module-three portal-center module-six" "portal-pill portal-pill portal-pill";align-items:center;justify-content:center;gap:34px 122px;width:min(1340px,100%);min-height:auto;margin:64px auto 0;padding:78px 42px 54px;border-color:rgba(5,58,50,0.018);background:radial-gradient(circle at 50% 50%,rgba(57,217,107,0.15),transparent 31%),radial-gradient(circle at 10% 86%,rgba(34,197,180,0.07),transparent 26%),linear-gradient(135deg,rgba(255,255,255,0.48),rgba(247,255,251,0.44));box-shadow:0 32px 110px rgba(5,58,50,0.035);} .portal-solution-page .portal-hub-lines{grid-area:portal-center;position:relative;inset:auto;place-self:center;width:500px;transform:none;z-index:1;} .portal-solution-page .portal-hub-center{grid-area:portal-center;position:relative;left:auto;top:auto;place-self:center;width:322px;height:322px;transform:none;z-index:3;isolation:isolate;overflow:visible;box-shadow:0 28px 82px rgba(5,58,50,0.1),0 0 96px rgba(57,217,107,0.2);} .app-solution-page .app-hub-center{width:344px;height:390px;padding:28px 34px 34px;border-radius:999px;} .app-phone-mockup{position:relative;width:150px;height:248px;margin:0 auto 18px;padding:18px 12px 14px;border:7px solid #102720;border-radius:32px;background:#f8fffb;box-shadow:0 22px 44px rgba(5,58,50,0.16),0 0 28px rgba(57,217,107,0.16);} .app-phone-notch{position:absolute;top:9px;left:50%;width:48px;height:12px;border-radius:999px;background:#081b17;transform:translateX(-50%);} .app-phone-screen{display:grid;gap:9px;height:100%;padding-top:22px;color:var(--green-950);} .app-phone-screen small{color:var(--gray-600);font-size:0.58rem;font-weight:800;} .app-phone-screen strong{color:var(--green-600);font-size:1.04rem;line-height:1;} .app-phone-screen span{color:var(--gray-600);font-size:0.56rem;} .app-phone-actions{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:6px 0;} .app-phone-actions i{display:block;aspect-ratio:1;border-radius:12px;background:radial-gradient(circle at 65% 25%,rgba(166,230,25,0.34),transparent 38%),rgba(57,217,107,0.14);} .app-phone-row{height:38px;border-radius:13px;background:linear-gradient(135deg,rgba(57,217,107,0.14),rgba(34,197,180,0.08));} .app-phone-row-short{width:76%;} .app-solution-page .app-hub-center h3{font-size:1.5rem;} .app-solution-page .app-hub-center p{max-width:230px;font-size:0.98rem;} .portal-solution-page .portal-hub-center::before,.portal-solution-page .portal-hub-center::after{content:"";position:absolute;border-radius:999px;pointer-events:none;z-index:-1;} .portal-solution-page .portal-hub-center::before{inset:-16px;border:1px solid rgba(57,217,107,0.3);background:radial-gradient(circle,rgba(57,217,107,0.14),transparent 64%),conic-gradient(from 130deg,rgba(30,191,205,0.28),rgba(166,230,25,0.26),rgba(57,217,107,0.2),rgba(30,191,205,0.28));filter:blur(0.2px);opacity:0.52;animation:portalCenterPulse 3.6s ease-in-out infinite;} .portal-solution-page .portal-hub-center::after{inset:-34px;border:1px solid rgba(30,191,205,0.14);box-shadow:0 0 64px rgba(57,217,107,0.2);opacity:0.42;animation:portalCenterPulseOuter 3.6s ease-in-out infinite;} .portal-solution-page .portal-hub-module{position:relative;width:100%;min-height:118px;grid-template-columns:62px 1fr;gap:16px;padding:15px 20px;transition:transform 240ms ease,border-color 240ms ease,box-shadow 240ms ease,background-color 240ms ease;} .portal-solution-page .portal-hub-module span,.portal-solution-page .portal-hub-module svg,.portal-solution-page .portal-hub-module h3{transition:transform 240ms ease,color 240ms ease,background-color 240ms ease;} .portal-solution-page .module-one{grid-area:module-one;left:auto;top:auto;} .portal-solution-page .module-two{grid-area:module-two;left:auto;top:auto;} .portal-solution-page .module-three{grid-area:module-three;left:auto;top:auto;} .portal-solution-page .module-four{grid-area:module-four;right:auto;top:auto;} .portal-solution-page .module-five{grid-area:module-five;right:auto;top:auto;} .portal-solution-page .module-six{grid-area:module-six;right:auto;top:auto;} .portal-solution-page .portal-hub-module.module-left::before{right:-30px;} .portal-solution-page .portal-hub-module.module-left::after{right:-174px;width:144px;} .portal-solution-page .portal-hub-module.module-right::before{left:-30px;} .portal-solution-page .portal-hub-module.module-right::after{left:-174px;width:144px;} .portal-solution-page .portal-hub-module:hover{transform:translateY(-4px);border-color:rgba(19,182,79,0.28);background-color:rgba(255,255,255,0.98);box-shadow:0 24px 62px rgba(5,58,50,0.11),0 0 34px rgba(57,217,107,0.11);} .portal-solution-page .portal-hub-module:hover::before{box-shadow:0 0 0 7px rgba(57,217,107,0.14),0 0 18px rgba(19,182,79,0.28);} .portal-solution-page .portal-hub-module:hover::after{background:linear-gradient(90deg,rgba(19,182,79,0.14),rgba(30,191,205,0.36),rgba(166,230,25,0.32));} .portal-solution-page .portal-hub-module:hover span{color:var(--green-600);background:radial-gradient(circle at 72% 24%,rgba(166,230,25,0.36),transparent 42%),rgba(57,217,107,0.16);transform:scale(1.04);} .portal-solution-page .portal-hub-module:hover svg{transform:scale(1.06);} .portal-solution-page .portal-hub-module:hover h3{color:var(--green-800);} .portal-solution-page .portal-hub-pill{grid-area:portal-pill;position:relative;left:auto;bottom:auto;justify-self:center;width:fit-content;margin-top:2px;transform:none;} .internal-support-mosaic{position:relative;overflow:hidden;padding:clamp(78px,8vw,118px) 0;color:#fff;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,#021f1b 0%,#04352d 52%,#021b18 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:supportPixelsDrift 10s ease-in-out infinite;} .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:supportGlowDrift 12s ease-in-out infinite;} .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 ease,transform 1300ms cubic-bezier(0.22,1,0.36,1);} .internal-support-mosaic.is-visible .support-mosaic-head{opacity:1;transform:translateY(0);} .support-mosaic-head h2{max-width:980px;margin:0;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:0 16px 40px rgba(0,0,0,0.26);} .support-mosaic-head h2 span{color:#26c6b6;} .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:0;width:68px;height:5px;border-radius:999px;background:linear-gradient(90deg,#a6e619,#26c6b6);box-shadow:0 0 20px rgba(57,217,107,0.28);animation:supportMarkGlow 2.8s ease-in-out infinite;} .support-mosaic-mark::after{right:0;width:7px;height:7px;border-radius:999px;background:#26c6b6;} .support-mosaic-grid{position:relative;z-index:1;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(16px,2vw,24px);width:min(1320px,calc(100% - 48px));margin:0 auto;} .support-mosaic-card{position:relative;min-height:390px;overflow:hidden;border:1px solid rgba(255,255,255,0.12);border-radius:26px;background:#052a25;box-shadow:0 28px 80px rgba(0,0,0,0.28);isolation:isolate;opacity:0;transform:translateY(22px);transition:opacity 1300ms ease,transform 1300ms cubic-bezier(0.22,1,0.36,1),box-shadow 900ms ease,border-color 900ms ease;} .internal-support-mosaic.is-visible .support-mosaic-card{opacity:1;transform:translateY(0);} .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:0 31px 88px rgba(0,0,0,0.31),0 0 32px rgba(57,217,107,0.06);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:0;width:100%;height:100%;object-fit:cover;object-position:center;transform:scale(1.01);transition:transform 1200ms cubic-bezier(0.22,1,0.36,1),filter 1200ms ease;} .support-mosaic-card::before{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(180deg,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:0;z-index:2;opacity:0;background:radial-gradient(circle at 24% 72%,rgba(57,217,107,0.22),transparent 28%);transition:opacity 620ms ease;} .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(0,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:#fff;background:radial-gradient(circle at 70% 22%,rgba(255,255,255,0.28),transparent 34%),linear-gradient(135deg,#a6e619,#13b64f);box-shadow:0 18px 42px rgba(0,0,0,0.28),0 0 28px rgba(166,230,25,0.25),0 0 0 0 rgba(57,217,107,0.18);transition:transform 620ms cubic-bezier(0.22,1,0.36,1),box-shadow 620ms ease;} .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:0 0 8px;color:#fff;font-size:clamp(1.42rem,2.2vw,2.15rem);line-height:1.02;text-transform:uppercase;text-shadow:0 10px 28px rgba(0,0,0,0.34);} .support-mosaic-content p{max-width:620px;margin:0;color:rgba(255,255,255,0.9);font-size:clamp(0.98rem,1.25vw,1.15rem);line-height:1.38;text-shadow:0 8px 24px rgba(0,0,0,0.32);} .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:0 19px 44px rgba(0,0,0,0.28),0 0 28px rgba(166,230,25,0.26),0 0 0 5px rgba(57,217,107,0.07);} .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:0 34px;overflow:hidden;border:1px solid rgba(166,230,25,0.44);border-radius:999px;color:#fff;background:linear-gradient(135deg,rgba(166,230,25,0.22),rgba(38,198,182,0.18)) padding-box,linear-gradient(135deg,#a6e619,#26c6b6,#13b64f) border-box;box-shadow:0 22px 54px rgba(0,0,0,0.26),0 0 34px rgba(57,217,107,0.22);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 ease,border-color 520ms ease;animation:supportButtonPulse 3.6s ease-in-out infinite;} .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 ease;animation:supportButtonSweep 5.4s ease-in-out infinite;} .support-mosaic-button svg,.support-mosaic-button span{position:relative;z-index:1;} .support-mosaic-button .icon-whatsapp{width:20px;height:20px;color:#fff;fill:currentColor;} .support-mosaic-button:hover,.support-mosaic-button:focus-visible{transform:translateY(-2px);border-color:rgba(166,230,25,0.62);box-shadow:0 25px 60px rgba(0,0,0,0.28),0 0 38px rgba(57,217,107,0.24);} .support-mosaic-button:hover::before,.support-mosaic-button:focus-visible::before{opacity:1;} @media (max-width:1180px){.support-mosaic-grid{width:min(820px,calc(100% - 36px));} .support-mosaic-card,.support-mosaic-card-large{min-height:390px;} .support-mosaic-content{grid-template-columns:64px minmax(0,1fr);gap:18px;} .support-mosaic-icon{width:64px;height:64px;} .support-mosaic-icon svg{width:31px;height:31px;} .portal-solution-page .portal-hub{grid-template-columns:1fr;grid-template-areas:"portal-center" "module-one" "module-two" "module-three" "module-four" "module-five" "module-six" "portal-pill";width:min(760px,100%);padding:28px;gap:16px;} .portal-solution-page .portal-hub-lines,.portal-solution-page .portal-hub-module::before,.portal-solution-page .portal-hub-module::after{display:none;} .portal-solution-page .portal-hub-center,.portal-solution-page .portal-hub-module,.portal-solution-page .portal-hub-pill{position:relative;left:auto;right:auto;top:auto;bottom:auto;transform:none;} .portal-solution-page .portal-hub-center{width:250px;height:250px;margin-bottom:10px;}} @media (max-width:640px){.internal-support-mosaic{padding:68px 0;} .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(0,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:0 24px;font-size:0.84rem;text-align:center;} .portal-solution-page .portal-hub{padding:20px;border-radius:22px;} .portal-solution-page .portal-hub-center{width:218px;height:218px;padding:26px;}} .management-solution-page .solution-hero-grid{width:min(1400px,calc(100% - 72px));grid-template-columns:minmax(0,0.94fr) minmax(560px,1.06fr);gap:clamp(38px,5vw,76px);} .management-solution-page .solution-hero-grid::before,.management-solution-page .solution-hero-grid::after{opacity:0.2;background-image:radial-gradient(circle,rgba(19,182,79,0.42) 2px,transparent 2px);} .management-solution-page .solution-hero-copy{max-width:650px;} .management-solution-page .solution-hero .eyebrow{color:var(--green-700);background:rgba(255,255,255,0.62);border-color:rgba(19,182,79,0.28);box-shadow:0 14px 36px rgba(5,58,50,0.06),inset 0 0 18px rgba(166,230,25,0.12);} .management-solution-page .solution-hero h1{max-width:660px;color:#032c26 !important;text-shadow:none;} .management-solution-page .solution-hero h1 span{color:#9edb17;} .management-solution-page .solution-hero h1 .split-title-base{color:#032c26 !important;-webkit-text-fill-color:#032c26;} .management-solution-page .solution-hero p{max-width:610px;color:rgba(2,43,37,0.82);} .management-solution-page .solution-actions .btn{min-height:54px;min-width:218px;justify-content:center;} .management-solution-page .solution-actions .btn-primary{box-shadow:0 16px 34px rgba(19,182,79,0.2);} .management-solution-page .solution-actions .btn-ghost{color:var(--green-700);border-color:rgba(19,182,79,0.42);background:rgba(255,255,255,0.62);} .management-solution-page .solution-hero-points{display:grid;grid-template-columns:repeat(4,auto);justify-content:start;align-items:center;gap:0;max-width:700px;margin-top:44px;} .management-solution-page .solution-hero-points span{min-height:30px;padding:0 18px;border:0;border-radius:0;color:var(--green-950);background:transparent;box-shadow:none;backdrop-filter:none;font-size:0.83rem;font-weight:800;} .management-solution-page .solution-hero-points span:first-child{padding-left:0;} .management-solution-page .solution-hero-points span + span{border-left:1px solid rgba(5,58,50,0.16);} .management-solution-page .solution-hero-points svg{width:22px;height:22px;color:var(--green-700);} .split-hero-card{position:relative;overflow:hidden;width:100%;min-height:592px;padding:34px 30px 26px;justify-self:end;border:1px solid rgba(18,188,172,0.36);border-radius:28px;background:radial-gradient(circle at 86% 38%,rgba(166,230,25,0.13),transparent 24%),radial-gradient(circle at 12% 82%,rgba(34,197,180,0.12),transparent 28%),linear-gradient(150deg,rgba(255,255,255,0.96),rgba(248,255,252,0.88));box-shadow:0 30px 90px rgba(5,58,50,0.12),0 0 90px rgba(34,197,180,0.12);animation:heroFormReveal 0.78s ease 0.18s both;} .split-hero-card::before,.split-hero-card::after{content:"";position:absolute;pointer-events:none;} .split-hero-card::before{inset:auto -12% -16% auto;width:260px;aspect-ratio:1;border-radius:999px;background:radial-gradient(circle,rgba(166,230,25,0.16),transparent 68%);} .split-hero-card::after{right:34px;top:160px;width:92px;height:92px;opacity:0.18;background-image:radial-gradient(circle,rgba(19,182,79,0.55) 2px,transparent 2px);background-size:14px 14px;} .split-card-badge{position:relative;z-index:2;display:inline-flex;align-items:center;gap:9px;border:1px solid rgba(19,182,79,0.28);border-radius:999px;padding:10px 18px;color:var(--green-700);background:rgba(255,255,255,0.74);box-shadow:0 14px 34px rgba(5,58,50,0.08);font-size:0.82rem;font-weight:900;text-transform:uppercase;} .split-card-badge svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2;} .split-card-intro{position:relative;z-index:2;max-width:245px;margin-top:34px;} .split-card-intro h2{margin:0 0 10px;color:var(--green-950);font-size:1.86rem;line-height:1.02;} .split-card-intro p{margin:0;color:var(--gray-600);font-size:0.95rem;} .split-flow{position:relative;z-index:1;margin-top:34px;} .split-sale-card{position:relative;z-index:3;display:grid;place-items:center;width:min(250px,48%);min-height:134px;margin:0 auto;border:1px solid rgba(166,230,25,0.42);border-radius:18px;background:rgba(255,255,255,0.88);box-shadow:0 22px 54px rgba(5,58,50,0.1);} .split-sale-card::after{content:"";position:absolute;left:50%;bottom:-58px;height:58px;border-left:3px dotted rgba(18,188,172,0.8);transform:translateX(-50%);} .split-sale-card img{width:42px;height:42px;object-fit:contain;margin-bottom:8px;filter:drop-shadow(0 10px 20px rgba(19,182,79,0.2));} .split-sale-card span{color:var(--gray-800);font-weight:800;} .split-sale-card strong{color:var(--green-700);font-size:clamp(1.8rem,3vw,2.45rem);line-height:1.05;} .split-receivers{position:relative;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-top:58px;} .split-receivers::before{content:"";position:absolute;top:-28px;left:16%;right:16%;border-top:3px dotted rgba(18,188,172,0.8);} .split-receiver{position:relative;min-height:210px;border:1px solid rgba(18,188,172,0.24);border-radius:18px;padding:22px 18px 18px;text-align:center;background:rgba(255,255,255,0.84);box-shadow:0 20px 50px rgba(5,58,50,0.08);} .split-receiver::before,.split-receiver::after{content:"";position:absolute;left:50%;transform:translateX(-50%);} .split-receiver::before{top:-28px;height:28px;border-left:3px dotted rgba(18,188,172,0.8);} .split-receiver::after{top:-37px;width:12px;height:12px;border-radius:999px;background:#10b981;box-shadow:0 0 0 6px rgba(16,185,129,0.12);} .split-receiver-icon{display:grid;place-items:center;width:58px;height:58px;margin:0 auto 14px;border-radius:999px;color:var(--green-700);background:radial-gradient(circle at 72% 24%,rgba(166,230,25,0.34),transparent 42%),rgba(57,217,107,0.12);} .split-receiver-icon svg{width:30px;height:30px;fill:none;stroke:currentColor;stroke-width:1.9;} .split-receiver h3{margin:0 0 4px;color:var(--green-950);font-size:1rem;} .split-receiver strong{display:block;color:var(--green-700);font-size:2rem;line-height:1;} .split-receiver p{margin:8px 0 12px;color:var(--gray-700);font-weight:750;} .split-bar{display:block;overflow:hidden;height:8px;border-radius:999px;background:rgba(5,58,50,0.08);} .split-bar i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#0bbf9d,#a6e619);} .split-receiver-unit .split-bar i{width:65%;} .split-receiver-partner .split-bar i{width:25%;} .split-receiver-service .split-bar i{width:10%;} .split-receiver em{display:inline-flex;align-items:center;gap:6px;margin-top:16px;border:1px solid rgba(19,182,79,0.24);border-radius:999px;padding:6px 12px;color:var(--green-700);background:rgba(255,255,255,0.78);font-size:0.72rem;font-style:normal;font-weight:850;} .split-receiver em::before{content:"";width:7px;height:7px;border-radius:999px;background:currentColor;} .split-visual-features{position:relative;z-index:2;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;margin-top:32px;border:1px solid rgba(18,188,172,0.22);border-radius:18px;background:rgba(255,255,255,0.62);box-shadow:inset 0 0 28px rgba(34,197,180,0.06);} .split-visual-features span{display:flex;align-items:center;justify-content:center;gap:10px;min-height:72px;padding:14px;color:var(--green-950);font-weight:850;line-height:1.15;} .split-visual-features span + span{border-left:1px solid rgba(5,58,50,0.14);} .split-visual-features svg{width:28px;height:28px;color:var(--green-700);fill:none;stroke:currentColor;stroke-width:1.9;} .split-solution-page .split-practice-section{position:relative;padding:86px 0;overflow:hidden;background:radial-gradient(circle at 12% 18%,rgba(0,155,183,0.1),transparent 32%),radial-gradient(circle at 88% 72%,rgba(148,219,0,0.12),transparent 34%),linear-gradient(180deg,#ffffff 0%,#effaf5 100%);} .split-solution-page .split-practice-section::before{content:"";position:absolute;inset:0;pointer-events:none;opacity:0.24;background-image:radial-gradient(circle,rgba(19,182,79,0.22) 1px,transparent 1px);background-size:18px 18px;mask-image:linear-gradient(135deg,transparent 0 55%,#000 76%,transparent 100%);} .split-solution-page .split-practice-section .container{position:relative;z-index:1;} .split-solution-page .split-practice-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;margin-top:36px;} .split-solution-page .split-practice-card{position:relative;min-height:100%;padding:30px;border:1px solid rgba(5,58,50,0.1);border-radius:22px;background:rgba(255,255,255,0.86);box-shadow:0 24px 70px rgba(5,58,50,0.08);} .split-solution-page .split-practice-card-highlight{border-color:rgba(19,182,79,0.28);background:radial-gradient(circle at 88% 18%,rgba(57,217,107,0.18),transparent 34%),rgba(255,255,255,0.92);} .split-solution-page .split-practice-label{display:inline-flex;align-items:center;gap:8px;min-height:34px;padding:7px 12px;border-radius:999px;color:var(--green-800);background:rgba(19,182,79,0.1);font-size:0.76rem;font-weight:900;letter-spacing:0.06em;text-transform:uppercase;} .split-solution-page .split-practice-card-highlight .split-practice-label{color:#007a5e;background:linear-gradient(135deg,rgba(214,251,221,1),rgba(217,247,255,0.92));} .split-solution-page .split-practice-card h3{max-width:480px;margin:18px 0;color:var(--green-950);font-size:clamp(1.45rem,2.1vw,2rem);line-height:1.12;} .split-solution-page .split-practice-card ul{display:grid;gap:12px;margin:0;padding:0;list-style:none;} .split-solution-page .split-practice-card li{position:relative;padding-left:22px;color:rgba(5,58,50,0.82);line-height:1.52;} .split-solution-page .split-practice-card li::before{content:"";position:absolute;left:0;top:0.72em;width:7px;height:7px;border-radius:999px;background:var(--green-500);box-shadow:0 0 0 5px rgba(19,182,79,0.1);} .split-solution-page .split-practice-card-muted li::before{background:rgba(5,58,50,0.46);box-shadow:0 0 0 5px rgba(5,58,50,0.06);} .split-solution-page .split-practice-note{max-width:900px;margin:26px auto 0;padding:18px 22px;border:1px solid rgba(5,58,50,0.1);border-radius:999px;color:rgba(5,58,50,0.82);background:rgba(255,255,255,0.72);text-align:center;box-shadow:0 18px 44px rgba(5,58,50,0.06);} .management-solution-page .solution-section{background:radial-gradient(circle at 86% 4%,rgba(166,230,25,0.08),transparent 30%),linear-gradient(180deg,rgba(255,255,255,0.64),rgba(242,255,249,0.7));} .management-solution-page .solution-benefit-grid article{border-color:rgba(18,188,172,0.12);background:rgba(255,255,255,0.78);} .management-solution-page .solution-flow{background:radial-gradient(circle at 14% 20%,rgba(34,197,180,0.11),transparent 30%),radial-gradient(circle at 82% 78%,rgba(166,230,25,0.12),transparent 28%),linear-gradient(180deg,#ffffff,#f3fff9);} @media (max-width:1120px){.management-solution-page .solution-hero-grid{grid-template-columns:1fr;} .split-hero-card{max-width:760px;justify-self:stretch;}} @media (max-width:760px){.management-solution-page .solution-hero{padding-top:112px;} .management-solution-page .solution-hero-grid{width:min(var(--container),calc(100% - 36px));gap:32px;} .management-solution-page .solution-actions .btn{width:100%;} .management-solution-page .solution-hero-points{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:12px;} .management-solution-page .solution-hero-points span{justify-content:flex-start;padding:0 12px;} .management-solution-page .solution-hero-points span:nth-child(odd){padding-left:0;border-left:0;} .split-hero-card{min-height:auto;padding:24px 18px;border-radius:22px;} .split-card-intro{max-width:none;margin-top:24px;} .split-flow{margin-top:28px;} .split-sale-card{width:100%;} .split-sale-card::after,.split-receivers::before,.split-receiver::before,.split-receiver::after{display:none;} .split-receivers{grid-template-columns:1fr;margin-top:18px;} .split-visual-features{grid-template-columns:1fr;} .split-visual-features span + span{border-left:0;border-top:1px solid rgba(5,58,50,0.14);} .split-solution-page .split-practice-section{padding:66px 0;} .split-solution-page .split-practice-grid{grid-template-columns:1fr;gap:16px;} .split-solution-page .split-practice-card{padding:24px 20px;border-radius:18px;} .split-solution-page .split-practice-note{border-radius:18px;text-align:left;}} .strategic-solution-page{background:#f4fbf8;} .strategic-hero{position:relative;min-height:690px;display:flex;align-items:center;padding:132px 0 58px;overflow:hidden;background:#022b27;color:#fff;} .strategic-hero-image,.strategic-hero-overlay,.strategic-hero::after{position:absolute;inset:0;} .strategic-hero-image{width:100%;height:100%;object-fit:cover;object-position:center;transform:scale(1.01);} .strategic-hero-overlay{z-index:1;background:linear-gradient(90deg,rgba(0,22,20,0.86) 0%,rgba(0,40,37,0.66) 42%,rgba(0,75,70,0.22) 72%,rgba(0,41,38,0.42) 100%),linear-gradient(180deg,rgba(0,0,0,0.08),rgba(0,22,19,0.34));} .strategic-hero::after{content:"";z-index:2;pointer-events:none;background:radial-gradient(circle at 74% 44%,rgba(0,187,173,0.16),transparent 34%),radial-gradient(circle at 24% 72%,rgba(27,226,106,0.11),transparent 34%);} .strategic-hero-content{position:relative;z-index:3;display:grid;min-height:500px;align-content:center;} .strategic-hero-copy{max-width:680px;} .strategic-hero .eyebrow{display:inline-flex;align-items:center;gap:10px;padding:10px 18px;border:1px solid rgba(45,232,119,0.42);border-radius:999px;background:rgba(0,72,61,0.46);color:#3ef58a;box-shadow:0 16px 42px rgba(0,0,0,0.18);} .strategic-hero .eyebrow::before{width:8px;height:8px;background:currentColor;box-shadow:0 0 18px rgba(62,245,138,0.72);} .strategic-hero h1{max-width:680px;margin:24px 0 20px;color:#fff;font-size:clamp(3rem,5.2vw,5.05rem);line-height:1;letter-spacing:0;text-shadow:0 14px 32px rgba(0,0,0,0.34);} .strategic-hero p{max-width:590px;margin:0;color:rgba(255,255,255,0.9);font-size:1.08rem;line-height:1.68;} .strategic-hero .solution-actions{margin-top:30px;} .strategic-hero-points{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;max-width:780px;margin-top:54px;} .strategic-hero-points span{display:flex;align-items:center;gap:14px;min-height:54px;padding:0 24px;color:rgba(255,255,255,0.94);font-size:0.94rem;font-weight:800;line-height:1.2;border-left:1px solid rgba(255,255,255,0.22);} .strategic-hero-points span:first-child{padding-left:0;border-left:0;} .strategic-hero-points svg{width:28px;height:28px;flex:0 0 auto;color:#21e77a;filter:drop-shadow(0 0 12px rgba(33,231,122,0.28));} .strategic-detail-section{position:relative;overflow:hidden;padding:92px 0;background:radial-gradient(circle at 3% 100%,rgba(0,188,178,0.18),transparent 34%),radial-gradient(circle at 92% 8%,rgba(34,230,119,0.12),transparent 30%),linear-gradient(180deg,#fff 0%,#f5fbf8 100%);} .strategic-detail-section::before{content:"";position:absolute;right:54px;top:42px;width:150px;height:150px;opacity:0.18;background-image:radial-gradient(circle,#009bb7 1.5px,transparent 1.5px);background-size:14px 14px;} .strategic-detail-grid{display:grid;grid-template-columns:minmax(0,0.98fr) minmax(440px,0.92fr);gap:clamp(44px,5vw,76px);align-items:center;} .strategic-detail-image{position:relative;min-height:600px;margin:0;border-radius:28px;overflow:hidden;box-shadow:0 28px 80px rgba(0,43,36,0.14);} .strategic-detail-image::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,87,75,0.02),rgba(0,62,56,0.08));pointer-events:none;} .strategic-detail-image img{width:100%;height:100%;min-height:600px;object-fit:cover;display:block;} .strategic-detail-copy{max-width:650px;} .strategic-detail-copy .eyebrow{color:#009bb7;letter-spacing:0.16em;} .strategic-detail-copy h2{margin:16px 0 18px;color:var(--dark);font-size:clamp(2.25rem,3.55vw,3.85rem);line-height:1.04;letter-spacing:0;} .strategic-detail-copy > p{margin:0 0 28px;color:var(--muted);font-size:1.04rem;line-height:1.65;} .strategic-feature-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 22px;margin-bottom:30px;} .strategic-feature-list article{display:grid;grid-template-columns:46px 1fr;gap:14px;align-items:center;} .strategic-feature-list span{display:grid;place-items:center;width:46px;height:46px;border-radius:999px;background:linear-gradient(135deg,rgba(224,250,227,0.95),rgba(222,248,244,0.95));border:1px solid rgba(0,155,183,0.08);box-shadow:0 14px 34px rgba(0,96,80,0.08);} .strategic-feature-list svg{width:24px;height:24px;color:#009678;} .strategic-feature-list h3{margin:0 0 4px;color:var(--dark);font-size:1rem;} .strategic-feature-list p{margin:0;color:var(--muted);font-size:0.94rem;line-height:1.45;} .tax-risk-section{position:relative;overflow:hidden;padding:clamp(72px,7vw,108px) 0;background:radial-gradient(circle at 12% 18%,rgba(0,155,183,0.12),transparent 32%),radial-gradient(circle at 88% 74%,rgba(45,232,119,0.12),transparent 30%),linear-gradient(180deg,#f7fcfa 0%,#fff 100%);} .tax-risk-section::before{content:"";position:absolute;left:4%;top:16%;width:130px;height:130px;opacity:0.14;background-image:radial-gradient(circle,#009bb7 1.5px,transparent 1.5px);background-size:14px 14px;} .tax-risk-head{max-width:840px;margin:0 auto 38px;text-align:center;} .tax-risk-head .eyebrow{color:#009bb7;} .tax-risk-head h2{margin:14px 0 16px;color:var(--dark);font-size:clamp(2.15rem,4vw,4rem);line-height:1.04;letter-spacing:0;} .tax-risk-head p{margin:0 auto;max-width:760px;color:var(--muted);font-size:1.04rem;line-height:1.65;} .tax-risk-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;max-width:1120px;margin:0 auto;} .tax-risk-card{position:relative;min-height:100%;padding:clamp(26px,3vw,38px);border:1px solid rgba(0,74,62,0.1);border-radius:28px;background:rgba(255,255,255,0.82);box-shadow:0 22px 64px rgba(0,43,36,0.08);} .tax-risk-card::before{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:linear-gradient(135deg,rgba(0,155,183,0.06),transparent 50%);} .tax-risk-card-highlight{border-color:rgba(45,232,119,0.28);background:radial-gradient(circle at 90% 12%,rgba(45,232,119,0.13),transparent 28%),rgba(255,255,255,0.9);} .tax-risk-label{position:relative;z-index:1;display:inline-flex;align-items:center;gap:10px;margin-bottom:18px;color:var(--dark);font-size:1.05rem;font-weight:900;} .tax-risk-label::before{content:"";width:10px;height:10px;border-radius:999px;background:#21c65b;box-shadow:0 0 18px rgba(33,198,91,0.34);} .tax-risk-card ul{position:relative;z-index:1;display:grid;gap:12px;margin:0;padding:0;list-style:none;} .tax-risk-card li{position:relative;padding-left:20px;color:var(--muted);line-height:1.5;} .tax-risk-card li::before{content:"";position:absolute;left:0;top:0.68em;width:7px;height:7px;border-radius:999px;background:#2de877;} .tax-risk-note{display:flex;align-items:center;justify-content:center;gap:14px;max-width:860px;margin:28px auto 0;padding:18px 24px;border:1px solid rgba(0,150,120,0.14);border-radius:999px;background:rgba(255,255,255,0.76);color:var(--dark);font-weight:800;text-align:center;box-shadow:0 18px 52px rgba(0,43,36,0.07);} .tax-risk-note svg{width:24px;height:24px;flex:0 0 auto;fill:none;stroke:#009678;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round;} .bitributacao-page .strategic-detail-section{padding:clamp(74px,7vw,104px) 0;} .bitributacao-page .strategic-detail-grid{grid-template-columns:minmax(460px,1.02fr) minmax(430px,0.9fr);gap:clamp(58px,6vw,92px);align-items:center;} .bitributacao-page .strategic-detail-image{min-height:690px;border-radius:30px;box-shadow:0 34px 90px rgba(0,43,36,0.13);} .bitributacao-page .strategic-detail-image img{min-height:690px;object-position:center;} .bitributacao-page .strategic-detail-copy{max-width:640px;} .bitributacao-page .strategic-detail-copy h2{max-width:610px;margin:18px 0 20px;font-size:clamp(2.45rem,3.55vw,4.15rem);line-height:1.03;} .bitributacao-page .strategic-detail-copy > p{max-width:590px;margin-bottom:18px;color:#203b38;font-size:1rem;line-height:1.62;} .bitributacao-page .strategic-feature-list{gap:0;margin-top:30px;margin-bottom:28px;overflow:hidden;border:1px solid rgba(0,120,96,0.12);border-radius:18px;background:rgba(255,255,255,0.56);box-shadow:0 20px 60px rgba(0,43,36,0.05);} .bitributacao-page .strategic-feature-list article{grid-template-columns:50px 1fr;align-items:flex-start;gap:14px;min-height:150px;padding:22px 20px;border-right:1px solid rgba(0,120,96,0.1);border-bottom:1px solid rgba(0,120,96,0.1);background:rgba(255,255,255,0.38);} .bitributacao-page .strategic-feature-list article:nth-child(2n){border-right:0;} .bitributacao-page .strategic-feature-list article:nth-last-child(-n + 2){border-bottom:0;} .bitributacao-page .strategic-feature-list span{width:44px;height:44px;background:linear-gradient(135deg,rgba(217,251,226,0.96),rgba(222,248,244,0.96));} .bitributacao-page .strategic-feature-list h3{margin-bottom:6px;font-size:1rem;line-height:1.18;} .bitributacao-page .strategic-feature-list p{color:#3d5652;font-size:0.91rem;line-height:1.52;} .bitributacao-page .strategic-detail-copy .btn{min-width:260px;} .strategic-solution-page .solution-final-fold{background:#fff;} @media (max-width:1100px){.strategic-hero{min-height:660px;} .strategic-hero-content{min-height:470px;} .strategic-hero-points,.strategic-detail-grid{grid-template-columns:1fr 1fr;} .strategic-detail-grid{gap:40px;} .strategic-detail-image,.strategic-detail-image img{min-height:540px;} .bitributacao-page .strategic-detail-grid{grid-template-columns:minmax(0,0.95fr) minmax(390px,1fr);gap:42px;} .bitributacao-page .strategic-detail-image,.bitributacao-page .strategic-detail-image img{min-height:600px;} .bitributacao-page .strategic-detail-copy h2{font-size:clamp(2.25rem,4vw,3.35rem);} .bitributacao-page .strategic-feature-list article{min-height:142px;padding:19px 18px;}} @media (max-width:820px){.strategic-hero{min-height:auto;padding:124px 0 58px;} .strategic-hero-overlay{background:linear-gradient(90deg,rgba(0,24,22,0.9),rgba(0,44,39,0.68)),linear-gradient(180deg,rgba(0,0,0,0.08),rgba(0,22,19,0.48));} .strategic-hero-content{min-height:0;} .strategic-hero h1{font-size:clamp(2.65rem,12vw,4.5rem);} .strategic-hero-points{grid-template-columns:1fr;margin-top:42px;} .strategic-hero-points span{min-height:46px;padding:12px 0;border-left:0;border-top:1px solid rgba(255,255,255,0.14);} .strategic-detail-section{padding:76px 0;} .strategic-detail-grid{grid-template-columns:1fr;} .strategic-feature-list{grid-template-columns:1fr;} .tax-risk-section{padding:58px 0;} .tax-risk-grid{grid-template-columns:1fr;gap:16px;} .tax-risk-note{align-items:flex-start;border-radius:24px;text-align:left;} .bitributacao-page .strategic-detail-grid{grid-template-columns:1fr;} .bitributacao-page .strategic-detail-image,.bitributacao-page .strategic-detail-image img{min-height:520px;} .bitributacao-page .strategic-detail-copy{max-width:none;} .bitributacao-page .strategic-detail-copy h2{max-width:100%;} .bitributacao-page .strategic-feature-list{grid-template-columns:1fr;gap:18px;overflow:visible;border:0;background:transparent;box-shadow:none;} .bitributacao-page .strategic-feature-list article,.bitributacao-page .strategic-feature-list article:nth-child(2n),.bitributacao-page .strategic-feature-list article:nth-last-child(-n + 2){min-height:auto;border:1px solid rgba(0,120,96,0.1);border-radius:16px;background:rgba(255,255,255,0.62);} .strategic-detail-image,.strategic-detail-image img{min-height:420px;}} @media (max-width:560px){.strategic-hero .solution-actions,.strategic-detail-copy .btn{width:100%;} .strategic-hero .solution-actions .btn{width:100%;} .strategic-detail-image,.strategic-detail-image img{min-height:360px;} .bitributacao-page .strategic-detail-image,.bitributacao-page .strategic-detail-image img{min-height:420px;} .strategic-feature-list article{grid-template-columns:48px 1fr;gap:14px;} .strategic-feature-list span{width:48px;height:48px;} .strategic-feature-list svg{width:25px;height:25px;}} .multi-receivers-page .strategic-hero{min-height:630px;padding:124px 0 48px;} .multi-receivers-page .strategic-hero-image{object-position:center 48%;} .multi-receivers-page .strategic-hero-overlay{background:linear-gradient(90deg,rgba(0,20,18,0.78) 0%,rgba(0,38,35,0.54) 43%,rgba(0,102,96,0.12) 74%,rgba(0,38,35,0.26) 100%),linear-gradient(180deg,rgba(0,0,0,0.04),rgba(0,24,22,0.24));} .multi-receivers-page .strategic-hero::after{background:radial-gradient(circle at 76% 42%,rgba(0,155,183,0.12),transparent 34%),radial-gradient(circle at 22% 76%,rgba(34,230,119,0.09),transparent 32%);} .multi-receivers-page .strategic-hero-content{min-height:455px;} .multi-receivers-page .strategic-hero-copy{max-width:650px;} .multi-receivers-page .strategic-hero .eyebrow{margin-bottom:0;} .multi-receivers-page .strategic-hero h1{max-width:650px;margin:22px 0 22px;font-size:clamp(2.85rem,4.55vw,4.55rem);line-height:1.03;} .multi-receivers-page .strategic-hero p{max-width:560px;font-size:1.04rem;line-height:1.62;} .multi-receivers-page .strategic-hero .solution-actions{margin-top:32px;} .multi-receivers-page .strategic-hero-points{max-width:900px;margin-top:46px;column-gap:0;} .multi-receivers-page .strategic-hero-points span{min-height:48px;padding:0 22px;gap:12px;font-size:0.9rem;} .multi-receivers-page .strategic-hero-points svg{width:25px;height:25px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;} .multi-receivers-page .strategic-detail-section{padding:82px 0;} .multi-receivers-page .strategic-detail-grid{grid-template-columns:minmax(0,1.03fr) minmax(410px,0.82fr);gap:clamp(46px,5.2vw,80px);} .multi-receivers-page .strategic-detail-image,.multi-receivers-page .strategic-detail-image img{min-height:560px;} .multi-receivers-page .strategic-detail-copy{max-width:600px;} .multi-receivers-page .strategic-detail-copy h2{max-width:560px;margin:14px 0 16px;font-size:clamp(2.1rem,3vw,3.25rem);line-height:1.08;} .multi-receivers-page .strategic-detail-copy > p{max-width:570px;margin-bottom:24px;font-size:1rem;line-height:1.58;} .multi-receivers-page .strategic-feature-list{gap:18px 20px;margin-bottom:28px;} .multi-receivers-page .strategic-feature-list article{grid-template-columns:42px 1fr;gap:12px;} .multi-receivers-page .strategic-feature-list span{width:42px;height:42px;} .multi-receivers-page .strategic-feature-list svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;} .multi-receivers-page .strategic-feature-list h3{font-size:0.96rem;} .multi-receivers-page .strategic-feature-list p{font-size:0.9rem;line-height:1.4;} .multi-receivers-page .btn{transition:transform 260ms ease,box-shadow 260ms ease,border-color 260ms ease,background-color 260ms ease,color 260ms ease;} .multi-receivers-page .btn:hover{transform:translateY(-2px);} .multi-receivers-page .btn-primary:hover{box-shadow:0 18px 40px rgba(0,202,91,0.24);} .multi-receivers-page .btn-ghost:hover{border-color:rgba(45,232,119,0.72);background:rgba(255,255,255,0.08);box-shadow:inset 0 0 22px rgba(45,232,119,0.08);} .multi-receivers-page .strategic-hero-copy,.multi-receivers-page .strategic-hero-points,.multi-receivers-page .strategic-detail-image,.multi-receivers-page .strategic-detail-copy,.multi-receivers-page .internal-support-mosaic,.multi-receivers-page .solution-flow{animation:strategicPageFadeUp 820ms ease both;} .multi-receivers-page .strategic-hero-points{animation-delay:140ms;} .multi-receivers-page .strategic-detail-image{animation-delay:120ms;} .multi-receivers-page .strategic-detail-copy{animation-delay:220ms;} .multi-receivers-page .internal-support-mosaic,.multi-receivers-page .solution-flow{animation-timeline:view();animation-range:entry 10% cover 28%;} .multi-receivers-page .strategic-hero-points span,.multi-receivers-page .strategic-feature-list article,.multi-receivers-page .strategic-detail-image,.multi-receivers-page .support-mosaic-card,.multi-receivers-page .solution-step,.multi-receivers-page .solution-final-cta{transition:transform 320ms ease,box-shadow 320ms ease,border-color 320ms ease,background-color 320ms ease,color 320ms ease;} .multi-receivers-page .strategic-hero-points span:hover{color:#fff;transform:translateY(-2px);} .multi-receivers-page .strategic-hero-points span:hover svg{color:#39f58c;filter:drop-shadow(0 0 12px rgba(57,245,140,0.38));} .multi-receivers-page .strategic-detail-image:hover{transform:translateY(-4px);box-shadow:0 34px 92px rgba(0,43,36,0.18);} .multi-receivers-page .strategic-detail-image img{transition:transform 520ms ease;} .multi-receivers-page .strategic-detail-image:hover img{transform:scale(1.025);} .multi-receivers-page .strategic-feature-list article:hover{transform:translateX(4px);} .multi-receivers-page .strategic-feature-list article:hover span{background:linear-gradient(135deg,rgba(214,251,221,1),rgba(215,249,246,1));box-shadow:0 16px 34px rgba(0,155,127,0.14);} .multi-receivers-page .strategic-feature-list article:hover svg{color:#00a77c;} .multi-receivers-page .support-mosaic-card:hover,.multi-receivers-page .solution-step:hover,.multi-receivers-page .solution-final-cta:hover{transform:translateY(-3px);} @keyframes strategicPageFadeUp{from{opacity:0;transform:translateY(18px);} to{opacity:1;transform:translateY(0);}} @supports not (animation-timeline:view()){.multi-receivers-page .internal-support-mosaic,.multi-receivers-page .solution-flow{animation-delay:180ms;}} @media (prefers-reduced-motion:reduce){.multi-receivers-page .strategic-hero-copy,.multi-receivers-page .strategic-hero-points,.multi-receivers-page .strategic-detail-image,.multi-receivers-page .strategic-detail-copy,.multi-receivers-page .internal-support-mosaic,.multi-receivers-page .solution-flow{animation:none;} .multi-receivers-page .btn,.multi-receivers-page .strategic-hero-points span,.multi-receivers-page .strategic-feature-list article,.multi-receivers-page .strategic-detail-image,.multi-receivers-page .strategic-detail-image img,.multi-receivers-page .support-mosaic-card,.multi-receivers-page .solution-step,.multi-receivers-page .solution-final-cta{transition:none;}} @media (max-width:1100px){.multi-receivers-page .strategic-hero{min-height:610px;} .multi-receivers-page .strategic-hero-content{min-height:430px;} .multi-receivers-page .strategic-detail-grid{grid-template-columns:1fr 1fr;gap:36px;} .multi-receivers-page .strategic-detail-image,.multi-receivers-page .strategic-detail-image img{min-height:500px;} .multi-receivers-page .strategic-feature-list{grid-template-columns:1fr;}} @media (max-width:820px){.multi-receivers-page .strategic-hero{min-height:auto;padding:118px 0 52px;} .multi-receivers-page .strategic-hero-overlay{background:linear-gradient(90deg,rgba(0,24,22,0.86),rgba(0,47,43,0.62)),linear-gradient(180deg,rgba(0,0,0,0.04),rgba(0,22,19,0.42));} .multi-receivers-page .strategic-hero h1{font-size:clamp(2.45rem,11vw,4rem);} .multi-receivers-page .strategic-hero-points{margin-top:38px;} .multi-receivers-page .strategic-detail-section{padding:68px 0;} .multi-receivers-page .strategic-detail-grid{grid-template-columns:1fr;} .multi-receivers-page .strategic-detail-image,.multi-receivers-page .strategic-detail-image img{min-height:420px;}} @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(0,1fr) auto;align-items:center;gap:12px;width:min(calc(100% - 24px),1160px);min-height:60px;padding:8px 10px 8px 12px;} .brand{min-width:0;} .brand img{width:38px;height:38px;flex:0 0 38px;} .brand span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;} .nav-toggle{position:relative;display:inline-flex !important;align-items:center;justify-content:center;width:44px;height:44px;padding:0;border:1px solid rgba(255,255,255,0.18);border-radius:999px;background:rgba(255,255,255,0.1);box-shadow:inset 0 1px 0 rgba(255,255,255,0.08);} .nav-toggle span{position:absolute;left:50%;display:block;width:18px;height:2px;margin:0;border-radius:999px;background:#fff;transform:translate(-50%,-50%);transition:transform 220ms ease,opacity 220ms ease;} .nav-toggle span:nth-child(1){top:calc(50% - 4px);} .nav-toggle span:nth-child(2){top:calc(50% + 4px);} .nav-toggle span:nth-child(3){top:calc(50% + 6px);} .nav-toggle[aria-expanded="true"] span:nth-child(1){top:50%;transform:translate(-50%,-50%) rotate(45deg);} .nav-toggle[aria-expanded="true"] span:nth-child(2){top:50%;transform:translate(-50%,-50%) rotate(-45deg);} .main-nav.is-open{position:fixed;top:76px;right:12px;left:12px;z-index:999;display:grid !important;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:0 28px 80px rgba(0,18,16,0.36);backdrop-filter:blur(18px);} .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:#39d96b;} .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 0 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 0;border-bottom:1px solid rgba(255,255,255,0.08);} .main-nav.is-open .mega-column:last-child{border-bottom:0;} .main-nav.is-open .mega-column h3{margin-bottom:8px;color:#39d96b;} .main-nav.is-open .mega-column a,.main-nav.is-open .mega-more{min-height:36px;padding:7px 0;color:rgba(255,255,255,0.9);} .main-nav.is-open .mega-column a:hover,.main-nav.is-open .mega-more:hover{color:#39d96b;} .main-nav.is-open .mega-feature{display:none;} .solution-hero,.management-solution-page .solution-hero{min-height:auto;padding:116px 0 58px;} .solution-hero-grid,.management-solution-page .solution-hero-grid{min-height:auto;grid-template-columns:1fr;gap:30px;} .solution-hero-copy,.management-solution-page .solution-hero-copy{max-width:760px;} .solution-hero h1,.management-solution-page .solution-hero h1{max-width:12.5em;font-size:clamp(2.35rem,8.2vw,4.6rem);line-height:1.04;} .solution-hero p,.management-solution-page .solution-hero p{max-width:680px;font-size:1rem;} .solution-hero-card,.solution-visual-card{max-width:680px;margin-inline:auto;} .solution-hero-media{min-height:360px;} .solution-hero-points,.management-solution-page .solution-hero-points,.strategic-hero-points{grid-template-columns:repeat(2,minmax(0,1fr));gap:0;width:100%;} .solution-hero-points span,.management-solution-page .solution-hero-points span,.strategic-hero-points span{min-width:0;padding:12px 10px;font-size:0.86rem;line-height:1.2;} .solution-features,.solution-benefit-grid,.strategic-feature-list{grid-template-columns:repeat(2,minmax(0,1fr));} .strategic-hero{min-height:auto;padding:114px 0 58px;} .strategic-hero-content{min-height:auto;} .strategic-hero-copy{max-width:720px;} .strategic-hero h1{max-width:12.8em;font-size:clamp(2.35rem,8.2vw,4.5rem);line-height:1.04;}} @media (max-width:720px){.container{width:min(100% - 36px,var(--container));} .section{padding:58px 0;} .site-header{width:calc(100% - 18px);margin-top:8px;} .main-nav.is-open{top:72px;right:9px;left:9px;} .hero{padding:106px 0 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(0,1fr));gap:12px;} .hero-badge{min-width:0;align-items:center;text-align:center;} .proposal-card{max-width:100%;padding:22px 18px;} .proposal-card h2{font-size:clamp(1.6rem,7vw,2.05rem);} .proposal-form input,.proposal-form select,.proposal-form button{min-height:48px;font-size:0.95rem;} .form-note{gap:8px;line-height:1.35;} .solutions-shell{display:grid;grid-template-columns:1fr;gap:28px;padding:0;} .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(0,1fr));gap:12px;justify-items:center;min-height:auto;margin-top:28px;padding-top:0;} .orbit-rings,.orbit-lines,.ecosystem-flow{display:none !important;} .ecosystem-center{position:relative !important;inset:auto;left:auto !important;top:auto !important;grid-column:1 / -1;justify-self:center;align-self:start;width:104px;height:104px;margin:8px auto 22px;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{position:relative !important;inset:auto !important;left:auto !important;right:auto !important;top:auto !important;bottom:auto !important;width:auto;min-height:132px;padding:16px 12px;transform:none !important;animation:none;justify-self:stretch;} .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(0,1fr);} .content-list a{grid-column:2;} .internal-support-mosaic{padding:64px 0;} .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(0,96px));} .footer-bottom{align-items:flex-start;gap:18px;} .footer-links{flex-wrap:wrap;gap:12px 18px;} .solution-hero,.management-solution-page .solution-hero,.strategic-hero{padding:104px 0 50px;} .solution-hero h1,.management-solution-page .solution-hero h1,.strategic-hero h1{max-width:100%;font-size:clamp(2rem,10vw,3.15rem);line-height:1.05;} .solution-hero p,.management-solution-page .solution-hero p,.strategic-hero p{max-width:100%;font-size:0.98rem;line-height:1.65;} .solution-hero-media{min-height:320px;} .solution-hero-points,.management-solution-page .solution-hero-points,.strategic-hero-points{grid-template-columns:1fr;} .solution-hero-points span,.management-solution-page .solution-hero-points span,.strategic-hero-points span{justify-content:flex-start;padding:12px 0;border-right:0;border-bottom:1px solid rgba(255,255,255,0.16);} .management-solution-page .solution-hero-points span,.solution-hero-points span{border-bottom-color:rgba(5,58,50,0.12);} .solution-features,.solution-benefit-grid,.strategic-feature-list{grid-template-columns:1fr;} .strategic-detail-grid,.solution-flow-grid,.solution-final-grid{grid-template-columns:1fr;}} @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(0,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:0;width:min(330px,calc(100vw - 28px));}} .mobile-menu-overlay{display:none;} @media (max-width:1080px){.mobile-menu-overlay{position:fixed;inset:0;z-index:2200;display:block;visibility:hidden;overflow:hidden;background:rgba(0,18,16,0);opacity:0;pointer-events:none;transition:opacity 260ms ease,visibility 260ms ease,background-color 260ms ease;} .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 0;overflow:hidden;background:radial-gradient(circle at 92% 0%,rgba(57,217,107,0.16),transparent 34%),linear-gradient(180deg,#f7fbf9 0%,#edf5f2 100%);box-shadow:-24px 0 80px rgba(0,28,24,0.2);transform:translateX(18px);transition:transform 280ms ease;} .mobile-menu-overlay.is-open .mobile-menu-shell{transform:translateX(0);} .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:0 14px 34px rgba(5,58,50,0.1);} .mobile-menu-brand{display:inline-flex;align-items:center;min-width:0;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:0;border:0;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:0;padding:24px 12px 18px;overflow-y:auto;overscroll-behavior:contain;} .mobile-quick h2{margin:0 0 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:0 2px 16px;overflow-x:auto;scrollbar-color:rgba(5,58,50,0.3) transparent;scroll-snap-type:x proximity;} .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:0 10px 24px rgba(5,58,50,0.06);scroll-snap-align:start;transition:transform 220ms ease,border-color 220ms ease,box-shadow 220ms ease;} .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,rgba(214,251,221,1),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:0 14px 30px rgba(5,58,50,0.1);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:0;border:0;background:transparent;color:var(--green-950);font:inherit;font-weight:800;text-align:left;cursor:pointer;} .mobile-accordion-title{display:inline-flex;align-items:center;gap:10px;min-width:0;} .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 ease,background-color 220ms ease;} .mobile-menu-accordion.is-open .mobile-accordion-chevron{background:rgba(19,182,79,0.1);transform:rotate(180deg);} .mobile-menu-accordion-panel{padding:0 0 16px;animation:mobileAccordionIn 220ms ease both;} .mobile-menu-group{display:grid;gap:0;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:0 0 8px;color:#009bb7;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 0;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:0;} .mobile-menu-group a:hover,.mobile-menu-group a:focus-visible{color:var(--green-500);} .mobile-menu-actions{position:sticky;bottom:0;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:0 -16px 34px rgba(5,58,50,0.08);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 ease,box-shadow 220ms ease,border-color 220ms ease;} .mobile-menu-btn-primary{color:#fff;background:linear-gradient(135deg,#13b64f,#0c9f46);box-shadow:0 14px 30px rgba(19,182,79,0.28);} .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:0 18px 38px rgba(19,182,79,0.34);} .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:0;transform:translateY(-10px);} .mobile-menu-overlay.is-open .mobile-menu-shell{transform:translateY(0);} .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:none !important;transition:none !important;}} @keyframes mobileAccordionIn{from{opacity:0;transform:translateY(-4px);} to{opacity:1;transform:translateY(0);}} .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0;} .content-page{background:radial-gradient(circle at 82% 10%,rgba(57,217,107,0.09),transparent 28%),linear-gradient(180deg,#f7fbf9 0%,#ffffff 45%,#effaf5 100%);} .content-page .site-header .nav-link.is-active{color:var(--green-400);} .content-page .site-header .nav-link.is-active::after{transform:scaleX(1);} .blog-hero{position:relative;overflow:hidden;padding:112px 0 50px;color:#fff;background:radial-gradient(circle at 72% 42%,rgba(57,217,107,0.2),transparent 26%),radial-gradient(circle at 18% 82%,rgba(34,197,180,0.12),transparent 24%),linear-gradient(135deg,#041f1c 0%,#063a32 54%,#052720 100%);} .blog-hero::before{content:"";position:absolute;inset:0;opacity:0.16;background-image:radial-gradient(circle,rgba(57,217,107,0.88) 1.5px,transparent 1.5px);background-size:18px 18px;mask-image:linear-gradient(90deg,transparent 0,#000 24%,#000 78%,transparent 100%);} .blog-hero-grid{position:relative;display:grid;grid-template-columns:minmax(0,0.78fr) minmax(460px,1fr);gap:clamp(34px,5vw,76px);align-items:center;} .blog-hero-copy{max-width:610px;} .blog-hero .eyebrow{border:1px solid rgba(57,217,107,0.24);border-radius:999px;padding:7px 14px;color:var(--green-400);background:rgba(57,217,107,0.11);} .blog-hero h1{margin:14px 0 16px;color:#fff;font-size:clamp(2.35rem,3.7vw,4.25rem);line-height:1.03;letter-spacing:0;text-shadow:0 10px 26px rgba(0,0,0,0.24);} .blog-hero h1 span{color:var(--green-400);} .blog-hero p{max-width:590px;margin:0 0 22px;color:rgba(255,255,255,0.88);font-size:1rem;line-height:1.58;} .blog-search{display:grid;grid-template-columns:1fr 60px;width:min(100%,480px);min-height:54px;overflow:hidden;border:1px solid rgba(255,255,255,0.18);border-radius:14px;background:rgba(255,255,255,0.09);box-shadow:0 18px 38px rgba(0,0,0,0.16);backdrop-filter:blur(12px);} .blog-search input{width:100%;border:0;padding:0 20px;color:#fff;background:transparent;outline:0;font:inherit;} .blog-search input::placeholder{color:rgba(255,255,255,0.62);} .blog-search button{display:grid;place-items:center;border:0;color:#fff;background:linear-gradient(135deg,var(--green-500),#10a84a);cursor:pointer;} .blog-search svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:2.4;stroke-linecap:round;} .blog-hero-visual{position:relative;min-height:380px;border-radius:32px;isolation:isolate;} .blog-hero-visual::before{content:"";position:absolute;inset:8% -4% -4% 2%;z-index:-1;border-radius:32px;background:radial-gradient(circle at 55% 46%,rgba(57,217,107,0.2),transparent 44%);filter:blur(8px);} .blog-hero-visual > img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;border-radius:32px;opacity:0.72;filter:saturate(0.95) contrast(0.96);box-shadow:0 28px 80px rgba(0,0,0,0.3);} .blog-screen-card{position:absolute;right:6%;top:10%;width:min(82%,520px);min-height:270px;padding:28px;border:1px solid rgba(255,255,255,0.24);border-radius:24px;background:linear-gradient(180deg,rgba(255,255,255,0.94),rgba(241,251,247,0.9)),radial-gradient(circle at 80% 22%,rgba(57,217,107,0.12),transparent 30%);box-shadow:0 24px 64px rgba(0,0,0,0.22);transform:rotate(4deg);} .blog-screen-card span{display:inline-flex;margin-bottom:22px;border-radius:999px;padding:6px 12px;color:var(--green-700);background:rgba(57,217,107,0.12);font-size:0.76rem;font-weight:900;text-transform:uppercase;} .blog-screen-card strong{display:block;max-width:360px;color:var(--green-950);font-size:clamp(1.5rem,2.5vw,2.2rem);line-height:1.08;} .blog-screen-card small{display:block;max-width:360px;margin-top:16px;color:var(--gray-600);font-size:0.96rem;line-height:1.55;} .blog-categories,.blog-weekly,.blog-latest,.blog-newsletter{padding:58px 0;} .blog-categories h2,.blog-weekly h2,.blog-latest h2{margin:0 0 24px;color:var(--green-950);font-size:clamp(1.55rem,2.2vw,2.15rem);} .blog-category-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:18px;} .blog-category-grid a{display:grid;justify-items:center;gap:9px;min-height:148px;padding:24px 16px;border:1px solid rgba(5,58,50,0.08);border-radius:16px;color:var(--green-950);text-align:center;background:rgba(255,255,255,0.86);box-shadow:0 16px 42px rgba(5,58,50,0.07);transition:transform 0.25s ease,box-shadow 0.25s ease,border-color 0.25s ease;} .blog-category-grid a:hover,.blog-category-grid a:focus-visible{transform:translateY(-4px);border-color:rgba(19,182,79,0.24);box-shadow:0 22px 54px rgba(5,58,50,0.11);} .blog-category-grid a.is-active{transform:translateY(-3px);border-color:rgba(19,182,79,0.48);background:linear-gradient(145deg,#ffffff,#eafbf1);box-shadow:0 18px 42px rgba(5,58,50,0.12),0 0 0 2px rgba(19,182,79,0.08);} .blog-card-grid article[hidden]{display:none;} .blog-empty-results{margin:28px 0 0;padding:22px;border:1px solid rgba(5,58,50,0.1);border-radius:14px;color:var(--green-900);text-align:center;background:rgba(255,255,255,0.76);} .blog-latest{scroll-margin-top:110px;} .blog-category-grid span{display:grid;place-items:center;width:48px;height:48px;border-radius:15px;color:var(--green-500);background:rgba(57,217,107,0.13);} .blog-category-grid svg{width:28px;height:28px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round;} .blog-category-grid strong{font-size:0.95rem;line-height:1.2;} .blog-category-grid small{display:inline-flex;align-items:center;justify-content:center;min-height:30px;margin-top:2px;border:1px solid rgba(19,182,79,0.22);border-radius:999px;padding:6px 12px;color:var(--green-700);background:rgba(57,217,107,0.08);font-size:0.76rem;font-weight:900;line-height:1;transition:background 0.25s ease,border-color 0.25s ease,color 0.25s ease;} .blog-category-grid a:hover small,.blog-category-grid a:focus-visible small{border-color:rgba(19,182,79,0.4);color:#fff;background:var(--green-500);} .blog-weekly{padding-top:36px;} .blog-weekly-grid{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(380px,0.9fr);gap:24px;} .blog-featured-card,.blog-card-grid article{overflow:hidden;border:1px solid rgba(5,58,50,0.08);border-radius:18px;background:#fff;box-shadow:0 18px 48px rgba(5,58,50,0.08);} .blog-featured-card{position:relative;display:grid;min-height:420px;align-content:end;padding:30px;color:#fff;} .blog-featured-card::before{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,rgba(2,32,28,0.92),rgba(2,32,28,0.48) 58%,rgba(2,32,28,0.14));} .blog-featured-card img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;} .blog-featured-card > span,.blog-featured-card > div{position:relative;z-index:2;} .blog-featured-card > span,.blog-card-grid article > span{display:inline-flex;width:fit-content;border-radius:999px;padding:6px 10px;color:#fff;background:var(--green-500);font-size:0.72rem;font-weight:900;text-transform:uppercase;} .blog-featured-card h3{max-width:650px;margin:18px 0 14px;font-size:clamp(1.75rem,2.8vw,2.65rem);line-height:1.08;} .blog-featured-card p{max-width:620px;margin:0 0 22px;color:rgba(255,255,255,0.86);font-size:1.02rem;line-height:1.6;} .blog-featured-card small{color:rgba(255,255,255,0.82);} .blog-side-list{display:grid;gap:0;overflow:hidden;border:1px solid rgba(5,58,50,0.08);border-radius:18px;background:rgba(255,255,255,0.88);box-shadow:0 18px 48px rgba(5,58,50,0.07);} .blog-side-list a{display:grid;grid-template-columns:128px 1fr;gap:16px;padding:16px;border-bottom:1px solid rgba(5,58,50,0.08);color:var(--green-950);} .blog-side-list a:last-child{border-bottom:0;} .blog-side-list img{width:128px;height:92px;border-radius:12px;object-fit:cover;} .blog-side-list strong{display:block;margin-bottom:8px;font-size:1rem;line-height:1.25;} .blog-side-list small,.blog-card-grid small{color:var(--gray-500);} .blog-section-row{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:24px;} .blog-section-row h2{margin:0;} .blog-section-row > a{min-height:44px;padding:12px 18px;border:1px solid rgba(19,182,79,0.36);border-radius:10px;color:var(--green-700);font-weight:850;} .blog-card-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;} .blog-card-grid article{display:grid;align-content:start;transition:transform 0.25s ease,box-shadow 0.25s ease,border-color 0.25s ease;} .blog-card-grid article:hover{transform:translateY(-4px);border-color:rgba(19,182,79,0.22);box-shadow:0 24px 58px rgba(5,58,50,0.12);} .blog-card-grid article > img{display:block;width:100%;height:auto;aspect-ratio:1.65 / 1;object-fit:cover;} .blog-card-grid article > span{margin:18px 18px 12px;color:var(--green-800);background:rgba(57,217,107,0.14);} .blog-card-grid h3{margin:0 18px 10px;color:var(--green-950);font-size:1.12rem;line-height:1.28;} .blog-card-grid small{margin:0 18px 24px;} .blog-card-grid article > a{align-self:end;margin:0 18px 22px;color:var(--green-700);font-weight:850;} .blog-newsletter{padding-top:20px;padding-bottom:82px;} .blog-newsletter-card{display:grid;grid-template-columns:88px minmax(0,1fr) minmax(360px,0.95fr);gap:28px;align-items:center;padding:clamp(28px,4vw,44px);border:1px solid rgba(57,217,107,0.18);border-radius:22px;color:#fff;background:radial-gradient(circle at 86% 48%,rgba(57,217,107,0.26),transparent 30%),linear-gradient(135deg,#062922,#043a31 62%,#021f1c);box-shadow:0 24px 70px rgba(5,58,50,0.18);} .blog-newsletter-icon{display:grid;place-items:center;width:76px;height:76px;border-radius:999px;color:var(--green-400);background:rgba(57,217,107,0.12);font-size:2rem;} .blog-newsletter-card h2{margin:6px 0 8px;color:#fff;font-size:clamp(1.7rem,2.6vw,2.45rem);} .blog-newsletter-card p{max-width:620px;margin:0;color:rgba(255,255,255,0.78);} .blog-newsletter-form div{display:grid;grid-template-columns:1fr 160px;overflow:hidden;min-height:56px;border:1px solid rgba(255,255,255,0.18);border-radius:14px;background:rgba(255,255,255,0.08);} .blog-newsletter-form input{min-width:0;border:0;padding:0 18px;color:#fff;background:transparent;outline:0;font:inherit;} .blog-newsletter-form input::placeholder{color:rgba(255,255,255,0.66);} .blog-newsletter-form button{border:0;color:#fff;background:linear-gradient(135deg,var(--green-500),#10a84a);font-weight:900;cursor:pointer;} .blog-newsletter-form small{display:block;margin-top:10px;color:rgba(255,255,255,0.68);} .newsletter-honey{position:absolute !important;left:-9999px !important;width:1px !important;height:1px !important;opacity:0 !important;pointer-events:none !important;} .blog-newsletter-form button:disabled{cursor:wait;opacity:0.72;} .blog-newsletter-status{min-height:1.35em;margin:8px 0 0;font-size:0.84rem;font-weight:700;} .blog-newsletter-status:empty{min-height:0;margin:0;} .blog-newsletter-status.is-pending{color:rgba(255,255,255,0.74);} .blog-newsletter-status.is-success{color:#7ff5a6;} .blog-newsletter-status.is-error{color:#ffb7b7;} @media (max-width:1120px){.blog-hero-grid,.blog-weekly-grid,.blog-newsletter-card{grid-template-columns:1fr;} .blog-hero-visual{min-height:360px;} .blog-category-grid,.blog-card-grid{grid-template-columns:repeat(2,minmax(0,1fr));}} @media (max-width:720px){.blog-hero{padding:96px 0 40px;} .blog-hero-grid{gap:32px;} .blog-hero h1{font-size:clamp(2.1rem,9.6vw,3rem);} .blog-hero-visual{min-height:280px;} .blog-screen-card{right:4%;top:12%;width:88%;padding:22px;transform:rotate(2deg);} .blog-categories,.blog-weekly,.blog-latest,.blog-newsletter{padding:44px 0;} .blog-category-grid{display:flex;overflow-x:auto;padding-bottom:8px;scroll-snap-type:x proximity;} .blog-category-grid a{flex:0 0 168px;scroll-snap-align:start;} .blog-side-list a{grid-template-columns:96px 1fr;gap:12px;} .blog-side-list img{width:96px;height:78px;} .blog-section-row{align-items:flex-start;flex-direction:column;} .blog-card-grid{grid-template-columns:1fr;} .blog-newsletter-card{gap:18px;} .blog-newsletter-form div{grid-template-columns:1fr;} .blog-newsletter-form button{min-height:54px;}} @media (max-width:460px){.blog-search{grid-template-columns:1fr 54px;} .blog-featured-card{min-height:460px;padding:24px;} .blog-side-list a{grid-template-columns:1fr;} .blog-side-list img{width:100%;height:160px;}} .article-page{background:radial-gradient(circle at 85% 12%,rgba(35,226,119,0.14),transparent 30%),linear-gradient(180deg,#f7fffb 0%,#ffffff 42%,#f3fbf7 100%);color:var(--ink);} .article-hero{position:relative;overflow:hidden;padding:112px 0 52px;background:radial-gradient(circle at 78% 20%,rgba(31,219,117,0.18),transparent 34%),linear-gradient(135deg,#001f19 0%,#00392e 52%,#00271f 100%);color:#fff;} .article-hero::before{content:"";position:absolute;inset:0;pointer-events:none;background-image:radial-gradient(rgba(70,242,145,0.22) 1px,transparent 1px);background-size:18px 18px;mask-image:linear-gradient(90deg,transparent 0%,#000 18%,transparent 78%);opacity:0.36;} .article-hero-grid{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,0.98fr) minmax(320px,0.64fr);gap:clamp(28px,4.5vw,58px);align-items:center;} .article-back{display:inline-flex;align-items:center;margin-bottom:14px;color:rgba(255,255,255,0.74);font-weight:800;text-decoration:none;transition:color 180ms ease,transform 180ms ease;} .article-back:hover{color:#45e879;transform:translateX(-3px);} .article-hero h1{max-width:760px;margin:14px 0 18px;color:#fff;font-size:clamp(2.35rem,4.15vw,4.45rem);line-height:1.02;letter-spacing:0;text-wrap:balance;} .article-hero p{max-width:680px;margin:0;color:rgba(255,255,255,0.82);font-size:clamp(1rem,1.12vw,1.14rem);line-height:1.62;} .article-meta{display:flex;flex-wrap:wrap;gap:12px;margin-top:20px;color:rgba(255,255,255,0.8);font-size:0.94rem;font-weight:700;} .article-meta span{display:inline-flex;align-items:center;} .article-meta span + span::before{content:"";width:5px;height:5px;margin-right:12px;border-radius:50%;background:#45e879;} .article-hero-image{position:relative;overflow:hidden;min-height:340px;aspect-ratio:4 / 3;border:1px solid rgba(255,255,255,0.22);border-radius:28px;box-shadow:0 34px 100px rgba(0,0,0,0.38);} .article-hero-image::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,43,34,0.06),rgba(0,31,25,0.34));} .article-hero-image img{width:100%;height:100%;min-height:340px;object-fit:cover;display:block;} .article-body-section{padding:72px 0;} .article-layout{display:grid;grid-template-columns:260px minmax(0,780px);gap:clamp(34px,6vw,84px);align-items:start;max-width:1120px;margin:0 auto;} .article-sidebar{position:sticky;top:112px;padding:22px;border:1px solid rgba(0,80,64,0.1);border-radius:20px;background:rgba(255,255,255,0.78);box-shadow:0 22px 70px rgba(0,55,44,0.08);backdrop-filter:blur(12px);} .article-sidebar strong{display:block;margin-bottom:14px;color:#003c31;font-size:0.82rem;letter-spacing:0.08em;text-transform:uppercase;} .article-sidebar a{display:block;padding:9px 0;border-top:1px solid rgba(0,80,64,0.08);color:#315b53;font-size:0.94rem;font-weight:800;text-decoration:none;transition:color 180ms ease,transform 180ms ease;} .article-sidebar a:hover{color:#00a854;transform:translateX(3px);} .article-content{font-size:1.08rem;line-height:1.82;color:#244842;} .article-content h2{margin:54px 0 18px;color:#002f27;font-size:clamp(2rem,3vw,3rem);line-height:1.08;letter-spacing:0;text-wrap:balance;} .article-content h3{margin:0 0 10px;color:#003c31;font-size:1.22rem;line-height:1.25;} .article-content p{margin:0 0 22px;} .article-content ul{margin:0 0 28px;padding-left:22px;} .article-content li{margin-bottom:10px;} .article-lead{color:#0a3d33;font-size:1.24rem;line-height:1.7;} .article-note,.article-highlight,.article-cta{border:1px solid rgba(0,168,84,0.18);border-radius:22px;background:linear-gradient(135deg,rgba(230,255,240,0.92),rgba(255,255,255,0.94));box-shadow:0 24px 70px rgba(0,55,44,0.08);} .article-note{margin:30px 0;padding:22px 24px;} .article-note strong,.article-highlight strong{color:#008c4a;} .article-example{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:30px 0 36px;} .article-example div,.article-benefits article{border:1px solid rgba(0,80,64,0.1);border-radius:18px;background:#fff;box-shadow:0 18px 54px rgba(0,55,44,0.07);} .article-example div{padding:22px;} .article-example span{display:block;margin-bottom:6px;color:#5a7771;font-weight:800;} .article-example strong{color:#00a854;font-size:1.55rem;} .article-highlight{margin:38px 0;padding:30px;} .article-benefits{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin:30px 0 38px;} .article-benefits article{padding:24px;} .article-benefits span{display:grid;place-items:center;width:44px;height:44px;margin-bottom:18px;border-radius:14px;background:#d9fae7;color:#00a854;font-size:1.4rem;} .article-benefits p{margin-bottom:0;font-size:0.98rem;line-height:1.65;} .article-cta{margin-top:42px;padding:34px;} .article-cta p{max-width:610px;} .article-related{padding:64px 0 92px;} .article-related h2{margin:0 0 28px;color:#002f27;font-size:clamp(2rem,3vw,3.2rem);line-height:1.05;text-align:center;} .legal-page-body{background:radial-gradient(circle at 88% 14%,rgba(43,224,120,0.16),transparent 34%),linear-gradient(180deg,#f4fff9 0%,#ffffff 52%,#f3fbf7 100%);} .legal-page-body .site-header{z-index:50;border-color:rgba(57,217,107,0.22);background:rgba(3,44,38,0.94);box-shadow:0 18px 52px rgba(0,0,0,0.24),inset 0 1px 0 rgba(255,255,255,0.07);} .legal-hero{padding:138px 0 72px;color:#00342b;overflow:hidden;} .legal-hero-grid{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:56px;align-items:center;} .legal-hero h1{max-width:780px;margin:18px 0 18px;font-size:clamp(3rem,6vw,5.8rem);line-height:0.98;letter-spacing:0;color:#002f27;-webkit-text-fill-color:#002f27;} .legal-hero h1::first-line{color:#002f27;-webkit-text-fill-color:#002f27;} .legal-hero p{max-width:720px;margin:0;color:#35564f;font-size:1.12rem;line-height:1.75;} .legal-updated{margin-top:18px !important;font-size:0.92rem !important;color:#007f55 !important;font-weight:800;} .legal-hero-card{display:grid;gap:16px;padding:32px;border:1px solid rgba(0,127,85,0.16);border-radius:24px;background:rgba(255,255,255,0.78);box-shadow:0 24px 70px rgba(0,64,48,0.1);backdrop-filter:blur(14px);} .legal-hero-card svg{width:54px;height:54px;padding:13px;border-radius:16px;color:#00b85f;background:#dffbea;stroke:currentColor;fill:none;stroke-width:1.8;} .legal-hero-card strong{color:#002f27;font-size:1.28rem;} .legal-hero-card span{color:#476760;line-height:1.6;} .legal-content-section{padding:0 0 96px;} .legal-content-grid{display:grid;grid-template-columns:280px minmax(0,1fr);gap:48px;align-items:start;} .legal-summary{position:sticky;top:110px;display:grid;gap:8px;padding:24px;border:1px solid rgba(0,127,85,0.12);border-radius:22px;background:rgba(255,255,255,0.74);box-shadow:0 18px 50px rgba(0,64,48,0.07);} .legal-summary h2{margin:0 0 10px;color:#002f27;font-size:1rem;} .legal-summary a{color:#35564f;font-weight:800;text-decoration:none;padding:10px 0;border-bottom:1px solid rgba(0,127,85,0.1);transition:color 220ms ease,transform 220ms ease;} .legal-summary a:hover,.legal-summary a:focus-visible{color:#00a95a;transform:translateX(3px);} .legal-content{padding:42px;border:1px solid rgba(0,127,85,0.1);border-radius:28px;background:rgba(255,255,255,0.88);box-shadow:0 24px 80px rgba(0,64,48,0.08);} .legal-content section + section{margin-top:38px;padding-top:34px;border-top:1px solid rgba(0,127,85,0.12);} .legal-content h2{margin:0 0 14px;color:#002f27;font-size:clamp(1.45rem,2vw,2rem);line-height:1.18;} .legal-content p{margin:0 0 14px;color:#365b53;font-size:1.02rem;line-height:1.78;} .legal-check-list{display:grid;gap:12px;margin-top:18px;} .legal-check-list span{display:flex;gap:10px;align-items:center;color:#143f37;font-weight:800;} .legal-check-list svg{flex:0 0 auto;width:22px;height:22px;color:#00b85f;stroke:currentColor;fill:none;stroke-width:2.2;} .legal-actions{display:flex;flex-wrap:wrap;gap:14px;margin-top:22px;} .legal-actions .btn-ghost{color:#00342b;border-color:rgba(0,127,85,0.3);background:rgba(255,255,255,0.62);} @media (max-width:980px){.legal-hero{padding:116px 0 48px;} .legal-hero-grid,.legal-content-grid{grid-template-columns:1fr;} .legal-hero-card{max-width:520px;} .legal-summary{position:static;grid-template-columns:repeat(2,minmax(0,1fr));} .legal-summary h2{grid-column:1 / -1;}} @media (max-width:640px){.legal-hero h1{font-size:clamp(2.4rem,12vw,3.6rem);} .legal-hero p,.legal-content p{font-size:0.98rem;} .legal-hero-card,.legal-content,.legal-summary{padding:22px;border-radius:20px;} .legal-summary{grid-template-columns:1fr;} .legal-actions .btn{width:100%;justify-content:center;}} @media (max-width:980px){.article-hero{padding:104px 0 46px;} .article-hero-grid,.article-layout{grid-template-columns:1fr;} .article-hero-image{min-height:320px;} .article-hero-image img{min-height:320px;} .article-sidebar{position:static;} .article-sidebar nav{display:grid;grid-template-columns:repeat(2,1fr);column-gap:18px;}} @media (max-width:640px){.article-hero h1{font-size:clamp(2.1rem,11vw,3rem);line-height:1.04;} .article-hero-image{min-height:260px;border-radius:22px;} .article-hero-image img{min-height:260px;} .article-body-section{padding:48px 0;} .article-sidebar nav,.article-example,.article-benefits{grid-template-columns:1fr;} .article-content{font-size:1rem;} .article-note,.article-highlight,.article-cta{padding:22px;}} @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;}} body:is(.solution-page,.content-page):not(.machine-card-solution-page) .internal-reveal{opacity:0;transform:translate3d(0,18px,0);transition:opacity 700ms cubic-bezier(0.22,1,0.36,1) var(--internal-reveal-delay,0ms),transform 700ms cubic-bezier(0.22,1,0.36,1) var(--internal-reveal-delay,0ms);} body:is(.solution-page,.content-page):not(.machine-card-solution-page) .internal-reveal.is-visible{opacity:1;transform:translate3d(0,0,0);} body:is(.solution-page,.content-page):not(.machine-card-solution-page) :is(.solution-photo-card,.blog-hero-visual,.article-hero-image).internal-reveal,body:is(.solution-page,.content-page):not(.machine-card-solution-page) :is(.portal-hub-panel,.blog-featured-card,.blog-newsletter-card).internal-reveal{transform:translate3d(0,18px,0) scale(0.985);} body:is(.solution-page,.content-page):not(.machine-card-solution-page) :is(.solution-photo-card,.blog-hero-visual,.article-hero-image).internal-reveal.is-visible,body:is(.solution-page,.content-page):not(.machine-card-solution-page) :is(.portal-hub-panel,.blog-featured-card,.blog-newsletter-card).internal-reveal.is-visible{transform:translate3d(0,0,0) scale(1);} body:is(.solution-page,.content-page):not(.machine-card-solution-page) :is(.btn,button,.blog-card-grid article > a,.article-sidebar a,.blog-section-row > a){transition:transform 220ms ease,box-shadow 220ms ease,border-color 220ms ease,background 220ms ease,color 220ms ease;} body:is(.solution-page,.content-page):not(.machine-card-solution-page) :is(.btn,button,.blog-card-grid article > a,.article-sidebar a,.blog-section-row > a):hover,body:is(.solution-page,.content-page):not(.machine-card-solution-page) :is(.btn,button,.blog-card-grid article > a,.article-sidebar a,.blog-section-row > a):focus-visible{transform:translateY(-2px);} body:is(.solution-page,.content-page):not(.machine-card-solution-page) :is(.btn,button):active{transform:translateY(0) scale(0.985);} body:is(.solution-page,.content-page):not(.machine-card-solution-page) .btn-primary:hover,body:is(.solution-page,.content-page):not(.machine-card-solution-page) .btn-primary:focus-visible,body:is(.solution-page,.content-page):not(.machine-card-solution-page) .blog-search button:hover,body:is(.solution-page,.content-page):not(.machine-card-solution-page) .blog-newsletter-form button:hover{box-shadow:0 18px 42px rgba(19,182,79,0.3),0 0 0 5px rgba(57,217,107,0.1);} body:is(.solution-page,.content-page):not(.machine-card-solution-page) .btn-ghost:hover,body:is(.solution-page,.content-page):not(.machine-card-solution-page) .btn-ghost:focus-visible{border-color:rgba(57,217,107,0.44);background:rgba(57,217,107,0.08);} body:is(.solution-page,.content-page):not(.machine-card-solution-page) :is(a,button):focus-visible{outline:3px solid rgba(57,217,107,0.42);outline-offset:4px;} body:is(.solution-page,.content-page):not(.machine-card-solution-page) :is( .solution-benefit-grid article,.solution-photo-card,.solution-steps-list li,.solution-inline-cta,.solution-local-note,.portal-hub-card,.blog-category-grid a,.blog-featured-card,.blog-side-list a,.blog-card-grid article,.article-benefits article,.article-note,.article-highlight,.article-cta,.legal-hero-card,.legal-summary ){transition:transform 320ms cubic-bezier(0.22,1,0.36,1),box-shadow 320ms ease,border-color 320ms ease,background 320ms ease,filter 320ms ease;} body:is(.solution-page,.content-page):not(.machine-card-solution-page) :is( .solution-benefit-grid article,.solution-photo-card,.solution-steps-list li,.solution-inline-cta,.solution-local-note,.portal-hub-card,.blog-category-grid a,.blog-featured-card,.blog-side-list a,.blog-card-grid article,.article-benefits article,.article-note,.article-highlight,.article-cta,.legal-hero-card,.legal-summary ):hover{transform:translateY(-4px);border-color:rgba(19,182,79,0.28);box-shadow:0 24px 60px rgba(5,58,50,0.12);} body:is(.solution-page,.content-page):not(.machine-card-solution-page) :is( .solution-benefit-grid article svg,.solution-benefit-grid article img,.blog-category-grid svg,.blog-category-grid img,.article-benefits svg,.article-benefits img,.portal-hub-card svg,.portal-hub-card img ){transition:transform 240ms ease,filter 240ms ease;} body:is(.solution-page,.content-page):not(.machine-card-solution-page) :is( .solution-benefit-grid article,.blog-category-grid a,.article-benefits article,.portal-hub-card ):hover :is(svg,img,span:first-child){transform:scale(1.06);} body:is(.solution-page,.content-page):not(.machine-card-solution-page) :is(.solution-photo-card,.blog-hero-visual,.article-hero-image){transition:transform 520ms cubic-bezier(0.22,1,0.36,1),box-shadow 320ms ease,border-color 320ms ease;} body:is(.solution-page,.content-page):not(.machine-card-solution-page) :is(.solution-photo-card,.blog-hero-visual,.article-hero-image):hover{transform:translate3d(var(--internal-parallax-x,0),var(--internal-parallax-y,0),0) scale(1.006);border-color:rgba(57,217,107,0.28);box-shadow:0 30px 76px rgba(5,58,50,0.16);} body:is(.solution-page,.content-page):not(.machine-card-solution-page) :is(.solution-photo-card img,.blog-hero-visual img,.article-hero-image img,.blog-card-grid article > img,.blog-side-list img,.blog-featured-card img){transition:transform 620ms cubic-bezier(0.22,1,0.36,1),filter 320ms ease;} body:is(.solution-page,.content-page):not(.machine-card-solution-page) :is(.solution-photo-card,.blog-hero-visual,.article-hero-image,.blog-card-grid article,.blog-side-list a,.blog-featured-card):hover img{transform:scale(1.025);} body:is(.solution-page,.content-page):not(.machine-card-solution-page) :is(.blog-hero,.article-hero,.legal-hero){position:relative;} body:is(.solution-page,.content-page):not(.machine-card-solution-page) :is(.blog-hero,.article-hero,.legal-hero)::after{content:"";position:absolute;inset:0;pointer-events:none;opacity:0.18;background:radial-gradient(circle at 78% 26%,rgba(57,217,107,0.15),transparent 24%),radial-gradient(circle at 12% 76%,rgba(34,197,180,0.1),transparent 22%);animation:internalHeroGlow 10s ease-in-out infinite alternate;} body:is(.solution-page,.content-page):not(.machine-card-solution-page) :is(.blog-hero,.article-hero,.legal-hero) > *{position:relative;z-index:1;} @keyframes internalHeroGlow{0%{transform:translate3d(-1%,1%,0) scale(1);opacity:0.12;} 100%{transform:translate3d(1%,-1%,0) scale(1.04);opacity:0.24;}}