/* BRAMY TECHNOLOGIES — home page, 2026-10 redesign (bt26/home3.php). */

:root{
  --navy:#12294c;
  --navy-2:#102d58;
  --navy-3:#173866;
  --h3-navy:#12294c;
  --h3-navy2:#173866;
  --h3-ink:#0f172a;
  --h3-blue:#25bdf3;
  --h3-blue2:#1677c9;
  --h3-muted:#56657a;
  --h3-line:#e2e9f1;
  --h3-soft:#ffffff;
  --h3-wrap:1254px;
  --h3-r:14px;
  --h3-shadow:0 10px 30px rgba(10,28,54,.07),0 2px 6px rgba(10,28,54,.04);
}

*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:84px;-webkit-text-size-adjust:100%}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}
body.h3{margin:0;font-family:"Heebo",system-ui,sans-serif;font-size:16px;line-height:1.55;color:var(--h3-ink);background:#fff;overflow-x:hidden;-webkit-font-smoothing:antialiased}
:where(.h3) img{max-width:100%;display:block}
:where(.h3) a{color:inherit;text-decoration:none}
:where(.h3) :is(h1,h2,h3,p,ul,ol,figure,blockquote){margin:0}
:where(.h3) :is(ul,ol){padding:0;list-style:none}
:where(.h3) button{font:inherit;color:inherit;background:none;border:0;padding:0;cursor:pointer}
.h3 :focus-visible{outline:2px solid var(--h3-blue);outline-offset:3px;border-radius:6px}
.h3-lock{overflow:hidden}
.h3-sr{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.h3-hp{position:absolute!important;right:0;width:1px;height:1px;padding:0;border:0;opacity:0;clip-path:inset(50%);pointer-events:none}
.h3-skip{position:fixed;top:-60px;right:16px;z-index:200;background:#fff;color:var(--h3-ink);padding:10px 16px;border-radius:8px;font-weight:700}
.h3-skip:focus{top:12px}

.h3-wrap{width:min(var(--h3-wrap),100% - 48px);margin-inline:auto}

/* buttons */
.h3-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;height:46px;padding:0 24px;border-radius:8px;font-size:15px;font-weight:700;line-height:1;white-space:nowrap;transition:background .2s,border-color .2s,box-shadow .2s,transform .2s,color .2s;cursor:pointer}
.h3-btn:active{transform:scale(.98)}
.h3-btn--lg{height:52px;padding:0 30px;font-size:16px}
.h3-btn--blue{background:var(--navy);color:#fff!important;border:1.5px solid rgba(255,255,255,.35);box-shadow:0 6px 20px rgba(10,31,68,.35)}
.h3-btn--blue:hover{background:var(--navy-3);border-color:#fff;box-shadow:0 10px 26px rgba(10,31,68,.45);transform:translateY(-2px)}
.h3-btn--ghost{border:1.5px solid rgba(255,255,255,.35);color:#fff!important;background:rgba(18,41,76,.4);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}
.h3-btn--ghost:hover{border-color:#fff;background:rgba(255,255,255,.15);transform:translateY(-2px)}
.h3-btn--navy{background:var(--navy);color:#fff!important;border:1.5px solid rgba(255,255,255,.35)}
.h3-btn--navy:hover{background:var(--navy-3);border-color:#fff}
.h3-btn .i{flex:none}

/* section heads */
.h3-head{text-align:center;margin:0 auto 44px;max-width:760px}
.h3-eye{font-family:"Montserrat","Heebo",sans-serif;font-size:13.5px;font-weight:700;letter-spacing:.14em;color:var(--h3-blue2);text-transform:uppercase;margin-bottom:4px}
.h3-head h2{font-size:42px;line-height:1.15;font-weight:800;color:var(--h3-ink);letter-spacing:-.01em}
.h3-sub{font-size:18px;line-height:1.45;color:#33445b;margin-top:6px}
.h3-head--dark h2{color:#e4f2ff}
.h3-head--dark .h3-sub{color:#cfe0f1}
.h3-head--dark .h3-eye{color:var(--h3-blue)}

/* ───────── header (same markup and rules as the shared bt26 header) ───────── */
.h3{--navy:#12294c;--navy-2:#102d58;--navy-3:#173866;--blue:#1677c9;--ink:#0f172a;--line:#e3e9f2;--bg:#ffffff;--wrap:1280px;--gut:clamp(16px,4vw,40px);--fl:"Inter","Heebo",system-ui,sans-serif}
.bt-wrap{width:100%;max-width:calc(var(--wrap) + var(--gut)*2);margin-inline:auto;padding-inline:var(--gut)}
.bt-hdr .i,.bt-drawer .i{flex:none;display:block}
html.bt-lock{overflow:hidden}
html.bt-lock .bt-hdr{position:fixed;top:0;left:0;right:0}
html.bt-lock #ea11y-root,html.bt-lock .h3-mbar{display:none!important}
.bt-btn{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:50px;padding:12px 26px;border-radius:8px;font-weight:700;font-size:16px;line-height:1.2;border:1.5px solid transparent;transition:background .2s,color .2s,box-shadow .2s,transform .2s;white-space:nowrap;cursor:pointer}
.bt-btn:active{transform:scale(.98)}
.bt-btn--navy{background:var(--navy);color:#fff!important}
.bt-btn--navy:hover{background:var(--navy-3);box-shadow:0 10px 24px rgba(10,31,68,.25)}
.bt-hdr{position:sticky;top:0;z-index:100;background:#fff;border-bottom:1px solid transparent;transition:box-shadow .2s,border-color .2s}
.bt-hdr.is-scrolled{box-shadow:0 6px 24px rgba(10,31,68,.08);border-color:var(--line)}
.bt-hdr__in{display:flex;align-items:center;gap:28px;height:84px;transition:height .25s ease}
.bt-hdr--slim .bt-hdr__in{justify-content:space-between;gap:16px}
.bt-hdr--slim .bt-hdr__cta{margin-inline-start:auto}
@media (min-width:981px){.bt-hdr.is-scrolled .bt-hdr__in{height:70px}}
.bt-logo{display:inline-flex;align-items:baseline;gap:.32em;direction:ltr;white-space:nowrap;line-height:1;font-family:'Montserrat',var(--fl);font-size:25px;letter-spacing:.02em;color:var(--navy)!important;flex:none}
.bt-logo b{font-weight:300}
.bt-logo span{font-weight:300}
.bt-logo--lt{color:#fff!important}
.bt-nav{display:flex;align-items:center;justify-content:space-evenly;gap:clamp(14px,2.2vw,36px);flex:1;height:100%}
.bt-nav a{position:relative;display:flex;align-items:center;height:100%;font-size:16px;font-weight:500;color:var(--ink);white-space:nowrap;transition:color .2s}
.bt-nav a:hover{color:var(--navy-3)}
.bt-nav a.is-on{color:var(--navy);font-weight:700}
.bt-nav a.is-on::after{content:"";position:absolute;inset-inline:0;bottom:0;height:3px;border-radius:3px 3px 0 0;background:var(--navy)}
.bt-hdr__cta{flex:none}
.bt-burger{display:none;align-items:center;justify-content:center;gap:9px;height:44px;min-width:44px;padding:0 16px 0 14px;border:1px solid var(--line);border-radius:999px;background:var(--bg);color:var(--navy);font-family:inherit;font-weight:700;font-size:15px;line-height:1;cursor:pointer;transition:background .2s,transform .15s}
.bt-burger:hover{background:#e9f1fe}
.bt-burger:active{transform:scale(.96)}
.bt-burger:focus-visible,.bt-hdr__call:focus-visible{outline:3px solid var(--blue);outline-offset:2px}
.bt-burger__ic{position:relative;width:18px;height:12px;flex:none}
.bt-burger__ic i{position:absolute;inset-inline:0;height:2px;border-radius:2px;background:currentColor;transition:top .25s ease,transform .25s ease,opacity .15s}
.bt-burger__ic i:nth-child(1){top:0}
.bt-burger__ic i:nth-child(2){top:5px;inset-inline-end:5px}
.bt-burger__ic i:nth-child(3){top:10px}
.bt-burger[aria-expanded="true"] .bt-burger__ic i:nth-child(1){top:5px;transform:rotate(45deg)}
.bt-burger[aria-expanded="true"] .bt-burger__ic i:nth-child(2){opacity:0}
.bt-burger[aria-expanded="true"] .bt-burger__ic i:nth-child(3){top:5px;transform:rotate(-45deg)}
.bt-hdr__call{display:none;width:44px;height:44px;border-radius:50%;align-items:center;justify-content:center;background:var(--bg);border:1px solid var(--line);color:var(--navy)!important;transition:background .2s}
.bt-hdr__call:hover{background:#e9f1fe}
.bt-drawer{position:fixed;top:72px;inset-inline:0;bottom:0;z-index:99;background:#fff;padding:8px var(--gut) calc(16px + env(safe-area-inset-bottom,0px));overscroll-behavior:contain;display:flex;flex-direction:column;gap:20px;overflow:auto;border-top:1px solid var(--line);visibility:hidden;opacity:0;transform:translateY(-10px);transition:opacity .22s ease,transform .22s ease,visibility 0s linear .22s}
.bt-drawer.is-open{visibility:visible;opacity:1;transform:none;transition:opacity .22s ease,transform .22s ease,visibility 0s}
.bt-drawer nav{display:flex;flex-direction:column}
.bt-drawer nav a{display:flex;align-items:center;justify-content:space-between;padding:17px 4px;font-size:19px;font-weight:600;color:var(--ink);border-bottom:1px solid var(--line)}
.bt-drawer nav a .i{color:#b3c0d4;transition:color .2s}
.bt-drawer nav a:hover .i,.bt-drawer nav a.is-on .i{color:var(--navy)}
.bt-drawer nav a.is-on{color:var(--navy)}
.bt-drawer__ft{margin-top:auto;display:grid;gap:12px}
.bt-drawer__ft .bt-btn{width:100%;justify-content:center}
.bt-drawer__contact{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.bt-drawer__contact a{display:flex;align-items:center;justify-content:center;gap:8px;padding:13px 10px;border-radius:12px;background:var(--navy);border:1px solid var(--navy);color:#fff!important;font-weight:700;font-size:15px;transition:background .2s}
.bt-drawer__contact a:hover{background:var(--navy-3)}
.bt-drawer__contact .i{color:#fff}
.bt-drawer__contact a{white-space:nowrap;font-size:14px;gap:6px;padding-inline:6px}
@media (prefers-reduced-motion:reduce){.bt-drawer,.bt-burger__ic i{transition:none}}
@media (max-height:700px){
  .bt-drawer{gap:14px}
  .bt-drawer nav a{padding:12px 4px;font-size:17px}
  .bt-drawer__ft{gap:8px}
  .bt-drawer__contact a{padding:10px 6px}
}
@media (min-width:1181px) and (max-width:1320px){
  .bt-hdr__in{gap:16px}
  .bt-nav{gap:12px}
  .bt-nav a{font-size:15px}
  .bt-hdr__in>.bt-logo{font-size:21px}
}
@media (max-width:1180px){
  .bt-hdr__in{display:flex;align-items:center;justify-content:space-between;gap:12px;height:72px}
  .bt-hdr__cta{display:inline-flex;margin-inline-start:auto}
  .bt-hdr__call{display:inline-flex}
}
@media (max-width:560px){
  .bt-logo{font-size:19px}
}

/* footer logo */
.h3-logo{display:inline-flex;align-items:center;gap:10px;color:#fff;direction:ltr;flex:none}
.h3-logo__mark{width:34px;height:40px;color:var(--h3-blue);flex:none}
.h3-logo__tx{display:flex;flex-direction:column;line-height:1}
.h3-logo__tx b{font-family:"Montserrat",sans-serif;font-size:27px;font-weight:700;letter-spacing:.06em}
.h3-logo__tx small{font-family:"Montserrat",sans-serif;font-size:9.4px;font-weight:500;letter-spacing:.42em;color:#9fb3c8;margin-top:5px}

/* ───────── hero ───────── */
.h3-hero{position:relative;display:flex;align-items:center;min-height:clamp(580px,calc(100svh - 84px),760px);background:#0d2149;color:#fff;overflow:hidden;isolation:isolate}
.h3-hero__media{position:absolute;inset:0;z-index:0}
.h3-hero__media img{width:100%;height:100%;object-fit:cover;object-position:30% 45%}
.h3-hero__vid{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .8s ease}
.h3-hero__vid.is-on{opacity:1}
.h3-hero__shade{position:absolute;inset:0;z-index:1;background:linear-gradient(270deg,rgba(7,20,44,.94) 0%,rgba(7,20,44,.86) 32%,rgba(7,20,44,.5) 58%,rgba(7,20,44,.12) 82%,rgba(7,20,44,0) 100%),linear-gradient(0deg,rgba(7,20,44,.45) 0%,rgba(7,20,44,0) 35%)}
.h3-hero__in{position:relative;z-index:2;display:flex;justify-content:flex-start;padding:56px 0}
.h3-hero__tx{max-width:650px;text-align:right}
.h3-hero h1{font-size:clamp(44px,4.7vw,74px);line-height:1.12;font-weight:800;letter-spacing:-.015em}
.h3-hero h1 span,.h3-hero h1 em{display:block;font-style:normal}
.h3-hero h1 em{color:#7cc4ff}
.h3-hero__lead{max-width:620px;margin-top:22px;font-size:clamp(18px,1.6vw,24px);line-height:1.6;color:#d3e0f1}
.h3-hero__acts{display:flex;flex-wrap:wrap;gap:16px;margin-top:40px}
.h3-hero__acts .h3-btn{height:62px;min-width:240px;padding:0 34px;font-size:18px;border-radius:8px}
.h3-hero__acts .h3-btn--blue{background:#8cc4f8;border-color:#8cc4f8;color:#0b1d3a!important;box-shadow:0 10px 26px -10px rgba(140,196,248,.7)}
.h3-hero__acts .h3-btn--blue:hover{background:#a6d2fa;border-color:#a6d2fa;box-shadow:0 14px 30px -10px rgba(140,196,248,.9)}
.h3-hero__acts .h3-btn--ghost{background:transparent;border-color:rgba(255,255,255,.75);backdrop-filter:none;-webkit-backdrop-filter:none}
.h3-hero__acts .h3-btn--ghost:hover{background:rgba(255,255,255,.08);border-color:#fff}
.h3-hero__tx>*{animation:h3-hero-up .8s cubic-bezier(.2,.8,.2,1) both}
.h3-hero h1{animation-name:h3-hero-h1}
.h3-hero__tx>:nth-child(2){animation-delay:.1s}
.h3-hero__tx>:nth-child(3){animation-delay:.2s}
@keyframes h3-hero-up{from{opacity:0;transform:translateY(18px)}}
@keyframes h3-hero-h1{from{transform:translateY(18px)}}
.h3-fc{position:absolute;display:flex;align-items:center;gap:10px;padding:10px 14px 10px 16px;border-radius:12px;background:linear-gradient(135deg,rgba(10,40,72,.62),rgba(18,41,76,.5));border:1px solid rgba(90,190,255,.32);box-shadow:0 12px 34px rgba(0,0,0,.35),inset 0 1px 0 rgba(255,255,255,.08);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);animation:h3-float 7s ease-in-out infinite}
.h3-fc__ic{display:grid;place-items:center;width:30px;height:30px;border-radius:9px;background:rgba(37,189,243,.18);color:#5cc6ff;flex:none}
.h3-fc__tx{display:flex;flex-direction:column;line-height:1.2}
.h3-fc__tx small{font-family:"Montserrat",sans-serif;font-size:9.5px;font-weight:700;letter-spacing:.12em;color:#8fc9f0}
.h3-fc__tx b{font-size:13.5px;font-weight:700;color:#fff;margin-top:3px}
.h3-fc__live{width:8px;height:8px;border-radius:50%;background:#2ee59d;box-shadow:0 0 0 4px rgba(46,229,157,.18)}
.h3-fc--1{left:47.5%;top:40px;animation-delay:-1.2s}
.h3-fc--2{left:46%;top:352px;animation-delay:-3.4s}
.h3-fc--2 .h3-fc__ic{background:rgba(37,211,102,.18);color:#45e07f}
.h3-fc--3{right:3%;bottom:70px;animation-delay:-4.6s}
@keyframes h3-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-7px)}}

/* ───────── partners ───────── */
.h3-partners{background:#fff;padding:44px 0 48px}
.h3-partners__t{text-align:center;font-size:16px;font-weight:500;color:#2a3b52;margin-bottom:16px}
.h3-partners__row{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:0 26px}
.h3-partners__l{display:flex;align-items:center;height:44px;opacity:.92;transition:opacity .2s,transform .2s}
.h3-partners__l:hover{opacity:1;transform:translateY(-1px)}
.h3-partners__l svg{height:38px;width:auto}
.h3-partners__l--zapier svg{height:44px}
.h3-partners__l--salesforce svg{height:60px}

/* ───────── solutions ───────── */
.h3-sec{position:relative}
.h3-sols{background:#fff;padding:48px 0 0}
.h3-sols .h3-head{margin-bottom:44px}
.h3-sols__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px 48px;list-style:none;margin:0;padding:0}
.h3-sol{position:relative;display:flex;align-items:flex-start;gap:14px}
.h3-sol__ic{display:block;flex:none;margin-top:1px;color:var(--navy);transition:color .2s}
.h3-sol__ic svg{display:block;width:28px;height:28px}
.h3-sol:hover .h3-sol__ic{color:var(--h3-blue2)}
.h3-sol__b{min-width:0}
.h3-sol h3{font-size:19px;font-weight:800;line-height:1.3;color:var(--h3-ink);transition:color .2s}
.h3-sol h3 a::after{content:"";position:absolute;inset:-8px -10px;border-radius:10px}
.h3-sol h3 a:focus-visible{outline:none}
.h3-sol h3 a:focus-visible::after{outline:2px solid var(--h3-blue);outline-offset:2px}
.h3-sol:hover h3{color:var(--h3-blue2)}
.h3-sol p{font-size:15.5px;line-height:1.55;color:#475569;margin-top:4px}

/* ───────── process ───────── */
.h3-proc{position:relative;background:transparent;color:var(--h3-ink);padding:88px 0 0;overflow:hidden;isolation:isolate}
.h3-proc__bg{display:none}
.h3-proc .h3-head{margin-bottom:48px}
.h3-proc .h3-head h2{font-size:40px;color:var(--h3-ink)}
.h3-proc .h3-head--dark .h3-sub{color:#33445b}
.h3-proc .h3-sub{font-size:17px;font-weight:500;margin-top:6px}
.h3-proc__row{position:relative;display:grid;grid-template-columns:repeat(4,1fr);width:min(1340px,100vw - 48px);margin-inline:calc((100% - min(1340px,100vw - 48px)) / 2)}
.h3-proc__row{gap:20px}
.h3-step{position:relative;display:flex;flex-direction:column;text-align:right;padding:26px 24px 22px;background:#fff;border:1px solid #e2e8f0;border-radius:16px;box-shadow:0 10px 30px rgba(10,31,68,.06);transition:border-color .25s,box-shadow .25s,transform .25s}
.h3-step:hover{border-color:#c9d8ec;box-shadow:0 16px 38px rgba(10,31,68,.1);transform:translateY(-3px)}
.h3-step__top{display:flex;align-items:center;justify-content:space-between;gap:10px}
.h3-step__n{display:block;font-size:14px;font-weight:700;color:var(--navy);letter-spacing:.02em}
.h3-step h3{font-size:22px;font-weight:700;margin-top:12px;color:var(--h3-ink)}
.h3-step p{font-size:15.5px;line-height:1.6;color:var(--h3-muted);margin:8px 0 0}
.h3-step__pts{list-style:none;margin:16px 0 18px;padding:0;display:flex;flex-direction:column;gap:9px}
.h3-step__pts li{display:flex;align-items:flex-start;gap:8px;font-size:15px;line-height:1.45;color:var(--h3-ink)}
.h3-step__pts svg{flex:none;margin-top:2px;color:var(--navy)}
.h3-step__get{margin-top:auto;padding:4px 0 0;font-size:14.5px;line-height:1.5;color:#334155}
.h3-step__get b{color:var(--navy);font-weight:700}

/* ───────── numbers ───────── */
.h3-nums{position:relative;padding:80px 0 84px;overflow:hidden;isolation:isolate;background:#eef5fb}
.h3-nums__bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 88%;z-index:-1}
.h3-nums .h3-head{margin-bottom:44px}
.h3-nums .h3-head h2{font-size:36px}
.h3-nums .h3-sub{margin-top:4px;font-size:16.5px;color:#3c4b60}
.h3-nums__row{display:grid;grid-template-columns:repeat(4,1fr);max-width:1170px;margin:0 auto}
.h3-nums__row li{display:flex;flex-direction:column;align-items:center;text-align:center}
.h3-nums__ic{color:var(--h3-blue2);display:grid;place-items:center;height:32px}
.h3-nums__ic .i{width:30px;height:30px}
.h3-nums__n{margin-top:8px;font-family:"Heebo",sans-serif;font-size:50px;font-weight:800;line-height:1.1;color:var(--h3-ink);margin-top:12px;font-variant-numeric:tabular-nums}
.h3-nums__l{font-size:16.5px;color:#3c4b60;margin-top:4px}

/* ───────── testimonials ───────── */
.h3-testi{padding:88px 0 0}
.h3-testi .h3-head{margin-bottom:44px}
.h3-testi .h3-head h2{font-size:36px}
.h3-testi .h3-sub{margin-top:4px;font-size:16.5px}
.h3-testi__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}
.h3-tc{position:relative;display:flex;flex-direction:column;min-height:190px;padding:22px 28px 18px;background:#fff;border:1px solid var(--h3-line);border-radius:var(--h3-r);box-shadow:var(--h3-shadow);transition:transform .3s,box-shadow .3s}
.h3-tc:hover{transform:translateY(-3px);box-shadow:0 16px 36px rgba(10,28,54,.1)}
.h3-tc__q{position:absolute;top:8px;right:24px;font-family:Georgia,serif;font-size:76px;line-height:1;font-weight:700;color:var(--navy)}
.h3-tc blockquote{padding-top:22px;padding-inline-start:26px}
.h3-tc blockquote p{font-size:19px;line-height:1.55;color:#1d2d45;max-width:330px}
.h3-tc figcaption{display:flex;align-items:center;gap:14px;margin-top:auto;padding-top:12px}
.h3-tc__ic{width:62px;height:62px;flex:none;display:grid;place-items:center;border-radius:50%;background:#eef5fc;color:var(--h3-blue2);box-shadow:0 0 0 3px #f6f9fd}
.h3-tc figcaption b{display:block;font-size:17px;font-weight:800;color:var(--h3-ink)}
.h3-tc figcaption small{display:block;font-size:15px;color:var(--h3-muted)}

/* ───────── CTA ───────── */
.h3-cta{padding:48px 0 0}
.h3-cta__in{display:grid;grid-template-columns:1fr 410px;gap:16px;width:min(var(--h3-wrap) + 14px,100% - 48px);align-items:stretch}
.h3-cta__in>.h3-cta__perks{order:2}

/* Perks Container: Redesigned as an Enterprise Assurance Panel */
.h3-cta__perks{position:relative;display:flex;flex-direction:column;justify-content:center;gap:10px;padding:18px 20px;border-radius:var(--h3-r);background:#ffffff;border:1px solid #e2eaf4;box-shadow:0 4px 20px -2px rgba(10,31,68,.05),0 16px 36px -8px rgba(10,31,68,.06);overflow:hidden}
.h3-cta__perks::before{content:"";position:absolute;inset:0 0 auto 0;height:3.5px;background:linear-gradient(90deg,#1668e3 0%,#25bdf3 100%)}

.h3-cta__perks-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:2px;gap:12px}
.h3-cta__perks-title{font-size:16px;font-weight:800;color:#091933;margin:0;letter-spacing:-.015em}
.h3-cta__perks-badge{display:inline-flex;align-items:center;gap:6px;padding:4px 11px;border-radius:999px;background:#f0fdf4;border:1px solid #bbf7d0;font-size:11.5px;font-weight:700;color:#15803d}
.h3-cta__perks-dot{width:6px;height:6px;border-radius:50%;background:#16a34a;box-shadow:0 0 8px rgba(22,163,74,.6);animation:h3-pulse 2.2s infinite ease-in-out}

.h3-cta__perks-list{display:flex;flex-direction:column;gap:8px;list-style:none;margin:0;padding:0}
.h3-cta__perk-item{display:block;padding:0;border-radius:12px;background:#f8fafc;border:1px solid #e6eff8;transition:all .25s cubic-bezier(.16,1,.3,1)}
.h3-cta__perk-item:hover,.h3-cta__perk-item.is-open{background:#ffffff;border-color:#b9d6f8;box-shadow:0 8px 22px -4px rgba(22,104,227,.12)}
.h3-cta__perk-btn{display:grid;grid-template-columns:36px 1fr 18px;gap:11px;align-items:center;width:100%;padding:8px 12px;margin:0;background:none;border:0;border-radius:12px;font:inherit;color:inherit;text-align:right;cursor:pointer;-webkit-tap-highlight-color:transparent}
.h3-cta__perk-btn:focus-visible{outline:2px solid #1668e3;outline-offset:2px}
.h3-cta__perk-chev{color:#1668e3;transition:transform .3s ease}
.h3-cta__perk-item.is-open .h3-cta__perk-chev{transform:rotate(180deg)}
.h3-cta__perk-item.is-open .h3-cta__perk-t{color:#1668e3}
.h3-cta__perk-item.is-open .h3-cta__perk-icon{background:linear-gradient(135deg,#1668e3,#0b4ebd);color:#fff;border-color:#1668e3}
.h3-cta__perk-more{display:grid;grid-template-rows:0fr;visibility:hidden;transition:grid-template-rows .3s ease,visibility .3s}
.h3-cta__perk-more>div{overflow:hidden;min-height:0}
.h3-cta__perk-item.is-open .h3-cta__perk-more{grid-template-rows:1fr;visibility:visible}
.h3-cta .h3-cta__perk-more p{margin:0 14px 14px;padding-top:11px;border-top:1px solid #e6eff8;font-size:14px;line-height:1.7;color:#475569}

.h3-cta__perk-icon{display:grid;place-items:center;width:36px;height:36px;border-radius:10px;background:linear-gradient(135deg,#eff6ff,#dbeafe);border:1px solid #bfdbfe;color:#1668e3;flex:none;transition:transform .25s ease,background .25s ease,color .25s ease,box-shadow .25s ease}
.h3-cta__perk-item:hover .h3-cta__perk-icon{transform:scale(1.05) rotate(-2deg);background:linear-gradient(135deg,#1668e3,#0b4ebd);color:#fff;border-color:#1668e3;box-shadow:0 6px 14px -2px rgba(22,104,227,.35)}

.h3-cta__perk-body{display:flex;flex-direction:column;min-width:0}
.h3-cta__perk-row{display:flex;align-items:center;justify-content:space-between;gap:8px}
.h3-cta__perk-t{font-size:14.5px;font-weight:700;color:#091933;line-height:1.25;transition:color .2s ease}
.h3-cta__perk-item:hover .h3-cta__perk-t{color:#1668e3}
.h3-cta__perk-step{font-family:var(--fl);font-size:10.5px;font-weight:800;color:#1668e3;background:#eff6ff;border:1px solid #dbeafe;padding:2px 7px;border-radius:999px;flex:none}
.h3-cta__perk-d{font-size:12px;color:#64748b;line-height:1.4;margin:2px 0 0}

.h3-cta__perks-foot{display:flex;align-items:center;justify-content:center;gap:7px;margin-top:14px;padding-top:12px;border-top:1px solid #f0f4f9;font-size:12px;font-weight:600;color:#64748b}
.h3-cta__perks-check{color:#16a34a;flex:none}

@keyframes h3-pulse{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.85)}}

.h3-cta__box{position:relative;min-height:275px;display:flex;align-items:center;border-radius:var(--h3-r);overflow:hidden;background:radial-gradient(120% 140% at 85% 20%,#1f4a80 0%,#173866 55%,#12294c 100%);color:#fff;isolation:isolate;box-shadow:0 18px 44px rgba(18,41,76,.25)}
.h3-cta__img{position:absolute;inset:0 auto 0 0;width:44%;height:100%;object-fit:cover;object-position:left center;z-index:-1;-webkit-mask-image:linear-gradient(90deg,#000 55%,transparent);mask-image:linear-gradient(90deg,#000 55%,transparent)}
.h3-cta__tx{position:relative;padding:22px 38px;width:66%;margin-inline-start:0;display:flex;flex-direction:column;justify-content:center}
.h3-cta h2{font-size:34px;line-height:1.22;font-weight:800;max-width:470px}
.h3-cta p{font-size:17px;line-height:1.45;color:#e6eef7;margin-top:8px}
.h3-cta p em{font-style:normal;color:#fff;font-weight:700}
.h3-cta__acts{display:flex;gap:14px;margin-top:16px}
.h3-cta__acts .h3-btn{height:48px;border-radius:8px}
.h3-cta__acts .h3-btn--blue{min-width:215px;border-color:rgba(255,255,255,.45)}
.h3-cta__acts .h3-btn--ghost{min-width:195px;background:rgba(255,255,255,.06);border:1.5px solid rgba(255,255,255,.35)}
.h3-btn__play{display:grid;place-items:center;color:#fff}
.h3-btn__play .i circle{fill:#fff}
.h3-btn__play .i path{fill:var(--h3-navy2)}

/* ───────── articles ───────── */
.h3-arts{padding:56px 0 48px;background:#fff}
.h3-arts__hd{position:relative;max-width:none;margin-bottom:18px}
.h3-arts .h3-head h2{font-size:34px}
.h3-arts .h3-sub{margin-top:0;font-size:16.5px}
.h3-arts__all{position:absolute;left:0;top:50%;transform:translateY(-30%);height:44px;padding:0 22px;font-size:14.5px;border-color:var(--navy)}
.h3-arts__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}
.h3-art{position:relative;display:flex;flex-direction:column;background:#fff;border:none;border-radius:var(--h3-r);overflow:hidden;box-shadow:var(--h3-shadow);cursor:pointer;transition:transform .3s,box-shadow .3s}
.h3-art:hover{transform:translateY(-4px);box-shadow:0 18px 40px rgba(10,28,54,.12)}
.h3-art__media{position:relative;display:block;aspect-ratio:3.6/1;min-height:0;overflow:hidden;background:var(--h3-navy2)}
.h3-art__media img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .6s}
.h3-art:hover .h3-art__media img{transform:scale(1.05)}
.h3-art__b{padding:14px 22px 16px;line-height:1.35;display:flex;flex-direction:column;flex:1}
.h3-art h3{font-size:18px;font-weight:800;line-height:1.35;color:var(--h3-ink)}
.h3-art h3 a:hover{color:var(--h3-blue2)}
.h3-art h3 a::after{content:"";position:absolute;inset:0;z-index:1}
.h3-art:hover h3 a{color:var(--h3-blue2)}
.h3-art time{font-size:14px;color:#7a879a;margin-top:2px}
.h3-art__ex{font-size:15px;line-height:1.6;color:var(--h3-muted);margin-top:8px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.h3-art__more{font-size:15.5px;font-weight:700;color:var(--h3-blue2);margin-top:auto;padding-top:10px}

/* ───────── FAQ + contact ───────── */
.h3-fc2{padding:88px 0 96px}
.h3-fc2__in{display:grid;grid-template-columns:1fr 1.23fr;gap:14px;width:min(var(--h3-wrap) + 14px,100% - 48px)}
.h3-fc2__in>.h3-faq{order:-1}
.h3-form,.h3-faq{border-radius:var(--h3-r);background:transparent;border:1px solid #d5dfeb;padding:20px 30px 20px}
.h3-form h2,.h3-faq h2{font-size:27px;font-weight:800;line-height:1.2;color:var(--h3-ink)}
.h3-form__sub{font-size:16px;color:#3c4b60;margin-top:2px}
.h3-form form{display:grid;grid-template-columns:1fr 1fr;gap:9px 14px;margin-top:12px}
.h3-form label{display:block}
.h3-form__full{grid-column:1/-1}
.h3-form input,.h3-form textarea{width:100%;height:40px;padding:0 16px;border:1px solid #d6e1ec;border-radius:10px;background:#fff;font:inherit;font-size:15px;color:var(--h3-ink);transition:border-color .2s,box-shadow .2s}
.h3-form input,.h3-form textarea,.h3-form input::placeholder,.h3-form textarea::placeholder{direction:rtl;text-align:right}
.h3-form textarea{height:52px;padding:12px 16px;resize:vertical;line-height:1.5}
.h3-form input::placeholder,.h3-form textarea::placeholder{color:#8794a6}
.h3-form input:focus,.h3-form textarea:focus{outline:none;border-color:var(--h3-blue);box-shadow:0 0 0 4px rgba(37,189,243,.14)}
.h3-form__btn{grid-column:1/-1;justify-self:start;min-width:268px;height:46px!important;margin-top:2px}
.h3-form .h3-btn--blue{border-color:var(--navy);box-shadow:0 4px 14px rgba(10,31,68,.18)}
.h3-form .h3-btn--blue:hover{border-color:var(--navy-3);box-shadow:0 8px 22px rgba(10,31,68,.28)}
.h3-flash{margin-top:14px;padding:12px 16px;border-radius:10px;background:#e3f7ec;color:#13623a;font-weight:600}
.h3-flash--err{background:#fdecec;color:#9b1c1c}
.h3-faq__list{display:flex;flex-direction:column;gap:8px;margin-top:12px}
.h3-qa{background:#fff;border:1px solid #e1e9f2;border-radius:10px;transition:border-color .2s,box-shadow .2s}
.h3-qa:hover{border-color:#c9dcef}
.h3-qa h3{font-size:inherit;font-weight:inherit}
.h3-qa button{width:100%;min-height:46px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 18px;text-align:right;font-size:17px;font-weight:500;color:var(--h3-ink)}
.h3-qa button i{position:relative;width:14px;height:14px;flex:none}
.h3-qa button i::before,.h3-qa button i::after{content:"";position:absolute;inset:6px 0 auto;height:2px;border-radius:2px;background:var(--h3-ink);transition:transform .25s}
.h3-qa button i::after{transform:rotate(90deg)}
.h3-qa button[aria-expanded="true"]{color:var(--h3-blue2)}
.h3-qa button[aria-expanded="true"] i::after{transform:rotate(0)}
.h3-qa button[aria-expanded="true"] i::before{background:var(--h3-blue2)}
.h3-qa__a p{padding:0 18px 16px;font-size:15px;line-height:1.7;color:#3c4b60}

/* mobile action bar */
.h3-mbar{display:none}

/* reveal (only when JS runs) */
.h3-anim .h3-rv{opacity:0;transform:translateY(18px);transition:opacity .7s ease,transform .7s ease}
.h3-anim .h3-rv.is-in{opacity:1;transform:none}

/* ───────── responsive ───────── */
@media (min-width:1700px){
  :root{--h3-wrap:1320px}
}
.h3-band{position:relative;overflow:hidden;background:#fff;isolation:isolate}
.h3-band__bg{position:absolute;top:0;bottom:0;left:0;width:62%;height:100%;object-fit:cover;object-position:left center;z-index:-2}
.h3-band::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(270deg,#fff 0%,#fff 40%,rgba(255,255,255,.85) 50%,rgba(255,255,255,0) 64%)}
.h3-band__in{min-height:clamp(340px,27vw,420px);display:flex;align-items:center}
.h3-band__tx{width:min(46%,600px);padding-block:56px}
.h3-band__tx h2{font-size:40px;line-height:1.15;font-weight:800;color:var(--h3-ink);letter-spacing:-.01em}
.h3-band__tx p{font-size:clamp(16px,1.3vw,18px);line-height:1.8;color:#33445b;margin-top:16px}
@media (max-width:980px){
  .h3-band__bg{position:relative;width:100%;height:clamp(220px,50vw,380px);display:block}
  .h3-band::after{display:none}
  .h3-band__in{min-height:0}
  .h3-band__tx{width:100%;padding-block:32px 48px}
  .h3-band__tx h2{font-size:28px}
}
@media (max-width:1100px){
  .h3-hero__shade{background:linear-gradient(270deg,rgba(7,20,44,.95) 0%,rgba(7,20,44,.88) 45%,rgba(7,20,44,.6) 75%,rgba(7,20,44,.35) 100%)}
  .h3-hero__tx{max-width:540px}
  .h3-hero__acts .h3-btn{min-width:210px;height:58px;font-size:17px}
  .h3-fc--2{display:none}
  .h3-sols__grid{grid-template-columns:repeat(2,1fr);gap:26px 36px}
  .h3-testi__grid,.h3-arts__grid{gap:16px}
  .h3-tc{padding:20px 20px 16px}
  .h3-tc blockquote p{font-size:16.5px}
  .h3-partners__row{flex-wrap:wrap;justify-content:center;gap:14px 26px;padding:0}
  .h3-partners__l svg{height:32px}
  .h3-partners__l--salesforce svg{height:48px}
  .h3-proc__row{width:auto;margin-inline:0;grid-template-columns:repeat(2,1fr);gap:18px}
  .h3-cta__in{grid-template-columns:1fr;width:min(var(--h3-wrap),100% - 48px)}
  .h3-cta__perks{order:2;padding:24px 22px}
  .h3-cta__perks-list{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
  .h3-cta__perks-list{align-items:start}
  .h3-fc2__in{grid-template-columns:1fr;width:min(var(--h3-wrap),100% - 48px)}
  .h3-fc2__in>.h3-faq{order:0}
  .h3-arts__all{position:static;transform:none;margin-top:18px}
}

@media (max-width:700px){
  .h3-wrap,.h3-cta__in,.h3-fc2__in{width:calc(100% - 36px)}
  .h3-head{margin-bottom:32px}
  .h3-head h2,.h3-nums .h3-head h2,.h3-testi .h3-head h2,.h3-arts .h3-head h2,.h3-proc .h3-head h2{font-size:28px}
  .h3-sub{font-size:15.5px}

  .h3-hero{flex-direction:column;align-items:stretch;min-height:0;background:linear-gradient(180deg,#12294c 0%,#0b1d3a 100%)}
  .h3-hero__media{position:relative;inset:auto;width:100%;aspect-ratio:16/10;clip-path:polygon(0 0,100% 0,100% 88%,0 100%)}
  .h3-hero__media img{object-position:30% center}
  .h3-hero__shade{display:none}
  .h3-hero__in{padding:22px 0 40px;justify-content:center}
  .h3-hero__tx{max-width:none;text-align:center}
  .h3-hero h1{font-size:clamp(36px,10.5vw,48px);line-height:1.12}
  .h3-hero__lead{font-size:17px;margin:14px auto 0}
  .h3-hero__acts{flex-direction:column;gap:10px;margin-top:24px}
  .h3-hero__acts .h3-btn{width:100%;min-width:0;height:56px;font-size:17px}
  .h3-fc{padding:7px 10px;gap:8px;border-radius:10px}
  .h3-fc__ic{width:24px;height:24px}
  .h3-fc__tx small{font-size:8px}
  .h3-fc__tx b{font-size:11.5px}
  .h3-fc--1{left:auto;right:12px;top:14px}
  .h3-fc--3{display:none}

  .h3-partners{padding:32px 0 34px}
  .h3-partners__t{font-size:13.5px;margin-bottom:12px}
  .h3-partners__row{flex-wrap:nowrap;overflow-x:auto;justify-content:flex-start;gap:30px;padding:4px 18px 8px;margin-inline:-18px;scroll-snap-type:x mandatory;scrollbar-width:none;-webkit-mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}
  .h3-partners__row::-webkit-scrollbar{display:none}
  .h3-partners__l{flex:none;scroll-snap-align:center}
  .h3-partners__l svg{height:26px}
  .h3-partners__l--salesforce svg{height:40px}

  .h3-sols{padding:32px 0 0}
  .h3-sols__grid,.h3-testi__grid,.h3-arts__grid{grid-template-columns:1fr;gap:16px}
  .h3-sols__grid{gap:22px}
  .h3-sol{flex-direction:column;align-items:center;gap:8px;text-align:center}
  .h3-sol__ic{display:block;flex:none;margin-top:0;color:var(--navy)}
  .h3-sol__ic svg{display:block;width:26px;height:26px}
  .h3-sol__b{min-width:0}
  .h3-sol h3{font-size:17px}
  .h3-sol p{font-size:14px}

  .h3-proc{padding:64px 0 0}
  .h3-proc__row{grid-template-columns:1fr;gap:14px;max-width:460px;margin:0 auto}
  .h3-step{padding:20px 18px 18px}
  .h3-step:hover{transform:none}
  .h3-step h3{margin-top:10px;font-size:19px}
  .h3-step p{font-size:14.5px}
  .h3-step__pts li{font-size:14.5px}
  .h3-step__get{font-size:14px}

  .h3-nums{padding:60px 0 60px}
  .h3-nums__row{grid-template-columns:1fr 1fr;row-gap:26px}
  .h3-nums__n{font-size:36px;margin-top:8px}
  .h3-nums__l{font-size:14px}

  .h3-testi{padding-top:64px}
  .h3-testi__grid{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:14px;margin-inline:-18px;padding:4px 18px 14px;scrollbar-width:none}
  .h3-testi__grid::-webkit-scrollbar{display:none}
  .h3-tc{flex:0 0 84%;scroll-snap-align:center;min-height:0}

  .h3-cta{padding-top:48px}
  .h3-fc2{padding:64px 0 68px}
  .h3-cta__box{min-height:0;display:block}
  .h3-cta__img{position:relative;width:100%;height:190px;-webkit-mask-image:linear-gradient(180deg,#000 50%,transparent);mask-image:linear-gradient(180deg,#000 50%,transparent);object-position:left 30%}
  .h3-cta__tx{width:100%;padding:0 22px 26px;margin-top:-40px;text-align:center}
  .h3-cta h2{font-size:27px;max-width:none}
  .h3-cta p{font-size:15.5px}
  .h3-cta__acts{flex-direction:column-reverse;gap:10px}
  .h3-cta__acts .h3-btn{width:100%;min-width:0}
  .h3-cta__perks{padding:20px 16px}
  .h3-cta__perks-list{grid-template-columns:1fr;gap:10px}
  .h3-cta__perks-head{flex-direction:row;align-items:center}

  .h3-arts{padding-top:64px}
  .h3-arts__hd{display:flex;flex-direction:column;align-items:center}
  .h3-art{flex-direction:row}
  .h3-art__media{aspect-ratio:auto;width:36%;flex:none}
  .h3-art__b{padding:14px 16px}
  .h3-art h3{font-size:15.5px}
  .h3-art__ex{font-size:13.5px;line-height:1.5;margin-top:4px;-webkit-line-clamp:2}
  .h3-art__more{padding-top:6px}

  .h3-fc2{padding:40px 0 40px}
  .h3-form,.h3-faq{padding:22px 18px}
  .h3-form h2,.h3-faq h2{font-size:24px}
  .h3-form form{grid-template-columns:1fr}
  .h3-form__btn{width:100%;min-width:0}
  .h3-qa button{font-size:15px;padding:12px 14px}

  .h3 .bt-ftr{padding-bottom:calc(68px + env(safe-area-inset-bottom))}

  .h3-mbar{position:fixed;inset:auto 0 0;z-index:90;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1.2fr);gap:8px;padding:10px 12px calc(10px + env(safe-area-inset-bottom));background:#fff;border:0;border-radius:16px 16px 0 0;box-shadow:0 -10px 28px rgba(10,31,68,.12)}
  .h3-mbar a{display:flex;align-items:center;justify-content:center;gap:6px;height:48px;border-radius:12px;font-size:14px;font-weight:700;white-space:nowrap;transition:background .2s,border-color .2s,box-shadow .2s,transform .15s}
  .h3-mbar a:active{transform:scale(.97)}
  .h3-mbar__mail,.h3-mbar__wa,.h3-mbar__tel{background:#fff;color:var(--navy)!important;border:1.5px solid #c5d0e0}
  .h3-mbar__mail:hover,.h3-mbar__wa:hover,.h3-mbar__tel:hover{border-color:var(--navy);background:#f5f8fc}
  .h3-mbar__cta{background:var(--navy);color:#fff!important;border:1.5px solid var(--navy);box-shadow:none}
  .h3-mbar__cta:hover{background:var(--navy-3);border-color:var(--navy-3)}
  body.h3 .bt-ck-fab{bottom:calc(79px + env(safe-area-inset-bottom,0px))!important}
}

/* Back to top: left edge, vertically centred, as on the inner pages. */
.bt-top{position:fixed;z-index:90;left:14px;top:50%;width:48px;height:48px;border-radius:50%;border:2px solid #fff;background:#12294C;color:#fff;display:flex;align-items:center;justify-content:center;box-shadow:0 8px 18px rgba(0,59,122,.32);cursor:pointer;padding:0;opacity:0;visibility:hidden;transform:translateY(calc(-50% + 10px));transition:opacity .25s,visibility .25s,transform .25s,background .2s}
.bt-top.is-on{opacity:1;visibility:visible;transform:translateY(-50%)}
.bt-top.is-on:hover{background:#1A3A6B;transform:translateY(calc(-50% - 2px)) scale(1.06)}
.bt-top:focus-visible{outline:3px solid #60a5fa;outline-offset:2px}
html.bt-lock .bt-top{display:none}
@media (max-width:600px){.bt-top{left:10px;width:40px;height:40px}}
@media (prefers-reduced-motion:reduce){.bt-top,.bt-top.is-on{transition:none}}
@media print{.bt-top{display:none!important}}

.h3-press{padding:56px 0 0;background:#fff}
.h3-press .h3-head{margin-bottom:56px}
.h3-press .bpr{background:transparent;padding-block:0 8px}
.h3-press .bpr-wrap{max-width:var(--h3-wrap);padding-inline:0;margin-inline:auto;width:min(var(--h3-wrap),100% - 48px)}
.h3-press .bpr-tabs{margin-top:8px}
@media (max-width:760px){.h3-press{padding-top:40px}.h3-press .bpr-wrap{width:calc(100% - 36px)}}