:root{--blue:#087bff;--navy:#03172f;--navy2:#011126;--ink:#082452}
*{box-sizing:border-box}
html,body{margin:0;width:100%;height:100%;font-family:Inter,Arial,sans-serif;background:#020f22}
body{overflow:hidden}
.page{width:100%;height:100dvh;min-height:620px;margin:0 auto;display:grid;grid-template-rows:minmax(0,1fr) clamp(176px,24.5vh,214px) clamp(30px,4.3vh,42px);background:linear-gradient(145deg,#051c3c,#021228);color:#fff;overflow:hidden}
.hero{position:relative;min-height:0;overflow:hidden;background:radial-gradient(circle at 28% 20%,rgba(8,123,255,.14),transparent 42%)}
.topbar{position:absolute;z-index:10;top:clamp(18px,2.6vh,30px);left:clamp(34px,3vw,54px);width:58%;display:flex;align-items:center;justify-content:space-between;gap:28px}
.brand{display:flex;align-items:center;gap:18px;white-space:nowrap}.brand b{font-size:clamp(38px,5.1vh,52px);line-height:1;color:var(--blue);letter-spacing:-3px}.brand span{font-weight:800;font-size:clamp(16px,2.1vh,22px)}
.email-pill{display:flex;align-items:center;justify-content:center;gap:0;padding:10px 17px;border:1px solid var(--blue);border-radius:18px;color:#fff;text-decoration:none;font-size:clamp(14px,1.9vh,20px);background:rgba(2,20,44,.65);white-space:nowrap}
.intro{position:absolute;z-index:5;left:clamp(34px,3vw,54px);top:clamp(92px,13.5vh,144px);width:32.5%}.intro h1{margin:0;font-size:clamp(58px,8.9vh,92px);line-height:.88;letter-spacing:-5px}.intro h1 span{display:block;color:var(--blue)}.intro h2{font-size:clamp(20px,2.8vh,29px);margin:clamp(12px,1.8vh,20px) 0 clamp(14px,2vh,22px);white-space:nowrap}
.chips{display:flex;gap:9px;flex-wrap:wrap}.chips span{padding:7px 13px;border:1px solid rgba(255,255,255,.24);border-radius:999px;font-size:clamp(11px,1.45vh,15px);background:rgba(255,255,255,.025);white-space:nowrap}.chips span:before{content:"";display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--blue);margin-right:8px}
.statement{margin-top:clamp(17px,3vh,32px);padding-top:clamp(15px,2.8vh,29px);font-size:clamp(17px,2.55vh,27px);line-height:1.4;font-weight:700}.statement:before{content:"";display:block;width:68px;height:3px;background:var(--blue);margin-bottom:clamp(12px,2vh,22px)}.statement strong{color:var(--blue)}
.socials{position:absolute;z-index:6;left:36.8%;top:clamp(105px,16vh,170px);width:25%;padding-left:clamp(28px,3vw,46px);border-left:1px solid rgba(255,255,255,.28)}.socials h3{font-size:clamp(15px,1.9vh,19px);letter-spacing:3px;margin:0 0 clamp(19px,3vh,31px)}.socials h3:after{content:"";display:block;width:48px;height:3px;background:var(--blue);margin-top:13px}
.social-grid{display:grid;grid-template-columns:repeat(3,minmax(66px,92px));gap:clamp(16px,2.3vh,25px) clamp(13px,1.5vw,23px)}.social-grid a{display:flex;flex-direction:column;align-items:center;gap:8px;color:#fff;text-decoration:none;text-align:center;font-size:clamp(11px,1.5vh,15px)}.social-grid a>span{width:clamp(68px,9.2vh,94px);height:clamp(68px,9.2vh,94px);display:grid;place-items:center;border:1px solid rgba(255,255,255,.30);border-radius:17px;background:rgba(255,255,255,.025);overflow:hidden}.social-grid img{width:68%;height:68%;object-fit:contain;display:block}.social-grid b{font-weight:400;white-space:nowrap}
.photo-wrap{position:absolute;z-index:3;right:0;top:0;width:36%;height:100%;overflow:hidden;border-radius:48% 0 0 48% / 100% 0 0 100%;border-left:5px solid var(--blue);background:#dbe2e8}.photo-wrap:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(3,23,47,.14),transparent 32%);z-index:2}.photo-wrap img{width:100%;height:100%;object-fit:cover;object-position:50% 17%;display:block}.dots{position:absolute;z-index:4;left:-74px;top:17%;width:170px;height:245px;background-image:radial-gradient(circle,var(--blue) 2px,transparent 2.5px);background-size:18px 18px}
.expertise{position:relative;z-index:12;margin:0 clamp(28px,2.3vw,38px);background:linear-gradient(120deg,#fff,#f8fafc);color:var(--ink);border-radius:22px;padding:clamp(12px,1.8vh,19px) 26px clamp(13px,2vh,22px);box-shadow:0 15px 35px rgba(0,0,0,.23);overflow:hidden}.expertise-title{display:flex;align-items:center;gap:12px;margin-bottom:clamp(7px,1.2vh,12px)}.expertise-title svg{width:28px;height:28px}.expertise-title h2{font-size:clamp(14px,1.7vh,18px);margin:0}.expertise svg{fill:none;stroke:var(--blue);stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.expertise-grid{display:grid;grid-template-columns:repeat(6,1fr);height:calc(100% - 36px)}.expertise-grid article{display:flex;gap:clamp(10px,1vw,16px);min-width:0;padding:clamp(5px,.8vh,9px) clamp(10px,1.5vw,23px);border-right:1px solid #cbd4df;align-items:flex-start}.expertise-grid article:first-child{padding-left:8px}.expertise-grid article:last-child{border-right:0}.expertise-grid article>svg{width:clamp(34px,4.5vh,46px);height:clamp(34px,4.5vh,46px);flex:0 0 clamp(34px,4.5vh,46px)}.expertise-grid h3{font-size:clamp(14px,1.7vh,18px);margin:0 0 clamp(4px,.8vh,9px);line-height:1.15}.expertise-grid p{font-size:clamp(9px,1.16vh,12px);line-height:1.48;margin:0;color:#132c56}
footer{display:flex;align-items:center;justify-content:center;color:#c9d3e1;font-size:clamp(11px,1.45vh,15px)}
/* Efeitos interativos dos ícones */
.brand b,.expertise-title svg,.expertise-grid article>svg,.social-grid a>span,.social-grid img{
  transition:transform .24s ease,filter .24s ease,box-shadow .24s ease,border-color .24s ease,background-color .24s ease;
  transform-origin:center;
}
.brand:hover b{transform:scale(1.06);filter:drop-shadow(0 0 10px rgba(8,123,255,.5))}
.social-grid a:hover>span,.social-grid a:focus-visible>span{
  transform:translateY(-4px) scale(1.05);
  border-color:rgba(8,123,255,.9);
  background:rgba(8,123,255,.10);
  box-shadow:0 10px 24px rgba(0,0,0,.26),0 0 18px rgba(8,123,255,.30);
}
.social-grid a:hover img,.social-grid a:focus-visible img{transform:scale(1.08);filter:drop-shadow(0 5px 8px rgba(0,0,0,.28))}
.social-grid a:nth-child(5):hover img,.social-grid a:nth-child(5):focus-visible img{filter:invert(1) drop-shadow(0 5px 8px rgba(0,0,0,.28))}
.expertise-title:hover svg{transform:rotate(18deg) scale(1.08);filter:drop-shadow(0 0 7px rgba(8,123,255,.35))}
.expertise-grid article{transition:background-color .24s ease,transform .24s ease}
.expertise-grid article:hover{background:rgba(8,123,255,.045)}
.expertise-grid article:hover>svg{transform:translateY(-2px) scale(1.08);filter:drop-shadow(0 5px 7px rgba(8,123,255,.28))}
@media(max-width:1150px) and (min-width:701px){.topbar{width:60%}.intro{width:35%}.socials{left:39%;width:25%;padding-left:22px}.social-grid{gap:15px 12px}.expertise-grid article{padding-left:8px;padding-right:8px}.expertise-grid p{font-size:9px}}
@media(max-width:700px){html,body{height:auto;min-height:100%;background:#000}body{overflow:auto}.page{height:auto;min-height:100dvh;display:block;overflow:visible;background:radial-gradient(circle at 30% 9%,rgba(10,119,255,.17),transparent 25%),linear-gradient(160deg,#061d3e,#03162f)}.hero{height:1030px;overflow:hidden}.topbar{top:38px;left:32px;right:22px;width:auto}.brand{gap:13px}.brand b{font-size:42px}.brand span{font-size:17px}.email-pill{position:absolute;top:42px;right:0;padding:12px 16px;border-radius:16px;font-size:15px}.intro{left:34px;top:215px;width:92%}.intro h1{font-size:63px;line-height:.9;letter-spacing:-3px}.intro h2{font-size:20px;margin:20px 0 22px}.chips{width:370px;max-width:88%}.chips span{font-size:13px;padding:8px 12px}.statement{font-size:18px;margin-top:34px;padding-top:23px;width:360px;max-width:88%}.statement:before{margin-bottom:17px;width:52px}.photo-wrap{top:145px;right:0;width:49%;height:515px;border-left-width:4px;border-radius:55% 0 0 55% / 100% 0 0 100%}.photo-wrap img{object-position:48% 13%}.dots{left:-55px;top:95px;width:110px;height:185px;background-size:15px 15px}.socials{top:690px;left:32px;width:calc(100% - 64px);padding:0;border:0}.socials h3{font-size:14px;margin-bottom:20px}.social-grid{grid-template-columns:repeat(3,1fr);gap:22px 26px}.social-grid a>span{width:100%;height:88px;border-radius:13px}.social-grid img{width:61px;height:61px}.social-grid a{font-size:14px}.expertise{height:auto;margin:18px 31px 0;padding:22px 26px 25px;border-radius:24px;overflow:visible}.expertise-title{margin-bottom:14px}.expertise-title h2{font-size:16px}.expertise-grid{display:block;height:auto}.expertise-grid article{min-height:96px;padding:15px 0;gap:21px;border-right:0;border-bottom:1px solid #d3d9e1}.expertise-grid article:first-child{padding-left:0}.expertise-grid article:last-child{border-bottom:0}.expertise-grid article>svg{width:41px;height:41px;flex-basis:41px}.expertise-grid h3{font-size:18px;margin-bottom:8px}.expertise-grid p{font-size:13px;line-height:1.5}.expertise-grid article:after{content:"›";margin-left:auto;color:#71809a;font-size:32px;line-height:1}footer{height:48px;margin-top:12px;font-size:11px}}
@media(max-width:420px){.hero{height:930px}.topbar{left:24px}.brand b{font-size:36px}.brand span{font-size:14px}.email-pill{top:50px;font-size:12px}.intro{left:26px;top:190px}.intro h1{font-size:54px}.intro h2{font-size:17px}.photo-wrap{top:155px;height:455px}.socials{top:625px;left:24px;width:calc(100% - 48px)}.social-grid a>span{height:74px}.social-grid img{width:52px;height:52px}.expertise{margin-left:20px;margin-right:20px}}

/* Ajuste final: desktop aproximadamente 18% mais compacto */
@media (min-width:701px){
  html,body{min-height:0}
  body{overflow:hidden}
  .page{
    min-height:0;
    grid-template-rows:minmax(0,1fr) clamp(128px,17.5vh,152px) clamp(24px,3.4vh,32px);
  }
  .topbar{
    top:clamp(14px,2vh,24px);
    left:clamp(28px,2.5vw,44px);
    width:56%;
    gap:22px;
  }
  .brand{gap:14px}
  .brand b{font-size:clamp(31px,4.15vh,43px);letter-spacing:-2px}
  .brand span{font-size:clamp(13px,1.7vh,18px)}
  .email-pill{gap:0;padding:8px 17px;border-radius:15px;font-size:clamp(12px,1.55vh,16px)}
  .intro{left:clamp(28px,2.5vw,44px);top:clamp(76px,11vh,118px);width:31.5%}
  .intro h1{font-size:clamp(48px,7.3vh,75px);line-height:.89;letter-spacing:-4px}
  .intro h2{font-size:clamp(17px,2.3vh,24px);margin:clamp(9px,1.45vh,16px) 0 clamp(11px,1.6vh,18px)}
  .chips{gap:7px}
  .chips span{padding:6px 11px;font-size:clamp(10px,1.2vh,13px)}
  .chips span:before{width:6px;height:6px;margin-right:6px}
  .statement{margin-top:clamp(13px,2.35vh,25px);padding-top:clamp(12px,2.2vh,23px);font-size:clamp(14px,2.05vh,22px)}
  .statement:before{width:56px;height:3px;margin-bottom:clamp(9px,1.55vh,17px)}
  .socials{left:36.2%;top:clamp(86px,13vh,138px);width:24%;padding-left:clamp(23px,2.45vw,38px)}
  .socials h3{font-size:clamp(13px,1.55vh,16px);margin-bottom:clamp(15px,2.35vh,25px)}
  .socials h3:after{width:40px;margin-top:10px}
  .social-grid{grid-template-columns:repeat(3,minmax(56px,76px));gap:clamp(13px,1.85vh,20px) clamp(11px,1.25vw,19px)}
  .social-grid a{gap:6px;font-size:clamp(10px,1.2vh,13px)}
  .social-grid a>span{width:clamp(56px,7.5vh,77px);height:clamp(56px,7.5vh,77px);border-radius:14px}
  .social-grid img{width:66%;height:66%;object-fit:contain}
  .social-grid a:nth-child(5) img{width:54%;height:54%;filter:invert(1)}
  .photo-wrap{width:34.5%;border-left-width:4px}
  .dots{left:-61px;top:17%;width:140px;height:202px;background-size:15px 15px}
  .expertise{margin:0 clamp(23px,1.9vw,31px);border-radius:18px;padding:clamp(7px,.95vh,10px) 21px clamp(7px,1vh,11px)}
  .expertise-title{gap:10px;margin-bottom:clamp(3px,.55vh,6px)}
  .expertise-title svg{width:23px;height:23px}
  .expertise-title h2{font-size:clamp(12px,1.4vh,15px)}
  .expertise-grid{height:calc(100% - 25px)}
  .expertise-grid article{gap:clamp(8px,.8vw,13px);padding:clamp(2px,.35vh,4px) clamp(8px,1.2vw,18px)}
  .expertise-grid article>svg{width:clamp(28px,3.7vh,38px);height:clamp(28px,3.7vh,38px);flex-basis:clamp(28px,3.7vh,38px)}
  .expertise-grid h3{font-size:clamp(12px,1.4vh,15px);margin-bottom:clamp(3px,.6vh,7px)}
  .expertise-grid p{font-size:clamp(8px,.96vh,10px);line-height:1.42}
  footer{font-size:clamp(9px,1.15vh,12px)}
}

@media (hover:none){.social-grid a:active>span{transform:scale(.97);border-color:rgba(8,123,255,.9)}.expertise-grid article:active>svg{transform:scale(1.06)}}