/* =========================================================
   LINK10 SERVICOS 2026
   Identidade visual compartilhada
   ========================================================= */

.l10s{background:#fff;color:#34435a;overflow:hidden}
.l10s *{box-sizing:border-box}
.l10s .wrap{max-width:1180px;margin:auto;padding:0 25px}

/* HERO */
.l10s-hero{
 position:relative;overflow:hidden;padding:165px 0 92px;color:#fff;
 background:
 radial-gradient(circle at 82% 18%,rgba(52,119,230,.4),transparent 30%),
 radial-gradient(circle at 8% 90%,rgba(245,130,32,.17),transparent 27%),
 linear-gradient(135deg,#061936,#0b2a60 55%,#17458f)
}
.l10s-hero:before{
 content:"";position:absolute;inset:0;opacity:.09;
 background-image:
 linear-gradient(rgba(255,255,255,.5) 1px,transparent 1px),
 linear-gradient(90deg,rgba(255,255,255,.5) 1px,transparent 1px);
 background-size:55px 55px
}
.l10s-hero-content{position:relative;z-index:2;max-width:830px}
.l10s-tag{
 display:inline-flex;align-items:center;gap:8px;
 padding:8px 14px;margin-bottom:20px;
 border:1px solid rgba(255,255,255,.2);border-radius:30px;
 background:rgba(255,255,255,.07);
 font-size:11px;font-weight:900;letter-spacing:1.4px
}
.l10s-tag i{color:#f58220}
.l10s-hero h1{
 margin:0 0 22px;color:#fff;font-size:52px;
 line-height:1.05;font-weight:900;letter-spacing:-1.5px
}
.l10s-hero h1 span{color:#ff963e}
.l10s-hero p{
 max-width:730px;margin:0;color:rgba(255,255,255,.82);
 font-size:18px;line-height:1.7
}

/* BUTTONS */
.l10s-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:31px}
.l10s-btn{
 display:inline-flex;align-items:center;justify-content:center;gap:8px;
 min-height:48px;padding:13px 22px;border-radius:8px;
 font-size:12px;font-weight:900;text-decoration:none!important;
 transition:.2s
}
.l10s-btn-primary{background:#f58220;color:#fff!important}
.l10s-btn-primary:hover{background:#df7112;transform:translateY(-2px)}
.l10s-btn-outline{
 color:#fff!important;border:1px solid rgba(255,255,255,.3);
 background:rgba(255,255,255,.06)
}

/* QUICK CARDS */
.l10s-quick{position:relative;z-index:5;margin-top:-32px}
.l10s-quick-grid{
 display:grid;grid-template-columns:repeat(4,1fr);
 overflow:hidden;border-radius:16px;background:#fff;
 box-shadow:0 18px 50px rgba(8,35,76,.15)
}
.l10s-quick-item{
 min-height:128px;padding:27px 23px;
 border-right:1px solid #e8edf4
}
.l10s-quick-item:last-child{border-right:0}
.l10s-quick-item i{
 display:block;color:#f58220;font-size:22px;margin-bottom:10px
}
.l10s-quick-item strong{
 display:block;color:#173f8a;font-size:16px
}
.l10s-quick-item span{
 display:block;color:#718095;font-size:12px;
 line-height:1.5;margin-top:5px
}

/* INTRO */
.l10s-intro{padding:105px 0 80px}
.l10s-intro-grid{
 display:grid;grid-template-columns:.9fr 1.1fr;
 gap:70px;align-items:center
}
.l10s-kicker{
 display:block;color:#f58220;font-size:11px;
 font-weight:900;letter-spacing:1.5px;margin-bottom:11px
}
.l10s-title{
 margin:0;color:#173f8a;font-size:38px;
 line-height:1.15;font-weight:900
}
.l10s-copy p{
 margin:0 0 16px;color:#68768b;
 font-size:15px;line-height:1.8
}
.l10s-note{
 margin-top:23px;padding:20px 22px;
 border-left:4px solid #f58220;
 border-radius:0 9px 9px 0;background:#f5f8fc;
 color:#34435a;line-height:1.7
}

/* CARDS */
.l10s-features{padding:80px 0 90px;background:#f4f7fb}
.l10s-head{max-width:720px;margin-bottom:38px}
.l10s-head h2{
 margin:0;color:#173f8a;font-size:36px;
 line-height:1.15;font-weight:900
}
.l10s-head p{color:#68768b;line-height:1.7;margin:13px 0 0}

.l10s-grid{
 display:grid;grid-template-columns:repeat(2,1fr);gap:20px
}
.l10s-card{
 position:relative;min-height:225px;padding:32px;
 background:#fff;border:1px solid #e3eaf3;border-radius:15px;
 box-shadow:0 10px 30px rgba(20,45,80,.06);
 transition:.2s
}
.l10s-card:hover{
 transform:translateY(-5px);
 box-shadow:0 18px 40px rgba(20,45,80,.12)
}
.l10s-icon{
 width:54px;height:54px;display:flex;
 align-items:center;justify-content:center;
 border-radius:13px;background:#edf3ff;
 color:#173f8a;font-size:22px;margin-bottom:20px
}
.l10s-card h3{
 margin:0 0 10px;color:#173f8a;
 font-size:20px;font-weight:900
}
.l10s-card p{
 margin:0;color:#68768b;font-size:14px;line-height:1.75
}
.l10s-card:after{
 content:"";position:absolute;left:32px;bottom:0;
 width:44px;height:3px;background:#f58220
}

/* BLUE BLOCK */
.l10s-blue{padding:90px 0}
.l10s-blue-box{
 padding:52px;border-radius:20px;color:#fff;
 background:
 radial-gradient(circle at 90% 10%,rgba(62,130,235,.32),transparent 30%),
 linear-gradient(135deg,#071b40,#123d81)
}
.l10s-blue-box h2{
 margin:0 0 16px;color:#fff;
 font-size:35px;line-height:1.15;font-weight:900
}
.l10s-blue-box p{
 max-width:780px;margin:0;color:rgba(255,255,255,.8);
 font-size:15px;line-height:1.8
}
.l10s-badges{
 display:flex;flex-wrap:wrap;gap:9px;margin-top:24px
}
.l10s-badges span{
 padding:8px 13px;border:1px solid rgba(255,255,255,.14);
 border-radius:30px;background:rgba(255,255,255,.08);
 font-size:11px;font-weight:800
}

/* CTA */
.l10s-cta{padding:0 0 90px}
.l10s-cta-box{
 display:flex;align-items:center;justify-content:space-between;
 gap:30px;padding:42px 48px;
 border:1px solid #e4eaf2;border-radius:18px;
 box-shadow:0 12px 35px rgba(20,45,80,.08)
}
.l10s-cta-box h2{
 margin:0 0 7px;color:#173f8a;
 font-size:27px;font-weight:900
}
.l10s-cta-box p{margin:0;color:#68768b}

/* MOBILE */
@media(max-width:991px){
 .l10s-hero{padding-top:135px}
 .l10s-hero h1{font-size:43px}
 .l10s-quick-grid{grid-template-columns:repeat(2,1fr)}
 .l10s-intro-grid{grid-template-columns:1fr;gap:25px}
}
@media(max-width:767px){
 .l10s .wrap{padding:0 20px}
 .l10s-hero{padding:115px 0 72px}
 .l10s-hero h1{font-size:35px}
 .l10s-hero p{font-size:16px}
 .l10s-quick{margin-top:-20px}
 .l10s-quick-grid,.l10s-grid{grid-template-columns:1fr}
 .l10s-quick-item{
  min-height:auto;border-right:0;
  border-bottom:1px solid #e8edf4
 }
 .l10s-intro{padding:70px 0 55px}
 .l10s-title,.l10s-head h2{font-size:29px}
 .l10s-blue-box{padding:35px 26px}
 .l10s-blue-box h2{font-size:28px}
 .l10s-cta-box{
  padding:32px 25px;flex-direction:column;align-items:flex-start
 }
}