/* Offer18 — refresh layer. Load after the existing bundle (linked in _h1.php before </head>). */
@font-face{font-family:mona-sans;font-weight:100 400;src:url(../../custom-fonts/mona-sans/Mona-Sans-Regular.woff2) format("woff2");font-display:swap}
@font-face{font-family:mona-sans;font-weight:500;src:url(../../custom-fonts/mona-sans/Mona-Sans-Medium.woff2) format("woff2");font-display:swap}
@font-face{font-family:mona-sans;font-weight:600;src:url(../../custom-fonts/mona-sans/Mona-Sans-SemiBold.woff2) format("woff2");font-display:swap}
@font-face{font-family:mona-sans;font-weight:700 900;src:url(../../custom-fonts/mona-sans/Mona-Sans-Bold.woff2) format("woff2");font-display:swap}

:root{
  --o18r-ink:#0B1A33;--o18r-ink-2:#2B3546;--o18r-muted:#4B5565;--o18r-subtle:#6B7280;
  --o18r-navy:#1C3352;--o18r-accent:#ff7423;--o18r-line:#E9EBEF;--o18r-line-2:#EEEFF2;
  --o18r-surface:#F7F8FA;--o18r-surface-2:#F4F5F7;
  --o18r-tint-teal:#DDF2F2;--o18r-tint-violet:#EFE9FF;--o18r-tint-green:#E3F5DE;--o18r-tint-peach:#FFE9DE;--o18r-tint-sand:#FFF1D7;
  --o18r-radius:18px;--o18r-radius-lg:24px;--o18r-pill:999px;
  --o18r-max:1152px;--o18r-gutter:clamp(14px,4vw,24px);
  --o18r-font:mona-sans,system-ui,-apple-system,"Segoe UI",sans-serif;
  --o18r-mono:"JetBrains Mono",ui-monospace,SFMono-Regular,Menlo,monospace;
}

/* ---------- Base typography (calmer heading scale) ---------- */
body{font-family:var(--o18r-font);color:var(--o18r-ink);-webkit-font-smoothing:antialiased}
h1,.h1{font-size:clamp(30px,3.8vw,44px)!important;line-height:1.1!important;font-weight:600!important;letter-spacing:-.03em}
h2,.h2{font-size:clamp(24px,2.6vw,32px)!important;line-height:1.2!important;font-weight:600!important;letter-spacing:-.02em}
h3,.h3{font-size:clamp(18px,1.8vw,22px)!important;line-height:1.3!important;font-weight:600!important}
h4,.h4{font-size:17px!important;font-weight:600!important}
p{text-wrap:pretty}
a{color:var(--o18r-navy)}a:hover{color:var(--o18r-accent)}
.text-dark{color:var(--o18r-ink)!important}
.bg-light{background-color:var(--o18r-surface)!important}
.ptb-100{padding-top:88px!important;padding-bottom:88px!important}
.ptb-120{padding-top:96px!important;padding-bottom:96px!important}
@media (max-width:767px){.ptb-100,.ptb-120{padding-top:56px!important;padding-bottom:56px!important}}
/* The !important section paddings above would otherwise beat Bootstrap's zero-padding utilities (e.g. "ptb-100 pt-lg-0"), so restore them */
.pt-0,.py-0{padding-top:0!important}.pb-0,.py-0{padding-bottom:0!important}
@media (min-width:576px){.pt-sm-0,.py-sm-0{padding-top:0!important}.pb-sm-0,.py-sm-0{padding-bottom:0!important}}
@media (min-width:768px){.pt-md-0,.py-md-0{padding-top:0!important}.pb-md-0,.py-md-0{padding-bottom:0!important}}
@media (min-width:992px){.pt-lg-0,.py-lg-0{padding-top:0!important}.pb-lg-0,.py-lg-0{padding-bottom:0!important}}
@media (min-width:1200px){.pt-xl-0,.py-xl-0{padding-top:0!important}.pb-xl-0,.py-xl-0{padding-bottom:0!important}}

