/* Página SEO: Sistemas para empresas */
.se-wrap{width:min(var(--max),calc(100% - 36px));margin:auto}

.se-hero{
  min-height:780px;
  padding:150px 0 100px;
  color:#fff;
  display:flex;
  align-items:center;
  position:relative;
  overflow:hidden;
  background:
    linear-gradient(rgba(227,28,35,.055) 1px,transparent 1px),
    linear-gradient(90deg,rgba(227,28,35,.055) 1px,transparent 1px),
    radial-gradient(circle at 74% 42%,rgba(227,28,35,.18),transparent 22%),
    linear-gradient(135deg,#050505,#0c0c0c 62%,#190607);
  background-size:52px 52px,52px 52px,auto,auto;
}
.se-hero:after{
  content:"";
  position:absolute;
  width:540px;
  height:540px;
  right:-80px;
  bottom:-140px;
  border:1px solid rgba(227,28,35,.22);
  border-radius:50%;
  box-shadow:0 0 80px rgba(227,28,35,.08);
}
.se-hero .se-wrap{position:relative;z-index:2}
.se-hero h1{
  font-size:clamp(54px,7vw,94px);
  line-height:.91;
  letter-spacing:-4px;
  max-width:900px;
  margin:0 0 25px;
  font-weight:850;
}
.se-hero h1 span,.se-head h2 span,.se-cta h2 span{color:var(--red)}
.se-hero p{
  font-size:clamp(19px,2.2vw,25px);
  color:#d4d4d4;
  max-width:760px;
  margin:0 0 30px;
  line-height:1.45;
}

.se-section{padding:105px 0}
.se-dark{background:#050505;color:#fff}
.se-light{background:#f4f3ef;color:#111}

.se-head{
  display:grid;
  grid-template-columns:1.1fr .9fr;
  gap:60px;
  align-items:end;
  margin-bottom:48px;
}
.se-head h2,.se-faq h2,.se-case h2{
  font-size:clamp(42px,5.5vw,72px);
  line-height:.94;
  letter-spacing:-3px;
  margin:10px 0;
}
.se-head p{font-size:17px;line-height:1.65;margin:0;color:#777}
.se-dark .se-head p{color:#aaa}

.se-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.se-grid.compact{grid-template-columns:repeat(3,1fr)}
.se-card{
  min-height:265px;
  padding:30px;
  border-radius:24px;
  background:#fff;
  border:1px solid #dedbd4;
  display:flex;
  flex-direction:column;
}
.se-dark .se-card{background:#0d0d0d;border-color:#222}
.se-card small{color:var(--red);font-weight:850;letter-spacing:.1em}
.se-card h3{font-size:26px;line-height:1.05;margin:auto 0 12px;letter-spacing:-1px}
.se-card p{color:#666;margin:0;line-height:1.55}
.se-grid.compact .se-card{min-height:220px}

.se-process{display:grid;grid-template-columns:repeat(4,1fr);gap:26px}
.se-step{border-top:1px solid #333;padding-top:18px}
.se-step b{color:#ff666c;font-size:12px;letter-spacing:.08em}
.se-step h3{font-size:23px;line-height:1.1;margin:30px 0 10px}
.se-step p{color:#999;margin:0;line-height:1.55}

.se-case{display:grid;grid-template-columns:.9fr 1.1fr;gap:65px;align-items:center}
.se-case p{color:#aaa;font-size:17px;line-height:1.6}
.se-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:25px}
.se-tags span{padding:8px 12px;border:1px solid #333;border-radius:999px;color:#ccc;font-size:13px}

.se-diagram{
  min-height:440px;
  position:relative;
  border-radius:28px;
  background:
    radial-gradient(circle at center,rgba(227,28,35,.18),transparent 28%),
    linear-gradient(145deg,#111,#080808);
  border:1px solid #202020;
}
.se-node{
  position:absolute;
  min-width:105px;
  padding:14px 18px;
  text-align:center;
  border-radius:999px;
  border:1px solid #333;
  background:#0d0d0d;
  color:#ddd;
  font-weight:800;
  font-size:14px;
}
.se-node.center{
  left:50%;top:50%;transform:translate(-50%,-50%);
  min-width:150px;
  padding:26px 22px;
  border-color:var(--red);
  color:#fff;
  box-shadow:0 0 40px rgba(227,28,35,.18);
}
.se-node.center:before{
  content:"";
  position:absolute;
  inset:-85px;
  border:1px solid rgba(227,28,35,.16);
  border-radius:50%;
  pointer-events:none;
}
.n1{left:8%;top:17%}.n2{right:8%;top:17%}.n3{left:4%;top:63%}
.n4{right:4%;top:63%}.n5{left:37%;top:7%}.n6{left:37%;bottom:7%}

.se-faq{max-width:900px}
.se-faq details{border-top:1px solid #292929;padding:24px 0}
.se-faq details:last-child{border-bottom:1px solid #292929}
.se-faq summary{cursor:pointer;font-size:20px;font-weight:800}
.se-faq details p{color:#aaa;max-width:760px;line-height:1.65}

.se-cta{background:var(--red);color:#fff;text-align:center;padding:110px 20px}
.se-cta h2{
  font-size:clamp(44px,6vw,76px);
  line-height:.94;
  letter-spacing:-3px;
  max-width:1000px;
  margin:8px auto 35px;
}
.se-cta .pill{background:#050505}

.se-footer{
  width:min(var(--max),calc(100% - 36px));
  margin:auto;
  display:flex;
  justify-content:space-between;
  gap:20px;
}

@media(max-width:850px){
  .se-hero{min-height:720px;padding:140px 0 80px}
  .se-head,.se-case{grid-template-columns:1fr;gap:24px}
  .se-grid,.se-grid.compact{grid-template-columns:1fr}
  .se-process{grid-template-columns:1fr 1fr}
  .se-diagram{min-height:420px}
}

@media(max-width:600px){
  .se-hero h1{font-size:48px;letter-spacing:-2.5px}
  .se-hero p{font-size:18px}
  .se-section{padding:72px 0}
  .se-process{grid-template-columns:1fr}
  .se-head h2,.se-faq h2,.se-case h2{font-size:42px;letter-spacing:-2px}
  .se-card{min-height:220px;padding:24px}
  .se-diagram{min-height:500px}
  .n1{left:5%;top:14%}.n2{right:5%;top:14%}
  .n3{left:5%;top:68%}.n4{right:5%;top:68%}
  .n5{left:50%;top:5%;transform:translateX(-50%)}
  .n6{left:50%;bottom:5%;transform:translateX(-50%)}
  .se-footer{width:calc(100% - 24px);flex-direction:column}
}