
.services-hero{padding:74px 0 54px;background:linear-gradient(180deg,#f4faf6 0%,#fbfaf7 100%);border-bottom:1px solid var(--line)}
.services-hero-grid{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(280px,.65fr);gap:50px;align-items:center}
.services-hero h1{font-size:clamp(46px,6vw,76px);line-height:.98;letter-spacing:-4px;max-width:900px;margin:14px 0 20px}
.services-hero p{font-size:18px;line-height:1.7;color:var(--muted);max-width:780px}
.price-promise{background:#0f6036;color:#fff;border-radius:22px;padding:27px;box-shadow:0 20px 50px rgba(15,96,54,.14)}
.price-promise span{font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:1px;color:#bfe0ca}
.price-promise strong{display:block;font-size:26px;line-height:1.1;margin:9px 0}
.price-promise p{color:#d7eadf;font-size:13px;margin:0}
.offer-section{padding:62px 0}
.roadmap-section{background:#f5f8f6;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.offer-heading{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:25px}
.offer-heading h2{font-size:clamp(32px,4vw,48px);letter-spacing:-2px;margin:7px 0 8px}
.offer-heading p{color:var(--muted);font-size:16px;margin:0;max-width:720px;line-height:1.6}
.roadmap-price-pill{white-space:nowrap;border:1px solid #cfe0d5;background:#fff;border-radius:999px;padding:11px 15px;color:#526059;font-size:13px}
.roadmap-price-pill strong{color:var(--green);font-size:18px}
.offer-grid{display:grid;gap:18px}
.consulting-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.roadmap-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.offer-card{position:relative;display:flex;flex-direction:column;background:#fff;border:1px solid #dfe7e2;border-radius:22px;padding:25px;min-height:100%;box-shadow:0 10px 30px rgba(12,26,44,.035);transition:.18s ease;overflow:hidden}
.offer-card:hover{transform:translateY(-3px);border-color:#bdd4c5;box-shadow:0 18px 40px rgba(12,26,44,.07)}
.offer-featured{border-color:#8ec0a1;background:linear-gradient(150deg,#ffffff 0%,#f1faf4 100%);box-shadow:0 20px 50px rgba(17,107,59,.10)}
.offer-featured:before{content:"KAMPANYA";position:absolute;right:-36px;top:22px;transform:rotate(40deg);background:#c7282d;color:#fff;padding:6px 42px;font-size:9px;font-weight:900;letter-spacing:1px}
.offer-topline{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:20px}
.offer-icon{width:46px;height:46px;display:grid;place-items:center;background:#eef7f1;border-radius:14px;font-size:22px}
.offer-badge{border-radius:999px;padding:7px 10px;background:#f0f4f1;color:#52605a;font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.6px}
.offer-featured .offer-badge{background:#dff0e5;color:#0f6036}
.offer-subtitle{display:block;color:var(--green);font-size:11px;font-weight:850;text-transform:uppercase;letter-spacing:.55px;margin-bottom:5px}
.offer-copy h3{font-size:25px;letter-spacing:-.7px;margin:0 0 10px;line-height:1.08}
.offer-copy p{font-size:14px;color:var(--muted);line-height:1.62;margin:0}
.offer-price-row{display:flex;align-items:baseline;gap:10px;margin:22px 0 17px}
.offer-price{font-size:43px;line-height:1;font-weight:900;letter-spacing:-2px;color:var(--ink)}
.offer-old-price{font-size:17px;color:#929b96;text-decoration:line-through;font-weight:700}
.offer-features{display:grid;gap:9px;list-style:none;padding:0;margin:0 0 18px}
.offer-features li{position:relative;padding-left:23px;font-size:13px;line-height:1.45;color:#405048}
.offer-features li:before{content:"✓";position:absolute;left:0;color:var(--green);font-weight:950}
.offer-note{margin:auto 0 17px;padding:11px 12px;background:#fafbf9;border-left:3px solid #cbdad0;border-radius:0 9px 9px 0;color:#727b76;font-size:10.5px;line-height:1.55}
.offer-cta{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #e9eeeb;padding-top:16px;color:var(--green);font-size:13px;font-weight:900}
.offer-featured .offer-cta{background:#116b3b;color:#fff;border:0;border-radius:11px;padding:13px 14px}
.roadmap-card .offer-price{font-size:38px}
.service-disclaimer{padding:34px 0 10px}
.service-disclaimer-box{display:flex;gap:20px;align-items:flex-start;background:#fff8e8;border:1px solid #eee0ba;border-radius:16px;padding:18px 20px}
.service-disclaimer-box strong{color:#775b11;white-space:nowrap}
.service-disclaimer-box p{margin:0;color:#766742;font-size:12px;line-height:1.6}
.active-link{color:var(--green)!important;font-weight:850!important}
@media(max-width:980px){.services-hero-grid{grid-template-columns:1fr}.price-promise{max-width:520px}.roadmap-grid{grid-template-columns:1fr 1fr}}
@media(max-width:720px){.services-hero{padding:50px 0 36px}.services-hero h1{letter-spacing:-2.6px}.consulting-grid,.roadmap-grid{grid-template-columns:1fr}.offer-heading{align-items:flex-start;flex-direction:column}.service-disclaimer-box{flex-direction:column;gap:6px}.offer-card{padding:21px}}


/* v20 — mobile density */
@media(max-width:720px){
  .offer-section{padding:46px 0}
  .offer-copy h3{font-size:23px}
  .offer-price{font-size:39px}
  .offer-card{border-radius:19px}
}
