
:root {
  --blue-950:#0a274b;
  --blue-900:#103a6a;
  --blue-800:#164b84;
  --blue-700:#215d9f;
  --orange:#ff941c;
  --orange-100:#fff1df;
  --ink:#152235;
  --muted:#647084;
  --line:#dfe6ee;
  --soft:#f5f8fb;
  --white:#fff;
  --radius:24px;
  --shadow:0 24px 70px rgba(16,58,106,.12);
  --container:1180px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;
  color:var(--ink);
  background:#fff;
  font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  line-height:1.6;
  -webkit-font-smoothing:antialiased;
}
img{max-width:100%;display:block}
a{text-decoration:none;color:inherit}
.container{width:min(calc(100% - 40px),var(--container));margin:auto}
.skip-link{position:fixed;top:-100px;left:16px;z-index:999;background:var(--blue-950);color:#fff;padding:10px 14px;border-radius:8px}
.skip-link:focus{top:16px}
.header{
  position:fixed;inset:0 0 auto;z-index:100;
  transition:.25s ease;
}
.header.is-scrolled{
  background:rgba(255,255,255,.95);
  box-shadow:0 10px 35px rgba(10,39,75,.08);
  backdrop-filter:blur(14px);
}
.header__inner{height:90px;display:flex;align-items:center;justify-content:space-between}
.brand img{width:180px;height:70px;object-fit:contain;object-position:left center}
.nav{display:flex;align-items:center;gap:25px;font-size:.9rem;font-weight:750}
.nav a:hover{color:var(--orange)}
.nav__talentos{color:var(--blue-800)}
.button{
  display:inline-flex;align-items:center;justify-content:center;
  min-height:54px;padding:0 24px;border-radius:999px;
  color:#fff;background:var(--orange);font-weight:850;
  box-shadow:0 14px 30px rgba(255,148,28,.23);
  transition:transform .2s ease,background .2s ease;
}
.button:hover{transform:translateY(-2px);background:#eb8511}
.button--small{min-height:45px;padding:0 18px;font-size:.84rem}
.button--ghost{background:#fff;color:var(--blue-800);border:1px solid #ccd7e4;box-shadow:none}
.button--ghost:hover{background:#f9fbfd}
.button--white{background:#fff;color:var(--blue-900)}
.menu-button{display:none}

.kicker{
  display:inline-flex;align-items:center;gap:10px;
  margin-bottom:17px;color:var(--blue-800);
  font-size:.78rem;font-weight:850;letter-spacing:.14em;text-transform:uppercase;
}
.kicker:before{content:"";width:28px;height:2px;background:var(--orange)}
.kicker--light{color:#fff}

.hero{
  min-height:820px;padding:165px 0 100px;position:relative;overflow:hidden;
  background:
    radial-gradient(circle at 75% 25%,rgba(255,148,28,.15),transparent 25%),
    linear-gradient(135deg,#f7fafc 0%,#fff 55%,#edf3f9 100%);
}
.hero__shape{position:absolute;border-radius:50%;filter:blur(1px)}
.hero__shape--one{width:16px;height:16px;background:var(--orange);top:24%;left:6%}
.hero__shape--two{width:10px;height:10px;background:var(--blue-800);bottom:17%;left:45%}
.hero__grid{display:grid;grid-template-columns:1.06fr .94fr;gap:75px;align-items:center}
.hero h1,.section h2,.candidate-call h2{
  margin:0;color:var(--blue-950);font-family:Georgia,"Times New Roman",serif;
  letter-spacing:-.04em;line-height:1.02;
}
.hero h1{font-size:clamp(3.4rem,6vw,5.7rem);max-width:740px}
.hero__lead{max-width:660px;margin:27px 0 0;color:var(--muted);font-size:1.16rem}
.hero__actions{display:flex;flex-wrap:wrap;gap:14px;margin-top:38px}
.hero__proof{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:42px}
.hero__proof div{padding-top:18px;border-top:1px solid #d8e1eb}
.hero__proof strong{display:block;color:var(--blue-900);font-size:.95rem}
.hero__proof span{display:block;color:var(--muted);font-size:.78rem;line-height:1.4}
.hero__visual{min-height:530px;position:relative;display:grid;place-items:center}
.hero__photo{
  width:min(100%,440px);height:520px;overflow:hidden;
  background:linear-gradient(160deg,#fff,#eaf1f8);
  border:1px solid #dbe4ee;border-radius:42% 42% 30px 30px;
  box-shadow:var(--shadow);
}
.hero__photo img{width:100%;height:100%;object-fit:contain;object-position:center bottom}
.hero__card{
  position:absolute;z-index:3;display:flex;align-items:center;gap:13px;
  width:260px;padding:16px 18px;background:rgba(255,255,255,.96);
  border:1px solid rgba(16,58,106,.1);border-radius:18px;
  box-shadow:0 18px 44px rgba(16,58,106,.14);
}
.hero__card--top{top:65px;right:-25px}
.hero__card--bottom{bottom:50px;left:-35px}
.hero__card-icon{
  flex:0 0 auto;display:grid;place-items:center;width:42px;height:42px;border-radius:14px;
  background:var(--blue-800);color:#fff;font-weight:900
}
.hero__card-icon--orange{background:var(--orange);color:var(--blue-950);font-size:.75rem}
.hero__card small{display:block;color:var(--muted);font-size:.72rem}
.hero__card strong{display:block;color:var(--blue-950);font-size:.88rem}

.trust-strip{position:relative;z-index:5;margin-top:-48px}
.trust-strip__grid{
  display:grid;grid-template-columns:repeat(3,1fr);background:#fff;
  border:1px solid var(--line);border-radius:20px;box-shadow:var(--shadow);overflow:hidden
}
.trust-strip__grid div{display:flex;align-items:center;gap:15px;padding:28px 30px}
.trust-strip__grid div+div{border-left:1px solid var(--line)}
.trust-strip span{color:var(--orange);font-family:Georgia,serif;font-size:1.45rem;font-weight:800}
.trust-strip strong{font-size:.93rem;color:var(--blue-950)}

.section{padding:105px 0}
.section--soft{background:var(--soft)}
.section h2,.candidate-call h2{font-size:clamp(2.45rem,4.4vw,4.25rem)}
.problem__grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:75px;align-items:center}
.problem__image{position:relative}
.problem__image>img{width:100%;min-height:540px;object-fit:cover;border-radius:30px;box-shadow:var(--shadow)}
.problem__badge{
  position:absolute;left:28px;right:28px;bottom:28px;padding:22px 24px;
  color:#fff;background:rgba(10,39,75,.9);border:1px solid rgba(255,255,255,.13);
  border-radius:18px;backdrop-filter:blur(12px)
}
.problem__badge strong{display:block;font-size:1rem}
.problem__badge span{display:block;color:rgba(255,255,255,.7);font-size:.84rem}
.problem__content>p{margin:24px 0;color:var(--muted);font-size:1.03rem}
.pain-list{display:grid;gap:12px;margin-top:28px}
.pain-list article{display:grid;grid-template-columns:46px 1fr;gap:17px;padding:20px;border:1px solid var(--line);border-radius:18px}
.pain-list article>span{display:grid;place-items:center;width:46px;height:46px;border-radius:14px;background:var(--orange-100);color:var(--orange);font-weight:900}
.pain-list h3{margin:0;color:var(--blue-950);font-size:1.02rem}
.pain-list p{margin:4px 0 0;color:var(--muted);font-size:.9rem}

.heading--split{display:grid;grid-template-columns:1fr .8fr;gap:70px;align-items:end;margin-bottom:48px}
.heading--split p{margin:0;color:var(--muted);font-size:1.03rem}
.heading--center{text-align:center;max-width:830px;margin:0 auto 55px}
.services{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.service{padding:34px;background:#fff;border:1px solid var(--line);border-radius:22px;transition:.25s ease}
.service:hover{transform:translateY(-5px);box-shadow:0 22px 50px rgba(16,58,106,.1)}
.service--primary{background:var(--blue-800);border-color:var(--blue-800);color:#fff}
.service__number{display:grid;place-items:center;width:46px;height:46px;margin-bottom:27px;border-radius:14px;background:var(--orange-100);color:var(--orange);font-weight:900}
.service--primary .service__number{background:rgba(255,255,255,.12);color:#fff}
.service h3{margin:0;color:var(--blue-950);font-size:1.28rem}
.service--primary h3{color:#fff}
.service p{color:var(--muted)}
.service--primary p{color:rgba(255,255,255,.72)}
.service ul{list-style:none;padding:0;margin:24px 0 0}
.service li{padding:10px 0;border-top:1px solid var(--line);font-size:.9rem;font-weight:700}
.service--primary li{border-color:rgba(255,255,255,.13)}

.hit{color:#fff;background:
  radial-gradient(circle at 15% 18%,rgba(255,148,28,.16),transparent 24%),
  linear-gradient(135deg,var(--blue-950),#18528f)}
.hit__grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:78px;align-items:center}
.hit h2{color:#fff}
.hit__intro p{margin:24px 0;color:rgba(255,255,255,.73);font-size:1.04rem}
.text-link{font-weight:850;color:var(--blue-800)}
.text-link--light{color:#fff}
.hit__cards{display:grid;gap:15px}
.hit__cards article{
  display:grid;grid-template-columns:72px 1fr;gap:22px;align-items:center;padding:24px;
  background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.13);
  border-radius:20px;backdrop-filter:blur(10px)
}
.hit__cards strong{
  display:grid;place-items:center;width:72px;height:72px;border-radius:20px;
  background:var(--orange);color:var(--blue-950);font-family:Georgia,serif;font-size:2rem
}
.hit__cards h3{margin:0;font-size:1.17rem}
.hit__cards p{margin:5px 0 0;color:rgba(255,255,255,.68)}

.steps{display:grid;grid-template-columns:repeat(5,1fr);gap:15px}
.steps article{padding:26px 22px;background:var(--soft);border-top:3px solid var(--orange);border-radius:0 0 17px 17px}
.steps span{font-family:Georgia,serif;color:var(--orange);font-size:2rem;font-weight:900}
.steps h3{margin:17px 0 7px;color:var(--blue-950);font-size:1.05rem}
.steps p{margin:0;color:var(--muted);font-size:.88rem}

.contrast{background:#eef3f8}
.contrast__grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}
.contrast__card{padding:45px;border-radius:26px;background:#fff;border:1px solid var(--line)}
.contrast__card--loss{border-top:5px solid #d9a145}
.contrast__card--gain{border-top:5px solid var(--blue-800)}
.contrast__card h3{margin:0 0 25px;color:var(--blue-950);font-family:Georgia,serif;font-size:2rem;line-height:1.15}
.contrast__card ul{list-style:none;padding:0;margin:0}
.contrast__card li{padding:13px 0 13px 30px;border-top:1px solid var(--line);position:relative}
.contrast__card li:before{position:absolute;left:0;top:13px;font-weight:900}
.contrast__card--loss li:before{content:"–";color:#c27b18}
.contrast__card--gain li:before{content:"✓";color:var(--blue-800)}

.about__grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:80px;align-items:center}
.about__photo{height:590px;overflow:hidden;background:linear-gradient(180deg,#eef3f8,#fff);border-radius:28px;box-shadow:var(--shadow)}
.about__photo img{width:100%;height:100%;object-fit:contain;object-position:center bottom}
.about__content h2{margin-bottom:4px}
.about__role{margin:0 0 24px;color:var(--orange);font-weight:800}
.about__content>p:not(.about__role){color:var(--muted);font-size:1.03rem}
.about__values{display:flex;flex-wrap:wrap;gap:10px;margin-top:28px}
.about__values span{padding:10px 14px;background:var(--orange-100);color:var(--blue-900);border-radius:999px;font-size:.82rem;font-weight:800}

.candidate-call{padding:80px 0;color:#fff;background:var(--orange)}
.candidate-call__inner{display:flex;align-items:center;justify-content:space-between;gap:50px}
.candidate-call h2{color:#fff}
.candidate-call p{margin:16px 0 0;color:rgba(255,255,255,.83)}

.contact__grid{display:grid;grid-template-columns:1.15fr .85fr;gap:70px;align-items:center}
.contact__content p{max-width:650px;margin:24px 0;color:var(--muted);font-size:1.04rem}
.contact__card{padding:36px;background:var(--soft);border:1px solid var(--line);border-radius:24px}
.contact__card img{width:220px;height:100px;object-fit:contain;object-position:left center}
.contact__card dl{margin:22px 0 0}
.contact__card dl>div{padding:17px 0;border-top:1px solid var(--line)}
.contact__card dt{color:var(--muted);font-size:.74rem;font-weight:850;text-transform:uppercase;letter-spacing:.1em}
.contact__card dd{margin:5px 0 0;color:var(--blue-950);font-weight:750}

.footer{padding:68px 0 22px;background:#081c36;color:rgba(255,255,255,.72)}
.footer__top{display:grid;grid-template-columns:1.5fr .7fr .7fr;gap:55px}
.footer__brand img{width:190px;height:90px;padding:6px 12px;object-fit:contain;background:#fff;border-radius:14px}
.footer__brand p{max-width:360px;font-size:.9rem}
.footer h3{margin:0 0 16px;color:#fff;font-size:.9rem}
.footer a{display:block;margin:9px 0;font-size:.86rem}
.footer a:hover{color:var(--orange)}
.footer__bottom{display:flex;justify-content:space-between;gap:20px;margin-top:45px;padding-top:20px;border-top:1px solid rgba(255,255,255,.1);font-size:.78rem}

.floating-contact{
  position:fixed;right:22px;bottom:22px;z-index:90;display:flex;align-items:center;gap:9px;
  padding:11px 13px 11px 17px;color:#fff;background:var(--blue-800);border:2px solid #fff;
  border-radius:999px;box-shadow:0 15px 35px rgba(8,28,54,.26);font-size:.82rem;font-weight:850
}
.floating-contact strong{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:var(--orange);color:var(--blue-950)}

@media(max-width:1000px){
  .menu-button{display:grid;place-content:center;gap:5px;width:46px;height:46px;padding:0;background:#fff;border:1px solid var(--line);border-radius:14px}
  .menu-button span{display:block;width:21px;height:2px;background:var(--blue-900)}
  .nav{position:absolute;left:20px;right:20px;top:82px;display:none;flex-direction:column;align-items:stretch;gap:3px;padding:18px;background:#fff;border:1px solid var(--line);border-radius:20px;box-shadow:var(--shadow)}
  .nav.is-open{display:flex}
  .nav a{padding:11px 13px;border-radius:10px}
  .hero__grid,.problem__grid,.hit__grid,.about__grid,.contact__grid{grid-template-columns:1fr}
  .hero__visual{margin-top:10px}
  .heading--split{grid-template-columns:1fr;gap:18px}
  .services{grid-template-columns:1fr 1fr}
  .steps{grid-template-columns:repeat(3,1fr)}
  .problem__image>img{min-height:420px}
}
@media(max-width:700px){
  .container{width:min(calc(100% - 28px),var(--container))}
  .header__inner{height:76px}
  .brand img{width:145px;height:60px}
  .nav{top:70px;left:14px;right:14px}
  .hero{min-height:auto;padding:125px 0 100px}
  .hero h1{font-size:clamp(2.75rem,13vw,4rem)}
  .hero__lead{font-size:1rem}
  .hero__actions .button{width:100%}
  .hero__proof{grid-template-columns:1fr}
  .hero__visual{min-height:450px}
  .hero__photo{height:430px}
  .hero__card{width:215px;padding:13px 14px}
  .hero__card--top{top:25px;right:-2px}
  .hero__card--bottom{bottom:18px;left:-2px}
  .trust-strip{margin-top:-38px}
  .trust-strip__grid{grid-template-columns:1fr}
  .trust-strip__grid div+div{border-left:0;border-top:1px solid var(--line)}
  .section{padding:76px 0}
  .section h2,.candidate-call h2{font-size:clamp(2.25rem,10vw,3.2rem)}
  .services,.steps,.contrast__grid,.footer__top{grid-template-columns:1fr}
  .hit__grid{gap:42px}
  .hit__cards article{grid-template-columns:58px 1fr;padding:18px}
  .hit__cards strong{width:58px;height:58px}
  .candidate-call__inner{flex-direction:column;align-items:flex-start}
  .footer__bottom{flex-direction:column}
  .floating-contact span{display:none}
  .floating-contact{padding:9px}
}
@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*:before,*:after{transition-duration:.01ms!important}
}


/* V3 — mais contraste e mais identidade Talentyc */
.problem{
  background:#fff;
}
.solutions-section{
  background:linear-gradient(180deg,#eef4fa 0%,#f7f9fc 100%);
}
.process-section{
  background:#fff;
}
.about-section{
  background:linear-gradient(180deg,#f3f7fb 0%,#fff 100%);
}
.contact{
  background:linear-gradient(135deg,#f6f9fc 0%,#eef4fa 100%);
}
.contact__card{
  background:#fff;
  box-shadow:0 20px 55px rgba(16,58,106,.08);
}
.brand-pattern{
  position:relative;
  overflow:hidden;
}
.brand-pattern:before,
.brand-pattern:after{
  content:"";
  position:absolute;
  z-index:0;
  border-radius:50%;
  pointer-events:none;
}
.brand-pattern:before{
  width:12px;
  height:12px;
  top:80px;
  right:7%;
  background:rgba(255,148,28,.42);
  box-shadow:
    62px 42px 0 rgba(22,75,132,.12),
    110px -12px 0 rgba(255,148,28,.18);
}
.brand-pattern:after{
  width:220px;
  height:220px;
  left:-145px;
  bottom:-120px;
  border:1px solid rgba(22,75,132,.08);
  box-shadow:
    34px -28px 0 -1px rgba(255,148,28,.04),
    70px -58px 0 -1px rgba(22,75,132,.035);
}
.brand-pattern>.container{
  position:relative;
  z-index:1;
}
.brand-pattern--soft:before{
  background:rgba(22,75,132,.20);
  box-shadow:
    62px 42px 0 rgba(255,148,28,.16),
    110px -12px 0 rgba(22,75,132,.08);
}
.section--soft{
  background:linear-gradient(180deg,#eef4fa 0%,#f7f9fc 100%);
}
.contrast{
  background:linear-gradient(180deg,#eaf1f8 0%,#f3f7fb 100%);
}
.candidate-call{
  background:
    radial-gradient(circle at 82% 30%,rgba(255,255,255,.16),transparent 24%),
    linear-gradient(135deg,#f28a12,#ff9f2f);
}
.footer{
  background:
    radial-gradient(circle at 8% 0%,rgba(255,148,28,.08),transparent 18%),
    #081c36;
}