/* ---------- Existing widget restyle ---------- */
.btn{border-radius:var(--o18r-pill)!important;font-weight:600!important}
.btn-primary,.btn-dark{background:var(--o18r-navy)!important;border-color:var(--o18r-navy)!important;color:#fff!important}
.btn-primary:hover,.btn-dark:hover{background:var(--o18r-ink)!important;border-color:var(--o18r-ink)!important}
.btn-outline-primary,.btn-outline-dark{border-color:#D5D8DF!important;color:var(--o18r-ink)!important;background:#fff!important}
.btn-outline-primary:hover,.btn-outline-dark:hover{border-color:var(--o18r-ink)!important}
.badge.rounded-pill{font-family:var(--o18r-mono);font-size:11px!important;letter-spacing:.18em!important;text-transform:uppercase;font-weight:500!important}
.rounded-custom,.rounded-custom-2{border-radius:var(--o18r-radius)!important}
.shadow,.shadow-sm,.shadow-lg{box-shadow:none!important;border:1px solid var(--o18r-line)}
.card,.feature-card,.single-feature,.promo-card{border:1px solid var(--o18r-line)!important;border-radius:var(--o18r-radius)!important;box-shadow:none!important}
.accordion-item{border:0!important;border-bottom:1px solid var(--o18r-line)!important;background:transparent!important}
.accordion-button{font-weight:600!important;font-size:16px!important;background:transparent!important;box-shadow:none!important;color:var(--o18r-ink)!important;padding:18px 0!important}
.accordion-body{padding:0 0 18px!important;color:var(--o18r-muted)}
.form-control,.form-select{border-radius:12px!important;border-color:#DDE0E6!important;padding:11px 14px!important}
.form-control:focus,.form-select:focus{border-color:var(--o18r-navy)!important;box-shadow:0 0 0 3px rgba(28,51,82,.12)!important}

/* ---------- Shared atoms ---------- */
.o18r-btn{display:inline-flex;align-items:center;gap:8px;font:600 15px/1 var(--o18r-font);padding:13px 22px;border-radius:var(--o18r-pill);white-space:nowrap;text-decoration:none;border:1px solid transparent;transition:background .15s,border-color .15s,color .15s}
.o18r-btn--primary{background:var(--o18r-navy);color:#fff}.o18r-btn--primary:hover{background:var(--o18r-ink);color:#fff}
.o18r-btn--light{background:#fff;color:var(--o18r-ink)}.o18r-btn--light:hover{background:#F1F2F4;color:var(--o18r-ink)}
.o18r-btn--ghost{border-color:rgba(255,255,255,.35);color:#fff}.o18r-btn--ghost:hover{border-color:#fff;color:#fff}
.o18r-pill{display:inline-flex;align-items:center;justify-content:center;gap:6px;font:500 13px var(--o18r-font);color:var(--o18r-ink);background:transparent;border:1px solid #E3E5EA;border-radius:var(--o18r-pill);padding:7px 12px;cursor:pointer;text-decoration:none}
.o18r-pill:hover{border-color:var(--o18r-ink);color:var(--o18r-ink)}

/* ---------- Header ---------- */
.o18r-header{position:sticky;top:0;z-index:1030;background:rgba(255,255,255,.92);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--o18r-line-2);font-family:var(--o18r-font)}
.o18r-header__bar{max-width:1200px;margin:0 auto;padding:0 var(--o18r-gutter);height:68px;display:flex;align-items:center;justify-content:space-between;gap:clamp(10px,2vw,24px)}
.o18r-header__logo{flex:none;display:block}.o18r-header__logo img{width:clamp(84px,10vw,124px);height:auto;display:block}
.o18r-nav{list-style:none;margin:0;padding:0;display:flex;align-items:center;justify-content:center;flex:1 1 auto;min-width:0;white-space:nowrap}
.o18r-nav__link{display:flex;align-items:center;gap:6px;font:500 14.5px var(--o18r-font);color:var(--o18r-ink);background:transparent;border:0;padding:8px clamp(6px,.9vw,12px);border-radius:8px;cursor:pointer;text-decoration:none}
.o18r-nav__link i{font-size:9px;opacity:.6;transition:transform .15s}
.o18r-nav__link:hover,.o18r-nav__item.is-open>.o18r-nav__link{background:var(--o18r-surface-2);color:var(--o18r-ink)}
.o18r-nav__item.is-open>.o18r-nav__link i{transform:rotate(180deg)}
.o18r-nav__item.is-active>.o18r-nav__link{color:var(--o18r-accent)}
.o18r-header__actions{display:flex;align-items:center;gap:8px;flex:none}
.o18r-header__cta{font-size:14px;padding:10px 16px}
.o18r-header__burger{display:none;min-width:40px;height:40px;padding:0 12px}

.o18r-mega{position:absolute;left:0;right:0;top:100%;padding:0 var(--o18r-gutter);display:none}
.o18r-nav__item.is-open .o18r-mega{display:block}
.o18r-mega__panel{max-width:var(--o18r-max);margin:8px auto 0;background:#fff;border:1px solid var(--o18r-line);border-radius:20px;box-shadow:0 24px 60px -24px rgba(11,26,51,.28);padding:18px;display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:4px 18px;white-space:normal}
.o18r-mega__h{font:600 11px var(--o18r-mono);letter-spacing:.16em;text-transform:uppercase;color:var(--o18r-subtle);padding:6px 10px 8px;min-height:27px}
.o18r-mega__item{display:flex;gap:12px;align-items:flex-start;padding:9px 10px;border-radius:12px;color:var(--o18r-ink);text-decoration:none}
.o18r-mega__item:hover{background:var(--o18r-surface-2);color:var(--o18r-ink)}
.o18r-mega__ic{width:32px;height:32px;flex:none;border-radius:9px;background:var(--o18r-surface-2);display:flex;align-items:center;justify-content:center;font-size:13px}
.o18r-mega__item b{display:block;font-size:14px;font-weight:600;line-height:1.3}
.o18r-mega__item small{display:block;font-size:12.5px;color:var(--o18r-subtle);margin-top:2px;line-height:1.3}

.o18r-lang{position:relative}
.o18r-lang__menu{display:none;position:absolute;right:0;top:calc(100% + 6px);background:#fff;border:1px solid var(--o18r-line);border-radius:14px;box-shadow:0 16px 40px -20px rgba(11,26,51,.3);padding:6px;min-width:110px}
.o18r-lang.is-open .o18r-lang__menu{display:block}
.o18r-lang__menu a{display:flex;align-items:center;gap:8px;padding:7px 10px;border-radius:8px;font-size:13px;color:var(--o18r-ink);text-decoration:none}
.o18r-lang__menu a:hover{background:var(--o18r-surface-2)}

.o18r-mobile{border-top:1px solid var(--o18r-line-2);background:#fff;padding:8px var(--o18r-gutter) 16px;max-height:calc(100vh - 68px);overflow-y:auto}
.o18r-mobile__lang{display:flex;flex-wrap:wrap;gap:6px;padding:10px 0 4px}
.o18r-mobile__group{border-bottom:1px solid #F1F2F4}
.o18r-mobile__toggle{width:100%;display:flex;justify-content:space-between;align-items:center;gap:12px;text-align:left;white-space:nowrap;background:transparent;border:0;padding:13px 0;cursor:pointer;font:500 15px var(--o18r-font);color:var(--o18r-ink);text-decoration:none}
.o18r-mobile__toggle i{font-size:11px;opacity:.6;transition:transform .15s}
.o18r-mobile__group.is-open .o18r-mobile__toggle i{transform:rotate(180deg)}
.o18r-mobile__list{display:none;flex-direction:column;padding:0 0 10px}
.o18r-mobile__group.is-open .o18r-mobile__list{display:flex}
.o18r-mobile__list a{font-size:14px;color:var(--o18r-ink-2);padding:7px 0 7px 12px;text-decoration:none}
.o18r-mobile__list a:hover{color:var(--o18r-accent)}

@media (max-width:1099px){
  .o18r-nav,.o18r-mega{display:none!important}
  .o18r-header__burger{display:inline-flex}
}
@media (max-width:639px){
  .o18r-lang{display:none}
  .o18r-header__cta{font-size:13px;padding:9px 12px}
  .o18r-header__burger span{display:none}
}
@media (min-width:640px){.o18r-mobile__lang{display:none}}
@media (min-width:1100px){.o18r-mobile{display:none!important}}

/* ---------- Footer CTA ---------- */
.o18r-cta{padding:0 var(--o18r-gutter);margin:0 0 -64px;position:relative;z-index:1;font-family:var(--o18r-font)}
.o18r-cta__inner{max-width:var(--o18r-max);margin:0 auto;background:var(--o18r-navy);color:#fff;border-radius:var(--o18r-radius-lg);padding:clamp(28px,4vw,48px);display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:24px}
.o18r-cta__title{color:#fff!important;font-size:clamp(24px,2.8vw,34px)!important;margin:0}
.o18r-cta__title em{font-style:normal;color:#FFB98E}
.o18r-cta__list{list-style:none;margin:14px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:8px 20px;font-size:14.5px;color:#D7DEE8}
.o18r-cta__list i{color:#8FE3A6;margin-right:8px;font-size:12px}
.o18r-cta__actions{display:flex;flex-wrap:wrap;gap:10px}

/* ---------- Footer ---------- */
.o18r-footer{background:#111418;color:#b5b5b5;font-family:var(--o18r-font);font-size:14px;padding:112px var(--o18r-gutter) 28px}
.o18r-footer a{color:#b5b5b5;text-decoration:none}.o18r-footer a:hover{color:#fff}
.o18r-footer__inner{max-width:var(--o18r-max);margin:0 auto}
.o18r-footer__top{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,3fr);gap:40px}
.o18r-footer__brand img{width:124px;height:auto}
.o18r-footer__social{display:flex;gap:8px;margin-top:20px}
.o18r-footer__social a{width:36px;height:36px;border-radius:50%;border:1px solid #2C3138;display:flex;align-items:center;justify-content:center;font-size:14px}
.o18r-footer__social a:hover{border-color:#fff}
.o18r-footer__cols{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:28px}
.o18r-footer__h{color:#fff;font-weight:600;font-size:14.5px;margin-bottom:14px}.o18r-footer__h a{color:#fff}
.o18r-footer__col ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}
.o18r-footer__mid{display:flex;flex-wrap:wrap;justify-content:space-between;gap:14px;margin-top:44px;padding:20px 0;border-top:1px solid #23272D;border-bottom:1px solid #23272D}
.o18r-footer__badges,.o18r-footer__links,.o18r-footer__legal{display:flex;flex-wrap:wrap;gap:8px 20px}
.o18r-footer__badges a{display:inline-flex;align-items:center;line-height:1;font:600 11px var(--o18r-mono);letter-spacing:.12em;border:1px solid #2C3138;border-radius:var(--o18r-pill);padding:6px 10px}
.o18r-footer__links a,.o18r-footer__legal a{white-space:nowrap}
.o18r-footer__badges,.o18r-footer__links{align-items:center}
.o18r-footer__bottom{display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px;padding-top:20px;font-size:13px}
.o18r-footer__bottom p{margin:0}
@media (max-width:991px){.o18r-footer__top{grid-template-columns:1fr}.o18r-footer__cols{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:639px){.o18r-footer__mid,.o18r-footer__bottom{flex-direction:column;align-items:flex-start}}
@media (max-width:479px){.o18r-footer__cols{grid-template-columns:1fr}}