:root{--navy:#091423;--blue:#2563eb;--cyan:#00c6ff;--purple:#7c3aed;--text:#0b1730;--muted:#6b7280}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:Inter,Arial,sans-serif;color:var(--text);background:#fff;overflow-x:hidden}
a{text-decoration:none;color:inherit}

/* HERO: a arte aprovada é 1600x900. Mantemos exatamente essa proporção para não cortar nem deslocar o conteúdo embutido. */
.hero{height:auto;aspect-ratio:16/9;min-height:0;color:#fff;background:#06172b url("assets/hero-dgransoti.webp") center top/100% 100% no-repeat;position:relative}
nav{position:absolute;z-index:2;top:18px;left:5%;right:5%;display:grid;grid-template-columns:minmax(260px,1fr) auto 210px;align-items:start;gap:28px}
.brand-hit{display:block;width:300px;height:86px}
.navlinks{display:flex;justify-content:center;align-items:center;gap:30px;white-space:nowrap;font-size:14px;padding-top:4px}
.navlinks a{position:relative;padding:8px 0}
.navlinks a.active{color:var(--cyan)}
.navlinks a.active:after{content:"";position:absolute;left:0;right:0;bottom:0;height:2px;background:var(--cyan)}
.contact-top{justify-self:end;display:flex;align-items:center;gap:10px;border:0;color:#fff;padding:13px 20px;border-radius:9px;font-weight:700;background:linear-gradient(90deg,#159cff,#7540ff);box-shadow:0 8px 24px #2563eb33}
.contact-top span{font-size:18px}.contact-top b{font-size:18px;margin-left:2px}
.mobile-menu-toggle{display:none}
.hero-copy{position:absolute;z-index:2;left:5%;bottom:6%;max-width:760px}
.hero-copy>*{max-width:760px}
.actions{display:flex;gap:16px;margin:0}
.actions a{padding:16px 22px;border-radius:9px;font-weight:700}
.primary{background:linear-gradient(90deg,#159cff,#6544ff)}
.secondary{border:1px solid #49bfff}

.eyebrow{font-size:12px;font-weight:800;letter-spacing:.27em;color:var(--cyan)}
em{font-style:normal;background:linear-gradient(90deg,var(--cyan),var(--purple));background-clip:text;color:transparent}
section{max-width:1450px;margin:auto;padding:70px 30px;text-align:center}
h2{font-size:38px;margin:10px 0}.lead{color:var(--muted)}
.needs{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:35px}
.needs article{min-height:210px;text-align:left;padding:28px;border-radius:16px;color:#fff;background:linear-gradient(135deg,#073159,#071a32);box-shadow:0 10px 28px #0b3d9122}
.needs b{font-size:42px;color:var(--cyan)}.needs h3{font-size:22px;margin:20px 0 8px}.needs p{color:#d6e8f6}
.solution-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:30px}
.solution-grid article{text-align:left;color:#fff;padding:36px;border-radius:15px;background:linear-gradient(120deg,#071d37,#064b76)}
.solution-grid article+article{background:linear-gradient(120deg,#11163d,#35186b)}
.method-section{max-width:none;padding:100px max(5vw,30px) 110px;background:linear-gradient(180deg,#fff 0%,#f4f8fd 100%);overflow:hidden}.method-head{max-width:900px;margin:0 auto;text-align:center}.method-head h2{font-size:clamp(38px,4.3vw,68px);line-height:1.02;letter-spacing:-.04em;margin:12px 0 20px}.method-head h2 em{font-style:normal;background:linear-gradient(90deg,#00aef0,#2563eb,#7c3aed);background-clip:text;color:transparent}.method-head>p{max-width:660px;margin:auto;color:#6b7280;font-size:17px;line-height:1.6}.steps{max-width:1500px;margin:65px auto 0;display:grid;grid-template-columns:repeat(5,1fr);gap:0;counter-reset:method}.steps article{position:relative;min-height:300px;padding:22px 26px 30px;text-align:left;border-left:1px solid #d8e2ef;background:transparent}.steps article:first-child{border-left:0}.steps strong{display:block;font-size:clamp(76px,7vw,118px);line-height:.85;letter-spacing:-.08em;font-weight:800;color:transparent;-webkit-text-stroke:1.5px #177bdc55;background:linear-gradient(180deg,#0b3d9118,transparent);background-clip:text}.steps article:nth-child(even) strong{-webkit-text-stroke-color:#7c3aed55}.steps h3{font-size:22px;margin:30px 0 10px;color:#091423}.steps article>p{font-size:14px;line-height:1.55;color:#6b7280;margin:0;max-width:190px}.steps article:after{content:"";position:absolute;left:26px;bottom:0;width:42px;height:4px;border-radius:5px;background:linear-gradient(90deg,#00c6ff,#2563eb)}.steps article:nth-child(even):after{background:linear-gradient(90deg,#2563eb,#7c3aed)}
.about{display:grid;grid-template-columns:2fr 1fr;text-align:left;gap:60px}.about ul{list-style:none;line-height:2.4}
footer{padding:65px 30px;text-align:center;background:var(--navy);color:#fff}footer h2{font-size:34px}

@media(max-width:1100px) and (min-width:801px){
 nav{left:3%;right:3%;grid-template-columns:minmax(210px,1fr) auto 180px;gap:18px}
 .brand-hit{width:230px;height:70px}.navlinks{gap:18px;font-size:12px}.contact-top{padding:11px 14px;font-size:12px}
 .hero-copy{left:4%;bottom:5%}.actions a{padding:12px 16px;font-size:13px}
}
@media(max-width:800px){
 .hero{aspect-ratio:16/9;background-size:100% 100%;background-position:center top}
 nav{display:flex;top:10px;left:12px;right:12px;align-items:center;justify-content:flex-end;gap:8px}
 .brand-hit{display:none}
 .mobile-menu-toggle{display:flex;width:40px;height:40px;align-items:center;justify-content:center;border:1px solid #ffffff55;border-radius:9px;background:#06172bcc;color:#fff;font-size:23px;line-height:1;cursor:pointer}
 .contact-top{display:flex;justify-self:auto;padding:10px 12px;font-size:11px;gap:6px}
 .contact-top span{font-size:14px}.contact-top b{font-size:14px}
 .navlinks{display:none;position:absolute;top:48px;right:0;width:min(270px,calc(100vw - 24px));padding:10px 18px 14px;flex-direction:column;align-items:stretch;gap:0;white-space:normal;font-size:14px;background:#06172bf5;border:1px solid #ffffff22;border-radius:12px;box-shadow:0 16px 35px #0008}
 nav.mobile-open .navlinks{display:flex}
 .navlinks a{padding:12px 4px;border-bottom:1px solid #ffffff18}
 .navlinks a:last-child{border-bottom:0}
 .navlinks a.active:after{display:none}
 .hero-copy{display:none}
 section{padding:52px 18px}h2{font-size:30px}
 .needs{grid-template-columns:1fr}.needs article{min-height:135px}
 .solution-grid,.about{grid-template-columns:1fr}.steps{grid-template-columns:1fr 1fr}
}
/* Três pontos de decisão da Home */
.priority-section{position:relative}
.priority-kicker{max-width:1500px;margin:0 auto 28px;display:flex;align-items:center;gap:15px;text-align:left}.priority-kicker span{font-size:58px;line-height:.8;font-weight:900;letter-spacing:-.07em;color:#0b3d911c;-webkit-text-stroke:1px #2563eb55}.priority-kicker b{font-size:12px;letter-spacing:.24em;color:#2563eb}.needs-priority{max-width:none;padding:95px max(5vw,30px) 105px;background:radial-gradient(circle at 50% 0,#dff5ff 0,transparent 36%),#fff}.needs-priority>h2{font-size:clamp(38px,4vw,62px);max-width:900px;margin-left:auto;margin-right:auto}.needs-priority .needs{max-width:1450px;margin-left:auto;margin-right:auto}.needs-priority .needs article{transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease;border-top:3px solid transparent}.needs-priority .needs article:hover{transform:translateY(-7px);box-shadow:0 22px 50px #0b3d911c;border-top-color:#00c6ff}.method-kicker{margin-bottom:38px}.contact-priority{position:relative;overflow:hidden;min-height:590px;padding:90px max(5vw,30px) 75px;text-align:center;background:radial-gradient(circle at 50% 115%,#2563eb99 0%,transparent 42%),radial-gradient(circle at 85% 10%,#7c3aed44 0%,transparent 28%),#061326;color:#fff}.contact-glow{position:absolute;inset:auto 15% -130px;height:260px;border-radius:50%;background:#00c6ff22;filter:blur(55px)}.contact-kicker{position:relative;z-index:2;justify-content:center;margin-bottom:45px}.contact-kicker span{color:#ffffff0d;-webkit-text-stroke-color:#00c6ff77}.contact-kicker b{color:#4dd8ff}.contact-overline{position:relative;z-index:2;font-size:11px;letter-spacing:.2em;font-weight:800;color:#76dcff}.contact-priority h2{position:relative;z-index:2;font-size:clamp(40px,4.8vw,72px);line-height:1.02;letter-spacing:-.04em;margin:15px auto 22px;max-width:1050px}.contact-priority h2 em{font-style:normal;background:linear-gradient(90deg,#00c6ff,#7c3aed);background-clip:text;color:transparent}.contact-lead{position:relative;z-index:2;max-width:680px;margin:0 auto;color:#c9d9e9;font-size:17px;line-height:1.6}.contact-main-cta{position:relative;z-index:2;display:inline-flex;align-items:center;gap:28px;margin-top:32px;padding:17px 25px;border-radius:10px;font-weight:800;background:linear-gradient(90deg,#159cff,#6539ef);box-shadow:0 14px 35px #126fe844}.contact-data{position:relative;z-index:2;margin-top:42px!important;color:#93abc2;font-size:13px}
@media(max-width:800px){.priority-kicker{margin-bottom:20px}.priority-kicker span{font-size:42px}.needs-priority{padding:60px 22px 70px}.contact-priority{min-height:0;padding:65px 22px 55px}.contact-priority h2{font-size:38px}.contact-main-cta{font-size:13px}.method-section .priority-kicker{padding:0}}

/* Réplica da composição visual aprovada */
.visual-needs{max-width:1450px!important;grid-template-columns:repeat(3,1fr)!important;gap:14px!important}
.visual-needs article{position:relative;min-height:185px!important;padding:0!important;overflow:hidden;border:1px solid #244c7c!important;border-radius:13px!important;background-color:#0a2242!important;background-size:cover!important;background-position:center!important;box-shadow:0 10px 28px #06132618!important}
.visual-needs article:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#081b36f2 0%,#0a2141dc 48%,#0b244675 72%,#0b244638 100%)}
.visual-needs .need-copy{position:relative;z-index:2;margin-left:39%;padding:24px 48px 20px 0}
.visual-needs h3{margin:0 0 13px;font-size:22px;line-height:1.05;color:#fff}
.visual-needs p{margin:0;font-size:13px;line-height:1.4;color:#d7e4f2}
.need-arrow{position:absolute;z-index:3;right:15px;bottom:14px;width:39px;height:39px;border:1.5px solid #51aaff;border-radius:50%;display:grid;place-items:center;color:#fff;font-size:27px;background:#0a2447cc}
.need-sales{background-image:url("https://images.unsplash.com/photo-1551288049-bebda4e38f71?auto=format&fit=crop&w=900&q=82")}
.need-auto{background-image:url("https://images.unsplash.com/photo-1518770660439-4636190af475?auto=format&fit=crop&w=900&q=82")}
.need-service{background-image:url("https://images.unsplash.com/photo-1551836022-d5d88e9218df?auto=format&fit=crop&w=900&q=82")}
.need-manage{background-image:url("https://images.unsplash.com/photo-1460925895917-afdab827c52f?auto=format&fit=crop&w=900&q=82")}
.need-ai{background-image:url("https://images.unsplash.com/photo-1677442136019-21780ecad995?auto=format&fit=crop&w=900&q=82")}
.need-custom{background-image:url("https://images.unsplash.com/photo-1552664730-d307ca884978?auto=format&fit=crop&w=900&q=82")}
.solutions-showcase{max-width:none;padding:28px max(5vw,30px) 85px;text-align:center;background:#fff}
.solutions-showcase>h2{font-size:30px;margin:8px auto 28px;color:#091423}
.solution-show-grid{max-width:1450px;margin:auto;display:grid;grid-template-columns:1fr 1fr;gap:14px}
.solution-show{position:relative;overflow:hidden;min-height:175px;border-radius:13px;padding:26px 150px 25px 105px;text-align:left;color:#fff;display:flex;align-items:center;background:linear-gradient(120deg,#071d37,#103a72);border:1px solid #25548b}
.solution-show.custom{background:linear-gradient(120deg,#171642,#3a176b);border-color:#553c92}
.show-icon{position:absolute;left:25px;top:29px;width:62px;height:62px;border-radius:50%;display:grid;place-items:center;font-size:30px;color:#6edcff;background:#113c6b;border:1px solid #2c77ad}
.custom .show-icon{color:#a879ff;background:#302066;border-color:#6849a9}
.solution-show h3{font-size:23px;margin:0 0 7px}.solution-show p{font-size:12px;line-height:1.45;color:#dce8f4;margin:0 0 15px;max-width:430px}
.solution-show a{display:inline-block;padding:9px 18px;border:1px solid #42b9ff;border-radius:6px;color:#9ee7ff;font-size:11px;font-weight:700}.custom a{border-color:#a56cff;color:#d3b8ff}
.show-art{position:absolute;right:34px;top:38px;font-size:82px;color:#42b9ff55;transform:rotate(-12deg)}.custom .show-art{color:#8c55ff77}
@media(max-width:800px){.visual-needs{grid-template-columns:1fr!important}.visual-needs article{min-height:170px!important}.visual-needs .need-copy{margin-left:31%;padding-right:45px}.solution-show-grid{grid-template-columns:1fr}.solution-show{padding:24px 35px 24px 95px}.show-art{display:none}}

/* Painéis visuais finais aprovados pelo cliente */
.approved-panel-section{max-width:none;padding:0;background:#fff;overflow:hidden}
.approved-panel{display:block;width:100%;height:auto;margin:0 auto}
.solutions-panel-section{padding-top:0}
@media(max-width:800px){.approved-panel-section{overflow-x:auto}.approved-panel{width:1180px;max-width:none}}

/* Encaixe dos painéis conforme layout mestre aprovado */
.commercial-panels{background:#fff;padding:34px 0 58px}
.approved-panel-section{width:min(94%,1500px);margin:0 auto!important;padding:0!important;background:#fff;overflow:hidden}
.approved-panel{display:block;width:100%!important;height:auto!important;max-width:100%;margin:0 auto}
.solutions-panel-section{margin-top:28px!important}
@media(max-width:800px){
  .commercial-panels{padding:20px 0 34px}
  .approved-panel-section{width:94%;overflow:hidden}
  .approved-panel{width:100%!important;max-width:100%!important}
  .solutions-panel-section{margin-top:18px!important}
}

/* Cabeçalhos editoriais entre os painéis — conforme layout aprovado */
.panel-heading{text-align:center;max-width:1050px;margin:0 auto 26px}
.panel-heading .eyebrow{display:block;margin-bottom:9px;font-size:11px;letter-spacing:.25em;font-weight:800;color:#3b82f6}
.panel-heading h2{margin:0;font-size:clamp(32px,3.1vw,52px);line-height:1.05;letter-spacing:-.035em;color:#0b1530}
.panel-heading h2 em{font-style:normal;background:linear-gradient(90deg,#4eb7ff,#6d42ef);background-clip:text;color:transparent}
.panel-heading p{margin:14px auto 0;font-size:16px;line-height:1.5;color:#6b7280}
.solutions-panel-section{margin-top:48px!important}
.solutions-heading{margin-bottom:24px}
.solutions-heading h2{font-size:clamp(28px,2.5vw,42px)}
@media(max-width:800px){.panel-heading{padding:0 12px;margin-bottom:18px}.panel-heading h2{font-size:30px}.panel-heading p{font-size:14px}.solutions-panel-section{margin-top:34px!important}.solutions-heading h2{font-size:26px}}

/* Ajuste pontual: reduzir o vazio entre Soluções e Método */
.commercial-panels{padding-bottom:18px!important}
.method-section{padding-top:42px!important}
.method-section .priority-kicker{margin-bottom:24px!important}
@media(max-width:800px){
  .commercial-panels{padding-bottom:12px!important}
  .method-section{padding-top:32px!important}
}

/* Método D.Gransoti — arte final aprovada */
.method-approved{max-width:none!important;padding:46px 0 0!important;background:#061326;color:#fff;overflow:hidden}
.method-approved-head{text-align:center;padding:0 24px 30px}
.method-approved-head .eyebrow{display:block;color:#64c8ff;font-size:11px;letter-spacing:.28em;font-weight:800;margin-bottom:10px}
.method-approved-head h2{margin:0;color:#fff;font-size:clamp(30px,3vw,48px);line-height:1.08;letter-spacing:-.035em}
.method-approved-head h2 em{font-style:normal;background:linear-gradient(90deg,#52c8ff,#7c3aed);background-clip:text;color:transparent}
.method-approved>img{display:block;width:100%;height:auto;margin:0}
@media(max-width:800px){.method-approved{padding-top:34px!important}.method-approved-head{padding-bottom:22px}.method-approved-head h2{font-size:29px}.method-approved>img{width:1180px;max-width:none;transform:translateX(-2%)}}

/* Correção de escala do painel Método: exibir os 5 passos completos */
.method-approved{padding:34px 0 0!important}
.method-approved-head{padding-bottom:18px!important}
.method-approved>img{display:block!important;width:min(94%,1500px)!important;max-width:1500px!important;height:auto!important;margin:0 auto!important;transform:none!important;object-fit:contain!important}
@media(max-width:800px){
  .method-approved{padding-top:28px!important}
  .method-approved>img{width:100%!important;max-width:100%!important;transform:none!important}
}

/* Sobre a D.Gransoti — arte final aprovada */
.about-approved{max-width:none!important;padding:34px 0!important;background:#fff;overflow:hidden}
.about-approved img{display:block;width:min(94%,1500px);max-width:1500px;height:auto;margin:0 auto}
@media(max-width:800px){.about-approved{padding:24px 0!important}.about-approved img{width:100%;max-width:100%}}

/* Correção de escala: painel Sobre proporcional ao restante da Home */
.about-approved{padding:24px 0!important}
.about-approved img{width:min(88%,1180px)!important;max-width:1180px!important;height:auto!important;margin:0 auto!important}
@media(max-width:800px){
  .about-approved{padding:18px 0!important}
  .about-approved img{width:94%!important;max-width:94%!important}
}

/* Hotspots transparentes sobre os painéis aprovados */
.panel-map{position:relative;width:100%;margin:0 auto}
.panel-map .approved-panel{width:100%!important;max-width:100%!important}
.hotspot{position:absolute;z-index:3;display:block;cursor:pointer;border-radius:16px;outline:none;transition:background .18s ease,box-shadow .18s ease}
.hotspot:hover,.hotspot:focus-visible{background:rgba(73,161,255,.08);box-shadow:inset 0 0 0 2px rgba(94,178,255,.55),0 0 24px rgba(91,101,255,.22)}
.pain-map .hotspot{width:32.2%;height:47.2%}
.pain-1{left:0;top:0}.pain-2{left:33.9%;top:0}.pain-3{right:0;top:0}
.pain-4{left:0;bottom:0}.pain-5{left:33.9%;bottom:0}.pain-6{right:0;bottom:0}
.solutions-map .hotspot{top:0;height:100%;width:49.3%}
.solution-ready{left:0}.solution-custom{right:0}
@media(max-width:800px){.hotspot{border-radius:10px}}

/* Formulário formal de contato */
.form-trigger{border:0;font:inherit;cursor:pointer;width:min(650px,92%);text-align:left}
.lead-modal{position:fixed;inset:0;z-index:100;display:none;place-items:center;padding:24px}
.lead-modal.is-open{display:grid}.lead-modal-backdrop{position:absolute;inset:0;background:rgba(3,12,29,.78);backdrop-filter:blur(8px)}
.lead-dialog{position:relative;z-index:1;width:min(760px,96vw);max-height:92vh;overflow:auto;background:#fff;border-radius:24px;padding:34px;box-shadow:0 30px 90px rgba(0,0,0,.35)}
.lead-close{position:absolute;right:20px;top:14px;border:0;background:transparent;font-size:34px;cursor:pointer;color:#6b7280}
.lead-dialog h2{margin:8px 0 8px;font-size:34px;color:#0b1530}.lead-dialog>p{margin:0 0 24px;color:#667085}
.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.form-grid label{display:grid;gap:7px;font-size:13px;font-weight:700;color:#17213b}.form-grid .full{grid-column:1/-1}
.form-grid input,.form-grid textarea{width:100%;box-sizing:border-box;border:1px solid #dbe3f1;border-radius:12px;padding:13px 14px;font:inherit;color:#0b1530;background:#f9fbff;outline:none}
.form-grid input:focus,.form-grid textarea:focus{border-color:#5b8cff;box-shadow:0 0 0 3px rgba(91,140,255,.12);background:#fff}
.lead-submit{margin-top:20px;width:100%;border:0;border-radius:13px;padding:15px 18px;background:linear-gradient(90deg,#5797f5,#6d3ce8);color:#fff;font-weight:800;font-size:16px;cursor:pointer}
.form-note,.form-status{font-size:12px!important;color:#7b8497!important;margin:12px 0 0!important}.form-status{color:#315fbd!important;font-weight:700}.modal-open{overflow:hidden}
@media(max-width:650px){.lead-dialog{padding:28px 20px 22px}.lead-dialog h2{font-size:27px}.form-grid{grid-template-columns:1fr}.form-grid .full{grid-column:auto}}

/* Ajuste de proporção do CTA final */
.contact-main-cta.form-trigger{width:min(560px,88%)!important;padding:17px 24px!important;min-height:0!important;font-size:16px!important;border-radius:14px!important;text-align:center!important}
@media(max-width:650px){.contact-main-cta.form-trigger{width:92%!important;padding:15px 18px!important;font-size:15px!important}}

/* Refinamento final do CTA de contato */
.contact-main-cta.form-trigger{width:min(470px,84%)!important;padding:14px 22px!important;font-size:19px!important;font-weight:800!important;border-radius:13px!important}
@media(max-width:650px){.contact-main-cta.form-trigger{width:88%!important;padding:13px 16px!important;font-size:17px!important}}

/* Contraste do CTA final sobre o degradê */
.contact-main-cta.form-trigger{color:#fff!important}


/* Cabeçalho oficial aprovado — marca como arquivo separado e conteúdo acessível */
.hero{aspect-ratio:auto!important;min-height:780px!important;background:#061329 url("assets/hero-inicial-fundo-aprovado.webp") center/cover no-repeat!important;display:flex;flex-direction:column;isolation:isolate}
.hero:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#031126 0%,rgba(3,17,38,.98) 22%,rgba(3,17,38,.85) 43%,rgba(3,17,38,.12) 72%,transparent 100%);pointer-events:none;z-index:0}
.hero>nav{position:relative!important;top:auto!important;left:auto!important;right:auto!important;width:94%;margin:20px auto 0;display:flex!important;align-items:center;gap:22px;z-index:5}
.hero .brand-hit{display:block!important;flex:0 0 clamp(210px,28vw,420px);width:clamp(210px,28vw,420px)!important;height:auto!important;aspect-ratio:1937/593;background:url("assets/logo-oficial-dgransoti.png") center/contain no-repeat}
.hero .navlinks{margin-left:auto}
.hero .hero-copy{position:relative!important;left:auto!important;bottom:auto!important;display:block!important;z-index:2;width:90%;max-width:1200px;margin:auto auto 8%;padding:90px 0 0}
.hero .hero-eyebrow{color:#79d9f5;font-size:clamp(11px,1.2vw,17px);font-weight:700;letter-spacing:.23em;margin:0 0 23px}
.hero .hero-title{font-size:clamp(38px,5.3vw,82px);font-weight:800;line-height:1.1;letter-spacing:-.04em;color:#fff;max-width:1100px;margin:0 0 26px}
.hero .hero-title em{font-style:normal;background:linear-gradient(90deg,#43c6ff,#7541fa);-webkit-background-clip:text;background-clip:text;color:transparent}
.hero .hero-description{font-size:clamp(16px,1.75vw,25px);line-height:1.5;color:#e8efff;max-width:900px;margin:0 0 42px}
.hero .hero-copy .actions{position:static!important;display:flex!important;gap:18px;flex-wrap:wrap}
.hero .hero-copy .actions a{display:inline-flex;align-items:center;justify-content:center;text-align:center;min-height:58px;padding:16px 24px;border-radius:12px;font-weight:700}
.hero .hero-copy .actions .primary{background:linear-gradient(105deg,#5797f5,#6842ef);color:#fff}
.hero .hero-copy .actions .secondary{background:rgba(2,11,30,.48);border:1px solid #8db6ff;color:#fff}
@media(max-width:850px){.hero{min-height:780px!important;background-position:62% center!important}.hero>nav{width:94%;flex-wrap:wrap}.hero .brand-hit{flex-basis:220px}.hero .hero-copy{width:92%;padding-top:50px;margin-bottom:45px}.hero .hero-copy .actions a{width:100%}.hero .navlinks{margin-left:0}}


/* Ajuste de enquadramento aprovado em 16/10: banner compacto, sem recorte da arte */
@media(min-width:851px){
.hero{height:auto!important;min-height:0!important;aspect-ratio:1916/821!important;background-size:100% 100%!important;background-position:center center!important;overflow:hidden}
.hero>nav{margin-top:1.1%!important}
.hero .brand-hit{flex-basis:clamp(200px,26vw,370px)!important;width:clamp(200px,26vw,370px)!important}
.hero .hero-copy{width:92%!important;max-width:none!important;margin:0 auto 3.2%!important;padding:0!important}
.hero .hero-eyebrow{font-size:clamp(10px,1.05vw,16px)!important;margin:0 0 1.5%!important}
.hero .hero-title{font-size:clamp(32px,4.15vw,66px)!important;line-height:1.06!important;max-width:1120px!important;margin:0 0 1.7%!important}
.hero .hero-description{font-size:clamp(14px,1.38vw,21px)!important;line-height:1.42!important;margin:0 0 2.5%!important}
.hero .hero-copy .actions a{min-height:48px!important;padding:12px 20px!important;font-size:clamp(12px,1.05vw,16px)!important}
}
@media(max-width:850px){
.hero{height:auto!important;min-height:0!important;aspect-ratio:auto!important;background-size:cover!important;background-position:62% center!important}
.hero .hero-copy{padding-top:34px!important;margin:0 auto 32px!important}
.hero .hero-title{font-size:clamp(32px,7vw,48px)!important;line-height:1.08!important}
.hero .hero-description br{display:none}
.hero .hero-copy .actions a{min-height:48px!important}
}


/* Refinamento do enquadramento: texto levemente abaixo e menos sobra inferior */
@media(min-width:851px){
.hero{aspect-ratio:1916/780!important}
.hero .hero-copy{margin-top:24px!important;margin-bottom:1.4%!important}
.hero .hero-eyebrow{margin-bottom:1.25%!important}
.hero .hero-title{margin-bottom:1.35%!important}
.hero .hero-description{margin-bottom:1.9%!important}
.hero:before{background:linear-gradient(90deg,#061126 0%,#061126 28%,rgba(6,17,38,.98) 40%,rgba(6,17,38,.90) 49%,rgba(6,17,38,.20) 70%,transparent 88%)!important}
.hero:after{content:"";position:absolute;left:32%;right:0;top:0;height:19%;z-index:1;pointer-events:none;background:linear-gradient(180deg,rgba(6,17,38,.94),rgba(6,17,38,.72) 68%,transparent)}
}