*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }

:root {
  --g:     #7BBF3E;
  --g2:    #5a9e22;
  --g3:    #f2fce8;
  --bk:    #111;
  --bk2:   #1a1a1a;
  --txt:   #333;
  --muted: #666;
  --light: #888;
  --border:#e5e5e5;
  --bg2:   #f7f9f5;
  --f:     'IBM Plex Sans', sans-serif;
}

body {
  font-family: var(--f);
  background: #fff;
  color: var(--txt);
  min-height: 100vh;
  display: flex;
  flex-direction: column;
}

/* ── HERO with canvas ── */
.hero {
  position: relative;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  padding: 110px 5% 90px;
  background: linear-gradient(160deg, #0d1a0d 0%, #111 60%);
  height: 100vh;
  min-height: 600px;
}

#neuralCanvas {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
}

.hero-inner { position: relative; z-index: 2; }

.hero-badge {
  display: inline-flex;
  align-items: center;
  gap: .5rem;
  font-size: .72rem;
  font-weight: 700;
  letter-spacing: 1.5px;
  text-transform: uppercase;
  color: var(--g);
  border: 1px solid rgba(123,191,62,.35);
  border-radius: 99px;
  padding: .35rem .9rem;
  margin-bottom: 2rem;
  background: rgba(123,191,62,.08);
}
.hero-badge::before {
  content: '';
  width: 7px; height: 7px;
  background: var(--g);
  border-radius: 50%;
  animation: pulse 1.8s ease-in-out infinite;
}
@keyframes pulse {
  0%, 100% { opacity: 1; transform: scale(1); }
  50%       { opacity: .4; transform: scale(.7); }
}

.hero h1 {
  font-size: clamp(2.6rem, 6vw, 4.2rem);
  font-weight: 700;
  color: #fff;
  line-height: 1.2;
  max-width: 700px;
  margin: 0 auto 1.2rem;
}
.hero h1 em { font-style: normal; color: var(--g); }
.hero p {
  font-size: 1.05rem;
  color: rgba(255,255,255,.65);
  max-width: 500px;
  margin: 0 auto 2.4rem;
  line-height: 1.7;
}

.hero-logo {
  margin-bottom: 2.4rem;
}
.hero-logo img { height: 80px; opacity: .9; }

.hero-ctas {
  display: flex;
  gap: 1rem;
  flex-wrap: wrap;
  justify-content: center;
}

/* ── Countdown ── */
.countdown-wrap {
  margin: 0 auto 2.4rem;
  text-align: center;
}
.countdown-label {
  font-size: .68rem;
  font-weight: 700;
  letter-spacing: 2.5px;
  text-transform: uppercase;
  color: var(--g);
  margin-bottom: 1rem;
}
.countdown {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: .5rem;
  margin-bottom: .75rem;
}
.cd-unit {
  display: flex;
  flex-direction: column;
  align-items: center;
  min-width: 72px;
}
.cd-unit span {
  font-size: clamp(2.2rem, 5vw, 3.4rem);
  font-weight: 700;
  color: #fff;
  line-height: 1;
  font-variant-numeric: tabular-nums;
  background: rgba(255,255,255,.06);
  border: 1px solid rgba(255,255,255,.1);
  border-radius: 10px;
  padding: .4rem .7rem;
  min-width: 72px;
  text-align: center;
}
.cd-unit-label {
  font-size: .62rem;
  font-weight: 600;
  letter-spacing: 1.5px;
  text-transform: uppercase;
  color: rgba(255,255,255,.4);
  margin-top: .4rem;
}
.cd-sep {
  font-size: clamp(1.6rem, 3vw, 2.4rem);
  font-weight: 700;
  color: var(--g);
  margin-bottom: 1.4rem;
  line-height: 1;
}
.countdown-date {
  font-size: .78rem;
  color: rgba(255,255,255,.35);
  letter-spacing: .5px;
}

.btn-fill {
  background: var(--g);
  color: #fff;
  border: none;
  padding: .75rem 1.6rem;
  border-radius: 8px;
  font-size: .92rem;
  font-weight: 600;
  font-family: var(--f);
  text-decoration: none;
  cursor: pointer;
  transition: background .2s, transform .15s;
  display: inline-flex;
  align-items: center;
  gap: .4rem;
}
.btn-fill:hover { background: var(--g2); transform: translateY(-1px); }

