.elementor-7 .elementor-element.elementor-element-00e1130{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;border-style:none;--border-style:none;}.elementor-7 .elementor-element.elementor-element-bc380d7{--display:flex;}.elementor-7 .elementor-element.elementor-element-703f370{--display:flex;}.elementor-7 .elementor-element.elementor-element-f75c65b{--display:flex;}.elementor-7 .elementor-element.elementor-element-6e53411{--display:flex;}.elementor-7 .elementor-element.elementor-element-509968c{--display:flex;}.elementor-7 .elementor-element.elementor-element-3de465d{--display:flex;}.elementor-7 .elementor-element.elementor-element-bf0e422{--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-7 .elementor-element.elementor-element-4f84319{--display:flex;}.elementor-7 .elementor-element.elementor-element-8b69250{--display:flex;}/* Start custom CSS *//* ---------- fonts ----------
Lora carries the "established firm" feel. Poppins stays for body/UI.
Better than @import: Elementor → Site Settings → Typography, or add a
+ in Site Settings → Custom Code → .
@import is used here so this file works as a single paste. */
@import url('https://fonts.googleapis.com/css2?family=Lora:ital,wght@0,400;0,500;0,600;1,400&display=swap');
:root{
--owl-serif:"Lora",Georgia,"Times New Roman",serif;
--owl-sans:"Poppins",system-ui,-apple-system,"Segoe UI",sans-serif;
/* greens */
--owl-green:#00693E;
--owl-green-dk:#00512F;
--owl-dark:#12291E;
/* accent — used sparingly now, it was doing too much work before */
--owl-gold:#FC9038;
--owl-gold-dk:#E8842F;
/* warm neutrals — the main fix for the "cold SaaS" feel */
--owl-ink:#1C2A22;
--owl-body:#4F5D55;
--owl-soft:#6E7C73;
--owl-cream:#FAF6F0;
--owl-sand:#F3EDE4;
--owl-line:#E4DBCE;
--owl-line-dk:rgba(255,255,255,.14);
--owl-r:4px;
}
/* ---------- section shells ---------- */
.owl-sec{font-family:var(--owl-sans);padding:84px 22px;}
.owl-sec--white{background:#fff;}
.owl-sec--cream{background:var(--owl-cream);}
.owl-sec--dark{background:var(--owl-dark);}
.owl-wrap{max-width:1120px;margin:0 auto;}
.owl-wrap--narrow{max-width:860px;margin:0 auto;}
/* ---------- editorial eyebrow (replaces pill badges) ---------- */
.owl-eyebrow{display:flex;align-items:center;gap:11px;font-family:var(--owl-sans);
font-size:11.5px;font-weight:600;letter-spacing:.17em;text-transform:uppercase;
color:var(--owl-green);margin:0 0 18px;}
.owl-eyebrow::before{content:"";width:28px;height:1px;background:var(--owl-gold);flex:0 0 28px;}
.owl-eyebrow--light{color:var(--owl-gold);}
.owl-eyebrow--center{justify-content:center;}
/* ---------- headings ---------- */
.owl-h1{font-family:var(--owl-serif);font-size:clamp(34px,4.5vw,54px);line-height:1.14;
font-weight:600;color:#fff;margin:0 0 20px;letter-spacing:-.012em;}
.owl-h2{font-family:var(--owl-serif);font-size:clamp(28px,3.4vw,41px);line-height:1.2;
font-weight:600;color:var(--owl-ink);margin:0 0 14px;letter-spacing:-.01em;}
.owl-h2--light{color:#fff;}
.owl-h3{font-family:var(--owl-serif);font-size:20px;line-height:1.32;font-weight:600;
color:var(--owl-ink);margin:0 0 9px;}
.owl-lede{font-family:var(--owl-sans);font-size:17px;line-height:1.68;color:var(--owl-body);margin:0;}
.owl-lede--light{color:rgba(255,255,255,.74);}
/* ---------- buttons ---------- */
.owl-cta{display:inline-flex;align-items:center;justify-content:center;gap:10px;
font-family:var(--owl-sans);font-size:15.5px;font-weight:600;line-height:1;
padding:17px 32px;border-radius:var(--owl-r);text-decoration:none!important;
border:1px solid transparent;cursor:pointer;
transition:background .18s ease,color .18s ease,border-color .18s ease;}
.owl-cta svg{width:17px;height:17px;fill:currentColor;flex:0 0 17px;}
.owl-cta--solid{background:var(--owl-green);color:#fff!important;}
.owl-cta--solid:hover{background:var(--owl-green-dk);}
.owl-cta--gold{background:var(--owl-gold);color:#1C2A22!important;}
.owl-cta--gold:hover{background:var(--owl-gold-dk);}
.owl-cta--cream{background:var(--owl-cream);color:var(--owl-ink)!important;}
.owl-cta--cream:hover{background:#fff;}
.owl-cta--ghost{background:transparent;border-color:rgba(255,255,255,.36);color:#fff!important;}
.owl-cta--ghost:hover{background:rgba(255,255,255,.09);border-color:rgba(255,255,255,.6);}
.owl-cta--outline{background:transparent;border-color:var(--owl-green);color:var(--owl-green)!important;}
.owl-cta--outline:hover{background:var(--owl-green);color:#fff!important;}
/* ---------- responsive CTA swap ----------
Desktop shows .owl-d (form lightbox). Mobile shows .owl-m (tap to call).
Elementor's mobile breakpoint is 767px, so the swap matches it. */
.owl-m{display:none!important;}
@media(max-width:767px){
.owl-d{display:none!important;}
.owl-m{display:inline-flex!important;}
.owl-cta{width:100%;padding:18px 24px;font-size:16.5px;}
}
/* ---------- misc shared ---------- */
.owl-rule{height:1px;background:var(--owl-line);border:0;margin:0;}
.owl-stars{color:var(--owl-gold);letter-spacing:2px;line-height:1;}
/* ================= FORM LIGHTBOX ================= */
.owl-lb{position:fixed;inset:0;z-index:100000;display:none;
background:rgba(18,41,30,.78);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);
overflow-y:auto;padding:26px 16px;}
.owl-lb.is-open{display:block;}
.owl-lb__panel{position:relative;max-width:620px;margin:0 auto;background:#fff;
border-radius:var(--owl-r);box-shadow:0 30px 70px rgba(0,0,0,.34);overflow:hidden;
font-family:var(--owl-sans);animation:owlLbIn .22s ease-out;}
@keyframes owlLbIn{from{opacity:0;transform:translateY(14px);}to{opacity:1;transform:none;}}
@media(prefers-reduced-motion:reduce){.owl-lb__panel{animation:none;}}
.owl-lb__head{background:var(--owl-cream);border-bottom:1px solid var(--owl-line);
padding:30px 34px 26px;}
.owl-lb__head h2{font-family:var(--owl-serif);font-size:26px;line-height:1.28;font-weight:600;
color:var(--owl-ink);margin:0 0 9px;padding-right:38px;}
.owl-lb__head p{font-size:14.5px;line-height:1.62;color:var(--owl-body);margin:0;}
.owl-lb__close{position:absolute;top:20px;right:20px;width:34px;height:34px;
border:1px solid var(--owl-line);border-radius:var(--owl-r);background:#fff;cursor:pointer;
display:flex;align-items:center;justify-content:center;padding:0;transition:background .15s;}
.owl-lb__close:hover{background:var(--owl-sand);}
.owl-lb__close svg{width:15px;height:15px;fill:var(--owl-ink);}
.owl-lb__body{padding:28px 34px 22px;min-height:280px;}
.owl-lb__body .hs-form-frame{width:100%;}
.owl-lb__alt{display:flex;align-items:center;gap:13px;flex-wrap:wrap;
padding:18px 34px;background:var(--owl-cream);border-top:1px solid var(--owl-line);}
.owl-lb__alt p{margin:0;font-size:14px;color:var(--owl-body);line-height:1.5;}
.owl-lb__alt a{color:var(--owl-green);font-weight:700;text-decoration:none;white-space:nowrap;}
.owl-lb__alt a:hover{text-decoration:underline;}
.owl-lb__fine{padding:0 34px 26px;font-size:12px;line-height:1.6;color:var(--owl-soft);margin:0;}
@media(max-width:600px){
.owl-lb{padding:0;}
.owl-lb__panel{max-width:none;min-height:100vh;border-radius:0;}
.owl-lb__head{padding:24px 20px 20px;}
.owl-lb__head h2{font-size:22px;}
.owl-lb__body{padding:22px 20px 18px;}
.owl-lb__alt,.owl-lb__fine{padding-left:20px;padding-right:20px;}
}/* End custom CSS */