/* ===== SAP HOMEPAGE STYLES — ALL CLASSES PREFIXED sap__ ===== */
*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }

:root {
  --sap-navy: #0a2550;
  --sap-blue: #1553a0;
  --sap-accent: #e07b2a;
  --sap-gold: #f5b82e;
  --sap-light: #f4f7fc;
  --sap-white: #ffffff;
  --sap-text: #1e2d45;
  --sap-muted: #5a6a82;
  --sap-border: #dde4ef;
  --sap-success: #1a8a4a;
  --sap-gradient: linear-gradient(135deg, #0f3638, #1a5a5f);
  --sap-shadow-sm: 0 2px 12px rgba(10,37,80,0.08);
  --sap-shadow-md: 0 8px 32px rgba(10,37,80,0.14);
  --sap-shadow-lg: 0 20px 60px rgba(10,37,80,0.18);
  --sap-radius: 14px;
  --sap-font-head: 'Playfair Display', Georgia, serif;
  --sap-font-body: 'DM Sans', sans-serif;
}

body.sap__page-body { font-family: var(--sap-font-body); color: var(--sap-text); background: var(--sap-white); }

/* ===== TOPBAR ===== */
.sap__topbar {
  background: var(--sap-navy);
  color: rgba(255,255,255,0.85);
  font-size: 0.82rem;
  font-weight: 500;
  letter-spacing: 0.02em;
  padding: 8px 0;
}
.sap__topbar-inner {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 24px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  flex-wrap: wrap;
}
.sap__topbar a { color: var(--sap-gold); text-decoration: none; }
.sap__topbar-left, .sap__topbar-right { display: flex; align-items: center; gap: 20px; flex-wrap: wrap; }
.sap__topbar-item { display: flex; align-items: center; gap: 6px; }

/* ===== HEADER / NAV ===== */
.sap__header {
  background: var(--sap-white);
  border-bottom: 2px solid var(--sap-border);
  position: sticky;
  top: 0;
  z-index: 1000;
  box-shadow: var(--sap-shadow-sm);
}
.sap__header-inner {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 24px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 80px;
  gap: 24px;
}
.sap__logo img {
  height: 58px;
  width: auto;
  display: block;
}
.sap__nav { display: flex; align-items: center; gap: 8px; }
.sap__nav a {
  color: var(--sap-navy);
  font-weight: 600;
  font-size: 0.9rem;
  text-decoration: none;
  padding: 8px 14px;
  border-radius: 8px;
  transition: all 0.2s;
  letter-spacing: 0.01em;
}
.sap__nav a:hover { color: var(--sap-blue); background: var(--sap-light); }
.sap__nav-cta {
  background: var(--sap-accent) !important;
  color: #fff !important;
  font-weight: 700 !important;
  padding: 10px 22px !important;
  border-radius: 50px !important;
  box-shadow: 0 4px 16px rgba(232,160,32,0.35) !important;
  transition: all 0.2s !important;
}
.sap__nav-cta:hover { background: var(--sap-gold) !important; transform: translateY(-1px); box-shadow: 0 6px 24px rgba(232,160,32,0.45) !important; }
.sap__hamburger { display: none; flex-direction: column; gap: 5px; background: none; border: none; cursor: pointer; padding: 6px; }
.sap__hamburger span { display: block; width: 26px; height: 2.5px; background: var(--sap-navy); border-radius: 4px; transition: all 0.3s; }
.sap__mobile-nav { display: none; }

/* ===== HERO / BANNER ===== */




/* ===== SECTION WRAPPER ===== */
.sap__section { padding: 90px 0; }
.sap__section-alt { background: var(--sap-light); }
.sap__container { max-width: 1200px; margin: 0 auto; padding: 0 24px; }
.sap__section-label {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  background: rgba(21,83,160,0.1);
  color: var(--sap-blue);
  font-size: 0.78rem;
  font-weight: 800;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  padding: 5px 16px;
  border-radius: 50px;
  margin-bottom: 14px;
}
.sap__section-title {
  font-family: var(--sap-font-head);
  font-size: clamp(1.75rem, 3vw, 2.5rem);
  font-weight: 800;
  color: var(--sap-navy);
  line-height: 1.2;
  margin-bottom: 14px;
}
.sap__section-title em { color: #0d6e6e;); font-style: normal; }
.sap__section-desc { color: var(--sap-muted); font-size: 1.05rem; line-height: 1.75; max-width: 620px; }
.sap__section-head { margin-bottom: 54px; }
.sap__section-head-center { text-align: center; }
.sap__section-head-center .sap__section-desc { margin: 0 auto; }

/* ===== WHAT IS DOT SAP ===== */
.sap__what-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 60px; align-items: center; }
.sap__what-content {}
.sap__what-content p { color: var(--sap-muted); font-size: 1rem; line-height: 1.8; margin-bottom: 20px; }
.sap__what-content p strong { color: var(--sap-text); font-weight: 700; }
.sap__what-list { list-style: none; display: flex; flex-direction: column; gap: 12px; margin: 20px 0 28px; }
.sap__what-list li {
  display: flex;
  align-items: center;
  gap: 12px;
  color: var(--sap-text);
  font-size: 0.97rem;
  font-weight: 500;
  padding: 10px 16px;
  background: var(--sap-light);
  border-radius: 10px;
  border-left: 3px solid var(--sap-blue);
}
.sap__what-list li .sap__li-icon { font-size: 1rem; flex-shrink: 0; }
.sap__what-link {
  color: var(--sap-blue);
  text-decoration: none;
  font-weight: 600;
  font-size: 0.92rem;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  border-bottom: 2px solid transparent;
  transition: border-color 0.2s;
}
.sap__what-link:hover { border-bottom-color: var(--sap-blue); }
.sap__cannot {
  background: linear-gradient(135deg, #0d6e6e, #0d6e6e);
  color: var(--sap-white);
  padding: 24px;
  border-radius: var(--sap-radius);
  font-size: 1rem;
  line-height: 1.7;
  font-weight: 500;
  margin: 24px 0;
}
.sap__cannot strong { color: var(--sap-gold); }
.sap__what-visual {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 18px;
}
.sap__mini-card {
  background: var(--sap-white);
  border: 1.5px solid var(--sap-border);
  border-radius: var(--sap-radius);
  padding: 24px 20px;
  text-align: center;
  box-shadow: var(--sap-shadow-sm);
  transition: transform 0.2s, box-shadow 0.2s;
}
.sap__mini-card:hover { transform: translateY(-4px); box-shadow: var(--sap-shadow-md); }
.sap__mini-card-icon { font-size: 2rem; margin-bottom: 10px; }
.sap__mini-card h4 { font-size: 0.9rem; font-weight: 700; color: var(--sap-navy); margin-bottom: 4px; }
.sap__mini-card p { font-size: 0.78rem; color: var(--sap-muted); line-height: 1.5; }

/* ===== WHY CHOOSE ===== */
.sec{
  position:relative;overflow:hidden;
  padding-block:clamp(72px,10vw,120px);
  /* Warm pearl-to-cool white gradient — elegant and premium */
  background:linear-gradient(160deg,
    #fdfaf5 0%,
    #f7f5ee 20%,
    #f2f4f8 55%,
    #edf2f7 80%,
    #e8eef6 100%
  );
}

/* Subtle dot grid */
.sec::before{
  content:'';position:absolute;inset:0;pointer-events:none;
  background-image:radial-gradient(circle,rgba(20,100,80,.055) 1px,transparent 1px);
  background-size:32px 32px;
  mask-image:radial-gradient(ellipse 80% 80% at 50% 50%,black 40%,transparent 100%);
  -webkit-mask-image:radial-gradient(ellipse 80% 80% at 50% 50%,black 40%,transparent 100%);
}

/* Glow orbs */
.orb{position:absolute;border-radius:50%;pointer-events:none;}
.orb-1{width:600px;height:600px;top:-200px;left:-150px;
  background:radial-gradient(circle,rgba(20,155,120,.07) 0%,transparent 65%);}
.orb-2{width:500px;height:500px;bottom:-120px;right:-80px;
  background:radial-gradient(circle,rgba(217,140,30,.07) 0%,transparent 65%);}
.orb-3{width:380px;height:380px;top:30%;left:50%;transform:translateX(-50%);
  background:radial-gradient(circle,rgba(100,120,200,.04) 0%,transparent 65%);}

/* ════ CONTAINER ════ */
.wrap{
  position:relative;z-index:1;
  max-width:1180px;margin-inline:auto;
  padding-inline:clamp(20px,2vw,72px);
}

/* ════ SECTION HEAD ════ */
.sec-head{text-align:center;margin-bottom:clamp(48px,6vw,80px);}

.pill{
  display:inline-flex;align-items:center;gap:8px;
  font-size:10.5px;font-weight:700;letter-spacing:.10em;text-transform:uppercase;
  color:#14967a;
  background:rgba(20,150,122,.09);
  border:1px solid rgba(20,150,122,.18);
  border-radius:99px;padding:6px 16px;
  margin-bottom:20px;
}
.pill-star{font-size:12px;}

.sec-title{
  font-family:'Cormorant Garamond',Georgia,serif;
  font-size:clamp(2.2rem,4vw,3.4rem);
  font-weight:700;
  color:#0f1c2e;
  line-height:1.15;
  margin-bottom:16px;
}
.sec-title em{
  font-style:italic;
      background: linear-gradient(90deg, #0d6e6e, #0d6e6e);
  -webkit-background-clip:text;-webkit-text-fill-color:transparent;
  background-clip:text;
}

.sec-sub{
  font-size:clamp(.9rem,4.0vw,1.05rem);
  color:#6b7a90;
  line-height:1.75;
  max-width:54ch;
  margin-inline:auto;
}

/* ════ CARDS GRID ════ */
.cards{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:24px;
}
@media(max-width:860px){.cards{grid-template-columns:1fr 1fr;}}
@media(max-width:560px){.cards{grid-template-columns:1fr;}}

/* ────────────────────
   CARD BASE
──────────────────── */
.card{
  position:relative;
  background:#ffffff;
  border:1px solid rgba(0,0,0,.07);
  border-radius:20px;
  padding:32px 28px 28px;
  display:flex;flex-direction:column;gap:0;
  overflow:hidden;
  box-shadow:0 2px 12px rgba(15,28,46,.06),0 1px 3px rgba(15,28,46,.04);
  transition:box-shadow 240ms ease,transform 240ms ease,border-color 240ms ease;
}
.card:hover{
  box-shadow:0 16px 52px rgba(15,28,46,.12),0 4px 12px rgba(15,28,46,.07);
  transform:translateY(-6px);
  border-color:rgba(0,0,0,.10);
}

/* Top accent line — unique per card */
.card::before{
  content:'';
  position:absolute;top:0;left:0;right:0;height:3px;
  border-radius:20px 20px 0 0;
}
.card-1::before{background:linear-gradient(90deg,#14967a,#20c99e);}
.card-2::before{background:linear-gradient(90deg,#6366f1,#818cf8);}
.card-3::before{background:linear-gradient(90deg,#d98c1a,#f5c050);}

/* Corner watermark number */
.card-num{
  position:absolute;top:20px;right:22px;
  font-family:'Cormorant Garamond',serif;
  font-size:3.5rem;font-weight:700;font-style:italic;
  line-height:1;
  color:rgba(0,0,0,.04);
  pointer-events:none;user-select:none;
}

/* Icon wrap */
.icon-wrap{
  width:54px;height:54px;border-radius:14px;
  display:flex;align-items:center;justify-content:center;
  font-size:1.5rem;
  margin-bottom:22px;
  border:1px solid transparent;
  flex-shrink:0;
}
.card-1 .icon-wrap{background:rgba(20,150,122,.10);border-color:rgba(20,150,122,.15);}
.card-2 .icon-wrap{background:rgba(99,102,241,.10);border-color:rgba(99,102,241,.15);}
.card-3 .icon-wrap{background:rgba(217,140,26,.10);border-color:rgba(217,140,26,.15);}

/* Card title */
.card-title{
  font-family:'Cormorant Garamond',serif;
  font-size:clamp(1.2rem,1.6vw,1.45rem);
  font-weight:700;
  color:#0f1c2e;
  line-height:1.25;
  margin-bottom:10px;
}

/* Card body */
.card-body{
  font-size:14.5px;color:#6b7a90;
  line-height:1.72;margin-bottom:20px;
}
.card-body strong{color:#0f1c2e;font-weight:700;}

/* Divider */
.card-divider{height:1px;background:rgba(0,0,0,.07);margin-bottom:18px;}

/* Check list */
.clist{list-style:none;display:flex;flex-direction:column;gap:10px;}
.clist li{
  display:flex;align-items:flex-start;gap:10px;
  font-size:13px;font-weight:600;color:#3a4a5a;line-height:1.45;
}
.cmark{
  width:18px;height:18px;border-radius:50%;flex-shrink:0;margin-top:1px;
  display:flex;align-items:center;justify-content:center;
}
.card-1 .cmark{background:rgba(20,150,122,.12);}
.card-2 .cmark{background:rgba(99,102,241,.12);}
.card-3 .cmark{background:rgba(217,140,26,.12);}
.cmark svg{width:9px;height:9px;fill:none;stroke-width:2.8;stroke-linecap:round;stroke-linejoin:round;}
.card-1 .cmark svg{stroke:#14967a;}
.card-2 .cmark svg{stroke:#6366f1;}
.card-3 .cmark svg{stroke:#d98c1a;}

/* Pricing rows (card 3 only) */
.price-row{
  display:flex;justify-content:space-between;align-items:center;
  font-size:13px;font-weight:600;color:#3a4a5a;
  padding:6px 0;
  border-bottom:1px dashed rgba(0,0,0,.07);
}
.price-row:last-child{border-bottom:none;}
.price-val{font-family:'Cormorant Garamond',serif;font-size:1.2rem;font-weight:700;color:#d98c1a;}
.price-row.total .price-val{color:#0f1c2e;font-size:1.35rem;}
.price-row.total{border-top:1.5px solid rgba(0,0,0,.10);border-bottom:none;margin-top:4px;padding-top:10px;}
.price-tag{font-size:10px;font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:#9aa3b0;}

/* ════ BOTTOM STRIP ════ */
.bottom-strip{
  display:flex;align-items:center;justify-content:center;
  flex-wrap:wrap;gap:12px;
  margin-top:56px;
  padding-top:40px;
  border-top:1px solid rgba(0,0,0,.08);
}
.strip-item{
  display:flex;align-items:center;gap:8px;
  font-size:13px;font-weight:600;color:#4a5a6a;
  background:#fff;
  border:1px solid rgba(0,0,0,.08);
  border-radius:99px;
  padding:8px 18px;
  box-shadow:0 1px 4px rgba(0,0,0,.05);
  white-space:nowrap;
}
.strip-dot{width:7px;height:7px;border-radius:50%;background:#14967a;flex-shrink:0;}


/* ===== MULTILINGUAL ===== */
.sap__lang-section { background: var(--sap-gradient); }
.sap__lang-section .sap__section-title { color: var(--sap-white); }
.sap__lang-section .sap__section-label { background: rgba(245,184,46,0.2); color: var(--sap-gold); }
.sap__lang-section .sap__section-desc { color: rgba(255,255,255,0.8); }
.sap__lang-grid { display: flex; flex-wrap: wrap; gap: 14px; margin-top: 36px; }
.sap__lang-pill {
  background: rgba(255,255,255,0.12);
  border: 1.5px solid rgba(255,255,255,0.25);
  color: var(--sap-white);
  font-size: 0.9rem;
  font-weight: 600;
  padding: 10px 22px;
  border-radius: 50px;
  display: flex;
  align-items: center;
  gap: 8px;
  transition: all 0.2s;
  backdrop-filter: blur(8px);
}
.sap__lang-pill:hover { background: rgba(255,255,255,0.22); border-color: var(--sap-gold); color: var(--sap-gold); }
.sap__lang-bottom { margin-top: 32px; color: rgba(255,255,255,0.75); font-size: 1rem; font-style: italic; }

/* ===== HOW IT WORKS ===== */
.sap__steps { display: flex; flex-direction: column; gap: 0; position: relative; }
.sap__steps::before {
  content: '';
  position: absolute;
  left: 36px;
  top: 36px;
  bottom: 36px;
  width: 2px;
  background: linear-gradient(to bottom, var(--sap-blue), var(--sap-accent));
}
.sap__step {
  display: grid;
  grid-template-columns: 72px 1fr;
  gap: 28px;
  align-items: flex-start;
  padding: 24px 0;
  position: relative;
}
.sap__step-num {
  width: 60px;
  height: 60px;
  border-radius: 50%;
  background: var(--sap-gradient);
  color: var(--sap-white);
  font-family: var(--sap-font-head);
  font-size: 1.5rem;
  font-weight: 800;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  box-shadow: var(--sap-shadow-md);
  position: relative;
  z-index: 1;
  border: 3px solid var(--sap-white);
}
.sap__step-content { padding-top: 12px; }
.sap__step-content h3 { font-family: var(--sap-font-head); font-size: 1.25rem; font-weight: 700; color: var(--sap-navy); margin-bottom: 8px; }
.sap__step-content p { color: var(--sap-muted); font-size: 0.97rem; line-height: 1.75; }
.sap__step-link { color: var(--sap-blue); text-decoration: none; font-weight: 600; font-size: 0.88rem; display: inline-flex; align-items: center; gap: 5px; margin-top: 8px; }
.sap__step-link:hover { text-decoration: underline; }
.sap__steps-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 60px; align-items: start; }
.sap__steps-aside {
  background: var(--sap-white);
  border-radius: var(--sap-radius);
  border: 1.5px solid var(--sap-border);
  box-shadow: var(--sap-shadow-md);
  overflow: hidden;
}
.sap__aside-head {
  background: var(--sap-gradient);
  padding: 24px 28px;
  color: var(--sap-white);
}
.sap__aside-head h3 { font-family: var(--sap-font-head); font-size: 1.3rem; font-weight: 700; }
.sap__aside-head p { color: rgba(255,255,255,0.75); font-size: 0.88rem; margin-top: 4px; }
.sap__aside-body { padding: 28px; }
.sap__aside-list { list-style: none; display: flex; flex-direction: column; gap: 14px; }
.sap__aside-list li { display: flex; align-items: flex-start; gap: 12px; color: var(--sap-text); font-size: 0.93rem; line-height: 1.55; }
.sap__aside-num {
  width: 28px;
  height: 28px;
  border-radius: 50%;
  background: var(--sap-accent);
  color: var(--sap-navy);
  font-size: 0.8rem;
  font-weight: 800;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}
.sap__aside-links { padding: 0 28px 28px; display: flex; flex-direction: column; gap: 8px; }
.sap__aside-links a { color: var(--sap-blue); text-decoration: none; font-size: 0.88rem; font-weight: 600; display: inline-flex; align-items: center; gap: 6px; }
.sap__aside-links a:hover { text-decoration: underline; }

/* ===== PROFESSIONALS ===== */
.sap-dark-pro-section{
  padding:85px 20px;
  background:
    radial-gradient(circle at 10% 20%,rgba(0,190,220,.12),transparent 30%),
    radial-gradient(circle at 90% 75%,rgba(255,125,45,.16),transparent 28%),
    #0e1a24;
  color:#fff;
  overflow:hidden;
}

.sap-dark-pro-container{
  max-width:1200px;
  margin:0 auto;
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:64px;
  align-items:center;
}

.sap-dark-label{
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:9px 18px;
  border-radius:40px;
  background:#ffe8d3;
  color:#f47b27;
  font-size:13px;
  font-weight:900;
  letter-spacing:1.4px;
  text-transform:uppercase;
  margin-bottom:22px;
}

.sap-dark-pro-left h2{
  margin:0 0 22px;
  color:#fff;
  font-size:clamp(35px,1.5vw,60px);
  line-height:1.08;
  font-weight:900;
  letter-spacing:-1.3px;
}

.sap-dark-pro-left h2 span{
  color:#ff7a2f;
}

.sap-dark-intro{
  margin:0 0 18px;
  color:#b8c7d5;
  font-size:16px;
  line-height:1.7;
  max-width:640px;
}

.sap-dark-list{
  display:grid;
  gap:12px;
  margin:24px 0;
}

.sap-dark-list div{
  display:flex;
  align-items:center;
  gap:15px;
  padding:15px 18px;
  background:#162631;
  border:1px solid rgba(255,255,255,.09);
  border-radius:10px;
  color:#dce7f0;
  font-size:16px;
  font-weight:700;
}

.sap-dark-list span{
  width:26px;
  height:26px;
  border-radius:8px;
  background:#0ea66b;
  color:#fff;
  display:flex;
  align-items:center;
  justify-content:center;
  font-weight:900;
  flex:0 0 26px;
}

.sap-dark-alert{
  margin-top:20px;
  padding:20px 22px;
  border-radius:12px;
  background:rgba(255,122,47,.08);
  border:1px solid rgba(255,122,47,.35);
  color:#e9f2f8;
  font-size:16px;
  line-height:1.6;
}

.sap-dark-alert strong{
  color:#ff7a2f;
}

.sap-dark-pro-right{
  padding:32px;
  border-radius:22px;
  background:rgba(255,255,255,.045);
  border:1px solid rgba(255,255,255,.11);
  box-shadow:0 24px 70px rgba(0,0,0,.18);
}

.sap-dark-pro-right h3{
  margin:0 0 24px;
  color:#fff;
  font-size:24px;
  font-weight:900;
}

.sap-dark-feature{
  display:flex;
  gap:16px;
  padding:18px 0;
  border-bottom:1px solid rgba(255,255,255,.08);
}

.sap-dark-feature:last-child{
  border-bottom:0;
  padding-bottom:0;
}

.sap-dark-feature span{
  width:38px;
  height:38px;
  border-radius:10px;
  background:rgba(255,122,47,.14);
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:20px;
  flex:0 0 38px;
}

.sap-dark-feature h4{
  margin:0 0 5px;
  color:#fff;
  font-size:16px;
  font-weight:900;
}

.sap-dark-feature p{
  margin:0;
  color:#9fb0bf;
  font-size:14px;
  line-height:1.5;
}

@media(max-width:900px){
  .sap-dark-pro-container{
    grid-template-columns:1fr;
    gap:35px;
  }
}

@media(max-width:600px){
  .sap-dark-pro-section{
    padding:65px 16px;
  }

  .sap-dark-pro-right{
    padding:24px 18px;
  }

  .sap-dark-feature{
    gap:13px;
  }
}
/* ===== WHO NEEDS ===== */

.sap-pro-section{
  padding:90px 20px;
  background:linear-gradient(135deg,#f4fbfb 0%,#ffffff 50%,#eef7f7 100%);
}

.sap-pro-container{
  max-width:1180px;
  margin:0 auto;
}

.sap-pro-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:50px;
  align-items:center;
}

/* LEFT */
.sap-pro-label{
  display:inline-block;
  padding:8px 18px;
  border-radius:30px;
  background:rgba(13,110,110,.12);
  color:#0d6e6e;
  font-size:13px;
  font-weight:800;
  margin-bottom:18px;
}

.sap-pro-left h2{
  margin:0 0 16px;
  font-size:clamp(36px,2.5vw,58px);
  font-weight:900;
  color:#083c3c;
  line-height:1.1;
}

.sap-pro-left h2 span{
  color:#0d6e6e;
}

.sap-pro-left p{
  margin:0 0 30px;
  color:#4f6b6b;
  font-size:17px;
  line-height:1.7;
}

/* INCLUDE */
.sap-pro-includes h3{
  margin:0 0 16px;
  font-size:20px;
  font-weight:900;
  color:#083c3c;
}

.sap-pro-tags{
  display:flex;
  flex-wrap:wrap;
  gap:12px;
}

.sap-pro-tags span{
  padding:12px 10px;
  border-radius:10px;
  background:#fff;
  border:1px solid rgba(13,110,110,.2);
  color:#083c3c;
  font-size:14px;
  font-weight:700;
  transition:.2s;
}

.sap-pro-tags span:hover{
  background:#0d6e6e;
  color:#fff;
}

/* RIGHT LIST */
.sap-pro-list{
  display:flex;
  flex-direction:column;
  gap:18px;
}

.sap-pro-list div{
  display:flex;
  align-items:center;
  gap:18px;
  padding:18px 22px;
  border-radius:16px;
  background:#fff;
  border:1px solid rgba(13,110,110,.18);
  box-shadow:0 10px 25px rgba(13,110,110,.08);
  font-weight:800;
  color:#083c3c;
}

.sap-pro-list span{
  width:42px;
  height:42px;
  border-radius:12px;
  background:#0d6e6e;
  color:#fff;
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:13px;
  font-weight:900;
  flex:0 0 42px;
}

/* RESPONSIVE */
@media(max-width:900px){
  .sap-pro-grid{
    grid-template-columns:1fr;
    gap:40px;
  }
}

@media(max-width:600px){
  .sap-pro-section{
    padding:60px 16px;
  }

  .sap-pro-left h2{
    font-size:32px;
  }
}

@media(max-width:600px){
  .sap-pro-section{
    padding:55px 16px;
  }

  .sap-pro-grid{
    grid-template-columns:1fr;
    gap:32px;
  }

  .sap-pro-left h2{
    font-size:34px;
    line-height:1.12;
  }

  .sap-pro-left p{
    font-size:15px;
    margin-bottom:24px;
  }

  .sap-pro-tags{
    display:grid;
    grid-template-columns:1fr;
    gap:10px;
  }

  .sap-pro-tags span{
    width:100%;
    box-sizing:border-box;
    padding:13px 14px;
    font-size:14px;
    text-align:left;
  }

  .sap-pro-list{
    gap:12px;
  }

  .sap-pro-list div{
    padding:14px;
    gap:12px;
    font-size:14px;
    line-height:1.4;
  }

  .sap-pro-list span{
    width:36px;
    height:36px;
    flex:0 0 36px;
    font-size:12px;
  }
}

@media(max-width:380px){
  .sap-pro-left h2{
    font-size:30px;
  }

  .sap-pro-tags span{
    font-size:13px;
  }
}


/* ===== RESOURCES ===== */
.sap-resource-section {
    padding: 85px 20px;
    background: radial-gradient(circle at 10% 20%, rgba(13, 110, 110, .25), transparent 35%), radial-gradient(circle at 90% 80%, rgba(13, 110, 110, .18), transparent 35%), linear-gradient(135deg, #0d6e6e 0%, #053b3b 50%, #0d6e6e 100%);
    color: #fff;
}

.sap-resource-container{
  max-width:1100px;
  margin:0 auto;
}

/* HEAD */
.sap-resource-head{
  text-align:center;
  margin-bottom:45px;
}

.sap-resource-label{
  display:inline-block;
  padding:7px 16px;
  border-radius:30px;
  background:#e7f4f3;
  color:#0d6e6e;
  font-size:12px;
  font-weight:800;
  margin-bottom:16px;
}

.sap-resource-head h2{
  margin:0 0 12px;
  font-size:clamp(30px,3vw,50px);
  font-weight:900;
  color:#fff;
}

.sap-resource-head h2 span{
  color:#8fd0c8;
}

.sap-resource-head p{
  margin:0;
  color:#bcd3d3;
  font-size:15px;
}

/* GRID */
.sap-resource-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:18px;
}

/* CARD */
.sap-resource-card{
  display:flex;
  gap:16px;
  align-items:center;
  padding:22px;
  border-radius:16px;
  background:linear-gradient(135deg,rgba(255,255,255,.06),rgba(255,255,255,.02));
  border:1px solid rgba(255,255,255,.10);
  transition:.25s ease;
}

.sap-resource-card:hover{
  transform:translateY(-4px);
  background:linear-gradient(135deg,rgba(255,255,255,.10),rgba(255,255,255,.04));
}

/* ICON */
.sap-resource-icon{
  width:48px;
  height:48px;
  border-radius:12px;
  background:#0d6e6e;
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:22px;
  flex:0 0 48px;
}

/* TEXT */
.sap-resource-card h4{
  margin:0 0 4px;
  font-size:16px;
  font-weight:800;
  color:#fff;
}

.sap-resource-card a{
  font-size:13px;
  color:#8fd0c8;
  text-decoration:none;
}

.sap-resource-card a:hover{
  color:#fff;
}

/* RESPONSIVE */
@media(max-width:900px){
  .sap-resource-grid{
    grid-template-columns:1fr;
  }

  .sap-resource-card{
    padding:18px;
  }
}

/* ===== SPEED SECTION ===== */
.sap-speed-elegant{
  padding:85px 20px;
  background:
    radial-gradient(circle at 10% 20%,rgba(13,110,110,.18),transparent 35%),
    radial-gradient(circle at 85% 80%,rgba(60,90,90,.12),transparent 35%),
    linear-gradient(135deg,#f4f9f9 0%,#ffffff 50%,#eef5f5 100%);
}

.sap-speed-wrap{
  max-width:1180px;
  margin:0 auto;
}

/* GRID */
.sap-speed-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:40px;
  align-items:center;
}

/* LEFT */
.sap-speed-label{
  display:inline-block;
  padding:7px 16px;
  border-radius:30px;
  background:rgba(13,110,110,.12);
  color:#0d6e6e;
  font-size:12px;
  font-weight:800;
  letter-spacing:1px;
  margin-bottom:16px;
}

.sap-speed-left h2{
  margin:0 0 14px;
  font-size:clamp(36px,4.5vw,56px);
  line-height:1.05;
  font-weight:900;
  color:#1f2e2e;
  font-family: "Playfair Display", serif;
}

.sap-speed-left h2 span{
  color:#0d6e6e;
}

.sap-speed-left p{
  margin:0;
  color:#5a6e6e;
  font-size:16px;
  line-height:1.7;
}

/* STATS */
.sap-speed-stats{
  display:grid;
  grid-template-columns:repeat(2,1fr);
  gap:18px;
}

.stat{
  padding:26px 22px;
  border-radius:18px;
  background:#ffffff;
  border:1px solid rgba(13,110,110,.15);
  box-shadow:0 14px 35px rgba(13,110,110,.08);
}

.stat b{
  display:block;
  font-size:36px;
  font-weight:900;
  color:#1f2e2e;
  font-family: "Playfair Display", serif;
}

.stat span{
  font-size:14px;
  color:#6a8080;
  font-weight:600;
}

/* FEATURES */
.sap-speed-features{
  margin-top:40px;
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:16px;
}

.sap-speed-features div{
  display:flex;
  align-items:center;
  gap:12px;
  padding:16px;
  border-radius:14px;
  background:#ffffff;
  border:1px solid rgba(13,110,110,.15);
  font-weight:700;
  color:#1f2e2e;
  box-shadow:0 10px 25px rgba(13,110,110,.06);
}

.sap-speed-features span{
  width:34px;
  height:34px;
  border-radius:10px;
  background:rgba(13,110,110,.12);
  display:flex;
  align-items:center;
  justify-content:center;
}

/* RESPONSIVE */
@media(max-width:900px){
  .sap-speed-grid{
    grid-template-columns:1fr;
  }

  .sap-speed-stats{
    grid-template-columns:1fr 1fr;
  }

  .sap-speed-features{
    grid-template-columns:1fr 1fr;
  }
}

@media(max-width:600px){
  .sap-speed-elegant{
    padding:60px 16px;
  }

  .sap-speed-left h2{
    font-size:32px;
  }

  .sap-speed-stats{
    grid-template-columns:1fr;
  }

  .sap-speed-features{
    grid-template-columns:1fr;
  }
}
/* ===== CTA SECTION ===== */
.sap__cta-section {
  background: var(--sap-gradient);
  padding: 90px 0;
  text-align: center;
  position: relative;
  overflow: hidden;
}
.sap__cta-section::before {
  content: '';
  position: absolute;
  width: 400px;
  height: 400px;
  background: rgba(255,255,255,0.04);
  border-radius: 50%;
  top: -100px;
  left: -100px;
}
.sap__cta-section::after {
  content: '';
  position: absolute;
  width: 300px;
  height: 300px;
  background: rgba(255,255,255,0.04);
  border-radius: 50%;
  bottom: -80px;
  right: -80px;
}
.sap__cta-inner { position: relative; z-index: 2; }
.sap__cta-section h2 { font-family: var(--sap-font-head); font-size: clamp(2rem, 4vw, 3rem); font-weight: 800; color: var(--sap-white); margin-bottom: 16px; }
.sap__cta-section p { color: rgba(255,255,255,0.8); font-size: 1.1rem; margin-bottom: 36px; max-width: 550px; margin-left: auto; margin-right: auto; }
.sap__cta-section .sap__btn-primary { font-size: 1.15rem; padding: 18px 52px; }

/* ===== FOOTER ===== */
.sap-footer-pro{
  position:relative;
  overflow:hidden;
  padding:70px 20px 28px;
  background:
    radial-gradient(circle at 12% 20%,rgba(13,110,110,.22),transparent 34%),
    radial-gradient(circle at 88% 85%,rgba(255,255,255,.07),transparent 30%),
    linear-gradient(135deg,#050b0d 0%,#111b1f 48%,#050708 100%);
  color:#fff;
}

.sap-footer-container{
  max-width:1180px;
  margin:0 auto;
  position:relative;
  z-index:2;
}

.sap-footer-grid{
  display:grid;
  grid-template-columns:1.5fr 1fr 1.1fr;
  gap:50px;
  align-items:start;
  padding-bottom:45px;
}

.sap-footer-brand img{
  max-width:190px;
  height:auto;
  margin-bottom:22px;
  background:#fff;
  padding:10px 14px;
  border-radius:14px;
}

.sap-footer-brand p{
  margin:0;
  max-width:440px;
  color:#b9c7c9;
  font-size:15px;
  line-height:1.8;
}

.sap-footer-col h4{
  margin:0 0 20px;
  color:#ffffff;
  font-size:18px;
  font-weight:900;
}

.sap-footer-col ul{
  list-style:none;
  padding:0;
  margin:0;
  display:grid;
  gap:12px;
}

.sap-footer-col a{
  color:#b9c7c9;
  font-size:15px;
  font-weight:600;
  text-decoration:none;
  transition:.2s ease;
}

.sap-footer-col a:hover{
  color:#8fd0c8;
  padding-left:4px;
}

.sap-footer-bottom{
  border-top:1px solid rgba(255,255,255,.12);
  padding-top:24px;
  display:flex;
  justify-content:space-between;
  gap:20px;
  flex-wrap:wrap;
}

.sap-footer-bottom p{
  margin:0;
  color:#93a4a7;
  font-size:14px;
  line-height:1.6;
}

.sap-footer-bottom a{
  color:#8fd0c8;
  text-decoration:none;
  font-weight:800;
}

.sap-footer-glow{
  position:absolute;
  border-radius:50%;
  background:rgba(13,110,110,.18);
  filter:blur(4px);
}

.sap-footer-glow-left{
  width:260px;
  height:260px;
  left:-120px;
  bottom:-120px;
}

.sap-footer-glow-right{
  width:320px;
  height:320px;
  right:-150px;
  top:-150px;
}

@media(max-width:900px){
  .sap-footer-grid{
    grid-template-columns:1fr 1fr;
    gap:35px;
  }

  .sap-footer-brand{
    grid-column:1/-1;
  }
}

@media(max-width:600px){
  .sap-footer-pro{
    padding:55px 16px 24px;
  }

  .sap-footer-grid{
    grid-template-columns:1fr;
    gap:32px;
  }

  .sap-footer-bottom{
    flex-direction:column;
  }

  .sap-footer-brand img{
    max-width:165px;
  }
}
/* ===== contact strip ===== */
.sap-cta-strip{ position:relative; overflow:hidden; padding:48px 20px; background:#0d6e6e; color:#fff; } .sap-cta-strip:before{ content:""; position:absolute; width:190px; height:190px; left:-52px; bottom:-98px; border-radius:50%; background:rgba(255,255,255,.08); } .sap-cta-strip:after{ content:""; position:absolute; width:225px; height:225px; right:-55px; top:-112px; border-radius:50%; background:rgba(255,255,255,.08); } .sap-cta-container{ max-width:1240px; margin:0 auto; position:relative; z-index:2; display:flex; align-items:center; justify-content:space-between; gap:35px; } .sap-cta-content h2{ margin:0 0 8px; font-size:42px; line-height:1.1; font-weight:900; color:#fff; } .sap-cta-content p{ margin:0; color:#e5f6f6; font-size:17px; line-height:1.5; } .sap-cta-actions{ display:flex; align-items:center; gap:12px; } .sap-cta-btn{ min-width:190px; min-height:48px; padding:13px 22px; border-radius:8px; display:inline-flex; align-items:center; justify-content:center; gap:8px; font-size:15px; font-weight:900; text-decoration:none; white-space:nowrap; transition:.25s ease; } .sap-cta-btn-primary{ background:#fff; color:#0d6e6e; } .sap-cta-btn-outline{ background:rgba(255,255,255,.08); color:#fff; border:1px solid rgba(255,255,255,.35); } .sap-cta-btn:hover{ transform:translateY(-2px); } @media(max-width:850px){ .sap-cta-container{ flex-direction:column; align-items:flex-start; } .sap-cta-actions{ width:100%; flex-direction:column; } .sap-cta-btn{ width:100%; } } @media(max-width:600px){ .sap-cta-strip{ padding:42px 16px; } .sap-cta-content h2{ font-size:34px; } }

/* ===== RESPONSIVE ===== */
@media (max-width: 1024px) {
  .sap__hero-inner { grid-template-columns: 1fr; gap: 40px; text-align: center; }
  .sap__hero-img-wrap { order: -1; }
  .sap__hero-img-wrap img { max-width: 360px; }
  .sap__hero-cta-group, .sap__hero-trust { justify-content: center; }
  .sap__form-card { padding: 36px 32px; }
  .sap__form-grid { grid-template-columns: 1fr 1fr; }
  .sap__why-grid { grid-template-columns: 1fr 1fr; }
  .sap__what-grid, .sap__steps-grid, .sap__pro-grid, .sap__speed-grid { grid-template-columns: 1fr; gap: 40px; }
  .sap__footer-grid { grid-template-columns: 1fr 1fr; }
}
@media (max-width: 768px) {
  .sap__topbar-right { display: none; }
  .sap__nav { display: none; }
  .sap__hamburger { display: flex; }
  .sap__mobile-nav {
    position: fixed;
    top: 80px;
    left: 0;
    right: 0;
    background: var(--sap-white);
    border-bottom: 2px solid var(--sap-border);
    box-shadow: var(--sap-shadow-md);
    z-index: 999;
    padding: 20px 24px;
    display: flex;
    flex-direction: column;
    gap: 6px;
    transform: translateY(-110%);
    transition: transform 0.3s;
    
  }
  .sap__topbar {
    display: none;
}
  
  .sap__mobile-nav.sap__open { transform: translateY(0); display: flex; }
  .sap__mobile-nav a { padding: 12px 16px; border-radius: 8px; color: var(--sap-navy); font-weight: 600; text-decoration: none; }
  .sap__mobile-nav a:hover { background: var(--sap-light); }
  .sap__form-card { padding: 28px 20px; top: -20px; }
  .sap__form-grid { grid-template-columns: 1fr; }
  .sap__why-grid { grid-template-columns: 1fr; }
  .sap__what-visual { grid-template-columns: 1fr 1fr; }
  .sap__pro-badge-grid { grid-template-columns: 1fr 1fr; }
  .sap__who-grid { grid-template-columns: 1fr; }
  .sap__resources-grid { grid-template-columns: 1fr; }
  .sap__speed-stat-grid { grid-template-columns: 1fr 1fr; }
  .sap__footer-grid { grid-template-columns: 1fr; gap: 32px; }
  .sap__footer-bottom { flex-direction: column; text-align: center; }
  .sap__steps::before { display: none; }
}
@media (max-width: 480px) {
  .sap__hero-inner { padding: 60px 20px; }
  .sap__pro-badge-grid { grid-template-columns: 1fr; }
  .sap__speed-stat-grid { grid-template-columns: 1fr; }
  .sap__what-visual { grid-template-columns: 1fr; }
}



.aacs-hero{
  position:relative;
  overflow:hidden;
  min-height:720px;
  padding:125px 20px 55px;
  background:#0b1720;
  color:#fff;
}

.aacs-hero-bg{
  position:absolute;
  inset:0;
  background:
     background:
 }
.aacs-hero-bg{
  background:
    linear-gradient(90deg,#082326 0%,rgba(8,35,38,.96) 24%,rgba(8,35,38,.78) 50%,rgba(8,35,38,.28) 76%),
    url("https://sapevaluation.org/wp-content/themes/twentytwentyone-child/theme/img/banner-img/home-version-1/slider-bg-02.png") 88% center/cover no-repeat;
}

.aacs-pill{
  background:rgba(255,255,255,.08);
  border:1px solid rgba(255,255,255,.18);
  color:#d7f2ef;
}

.aacs-hero h1 span,
.aacs-hero h1 em{
  color:#8fd0c8;
}

.aacs-btn-primary{
  background:#8fd0c8;
  color:#082326;
  box-shadow:0 12px 26px rgba(143,208,200,.22);
}

.aacs-btn-outline{
  color:#fff;
  border:1px solid rgba(143,208,200,.45);
  background:rgba(143,208,200,.08);
}

.aacs-btn-primary:hover,
.aacs-btn-outline:hover{
  transform:translateY(-3px);
  box-shadow:0 16px 35px rgba(143,208,200,.25);
}

.aacs-stats strong{
  color:#8fd0c8;
}

.aacs-badge div{
  background:#8fd0c8;
  color:#fff;
}

.aacs-badge{
  transition:.25s ease;
}

.aacs-badge:hover{
  transform:translateY(-4px);
  border-color:rgba(143,208,200,.45);
  background:rgba(143,208,200,.14);
}

.aacs-hero:before{
  content:"";
  position:absolute;
  width:520px;
  height:520px;
  border-radius:50%;
  left:-190px;
  top:160px;
  background:rgba(38,73,83,.45);
}

.aacs-hero:after{
  content:"";
  position:absolute;
  width:260px;
  height:260px;
  border-radius:50%;
  right:-60px;
  top:-120px;
  background:rgba(151,106,67,.18);
}

.aacs-hero-content{
  position:relative;
  z-index:2;
  max-width:620px;
  margin-left:max(28px, calc((100vw - 1200px)/2));
}

.aacs-pill{
  display:inline-block;
  padding:8px 17px;
  border-radius:40px;
  background:#0d6e6e;
  border:1px solid rgba(226,126,39,.35);
  color:#fff;
  font-size:12px;
  font-weight:900;
  letter-spacing:1.4px;
  text-transform:uppercase;
  margin-bottom:22px;
}

.aacs-hero h1 {
    margin: 0 0 22px;
    font-family: Georgia,serif;
    font-size: clamp(42px,3vw,58px);
    line-height: 1.22;
    font-weight: 900;
    color: #fff;
}

.aacs-hero h1 span{
  color:#f47b24;
}

.aacs-hero h1 em{
  color:#159b96;
  font-style:normal;
}

.aacs-hero h3{
  margin:0 0 28px;
  color:#f1f6f6;
  font-size:18px;
  line-height:1.4;
  font-weight:900;
}

.aacs-hero-btns{
  display:flex;
  gap:12px;
  flex-wrap:wrap;
  margin-bottom:42px;
}

.aacs-btn-primary,
.aacs-btn-outline{
  min-height:48px;
  padding:14px 22px;
  border-radius:9px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  text-decoration:none;
  font-size:14px;
  font-weight:900;
}

.aacs-btn-primary{
  background:#0d6e6e;
  color:#fff;
  box-shadow:0 12px 25px rgba(244,123,36,.28);
}

.aacs-btn-outline{
  color:#fff;
  border:1px solid rgba(255,255,255,.38);
  background:rgba(255,255,255,.04);
}

.aacs-stats{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:0;
  padding-top:27px;
  border-top:1px solid rgba(255,255,255,.14);
}

.aacs-stats div{
  padding-right:18px;
  border-right:1px solid rgba(255,255,255,.12);
  padding-left: 5px;
}

.aacs-stats div:last-child{
  border-right:0;
}

.aacs-stats strong{
  display:block;
  color:#f47b24;
  font-size:29px;
  line-height:1;
  font-weight:900;
}

.aacs-stats span{
  display:block;
  margin-top:5px;
  color:#fff;
  font-size:12px;
  line-height:1.15;
  text-transform:uppercase;
  font-weight:900;
  letter-spacing:.4px;
}

.aacs-badge{
  position:absolute;
  right:28%;
  bottom:42px;
  z-index:3;
  display:flex;
  align-items:center;
  gap:13px;
  padding:15px 18px;
  border-radius:10px;
  background:rgba(255,255,255,.14);
  border:1px solid rgba(255,255,255,.22);
  backdrop-filter:blur(12px);
}

.aacs-badge div{
  width:38px;
  height:38px;
  border-radius:9px;
  background:#0d6e6e;
  display:flex;
  align-items:center;
  justify-content:center;
  font-weight:900;
}

.aacs-badge p{
  margin:0;
}

.aacs-badge strong{
  display:block;
  color:#fff;
  font-size:14px;
}

.aacs-badge span{
  display:block;
  color:#cfd7d9;
  font-size:12px;
}

@media(max-width:900px){
  .aacs-hero{
    min-height:auto;
    padding:105px 16px 55px;
  }

  .aacs-hero-bg{
    background:
      linear-gradient(180deg,#0b1720 0%,rgba(11,23,32,.9) 45%,rgba(11,23,32,.62) 100%),
      url("https://sapevaluation.org/wp-content/themes/twentytwentyone-child/theme/img/banner-img/home-version-1/slider-bg-02.png") center bottom/cover no-repeat;
  }

  .aacs-hero-content{
    margin-left:0;
    max-width:100%;
  }

  .aacs-badge{
    position:relative;
    right:auto;
    bottom:auto;
    margin-top:26px;
    max-width:300px;
  }
}

@media(max-width:600px){
  .aacs-hero h1{
    font-size:38px;
  }

  .aacs-hero h3{
    font-size:16px;
  }

  .aacs-hero-btns{
    flex-direction:column;
  }

  .aacs-btn-primary,
  .aacs-btn-outline{
    width:100%;
  }

  .aacs-stats{
    grid-template-columns:repeat(2,1fr);
    gap:18px;
  }

  .aacs-stats div{
    border-right:0;
  }
}





/* ═══ SECTION SHELL ═══ */
.sap-section {
  position: relative;
  overflow: hidden;
  padding-block: clamp(64px, 9vw, 108px);
  /* Two-tone split background: left warm cream / right slightly lighter */
  background: linear-gradient(to right, #f8f5f0 0%, #f8f5f0 50%, #f2f4f8 50%, #f2f4f8 100%);
}

/* Decorative shape divider — diagonal band */
.sap-section::before {
  content: '';
  position: absolute;
  inset: 0;
  background: linear-gradient(108deg,
    #f8f5f0 0%,
    #f8f5f0 46%,
    #e8ece8 49%,
    #f2f4f8 52%,
    #f2f4f8 100%
  );
  pointer-events: none;
}

/* Ambient accent blobs */
.blob-1 {
  position: absolute; top: -120px; left: -80px;
  width: 480px; height: 480px; border-radius: 50%;
  background: radial-gradient(circle, rgba(20,155,120,.07) 0%, transparent 65%);
  pointer-events: none;
}
.blob-2 {
  position: absolute; bottom: -80px; right: 5%;
  width: 360px; height: 360px; border-radius: 50%;
  background: radial-gradient(circle, rgba(217,132,24,.07) 0%, transparent 65%);
  pointer-events: none;
}

/* ═══ CONTAINER ═══ */
.sap-container {
  position: relative; z-index: 1;
  max-width: 1200px;
  margin-inline: auto;
  padding-inline: clamp(20px, 2vw, 64px);
  display: grid;
  grid-template-columns: 1.05fr 1fr;
  gap: clamp(40px, 5vw, 80px);
  align-items: start;
}
@media (max-width: 880px) {
  .sap-section { background: #f8f5f0; }
  .sap-section::before { display: none; }
  .sap-container { grid-template-columns: 1fr; gap: 48px; }
}

/* ═══════════════════
   LEFT CONTENT
═══════════════════ */
.left-col { display: flex; flex-direction: column; gap: 0; }

/* Eyebrow */
.eyebrow {
  display: inline-flex; align-items: center; gap: 8px;
  width: fit-content;
  font-size: 10.5px; font-weight: 700; letter-spacing: .10em; text-transform: uppercase;
  color: #14967a;
  background: rgba(20,150,122,.09);
  border: 1px solid rgba(20,150,122,.18);
  border-radius: 99px;
  padding: 5px 14px;
  margin-bottom: 20px;
}
.eyebrow-dot { width: 6px; height: 6px; border-radius: 50%; background: #14967a; }

/* Heading */
.left-heading {
  font-family: 'Playfair Display', Georgia, serif;
  font-size: clamp(1.85rem, 3.2vw, 2.85rem);
  font-weight: 700;
  color: #0f1c2e;
  line-height: 1.16;
  margin-bottom: 24px;
}
.left-heading em {
  font-style: italic;
  color: #d98418;
}

/* Divider accent */
.left-divider {
  width: 52px; height: 3px;
  border-radius: 2px;
  background: linear-gradient(90deg, #14967a, #d98418);
  margin-bottom: 24px;
}

/* Body text */
.left-body {
  font-size: clamp(.9rem, 4.0vw, 1rem);
  color: #4a5568;
  line-height: 1.82;
  margin-bottom: 20px;
}

/* Compliance note box */
.compliance-box {
  display: flex; align-items: flex-start; gap: 14px;
  background: #ffffff;
  border: 1px solid rgba(20,150,122,.14);
  border-left: 3.5px solid #14967a;
  border-radius: 12px;
  padding: 16px 18px;
  margin-bottom: 32px;
  box-shadow: 0 2px 12px rgba(20,150,122,.06);
}
.cb-icon {
  width: 36px; height: 36px; border-radius: 9px; flex-shrink: 0;
  background: rgba(20,150,122,.10);
  display: flex; align-items: center; justify-content: center;
  font-size: 1.1rem;
}
.cb-text { font-size: 13.5px; color: #3a4a58; line-height: 1.65; font-weight: 500; }
.cb-text strong { color: #0f1c2e; font-weight: 700; }

/* Trust chips */
.trust-chips {
  display: flex; flex-wrap: wrap; gap: 9px;
  margin-bottom: 32px;
}
.chip {
  display: flex; align-items: center; gap: 6px;
  font-size: 12px; font-weight: 600;
  color: #3a4a58;
  background: #ffffff;
  border: 1px solid rgba(0,0,0,.09);
  border-radius: 99px;
  padding: 6px 13px;
  box-shadow: 0 1px 4px rgba(0,0,0,.05);
}
.chip-check { color: #14967a; font-size: 11px; }

/* CTA button */
.btn-cta {
  display: inline-flex; align-items: center; gap: 10px;
  font-family: 'Plus Jakarta Sans', sans-serif;
  font-size: 15px; font-weight: 700;
  color: #ffffff;
  background: linear-gradient(135deg, #0f6e58 0%, #14967a 100%);
  padding: 15px 32px;
  border-radius: 99px;
  text-decoration: none;
  box-shadow: 0 6px 24px rgba(20,150,122,.30);
  transition: all 220ms ease;
  width: fit-content;
}
.btn-cta:hover {
  background: linear-gradient(135deg, #0a5245, #0f6e58);
  box-shadow: 0 10px 34px rgba(20,150,122,.40);
  transform: translateY(-2px);
}
.btn-cta svg { width: 15px; height: 15px; stroke: currentColor; fill: none; stroke-width: 2.4; stroke-linecap: round; stroke-linejoin: round; transition: transform 200ms; }
.btn-cta:hover svg { transform: translateX(3px); }

/* Stats row */
.stats-row {
  display: flex; gap: 28px; flex-wrap: wrap;
  margin-top: 36px;
  padding-top: 28px;
  border-top: 1px solid rgba(0,0,0,.08);
}
.stat-item { display: flex; flex-direction: column; gap: 2px; }
.stat-num {
  font-family: 'Playfair Display', serif;
  font-size: clamp(1.5rem, 2.2vw, 2rem);
  font-weight: 700; font-style: italic;
  color: #0f1c2e; line-height: 1;
}
.stat-num span { color: #d98418; }
.stat-lbl { font-size: 11px; font-weight: 700; letter-spacing: .06em; text-transform: uppercase; color: #9aa3b0; }

/* ═══════════════════
   RIGHT — FORM CARD
═══════════════════ */
.form-card {
  background: #ffffff;
  border-radius: 24px;
  box-shadow: 0 12px 52px rgba(15,28,46,.10), 0 2px 8px rgba(15,28,46,.06);
  overflow: hidden;
  border: 1px solid rgba(0,0,0,.07);
}

/* Form header */
.form-header {
  background: linear-gradient(135deg, #0f2a35 0%, #0f6e58 60%, #14967a 100%);
  padding: 28px 32px 24px;
  position: relative; overflow: hidden;
}
.form-header::before {
  content: '';
  position: absolute; top: -40px; right: -40px;
  width: 160px; height: 160px; border-radius: 50%;
  background: rgba(255,255,255,.06);
  pointer-events: none;
}
.form-header::after {
  content: '';
  position: absolute; bottom: -30px; left: 20px;
  width: 100px; height: 100px; border-radius: 50%;
  background: rgba(255,255,255,.04);
  pointer-events: none;
}
.fh-badge {
  display: inline-flex; align-items: center; gap: 6px;
  font-size: 10px; font-weight: 700; letter-spacing: .09em; text-transform: uppercase;
  color: rgba(255,255,255,.55);
  background: rgba(255,255,255,.10);
  border: 1px solid rgba(255,255,255,.14);
  border-radius: 99px;
  padding: 4px 12px;
  margin-bottom: 10px;
}
.fh-title {
  font-family: 'Playfair Display', serif;
  font-size: clamp(1.3rem, 2vw, 1.7rem);
  font-weight: 700; color: #fff; line-height: 1.25;
  margin-bottom: 6px;
}
.fh-sub { font-size: 13px; color: rgba(255,255,255,.58); font-weight: 500; line-height: 1.55; }

/* Form body */
.form-body { padding: 28px 32px 32px; display: flex; flex-direction: column; gap: 18px; }

/* Field row */
.field-row { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; }
@media (max-width: 500px) { .field-row { grid-template-columns: 1fr; } }

/* Field group */
.field-group { display: flex; flex-direction: column; gap: 6px; }
.field-label {
  font-size: 10.5px; font-weight: 700; letter-spacing: .07em; text-transform: uppercase;
  color: #7a8596;
}
.field-input {
  font-family: 'Plus Jakarta Sans', sans-serif;
  font-size: 14px; font-weight: 500; color: #0f1c2e;
  background: #f8f9fb;
  border: 1.5px solid #e2e6ec;
  border-radius: 10px;
  padding: 11px 14px;
  outline: none;
  transition: border-color 180ms, box-shadow 180ms, background 180ms;
  width: 100%;
}
.field-input::placeholder { color: #b0b8c4; font-weight: 400; }
.field-input:focus {
  border-color: #14967a;
  background: #fff;
  box-shadow: 0 0 0 3px rgba(20,150,122,.10);
}

select.field-input { appearance: none; -webkit-appearance: none; cursor: pointer;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' fill='none' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%239aa3b0' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  background-repeat: no-repeat; background-position: right 14px center;
  padding-right: 36px;
}

textarea.field-input { resize: vertical; min-height: 88px; line-height: 1.6; }

/* Consent */
.consent-wrap { display: flex; align-items: flex-start; gap: 10px; }
.consent-wrap input[type="checkbox"] {
  width: 16px; height: 16px; flex-shrink: 0; margin-top: 2px;
  accent-color: #14967a; cursor: pointer;
}
.consent-text { font-size: 11px; color: #8a95a0; line-height: 1.55; font-weight: 500; }

/* Submit button */
.btn-submit {
  display: flex; align-items: center; justify-content: center; gap: 10px;
  font-family: 'Plus Jakarta Sans', sans-serif;
  font-size: 15px; font-weight: 700; color: #fff;
  background: linear-gradient(135deg, #bd771e 0%, #f5a830 100%);
  border: none; border-radius: 12px;
  padding: 15px 24px; cursor: pointer;
  box-shadow: 0 6px 24px rgba(217,132,24,.30);
  transition: all 220ms ease;
  width: 100%;
}
.btn-submit:hover {
  background: linear-gradient(135deg, #c07010, #d98418);
  box-shadow: 0 10px 32px rgba(217,132,24,.40);
  transform: translateY(-2px);
}
.btn-submit svg { width: 16px; height: 16px; stroke: currentColor; fill: none; stroke-width: 2.4; stroke-linecap: round; stroke-linejoin: round; }

/* Form footer note */
.form-note {
  display: flex; align-items: center; justify-content: center; gap: 7px;
  font-size: 11.5px; color: #9aa3b0; font-weight: 500;
  margin-top: -4px;
}
.form-note svg { width: 13px; height: 13px; stroke: #14967a; fill: none; stroke-width: 2; }

.proc-hero-img img {
    width: 100%;
    height: 300px;
    object-fit: cover;
    display: block;
    margin: 40px 0px 0px;
    border-radius: 20px;
}

.aacs-hero h1 {
  font-size: 42px;
  font-weight: 700;
  line-height: 1.3;
}

.aacs-hero h1 span {
  display: block;
  font-size: 20px;
  font-weight: 500;
  margin-top: 10px;
  color: #d5bbae; /* softer highlight */
}