.btn-out {
  background: transparent;
  color: #fff;
  border: 1.5px solid rgba(255,255,255,.35);
  padding: .75rem 1.6rem;
  border-radius: 8px;
  font-size: .92rem;
  font-weight: 600;
  font-family: var(--f);
  text-decoration: none;
  cursor: pointer;
  transition: border-color .2s, background .2s;
  display: inline-flex;
  align-items: center;
  gap: .4rem;
}
.btn-out:hover { border-color: var(--g); background: rgba(123,191,62,.08); }

/* ── CONTACT SECTION ── */
.sec { padding: 90px 5%; }
.sec-alt { background: var(--bg2); }

.sec-eyebrow {
  font-size: .72rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 2px;
  color: var(--g);
  margin-bottom: .75rem;
  display: flex;
  align-items: center;
  gap: .5rem;
}
.sec-eyebrow::before {
  content: '';
  width: 24px; height: 2px;
  background: var(--g);
}
.sec-title {
  font-size: clamp(1.8rem, 3vw, 2.8rem);
  font-weight: 700;
  line-height: 1.15;
  letter-spacing: -.5px;
  max-width: 620px;
  margin-bottom: .75rem;
}
.sec-sub {
  font-size: 1rem;
  color: var(--muted);
  max-width: 560px;
  font-weight: 300;
  line-height: 1.75;
}

.contact-grid {
  display: grid;
  grid-template-columns: 1fr 1.1fr;
  gap: 5rem;
  align-items: start;
}
.contact-details {
  display: flex;
  gap: 1rem;
  margin-top: 2rem;
  align-items: stretch;
}
.cd-left {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  flex: 1;
}
.cd-right {
  flex: 1;
  display: flex;
  flex-direction: column;
  background: #fff;
  border: 1px solid var(--border);
  border-radius: 12px;
  overflow: hidden;
  transition: border-color .2s, box-shadow .2s;
}
.cd-right:hover {
  border-color: rgba(123,191,62,.4);
  box-shadow: 0 4px 12px rgba(0,0,0,.06);
}
.cd-map-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: .85rem 1rem;
  gap: .75rem;
}
.cd-map-header-info { display: flex; align-items: center; gap: .75rem; }
.cd-right iframe { flex: 1; display: block; width: 100%; min-height: 160px; }

.cd-item {
  display: flex;
  gap: 14px;
  align-items: center;
  padding: 16px 20px;
  background: #fff;
  border: 1px solid var(--border);
  border-radius: 8px;
  transition: border-color .2s, box-shadow .2s;
}
.cd-item:hover {
  border-color: rgba(123,191,62,.4);
  box-shadow: 0 4px 12px rgba(0,0,0,.06);
}
.cd-ico {
  width: 40px; height: 40px;
  border-radius: 8px;
  background: var(--g3);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1rem;
  flex-shrink: 0;
}
.cd-ico::before { margin-right: 0 !important; margin-left: 0 !important; font-size: 1.1rem; color: var(--g2); }
.cd-label {
  font-size: .72rem;
  color: var(--light);
  text-transform: uppercase;
  letter-spacing: .5px;
}
.cd-val {
  font-size: .9rem;
  font-weight: 600;
  color: var(--txt);
}
.cd-val a { color: var(--txt); text-decoration: none; }
.cd-val a:hover { color: var(--g2); }

/* ── FORM ── */
.cform {
  background: #fff;
  border: 1px solid var(--border);
  border-radius: 12px;
  padding: 2.5rem;
  box-shadow: 0 4px 24px rgba(0,0,0,.06);
}
.fg {
  display: flex;
  flex-direction: column;
  gap: 6px;
  margin-bottom: 14px;
}
.fg label {
  font-size: .78rem;
  font-weight: 600;
  color: var(--muted);
  text-transform: uppercase;
  letter-spacing: .3px;
}
.fg input,
.fg textarea,
.fg select {
  border: 1.5px solid var(--border);
  border-radius: 6px;
  padding: 10px 14px;
  font-size: .9rem;
  font-family: var(--f);
  color: var(--txt);
  background: var(--bg2);
  outline: none;
  transition: border-color .2s, box-shadow .2s;
}
.fg input:focus, .fg textarea:focus {
  border-color: var(--g);
  box-shadow: 0 0 0 3px rgba(123,191,62,.1);
}
.fg textarea { resize: vertical; min-height: 110px; }
.fg-row { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; }

.sbtn {
  background: var(--g);
  color: #fff;
  border: none;
  border-radius: 6px;
  padding: 12px 28px;
  font-size: .92rem;
  font-weight: 700;
  cursor: pointer;
  font-family: var(--f);
  transition: background .2s, transform .15s;
  display: inline-flex;
  align-items: center;
  gap: 8px;
}
.sbtn:hover { background: var(--g2); transform: translateY(-1px); }

