:root{--mint:#13efda;--ink:#091317;--text:#131f29;--muted:#54616a;--line:#dce6e8;--paper:#f4f7f8}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:92px}body{margin:0;font:16px/1.6 Arial,Helvetica,sans-serif;color:var(--text);background:#fff}button,input,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}h1,h2,h3,h4,p{margin-top:0}h1,h2,h3,h4{line-height:1.12;letter-spacing:-.035em}h1{font-size:clamp(2.5rem,5.2vw,5rem);font-weight:800;max-width:1000px;margin:0 auto 35px}h2{font-size:clamp(1.85rem,3.3vw,2.9rem);margin-bottom:30px}h3{font-size:1.4rem}em{font-style:normal;color:#008f87}.dark em,.hero em{color:var(--mint)}.container{width:min(1180px,calc(100% - 64px));margin-inline:auto}.section{padding:78px 0}.center{text-align:center;margin-bottom:42px}.dark{background:var(--ink);color:white}.button{display:inline-flex;align-items:center;justify-content:center;min-height:50px;padding:12px 25px;background:var(--mint);border:1px solid var(--mint);border-radius:6px;color:#052522;font-weight:700;font-size:1rem;line-height:1.3;transition:transform .2s,background .2s;gap:10px;text-align:center}.button:hover{background:#61f8e8;transform:translateY(-2px)}.button.outline{background:transparent;color:#006d68;border-color:#009e93}.button.outline:hover{background:#e4fffa}.light-outline{background:#ffffff08;border-color:#acb9bd;color:#fff}.light-outline:hover{background:#ffffff18}.small{min-height:44px;padding:10px 18px;font-size:.875rem}:focus-visible{outline:3px solid #079c91;outline-offset:5px}.skip-link{position:fixed;top:-80px;left:20px;z-index:100;background:white;padding:10px}.skip-link:focus{top:10px}.site-header{position:absolute;top:0;left:0;width:100%;z-index:20;color:#fff}.header-inner{display:flex;align-items:center;justify-content:space-between;min-height:90px;gap:28px}.brand{display:inline-flex;flex-shrink:0}.brand img{width:145px;height:auto}.site-header nav{display:flex;align-items:center;gap:30px;font-size:.875rem}.site-header nav>a:hover{color:var(--mint)}.menu-toggle{display:none}.hero{position:relative;isolation:isolate;background:#081317;color:#fff;min-height:680px;display:grid;align-items:center;padding:175px 0 100px;overflow:hidden}.hero-background{position:absolute;inset:0;z-index:-2;background:url('assets/hero.webp') center/cover no-repeat;opacity:.5}.hero:after{content:'';position:absolute;inset:0;z-index:-1;background:radial-gradient(ellipse at 50% 50%,#041014e8 0%,#061115b0 34%,#06111518 85%),linear-gradient(0deg,#091317 0%,transparent 25%,#08131755 100%)}.hero-content{text-align:center}.actions{display:flex;gap:18px;justify-content:center;flex-wrap:wrap}.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}.about p{color:var(--muted);max-width:590px}.about-photo{width:100%;height:430px;object-fit:cover;border-radius:12px}.values{display:grid;grid-template-columns:repeat(3,1fr);margin-top:30px;text-align:center}.values>div{display:grid;justify-items:center;gap:12px;padding:0 12px;border-right:1px solid var(--line)}.values>div:last-child{border:0}.values strong{font-size:.875rem}.icon{width:42px;height:42px;color:#008f87}.dark .icon{color:var(--mint)}.solutions{background:var(--paper)}.product-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px}.product{background:white;border:1px solid #e6edef;border-radius:10px;overflow:hidden;display:flex;flex-direction:column}.product>img{width:100%;height:auto;aspect-ratio:1.65;object-fit:cover}.product-body{padding:25px;display:flex;flex-direction:column;flex:1}.product h3{margin-bottom:7px;font-size:1.5rem}.product .descriptor{font-size:.875rem;margin-bottom:16px;line-height:1.4;color:#637179}.product h4{font-size:1.05rem;line-height:1.35;letter-spacing:-.015em;margin-bottom:16px}.product p{font-size:1rem;color:var(--muted);line-height:1.6;margin-bottom:18px}.product ul{list-style:none;padding:0;margin:0 0 25px;font-size:.875rem}.product li{padding-left:25px;position:relative;margin:8px 0}.product li:before{content:'✓';position:absolute;left:0;color:#007f75;font-weight:bold}.product .button{margin-top:auto;width:100%;font-size:.875rem}.why{position:relative}.features{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:25px}.features article{text-align:center;position:relative}.features article:not(:last-child):after{position:absolute;content:'';width:1px;height:75%;background:#ffffff25;right:-13px;bottom:0}.features .icon{margin:0 auto 22px;width:46px;height:46px}.features h3{font-size:1.1rem;line-height:1.3;margin-bottom:12px;letter-spacing:-.02em}.features p{font-size:.875rem;color:#c4ced1;line-height:1.55;margin-bottom:0}.steps{display:grid;grid-template-columns:repeat(4,1fr);list-style:none;padding:0;gap:30px;margin:0}.steps li{display:flex;gap:14px}.step-number{border:1px solid #009e93;border-radius:50%;width:48px;height:48px;flex-shrink:0;display:grid;place-items:center;font-weight:bold;color:#006b64}.steps h3{font-size:1.1rem;margin:3px 0 8px}.steps p{font-size:.875rem;color:var(--muted);margin:0}.audience{background:var(--paper);padding-top:64px}.audience-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.audience article{position:relative;overflow:hidden;border-radius:8px;background:var(--ink)}.audience img{width:100%;aspect-ratio:1.28;object-fit:cover}.audience article:after{content:'';position:absolute;inset:30% 0 0;background:linear-gradient(transparent,#031619eb)}.audience h3{position:absolute;bottom:20px;left:24px;color:#fff;font-size:1.2rem;z-index:1;margin:0;letter-spacing:-.02em}.mission{background:var(--mint);padding:38px 0;color:#082620}.mission-inner{display:flex;gap:40px;align-items:center;max-width:1040px}.mission h2{white-space:nowrap;font-size:2rem;margin:0;padding-right:40px;border-right:1px solid #095c5577}.mission p{font-size:1.15rem;line-height:1.5;margin:0}.faq-grid{display:grid;grid-template-columns:1fr 1.7fr;gap:60px;align-items:center}.faq h2{margin:0}.faq details{border-bottom:1px solid var(--line)}.faq summary{list-style:none;cursor:pointer;padding:20px 4px;display:flex;align-items:center;justify-content:space-between;gap:20px;font-weight:600}.faq summary::-webkit-details-marker{display:none}.faq summary span{font-size:1.5rem;font-weight:400;color:#008f87}.faq details[open] summary span{transform:rotate(45deg)}.faq details p{color:var(--muted);padding:0 30px 20px 4px;margin:0}.contact{position:relative;isolation:isolate;padding:85px 0;overflow:hidden}.contact:before{content:'';position:absolute;inset:0 0 0 40%;background:url('assets/contact.webp') center/cover;z-index:-2}.contact:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#091317 25%,#091317e0 48%,#09131715 100%);z-index:-1}.contact h2{max-width:650px;font-size:clamp(2.2rem,4vw,3.6rem)}footer{border-top:1px solid #ffffff19;padding:40px 0 26px}.footer-inner{display:flex;justify-content:space-between;align-items:center;gap:35px;flex-wrap:wrap}.footer-inner p{font-size:.875rem;margin:8px 0 0;color:#bdc8cc}.footer-inner nav{display:flex;gap:25px;flex-wrap:wrap;font-size:.875rem}.footer-inner button{background:none;border:0;color:inherit;padding:0}.footer-inner a:hover,.footer-inner button:hover{color:var(--mint)}.footer-inner small{width:100%;font-size:.75rem;color:#aab7bc}dialog{border:0;border-radius:12px;padding:40px;width:min(500px,calc(100% - 32px));color:var(--text)}dialog::backdrop{background:#031316c9;backdrop-filter:blur(5px)}dialog h2{font-size:1.9rem;padding-right:20px}.dialog-close{position:absolute;top:10px;right:14px;background:none;border:0;font-size:2rem;color:var(--muted)}dialog label{display:block;margin:22px 0 8px;font-weight:bold}textarea{width:100%;resize:vertical;padding:12px;border:1px solid #aebdc1;border-radius:5px;margin-bottom:15px}#copy-status{min-height:24px;margin:14px 0 0;color:#006b64;font-size:.875rem}
@media(min-width:1500px){.hero{min-height:760px}}@media(max-width:1000px){.site-header nav{gap:18px}.brand img{width:125px}.container{width:calc(100% - 48px)}.about-grid{gap:30px}.product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.features{grid-template-columns:repeat(3,1fr);gap:35px}.features article:after{display:none}.steps{grid-template-columns:repeat(2,1fr);gap:30px}.faq-grid{gap:30px}.section{padding:60px 0}}
@media(max-width:760px){html{scroll-padding-top:20px}.container{width:calc(100% - 36px)}.header-inner{min-height:80px}.brand img{width:120px}.menu-toggle{display:flex;flex-direction:column;gap:5px;background:none;border:1px solid #ffffff50;border-radius:5px;padding:12px;color:white}.menu-toggle span{width:22px;height:2px;background:currentColor}.site-header nav{display:none;position:absolute;left:18px;right:18px;top:74px;background:#0c2025;border:1px solid #26424a;border-radius:8px;padding:20px;flex-direction:column;align-items:stretch;gap:0;box-shadow:0 12px 35px #0007}.site-header nav.open{display:flex}.site-header nav>a{padding:12px;font-size:1rem}.site-header nav .button{margin-top:12px}.hero{min-height:580px;padding:140px 0 90px}.hero-background{background-position:50% center}.hero h1{font-size:clamp(2.35rem,7.6vw,3.5rem);line-height:1.08;letter-spacing:-.04em}.actions{gap:12px}.actions .button{min-height:52px}.about-grid{grid-template-columns:1fr;gap:28px}.about-photo{height:auto;aspect-ratio:1.45}.about h2 br{display:none}.section{padding:48px 0}.center{margin-bottom:30px}.product-body{padding:21px}.features{grid-template-columns:repeat(2,1fr)}.features article:last-child{grid-column:1/-1;max-width:250px;justify-self:center}.audience-grid{grid-template-columns:1fr;gap:18px}.audience img{aspect-ratio:1.65}.audience h2 br{display:none}.mission-inner{display:block}.mission h2{border:0;padding:0;margin-bottom:14px}.mission p{font-size:1.05rem}.faq-grid{grid-template-columns:1fr;gap:24px}.faq h2 br{display:none}.contact{padding:60px 0}.contact:before{inset:0;opacity:.3}.contact:after{background:linear-gradient(90deg,#091317e8,#09131775)}.contact h2{font-size:2.45rem}.footer-inner{align-items:flex-start;gap:26px}.footer-inner>div{width:100%}footer nav{gap:20px}.footer-inner small{margin-top:5px}}
@media(max-width:520px){.product-grid{grid-template-columns:1fr;gap:24px}.steps{grid-template-columns:1fr;gap:24px}.steps li{align-items:center}.steps p{font-size:1rem}.actions{flex-direction:column;align-items:stretch;max-width:310px;margin-inline:auto}.hero{min-height:590px}.values>div{padding:0 6px}.values strong{font-size:.8rem}.features h3{font-size:1rem}.features{gap:30px 20px}.mission h2{font-size:1.8rem}.footer-inner nav{width:100%}.product>img{aspect-ratio:1.65}dialog{padding:30px 24px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important}}

/* Refinamentos solicitados: identidade Hive, navegação e carrossel. */
:root{--mint:#1fffe7;--brand-blue:#1fffe7}
.values .icon{color:var(--brand-blue)}
.step-number{color:var(--brand-blue);border-color:var(--brand-blue)}
.header-inner{position:relative;display:grid;grid-template-columns:1fr auto 1fr}
.header-inner>.brand{justify-self:start;grid-column:1;grid-row:1}
.site-header #navigation{display:contents}
.nav-links{grid-column:2;grid-row:1;display:flex;gap:30px;align-items:center;justify-content:center}
.nav-links>a{white-space:nowrap}
.nav-links>a:hover{color:var(--brand-blue)}
#navigation>.button{grid-column:3;grid-row:1;justify-self:end}
.actions .button{transition:transform .22s ease,box-shadow .22s ease,background-color .22s ease,color .22s ease,border-color .22s ease}
@media(hover:hover){
.actions>.button:first-child:hover{background:#8afff2;box-shadow:0 7px 28px #1fffe740;transform:translateY(-4px)}
.actions>.light-outline:hover{background:var(--brand-blue);border-color:var(--brand-blue);color:#052522;box-shadow:0 7px 28px #1fffe730;transform:translateY(-4px)}
}
.about-carousel{min-width:0;width:100%;overflow:hidden;border-radius:12px;background:#091317;position:relative;align-self:center}
.carousel-viewport{position:relative;aspect-ratio:16/9;overflow:hidden}
.carousel-slide{position:absolute;inset:0;opacity:0;visibility:hidden;transition:opacity .65s ease,visibility .65s;pointer-events:none}
.carousel-slide.is-active{opacity:1;visibility:visible}
.carousel-slide img{width:100%;height:100%;object-fit:cover}
.carousel-controls{display:flex;align-items:center;justify-content:center;gap:8px;background:#0a1d22;padding:8px 12px;color:white}
.carousel-controls button{background:none;border:0;color:inherit;min-width:40px;min-height:40px;border-radius:5px;display:grid;place-items:center}
.carousel-controls button:hover{background:#ffffff15;color:var(--brand-blue)}
.carousel-prev,.carousel-next{font-size:1.8rem;line-height:1}
.carousel-dots{display:flex;align-items:center;gap:0}
.carousel-dots button{position:relative;min-width:30px}
.carousel-dots button:before{content:'';width:7px;height:7px;background:#87969c;border-radius:50%;transition:background .2s,width .2s}
.carousel-dots button[aria-pressed="true"]:before{background:var(--brand-blue);width:20px;border-radius:10px}
.carousel-controls .carousel-pause{font-size:.75rem;min-width:55px;padding:5px 8px;margin-left:4px}
.audience img{aspect-ratio:4/3;object-position:center}
.contact:before{inset:0;background-image:url('assets/contact-wide-2200.webp');background-position:center 8%;background-size:cover}
.contact:after{background:linear-gradient(90deg,#091317f5 4%,#091317e8 27%,#09131780 48%,#09131708 70%)}
.contact h2{max-width:600px}
.footer-inner .social-links{gap:10px;align-items:center}
.footer-inner .social-icon{display:grid;place-items:center;color:var(--brand-blue);width:42px;height:42px;border:1px solid #1fffe740;border-radius:50%;transition:background .2s,transform .2s}
.social-icon svg{width:21px;height:21px}
.footer-inner .social-icon:hover{background:#1fffe718;transform:translateY(-3px)}
.faq h2{font-size:clamp(2.5rem,4.2vw,3.6rem);line-height:1.08;letter-spacing:-.045em}
.faq-grid{grid-template-columns:1fr 1.55fr;gap:55px}
@media(max-width:1000px) and (min-width:761px){.nav-links{gap:16px}.header-inner{gap:18px}.site-header nav{font-size:.8125rem}.header-inner>.brand img{width:105px}#navigation>.button{padding:10px 13px;font-size:.8125rem}.faq-grid{gap:35px}}
@media(max-width:760px){
.header-inner{display:flex;justify-content:space-between}.site-header #navigation{display:none}.site-header #navigation.open{display:flex}.nav-links{display:flex;flex-direction:column;align-items:stretch;gap:0}.nav-links>a{padding:12px;font-size:1rem}.site-header #navigation>.button{align-self:stretch}.about-carousel{margin-top:2px}.carousel-viewport{aspect-ratio:16/9}.faq-grid{grid-template-columns:1fr;gap:28px}.faq h2{font-size:clamp(2.5rem,8vw,3.4rem)}.contact:before{background-position:64% center;opacity:.65}.contact:after{background:linear-gradient(90deg,#091317df,#09131799 55%,#09131740)}.contact h2{max-width:420px}.footer-inner .social-links{width:auto}
}
@media(prefers-reduced-motion:reduce){.carousel-slide{transition:none}.actions .button:hover,.social-icon:hover{transform:none}}
@media(max-width:520px){
.contact{padding:48px 0 250px}
.contact:before{background-image:url('assets/contact-wide-1400.webp');background-size:auto 250px;background-position:right bottom;background-repeat:no-repeat;opacity:1}
.contact:after{background:linear-gradient(180deg,#091317 35%,#09131700 63%)}
.contact h2{font-size:2.4rem}
}

/* Títulos: cor padrão em fundos claros e destaque na primeira visualização. */
:where(main>section:not(.dark):not(.hero):not(.mission)) :is(h1,h2,h3,h4,h5,h6){color:#222222}
.audience-grid h3{color:#fff}
main :is(h1,h2,h3,h4,h5,h6) em,.dark :is(h1,h2,h3,h4,h5,h6) em,.hero h1 em{color:inherit}
main .title-highlight-once{animation:hive-title-highlight 1.4s ease-in-out}
@keyframes hive-title-highlight{
 0%,100%{color:var(--title-base-color)}
 14.2857%,85.7143%{color:#1fffe7}
}
@media(prefers-reduced-motion:reduce){main .title-highlight-once{animation:none}}

/* Pattern da missão: opaco à esquerda, transparente à direita. */
.mission{position:relative;isolation:isolate;overflow:hidden}
.mission::before{
 content:'';position:absolute;inset:0;z-index:0;pointer-events:none;
 background:url('assets/pattern.svg') left center/cover no-repeat;
 opacity:1;
 -webkit-mask-image:linear-gradient(to right,#000 0%,transparent 100%);
 mask-image:linear-gradient(to right,#000 0%,transparent 100%);
}
.mission-inner{position:relative;z-index:1}

/* Perspectiva dos cards acompanha o mouse sem alterar a navegação por toque. */
.audience-grid h3{transition:color .2s ease}
@media(hover:hover) and (pointer:fine){
 .audience-grid article:hover h3{color:var(--brand-blue)}
}
@media(hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){
 .audience-grid article{
  transform:perspective(1000px) rotateX(var(--card-rotate-x,0deg)) rotateY(var(--card-rotate-y,0deg));
  transition:transform .22s ease,box-shadow .22s ease;
 }
 .audience-grid article.is-pointer-active{
  transition:transform .08s ease-out,box-shadow .22s ease;
  will-change:transform;box-shadow:0 12px 28px #09131722;
 }
}

/* Contato: foto inteira à direita, com ambiente visível e degradê à esquerda. */
.contact::before{
 inset:0 0 0 43%;background-position:right center;background-size:contain;
 background-repeat:no-repeat;opacity:1;
 -webkit-mask-image:linear-gradient(to right,transparent 0%,#000 40%,#000 100%);
 mask-image:linear-gradient(to right,transparent 0%,#000 40%,#000 100%);
}
.contact::after{background:linear-gradient(to right,#091317 0%,#091317 40%,transparent 66%)}
@media(max-width:1000px) and (min-width:761px){.contact::before{left:38%}}
@media(min-width:1001px){
 .contact::before{
  inset:-6% 0 auto auto;height:112%;width:auto;aspect-ratio:1672/941;
  background-size:cover;
  -webkit-mask-image:linear-gradient(to right,transparent 0%,#000 55%,#000 100%);
  mask-image:linear-gradient(to right,transparent 0%,#000 55%,#000 100%);
 }
 .contact::after{background:linear-gradient(to right,#091317 0%,#091317 40%,transparent 70%)}
}
@media(max-width:760px){
 .contact{padding:48px 0 280px}
 .contact::before{inset:auto 0 0 auto;width:100%;height:260px;background-position:right bottom}
 .contact::after{background:linear-gradient(180deg,#091317 35%,transparent 63%)}
}

/* Círculos de vidro fosco: cor Hive, luz difusa e granulação discreta. */
.glass-disc{
 position:relative;isolation:isolate;display:grid;place-items:center;
 width:60px;height:60px;flex-shrink:0;border-radius:50%;overflow:hidden;
 color:#222222;border:1px solid #ffffffb3;background-color:#1fffe7;
 background-image:radial-gradient(ellipse at 28% 18%,#ffffff8a,transparent 65%),
  linear-gradient(145deg,#ffffff18 15%,transparent 48%,#008f871f 100%);
 box-shadow:inset 0 2px 3px #ffffff9c,inset 0 -4px 8px #007f752b,
  0 5px 12px #006f671f,0 1px 2px #006f671f;
 -webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);
}
.glass-disc::before{
 content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;
 background:url('assets/glass-grain.svg') repeat;opacity:.09;mix-blend-mode:multiply;
}
.glass-disc::after{
 content:'';position:absolute;inset:1px;z-index:-1;pointer-events:none;
 border-radius:inherit;border:1px solid #ffffff40;
 background:radial-gradient(ellipse at 30% 8%,#ffffff30,transparent 60%);
}
.values .glass-disc .icon{width:30px;height:30px;color:#222222;position:relative;z-index:1}
.step-number.glass-disc{width:52px;height:52px;font-size:1rem;font-weight:700;letter-spacing:.01em}

/* Hover sutil nos círculos, com retorno suave ao acabamento original. */
@media(hover:hover) and (pointer:fine){
 .glass-disc{transition:transform .28s cubic-bezier(.22,.61,.36,1),box-shadow .28s ease,border-color .28s ease}
 .glass-disc::after{opacity:.7;transition:opacity .28s ease}
 .glass-disc:hover{
  transform:translateY(-3px) scale(1.035);border-color:#ffffffeb;
  box-shadow:inset 0 2px 4px #ffffffb3,inset 0 -4px 8px #007f752b,
   0 8px 18px #006f6729,0 2px 4px #006f671f;
 }
 .glass-disc:hover::after{opacity:1}
}
@media(prefers-reduced-motion:reduce){
 .glass-disc,.glass-disc::after{transition:none}
 .glass-disc:hover{transform:none}
}

/* Soluções compactas no celular: detalhes sob demanda, com acesso ao produto no painel. */
.product-details[hidden]{display:none}
.product .product-toggle,.product-toggle-icon,.product-details-contact{display:none}
@media(max-width:760px){
 .product.has-product-disclosure .product-link{display:none}
 .product .product-toggle{display:inline-flex;order:1;margin-top:0;justify-content:space-between;text-align:left}
 .product .product-details{order:2;margin-top:20px}
 .product-toggle-icon{display:block;width:18px;height:18px;flex-shrink:0;transition:transform .2s ease}
 .product-toggle[aria-expanded='true'] .product-toggle-icon{transform:rotate(180deg)}
 .product .product-details-contact{display:inline-flex;margin-top:0}
 .product-details:not([hidden]){animation:hive-product-details .18s ease-out}
}
@keyframes hive-product-details{from{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}
@media(prefers-reduced-motion:reduce){
 .product-toggle-icon{transition:none}
 .product-details:not([hidden]){animation:none}
}

/* Navegação fixa em vidro: a refração fica atrás dos controles, sem distorcê-los. */
html{scroll-padding-top:108px}
.site-header{
 position:fixed;top:max(12px,env(safe-area-inset-top));left:50%;transform:translateX(-50%);
 width:min(1040px,calc(100% - 48px));z-index:60;color:#fff;border-radius:22px;
 box-shadow:0 8px 30px #00000024,0 2px 6px #00000018;
}
.nav-glass{
 position:absolute;inset:0;border-radius:inherit;pointer-events:none;
 background:linear-gradient(145deg,#ffffff12,transparent 42%,#ffffff05),#091317a6;
 border:1px solid #ffffff36;
 box-shadow:inset 0 1px 2px #ffffff40,inset 0 -1px 2px #ffffff16;
 -webkit-backdrop-filter:blur(12px) saturate(1.3);backdrop-filter:blur(12px) saturate(1.3);
}
.site-header.has-refraction .nav-glass{backdrop-filter:url(#hive-nav-refraction) blur(.6px) saturate(1.3)}
.nav-filter-definitions{position:absolute;width:0;height:0;overflow:hidden;pointer-events:none}
.site-header .header-inner{
 width:100%;min-height:74px;padding:12px 22px;gap:28px;
 display:grid;grid-template-columns:auto 1fr auto;
}
.site-header .header-inner>.brand img{width:120px}
.site-header .nav-links{gap:26px;font-size:.875rem;font-weight:600}
.site-header .nav-links>a{position:relative;padding:10px 0;transition:color .18s ease}
.site-header .nav-links>a:hover{color:var(--mint)}
.site-header .header-contact{
 grid-column:3;grid-row:1;justify-self:end;white-space:nowrap;
 min-height:44px;padding:10px 17px;border-radius:12px;font-size:.875rem;
}
.site-header :focus-visible{outline-color:var(--mint);outline-offset:4px}
@media(max-width:1000px) and (min-width:761px){
 .site-header .header-inner{padding:12px 18px;gap:20px}
 .site-header .header-inner>.brand img{width:100px}
 .site-header .nav-links{gap:16px;font-size:.8125rem}
 .site-header .header-contact{padding:10px 13px;font-size:.8125rem}
}
@media(max-width:760px){
 html{scroll-padding-top:96px}
 .site-header{top:max(10px,env(safe-area-inset-top));width:calc(100% - 24px);border-radius:18px}
 .site-header .header-inner{min-height:64px;padding:10px 12px;gap:9px;grid-template-columns:auto 1fr auto}
 .site-header .header-inner>.brand img{width:96px}
 .site-header .header-contact{grid-column:2;min-height:42px;padding:9px 12px;font-size:.75rem;border-radius:10px}
 .site-header .menu-toggle{
  display:none;grid-column:3;grid-row:1;align-items:center;justify-content:center;
  width:42px;height:42px;padding:9px;gap:4px;border-radius:10px;background:#ffffff08;border-color:#ffffff35;
 }
 .site-header.nav-ready .menu-toggle{display:flex}
 .site-header .menu-toggle span{width:20px;transition:transform .2s ease,opacity .2s ease}
 .site-header .menu-toggle[aria-expanded='true'] span:nth-child(1){transform:translateY(6px) rotate(45deg)}
 .site-header .menu-toggle[aria-expanded='true'] span:nth-child(2){opacity:0}
 .site-header .menu-toggle[aria-expanded='true'] span:nth-child(3){transform:translateY(-6px) rotate(-45deg)}
 .site-header #navigation{
  display:flex;position:absolute;left:0;right:0;top:calc(100% + 8px);
  padding:10px;border-radius:18px;background:#091317ed;border:1px solid #ffffff32;
  -webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);
  max-height:calc(100dvh - 102px);overflow:auto;box-shadow:0 12px 30px #0004;
 }
 .site-header.nav-ready #navigation{display:none}
 .site-header.nav-ready #navigation.open{display:flex}
 .site-header .nav-links{width:100%;gap:2px;font-size:1rem}
 .site-header .nav-links>a{padding:12px 14px;border-radius:10px}
 .site-header .nav-links>a:hover{background:#ffffff0c}
}
@media(max-width:380px){
 .site-header .header-inner>.brand img{width:78px}
 .site-header .header-contact{padding:9px 10px;font-size:.72rem}
 .site-header .menu-toggle{width:40px;height:42px}
}
@media(prefers-reduced-motion:reduce){
 .site-header .nav-links>a,.site-header .menu-toggle span{transition:none}
}

/* Hero: Hanken Grotesk, duas linhas e partículas sobre preto absoluto. */
@font-face{
 font-family:'Hanken Grotesk';src:url('assets/fonts/hanken-grotesk-latin.woff2') format('woff2');
 font-style:normal;font-weight:100 900;font-display:swap;
}
.hero{background:#000;min-height:660px;padding:152px 0 100px}
.hero::after{content:none;background:none}
.hero-background{background:#000;opacity:1;z-index:-1;pointer-events:none}
.hero-particles{display:block;width:100%;height:100%;pointer-events:none}
.hero .hero-content{position:relative;width:min(920px,calc(100% - 64px))}
.hero-chip{
 display:inline-flex;align-items:center;justify-content:center;padding:6px 14px;
 margin:0 auto 24px;border:1px solid #ffffffa6;border-radius:6px;background:transparent;color:#fff;
 font-family:'Hanken Grotesk',Arial,sans-serif;font-weight:200;font-variation-settings:'wght' 200;
 font-size:.75rem;line-height:1.5;letter-spacing:.16em;
}
.hero h1.hero-title{
 color:#fff;font-family:'Hanken Grotesk',Arial,sans-serif;font-weight:600;
 font-variation-settings:'wght' 600;font-synthesis:none;
 font-size:clamp(1.5rem,calc(3vw + 1rem),3.375rem);line-height:1.15;letter-spacing:-.03em;
 max-width:100%;margin:0 auto 22px;
}
.hero-title-line{display:block;white-space:nowrap}
.hero-breathing-char{color:#fff;transform-origin:50% 80%}
.hero-description{
 max-width:640px;margin:0 auto 32px;color:#ffffffb8;
 font-family:'Hanken Grotesk',Arial,sans-serif;font-weight:400;
 font-size:clamp(1rem,1.3vw,1.125rem);line-height:1.65;
}
@media(max-width:760px){
 .hero{min-height:620px;padding:132px 0 76px}
 .hero .hero-content{width:calc(100% - 36px)}
 .hero-chip{font-size:.6875rem;padding:5px 12px;margin-bottom:22px}
 .hero h1.hero-title{line-height:1.2;margin-bottom:20px}
 .hero-description{max-width:470px;margin-bottom:28px}
}

/* Hero mais leve e detalhes das soluções recolhidos também no desktop. */
.hero-chip{letter-spacing:.22em}
.hero-description{
 color:#fff;font-weight:200;font-variation-settings:'wght' 200;
 font-size:calc(clamp(1rem,1.3vw,1.125rem) + 2px);
}
.product.has-product-disclosure .product-link{display:none}
.product.has-product-disclosure .product-toggle{
 display:inline-flex;order:1;margin-top:auto;justify-content:space-between;text-align:left;
}
.product.has-product-disclosure .product-details{order:2;margin-top:20px}
.product.has-product-disclosure .product-toggle-icon{
 display:block;width:18px;height:18px;flex-shrink:0;transition:transform .2s ease;
}
.product-toggle[aria-expanded='true'] .product-toggle-icon{transform:rotate(180deg)}
.product.has-product-disclosure .product-details-contact{display:inline-flex;margin-top:0}
.product-details:not([hidden]){animation:hive-product-details .22s ease-out}
@media(prefers-reduced-motion:reduce){
 .product-toggle-icon{transition:none}
 .product-details:not([hidden]){animation:none}
}

/* Auditoria de UX (2026-10-12): texto de leitura em 16 px, alvos de toque de 48 px e chamada do processo. */
h2,h3,h4{font-family:'Hanken Grotesk',Arial,sans-serif}
.site-header .nav-links a,.site-header .header-contact,.product .descriptor,.product .button,.product-details li,
.features>article p,.steps li p,.values strong,.footer-inner p,.footer-inner nav a,.footer-inner nav button,.carousel-controls .carousel-pause{font-size:1rem}
.hero-chip,.footer-inner small{font-size:.875rem}
.footer-inner small{line-height:1.7}
.menu-toggle{min-width:48px;min-height:48px}
.site-header .header-contact{min-height:48px}
.carousel-controls button{min-height:48px}
.carousel-controls .carousel-prev,.carousel-controls .carousel-next,.carousel-controls .carousel-pause{min-width:48px}
.carousel-dots button{min-width:48px}
.footer-inner nav:not(.social-links) a,.footer-inner nav:not(.social-links) button{display:inline-flex;align-items:center;min-height:48px}
.social-links .social-icon{width:48px;height:48px}
.process-cta{display:flex;justify-content:center;margin-top:40px}
/* Textos da analise de copy e UX: linha de apoio do botao e pergunta de dor nos cards */
.cta-note{margin:16px auto 0;max-width:36ch;text-align:center;font-size:1rem;line-height:1.5;color:#ffffffb8}
.contact .cta-note{text-align:inherit;margin-inline:0}
.product .product-pain{margin-bottom:10px;font-size:1rem;line-height:1.45;font-weight:600;color:#0b2a30}
@media (max-width:760px){.hero-chip{letter-spacing:.08em;max-width:100%}}

/* Contato sem foto: a foto dos donos saiu a pedido do cliente (2026-10-15). */
.contact::before{display:none}
.contact::after{background:radial-gradient(ellipse 60% 90% at 88% 50%,#1fffe714,transparent 70%)}
@media(max-width:760px){.contact{padding:56px 0}.contact::after{background:radial-gradient(ellipse 90% 60% at 80% 100%,#1fffe712,transparent 70%)}}