.elementor-125 .elementor-element.elementor-element-f3ec709{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-125 .elementor-element.elementor-element-1f38819{width:100%;max-width:100%;padding:0px 0px 0px 0px;}.elementor-125 .elementor-element.elementor-element-6f234ed{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-125 .elementor-element.elementor-element-7cbca10{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-125 .elementor-element.elementor-element-7de8479{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}body.elementor-page-125{padding:0px 0px 0px 0px;}/* Start custom CSS for html, class: .elementor-element-1f38819 *//***********************
  Design tokens (system)
***********************/
:root{
  --bg:#0B0C10;
  --card:rgba(255,255,255,.04);
  --text:#EDEEF0;
  --muted:#B6BAC4;
  --accent:#FF6A00;
  --accent-600:#E55F00;
  --focus:#99C8FF;

  --radius:20px;
  --shadow-card:0 10px 30px rgba(0,0,0,.35);

  --space-2:clamp(8px,1vw,10px);
  --space-3:clamp(12px,1.2vw,14px);
  --space-4:clamp(16px,1.6vw,18px);
  --space-6:clamp(20px,2.2vw,24px);
  --space-8:clamp(24px,3vw,32px);

  --maxw:1240px; /* content width */
}

/***********************
  Canvas
***********************/
body.elementor-page{ background:var(--bg); }
#hero.hero{
  color:var(--text);
  padding: clamp(24px,3vw,56px);
  padding-top: clamp(32px,5vw,72px);
  max-width: none;
  background:
    radial-gradient(1400px 720px at 44% 26%, rgba(255,255,255,.08), rgba(255,255,255,.02) 40%, transparent 70%),
    radial-gradient(1100px 560px at 70% 38%, rgba(255,106,0,.10), transparent 65%);
}

/***********************
  Social proof (clickable)
***********************/
.proof{
  display:inline-flex; align-items:center; gap:10px;
  color:var(--muted); text-decoration:none; border-radius:12px;
  padding:8px 12px; transition:background .15s ease, color .15s ease;
}
.proof:hover{ background:rgba(255,255,255,.05); color:var(--text); }
.proof:focus-visible{ outline:2px solid var(--focus); outline-offset:2px; }
.proof__stars{ color:var(--accent); letter-spacing:.08em; }
.proof__rating{ font-weight:700; color:var(--text); }
.proof__sep{ opacity:.6; }

/***********************
  12-column grid
***********************/
.hero__grid{
  max-width:var(--maxw);
  margin-inline:auto;
  display:grid;
  grid-template-columns:repeat(12, minmax(0,1fr));
  gap:24px;
  align-items:center;
}
.hero__left{ grid-column:1 / span 7; }
.hero__right{ grid-column:8 / span 5; transform:scale(.9); } /* de-emphasize card */

/***********************
  Type scale
***********************/
.h1{
  font-family:"DM Serif Display", Georgia, serif;
  font-weight:800;
  font-size:clamp(40px,6vw,84px);
  line-height:1.02;
  letter-spacing:-.01em;
  margin: var(--space-4) 0 var(--space-6);
}
.h1 .br{ display:block; }
.h1 .accent{ color:var(--accent); }

.subhead{
  font:400 clamp(16px,1.6vw,18px)/1.6 Inter, system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
  color:var(--muted);
  max-width:68ch;
  margin-bottom: var(--space-6);
}

/***********************
  Buttons
***********************/
.btn{
  display:inline-flex; align-items:center; gap:10px;
  height:auto; min-height:44px; /* tap target */
  padding:14px 22px; border-radius:var(--radius);
  text-decoration:none; font-weight:700; line-height:1;
  transition:transform .15s ease, background .15s ease, border-color .15s ease, color .15s ease;
}
.btn:focus-visible{ outline:2px solid var(--focus); outline-offset:2px; }

.btn--primary{
  background:var(--accent); color:#fff; border:1px solid transparent;
}
.btn--primary:hover{ background:var(--accent-600); transform:translateY(-1px); }

.btn--ghost{
  border:1px solid rgba(255,255,255,.18);
  color:var(--text);
  background:transparent;
}
.btn--ghost:hover{ text-decoration:underline; transform:translateY(-1px); }
.btn .icon{ position:relative; top:1px; }

/***********************
  KPI / Metrics row
***********************/
.metrics{
  list-style:none; padding:0; margin: var(--space-8) 0 0 0;
  display:grid; gap:14px;
  grid-template-columns:repeat(5, minmax(0,1fr));
}
.metric{
  display:flex; flex-direction:column; align-items:center; text-align:center;
  padding:18px 14px; border-radius:var(--radius);
  background:var(--card); border:1px solid rgba(255,255,255,.10);
  box-shadow:var(--shadow-card);
}
.metric__num{ font:800 28px/1 Inter, system-ui; color:#fff; margin-bottom:6px; }
.metric__label{ font:600 12px/1.4 Inter, system-ui; color:var(--muted); }

/***********************
  Growth card (lower contrast)
***********************/
.card{
  background:rgba(255,255,255,.05);
  border:1px solid rgba(255,255,255,.10);
  border-radius:var(--radius);
  box-shadow:var(--shadow-card);
  padding:18px;
  color:#E9ECF1;
}
.card--growth{ max-width:460px; margin-inline:auto; }
.card__title{ font:600 12px Inter, system-ui; color:#AEB4C0; letter-spacing:.04em; text-transform:none; }
.card__value{ font:800 clamp(36px,5vw,56px)/1 Inter, system-ui; color:#fff; margin-top:6px; }
.card__caption{ font:500 13px Inter, system-ui; color:#CDD3DE; margin-bottom:10px; }

.bar{ display:grid; grid-template-columns:84px 1fr 60px; align-items:center; gap:10px; margin:10px 0; }
.bar__label{ font:600 12px Inter; color:#AEB4C0; }
.bar__track{
  height:10px; border-radius:8px; background:rgba(255,255,255,.10); overflow:hidden; position:relative;
}
.bar__fill{
  position:absolute; inset:0 auto 0 0; width:var(--w);
  background:linear-gradient(90deg, #FFD2B0 0%, var(--accent) 100%);
  border-radius:8px;
}
.bar__fill--alt{ background:linear-gradient(90deg, #FFE5CC 0%, #FF9A33 100%); }
.bar__fill--thin{ background:linear-gradient(90deg, #FFF3E6 0%, #FFC48C 100%); }
.bar__val{ font:700 12px Inter; color:#E3E6EC; text-align:right; }

.mini{ display:flex; gap:8px; align-items:flex-end; margin-top:12px; }
.mini span{ width:8px; height:var(--h,18px); background:var(--accent); border-radius:3px; opacity:.9; }

/***********************
  A11y & utilities
***********************/
.visually-hidden{
  position:absolute !important; height:1px; width:1px; overflow:hidden;
  clip:rect(1px,1px,1px,1px); white-space:nowrap; clip-path:inset(50%); border:0; padding:0; margin:-1px;
}

/***********************
  Responsive rules
***********************/
@media (max-width:1023px){
  .metrics{ grid-template-columns:repeat(3, minmax(0,1fr)); }
}
@media (max-width:768px){
  .hero__grid{ grid-template-columns:1fr; }
  .hero__left{ grid-column:1 / -1; }
  .hero__right{ grid-column:1 / -1; order:5; transform:none; margin-top:var(--space-8); }
  .metrics{ grid-template-columns:repeat(2, minmax(0,1fr)); }
}

/***********************
  Motion preferences
***********************/
@media (prefers-reduced-motion: reduce){
  *{ animation:none !important; transition:none !important; }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-4256487 *//* === Pro tokens (lighter surface than hero) === */
:root{
  --bg:#0B0C10;                 /* hero */
  --surface:#15181c;            /* section base */
  --surface-2:rgba(255,255,255,.07); /* card */
  --border:rgba(255,255,255,.12);
  --text:#E6E7EA; --muted:#B6BAC4; --white:#fff;
  --accent:#FF6A00; --focus:#99C8FF;
  --radius:20px; --shadow:0 14px 34px rgba(0,0,0,.38);
}

/* === Full section: clean separation + anti-banding === */
#services.svc{
  position:relative;
  background:var(--surface);
  /* layered gradients for soft top glow (no banding) */
  background-image:
    radial-gradient(1200px 220px at 50% 0, rgba(255,255,255,.06), rgba(255,255,255,0) 70%),
    linear-gradient(180deg, rgba(255,255,255,.02), rgba(0,0,0,0) 42%);
}
/* crisp top separator */
#services.svc::before{
  content:""; position:absolute; inset:0 0 auto 0; height:1px;
  background:rgba(255,255,255,.10); top:0; opacity:.6; pointer-events:none;
}
/* ultra-subtle noise to kill banding on some screens */
#services.svc::after{
  content:""; position:absolute; inset:0; pointer-events:none; opacity:.05;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='80' height='80' viewBox='0 0 80 80'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");
}

/* container & anchor behavior */
.svc__container{max-width:1120px; margin:0 auto; padding:clamp(56px,7vw,100px) 24px}
#services{scroll-margin-top:clamp(72px,8vh,112px)} /* sticky header safe */

/* header cluster */
.svc__header{margin-bottom:18px}
.svc__kicker{display:inline-flex; align-items:center; gap:10px; margin-bottom:6px}
.svc__rule{width:36px; height:2px; border-radius:2px; background:var(--accent)}
.svc__eyebrow{color:var(--muted); letter-spacing:.12em; text-transform:uppercase; font-size:12px; margin:0}
.svc__h2{color:var(--white); font-size:clamp(30px,4.2vw,46px); line-height:1.08; letter-spacing:-.01em; margin:.25rem 0 .75rem; text-wrap:balance}
.svc__intro{color:var(--text); max-width:72ch; margin:0 0 14px}

/* tabs: make them premium segmented controls (works with your existing HTML) */
.svc__tablist{
  display:flex; gap:10px; margin:14px 0 18px; padding:6px;
  background:rgba(255,255,255,.05); border:1px solid var(--border); border-radius:14px;
}
.svc__tablist [role="tab"]{
  appearance:none; border:0; background:transparent; color:#fff;
  padding:10px 14px; border-radius:10px; font-weight:700; cursor:pointer; letter-spacing:.01em;
}
.svc__tablist [role="tab"][aria-selected="true"]{
  background:var(--surface-2);
  box-shadow:inset 0 -2px 0 0 var(--accent);
}
.svc__tablist [role="tab"]:hover{background:rgba(255,255,255,.07)}
.svc__tablist [role="tab"]:focus-visible{outline:2px solid var(--focus); outline-offset:2px}

/* panel card (if you already have .svc__panel, these refine it) */
.svc__panel{
  background:var(--surface-2); border:1px solid var(--border);
  border-radius:var(--radius); box-shadow:var(--shadow); padding:22px;
}
.svc__panel-inner{display:grid; grid-template-columns:1.6fr .4fr; gap:22px; align-items:center}
.svc__outcome{color:#fff; font-weight:800; margin:0 0 .6rem}
.svc__bullets{list-style:none; padding:0; margin:.3rem 0 1.2rem}
.svc__bullets li{position:relative; padding-left:14px; margin:.4rem 0; line-height:1.45}
.svc__bullets li::before{content:""; position:absolute; left:0; top:.68em; width:6px; height:6px; border-radius:2px; background:var(--accent)}
.svc__bullets a{color:var(--text); text-decoration:none}
.svc__bullets a:hover{color:#fff; text-decoration:underline}
.svc__cta{display:inline-flex; align-items:center; justify-content:center; min-height:44px; padding:10px 16px; border-radius:var(--radius); border:1px solid rgba(255,255,255,.18); color:#fff; text-decoration:none}
.svc__cta:hover{background:rgba(255,255,255,.07)}

/* right icon smaller; hide on tablet/mobile for cleaner composition */
.svc__illus{font-size:48px; text-align:center; opacity:.85}
@media (max-width: 1024px){ .svc__panel-inner{grid-template-columns:1fr} .svc__illus{display:none} }

/* footer actions under the section */
.svc__actions{display:flex; gap:12px; margin-top:24px}
.svc-btn{min-height:44px; padding:12px 18px; border-radius:var(--radius); text-decoration:none; display:inline-flex; align-items:center; justify-content:center}
.svc-btn--primary{background:var(--accent); color:#fff}
.svc-btn--ghost{border:1px solid rgba(255,255,255,.18); color:#fff}

/* a11y + motion */
:focus-visible{outline:2px solid var(--focus); outline-offset:2px}
@media (prefers-reduced-motion: reduce){ *{animation:none; transition:none} }/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-dae84da *//* =========================
   Light Section: How We Work
   (scoped to #process)
   ========================= */
#process.proc{
  --bg: #F6F7FB;          /* light section base */
  --card: #FFFFFF;        /* card surface */
  --line: #E5E7EB;        /* subtle borders */
  --text: #1B1F23;        /* main text */
  --muted:#4B5563;        /* secondary text */
  --accent:#FF6A00;       /* brand accent */
  --focus:#2563EB;        /* focus ring (accessible) */
  --radius: 18px;         /* rounded corners */
  --shadow: 0 6px 20px rgba(0,0,0,.06);

  background: var(--bg);
  scroll-margin-top: clamp(72px, 8vh, 112px); /* anchor safe with sticky header */
}

#process .proc__container{
  max-width: 1120px;
  margin: 0 auto;
  padding: clamp(56px, 7vw, 96px) 24px;
}

/* Header */
#process .proc__kicker{display:inline-flex; align-items:center; gap:10px; margin-bottom:6px}
#process .proc__rule{width:36px; height:2px; border-radius:2px; background:var(--accent)}
#process .proc__eyebrow{margin:0; color:var(--muted); letter-spacing:.12em; text-transform:uppercase; font-size:12px}
#process .proc__h2{margin:.25rem 0 .6rem; font-size:clamp(30px,4.2vw,46px); line-height:1.08; letter-spacing:-.01em; color:var(--text); text-wrap:balance}
#process .proc__intro{color:var(--muted); max-width:72ch}

/* Steps grid */
#process .proc__steps{
  list-style:none; padding:0; margin:22px 0 14px;
  display:grid; gap:16px;
  grid-template-columns: 1fr;
}
@media (min-width: 720px){ #process .proc__steps{grid-template-columns: 1fr 1fr} }
@media (min-width: 1100px){ #process .proc__steps{grid-template-columns: repeat(4, 1fr)} }

#process .proc__card{
  background:var(--card);
  border:1px solid var(--line);
  border-radius:var(--radius);
  box-shadow:var(--shadow);
  padding:18px 18px 16px;
  display:flex; flex-direction:column;
  min-height: 220px;
}

#process .proc__stepno{
  width:34px; height:34px; border-radius:10px;
  background:linear-gradient(180deg, rgba(255,106,0,.16), rgba(255,106,0,.06));
  border:1px solid rgba(255,106,0,.35);
  color:var(--text); font-weight:800; font-size:16px;
  display:flex; align-items:center; justify-content:center;
  margin-bottom:10px;
}

#process .proc__card h3{margin:.1rem 0 .25rem; font-size:18px; color:var(--text)}
#process .proc__card p{margin:0 0 .5rem; color:var(--muted)}
#process .proc__bullets{list-style:none; padding:0; margin:0}
#process .proc__bullets li{position:relative; padding-left:14px; margin:.35rem 0; color:var(--muted); line-height:1.45}
#process .proc__bullets li::before{
  content:""; position:absolute; left:0; top:.65em; width:6px; height:6px; border-radius:2px; background:var(--accent);
}

/* Guarantee */
#process .proc__guarantee{
  display:flex; gap:12px; align-items:flex-start;
  margin:18px 0 8px; padding:14px 16px;
  background:#FFF7F0;                       /* light accent tint */
  border:1px solid #FFE0C7;
  border-radius:14px;
}
#process .proc__g-badge{
  width:28px; height:28px; border-radius:8px;
  background:#FFEDD5; color:#0F172A; font-weight:800;
  display:flex; align-items:center; justify-content:center; font-size:16px;
}
#process .proc__guarantee p{margin:0; color:#0F172A}
#process .proc__guarantee strong{color:#0F172A}

/* CTAs */
#process .proc__actions{display:flex; gap:12px; margin-top:18px; flex-wrap:wrap}
#process .proc-btn{
  min-height:44px; padding:12px 18px; border-radius:14px;
  display:inline-flex; align-items:center; justify-content:center;
  text-decoration:none; font-weight:600;
}
#process .proc-btn--primary{background:var(--accent); color:#fff}
#process .proc-btn--primary:hover{filter:brightness(0.95)}
#process .proc-btn--ghost{border:1px solid var(--line); color:#0F172A; background:#fff}
#process .proc-btn--ghost:hover{background:#F3F4F6}

/* Accessibility */
#process :focus-visible{outline:2px solid var(--focus); outline-offset:2px}
@media (prefers-reduced-motion: reduce){ #process *{animation:none; transition:none} }/* End custom CSS */