/* ── FOOTER ── */
.footer {
  background: var(--bk2);
  border-top: 3px solid var(--g);
}
.footer-top {
  max-width: 1200px;
  margin: 0 auto;
  padding: 56px 5% 40px;
  display: grid;
  grid-template-columns: 1.5fr 1fr 1fr 1fr 1fr 1fr;
  gap: 2.5rem;
}
.f-brand img { height: 36px; opacity: .9; }
.f-brand p { font-size: .85rem; color: #999; line-height: 1.6; margin-top: .8rem; max-width: 240px; }
.f-col { text-align: center; }
.f-col h5 {
  font-size: .72rem;
  font-weight: 700;
  letter-spacing: 1.5px;
  text-transform: uppercase;
  color: #fff;
  margin-bottom: 1rem;
  text-align: center;
}
.f-col a {
  display: block;
  font-size: .83rem;
  color: #999;
  text-decoration: none;
  margin-bottom: .5rem;
  transition: color .15s;
  text-align: center;
}
.f-col a:hover { color: var(--g); }
.footer-bottom {
  border-top: 1px solid #2e2e2e;
  padding: 20px 5%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  gap: .5rem;
}
.footer-bottom p, .footer-bottom span { font-size: .78rem; color: #666; }
.footer-bottom a { color: #666; text-decoration: none; transition: color .15s; }
.footer-bottom a:hover { color: var(--g); }

/* ── PRIVACY POLICY ── */
.pp-back {
  display: inline-flex;
  align-items: center;
  gap: .4rem;
  font-size: .82rem;
  font-weight: 600;
  color: var(--g2);
  text-decoration: none;
  padding: 1.1rem 5%;
  display: block;
  border-bottom: 1px solid var(--border);
  background: #fff;
}
.pp-back:hover { text-decoration: underline; }

.pp-wrap {
  max-width: 820px;
  margin: 0 auto;
  padding: 56px 5% 100px;
}
.pp-wrap h1 {
  font-size: clamp(1.8rem, 4vw, 2.4rem);
  font-weight: 700;
  color: var(--bk);
  margin-bottom: .5rem;
}
.pp-wrap h1 em { font-style: normal; color: var(--g2); }

.pp-wrap h2 {
  font-size: 1.05rem;
  font-weight: 700;
  color: var(--bk);
  margin: 2.4rem 0 .6rem;
  padding-top: 2rem;
  border-top: 1px solid var(--border);
  display: flex;
  align-items: center;
  gap: .6rem;
}
.pp-wrap h2:first-of-type { border-top: none; padding-top: 0; margin-top: 1rem; }

.pp-h2-ico {
  width: 30px; height: 30px;
  border-radius: 7px;
  background: var(--g3);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  font-size: .9rem;
}
.pp-h2-ico::before { margin: 0 !important; font-size: .9rem; color: var(--g2); }

.pp-wrap p, .pp-wrap li {
  font-size: .93rem;
  color: var(--muted);
  line-height: 1.8;
}
.pp-wrap ul { padding-left: 1.4rem; margin: .6rem 0 1rem; }
.pp-wrap ul li { margin-bottom: .3rem; }

.pp-updated {
  font-size: .78rem;
  color: var(--muted);
  margin-bottom: 2.5rem;
  display: flex;
  align-items: center;
  gap: .5rem;
}
.pp-updated::before {
  content: '';
  display: inline-block;
  width: 24px; height: 2px;
  background: var(--g2);
  border-radius: 2px;
}
.pp-highlight {
  background: var(--g3);
  border-left: 3px solid var(--g2);
  border-radius: 0 6px 6px 0;
  padding: 1rem 1.2rem;
  margin: 1.2rem 0;
  font-size: .9rem;
  color: var(--txt);
  line-height: 1.7;
}
.pp-contact-box {
  background: #fff;
  border: 1px solid var(--border);
  border-radius: 8px;
  padding: 1.4rem 1.6rem;
  margin-top: 1rem;
}
.pp-contact-box p { margin: .25rem 0; font-size: .9rem; }
.pp-contact-box a { color: var(--g2); text-decoration: none; }
.pp-contact-box a:hover { text-decoration: underline; }

/* ── RESPONSIVE ── */
@media (max-width: 900px) {
  .contact-grid { grid-template-columns: 1fr; gap: 3rem; }
  .contact-details { flex-direction: column; }
}
@media (max-width: 768px) {
  .footer-top { grid-template-columns: 1fr 1fr 1fr; }
  .fg-row { grid-template-columns: 1fr; }
}
@media (max-width: 480px) {
  .footer-top { grid-template-columns: 1fr 1fr; }
  .hero { padding: 80px 5% 60px; }
}

@font-face {
  font-family: "SAP-icons";
  src: url("fonts/SAP-icons.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "BusinessSuiteInAppSymbols";
  src: url("fonts/BusinessSuiteInAppSymbols.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "SAP-icons-TNT";
  src: url("fonts/SAP-icons-TNT.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}

.sap-title-icon-e0e8::before {
  font-family: "SAP-icons";
  content: "\e0e8";
  /* sap-icon://globe */
  margin-right: 0.5rem;
  font-size: 1.2em;
}

.sap-title-icon-e19c::before {
  font-family: "SAP-icons";
  content: "\e19c";
  /* sap-icon://badge */
  margin-right: 0.5rem;
  font-size: 1.2em;
}

.sap-title-icon-e21d::before {
  font-family: "SAP-icons";
  content: "\e21d";
  /* sap-icon://cloud */
  margin-right: 0.5rem;
  font-size: 1.2em;
}

.sap-title-icon-e2a3::before {
  font-family: "SAP-icons";
  content: "\e2a3";
  /* sap-icon://da - JOULE */
  margin-right: 0.5rem;
  font-size: 1.2em;
}

.sap-title-icon-e199::before {
  font-family: "SAP-icons";
  content: "\e199";
  /* sap-icon://building */
  margin-right: 0.5rem;
  font-size: 1.2em;
}

.sap-title-icon-e026::before {
  font-family: "SAP-icons";
  content: "\e026";
  /* sap-icon://lead */
  margin-right: 0.5rem;
  font-size: 1.2em;
}

.sap-title-icon-e107::before {
  font-family: "SAP-icons";
  content: "\e107";
  /* sap-icon://monitor-payments */
  margin-right: 0.5rem;
  font-size: 1.2em;
}

.sap-title-icon-e0b3::before {
  font-family: "SAP-icons";
  content: "\e0b3";
  /* sap-icon://shipping-status */
  margin-right: 0.5rem;
  font-size: 1.2em;
}


.sap-title-icon-e11f::before {
  font-family: "SAP-icons";
  content: "\e11f";
  /* sap-icon://business-objects-experience SAC */
  margin-right: 0.5rem;
  font-size: 1.2em;
}

.sap-title-icon-e22d::before {
  font-family: "SAP-icons";
  content: "\e22d";
  /* sap-icon://developer-settings */
  margin-right: 0.5rem;
  font-size: 1.2em;
}

.sap-title-icon-e064::before {
  font-family: "SAP-icons";
  content: "\e064";
  /* sap-icon://family-care FAMILIA */
  margin-right: 0.5rem;
  font-size: 1.2em;
}

.sap-title-icon-e114::before {
  font-family: "SAP-icons";
  content: "\e114";
  /* sap-icon://crm-sales */
  margin-right: 0.5rem;
  font-size: 1.2em;
}

.sap-title-icon-e068::before {
  font-family: "SAP-icons";
  content: "\e068";
  /* sap-icon://e-care HOJA */
  margin-right: 0.5rem;
  font-size: 1.2em;
}

.sap-title-icon-e080::before {
  font-family: "SAP-icons";
  content: "\e080";
  /* sap-icon://database */
  margin-right: 0.5rem;
  font-size: 1.2em;
}

.sap-title-icon-e0b4::before {
  font-family: "SAP-icons";
  content: "\e16a";
  /* sap-icon://collaborate */
  margin-right: 0.5rem;
  font-size: 1.2em;
}

.sap-title-icon-e063::before {
  font-family: "SAP-icons";
  content: "\e037";
  /* sap-icon://arobase @ */
  margin-right: 0.5rem;
  font-size: 1.2em;
}

.sap-title-icon-e01c::before {
  font-family: "SAP-icons";
  content: "\e217";
  /* sap-icon://outgoing-call */
  margin-right: 0.5rem;
  font-size: 1.2em;
}

.sap-title-icon-e165::before {
  font-family: "SAP-icons";
  content: "\e165";
  /* sap-icon://addresses */
  margin-right: 0.5rem;
  font-size: 1.2em;
}

.sap-title-icon-e07f::before {
  font-family: "SAP-icons";
  content: "\e07f";
  /* sap-icon://decision */
  margin-right: 0.5rem;
  font-size: 1.2em;
}
.sap-title-icon-e208::before {
  font-family: "SAP-icons";
  content: "\e208";
  /* sap-icon://home-share */
  margin-right: 0.5rem;
  font-size: 1.2em;
}
.sap-title-icon-e2a5::before {
  font-family: "SAP-icons";
  content: "\e2a5";
  /* sap-icon://validate */
  margin-right: 0.5rem;
  font-size: 1.2em;
}
.sap-title-icon-e01d::before {
  font-family: "SAP-icons";
  content: "\e01d";
  /* sap-icon://opportunity */
  margin-right: 0.5rem;
  font-size: 1.2em;
}

.sap-title-icon-e120::before {
  font-family: "SAP-icons";
  content: "\e120";
  /* sap-icon://bbyd-dashboard */
  margin-right: 0.5rem;
  font-size: 1.2em;
}


.sap-title-icon-e247::before {
  font-family: "SAP-icons";
  content: "\e247";
  /* sap-icon://line-chart-time-axis */
  margin-right: 0.5rem;
  font-size: 1.2em;
}

.sap-title-icon-e176::before {
  font-family: "SAP-icons";
  content: "\e176";
  /* sap-icon://dimension */
  margin-right: 0.5rem;
  font-size: 1.2em;
}

.sap-title-icon-e20c::before {
  font-family: "SAP-icons";
  content: "\e20c";
  /* sap-icon://disconnected */
  margin-right: 0.5rem;
  font-size: 1.2em;
}


.sap-title-icon-e078::before {
  font-family: "SAP-icons";
  content: "\e078";
  /* sap-icon://factory */
  margin-right: 0.5rem;
  font-size: 1.2em;
}


.sap-title-icon-e086::before {
  font-family: "SAP-icons";
  content: "\e086";
  /* sap-icon://compare */
  margin-right: 0.5rem;
  font-size: 1.2em;
}

.sap-title-icon-e27d::before {
  font-family: "SAP-icons";
  content: "\e27d";
  /* sap-icon://desktop-mobile */
  margin-right: 0.5rem;
  font-size: 1.2em;
}


.sap-title-icon-e1cc::before {
  font-family: "SAP-icons";
  content: "\e1cc";
  /* sap-icon://sys-monitor */
  margin-right: 0.5rem;
  font-size: 1.2em;
}

.sap-title-icon-e11b::before {
  font-family: "SAP-icons";
  content: "\e11b";
  /* sap-icon://capital-projects */
  margin-right: 0.5rem;
  font-size: 1.2em;
}

.sap-title-icon-e0c2::before {
  font-family: "SAP-icons";
  content: "\e0c2";
  /* sap-icon://sales-order-item */
  margin-right: 0.5rem;
  font-size: 1.2em;
}

.sap-title-icon-e111::before {
  font-family: "SAP-icons";
  content: "\e111";
  /* sap-icon://eam-work-order prod */
  margin-right: 0.5rem;
  font-size: 1.2em;
}

.sap-title-icon-e221::before {
  font-family: "SAP-icons";
  content: "\e221";
  /* sap-icon://headset mant */
  margin-right: 0.5rem;
  font-size: 1.2em;
}

.sap-title-icon-e02b::before {
  font-family: "SAP-icons";
  content: "\e02b";
  /* sap-icon://inbox */
  margin-right: 0.5rem;
  font-size: 1.2em;
}

.sap-title-icon-e212::before {
  font-family: "SAP-icons";
  content: "\e212";
  /* sap-icon://outbox */
  margin-right: 0.5rem;
  font-size: 1.2em;
}

.sap-title-icon-e12c::before {
  font-family: "SAP-icons";
  content: "\e12c";
  /* sap-icon://wallet */
  margin-right: 0.5rem;
  font-size: 1.2em;
}

.sap-title-icon-e107::before {
  font-family: "SAP-icons";
  content: "\e107";
  /* sap-icon://monitor-payments */
  margin-right: 0.5rem;
  font-size: 1.2em;
}

.sap-title-icon-e142::before {
  font-family: "SAP-icons";
  content: "\e142";
  /* sap-icon://add-product */
  margin-right: 0.5rem;
  font-size: 1.2em;
}

.sap-title-icon-e22c::before {
  font-family: "SAP-icons";
  content: "\e22c";
  /* sap-icon://key-user-settings */
  margin-right: 0.5rem;
  font-size: 1.2em;
}

.sap-title-icon-e286::before {
  font-family: "SAP-icons";
  content: "\e286";
  /* sap-icon://split */
  margin-right: 0.5rem;
  font-size: 1.2em;
}