/* Seções da página */
.header{position:fixed;z-index:50;inset:16px 0 auto;pointer-events:none}
.header__bar{pointer-events:auto;display:flex;align-items:center;justify-content:space-between;gap:24px;height:72px;padding:0 13px 0 24px;border-radius:36px;width:min(calc(100% - 32px),calc(var(--max) + 80px));margin-inline:auto;
  transition:background-color .3s ease,border-color .3s ease,box-shadow .3s var(--ease-out),color .3s ease;color:#fff}
.nav{display:flex;gap:36px;font-weight:600;font-size:.9375rem}
.nav a{position:relative;padding:6px 0;opacity:.8;transition:opacity .2s ease}
.nav a::after{content:"";position:absolute;left:0;right:0;bottom:0;height:2px;border-radius:2px;background:currentColor;transform:scaleX(0);transform-origin:left;transition:transform .3s var(--ease-out)}
.nav a[aria-current=true]{opacity:1}
.nav a[aria-current=true]::after{transform:scaleX(1)}
@media (hover:hover) and (pointer:fine){.nav a:hover{opacity:1}}
.header__cta{padding:12px 22px}
.burger{display:none;width:46px;height:46px;border-radius:50%;border:0;background:rgba(255,255,255,.16);color:inherit;place-items:center}
.header.is-solid .header__bar{background:rgba(255,255,255,.78);border-color:rgba(216,222,228,.9);color:var(--ink);box-shadow:0 12px 40px -16px rgba(10,37,64,.2)}
.header.is-solid .logo{color:var(--cyan-600)}
.header.is-solid .burger{background:var(--cyan-100)}

.menu{position:fixed;z-index:60;inset:16px 16px auto;display:none;padding:16px 16px 24px;border-radius:36px;background:rgba(16,24,31,.82);color:#fff;transform-origin:top right;opacity:0;transform:translateY(-8px) scale(.97);transition:opacity .22s var(--ease-out),transform .22s var(--ease-out),visibility 0s linear .22s}
.menu.is-open{opacity:1;transform:none;transition-delay:0s}
.menu__top{display:flex;justify-content:space-between;align-items:center;padding:0 0 0 8px}
.menu a.menu__link{display:flex;justify-content:space-between;align-items:center;padding:18px 8px;font-size:1.75rem;font-weight:700;letter-spacing:-.02em;border-bottom:1px solid rgba(255,255,255,.14)}
.menu ul{margin-top:12px}

.hero{grid-template-columns:minmax(0,1fr);position:relative;min-height:100vh;min-height:100svh;display:grid;align-items:end;background:var(--video-bg);color:#fff;overflow:hidden}
.hero__video{position:absolute;inset:0;z-index:0;width:100%;height:100%;object-fit:cover;object-position:center;pointer-events:none}
.hero::after{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;background:linear-gradient(180deg,rgba(8,15,22,.28) 0%,rgba(8,15,22,.08) 42%,rgba(8,15,22,.42) 100%)}
.hero__inner{position:relative;z-index:1;display:flex;justify-content:space-between;align-items:flex-end;gap:24px;width:min(calc(100% - 32px),calc(var(--max) + 80px));max-width:none;padding:140px 0 40px}
.hero__panel{flex:0 1 640px;min-width:0;max-width:640px;padding:clamp(24px,3vw,32px);border-radius:36px;display:grid;gap:20px}
.hero__panel p{font-size:1.125rem;line-height:1.6;color:rgba(255,255,255,.9)}
.hero__cta{display:flex;flex-wrap:wrap;gap:12px;padding-top:8px}
.hero h1{font-size:clamp(2.5rem,4.3vw,3rem);line-height:1.03;letter-spacing:-.04em}

.section{padding-block:var(--section)}
.about{display:grid;grid-template-columns:1fr minmax(0,600px);gap:clamp(40px,6vw,80px);align-items:center}
.about__text{display:grid;gap:24px;justify-items:start}
.about__text h2{margin-bottom:0}
.about__accent{color:var(--cyan-500)}
.field-cyan{position:relative;display:grid;gap:16px;padding:clamp(20px,3.2vw,40px);border-radius:clamp(28px,3vw,40px);background:var(--cyan-700);overflow:hidden}
.pulse{position:absolute;left:0;width:100%;pointer-events:none;overflow:visible}
.pulse path{stroke-dasharray:1;stroke-dashoffset:1;fill:none;stroke-linecap:round;stroke-linejoin:round}
.field-cyan .pulse{top:34%;height:260px;stroke:rgba(255,255,255,.32);stroke-width:6}
.field-cyan>.pillar{position:relative}

.products{position:relative;background:var(--cyan-50);overflow:hidden}
.products .pulse{top:50%;height:300px;stroke:var(--cyan-300);stroke-width:3}
.products>.container{position:relative}
.sec-head{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;flex-wrap:wrap;margin-bottom:56px}
.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}

.brands{position:relative;overflow:hidden;background:linear-gradient(180deg,#fff 0%,var(--cyan-50) 100%)}
.brands__head{display:flex;justify-content:space-between;align-items:flex-end;gap:28px;margin-bottom:48px}
.brands__head h2{max-width:720px}
.brands__head .eyebrow{margin-bottom:14px}
.brands__count{display:flex;align-items:center;gap:10px;flex:none;padding:10px 16px;border:1px solid var(--border);border-radius:999px;background:rgba(255,255,255,.72);color:var(--muted);font-size:.875rem;font-weight:600}
.brands__count span{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:var(--cyan-100);color:var(--cyan-700);font-size:.8125rem;font-weight:800}
.brands__desktop{display:grid;gap:18px}
.brands__mobile{display:none}
.brands__marquee{overflow:hidden;position:relative;margin-inline:calc(var(--pad)*-1);padding-inline:var(--pad);mask-image:linear-gradient(90deg,transparent,#000 4%,#000 96%,transparent);-webkit-mask-image:linear-gradient(90deg,transparent,#000 4%,#000 96%,transparent)}
.brands__track{display:flex;width:max-content;animation:brands-scroll 38s linear infinite}
.brands__track--reverse{animation-direction:reverse;animation-duration:42s}
.brands__group{display:flex;align-items:center;gap:16px;flex:none;padding-right:16px;list-style:none}
.brands .brand{flex:0 0 168px;height:108px;overflow:hidden;padding:0;border:1px solid rgba(216,222,228,.8);border-radius:20px;background:#fff;box-shadow:0 12px 30px -20px rgba(10,37,64,.25);transition:transform .3s var(--ease-out),border-color .3s ease,box-shadow .3s ease}
.brands .brand img{width:100%;height:100%;object-fit:contain}
@media (hover:hover) and (pointer:fine){.brands__marquee:hover .brands__track{animation-play-state:paused}.brands .brand:hover{transform:translateY(-3px);border-color:var(--cyan-300);box-shadow:0 16px 30px -18px rgba(10,135,166,.3)}}

.contact{position:relative;background:var(--cyan-600);color:#fff;overflow:hidden}
.contact .pulse{top:22%;height:320px;stroke:rgba(255,255,255,.28);stroke-width:7;left:auto;right:0;width:62%}
.contact__grid{position:relative;display:grid;grid-template-columns:1fr minmax(0,580px);gap:clamp(40px,6vw,80px);align-items:center}
.contact__text{display:grid;gap:24px;justify-items:start}
.contact__text .lead{color:rgba(255,255,255,.92)}
.contact__text .eyebrow{color:rgba(255,255,255,.9);margin:0}
.contact__list{display:grid;gap:16px;margin-top:8px}
.contact__text{min-width:0}.contact__list li{overflow-wrap:anywhere;display:flex;align-items:center;gap:14px;font-weight:600}
.contact__ico{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;background:rgba(255,255,255,.16);border:1px solid rgba(255,255,255,.4)}
.form{display:grid;gap:20px;padding:clamp(24px,3.2vw,36px);border-radius:clamp(28px,3vw,36px);background:rgba(255,255,255,.9);color:var(--ink);border:1px solid rgba(255,255,255,.7);-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);box-shadow:0 24px 60px -20px rgba(10,37,64,.4)}
.form fieldset{border:0;padding:0;margin:0;min-width:0}
.form__row{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.form__send{display:flex;justify-content:center;gap:12px}
.form__send .btn{min-width:min(100%,240px);padding-inline:24px}
.form__note{font-size:.875rem;color:var(--muted);min-height:1.4em}
.form__note.is-error{color:#B3261E}

.footer{background:var(--navy);color:#fff;padding-block:72px 40px}
.footer__top{display:flex;justify-content:space-between;gap:40px;flex-wrap:wrap;padding-bottom:48px;border-bottom:1px solid rgba(255,255,255,.14)}
.footer__brand{display:grid;gap:20px;max-width:340px;color:rgba(255,255,255,.7);font-size:.9375rem;line-height:1.6}
.footer__brand .logo__image{width:176px;max-height:none}
.footer__col{display:grid;gap:12px;align-content:start;font-size:.9375rem;color:rgba(255,255,255,.7)}
.footer__col b{color:#fff;font-weight:700}
.footer__col a{transition:color .2s ease}
@media (hover:hover) and (pointer:fine){.footer__col a:hover{color:#fff}}
.footer__copy{padding-top:32px;font-size:.875rem;color:rgba(255,255,255,.55)}

@media (max-width:1100px){.nav{gap:24px}}
@media (max-width:960px){
  .nav,.header__cta{display:none}.burger{display:grid}
  .menu{display:block;visibility:hidden}.menu.is-open{visibility:visible}
  .about,.contact__grid{grid-template-columns:minmax(0,1fr)}
  .grid-3{grid-template-columns:repeat(2,1fr)}
  .header__bar{height:64px;padding:0 10px 0 16px}
  .logo__mark{width:40px;height:40px}.logo__text b{font-size:1.3rem}
}
@media (max-width:640px){
  .grid-3{grid-template-columns:1fr}
  .hero__inner{padding-block:110px 16px}
  .hero__panel{border-radius:32px;padding:clamp(24px,5vw,32px);gap:18px}
  .hero h1{font-size:clamp(2.25rem,7.4vw,2.875rem)}
  .hero__panel p{font-size:.9375rem;line-height:1.55}
  .hero__cta .btn{width:auto;padding:12px 22px;font-size:.875rem;white-space:nowrap;text-align:center}
  .form__send .btn{width:min(100%,320px);white-space:normal;text-align:center}
  .form__row{grid-template-columns:1fr}
  .sec-head{margin-bottom:36px}
  .contact .pulse{width:100%;top:60%}
  .footer__top{flex-direction:column}
}

@media (max-width:760px){
  .brands__head{display:block;margin-bottom:34px}
  .brands__count{width:fit-content;margin-top:20px}
  .brands__desktop{display:none}
  .brands__mobile{display:block}
  .brands__mobile .brands__group{gap:12px;padding-right:12px}
  .brands .brand{flex-basis:146px;height:96px;border-radius:16px}
  .brands__mobile .brands__track{animation-duration:48s}
}

.trust{background:linear-gradient(180deg,#fff,var(--cyan-50))}
.trust h2{margin-bottom:48px}
.trust__reviews{display:grid;grid-template-columns:1fr 1fr;gap:24px}
.trust__where{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.27fr);gap:24px;margin-top:24px}
.place{display:grid;gap:28px;align-content:center;padding:clamp(28px,3vw,40px);border-radius:20px;background:var(--cyan-600);color:#fff}
.place h3{display:flex;align-items:center;gap:12px;font-size:1.5rem}
.place h3 .i{width:30px;height:30px}
.place ul{display:grid;gap:18px}
.place li{display:flex;gap:16px;align-items:flex-start;font-size:.9375rem;line-height:1.55;overflow-wrap:anywhere}
.place li .i{width:20px;height:20px;margin-top:2px;opacity:.9}
.place a{transition:opacity .2s ease}
@media (hover:hover) and (pointer:fine){.place a:hover{opacity:.8}}
.map{position:relative;min-height:380px;border-radius:20px;overflow:hidden;border:1px solid var(--border);background:var(--cyan-100)}
.map iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.map__card{position:absolute;top:16px;left:16px;display:grid;gap:2px;max-width:min(240px,calc(100% - 32px));padding:12px 16px;border-radius:14px;background:#fff;box-shadow:0 10px 30px -10px rgba(10,37,64,.35);font-size:.8125rem;line-height:1.4;color:var(--muted);transition:transform .25s var(--ease-out)}
.map__card b{color:var(--cyan-600);font-size:.9375rem}
@media (hover:hover) and (pointer:fine){.map__card:hover{transform:translateY(-2px)}}
@media (max-width:960px){.trust__where{grid-template-columns:1fr}.map{min-height:340px}}
@media (max-width:760px){.trust__reviews{grid-template-columns:1fr}}
@media (max-width:420px){.review{flex-direction:column;gap:14px}}