.lb-about{background:#fff;color:#1f2933;overflow:hidden}
.ab-wrap{width:min(92%,1320px);margin:auto;position:relative;z-index:1}
.ab-section{padding:86px 0;position:relative}
.ab-soft{background:#f5f7fa}
.ab-section::before,.ab-soft::before{
  content:"";position:absolute;inset:0;pointer-events:none;
  background-image:linear-gradient(rgba(12,83,165,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(12,83,165,.045) 1px,transparent 1px);
  background-size:42px 42px;opacity:.65;
  mask-image:linear-gradient(180deg,transparent,#000 18%,#000 82%,transparent)
}
.ab-kicker{display:inline-block;color:#0c53a5;font-weight:900;margin-bottom:14px}
.ab-head{text-align:center;max-width:780px;margin:0 auto 44px}
.ab-head h2,.ab-section h2{font-size:clamp(28px,3vw,42px);margin:0 0 14px;color:#022041}
.ab-head p,.ab-section p{line-height:2;color:#52606d}
.ab-hero{
  padding:96px 0;position:relative;isolation:isolate;color:#fff;
  background:radial-gradient(circle at 18% 22%,rgba(0,194,168,.18),transparent 30%),linear-gradient(135deg,#02172f,#022041 44%,#0c53a5)
}
.ab-hero::before{
  content:"";position:absolute;inset:0;z-index:-1;
  background:linear-gradient(120deg,transparent 0 48%,rgba(255,255,255,.07) 48% 49%,transparent 49% 100%),radial-gradient(circle,rgba(255,255,255,.16) 1px,transparent 1.5px);
  background-size:100% 100%,26px 26px;opacity:.55
}
.ab-hero-grid,.ab-two{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center}
.ab-hero h1{font-size:clamp(38px,4vw,60px);line-height:1.35;margin:0 0 20px;color:#fff}
.ab-hero p{font-size:20px;line-height:2;color:#eef6ff}
.ab-hero figure{margin:0;border-radius:30px;overflow:hidden;border:1px solid rgba(255,255,255,.18);box-shadow:0 30px 80px rgba(0,0,0,.28);transform:perspective(900px) rotateY(-3deg)}
.ab-hero img,.ab-two img{width:100%;display:block;object-fit:cover}
.ab-hero img{height:460px}.ab-two img{height:420px;border-radius:26px}
.ab-actions{display:flex;flex-wrap:wrap;gap:14px;margin-top:28px}
.ab-btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 22px;border-radius:14px;text-decoration:none;font-weight:900;position:relative;overflow:hidden;transition:.25s ease}
.ab-btn-primary{background:#0c53a5;color:#fff}.ab-btn-outline{border:1px solid currentColor;color:#fff}.ab-btn-light{background:#fff;color:#022041}
.ab-btn:hover{transform:translateY(-3px);box-shadow:0 18px 42px rgba(2,32,65,.18)}
.ab-cards,.ab-benefits{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.ab-card,.ab-benefits div,.ab-process div{
  position:relative;overflow:hidden;background:linear-gradient(180deg,#fff,#fbfdff);
  border:1px solid rgba(12,83,165,.12);border-radius:24px;padding:26px;transition:.25s ease;
  box-shadow:0 16px 38px rgba(2,32,65,.06)
}
.ab-card::before,.ab-benefits div::before,.ab-process div::before{
  content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(12,83,165,.10),transparent 38%);opacity:0;transition:.28s ease
}
.ab-card:hover,.ab-benefits div:hover,.ab-process div:hover{transform:translateY(-6px);border-color:rgba(12,83,165,.35);box-shadow:0 24px 60px rgba(2,32,65,.14)}
.ab-card:hover::before,.ab-benefits div:hover::before,.ab-process div:hover::before{opacity:1}
.ab-card i{width:46px;height:46px;border-radius:16px;background:#0c53a5;color:#fff;display:flex;align-items:center;justify-content:center;box-shadow:0 10px 26px rgba(12,83,165,.25)}
.ab-card h3,.ab-benefits h3,.ab-process h3{color:#022041;position:relative;z-index:1}
.ab-card p,.ab-benefits p,.ab-process p{position:relative;z-index:1}
.ab-dark{background:#022041;color:#fff}
.ab-dark::before{background-image:radial-gradient(circle,rgba(255,255,255,.12) 1px,transparent 1.5px);background-size:26px 26px;opacity:.35}
.ab-dark h2{color:#fff}.ab-dark p{color:#d9e2ec}
.ab-tags{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}
.ab-tags span{padding:12px 18px;border-radius:999px;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.18);backdrop-filter:blur(8px);transition:.22s ease}
.ab-tags span:hover{transform:translateY(-3px);border-color:rgba(255,255,255,.45)}
.ab-benefits b{color:#0c53a5;font-size:28px}
.ab-process{display:grid;grid-template-columns:repeat(5,1fr);gap:16px}
.ab-process span{color:#0c53a5;font-size:26px;font-weight:900}
.ab-gallery-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.ab-gallery-grid img{width:100%;height:260px;object-fit:cover;border-radius:24px;box-shadow:0 16px 38px rgba(2,32,65,.10)}
.ab-final{padding:90px 0;background:linear-gradient(135deg,#0c53a5,#022041);color:#fff;text-align:center;position:relative;overflow:hidden}
.ab-final::before{content:"";position:absolute;inset:0;background:radial-gradient(circle,rgba(255,255,255,.18) 1px,transparent 1.5px);background-size:28px 28px;opacity:.45}
.ab-final h2{font-size:clamp(28px,3vw,44px);color:#fff}.ab-final p{max-width:780px;margin:0 auto;color:#eef6ff;line-height:2}
@media(max-width:1100px){.ab-cards,.ab-benefits{grid-template-columns:repeat(2,1fr)}.ab-process{grid-template-columns:repeat(2,1fr)}.ab-gallery-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:800px){.ab-hero-grid,.ab-two{grid-template-columns:1fr}.ab-cards,.ab-benefits,.ab-process,.ab-gallery-grid{grid-template-columns:1fr}.ab-hero img,.ab-two img{height:auto}.ab-hero{padding:64px 0}}