@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Space+Grotesk:wght@400;500;600;700&display=swap');
:root{--bg:#101112;--panel:#17191a;--text:#f0f1ee;--muted:#929694;--line:#2a2d2e;--accent:#c5f36b;--font:'DM Sans',sans-serif;--display:'Space Grotesk',sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--font);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}.header{height:82px;padding:0 7.1%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(255,255,255,.07);position:absolute;top:0;left:0;width:100%;z-index:10}.brand{font-family:var(--display);font-size:22px;font-weight:700;letter-spacing:-1.2px;display:flex;align-items:center;gap:10px}.brand-dot{color:var(--accent)}.brand-mark{width:23px;height:23px;display:flex;align-items:center;gap:2px;transform:skew(-18deg)}.brand-mark i{background:var(--accent);height:15px;width:4px;border-radius:4px}.brand-mark i:nth-child(2){height:21px}.brand-mark i:nth-child(3){height:11px}.nav{display:flex;align-items:center;gap:38px;font-size:12px;color:#c4c6c3}.nav>a:not(.nav-cta):hover,.text-link:hover{color:var(--accent)}.nav-cta{background:#222526;padding:12px 17px;border-radius:3px;color:#f4f5f2}.nav-cta span{color:var(--accent);margin-left:13px}.menu-toggle{display:none}.hero{min-height:760px;height:min(870px,100vh);max-height:920px;position:relative;overflow:hidden;padding:180px 7.1% 90px;display:flex;align-items:center}.hero-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.022) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.022) 1px,transparent 1px);background-size:72px 72px;mask-image:linear-gradient(90deg,transparent,#000 40%,#000)}.hero-glow{position:absolute;width:700px;height:700px;right:3%;top:9%;background:radial-gradient(circle,rgba(168,217,88,.12),rgba(97,127,59,.055) 35%,transparent 70%);filter:blur(20px)}.hero-content{position:relative;z-index:2;width:53%;max-width:700px}.eyebrow,.section-kicker{font-size:10px;letter-spacing:1.7px;font-weight:700;color:#a4aaa4}.live-dot{display:inline-block;width:7px;height:7px;background:var(--accent);border-radius:50%;margin-right:9px;box-shadow:0 0 14px var(--accent)}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:var(--display)}h1{font-size:clamp(56px,7.1vw,96px);letter-spacing:-6px;line-height:.99;font-weight:500;margin:32px 0 25px}h1 span,h2 em{color:var(--accent);font-style:normal} .hero-content>p{max-width:465px;color:#a5aaa7;font-size:15px;line-height:1.8}.hero-actions{display:flex;align-items:center;gap:27px;margin-top:32px}.button{display:inline-flex;align-items:center;gap:30px;padding:15px 17px;font-size:12px;font-weight:600}.button-primary{background:var(--accent);color:#161915;border-radius:2px}.button-primary span{font-size:16px}.text-link{font-size:12px;color:#d2d5d2}.text-link span{margin-left:8px;color:var(--accent)}.hero-proof{display:flex;align-items:center;gap:13px;margin-top:67px}.avatar-stack{display:flex}.avatar-stack span{width:26px;height:26px;border:1px solid #3a4037;background:#1d211b;border-radius:50%;margin-left:-5px;display:grid;place-items:center;color:var(--accent);font-size:12px}.avatar-stack span:first-child{margin-left:0}.hero-proof strong,.hero-proof small{display:block}.hero-proof strong{font-size:10px;font-weight:600}.hero-proof small{color:#858b86;font-size:9px;margin-top:5px}.hero-visual{position:absolute;right:5.5%;top:16%;width:47%;height:70%;display:grid;place-items:center}.orbit{position:absolute;border:1px solid rgba(196,236,134,.12);border-radius:50%;transform:rotate(-24deg)}.orbit-one{width:min(40vw,510px);height:min(40vw,510px)}.orbit-two{width:min(31vw,390px);height:min(31vw,390px);transform:rotate(50deg)}.orbit-one:before,.orbit-two:before{content:"";position:absolute;width:7px;height:7px;background:var(--accent);border-radius:50%;box-shadow:0 0 18px var(--accent)}.orbit-one:before{left:15%;top:18%}.orbit-two:before{right:14%;bottom:18%}.visual-core{position:relative;width:185px;height:185px;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle at 35% 30%,#3a4330,#1c2119 42%,#121513 70%);border:1px solid rgba(211,247,154,.24);box-shadow:0 0 80px rgba(166,211,91,.12),inset 0 0 50px #a0cf5533}.core-ring{position:absolute;inset:17px;border:1px solid rgba(209,240,153,.19);border-radius:50%}.core-symbol{height:55px;width:55px;display:grid;grid-template-columns:repeat(2,1fr);gap:5px;transform:rotate(45deg)}.core-symbol i{background:var(--accent);border-radius:4px;opacity:.85}.core-symbol i:nth-child(2),.core-symbol i:nth-child(3){opacity:.35}.float-card{position:absolute;background:rgba(25,28,27,.92);border:1px solid #353b36;padding:14px 16px;display:flex;align-items:center;gap:11px;min-width:200px;box-shadow:0 15px 50px #0005;backdrop-filter:blur(12px)}.float-card b,.float-card small{display:block}.float-card b{font-size:10px}.float-card small{font-size:9px;color:#929992;margin-top:5px}.mini-icon{width:30px;height:30px;background:#30392a;color:var(--accent);display:grid;place-items:center;font-size:16px}.card-arrow{margin-left:auto;color:var(--accent)}.card-web{top:27%;left:2%}.card-network{right:2%;bottom:23%}.signal{width:30px;height:30px;border-radius:50%;background:#293125;display:flex;align-items:center;justify-content:center;gap:2px}.signal i{width:3px;background:var(--accent);border-radius:3px;height:8px}.signal i:nth-child(2){height:14px}.signal i:nth-child(3){height:10px}.visual-caption{position:absolute;bottom:2%;width:80%;display:flex;justify-content:space-between;color:#737a73;font-size:8px;letter-spacing:1px}.hero-bottom{position:absolute;bottom:30px;left:7.1%;display:flex;gap:12px;align-items:center;font-size:8px;letter-spacing:1.3px;color:#838983}.scroll-line{height:1px;width:38px;background:var(--accent)}.section{padding:125px 10.4%;position:relative}.section-kicker{display:flex;align-items:center;gap:14px}.section-kicker span{color:var(--accent);font-family:var(--display);font-size:11px}.about{background:#151718}.about-layout{display:grid;grid-template-columns:1fr 1fr;gap:10%;margin-top:48px}.about h2,.section-heading h2,.clients h2,.contact h2{font-size:clamp(38px,4.5vw,59px);letter-spacing:-3px;line-height:1.08;font-weight:500;margin:0}.about-copy{padding-top:8px}.about-copy p,.section-heading p,.clients-heading p,.contact-layout>div>p{font-size:13px;line-height:1.9;color:#a0a6a1;max-width:480px}.about-copy p+p{margin-top:16px}.under-link{display:inline-flex;gap:25px;margin-top:15px;font-size:11px;border-bottom:1px solid #555c54;padding-bottom:8px}.under-link span{color:var(--accent)}.stats{display:flex;gap:0;border-top:1px solid var(--line);margin-top:76px;padding-top:26px}.stats>div{width:33.33%;display:flex;align-items:baseline;gap:13px;border-right:1px solid var(--line);padding-left:26px}.stats>div:first-child{padding-left:0}.stats>div:last-child{border:0}.stats strong{font:500 31px var(--display);color:var(--accent)}.stats span{font-size:10px;color:#919791}.services{background:#101112}.section-heading{display:flex;justify-content:space-between;align-items:end;margin:40px 0 46px}.section-heading p{max-width:330px;margin-bottom:3px}.service-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.service-card{min-height:340px;background:#17191a;border:1px solid #272a2b;padding:28px;position:relative;transition:transform .25s,border-color .25s}.service-card:hover{transform:translateY(-4px);border-color:#65734d}.service-featured{background:linear-gradient(135deg,#1d211b,#17191a 62%)}.service-top{display:flex;align-items:center;justify-content:space-between}.service-icon{font-size:23px;color:var(--accent);width:42px;height:42px;display:grid;place-items:center;background:#252a21;border:1px solid #343c2d}.service-index{font-size:9px;letter-spacing:1.4px;color:#777e77}.service-card h3{font-size:23px;font-weight:500;letter-spacing:-.7px;margin:25px 0 8px}.service-card>p{font-size:11px;line-height:1.7;color:#999f99;max-width:350px;margin-bottom:20px}.tag-list{display:flex;flex-wrap:wrap;gap:6px;max-width:430px;padding-right:28px}.tag-list span{font-size:9px;color:#b4b9b3;border:1px solid #343838;padding:6px 8px;border-radius:2px}.service-card>a{position:absolute;right:25px;bottom:22px;color:var(--accent);font-size:18px}.service-media{background:radial-gradient(ellipse at 90% 10%,#263123,#17191a 50%)}.clients{background:#151718}.clients-heading{display:flex;justify-content:space-between;align-items:end;margin:40px 0 48px}.clients-heading p{margin-bottom:4px}.client-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:12px}.client-logo{height:128px;background:#1c1e1f;border:1px solid #2a2d2e;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:11px;color:#d1d4d1;transition:background .2s,transform .2s}.client-logo:hover{background:#242726;transform:translateY(-3px)}.client-logo b{font:600 14px var(--display);letter-spacing:-.5px}.client-logo b span{color:#8d9589;font-weight:400}.client-symbol{font-size:27px;color:#bfe779;line-height:1}.client-sun{color:#e2c17c}.client-ring{color:#b0b9d3}.client-wave{color:#9bd9d1}.client-cross{color:#eca5a4}.sample-note{font-size:9px;color:#747b75;text-align:right;margin:14px 0 0}.contact{overflow:hidden;background:#101112}.contact-glow{position:absolute;width:500px;height:500px;left:-250px;top:10%;background:radial-gradient(circle,#a4db5c14,transparent 70%)}.contact-layout{display:grid;grid-template-columns:1fr .85fr;gap:12%;margin-top:45px;position:relative}.contact-layout>div>p{margin-top:21px}.contact-links{border-top:1px solid var(--line)}.contact-links>a{display:flex;align-items:center;gap:15px;padding:17px 4px;border-bottom:1px solid var(--line);transition:padding .2s}.contact-links>a:hover{padding-left:10px}.contact-icon{width:37px;height:37px;border:1px solid #373c37;color:var(--accent);display:grid;place-items:center;font-size:17px}.contact-links b,.contact-links small{display:block}.contact-links b{font-size:11px;font-weight:600}.contact-links small{font-size:9px;color:#878d87;margin-top:5px}.contact-links i{font-style:normal;margin-left:auto;color:var(--accent)}.footer{border-top:1px solid var(--line);min-height:90px;padding:20px 7.1%;display:flex;align-items:center;justify-content:space-between;color:#858b85;font-size:9px}.footer .brand{color:var(--text);font-size:19px}.back-top{letter-spacing:1px;font-size:8px}.back-top:hover{color:var(--accent)}
@media(max-width:900px){.header{padding:0 5%}.hero{padding-left:6%;padding-right:6%;min-height:760px}.hero-content{width:56%}.hero-visual{right:0;width:47%}.float-card{min-width:170px;padding:11px}.card-web{left:-4%}.card-network{right:-1%}.section{padding:100px 7%}.client-grid{grid-template-columns:repeat(3,1fr)}.nav{gap:22px}}
@media(max-width:650px){.header{height:70px}.menu-toggle{display:flex;border:0;background:none;flex-direction:column;gap:5px;padding:8px;z-index:12}.menu-toggle span{width:22px;height:1px;background:#eee}.nav{display:none;position:absolute;top:69px;left:0;width:100%;background:#151718;border-bottom:1px solid var(--line);padding:24px 7%;align-items:stretch;flex-direction:column;gap:22px}.nav.open{display:flex}.nav-cta{align-self:flex-start}.hero{height:auto;min-height:850px;padding:142px 7% 90px;display:block}.hero-content{width:100%}h1{font-size:60px;letter-spacing:-4px;margin:26px 0 20px}.hero-content>p{font-size:13px;max-width:390px}.hero-actions{gap:17px;flex-wrap:wrap}.button{gap:15px;padding:14px 12px;font-size:10px}.text-link{font-size:10px}.hero-proof{margin-top:34px}.hero-visual{top:auto;bottom:55px;left:0;right:0;width:100%;height:350px}.orbit-one{width:290px;height:290px}.orbit-two{width:220px;height:220px}.visual-core{width:130px;height:130px}.core-symbol{width:42px;height:42px}.card-web{top:16%;left:5%}.card-network{right:4%;bottom:18%}.float-card{min-width:150px}.visual-caption{bottom:0;width:80%}.hero-bottom{display:none}.section{padding:78px 7%}.about-layout,.contact-layout{grid-template-columns:1fr;gap:26px;margin-top:32px}.about h2,.section-heading h2,.clients h2,.contact h2{font-size:43px;letter-spacing:-2.4px}.section-heading,.clients-heading{display:block;margin:30px 0}.section-heading p,.clients-heading p{margin:16px 0 0}.stats{margin-top:46px}.stats>div{display:block;padding-left:14px}.stats strong{font-size:25px}.stats span{display:block;font-size:8px;margin-top:5px}.service-grid{grid-template-columns:1fr}.service-card{min-height:320px;padding:23px}.client-grid{grid-template-columns:repeat(2,1fr);gap:9px}.client-logo{height:108px}.sample-note{text-align:left}.contact-layout{gap:35px}.footer{padding:20px 7%;flex-wrap:wrap;gap:14px}.footer>span{order:3;width:100%;text-align:center}.footer .brand{font-size:18px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important}}
/* Faixa contínua de parcerias: a cópia duplicada permite um loop sem intervalo. */
.client-marquee{overflow:hidden;position:relative;width:100%;mask-image:linear-gradient(90deg,transparent,#000 5%,#000 95%,transparent)}
.client-track{display:flex;width:max-content;animation:client-scroll 34s linear infinite;will-change:transform}
.client-group{display:flex;flex:none;gap:12px;padding-right:12px}
.client-group .client-logo{flex:0 0 150px;height:128px}
.client-logo:hover{background:#1c1e1f;transform:none}
@keyframes client-scroll{to{transform:translateX(-50%)}}

/* Textura e luz ambiente sutis para dar profundidade aos fundos. */
body{background-image:radial-gradient(ellipse at 78% 7%,rgba(159,207,83,.055),transparent 30%),radial-gradient(ellipse at 4% 48%,rgba(121,139,105,.035),transparent 27%)}
.hero-grid{opacity:.65}
.about,.clients{background-image:radial-gradient(ellipse at 92% 20%,rgba(172,214,111,.055),transparent 32%),linear-gradient(135deg,rgba(255,255,255,.012),transparent 45%)}
.services{background-image:radial-gradient(ellipse at 12% 52%,rgba(149,188,87,.035),transparent 28%)}
.contact{background-image:radial-gradient(ellipse at 86% 65%,rgba(158,207,89,.06),transparent 32%)}

/* Resposta visual clara para botões, links e navegação por teclado. */
.button,.nav-cta,.contact-links>a,.service-card>a,.under-link{transition:transform .22s ease,background-color .22s ease,color .22s ease,border-color .22s ease,box-shadow .22s ease}
.button-primary{box-shadow:0 0 0 0 rgba(197,243,107,0)}
.button-primary:hover{transform:translateY(-3px);background:#d5ff83;box-shadow:0 9px 30px rgba(178,230,93,.22)}
.button-primary:active{transform:translateY(-1px) scale(.985)}
.nav-cta:hover{background:#30362a;box-shadow:0 5px 20px rgba(0,0,0,.24)}
.contact-links>a:hover .contact-icon{background:#293125;border-color:#63734b}
.contact-links>a:hover>i,.service-card>a:hover{transform:translate(3px,-3px)}
.under-link:hover{color:var(--accent);border-color:var(--accent)}
a:focus-visible,button:focus-visible{outline:2px solid var(--accent);outline-offset:4px}
.service-card{isolation:isolate;overflow:hidden;transition:transform .28s ease,border-color .28s ease,box-shadow .28s ease,background-color .28s ease}
.service-card::before{content:"";position:absolute;z-index:-1;inset:-1px;background:radial-gradient(360px circle at var(--pointer-x,50%) var(--pointer-y,50%),rgba(197,243,107,.13),transparent 58%);opacity:0;transition:opacity .28s ease;pointer-events:none}
.service-card::after{content:"";position:absolute;z-index:-1;inset:0;background:linear-gradient(120deg,rgba(255,255,255,.045),transparent 42%);opacity:0;transition:opacity .28s ease;pointer-events:none}
.service-card:hover{transform:translateY(-7px);border-color:rgba(197,243,107,.48);box-shadow:0 18px 46px rgba(0,0,0,.28),0 0 28px rgba(197,243,107,.055)}
.service-card:hover::before,.service-card:hover::after{opacity:1}
.service-card .service-icon{transition:transform .28s ease,background-color .28s ease,box-shadow .28s ease}
.service-card:hover .service-icon{transform:translateY(-2px) scale(1.06);background:#303a27;box-shadow:0 0 24px rgba(197,243,107,.12)}
.service-card>a{transition:transform .22s ease,color .22s ease}
@media(hover:none){.service-card:hover{transform:none;box-shadow:none}.service-card:hover::before,.service-card:hover::after{opacity:0}}
.service-card{border-radius:14px}
.service-icon{border-radius:11px}
.button,.nav-cta{border-radius:9px}
.hero-data{position:absolute;inset:0;z-index:1;overflow:hidden;pointer-events:none;opacity:.65;mask-image:linear-gradient(90deg,transparent 35%,#000 66%,#000)}
.hero-data svg{width:100%;height:100%;overflow:visible}
.hero-data .data-path{fill:none;stroke:url(#data-line);stroke-width:1;opacity:.38}
.hero-data .path-a{animation:data-flow 12s linear infinite}
.hero-data .path-b{animation:data-flow 15s linear infinite reverse;opacity:.28}
.hero-data .path-c{animation:data-flow 18s linear infinite;opacity:.22}
.hero-data .data-dash{stroke-width:1.5;stroke-dasharray:3 18;opacity:.8;animation:data-dash 5s linear infinite}
.hero-data .data-nodes circle{fill:#c5f36b;opacity:.55;filter:drop-shadow(0 0 5px #c5f36b);transform-box:fill-box;transform-origin:center;animation:node-pulse 2.8s ease-in-out infinite alternate}
.hero-data .data-nodes circle:nth-child(3n){animation-delay:-1.4s}
.hero-data text{fill:#c5f36b;font:9px 'DM Sans',sans-serif;letter-spacing:2px;opacity:.42;animation:data-label 4s ease-in-out infinite alternate}
.hero-data text:nth-of-type(2){animation-delay:-2s}
.hero-data text:nth-of-type(3){animation-delay:-1s}
.hero-content{z-index:3}
.hero-visual{z-index:2}
@keyframes data-flow{to{stroke-dashoffset:-180}}
@keyframes data-dash{to{stroke-dashoffset:-84}}
@keyframes node-pulse{to{opacity:1;transform:scale(1.8)}}
@keyframes data-label{to{opacity:.8}}
@media(max-width:650px){.hero-data{opacity:.32;mask-image:linear-gradient(180deg,transparent 15%,#000 50%,#000)}.hero-data svg{width:150%;height:70%;position:absolute;right:-20%;bottom:0}}
@media(prefers-reduced-motion:reduce){.hero-data *{animation:none!important}}
.card-cloud{top:10%;right:8%;min-width:185px}
.card-security{bottom:8%;left:7%;min-width:190px}
.status-dot{width:7px;height:7px;margin-left:auto;background:var(--accent);border-radius:50%;box-shadow:0 0 12px var(--accent)}
.status-check{margin-left:auto;width:19px;height:19px;display:grid;place-items:center;border-radius:50%;background:#293125;color:var(--accent);font-size:11px}
@media(max-width:900px) and (min-width:651px){.card-cloud{right:0;top:8%}.card-security{left:0;bottom:7%}}
@media(max-width:650px){.card-cloud,.card-security{display:none}}
.hero-visual .float-card{animation:hero-card-drift 5.7s ease-in-out infinite alternate;will-change:transform}
.hero-visual .card-web{animation-duration:6.8s;animation-delay:-2.1s}
.hero-visual .card-network{animation-duration:5.4s;animation-delay:-.7s;animation-name:hero-card-drift-reverse}
.hero-visual .card-cloud{animation-duration:7.2s;animation-delay:-3.4s;animation-name:hero-card-drift-reverse}
.hero-visual .card-security{animation-duration:6.1s;animation-delay:-1.5s}
@keyframes hero-card-drift{from{transform:translate3d(0,0,0) rotate(0)}to{transform:translate3d(5px,-11px,0) rotate(-1deg)}}
@keyframes hero-card-drift-reverse{from{transform:translate3d(0,0,0) rotate(0)}to{transform:translate3d(-6px,9px,0) rotate(1deg)}}
@media(prefers-reduced-motion:reduce){.hero-visual .float-card{animation:none;will-change:auto}}
.contact-links>a{transition:padding-left .42s cubic-bezier(.22,1,.36,1),background-color .42s ease}
.contact-links .contact-icon,.contact-links>a>i{transition:transform .42s cubic-bezier(.22,1,.36,1),background-color .42s ease,border-color .42s ease,color .42s ease,box-shadow .42s ease}
.contact-links>a:hover .contact-icon{transform:scale(1.06);box-shadow:0 0 20px rgba(197,243,107,.1)}
.contact-links>a:hover>i{transform:translate(3px,-3px)}
.back-to-top{position:fixed;z-index:20;right:28px;bottom:28px;width:48px;height:48px;border:1px solid rgba(197,243,107,.55);border-radius:50%;background:rgba(197,243,107,.94);color:#161915;font:600 22px var(--font);display:grid;place-items:center;cursor:pointer;opacity:0;visibility:hidden;transform:translateY(14px) scale(.92);box-shadow:0 8px 30px rgba(0,0,0,.35);transition:opacity .35s ease,visibility .35s ease,transform .45s cubic-bezier(.22,1,.36,1),box-shadow .3s ease}
.back-to-top.is-visible{opacity:1;visibility:visible;transform:translateY(0) scale(1)}
.back-to-top:hover{box-shadow:0 0 26px rgba(197,243,107,.32);transform:translateY(-4px) scale(1.04)}
@media(max-width:650px){.back-to-top{right:17px;bottom:17px;width:44px;height:44px}}
@media(prefers-reduced-motion:reduce){.back-to-top{transition:none}}
.header{position:fixed;border-bottom-color:transparent;background:rgba(16,17,18,0);backdrop-filter:blur(0);transition:background .4s ease,border-color .4s ease,backdrop-filter .4s ease}
.header.is-scrolled{background:rgba(16,17,18,.82);border-bottom-color:rgba(197,243,107,.22);backdrop-filter:blur(14px)}
.back-to-top{border:2px solid transparent;background:linear-gradient(#c5f36b,#c5f36b) padding-box,conic-gradient(from -90deg,var(--accent) 0deg var(--scroll-progress,0deg),rgba(255,255,255,.2) var(--scroll-progress,0deg) 360deg) border-box}
.tag-list span{font-size:14px}
.service-card .tag-list span{border-radius:6px}
.client-marquee{display:block;overflow:hidden;contain:layout paint}
.client-track{display:flex;flex-wrap:nowrap;width:max-content;min-width:max-content;gap:0}
.client-group{display:flex;flex:0 0 auto;flex-wrap:nowrap;width:max-content;min-width:max-content;gap:12px;padding-right:12px}
.client-group>.client-logo{display:flex;flex:0 0 150px;width:150px;min-width:150px;max-width:150px;box-sizing:border-box}
.client-track{animation-name:client-marquee-loop}
@keyframes client-marquee-loop{to{transform:translate3d(var(--client-loop-distance,-50%),0,0)}}
.client-name{min-height:96px;display:grid;place-items:center;border-bottom:1px solid #343839;color:#d1d4d1;font:600 16px var(--display);letter-spacing:-.4px;text-align:center;transition:color .25s ease,border-color .25s ease}
.client-name:hover{color:var(--accent);border-color:rgba(197,243,107,.55)}
@media(max-width:650px){.client-name{min-height:76px;font-size:14px}}
.client-grid{grid-template-columns:repeat(5,minmax(0,1fr))}
@media(max-width:900px){.client-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:650px){.client-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
.client-grid{gap:4px 8px}
.client-name{min-height:72px}
@media(max-width:650px){.client-name{min-height:62px}}
.client-name{cursor:pointer}
.client-name:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.client-name{font-size:11px}
.client-name{min-height:52px;padding:10px 12px;border:1px solid #2a2d2e;border-radius:8px;background:#1a1c1d}
.client-name:hover{background:#202421;border-color:rgba(197,243,107,.5)}
.client-grid{gap:6px}
@media(max-width:650px){.client-name{min-height:48px;padding:8px}}