:root{
  --bg:#f6f8fc;
  --panel:#ffffff;
  --panel2:#f9fafb;
  --text:#1f2937;
  --muted:#6b7280;
  --stroke:#e5e7eb;
  --shadow:0 10px 30px rgba(0,0,0,.08);
  --radius:16px;
  --brand:#2563eb;     /* mavi */
  --brand2:#16a34a;    /* yesil */
  --accent:#f59e0b;    /* amber */
}
*{box-sizing:border-box}
html,body{margin:0;padding:0;font-family: ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial;}
body{background:var(--bg);color:var(--text);overflow-x:hidden}
a{color:inherit;text-decoration:none}

.container{width:min(1180px,92vw);margin:0 auto}

/* Topbar */
.topbar{position:sticky;top:0;z-index:50;background:#fff;border-bottom:1px solid var(--stroke)}
.nav{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 0}
.brand{display:flex;align-items:center;gap:10px;font-weight:900;letter-spacing:.1px}
.logo{width:38px;height:38px;border-radius:12px;background:linear-gradient(135deg,var(--brand),var(--brand2));box-shadow:var(--shadow);flex:0 0 auto}
.navlinks{display:flex;align-items:center;gap:12px;font-weight:800;color:var(--muted);font-size:14px}
.navlinks a{padding:8px 10px;border-radius:10px}
.navlinks a:hover{color:var(--brand);background:#f3f4f6}
.ctaRow{display:flex;align-items:center;gap:10px}

/* Buttons */
.btn{display:inline-flex;align-items:center;justify-content:center;padding:10px 16px;border-radius:12px;font-weight:900;border:1px solid transparent;cursor:pointer;transition:transform .12s ease, filter .12s ease}
.btn:hover{transform:translateY(-1px)}
.btn.primary{background:var(--brand);color:#fff}
.btn.primary:hover{filter:brightness(.95)}
.btn.green{background:var(--brand2);color:#fff}
.btn.green:hover{filter:brightness(.95)}
.btn.outline{background:#fff;border-color:var(--stroke);color:var(--text)}
.btn.outline:hover{border-color:var(--brand);color:var(--brand)}
.btn.soft{background:#eef2ff;color:var(--brand);border-color:#dbeafe}
.btn.soft:hover{filter:brightness(.98)}

/* Cards & sections */
.card{background:var(--panel);border:1px solid var(--stroke);border-radius:var(--radius);box-shadow:var(--shadow)}
section{padding:28px 0}
.sectionHead{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:14px}
.sectionHead h2{margin:0;font-size:26px;letter-spacing:-.2px}
.sectionHead p{margin:0;color:var(--muted);max-width:70ch;font-weight:650}

/* Hero */
.hero{padding:44px 0 18px}
.heroGrid{display:grid;grid-template-columns:1.12fr .88fr;gap:22px;align-items:stretch}
.heroLeft{padding:30px}
.heroRight{padding:22px;display:flex;flex-direction:column;gap:12px}
.kicker{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:14px}
.pill{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border-radius:999px;border:1px solid var(--stroke);background:#fff;color:var(--muted);font-weight:900;font-size:13px}
.pill b{color:var(--text)}
h1{margin:0 0 12px;font-size:40px;line-height:1.08;letter-spacing:-.6px}
.lead{margin:0 0 18px;color:var(--muted);font-size:16px;line-height:1.6;font-weight:650}
.heroActions{display:flex;gap:10px;flex-wrap:wrap;margin:18px 0 8px}
.trustRow{display:flex;gap:12px;flex-wrap:wrap;margin-top:14px}
.trustItem{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:14px;border:1px solid var(--stroke);background:var(--panel2);color:var(--muted);font-weight:900;font-size:13px}
.dot{width:10px;height:10px;border-radius:50%;background:var(--brand2);box-shadow:0 0 0 6px rgba(22,163,74,.10)}

.mini{padding:16px;background:var(--panel2);border:1px solid var(--stroke);border-radius:14px}
.mini h3{margin:0 0 8px;font-size:15px}
.mini p{margin:0;color:var(--muted);font-size:13px;line-height:1.5;font-weight:650}

/* Forms */
.form{display:grid;gap:10px;margin-top:10px}
.input,.select,textarea{width:100%;padding:12px;border-radius:12px;border:1px solid var(--stroke);background:#fff;color:var(--text);outline:none;font-weight:700}
textarea{min-height:86px;resize:vertical}
.grid2{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.notice{display:flex;gap:10px;align-items:flex-start;padding:12px;border-radius:14px;border:1px solid #dbeafe;background:#eff6ff;color:var(--muted);font-size:13px;line-height:1.5;font-weight:650}

/* Services */
.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.service{padding:16px;border-radius:14px;border:1px solid var(--stroke);background:#fff;min-height:150px}
.icon{width:42px;height:42px;border-radius:14px;background:#eef2ff;border:1px solid #dbeafe;display:flex;align-items:center;justify-content:center;font-weight:1000;color:var(--brand);margin-bottom:10px}
.service h3{margin:0 0 6px;font-size:16px}
.service p{margin:0;color:var(--muted);font-size:13px;line-height:1.5;font-weight:650}

/* Split panels */
.split{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.panel{padding:18px}
.list{display:grid;gap:10px;margin:10px 0 0;padding:0;list-style:none}
.li{display:flex;gap:10px;align-items:flex-start;padding:12px;border-radius:14px;border:1px solid var(--stroke);background:#fff;color:var(--muted);font-weight:750;font-size:13px;line-height:1.5}
.check{width:20px;height:20px;border-radius:6px;background:rgba(22,163,74,.10);border:1px solid rgba(22,163,74,.25);display:flex;align-items:center;justify-content:center;color:var(--brand2);font-weight:1000;flex:0 0 auto;margin-top:1px}
.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:12px}
.stat{padding:14px;border-radius:14px;border:1px solid var(--stroke);background:var(--panel2)}
.stat b{display:block;font-size:20px;color:var(--text)}
.stat span{color:var(--muted);font-weight:800;font-size:12px}

/* CTA */
.cta{padding:20px;border-radius:var(--radius);border:1px solid #dbeafe;background:linear-gradient(135deg,#dbeafe,#ecfeff);display:flex;align-items:center;justify-content:space-between;gap:12px}
.cta h3{margin:0 0 6px;font-size:18px}
.cta p{margin:0;color:var(--muted);font-weight:700}

/* FAQ */
.faq{display:grid;gap:12px}
details{border:1px solid var(--stroke);background:#fff;border-radius:14px;padding:14px}
summary{cursor:pointer;font-weight:1000}
details p{margin:10px 0 0;color:var(--muted);line-height:1.55;font-weight:700}

/* Footer */
footer{padding:26px 0 36px;border-top:1px solid var(--stroke);color:var(--muted);background:#fff}
.footerGrid{display:grid;grid-template-columns:1.25fr 1fr 1fr;gap:14px}
.tiny{font-size:12px;line-height:1.65;font-weight:650}
.links{display:grid;gap:8px;font-weight:800}
.links a{color:var(--muted)}
.links a:hover{color:var(--brand)}

/* Floating call */
.floating{position:fixed;right:18px;bottom:18px;z-index:60;display:flex;flex-direction:column;gap:10px}
.fab{width:52px;height:52px;border-radius:16px;border:1px solid var(--stroke);background:#fff;display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow);font-weight:1000}
.fab.call{border-color:#dbeafe}
.fab:hover{transform:translateY(-1px)}

/* Responsive */
@media (max-width: 980px){
  .heroGrid{grid-template-columns:1fr}
  h1{font-size:36px}
  .cards{grid-template-columns:repeat(2,1fr)}
  .split{grid-template-columns:1fr}
  .footerGrid{grid-template-columns:1fr}
  .navlinks{display:none}
  .grid2{grid-template-columns:1fr}
}
@media (max-width: 520px){
  h1{font-size:32px}
  .cards{grid-template-columns:1fr}
  .stats{grid-template-columns:1fr}
  .cta{flex-direction:column;align-items:flex-start}
}


/* --- Layout fix after removing forms (phone-only) --- */
.heroGrid.single{
  grid-template-columns: 1fr !important;
  justify-items: center;
}
.heroGrid.single .heroLeft{
  max-width: 920px;
  width: 100%;
}
.heroGrid.single .heroActions{
  justify-content: center;
}
.heroGrid.single .trustRow{
  justify-content: center;
}
.heroGrid.single h1,
.heroGrid.single .lead{
  text-align: center;
}
/* Make section headers centered when used alone */
.sectionHead.center{
  justify-content: center;
  text-align: center;
}
.sectionHead.center p{
  margin-top: 6px;
}



/* --- Mobile fixed call bar --- */
.mobile-callbar{
  display:none;
}
@media (max-width: 768px){
  .mobile-callbar{
    display:flex;
    position:fixed;
    left:0; right:0; bottom:0;
    z-index:1000;
    background:#ffffff;
    border-top:1px solid var(--stroke);
    box-shadow:0 -10px 30px rgba(0,0,0,.12);
    padding:10px 14px;
    align-items:center;
    justify-content:center;
  }
  .mobile-callbar a{
    width:100%;
    text-align:center;
    padding:14px 18px;
    border-radius:14px;
    font-weight:1000;
    background:var(--brand2);
    color:#fff;
  }
  body{
    padding-bottom:74px; /* space for bar */
  }
}


/* --- Homepage v2 (corporate) --- */
.hero2{
  padding: 52px 0 18px;
}
.hero2 .frame{
  border: 1px solid var(--stroke);
  background: linear-gradient(135deg, #ffffff 0%, #f8fafc 45%, #eef2ff 100%);
  border-radius: calc(var(--radius) + 6px);
  box-shadow: var(--shadow);
  overflow: hidden;
}
.hero2 .inner{
  padding: 34px 28px;
  display: grid;
  grid-template-columns: 1.15fr .85fr;
  gap: 18px;
  align-items: center;
}
.hero2 h1{
  margin: 0 0 10px;
  font-size: 42px;
  line-height: 1.05;
  letter-spacing: -.6px;
}
.hero2 .sub{
  margin: 0 0 18px;
  color: var(--muted);
  font-size: 16px;
  line-height: 1.65;
  font-weight: 650;
  max-width: 70ch;
}
.hero2 .meta{
  display:flex;
  gap:10px;
  flex-wrap: wrap;
  margin-bottom: 14px;
}
.chip{
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding: 8px 12px;
  border-radius: 999px;
  background: rgba(37,99,235,.08);
  border: 1px solid rgba(37,99,235,.18);
  color: var(--text);
  font-weight: 950;
  font-size: 13px;
}
.chip.green{
  background: rgba(22,163,74,.08);
  border-color: rgba(22,163,74,.18);
}
.chip.amber{
  background: rgba(245,158,11,.10);
  border-color: rgba(245,158,11,.20);
}
.hero2 .actions{
  display:flex;
  gap:10px;
  flex-wrap: wrap;
  margin-top: 12px;
}
.hero2 .side{
  border-left: 1px solid var(--stroke);
  padding-left: 18px;
}
.kpis{
  display:grid;
  grid-template-columns: 1fr;
  gap: 10px;
}
.kpi{
  padding: 14px;
  border-radius: 14px;
  border: 1px solid var(--stroke);
  background: rgba(255,255,255,.85);
}
.kpi b{
  display:block;
  font-size: 14px;
  color: var(--text);
}
.kpi span{
  display:block;
  margin-top: 4px;
  color: var(--muted);
  font-weight: 750;
  font-size: 12px;
  line-height: 1.45;
}
.hero2 .note{
  margin-top: 10px;
  padding: 12px 12px;
  border-radius: 14px;
  border: 1px solid #dbeafe;
  background: #eff6ff;
  color: var(--muted);
  font-weight: 700;
  font-size: 13px;
  line-height: 1.5;
}
.grid3{
  display:grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 14px;
}
.cardpad{padding:18px}
.cardpad h3{margin:0 0 8px;font-size:16px}
.cardpad p{margin:0;color:var(--muted);font-weight:650;line-height:1.6;font-size:13px}
.steps{
  display:grid;
  gap: 10px;
  margin-top: 12px;
}
.step{
  display:flex;
  gap:12px;
  align-items:flex-start;
  padding: 14px;
  border-radius: 14px;
  border: 1px solid var(--stroke);
  background: #fff;
}
.step .n{
  width: 28px;
  height: 28px;
  border-radius: 10px;
  display:flex;
  align-items:center;
  justify-content:center;
  background: rgba(37,99,235,.10);
  border: 1px solid rgba(37,99,235,.18);
  color: var(--brand);
  font-weight: 1000;
  flex: 0 0 auto;
}
.step b{display:block;font-size:14px}
.step span{display:block;margin-top:4px;color:var(--muted);font-weight:650;font-size:12px;line-height:1.5}

@media (max-width: 980px){
  .hero2 .inner{grid-template-columns: 1fr}
  .hero2 .side{border-left:none;padding-left:0;border-top:1px solid var(--stroke);padding-top:14px}
  .hero2 h1{font-size: 34px}
  .grid3{grid-template-columns: 1fr}
}


/* --- Premium Corporate Homepage (v3) --- */
.hero3{padding:58px 0 18px}
.hero3 .shell{
  border:1px solid var(--stroke);
  border-radius: calc(var(--radius) + 8px);
  background: radial-gradient(1200px 500px at 15% 10%, rgba(37,99,235,.10), transparent 55%),
              radial-gradient(900px 500px at 85% 20%, rgba(22,163,74,.10), transparent 55%),
              linear-gradient(135deg,#ffffff 0%, #f8fafc 55%, #ffffff 100%);
  box-shadow: var(--shadow);
  overflow:hidden;
}
.hero3 .top{
  display:grid;
  grid-template-columns: 1.1fr .9fr;
  gap: 18px;
  padding: 34px 28px 22px;
  align-items: start;
}
.hero3 .headline{
  margin:0 0 10px;
  font-size:44px;
  line-height:1.05;
  letter-spacing:-.7px;
}
.hero3 .sub{
  margin:0;
  color:var(--muted);
  font-size:16px;
  line-height:1.75;
  font-weight:650;
  max-width: 72ch;
}
.hero3 .trust{
  display:flex;
  gap:10px;
  flex-wrap:wrap;
  margin-top:16px;
}
.badge2{
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:8px 12px;
  border-radius:999px;
  border:1px solid var(--stroke);
  background: rgba(255,255,255,.85);
  font-weight:950;
  font-size:13px;
  color: var(--text);
}
.badge2 .dot{
  width:10px;height:10px;border-radius:50%;
  background: var(--brand2);
  box-shadow: 0 0 0 6px rgba(22,163,74,.10);
}
.hero3 .panel{
  border-left:1px solid var(--stroke);
  padding-left:18px;
}
.callcard{
  border:1px solid var(--stroke);
  background: rgba(255,255,255,.90);
  border-radius:16px;
  padding:16px;
}
.callcard h3{margin:0 0 8px;font-size:16px}
.callcard p{margin:0;color:var(--muted);font-weight:650;line-height:1.55;font-size:13px}
.callcard .row{
  margin-top:12px;
  display:flex;
  gap:10px;
  flex-wrap:wrap;
}
.hero3 .bottom{
  border-top:1px solid var(--stroke);
  padding: 18px 28px 26px;
  display:grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 12px;
  background: rgba(255,255,255,.55);
}
.value{
  border:1px solid var(--stroke);
  border-radius:16px;
  padding:14px;
  background:#fff;
}
.value b{display:block;font-size:14px}
.value span{display:block;margin-top:4px;color:var(--muted);font-weight:650;font-size:12px;line-height:1.5}

.featureGrid{
  display:grid;
  grid-template-columns: 1fr 1fr;
  gap: 14px;
}
.feature{
  border:1px solid var(--stroke);
  border-radius: 16px;
  background:#fff;
  padding:18px;
}
.feature h3{margin:0 0 8px;font-size:16px}
.feature p{margin:0;color:var(--muted);font-weight:650;line-height:1.7;font-size:13px}
.miniCTA{
  margin-top: 12px;
  display:flex;
  gap:10px;
  flex-wrap:wrap;
}
.sectionSpacer{padding:34px 0}
.noteBox{
  border:1px solid #dbeafe;
  background:#eff6ff;
  color:var(--muted);
  border-radius:16px;
  padding:14px 16px;
  font-weight:700;
  line-height:1.6;
  font-size:13px;
}
@media (max-width: 980px){
  .hero3 .top{grid-template-columns:1fr}
  .hero3 .panel{border-left:none;padding-left:0;border-top:1px solid var(--stroke);padding-top:16px}
  .hero3 .headline{font-size:34px}
  .hero3 .bottom{grid-template-columns:1fr 1fr}
  .featureGrid{grid-template-columns:1fr}
}
@media (max-width: 520px){
  .hero3 .bottom{grid-template-columns:1fr}
}


/* --- Homepage layout similar to altyapitesisat.web.tr (content-first) --- */
.wpwrap{padding:26px 0 8px}
.wpHero{
  padding:34px 0 18px;
}
.wpHero .box{
  background:#fff;
  border:1px solid var(--stroke);
  border-radius: calc(var(--radius) + 4px);
  box-shadow: var(--shadow);
  padding:28px;
  text-align:center;
}
.wpHero h1{
  margin:0 0 10px;
  font-size:42px;
  letter-spacing:-.6px;
}
.wpHero .tagline{
  margin:0 auto 16px;
  max-width: 74ch;
  color: var(--muted);
  line-height: 1.75;
  font-weight: 650;
}
.wpHero .callRow{
  display:flex;
  justify-content:center;
  gap:10px;
  flex-wrap:wrap;
  margin-top: 14px;
}
.wpSection{
  margin-top: 18px;
}
.wpSection .card{
  padding:22px;
}
.wpSection h2{
  margin:0 0 10px;
  font-size:22px;
  letter-spacing:-.2px;
}
.wpImg{
  margin-top: 12px;
  border-radius: 18px;
  border: 1px solid var(--stroke);
  background: linear-gradient(135deg, rgba(37,99,235,.10), rgba(22,163,74,.08));
  height: 220px;
  display:flex;
  align-items:center;
  justify-content:center;
  color: var(--muted);
  font-weight: 900;
}
.wpArticle h2{
  margin-top: 22px;
}
.wpArticle p{
  color: var(--muted);
  font-weight: 650;
  line-height: 1.85;
  margin: 10px 0;
}
.wpArticle ul{
  margin: 10px 0 0;
  color: var(--muted);
  font-weight: 650;
  line-height: 1.8;
}
.areaList{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin-top: 10px;
}
.areaList a{
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:8px 12px;
  border-radius: 999px;
  border:1px solid var(--stroke);
  background:#fff;
  font-weight: 900;
  color: var(--text);
}
.areaList a:hover{
  border-color: rgba(37,99,235,.35);
  color: var(--brand);
}
.wpFinal{
  text-align:center;
}
.wpFinal .card{
  padding:22px;
}
@media(max-width: 520px){
  .wpHero h1{font-size:34px}
  .wpImg{height: 180px}
}


/* --- Homepage center alignment tweaks --- */
.wpSection .card, .wpArticle .card, .wpFinal .card{
  text-align: center;
}
.wpArticle p, .wpArticle ul{
  text-align: center;
}
.wpArticle ul{
  list-style-position: inside;
  padding-left: 0;
}
.wpArticle li{
  margin: 6px 0;
}
.wpSection .tagline{
  text-align: center !important;
}


/* --- Mobile sticky call bar (full width edge-to-edge) --- */
.mobile-callbar{
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  z-index: 9999;
  background: #ffffff;
  border-top: 1px solid var(--stroke);
  padding: 10px 12px calc(10px + env(safe-area-inset-bottom));
}
.mobile-callbar .wrap{
  width: 100%;
  max-width: none;
  margin: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
.mobile-callbar .label{
  display: none; /* sadece buton kalsın */
}
.mobile-callbar .callbtn{
  width: 100%;
  max-width: none;
  justify-content: center;
  padding: 14px 16px;
  border-radius: 12px;
  font-size: 16px;
}
@media (max-width: 900px){
  body{padding-bottom: 84px}
}
/* --- Force full-width mobile call button --- */
.mobile-callbar .callbtn{
  width: 100% !important;
  max-width: 100% !important;
  margin: 0;
}
.mobile-callbar .wrap{
  padding: 0;
}


/* --- Homepage vFinal (corporate, clean) --- */
.homeHero{
  padding: 54px 0 18px;
}
.homeHero .wrap{
  border: 1px solid var(--stroke);
  border-radius: calc(var(--radius) + 10px);
  background:
    radial-gradient(900px 380px at 18% 10%, rgba(37,99,235,.12), transparent 55%),
    radial-gradient(900px 380px at 82% 12%, rgba(22,163,74,.10), transparent 55%),
    linear-gradient(135deg, #ffffff 0%, #f8fafc 55%, #ffffff 100%);
  box-shadow: var(--shadow);
  overflow: hidden;
}
.homeHero .grid{
  display: grid;
  grid-template-columns: 1.15fr .85fr;
  gap: 18px;
  padding: 34px 28px;
  align-items: start;
}
.homeHero h1{
  margin: 0 0 10px;
  font-size: 44px;
  line-height: 1.06;
  letter-spacing: -.7px;
}
.homeHero .lead{
  margin: 0;
  max-width: 74ch;
  color: var(--muted);
  font-weight: 650;
  line-height: 1.8;
  font-size: 16px;
}
.homeHero .chips{
  display:flex;
  gap:10px;
  flex-wrap: wrap;
  margin: 16px 0 0;
}
.chip3{
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding: 8px 12px;
  border-radius: 999px;
  border: 1px solid var(--stroke);
  background: rgba(255,255,255,.85);
  font-weight: 950;
  font-size: 13px;
  color: var(--text);
}
.chip3 i{
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: var(--brand2);
  box-shadow: 0 0 0 6px rgba(22,163,74,.10);
  display:inline-block;
}
.homeHero .actions{
  margin-top: 16px;
  display:flex;
  gap: 10px;
  flex-wrap: wrap;
}
.homeHero .side{
  border-left: 1px solid var(--stroke);
  padding-left: 18px;
}
.sideCard{
  border: 1px solid var(--stroke);
  border-radius: 18px;
  background: rgba(255,255,255,.92);
  padding: 16px;
}
.sideCard h3{margin:0 0 10px;font-size:16px}
.sideCard p{margin:0;color:var(--muted);font-weight:650;line-height:1.65;font-size:13px}
.sideCard .row{
  margin-top: 12px;
  display:flex;
  gap: 10px;
  flex-wrap: wrap;
}
.kpiRow{
  margin-top: 12px;
  display:grid;
  gap: 10px;
}
.kpi2{
  border: 1px solid var(--stroke);
  border-radius: 16px;
  background: #fff;
  padding: 14px;
}
.kpi2 b{display:block;font-size:14px}
.kpi2 span{display:block;margin-top:4px;color:var(--muted);font-weight:650;font-size:12px;line-height:1.5}

.homeStripe{
  border-top: 1px solid var(--stroke);
  background: rgba(255,255,255,.55);
  padding: 16px 28px 22px;
  display:grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 12px;
}
.value2{
  border:1px solid var(--stroke);
  border-radius: 16px;
  background:#fff;
  padding: 14px;
}
.value2 b{display:block;font-size:14px}
.value2 span{display:block;margin-top:4px;color:var(--muted);font-weight:650;font-size:12px;line-height:1.5}

.homeSection{padding: 34px 0}
.homeSection .sectionHead{
  margin-bottom: 14px;
}
.homeGrid3{
  display:grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 14px;
}
.homeCard{
  border:1px solid var(--stroke);
  border-radius: 18px;
  background:#fff;
  padding: 18px;
  box-shadow: var(--shadow);
}
.homeCard h3{margin:0 0 8px;font-size:16px}
.homeCard p{margin:0;color:var(--muted);font-weight:650;line-height:1.75;font-size:13px}
.iconBox{
  width: 44px;
  height: 44px;
  border-radius: 16px;
  display:flex;
  align-items:center;
  justify-content:center;
  background: rgba(37,99,235,.10);
  border: 1px solid rgba(37,99,235,.18);
  color: var(--brand);
  font-weight: 1000;
  margin-bottom: 10px;
}

.homeSplit{
  display:grid;
  grid-template-columns: 1fr 1fr;
  gap: 14px;
}
.steps2{
  display:grid;
  gap: 10px;
  margin-top: 10px;
}
.step2{
  display:flex;
  gap: 12px;
  align-items:flex-start;
  padding: 14px;
  border-radius: 16px;
  border: 1px solid var(--stroke);
  background: #fff;
}
.step2 .n{
  width: 28px;height:28px;border-radius: 10px;
  display:flex;align-items:center;justify-content:center;
  background: rgba(37,99,235,.10);
  border: 1px solid rgba(37,99,235,.18);
  color: var(--brand);
  font-weight: 1000;
  flex: 0 0 auto;
}
.step2 b{display:block;font-size:14px}
.step2 span{display:block;margin-top:4px;color:var(--muted);font-weight:650;font-size:12px;line-height:1.6}

.faq2{display:grid;gap:12px}
.faq2 details{border:1px solid var(--stroke);background:#fff;border-radius:16px;padding:14px}
.faq2 summary{cursor:pointer;font-weight:1000}
.faq2 p{margin:10px 0 0;color:var(--muted);line-height:1.7;font-weight:650}

.homeCTA{
  border:1px solid #dbeafe;
  background: linear-gradient(135deg, #dbeafe, #ecfeff);
  border-radius: calc(var(--radius) + 6px);
  padding: 18px;
  display:flex;
  align-items:center;
  justify-content: space-between;
  gap: 12px;
}
.homeCTA h3{margin:0 0 6px;font-size:18px}
.homeCTA p{margin:0;color:var(--muted);font-weight:700}

@media (max-width: 980px){
  .homeHero .grid{grid-template-columns: 1fr}
  .homeHero .side{border-left:none;padding-left:0;border-top:1px solid var(--stroke);padding-top: 16px}
  .homeHero h1{font-size:34px}
  .homeStripe{grid-template-columns: 1fr 1fr}
  .homeGrid3{grid-template-columns: 1fr}
  .homeSplit{grid-template-columns: 1fr}
  .homeCTA{flex-direction: column;align-items:flex-start}
}
@media (max-width: 520px){
  .homeStripe{grid-template-columns: 1fr}
}