/*
 * Horizon: ofekpoint.com redesign. One stylesheet for Hebrew (RTL) and English (LTR).
 * Mobile first; logical properties only (inline-start/end), so direction is the only
 * difference between languages. Motion is decorative and off for reduced-motion users.
 */

/* ---------- Font: Heebo (variable 100-900, self-hosted, SIL Open Font Licence) ---------- */
@font-face{font-family:"Heebo";font-style:normal;font-weight:100 900;font-display:swap;src:url(fonts/heebo-hebrew-wght.woff2) format("woff2");unicode-range:U+0307-0308,U+0590-05FF,U+200C-2010,U+20AA,U+25CC,U+FB1D-FB4F}
@font-face{font-family:"Heebo";font-style:normal;font-weight:100 900;font-display:swap;src:url(fonts/heebo-latin-wght.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}

/* ---------- Tokens ---------- */
:root{
  --hz-navy:#171D38; --hz-navy-2:#1F2747; --hz-navy-3:#2A3358; --hz-deep:#11162B;
  --hz-cyan:#00D7EB; --hz-teal:#00707D; --hz-paper:#F3F6F9; --hz-white:#FFFFFF;
  --hz-ink:#171D38; --hz-slate:#566079; --hz-mist:#AEB6CC; --hz-soft:#D5DBEA; --hz-rule:#DCE2EA; --hz-wa:#25D366;
  --hz-text:"Heebo","Segoe UI","Arial Hebrew",Arial,sans-serif;
  --hz-display:var(--hz-text);
  --hz-wrap:1200px; --hz-gutter:20px; --hz-radius:18px; --hz-ease:cubic-bezier(.2,.7,.1,1);
  --hz-header:64px; --hz-nudge:4px; --hz-dock-h:71px;
}
[dir="rtl"]{--hz-nudge:-4px}

/* ---------- Base ---------- */
html{-webkit-text-size-adjust:100%;scroll-padding-top:calc(var(--hz-header) + 12px)}
@media (prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}}
body.hz{margin:0;background:var(--hz-white);color:var(--hz-ink);font:400 16px/1.65 var(--hz-text);overflow-x:clip;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
/* resets at zero specificity so component rules always win */
:where(.hz) *,:where(.hz) *::before,:where(.hz) *::after{box-sizing:border-box}
:where(.hz) img{max-width:100%;height:auto}
:where(.hz) a{color:inherit}
:where(.hz) :is(h1,h2,h3,p){margin:0}
:where(.hz) :is(ul,ol){margin:0;padding:0;list-style:none}
.hz :focus-visible{outline:3px solid var(--hz-teal);outline-offset:3px;border-radius:6px}
.hz .hz-dark :focus-visible,.hz-dark:focus-visible{outline-color:var(--hz-cyan)}
.hz-lock{overflow:hidden}
.hz-wrap{width:100%;max-width:var(--hz-wrap);margin-inline:auto;padding-inline:var(--hz-gutter)}
.hz-vh{position:absolute!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;clip-path:inset(50%)!important;white-space:nowrap!important;border:0!important}
.hz-skip{position:fixed;z-index:100;inset-inline-start:12px;top:-80px;background:var(--hz-navy);color:#fff;padding:12px 16px;border-radius:10px;font-weight:600;text-decoration:none;transition:top .2s}
.hz-skip:focus{top:12px}
.hz-main:focus{outline:none}

/* ---------- Type (Heebo: 300 light / 400 text / 500 UI / 600 titles / 700 headings / 800 display) ---------- */
.hz-display{font-family:var(--hz-display);line-height:1.1;letter-spacing:-.02em;text-wrap:balance}
.hz-display .hz-l{font-weight:300}
.hz-display .hz-b{font-weight:800}
.hz-h2{font-size:clamp(32px,7.4vw,50px)}
.hz-h2 .hz-l,.hz-h2 .hz-b{display:block}
.hz-overline{font:600 15px/1.3 var(--hz-text);letter-spacing:.01em;color:var(--hz-teal);margin-block-end:14px}
.hz-dark .hz-overline{color:var(--hz-cyan)}
.hz-num{font-family:var(--hz-display);font-weight:800;line-height:1;letter-spacing:-.03em;font-variant-numeric:tabular-nums}
.hz-sub{font-size:17px;line-height:1.7;color:var(--hz-slate);max-width:58ch;margin-block-start:16px}
.hz-more{display:inline-flex;align-items:center;gap:8px;min-height:44px;margin-block-start:24px;font:600 16px/1.2 var(--hz-text);color:var(--hz-teal);text-decoration:none;border-block-end:1px solid transparent;transition:border-color .2s}
.hz-more:hover{border-block-end-color:currentColor}
.hz-more--light{color:var(--hz-cyan)}

/* ---------- Buttons ---------- */
.hz-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:52px;padding:14px 22px;border-radius:12px;border:1.5px solid transparent;font:600 16px/1.15 var(--hz-text);text-decoration:none;cursor:pointer;transition:transform .2s var(--hz-ease),background-color .2s,border-color .2s,box-shadow .2s}
.hz-btn .hz-ic{width:20px;height:20px;flex:none}
.hz-btn--cyan{background:var(--hz-cyan);color:var(--hz-navy)}
.hz-btn--cyan:hover{box-shadow:0 12px 28px -12px rgba(0,215,235,.75);transform:translateY(-1px)}
.hz-btn--navy{background:var(--hz-navy);color:#fff}
.hz-btn--navy:hover{background:var(--hz-navy-3)}
.hz-btn--wa{background:var(--hz-wa);color:var(--hz-deep)}
.hz-btn--wa:hover{box-shadow:0 12px 28px -12px rgba(37,211,102,.8);transform:translateY(-1px)}
.hz-btn--line{color:var(--hz-navy);border-color:var(--hz-navy)}
.hz-btn--line:hover{background:var(--hz-navy);color:#fff}
.hz-btn--ghost{color:#fff;border-color:rgba(255,255,255,.45)}
.hz-btn--ghost:hover{border-color:var(--hz-cyan)}
.hz-ic{display:block}

/* ---------- Header ---------- */
.hz-header{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.96);border-block-end:1px solid var(--hz-rule)}
@supports (backdrop-filter:blur(8px)){.hz-header{background:rgba(255,255,255,.86);backdrop-filter:saturate(1.4) blur(12px)}}
.hz-header__in{display:flex;flex-wrap:wrap;align-items:center;gap:12px 16px;min-height:var(--hz-header)}
.hz-logo{display:block;flex:none;padding-block:6px}
.hz-logo img{display:block;height:28px;width:auto}
.hz-header__tools{margin-inline-start:auto;display:flex;align-items:center;gap:8px}
.hz-lang{display:inline-flex;align-items:center;min-height:44px;padding-inline:12px;border:1px solid var(--hz-rule);border-radius:10px;font:600 14px/1 var(--hz-text);text-decoration:none;color:var(--hz-ink)}
.hz-lang:hover{border-color:var(--hz-teal)}
.hz-header__cta{display:none;min-height:44px;padding:10px 16px;font-size:15px}
.hz-burger{display:none}
/* no-JS: the menu is a simple wrapping row under the logo */
.hz-nav{order:3;width:100%;padding-block-end:10px}
.hz-nav__list{display:flex;flex-wrap:wrap;gap:4px 18px}
.hz-nav__list a{display:inline-flex;align-items:center;min-height:44px;font:500 15px/1.2 var(--hz-text);text-decoration:none}
.hz-nav__extra{display:none}
/* JS: off-canvas panel on phones */
.js .hz-burger{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border:1px solid var(--hz-rule);border-radius:10px;background:#fff;color:var(--hz-navy);cursor:pointer}
.hz-burger__box{position:relative;display:block;width:18px;height:12px}
.hz-burger__box::before,.hz-burger__box::after,.hz-burger__box span{content:"";position:absolute;inset-inline:0;height:2px;border-radius:2px;background:currentColor;transition:transform .25s var(--hz-ease),opacity .2s}
.hz-burger__box::before{top:0}.hz-burger__box span{top:5px}.hz-burger__box::after{top:10px}
.hz-header[data-open] .hz-burger__box::before{transform:translateY(5px) rotate(45deg)}
.hz-header[data-open] .hz-burger__box span{opacity:0}
.hz-header[data-open] .hz-burger__box::after{transform:translateY(-5px) rotate(-45deg)}
/* Full-height panel between the header and the contact dock. The header's backdrop-filter would make
   it the containing block of this fixed panel (squeezing it to header height), so it is dropped while
   the menu is open. Item height follows the screen height, so everything fits without inner scroll. */
.js .hz-nav{position:fixed;inset:var(--hz-header) 0 calc(var(--hz-dock-h) + env(safe-area-inset-bottom,0px)) 0;order:0;width:auto;display:flex;flex-direction:column;padding:clamp(8px,2vh,20px) var(--hz-gutter) clamp(10px,2.5vh,24px);background:#fff;overflow-y:auto;overscroll-behavior:contain;opacity:0;visibility:hidden;transform:translateY(-6px);transition:opacity .25s,transform .25s var(--hz-ease),visibility 0s .25s}
.js .hz-header[data-open]{background:#fff;-webkit-backdrop-filter:none;backdrop-filter:none}
.js .hz-header[data-open] .hz-nav{opacity:1;visibility:visible;transform:none;transition:opacity .25s,transform .25s var(--hz-ease)}
.js .hz-nav__list{display:block}
.js .hz-nav__list a{display:flex;min-height:clamp(46px,8.5vh,60px);font:600 clamp(19px,3vh,22px)/1.2 var(--hz-text);border-block-end:1px solid var(--hz-rule)}
.js .hz-nav__extra{display:flex;flex-wrap:wrap;gap:12px;margin-block-start:clamp(12px,3vh,24px)}
.js .hz-nav__extra .hz-btn{flex:1 1 auto}
.hz-lock body{overflow:hidden}
/* Phones in landscape: two columns, so all items and both buttons fit above the dock */
@media (orientation:landscape) and (max-height:560px){
  .js .hz-nav__list{display:grid;grid-template-columns:1fr 1fr;column-gap:28px}
  .js .hz-nav__list a{min-height:46px;font-size:18px}
  .js .hz-nav__extra{flex-wrap:nowrap}
  .js .hz-nav__extra .hz-btn{min-height:44px}
}
@media (min-width:560px){.hz-header__cta{display:inline-flex}}
@media (min-width:1024px){
  :root{--hz-header:76px}
  .hz-logo img{height:34px}
  .hz-nav,.js .hz-nav{position:static;order:0;width:auto;padding:0;background:none;opacity:1;visibility:visible;transform:none;overflow:visible;margin-inline-start:28px}
  .hz-nav__list,.js .hz-nav__list{display:flex;gap:28px}
  .hz-nav__list a,.js .hz-nav__list a{position:relative;min-height:44px;font:500 15.5px/1 var(--hz-text);border:0}
  .hz-nav__list a::after{content:"";position:absolute;inset-inline:0;bottom:8px;height:2px;background:var(--hz-cyan);transform:scaleX(0);transform-origin:var(--hz-origin,left);transition:transform .25s var(--hz-ease)}
  [dir="rtl"] .hz-nav__list a::after{--hz-origin:right}
  .hz-nav__list a:hover::after{transform:scaleX(1)}
  .hz-nav__extra,.js .hz-nav__extra{display:none}
  .js .hz-burger{display:none}
}

/* ---------- Hero ---------- */
.hz-hero{position:relative;overflow:hidden;background:radial-gradient(760px 420px at 100% 0%,rgba(0,215,235,.12),transparent 65%),linear-gradient(180deg,#fff 0%,#fff 35%,var(--hz-paper) 100%)}
[dir="rtl"] .hz-hero{background:radial-gradient(760px 420px at 0% 0%,rgba(0,215,235,.12),transparent 65%),linear-gradient(180deg,#fff 0%,#fff 35%,var(--hz-paper) 100%)}
.hz-hero__grid{position:relative;z-index:1;display:grid;gap:22px;padding-block:28px 44px}
.hz-hero__h{font:800 clamp(35px,9vw,64px)/1.06 var(--hz-display);letter-spacing:-.028em;color:var(--hz-navy)}
.hz-hero__head{min-width:0}
.hz-hl{display:block;text-wrap:balance}
.hz-hl--accent{margin-block-start:.32em;font-size:.6em;font-weight:700;line-height:1.2;letter-spacing:-.015em;color:var(--hz-teal)}
.hz-nw{white-space:nowrap}
.hz-accent{color:var(--hz-teal)}
.hz-hero__lede{font-size:17px;line-height:1.7;color:var(--hz-slate);max-width:54ch}
.hz-hero__ctas{display:grid;gap:10px;margin-block-start:22px}
.hz-hero__phone{margin-block-start:16px;color:var(--hz-slate);font-size:15.5px}
.hz-hero__phone a{color:var(--hz-navy);font-weight:600;text-decoration:none;border-block-end:1px solid rgba(23,29,56,.35)}
.hz-hero__phone a:hover{border-block-end-color:var(--hz-teal)}
.hz-hero__horizon{position:absolute;inset-inline:0;bottom:0;height:2px;background:linear-gradient(to right,rgba(0,215,235,0),var(--hz-cyan) 22%,var(--hz-cyan) 78%,rgba(0,215,235,0));box-shadow:0 0 18px 1px rgba(0,215,235,.55)}
.hz-hero__horizon::after{content:"";position:absolute;top:-5px;inset-inline-end:22%;width:12px;height:12px;border-radius:50%;background:var(--hz-cyan);box-shadow:0 0 0 6px rgba(0,215,235,.18),0 0 26px 8px rgba(0,215,235,.5)}
@media (min-width:560px){.hz-hero__ctas{display:flex;flex-wrap:wrap}}
@media (min-width:1024px){
  .hz-hero__grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-areas:"head suite" "body suite";column-gap:60px;row-gap:22px;align-items:center;padding-block:84px 96px}
  .hz-hero__head{grid-area:head;align-self:end}
  .hz-hero__body{grid-area:body;align-self:start}
  .hz-suite{grid-area:suite}
  .hz-hero__lede{font-size:19px}
}

/* The Microsoft products we build on (official icons, always labelled, never mirrored) */
.hz-suite{position:relative;padding:8px;border:1.5px solid transparent;border-radius:24px;background:linear-gradient(#fff,#fff) padding-box,linear-gradient(140deg,rgba(0,215,235,.75),rgba(213,219,234,.9) 38%,rgba(213,219,234,.9) 62%,rgba(0,112,125,.6)) border-box;box-shadow:0 40px 80px -40px rgba(23,29,56,.5),0 2px 8px rgba(23,29,56,.05)}
.hz-suite::before{content:"";position:absolute;z-index:-1;inset:8% -6% -6% 8%;border-radius:40px;background:radial-gradient(closest-side,rgba(0,215,235,.28),transparent);filter:blur(24px);pointer-events:none}
.hz-suite__grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.hz-prod{position:relative;display:flex;align-items:center;gap:10px;min-width:0;padding:12px;border-radius:17px;background:var(--hz-paper);transition:background-color .2s,box-shadow .25s,transform .25s var(--hz-ease)}
.hz-prod:hover{background:#fff;box-shadow:0 18px 36px -22px rgba(23,29,56,.5);transform:translateY(-2px)}
.hz-prod:focus-within{outline:3px solid var(--hz-teal);outline-offset:2px}
.hz-prod__icon{display:block;width:34px;height:34px;flex:none}
.hz-prod__txt{display:grid;gap:3px}
.hz-prod__name{justify-self:start;font:700 15px/1.2 var(--hz-text);color:var(--hz-navy);text-decoration:none}
[dir="rtl"] .hz-prod__name{text-align:right}
.hz-prod__ms{display:block;font:500 11.5px/1.3 var(--hz-text);color:var(--hz-slate);letter-spacing:.01em}
.hz-prod__name::after{content:"";position:absolute;inset:0;border-radius:inherit}
.hz-prod__name:focus-visible{outline:none}
.hz-prod__what{display:none;font-size:14.5px;line-height:1.45;color:var(--hz-slate)}
.hz-suite__works{display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px;padding:10px 6px 4px}
.hz-suite__label{font:500 13.5px/1.3 var(--hz-text);color:var(--hz-slate)}
.hz-suite__chips{display:flex;flex-wrap:wrap;gap:6px}
.hz-chip{display:inline-flex;align-items:center;gap:6px;min-height:30px;padding-block:3px;padding-inline:6px 10px;border:1px solid var(--hz-rule);border-radius:999px;background:#fff;font:600 12.5px/1 var(--hz-text);color:var(--hz-navy)}
.hz-chip__icon{width:18px;height:18px}
@media (min-width:640px){
  .hz-suite{padding:10px}
  .hz-suite__grid{gap:10px}
  .hz-prod{gap:16px;padding:20px 18px}
  .hz-prod__icon{width:48px;height:48px}
  .hz-prod__name{font-size:17px}
  .hz-prod__ms{font-size:12.5px}
  .hz-prod__what{display:block}
  .hz-suite__works{gap:8px 10px;padding:14px 8px 8px}
  .hz-suite__label{font-size:14px}
  .hz-chip{gap:8px;min-height:36px;padding-inline:8px 12px;font-size:14px}
  .hz-chip__icon{width:22px;height:22px}
}
@media (min-width:1024px){
  .hz-suite{padding:14px;border-radius:32px}
  .hz-suite__grid{grid-template-columns:1fr;gap:10px}
  .hz-prod{padding:22px 24px;gap:22px;border-radius:20px}
  .hz-prod__icon{width:64px;height:64px;padding:9px;border-radius:18px;background:#fff;box-shadow:0 0 0 1px var(--hz-rule),0 10px 22px -12px rgba(23,29,56,.35)}
  .hz-prod__ms{font-size:13px}
  .hz-prod__name{font-size:21px}
  .hz-prod__what{font-size:15.5px}
  .hz-suite__works{padding:18px 14px 10px}
}

/* ---------- Clients: full-colour logo wall ---------- */
.hz-clients{background:#fff;padding-block:44px 52px;border-block-end:1px solid var(--hz-rule)}
.hz-clients__head{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:14px 28px}
.hz-clients__label{font:700 19px/1.3 var(--hz-text);color:var(--hz-ink)}
.hz-logos{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));margin-block-start:24px;border-block-start:1px solid var(--hz-rule);border-inline-start:1px solid var(--hz-rule)}
.hz-logos__item{display:grid;place-items:center;min-height:118px;padding:20px 16px;border-block-end:1px solid var(--hz-rule);border-inline-end:1px solid var(--hz-rule)}
.hz-logos__img{display:block;width:calc(var(--lw,140) * .74px);max-width:100%;height:auto}
.hz-logos__name{font:700 16px/1.3 var(--hz-text);color:var(--hz-ink);text-align:center}
.hz-award{display:flex;align-items:center;gap:12px;font-size:15px;color:var(--hz-slate);line-height:1.4}
.hz-award strong{color:var(--hz-ink);font-weight:700}
.hz-award__medal{flex:none;display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#F6DE8D,#C99A2E 60%,#9C7419);box-shadow:inset 0 0 0 3px rgba(255,255,255,.35),0 6px 14px -6px rgba(156,116,25,.7);font:700 11px/1 var(--hz-text);color:#3B2A05}
@media (min-width:640px){.hz-logos{grid-template-columns:repeat(3,minmax(0,1fr))}.hz-logos__img{width:calc(var(--lw,140) * .86px)}}
@media (min-width:1024px){.hz-logos{grid-template-columns:repeat(5,minmax(0,1fr))}.hz-logos__item{min-height:150px}.hz-logos__img{width:calc(var(--lw,140) * 1px)}}

/* ---------- Sections ---------- */
.hz-section{padding-block:72px}
@media (min-width:900px){.hz-section{padding-block:112px}}

/* Services: bento with hierarchy */
.hz-services{background:var(--hz-paper)}
.hz-bento{display:grid;gap:12px;margin-block-start:36px}
.hz-prodlabel{display:inline-flex;align-items:center;gap:12px;font:600 14.5px/1.25 var(--hz-text);color:var(--hz-slate)}
.hz-prodlabel__icon{flex:none;width:48px;height:48px;padding:8px;border-radius:14px;background:#fff;box-shadow:0 0 0 1px var(--hz-rule),0 6px 16px -10px rgba(23,29,56,.35)}
.hz-card{position:relative;display:flex;flex-direction:column;gap:10px;min-width:0;padding:24px;border:1px solid var(--hz-rule);border-radius:22px;background:#fff;overflow:hidden;transition:border-color .25s,transform .25s var(--hz-ease),box-shadow .25s}
.hz-card:hover{border-color:rgba(0,112,125,.45);transform:translateY(-3px);box-shadow:0 24px 48px -30px rgba(23,29,56,.5)}
.hz-card:focus-within,.hz-subsvc:focus-within{outline:3px solid var(--hz-teal);outline-offset:3px}
.hz-card__t{font:700 20px/1.3 var(--hz-text);margin-block-start:4px}
.hz-card__t a{text-decoration:none}
.hz-card__t a::after{content:"";position:absolute;inset:0;border-radius:inherit}
.hz-card__t a:focus-visible{outline:none}
.hz-card p{color:var(--hz-slate);font-size:15.5px;line-height:1.6}
.hz-card__go{margin-block-start:auto;padding-block-start:8px;display:inline-flex;gap:6px;font:600 15px/1 var(--hz-text);color:var(--hz-teal)}
.hz-arrow{display:inline-block;transition:transform .25s var(--hz-ease)}
.hz-card:hover .hz-arrow,.hz-subsvc:hover .hz-arrow,.hz-case:hover .hz-arrow{transform:translateX(var(--hz-nudge))}
.hz-card--feat::before{content:"";position:absolute;inset-block-start:-90px;inset-inline-end:-90px;width:240px;height:240px;border-radius:50%;background:radial-gradient(closest-side,var(--hz-hue,rgba(0,215,235,.18)),transparent);pointer-events:none}
.hz-card--power-apps{--hz-hue:rgba(195,57,165,.16)}
.hz-card--power-automate{--hz-hue:rgba(0,102,255,.14)}
.hz-card--power-bi{--hz-hue:rgba(242,200,17,.26)}
.hz-card--feat .hz-card__t{font-size:21px;margin-block-start:10px}
.hz-bento__sp{position:relative;overflow:hidden;padding:26px;border-radius:26px;color:#fff;background:radial-gradient(520px 320px at 100% 0%,rgba(0,215,235,.22),transparent 65%),linear-gradient(160deg,#1B2346 0%,var(--hz-navy) 55%,#0E3F52 130%)}
[dir="rtl"] .hz-bento__sp{background:radial-gradient(520px 320px at 0% 0%,rgba(0,215,235,.22),transparent 65%),linear-gradient(200deg,#1B2346 0%,var(--hz-navy) 55%,#0E3F52 130%)}
.hz-bento__sp .hz-prodlabel{color:#E3E8F3;font-size:16px}
.hz-bento__sp .hz-prodlabel__icon{width:60px;height:60px;padding:10px;border-radius:17px;box-shadow:0 10px 30px -12px rgba(0,215,235,.6)}
.hz-bento__sub{position:relative;z-index:1;display:grid;margin-block-start:18px}
.hz-subsvc{position:relative;display:flex;flex-direction:column;gap:8px;padding-block:20px;border-block-start:1px solid rgba(255,255,255,.14);border-radius:4px}
.hz-subsvc .hz-card__t{font-size:22px;color:#fff;margin:0}
.hz-subsvc .hz-card__t a::after{inset:-2px}
.hz-subsvc p{color:#C9D0E2;font-size:15.5px;line-height:1.6;max-width:44ch}
.hz-subsvc .hz-card__go{color:var(--hz-cyan)}
.hz-bento__sites{display:none}
.hz-card--small{flex-direction:row;align-items:flex-start;gap:16px;padding:20px}
.hz-card--small .hz-card__t{font-size:18px;margin:0}
.hz-card--small p{font-size:15px;margin-block-start:4px}
.hz-card__icon{flex:none;display:grid;place-items:center;width:48px;height:48px;border-radius:14px;background:var(--hz-navy);color:var(--hz-cyan)}
.hz-card__icon .hz-ic{width:26px;height:26px}
[dir="rtl"] .hz-card__icon .hz-ic{transform:scaleX(-1)}
.hz-card--cta{justify-content:center;background:var(--hz-cyan);border-color:var(--hz-cyan);color:var(--hz-navy)}
.hz-card--cta p{color:var(--hz-navy)}
.hz-card--cta .hz-btn{align-self:flex-start;margin-block-start:6px}
.hz-card--cta:hover{transform:none;box-shadow:none;border-color:var(--hz-cyan)}
@media (min-width:640px){
  .hz-bento{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
  .hz-bento__sp,.hz-card--power-bi,.hz-card--cta{grid-column:1 / -1}
  .hz-bento__sp{padding:34px}
  .hz-bento__sub{grid-template-columns:1fr 1fr;column-gap:32px}
}
@media (min-width:1100px){
  .hz-bento{grid-template-columns:repeat(12,minmax(0,1fr))}
  .hz-bento__sp{grid-column:span 6;grid-row:span 2;padding:40px}
  .hz-bento__sub{grid-template-columns:1fr;margin-block-start:26px}
  .hz-card--feat{grid-column:span 3;padding:28px}
  .hz-card--power-bi{grid-column:span 6;padding-inline-end:230px}
  .hz-card--power-bi::after{content:"";position:absolute;inset-inline-end:34px;bottom:34px;width:150px;height:96px;opacity:.95;background:
    linear-gradient(#F2C811,#E8B70B) 0 100%/20px 42% no-repeat,
    linear-gradient(#F2C811,#E8B70B) 32px 100%/20px 66% no-repeat,
    linear-gradient(#F2C811,#E8B70B) 64px 100%/20px 50% no-repeat,
    linear-gradient(#F2C811,#E8B70B) 96px 100%/20px 84% no-repeat,
    linear-gradient(#F2C811,#E8B70B) 128px 100%/20px 100% no-repeat;border-block-end:2px solid var(--hz-rule)}
  .hz-card--small,.hz-card--cta{grid-column:span 4}
  .hz-bento__sites{position:absolute;inset-inline-end:34px;bottom:34px;display:grid;grid-template-columns:repeat(3,46px);gap:8px;opacity:.55}
  .hz-bento__sites i{height:34px;border-radius:7px;background:linear-gradient(to bottom,rgba(0,215,235,.9) 0 5px,rgba(255,255,255,.12) 5px)}
}

/* Cases: visual cards */
.hz-cases{background:#fff}
.hz-cases__head{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:8px 24px}
.hz-cases__head .hz-more{margin:0}
.hz-case-list{display:grid;gap:18px;margin-block-start:34px}
.hz-case{position:relative;display:flex;flex-direction:column;min-width:0;border:1px solid var(--hz-rule);border-radius:24px;background:#fff;overflow:hidden;transition:border-color .25s,transform .25s var(--hz-ease),box-shadow .25s}
.hz-case:hover{border-color:rgba(0,112,125,.45);transform:translateY(-3px);box-shadow:0 26px 50px -30px rgba(23,29,56,.5)}
.hz-case:focus-within{outline:3px solid var(--hz-teal);outline-offset:3px}
.hz-case__visual{container-type:inline-size;position:relative;display:grid;place-items:center;height:232px;padding:20px;overflow:hidden;background:radial-gradient(circle at 20% 15%,rgba(0,215,235,.22),transparent 55%),linear-gradient(160deg,#EEF4F8,#DCE6EF)}
.hz-case__visual--rooms{background:radial-gradient(circle at 80% 20%,rgba(0,112,125,.25),transparent 55%),linear-gradient(160deg,#EEF1F8,#D9DFEE)}
.hz-case__visual--schedule{background:radial-gradient(circle at 30% 85%,rgba(242,193,78,.3),transparent 55%),linear-gradient(160deg,#F2F5F9,#DFE7F0)}
.hz-case__visual .hz-mk{font-size:calc(100cqw / 36)}
.hz-case__body{display:flex;flex-direction:column;gap:8px;padding:22px 24px 24px;flex:1}
.hz-case__who{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;min-height:68px}
.hz-case__logo{display:block;width:auto;height:66px;max-width:250px;object-fit:contain;object-position:var(--hz-op,left) center}
[dir="rtl"] .hz-case__logo{--hz-op:right}
.hz-case__topic{flex:none;padding:7px 11px;border-radius:999px;background:rgba(0,112,125,.09);color:var(--hz-teal);font:600 13.5px/1 var(--hz-text)}
.hz-case__org{margin-block-start:10px;font:600 15.5px/1.35 var(--hz-text);color:var(--hz-slate)}
.hz-case__org a{text-decoration:none}
.hz-case__org a::after{content:"";position:absolute;inset:0;border-radius:inherit}
.hz-case__org a:focus-visible{outline:none}
.hz-case__result{font:800 26px/1.15 var(--hz-text);letter-spacing:-.02em;color:var(--hz-navy)}
.hz-case__text{color:var(--hz-slate);font-size:15.5px;line-height:1.65;margin-block-start:4px}
@media (min-width:900px){.hz-case-list{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}}

/* Process */
.hz-process{background:var(--hz-paper)}
.hz-process__cta{display:flex;flex-wrap:wrap;align-items:center;gap:14px 22px;margin-block-start:34px}
.hz-process__cta p{color:var(--hz-slate);font-size:16px}
.hz-steps{position:relative;display:grid;gap:16px;margin-block-start:44px;padding-inline-start:40px}
.hz-steps::before{content:"";position:absolute;inset-block:30px;inset-inline-start:7px;width:2px;background:linear-gradient(to bottom,var(--hz-cyan),var(--hz-teal) 70%,rgba(0,112,125,.15));transform-origin:center top}
.hz-step{position:relative;min-width:0;padding:24px 22px 26px;border:1px solid var(--hz-rule);border-radius:22px;background:#fff;box-shadow:0 24px 44px -34px rgba(23,29,56,.45)}
.hz-step:last-child{background:var(--hz-navy);border-color:var(--hz-navy);color:#fff}
.hz-step:last-child p{color:#C9D0E2}
.hz-step::before{content:"";position:absolute;top:30px;inset-inline-start:-40px;width:16px;height:16px;border-radius:50%;background:#fff;border:3px solid var(--hz-teal)}
.hz-step:first-child::before,.hz-step:last-child::before{background:var(--hz-cyan);border-color:var(--hz-navy);box-shadow:0 0 0 6px rgba(0,215,235,.18),0 0 18px 4px rgba(0,215,235,.45)}
.hz-step__k{display:inline-block;font-size:60px;font-weight:800;letter-spacing:-.04em;line-height:1;color:var(--hz-teal);background:linear-gradient(135deg,var(--hz-teal),var(--hz-cyan));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.hz-step:last-child .hz-step__k{background:linear-gradient(135deg,var(--hz-cyan),#fff);-webkit-background-clip:text;background-clip:text}
.hz-step h3{font:700 20px/1.3 var(--hz-text);margin-block-start:14px}
.hz-step p{color:var(--hz-slate);font-size:15.5px;margin-block-start:6px}
@media (min-width:900px){
  .hz-steps{grid-template-columns:repeat(4,1fr);gap:20px;padding-inline-start:0;padding-block-start:44px}
  .hz-steps::before{inset-block:auto;top:7px;inset-inline:0;width:auto;height:2px;background:linear-gradient(to right,var(--hz-cyan),var(--hz-teal) 70%,rgba(0,112,125,.15));transform-origin:left center}
  [dir="rtl"] .hz-steps::before{background:linear-gradient(to left,var(--hz-cyan),var(--hz-teal) 70%,rgba(0,112,125,.15));transform-origin:right center}
  .hz-step::before{top:-44px;inset-inline-start:24px}
}

/* Why us */
.hz-why{background:radial-gradient(800px 420px at 0% 100%,rgba(0,112,125,.35),transparent 60%),var(--hz-navy);color:#fff}
[dir="rtl"] .hz-why{background:radial-gradient(800px 420px at 100% 100%,rgba(0,112,125,.35),transparent 60%),var(--hz-navy)}
.hz-why__top{display:grid;gap:18px}
.hz-why__intro{font-size:18px;line-height:1.7;color:#C9D0E2;max-width:52ch}
.hz-points{display:grid;gap:14px;margin-block-start:40px}
.hz-point{padding:24px;border-radius:20px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1)}
.hz-point__k{display:block;font:700 14px/1 var(--hz-text);color:var(--hz-cyan);letter-spacing:.04em}
.hz-point h3{font:700 19px/1.3 var(--hz-text);margin-block-start:14px}
.hz-point p{color:#C9D0E2;font-size:15.5px;margin-block-start:8px}
.hz-facts{display:grid;gap:18px;margin:40px 0 0}
.hz-fact{display:flex;flex-direction:column-reverse;gap:4px}
.hz-fact dd{margin:0;font:800 28px/1.1 var(--hz-text);color:#fff}
.hz-fact dt{color:var(--hz-mist);font-size:14.5px}
.hz-industries{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-block-start:40px}
.hz-industries__l{font:600 15px/1.3 var(--hz-text);margin-inline-end:6px}
.hz-industries ul{display:flex;flex-wrap:wrap;gap:8px}
.hz-industries li{padding:9px 14px;border:1px solid rgba(255,255,255,.24);border-radius:999px;color:#E3E8F3;font-size:14.5px;line-height:1.2}
@media (min-width:640px){.hz-points{grid-template-columns:repeat(2,1fr);gap:16px}.hz-facts{grid-template-columns:repeat(3,1fr)}}
@media (min-width:900px){.hz-why__top{grid-template-columns:1fr 1fr;align-items:end;gap:40px}}
@media (min-width:1100px){.hz-points{grid-template-columns:repeat(4,1fr)}}

/* ---------- Showcase: "this is what we build" ---------- */
.hz-show{position:relative;overflow:hidden;color:#fff;background:radial-gradient(1100px 560px at 50% 105%,rgba(0,215,235,.2),transparent 62%),radial-gradient(700px 400px at 50% -10%,rgba(42,51,88,.9),transparent 70%),var(--hz-deep)}
.hz-show__glow{position:absolute;inset-inline:0;top:62%;height:2px;background:linear-gradient(to right,rgba(0,215,235,0),rgba(0,215,235,.85) 25%,rgba(0,215,235,.85) 75%,rgba(0,215,235,0));box-shadow:0 0 40px 6px rgba(0,215,235,.35)}
.hz-show .hz-wrap{position:relative}
.hz-show__head{max-width:760px;margin-inline:auto;text-align:center}
.hz-show__head .hz-sub{margin-inline:auto}
.hz-show__fig{margin:40px 0 0}
.hz-stage{display:grid;grid-template-columns:minmax(0,.78fr) minmax(0,1.22fr);grid-template-areas:"b b" "p t";gap:18px 14px;align-items:center}
.hz-slot{container-type:inline-size;min-width:0}
.hz-stage > .hz-slot--browser{grid-area:b}
.hz-stage > .hz-slot--phone{grid-area:p}
.hz-stage > .hz-slot--tablet{grid-area:t}
.hz-show__note{margin-block-start:22px;text-align:center;color:var(--hz-mist);font-size:14px}
.hz-show__caps{display:grid;gap:12px;margin-block-start:36px}
.hz-showcap{display:flex;align-items:center;gap:14px;padding:14px 16px;border:1px solid rgba(255,255,255,.12);border-radius:18px;background:rgba(255,255,255,.04)}
.hz-showcap__icon{flex:none;width:46px;height:46px;padding:8px;border-radius:13px;background:#fff}
.hz-showcap b{display:block;font:700 15.5px/1.3 var(--hz-text)}
.hz-showcap span span{display:block;color:#C9D0E2;font-size:14.5px;line-height:1.45}
@media (min-width:760px){.hz-show__caps{grid-template-columns:repeat(3,1fr)}}
@media (min-width:960px){
  .hz-stage{display:block;position:relative;aspect-ratio:1100/650;max-width:1100px;margin-inline:auto}
  .hz-stage > .hz-slot{position:absolute}
  .hz-stage > .hz-slot--tablet{inset-inline-end:0;top:0;width:47%;z-index:1}
  .hz-stage > .hz-slot--browser{inset-inline-start:0;top:9%;width:67%;z-index:2}
  .hz-stage > .hz-slot--phone{inset-inline-end:7%;bottom:0;width:19.5%;z-index:3}
}

/* Device frames (sizes in em; each device scales with its slot via container units) */
.hz-dev{font-size:8px;line-height:1.3;color:var(--hz-ink);text-align:start}
.hz-dev--browser{font-size:calc(100cqw / 72)}
.hz-dev--tablet{font-size:calc(100cqw / 56)}
.hz-dev--phone{font-size:calc(100cqw / 25)}
.hz-dev__screen{position:relative;overflow:hidden}
.hz-dev--browser{border-radius:1.1em;background:#fff;overflow:hidden;box-shadow:0 4em 8em -3em rgba(0,0,0,.75),0 0 0 .12em rgba(255,255,255,.1)}
.hz-dev__bar{display:flex;align-items:center;gap:1.4em;height:3.2em;padding-inline:1.4em;background:#E8ECF2;border-block-end:.1em solid #D6DCE6}
.hz-dev__dots{display:flex;gap:.55em}
.hz-dev__dots i{display:block;width:.95em;height:.95em;border-radius:50%;background:#FF6159}
.hz-dev__dots i:nth-child(2){background:#FFBD2E}.hz-dev__dots i:nth-child(3){background:#28C941}
.hz-dev__url{flex:0 1 26em;height:2.1em;padding-inline:1.1em;border-radius:1.05em;background:#fff;color:#6B7590;font-size:1.05em;line-height:2.1em;margin-inline:auto}
.hz-dev--browser .hz-dev__screen{height:40em;background:#F4F6FA}
.hz-dev--tablet{padding:1.1em;border-radius:2.2em;background:#0A0F21;box-shadow:0 4em 8em -3em rgba(0,0,0,.8),0 0 0 .12em rgba(255,255,255,.12)}
.hz-dev--tablet .hz-dev__screen{height:37em;border-radius:1.2em;background:#F4F6FA}
.hz-dev--phone{position:relative;padding:.85em;border-radius:3.6em;background:#0A0F21;box-shadow:0 4em 7em -2em rgba(0,0,0,.85),0 0 0 .14em rgba(255,255,255,.16)}
.hz-dev--phone .hz-dev__screen{height:50em;border-radius:2.8em;background:#F4F6FA}
.hz-dev__notch{position:absolute;z-index:2;top:1.7em;left:50%;width:7.4em;height:2em;margin-left:-3.7em;border-radius:1em;background:#0A0F21}

/* Mockup shared */
.hz-mk{font-family:var(--hz-text);line-height:1.3;color:var(--hz-ink)}
.hz-mk b{font-weight:700}
.hz-mk small{font-size:.9em}
.hz-mk i{font-style:normal}
.hz-mk-g{display:block;flex:none;width:2.4em;height:2.4em;border-radius:.7em;background:var(--hz-teal)}
.hz-mk-g--1{background:var(--hz-cyan)}.hz-mk-g--2{background:#F2C14E}.hz-mk-g--3{background:var(--hz-navy-3)}
.hz-mk-chip{display:inline-block;flex:none;padding:.4em .85em;border-radius:1em;font-size:.95em;font-weight:700;white-space:nowrap}
.hz-mk-chip--wait{background:#FFF1CC;color:#8A5A00}
.hz-mk-chip--ok{background:#DDF5E5;color:#136C34}
.hz-mk-chip--new{background:#DDF6F9;color:#00707D}
.hz-mk-h{display:block;font-size:1.3em;margin:1.4em 0 .7em}
.hz-mk-legend{display:grid;gap:.5em;font-size:1.05em;color:#566079}
.hz-mk-legend span{display:flex;align-items:center;gap:.5em}
.hz-mk-legend i{display:block;width:.9em;height:.9em;border-radius:.25em}
.hz-mk-legend--row{display:flex;gap:1.4em;margin-block-start:1.1em}

/* Intranet */
.hz-mk-intra__top{display:flex;align-items:center;gap:1.1em;height:4.8em;padding-inline:2em;background:var(--hz-navy);color:#fff}
.hz-mk-intra__top b{font-size:1.45em}
.hz-mk-mark{display:block;width:2.4em;height:2.4em;border-radius:.65em;background:linear-gradient(135deg,var(--hz-cyan),var(--hz-teal))}
.hz-mk-search{margin-inline-start:auto;display:flex;align-items:center;width:22em;height:2.7em;padding-inline:1.2em;border-radius:1.35em;background:rgba(255,255,255,.12);color:rgba(255,255,255,.7);font-size:1.05em}
.hz-mk-avatar{display:grid;place-items:center;width:2.7em;height:2.7em;border-radius:50%;background:#F2C14E;color:var(--hz-navy);font-weight:800;font-size:.95em}
.hz-mk-intra__nav{display:flex;gap:2.6em;height:3.8em;align-items:stretch;padding-inline:2em;background:#fff;border-block-end:.1em solid #E3E8EF;color:#566079}
.hz-mk-intra__nav span{display:flex;align-items:center;font-size:1.15em}
.hz-mk-intra__nav .is-on{color:var(--hz-navy);font-weight:700;box-shadow:inset 0 -.25em 0 var(--hz-cyan)}
.hz-mk-intra__body{display:grid;grid-template-columns:minmax(0,1fr) 18em;gap:1.6em;padding:1.8em 2em}
.hz-mk-banner{position:relative;display:flex;flex-direction:column;justify-content:flex-end;gap:.35em;height:11.5em;padding:1.8em 2em;border-radius:1em;color:#fff;background:radial-gradient(circle at 88% 18%,rgba(0,215,235,.65),transparent 42%),radial-gradient(circle at 70% 120%,rgba(242,193,78,.45),transparent 45%),linear-gradient(120deg,var(--hz-navy),#0E5463)}
[dir="rtl"] .hz-mk-banner{background:radial-gradient(circle at 12% 18%,rgba(0,215,235,.65),transparent 42%),radial-gradient(circle at 30% 120%,rgba(242,193,78,.45),transparent 45%),linear-gradient(240deg,var(--hz-navy),#0E5463)}
.hz-mk-banner small{font-size:1.1em;opacity:.85}
.hz-mk-banner strong{font-size:2.1em;font-weight:800;line-height:1.15;max-width:15em}
.hz-mk-banner__dots{position:absolute;bottom:1.5em;inset-inline-end:2em;display:flex;gap:.5em}
.hz-mk-banner__dots i{display:block;width:.7em;height:.7em;border-radius:50%;background:rgba(255,255,255,.45)}
.hz-mk-banner__dots .is-on{width:1.8em;border-radius:.35em;background:#fff}
.hz-mk-quick{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1em;margin-block-start:1.3em}
.hz-mk-quick__i{display:flex;align-items:center;gap:.8em;padding:1em;border-radius:.8em;background:#fff;box-shadow:0 .1em .4em rgba(23,29,56,.08);font-size:1.1em;font-weight:600;white-space:nowrap;overflow:hidden}
.hz-mk-news{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1em}
.hz-mk-news__i{display:flex;flex-direction:column;gap:.45em;padding:.8em .8em 1em;border-radius:.8em;background:#fff;box-shadow:0 .1em .4em rgba(23,29,56,.08)}
.hz-mk-news__i b{font-size:1.1em;line-height:1.25}
.hz-mk-news__i small{color:#6B7590}
.hz-mk-thumb{display:block;height:6.4em;border-radius:.55em;margin-block-end:.3em;background:linear-gradient(135deg,#2A3358,#00707D)}
.hz-mk-thumb--1{background:radial-gradient(circle at 30% 30%,#F2C14E,transparent 55%),linear-gradient(135deg,#00B8CC,#2A3358)}
.hz-mk-thumb--2{background:linear-gradient(135deg,#D5DBEA,#AEB6CC)}
.hz-mk-intra__side{padding:1.4em;border-radius:1em;background:#fff;box-shadow:0 .1em .4em rgba(23,29,56,.08)}
.hz-mk-intra__side .hz-mk-h{margin-block-start:0}
.hz-mk-ev{display:flex;align-items:center;gap:1em;padding-block:.75em;border-block-end:.1em solid #EEF1F5}
.hz-mk-ev__d{display:grid;place-items:center;flex:none;width:3.6em;height:3.6em;border-radius:.7em;background:#EEF4F8;color:var(--hz-navy);line-height:1}
.hz-mk-ev__d b{font-size:1.4em}
.hz-mk-ev__d small{font-size:.85em;color:#566079}
.hz-mk-ev__t{display:flex;flex-direction:column;gap:.45em;font-size:1.1em;font-weight:600}
.hz-mk-ev__t i{display:block;width:6em;height:.5em;border-radius:.25em;background:#E3E8EF}
.hz-mk-people{display:flex;align-items:center;margin-block-start:1.3em}
.hz-mk-people i{display:block;width:2.6em;height:2.6em;border-radius:50%;border:.2em solid #fff;margin-inline-end:-.7em;background:#00B8CC}
.hz-mk-people i:nth-child(2){background:#F2C14E}.hz-mk-people i:nth-child(3){background:#2A3358}.hz-mk-people i:nth-child(4){background:#00707D}
.hz-mk-people small{margin-inline-start:1.3em;color:#566079;font-weight:700}

/* Chat assistant (Chatty AI) */
.hz-mk-chat{display:flex;flex-direction:column;height:100%}
.hz-mk-chat__top{display:flex;align-items:center;gap:1em;height:4.8em;padding-inline:2em;background:var(--hz-navy);color:#fff}
.hz-mk-chat__top b{font-size:1.45em}
.hz-mk-chat__top small{color:rgba(255,255,255,.7);font-size:1.05em}
.hz-mk-chat__safe{margin-inline-start:auto;display:flex;align-items:center;gap:.5em;padding:.5em 1em;border-radius:1.2em;background:rgba(0,215,235,.16);color:var(--hz-cyan);font-weight:700;font-size:1em;white-space:nowrap}
.hz-mk-chat__safe i{display:block;width:.55em;height:.55em;border-radius:50%;background:currentColor;box-shadow:0 0 0 .25em rgba(0,215,235,.25)}
.hz-mk-chat__body{flex:1;display:flex;flex-direction:column;gap:1.3em;padding:2em 2.4em 1.4em;overflow:hidden}
.hz-mk-msg{max-width:70%;padding:1em 1.4em;border-radius:1.3em;font-size:1.2em;line-height:1.45}
.hz-mk-msg--me{align-self:flex-end;background:var(--hz-navy);color:#fff;border-end-end-radius:.35em}
.hz-mk-msg--bot{align-self:flex-start;display:flex;align-items:flex-start;gap:.9em;max-width:86%;padding:0;font-size:1em}
.hz-mk-msg__ai{display:grid;place-items:center;flex:none;width:3.2em;height:3.2em;border-radius:.9em;background:linear-gradient(135deg,var(--hz-cyan),var(--hz-teal));color:var(--hz-navy);font-weight:800;font-size:1em}
.hz-mk-msg__b{padding:1.2em 1.5em;border-radius:1.3em;border-start-start-radius:.35em;background:#fff;box-shadow:0 .15em .5em rgba(23,29,56,.08);font-size:1.2em;line-height:1.5}
.hz-mk-src{display:flex;flex-wrap:wrap;gap:.6em;margin-block-start:.9em}
.hz-mk-src span{display:inline-flex;align-items:center;gap:.5em;padding:.4em .8em;border-radius:.6em;background:#EEF4F8;color:#00707D;font-weight:700;font-size:.82em}
.hz-mk-src i{display:block;width:.8em;height:1em;border-radius:.15em;background:#00B8CC}
.hz-mk-typing{align-self:flex-start;display:flex;gap:.45em;margin-inline-start:4.1em;padding:1em 1.3em;border-radius:1.2em;background:#fff;box-shadow:0 .15em .5em rgba(23,29,56,.08)}
.hz-mk-typing i{display:block;width:.7em;height:.7em;border-radius:50%;background:#AEB6CC}
.hz-mk-typing i:first-child{background:var(--hz-teal)}
.hz-mk-chat__in{display:flex;align-items:center;gap:1em;height:4.4em;margin:0 2.4em 1.8em;padding-inline:1.6em .6em;border-radius:2.2em;background:#fff;box-shadow:0 .15em .6em rgba(23,29,56,.1);color:#8A93A8;font-size:1.1em}
.hz-mk-chat__send{display:block;margin-inline-start:auto;width:3.2em;height:3.2em;border-radius:50%;background:var(--hz-cyan) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M10 15V5M5.5 9.5 10 5l4.5 4.5' fill='none' stroke='%23171D38' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/55% no-repeat}

/* Mobile app */
.hz-mk-app{position:relative;height:100%}
.hz-mk-app__head{display:flex;align-items:center;justify-content:space-between;padding:4.6em 1.6em 1.3em;background:linear-gradient(135deg,var(--hz-navy),#1E3A63);color:#fff}
.hz-mk-app__head b{font-size:1.65em}
.hz-mk-app__badge{display:grid;place-items:center;width:2.2em;height:2.2em;border-radius:50%;background:var(--hz-cyan);color:var(--hz-navy);font-weight:800}
.hz-mk-app__tabs{display:flex;gap:.6em;padding:1.2em 1.4em .6em}
.hz-mk-app__tabs span{padding:.55em 1.1em;border-radius:1.2em;background:#E6EBF2;color:#566079;font-size:1.05em;font-weight:600}
.hz-mk-app__tabs .is-on{background:var(--hz-navy);color:#fff}
.hz-mk-app__list{display:grid;gap:.75em;padding:.6em 1.2em}
.hz-mk-app__item{display:flex;align-items:center;gap:.9em;padding:1em;border-radius:1.1em;background:#fff;box-shadow:0 .15em .5em rgba(23,29,56,.08)}
.hz-mk-app__ic{display:block;flex:none;width:2.8em;height:2.8em;border-radius:.8em;background:var(--hz-teal)}
.hz-mk-app__txt{display:flex;flex-direction:column;gap:.2em;flex:1;min-width:0}
.hz-mk-app__txt b{font-size:1.05em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.hz-mk-app__txt small{color:#566079;font-size:1em;text-align:start}
.hz-mk-app__fab{position:absolute;bottom:5.8em;inset-inline-end:1.4em;padding:1em 1.4em;border-radius:2em;background:var(--hz-cyan);color:var(--hz-navy);font-weight:800;font-size:1.05em;box-shadow:0 .8em 1.6em -.6em rgba(0,184,204,.8)}
.hz-mk-app__tabbar{position:absolute;inset-inline:0;bottom:0;display:flex;justify-content:space-around;align-items:center;height:4.4em;background:#fff;border-block-start:.1em solid #E3E8EF}
.hz-mk-app__tabbar i{display:block;width:2.2em;height:2.2em;border-radius:.6em;background:#D5DBEA}
.hz-mk-app__tabbar .is-on{background:var(--hz-navy)}

/* Dashboard */
.hz-mk-dash__head{display:flex;align-items:center;justify-content:space-between;padding:1.5em 1.7em 1.1em}
.hz-mk-dash__head b{font-size:1.45em}
.hz-mk-pill{padding:.45em 1em;border-radius:1em;background:#fff;border:.1em solid #D5DBEA;color:#566079;font-size:1em}
.hz-mk-kpis{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1em;padding-inline:1.7em}
.hz-mk-kpi{display:flex;flex-direction:column;gap:.3em;padding:1.1em 1.2em;border-radius:.9em;background:#fff;box-shadow:0 .1em .4em rgba(23,29,56,.08)}
.hz-mk-kpi small{color:#566079;font-size:1em}
.hz-mk-kpi b{font-size:2.2em;font-weight:800;letter-spacing:-.02em;color:var(--hz-navy)}
.hz-mk-kpi i{align-self:flex-start;font-size:.95em;font-weight:700;color:#136C34}
.hz-mk-dash__grid{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);grid-template-rows:auto auto;gap:1em;padding:1em 1.7em 1.7em}
.hz-mk-card{display:flex;flex-direction:column;gap:.6em;padding:1.1em 1.2em;border-radius:.9em;background:#fff;box-shadow:0 .1em .4em rgba(23,29,56,.08)}
.hz-mk-card > small{font-size:1.05em;font-weight:700;color:var(--hz-ink)}
.hz-mk-card--bars{grid-row:span 2}
.hz-mk-bars{display:flex;align-items:flex-end;gap:.9em;height:17em;padding-block-start:.6em;border-block-end:.1em solid #E3E8EF}
.hz-mk-bar{display:flex;flex-direction:column;justify-content:flex-end;align-items:stretch;gap:.4em;flex:1;min-width:0;height:100%}
.hz-mk-bar i{display:block;height:var(--h);border-radius:.4em .4em 0 0;background:linear-gradient(to top,var(--hz-teal),var(--hz-cyan))}
.hz-mk-bar small{font-size:.85em;color:#566079;text-align:center;white-space:nowrap;overflow:hidden}
.hz-mk-bar:nth-child(1) i{background:linear-gradient(to top,var(--hz-navy),var(--hz-navy-3))}
.hz-mk-trend{display:block;width:100%;height:6.6em}
.hz-mk-card--donut{flex-direction:row;flex-wrap:wrap;align-items:center;gap:.8em 1.4em}
.hz-mk-card--donut > small{flex-basis:100%}
.hz-mk-donut{position:relative;display:grid;place-items:center;flex:none;width:7.4em;height:7.4em;border-radius:50%;background:conic-gradient(var(--hz-teal) 0 46%,var(--hz-cyan) 0 78%,#F2C14E 0 100%)}
.hz-mk-donut i{position:absolute;inset:1.4em;border-radius:50%;background:#fff}
.hz-mk-donut b{position:relative;font-size:1.15em}
.hz-mk-l0{background:var(--hz-teal)}.hz-mk-l1{background:var(--hz-cyan)}.hz-mk-l2{background:#F2C14E}

/* Case visuals */
.hz-mk-vis{display:flex;align-items:center;gap:1.6em}
.hz-mk-vis__card{display:flex;flex-direction:column;align-items:center;gap:.9em;width:15.5em;padding:1.5em 1.4em;border-radius:1.6em;background:#fff;box-shadow:0 1.6em 3em -1.6em rgba(23,29,56,.45)}
.hz-mk-vis__t{font-size:1.2em}
.hz-mk-qr{display:block;width:9.6em;height:9.6em;fill:var(--hz-navy)}
.hz-mk-vis__ok{font-size:1.05em}
.hz-mk-vis__who{color:#566079;font-size:.95em}
.hz-mk-vis__stat{display:flex;flex-direction:column;gap:.3em;width:12.5em;padding:1.3em;border-radius:1.2em;background:var(--hz-navy);color:#fff;box-shadow:0 1.6em 3em -1.6em rgba(23,29,56,.55)}
.hz-mk-vis__stat small{color:var(--hz-mist);font-size:1em}
.hz-mk-vis__stat b{font-size:2.6em;font-weight:800;letter-spacing:-.02em}
.hz-mk-spark{display:flex;align-items:flex-end;gap:.35em;height:3.4em;margin-block-start:.4em}
.hz-mk-spark i{display:block;flex:1;height:var(--h);border-radius:.2em .2em 0 0;background:var(--hz-cyan)}
.hz-mk-rooms,.hz-mk-sched{width:31em;padding:1.5em;border-radius:1.4em;background:#fff;box-shadow:0 1.6em 3em -1.6em rgba(23,29,56,.45)}
.hz-mk-rooms__t,.hz-mk-sched__t{display:block;font-size:1.2em;margin-block-end:1em}
.hz-mk-rooms__grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:.5em}
.hz-mk-room{display:grid;place-items:center;height:3.3em;border-radius:.6em;font-size:1em;font-weight:700}
.hz-mk-room--0{background:#DDF5E5;color:#136C34}
.hz-mk-room--1{background:var(--hz-navy);color:#fff}
.hz-mk-room--2{background:#FFF1CC;color:#8A5A00}
.hz-mk-legend i.hz-mk-room--0,.hz-mk-legend i.hz-mk-room--1,.hz-mk-legend i.hz-mk-room--2{height:.9em}
.hz-mk-sched__grid{display:grid;grid-template-columns:4.6em repeat(5,minmax(0,1fr));gap:.45em;align-items:center}
.hz-mk-sched__d{text-align:center;color:#566079;font-size:1em;font-weight:700}
.hz-mk-sched__s{color:#566079;font-size:1em;font-weight:600}
.hz-mk-shift{display:grid;place-items:center;height:3em;border-radius:.6em;font-size:.95em;font-weight:700;white-space:nowrap;overflow:hidden}
.hz-mk-shift--0{background:#D9F3F5;color:#00707D}
.hz-mk-shift--1{background:#E3E7F4;color:var(--hz-navy)}
.hz-mk-shift--2{background:#FFEFC7;color:#8A5A00}

/* Chatty mention */
.hz-chatty{border-block-end:1px solid var(--hz-rule)}
.hz-chatty__in{display:grid;gap:10px;padding-block:34px}
.hz-chatty__tag{justify-self:start;padding:7px 12px;border:1px solid var(--hz-teal);border-radius:999px;color:var(--hz-teal);font:600 13px/1 var(--hz-text)}
.hz-chatty__t{font:700 24px/1.2 var(--hz-text)}
.hz-chatty p{color:var(--hz-slate);max-width:70ch;margin-block-start:4px}
.hz-chatty .hz-more{margin-block-start:0}
@media (min-width:900px){.hz-chatty__in{grid-template-columns:auto 1fr auto;align-items:center;gap:28px}}

/* Contact */
.hz-contact{position:relative;color:#fff;background:radial-gradient(900px 520px at 100% 0%,rgba(0,215,235,.16),transparent 60%),radial-gradient(700px 500px at 0% 100%,rgba(0,112,125,.3),transparent 60%),var(--hz-navy)}
[dir="rtl"] .hz-contact{background:radial-gradient(900px 520px at 0% 0%,rgba(0,215,235,.16),transparent 60%),radial-gradient(700px 500px at 100% 100%,rgba(0,112,125,.3),transparent 60%),var(--hz-navy)}
.hz-contact::before{content:"";position:absolute;inset-inline:0;top:0;height:2px;background:linear-gradient(to right,rgba(0,215,235,0),var(--hz-cyan) 30%,var(--hz-cyan) 70%,rgba(0,215,235,0));box-shadow:0 0 18px 1px rgba(0,215,235,.5)}
.hz-dark .hz-sub{color:#C9D0E2}
.hz-contact__grid{display:grid;gap:36px}
.hz-chans{display:grid;gap:10px;margin-block-start:28px}
.hz-chan{display:grid;grid-template-columns:48px 1fr auto;align-items:center;gap:14px;min-height:76px;padding:14px 16px;border:1px solid var(--hz-rule);border-radius:16px;background:#fff;text-decoration:none;transition:border-color .2s,transform .2s var(--hz-ease)}
.hz-dark .hz-chan{background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.16);color:#fff}
.hz-dark .hz-chan:hover{border-color:var(--hz-cyan)}
.hz-dark .hz-chan__txt small{color:var(--hz-mist)}
.hz-dark .hz-chan--chat{border-color:rgba(0,215,235,.6)}
.hz-chan:hover{border-color:var(--hz-teal);transform:translateY(-2px)}
.hz-chan__ic{display:grid;place-items:center;width:48px;height:48px;border-radius:13px}
.hz-chan__ic .hz-ic{width:24px;height:24px}
.hz-chan__ic--wa{background:var(--hz-wa);color:var(--hz-navy)}
.hz-chan__ic--tel{background:var(--hz-cyan);color:var(--hz-navy)}
.hz-chan__ic--chat{background:var(--hz-navy);color:var(--hz-cyan);font:700 15px/1 var(--hz-text)}
.hz-chan--chat{border-style:dashed;border-color:var(--hz-teal)}
.hz-chan__txt b{display:block;font:600 17px/1.3 var(--hz-text)}
.hz-chan__txt small{display:block;color:var(--hz-slate);font-size:14px}
.hz-chan__num{font:600 15.5px/1 var(--hz-text);white-space:nowrap}
.hz-formcard{padding:22px;border:1px solid var(--hz-rule);border-radius:24px;background:#fff;color:var(--hz-ink);min-width:0;box-shadow:0 40px 80px -40px rgba(0,0,0,.6)}
.hz-formcard__t{font:700 24px/1.2 var(--hz-text)}
.hz-formcard__hint{color:var(--hz-slate);font-size:15px;margin-block-start:6px}
@media (min-width:640px){.hz-formcard{padding:32px}}
@media (min-width:960px){.hz-contact__grid{grid-template-columns:1fr 1fr;gap:56px;align-items:start}}

/* Contact Form 7 inside Horizon */
.hz .wpcf7{margin-block-start:8px}
.hz .wpcf7-form{position:relative}
.hz-field{display:grid;gap:6px;margin-block-start:16px}
.hz-field label{font:600 15px/1.3 var(--hz-text)}
.hz-field label .hz-req{color:#B42318;margin-inline-start:2px}
.hz-field-row{display:grid;gap:0 14px}
@media (min-width:640px){.hz-field-row{grid-template-columns:1fr 1fr}}
.hz .wpcf7-form-control-wrap{display:block}
.hz .wpcf7-form input[type=text],.hz .wpcf7-form input[type=tel],.hz .wpcf7-form input[type=email],.hz .wpcf7-form select,.hz .wpcf7-form textarea{display:block;width:100%;min-height:50px;padding:12px 14px;border:1.5px solid #AFB8CA;border-radius:12px;background:#fff;color:var(--hz-ink);font:400 16px/1.4 var(--hz-text);transition:border-color .2s,box-shadow .2s}
.hz .wpcf7-form textarea{min-height:110px;resize:vertical}
.hz .wpcf7-form input:focus,.hz .wpcf7-form select:focus,.hz .wpcf7-form textarea:focus{outline:none;border-color:var(--hz-teal);box-shadow:0 0 0 4px rgba(0,112,125,.2)}
[dir="rtl"] .hz .wpcf7-form input[type=tel],[dir="rtl"] .hz .wpcf7-form input[type=email]{direction:ltr;text-align:right}
.hz .wpcf7-not-valid{border-color:#B42318!important}
.hz .wpcf7-not-valid-tip{display:block;margin-block-start:6px;color:#B42318;font-size:14px;font-weight:600}
.hz .wpcf7-submit{width:100%;margin-block-start:22px;font-size:17px}
.hz .wpcf7-spinner{display:block;margin:12px auto 0}
.hz .wpcf7 form .wpcf7-response-output{margin:18px 0 0;padding:14px 16px;border:1.5px solid #B42318;border-radius:12px;background:#FDECEC;color:#8A1C1C;font:600 15.5px/1.5 var(--hz-text)}
.hz .wpcf7 form.sent .wpcf7-response-output{border-color:#1F9D4D;background:#E7F9EC;color:#0B6B2E}
.hz .wpcf7 form.init .wpcf7-response-output,.hz .wpcf7 form.resetting .wpcf7-response-output,.hz .wpcf7 form.submitting .wpcf7-response-output{display:none}
.hz .ofk-hp{position:absolute!important}

/* ---------- Footer ---------- */
.hz-footer{background:var(--hz-deep);color:#C9D0E2;font-size:15px;padding-block-end:calc(84px + env(safe-area-inset-bottom,0px))}
.hz-footer a{text-decoration:none}
.hz-footer a:hover{color:#fff;text-decoration:underline;text-underline-offset:3px}
.hz-footer__cols{display:grid;gap:34px;padding-block:56px 30px}
.hz-footer__logo img{display:block;height:30px;width:auto}
.hz-footer__brand p{margin-block-start:14px;max-width:34ch}
.hz-footer__col h2{font:600 15px/1.2 var(--hz-text);color:#fff;margin-block-end:14px}
.hz-footer__col ul{display:grid;gap:4px}
.hz-footer__col a{display:inline-flex;align-items:center;min-height:36px}
.hz-footer__bottom{display:flex;flex-wrap:wrap;align-items:center;gap:6px 22px;padding-block:18px 26px;border-block-start:1px solid rgba(255,255,255,.1);color:var(--hz-mist);font-size:14px}
.hz-footer__tm{flex-basis:100%;font-size:12.5px;color:#8C95AE}
.hz-footer__bottom a{display:inline-flex;align-items:center;min-height:40px;text-decoration:underline;text-underline-offset:3px}
@media (min-width:640px){.hz-footer__cols{grid-template-columns:repeat(2,1fr)}}
@media (min-width:1024px){.hz-footer{padding-block-end:0}.hz-footer__cols{grid-template-columns:1.4fr 1fr 1fr 1fr;gap:28px;padding-block:72px 36px}}

/* ---------- Contact dock: bottom bar on phones, floating on desktop ---------- */
.hz-dock{position:fixed;z-index:60;inset-inline:0;bottom:0;display:grid;grid-template-columns:1.25fr 1fr 1fr;gap:8px;padding:10px 12px calc(10px + env(safe-area-inset-bottom,0px));background:rgba(255,255,255,.97);border-block-start:1px solid var(--hz-rule);box-shadow:0 -10px 30px -20px rgba(23,29,56,.4)}
.hz-dock a{display:flex;align-items:center;justify-content:center;gap:8px;min-height:50px;border-radius:12px;font:600 15px/1 var(--hz-text);text-decoration:none}
.hz-dock .hz-ic{width:20px;height:20px}
.hz-dock__wa{background:var(--hz-wa);color:var(--hz-navy)}
.hz-dock__call{background:var(--hz-navy);color:#fff}
.hz-dock__chat{background:var(--hz-paper);color:var(--hz-navy);border:1px dashed var(--hz-teal)}
.hz-dock__ai{display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:var(--hz-cyan);color:var(--hz-navy);font:700 10px/1 var(--hz-text)}
.hz-dock__label--d{display:none}
.hz-dock--nochat{grid-template-columns:1fr 1fr}
@media (min-width:1024px){
  .hz-dock{inset-inline:auto;inset-inline-end:24px;bottom:24px;display:flex;flex-direction:column;align-items:flex-end;gap:12px;padding:0;background:none;border:0;box-shadow:none}
  .hz-dock a{box-shadow:0 16px 34px -14px rgba(5,8,26,.55)}
  .hz-dock__call{display:none!important}
  .hz-dock__wa{width:58px;height:58px;padding:0;border-radius:50%}
  .hz-dock__wa .hz-ic{width:28px;height:28px}
  .hz-dock__wa .hz-dock__label{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
  .hz-dock__chat{padding:10px 18px 10px 12px;border-radius:999px;background:var(--hz-navy);color:#fff;border:1px dashed rgba(0,215,235,.7)}
  [dir="rtl"] .hz-dock__chat{padding:10px 12px 10px 18px}
  .hz-dock__label--m{display:none}
  .hz-dock__label--d{display:inline}
  /* No chat widget yet: the WhatsApp button is the labelled pill */
  .hz-dock--nochat .hz-dock__wa{width:auto;height:auto;min-height:52px;padding:10px 20px 10px 14px;border-radius:999px}
  [dir="rtl"] .hz-dock--nochat .hz-dock__wa{padding:10px 14px 10px 20px}
  .hz-dock--nochat .hz-dock__wa .hz-ic{width:24px;height:24px}
  .hz-dock--nochat .hz-dock__wa .hz-dock__label{position:static;width:auto;height:auto;overflow:visible;clip-path:none}
}
.hz-mail__t{unicode-bidi:isolate}

/* =====================================================================
 * Inner pages (service, case study)
 * ================================================================== */

/* Breadcrumb */
.hz-bc{padding-block:18px 0;font-size:14px;color:var(--hz-slate)}
.hz-bc ol{display:flex;flex-wrap:wrap;align-items:center;gap:4px 0}
.hz-bc li{display:inline-flex;align-items:center}
.hz-bc a{display:inline-flex;align-items:center;min-height:32px;color:var(--hz-slate);text-decoration:none;border-block-end:1px solid transparent}
.hz-bc a:hover{color:var(--hz-teal);border-block-end-color:currentColor}
.hz-bc [aria-current]{color:var(--hz-ink);font-weight:600}
.hz-bc__sep{margin-inline:8px;color:var(--hz-mist)}
.hz-dark .hz-bc,.hz-dark .hz-bc a{color:var(--hz-mist)}
.hz-dark .hz-bc [aria-current]{color:#fff}

/* Generic long text */
.hz-prose{margin-block-start:18px;max-width:64ch}
.hz-prose p{color:var(--hz-slate);font-size:17px;line-height:1.75}
.hz-prose p + p{margin-block-start:14px}

/* Service hero */
.hz-phero{position:relative;overflow:hidden;background:radial-gradient(760px 420px at 100% 0%,rgba(0,215,235,.12),transparent 65%),linear-gradient(180deg,#fff 0%,#fff 40%,var(--hz-paper) 100%)}
[dir="rtl"] .hz-phero{background:radial-gradient(760px 420px at 0% 0%,rgba(0,215,235,.12),transparent 65%),linear-gradient(180deg,#fff 0%,#fff 40%,var(--hz-paper) 100%)}
.hz-phero__grid{display:grid;gap:30px;padding-block:26px 56px}
.hz-prodlabel--lg{font-size:16px;color:var(--hz-ink);font-weight:700}
.hz-prodlabel--lg .hz-prodlabel__icon{width:60px;height:60px;padding:10px;border-radius:17px}
.hz-phero__h{margin-block-start:18px;font:800 clamp(34px,8.4vw,58px)/1.08 var(--hz-display);letter-spacing:-.028em;color:var(--hz-navy)}
.hz-phero__lede{margin-block-start:18px;font-size:18px;line-height:1.7;color:var(--hz-slate);max-width:56ch}
.hz-ticks{display:grid;gap:10px;margin-block-start:26px}
.hz-ticks li{position:relative;padding-inline-start:30px;font-weight:600;color:var(--hz-ink)}
.hz-ticks li::before{content:"";position:absolute;inset-inline-start:0;top:3px;width:20px;height:20px;border-radius:50%;background:rgba(0,112,125,.12) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M5.5 10.5l3 3 6-7' fill='none' stroke='%2300707D' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/16px no-repeat}
@media (min-width:640px){.hz-ticks{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:24px}}
@media (min-width:1024px){
  .hz-phero__grid{grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);align-items:center;column-gap:56px;padding-block:40px 84px}
  .hz-phero--wide .hz-phero__grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);column-gap:48px}
}

/* In-page navigation (sticky under the header) */
.hz-subnav{position:sticky;top:var(--hz-header);z-index:40;background:rgba(255,255,255,.95);border-block:1px solid var(--hz-rule)}
@supports (backdrop-filter:blur(8px)){.hz-subnav{background:rgba(255,255,255,.85);backdrop-filter:saturate(1.4) blur(12px)}}
.hz-subnav ul{display:flex;gap:4px 22px;overflow-x:auto;scrollbar-width:none;white-space:nowrap}
.hz-subnav ul::-webkit-scrollbar{display:none}
.hz-subnav a{display:inline-flex;align-items:center;min-height:50px;font:600 14.5px/1 var(--hz-text);color:var(--hz-slate);text-decoration:none;border-block-end:2px solid transparent}
.hz-subnav a:hover{color:var(--hz-ink);border-block-end-color:var(--hz-cyan)}
html{scroll-padding-top:calc(var(--hz-header) + 64px)}

/* What it is + "works together" diagram */
.hz-what__grid{display:grid;gap:44px;align-items:center}
.hz-tldr{margin-block-end:40px;padding:18px 22px;border-inline-start:4px solid var(--hz-teal);border-radius:14px;background:var(--hz-paper);color:var(--hz-ink);font-size:17px;line-height:1.7;max-width:none}
.hz-tldr b{color:var(--hz-teal);margin-inline-end:4px}
.hz-orbit{position:relative;container-type:inline-size;width:min(100%,440px);aspect-ratio:1;margin:0 auto}
.hz-orbit::before,.hz-orbit::after{content:"";position:absolute;inset:12%;border-radius:50%;border:1.5px dashed rgba(0,112,125,.35)}
.hz-orbit::after{inset:30%;border:0;background:radial-gradient(closest-side,rgba(0,215,235,.22),transparent)}
.hz-orbit__core{position:absolute;inset:50% auto auto 50%;z-index:1;display:flex;flex-direction:column;align-items:center;gap:10px;width:150px;transform:translate(-50%,-50%);text-align:center;font:700 15px/1.25 var(--hz-text);color:var(--hz-ink)}
.hz-orbit__icon{width:96px;height:96px;padding:16px;border-radius:26px;background:#fff;box-shadow:0 0 0 1px var(--hz-rule),0 24px 48px -20px rgba(0,112,125,.55)}
.hz-orbit__nodes{position:absolute;inset:0}
.hz-orbit__node{position:absolute;left:50%;top:50%;display:flex;flex-direction:column;align-items:center;gap:6px;width:116px;text-align:center;font:600 12.5px/1.25 var(--hz-text);color:var(--hz-slate);transform:translate(-50%,-30px) rotate(calc(var(--i) * 360deg / var(--n) - 90deg)) translate(35cqw) rotate(calc(-1 * (var(--i) * 360deg / var(--n) - 90deg)))}
.hz-orbit__nicon,.hz-orbit__own{display:grid;place-items:center;width:56px;height:56px;padding:9px;border-radius:16px;background:#fff;box-shadow:0 0 0 1px var(--hz-rule),0 10px 22px -12px rgba(23,29,56,.4)}
.hz-orbit__own{color:var(--hz-teal)}
.hz-orbit__own .hz-ic{width:28px;height:28px}
@media (max-width:420px){.hz-orbit__node{width:100px;font-size:11.5px}.hz-orbit__nicon,.hz-orbit__own{width:48px;height:48px}.hz-orbit__icon{width:80px;height:80px}}
@media (min-width:1024px){.hz-what__grid{grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:64px}}

/* What we build */
.hz-build{background:var(--hz-paper)}
.hz-uses{display:grid;gap:14px;margin-block-start:34px}
.hz-use{padding:24px;border:1px solid var(--hz-rule);border-radius:22px;background:#fff}
.hz-use h3{margin-block-start:16px;font:700 19px/1.3 var(--hz-text)}
.hz-use p{margin-block-start:8px;color:var(--hz-slate);font-size:15.5px;line-height:1.6}
@media (min-width:640px){.hz-uses{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}}
@media (min-width:1024px){.hz-uses{grid-template-columns:repeat(3,minmax(0,1fr))}}
.hz-why2{display:grid;gap:28px;margin-block-start:44px;padding:30px 24px;border-radius:26px;color:#fff;background:radial-gradient(600px 300px at 100% 0%,rgba(0,215,235,.18),transparent 65%),var(--hz-navy)}
[dir="rtl"] .hz-why2{background:radial-gradient(600px 300px at 0% 0%,rgba(0,215,235,.18),transparent 65%),var(--hz-navy)}
.hz-why2__h{font:800 clamp(26px,5vw,34px)/1.15 var(--hz-text);letter-spacing:-.02em}
.hz-why2__expert{margin-block-start:18px}
.hz-why2__expert h3{font:700 17px/1.3 var(--hz-text);color:var(--hz-cyan)}
.hz-why2__expert p{margin-block-start:8px;color:#C9D0E2;font-size:15.5px;line-height:1.65;max-width:52ch}
.hz-why2__list{display:grid;gap:12px}
.hz-why2__list li{padding:20px;border-radius:18px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1)}
.hz-why2__k{font:700 13px/1 var(--hz-text);color:var(--hz-cyan)}
.hz-why2__list h4{margin-block-start:10px;font:700 17.5px/1.3 var(--hz-text)}
.hz-why2__list p{margin-block-start:6px;color:#C9D0E2;font-size:15px;line-height:1.6}
@media (min-width:640px){.hz-why2{padding:40px}.hz-why2__list{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (min-width:1024px){.hz-why2{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:48px;padding:48px}}

/* FAQ */
.hz-faq{background:#fff}
.hz-faq__grid{display:grid;gap:28px}
.hz-faq__list{display:grid;gap:10px}
.hz-qa{border:1px solid var(--hz-rule);border-radius:18px;background:#fff;transition:border-color .2s,box-shadow .2s}
.hz-qa[open]{border-color:rgba(0,112,125,.45);box-shadow:0 20px 40px -30px rgba(23,29,56,.4)}
.hz-qa summary{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:64px;padding:16px 20px;cursor:pointer;list-style:none}
.hz-qa summary::-webkit-details-marker{display:none}
.hz-qa summary h3{font:700 17px/1.35 var(--hz-text)}
.hz-qa summary:focus-visible{outline:3px solid var(--hz-teal);outline-offset:2px;border-radius:16px}
.hz-qa__ic{position:relative;flex:none;width:30px;height:30px;border-radius:50%;background:var(--hz-paper)}
.hz-qa__ic::before,.hz-qa__ic::after{content:"";position:absolute;left:50%;top:50%;width:12px;height:2px;margin:-1px 0 0 -6px;border-radius:2px;background:var(--hz-teal);transition:transform .25s var(--hz-ease)}
.hz-qa__ic::after{transform:rotate(90deg)}
.hz-qa[open] .hz-qa__ic::after{transform:rotate(0)}
.hz-qa__a{padding:0 20px 20px}
.hz-qa__a p{color:var(--hz-slate);font-size:16px;line-height:1.7;max-width:70ch}
.hz-qa__a p + p{margin-block-start:10px}
@media (min-width:1024px){.hz-faq__grid{grid-template-columns:minmax(0,.7fr) minmax(0,1.3fr);gap:56px;align-items:start}}

/* Related services */
.hz-related{padding-block:0 72px;background:#fff}
.hz-related__h{font:700 20px/1.3 var(--hz-text)}
.hz-related__list{display:grid;gap:12px;margin-block-start:18px}
.hz-related__list .hz-card--small{align-items:center;grid-column:auto}
.hz-related__ms{display:block;font:600 12.5px/1.3 var(--hz-text);color:var(--hz-slate)}
[dir="rtl"] .hz-related__ms,[dir="rtl"] .hz-part__label span[dir="ltr"]{text-align:right}
@media (min-width:900px){.hz-related__list{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}}

/* Case study hero */
.hz-cshero{position:relative;overflow:hidden;color:#fff;background:radial-gradient(900px 500px at 100% 0%,rgba(0,215,235,.18),transparent 60%),radial-gradient(700px 500px at 0% 100%,rgba(0,112,125,.32),transparent 60%),var(--hz-deep)}
[dir="rtl"] .hz-cshero{background:radial-gradient(900px 500px at 0% 0%,rgba(0,215,235,.18),transparent 60%),radial-gradient(700px 500px at 100% 100%,rgba(0,112,125,.32),transparent 60%),var(--hz-deep)}
.hz-cshero__grid{display:grid;gap:34px;padding-block:24px 40px}
.hz-cshero__text,.hz-phero__text{min-width:0}
.hz-cshero__who{display:flex;flex-wrap:wrap;align-items:center;gap:10px}
.hz-cshero__logo{display:inline-flex;align-items:center;height:76px;padding:10px 16px;border-radius:16px;background:#fff;margin-inline-end:6px}
.hz-cshero__logo img{display:block;width:auto;height:56px;max-width:220px;object-fit:contain}
.hz-chip-l{display:inline-flex;align-items:center;min-height:32px;padding:6px 12px;border-radius:999px;border:1px solid rgba(255,255,255,.28);font:600 13.5px/1 var(--hz-text);color:#E3E8F3}
.hz-cshero__h{margin-block-start:22px;font:800 clamp(32px,8vw,56px)/1.08 var(--hz-display);letter-spacing:-.028em}
.hz-cshero__h .hz-hl--accent{color:var(--hz-cyan)}
.hz-cshero__lede{margin-block-start:18px;font-size:18px;line-height:1.7;color:#C9D0E2;max-width:58ch}
.hz-cshero__visual{height:auto;aspect-ratio:4/3;border-radius:26px;box-shadow:0 40px 80px -40px rgba(0,0,0,.7)}
.hz-numbers{display:grid;gap:18px;padding-block:28px 52px;border-block-start:1px solid rgba(255,255,255,.12)}
.hz-numbers li{display:flex;flex-direction:column;gap:6px}
.hz-numbers__v{unicode-bidi:isolate;font:800 clamp(38px,9vw,56px)/1 var(--hz-text);letter-spacing:-.03em;color:#fff}
.hz-numbers__c{color:var(--hz-mist);font-size:15.5px;line-height:1.45;max-width:30ch}
@media (min-width:640px){.hz-numbers{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (min-width:1024px){.hz-cshero__grid{grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);align-items:center;gap:56px;padding-block:36px 56px}}

/* Case story + sticky summary */
.hz-story{background:#fff}
.hz-story__grid{display:grid;gap:40px}
.hz-story__main > section + section,.hz-story__main > figure + section{margin-block-start:52px}
.hz-story__h{font:800 clamp(26px,5.4vw,36px)/1.15 var(--hz-text);letter-spacing:-.02em;color:var(--hz-navy)}
.hz-story__h3{margin-block-start:34px;font:700 19px/1.3 var(--hz-text)}
.hz-quote{margin:44px 0 0;padding:30px 28px;border-radius:24px;background:var(--hz-paper);border-inline-start:4px solid var(--hz-cyan)}
.hz-quote blockquote{margin:0}
.hz-quote blockquote p{font:600 clamp(19px,3.6vw,23px)/1.5 var(--hz-text);color:var(--hz-navy)}
.hz-quote blockquote p::before{content:"”";display:block;font:800 64px/.6 var(--hz-text);color:var(--hz-cyan);margin-block-end:10px}
.hz-quote figcaption{margin-block-start:14px;color:var(--hz-slate);font-size:15px;font-weight:600}
.hz-parts{display:grid;gap:12px;margin-block-start:16px}
.hz-part{padding:22px;border:1px solid var(--hz-rule);border-radius:20px}
.hz-part__label{display:flex;align-items:center;gap:12px;font:600 14px/1.25 var(--hz-text);color:var(--hz-slate)}
.hz-part h4{margin-block-start:14px;font:700 18px/1.3 var(--hz-text)}
.hz-part p{margin-block-start:6px;color:var(--hz-slate);font-size:15.5px;line-height:1.65}
.hz-part__more{display:inline-flex;align-items:center;gap:6px;min-height:40px;margin-block-start:6px;font:600 15px/1 var(--hz-text);color:var(--hz-teal);text-decoration:none}
@media (min-width:760px){.hz-parts{grid-template-columns:repeat(3,minmax(0,1fr))}}
.hz-summary__card{padding:26px;border-radius:24px;background:var(--hz-navy);color:#fff;box-shadow:0 40px 70px -40px rgba(23,29,56,.7)}
.hz-summary__h{font:700 14px/1 var(--hz-text);color:var(--hz-cyan);letter-spacing:.02em}
.hz-summary dl{display:grid;gap:14px;margin:18px 0 0}
.hz-summary dl > div{padding-block-end:14px;border-block-end:1px solid rgba(255,255,255,.12)}
.hz-summary dt{font-size:13.5px;color:var(--hz-mist)}
.hz-summary dd{margin:4px 0 0;font:700 16.5px/1.35 var(--hz-text)}
.hz-summary__products{display:flex;flex-wrap:wrap;gap:8px;margin-block-start:6px}
.hz-summary__products li{display:inline-flex;align-items:center;gap:8px;padding:6px 10px 6px 6px;border-radius:999px;background:#fff;color:var(--hz-navy);font:600 13px/1 var(--hz-text)}
[dir="rtl"] .hz-summary__products li{padding:6px 6px 6px 10px}
.hz-summary__products a{display:inline-flex;align-items:center;gap:8px;color:inherit;text-decoration:none}
.hz-summary__products a:hover span,.hz-summary__products a:focus-visible span{text-decoration:underline;text-underline-offset:3px}
.hz-summary__want{margin-block-start:20px;font:700 17px/1.35 var(--hz-text)}
.hz-summary__btn{width:100%;margin-block-start:10px}
.hz-summary .hz-btn--line{color:#fff;border-color:rgba(255,255,255,.5)}
.hz-summary .hz-btn--line:hover{background:#fff;color:var(--hz-navy)}
@media (min-width:1024px){
  .hz-story__grid{grid-template-columns:minmax(0,1fr) 340px;gap:64px;align-items:start}
  .hz-summary{position:sticky;top:calc(var(--hz-header) + 24px)}
  .hz-parts{grid-template-columns:1fr}
}
.hz-inner .hz-process{background:#fff}
.hz-inner .hz-cases{background:var(--hz-paper)}
@media (min-width:1024px){.hz-part{display:grid;grid-template-columns:230px 1fr;grid-template-rows:auto auto 1fr;column-gap:24px;align-items:start}.hz-part__label{grid-row:span 3}.hz-part h4{margin-block-start:0}}

/* Next case */
.hz-nextcase{background:var(--hz-paper);border-block:1px solid var(--hz-rule)}
.hz-nextcase__in{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px 24px;padding-block:28px}
.hz-nextcase__link{display:flex;flex-direction:column;gap:6px;text-decoration:none}
.hz-nextcase__link small{color:var(--hz-slate);font-size:14px}
.hz-nextcase__link b{font:800 clamp(22px,4.6vw,30px)/1.2 var(--hz-text);color:var(--hz-navy)}
.hz-nextcase__link:hover .hz-arrow{transform:translateX(var(--hz-nudge))}
.hz-nextcase .hz-more{margin:0}

/* =====================================================================
 * Generic pages (hubs, About, Contact, Chatty AI, legal) + blocks
 * ================================================================== */

/* Page hero */
.hz-pghero{position:relative;overflow:hidden;background:radial-gradient(760px 420px at 100% 0%,rgba(0,215,235,.12),transparent 65%),linear-gradient(180deg,#fff 0%,#fff 40%,var(--hz-paper) 100%)}
[dir="rtl"] .hz-pghero{background:radial-gradient(760px 420px at 0% 0%,rgba(0,215,235,.12),transparent 65%),linear-gradient(180deg,#fff 0%,#fff 40%,var(--hz-paper) 100%)}
.hz-pghero--dark{color:#fff;background:radial-gradient(900px 500px at 100% 0%,rgba(0,215,235,.18),transparent 60%),radial-gradient(700px 500px at 0% 100%,rgba(0,112,125,.32),transparent 60%),var(--hz-deep)}
[dir="rtl"] .hz-pghero--dark{background:radial-gradient(900px 500px at 0% 0%,rgba(0,215,235,.18),transparent 60%),radial-gradient(700px 500px at 100% 100%,rgba(0,112,125,.32),transparent 60%),var(--hz-deep)}
.hz-pghero--compact{background:var(--hz-paper);border-block-end:1px solid var(--hz-rule)}
.hz-pghero__grid{display:grid;gap:34px;padding-block:22px 56px}
.hz-pghero--compact .hz-pghero__grid{padding-block:14px 40px}
.hz-pghero__text{min-width:0}
.hz-pghero__h{margin-block-start:6px;font:800 clamp(34px,8.4vw,58px)/1.08 var(--hz-display);letter-spacing:-.028em;color:var(--hz-navy)}
.hz-pghero--dark .hz-pghero__h{color:#fff}
.hz-pghero--dark .hz-hl--accent{color:var(--hz-cyan)}
.hz-pghero--compact .hz-pghero__h{font-size:clamp(32px,7vw,48px)}
.hz-pghero__lede{margin-block-start:18px;font-size:18px;line-height:1.7;color:var(--hz-slate);max-width:60ch}
.hz-pghero--dark .hz-pghero__lede{color:#C9D0E2}
.hz-pghero__updated{margin-block-start:12px;font-size:14.5px;color:var(--hz-slate)}
.hz-pghero__art .hz-suite{width:100%}
@media (min-width:1024px){
  .hz-pghero--art .hz-pghero__grid{grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);align-items:center;column-gap:56px;padding-block:36px 80px}
  .hz-pghero:not(.hz-pghero--art):not(.hz-pghero--compact) .hz-pghero__grid{padding-block:36px 80px}
}

/* Hero visuals (service and page heroes): one sizing system for every inner page.
   The art area is a single definite track, so a visual always sizes against the full
   column. Browser and tablet mockups fill it; the phone (a tall device) takes a set share;
   the glow follows the shape of the visual. Hero markup adds .hz-art--{browser|tablet|
   phone|panel|people}; service heroes with a wide device add .hz-phero--wide (1:1 columns). */
.hz-phero__art,.hz-pghero__art{min-width:0;display:grid;grid-template-columns:minmax(0,1fr);place-items:center;position:relative}
.hz-phero__art::before,.hz-art--browser::before,.hz-art--tablet::before,.hz-art--phone::before,.hz-art--people::before{content:"";position:absolute;width:78%;aspect-ratio:1;border-radius:50%;background:radial-gradient(closest-side,rgba(0,215,235,.3),transparent);filter:blur(10px);pointer-events:none}
.hz-art--browser::before,.hz-art--tablet::before{width:100%;aspect-ratio:16/10}
.hz-art--people::before{width:96%;aspect-ratio:4/3}
.hz-phero__art .hz-slot,.hz-pghero__art .hz-slot{position:relative;width:100%;max-width:640px}
.hz-phero__art .hz-slot--phone,.hz-pghero__art .hz-slot--phone{width:clamp(168px,52%,236px)}

/* Team visual (About hero): the page's own founder and team photos, nothing generated */
.hz-crew{position:relative;display:grid;grid-template-columns:minmax(0,1.3fr) repeat(2,minmax(0,1fr));grid-template-rows:repeat(2,auto);gap:10px;width:100%;max-width:560px;padding:10px;border-radius:26px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.14);box-shadow:0 40px 80px -40px rgba(0,0,0,.75)}
.hz-crew__p{position:relative;margin:0;overflow:hidden;aspect-ratio:1;border-radius:17px;background:var(--hz-navy-3)}
.hz-crew__p--lead{grid-row:1 / span 2;aspect-ratio:auto}
.hz-crew__p img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.hz-crew__p span{position:absolute;inset-inline-start:7px;bottom:7px;max-width:calc(100% - 14px);padding:3px 9px;border-radius:999px;background:rgba(10,15,33,.74);color:#fff;font:700 12px/1.35 var(--hz-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.hz-crew__p--lead span{font-size:14px;padding:4px 11px}
@media (min-width:640px){.hz-crew{gap:12px;padding:12px}.hz-crew__p span{inset-inline-start:9px;bottom:9px;font-size:13px}.hz-crew__p--lead span{font-size:15px}}

/* Logo wall on inner pages: separate tiles, last row centred (any number of logos) */
.hz-inner .hz-logos{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;border:0}
.hz-inner .hz-logos__item{flex:0 0 calc(50% - 5px);border:1px solid var(--hz-rule);border-radius:16px;background:#fff}
@media (min-width:640px){.hz-inner .hz-logos__item{flex-basis:calc(33.333% - 7px)}}
@media (min-width:1024px){.hz-inner .hz-logos__item{flex-basis:calc(20% - 8px)}}

/* Logo mosaic (hero visual) */
.hz-mosaic{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;width:100%}
.hz-mosaic li{display:grid;place-items:center;aspect-ratio:3/2;padding:14px;border-radius:18px;background:#fff;box-shadow:0 0 0 1px var(--hz-rule),0 18px 36px -24px rgba(23,29,56,.4)}
.hz-mosaic img{display:block;width:auto;height:auto;max-width:100%;max-height:56px;object-fit:contain}

/* Block backgrounds */
.hz-blk--white{background:#fff}
.hz-blk--paper{background:var(--hz-paper)}
.hz-blk--dark{color:#fff;background:radial-gradient(800px 420px at 0% 100%,rgba(0,112,125,.35),transparent 60%),var(--hz-navy)}
[dir="rtl"] .hz-blk--dark{background:radial-gradient(800px 420px at 100% 100%,rgba(0,112,125,.35),transparent 60%),var(--hz-navy)}
.hz-blk--dark .hz-prose p{color:#C9D0E2}

/* Text block (+ side list) */
.hz-blk-text{display:grid;gap:32px}
.hz-blk-text__aside{align-self:start;padding:26px;border-radius:22px;background:#fff;border:1px solid var(--hz-rule)}
.hz-blk--white .hz-blk-text__aside{background:var(--hz-paper);border-color:transparent}
.hz-blk--dark .hz-blk-text__aside{background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.12)}
.hz-blk-text__aside h3{font:700 17px/1.3 var(--hz-text);margin-block-end:14px}
.hz-ticks--col{grid-template-columns:1fr!important;margin:0}
.hz-blk--dark .hz-ticks li{color:#fff}
@media (min-width:1024px){.hz-blk-text--aside{grid-template-columns:minmax(0,1.4fr) minmax(0,.8fr);gap:56px}}

/* Long text (legal pages) */
.hz-blk-rich{padding-block:48px 72px}
.hz-rich{max-width:760px;color:var(--hz-ink)}
.hz-rich > * + *{margin-block-start:14px}
.hz-rich h2{margin-block-start:40px;font:800 clamp(22px,4.4vw,28px)/1.25 var(--hz-text);letter-spacing:-.01em;color:var(--hz-navy)}
.hz-rich h2:first-child{margin-block-start:0}
.hz-rich h3{margin-block-start:28px;font:700 19px/1.3 var(--hz-text)}
.hz-rich p,.hz-rich li{font-size:16.5px;line-height:1.75;color:#3F4862}
.hz-rich ul,.hz-rich ol{padding-inline-start:22px}
.hz-rich ul{list-style:disc}
.hz-rich ol{list-style:decimal}
.hz-rich li + li{margin-block-start:6px}
.hz-rich a{color:var(--hz-teal);text-underline-offset:3px}
.hz-rich strong{color:var(--hz-ink)}
.hz-rich .hz-note{padding:16px 18px;border-radius:14px;background:#FFF7E0;border:1px solid #F2D68A;color:#5C4400;font-size:15px}

/* Generic cards */
.hz-gcards{display:grid;gap:14px;margin-block-start:34px}
.hz-gcard{position:relative;display:flex;flex-direction:column;gap:10px;min-width:0;padding:24px;border:1px solid var(--hz-rule);border-radius:22px;background:#fff}
.hz-blk--white .hz-gcard{background:#fff}
.hz-blk--dark .hz-gcard{background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.12)}
.hz-gcard h3{margin-block-start:6px;font:700 19px/1.3 var(--hz-text)}
.hz-gcard h3 a{text-decoration:none;color:inherit}
.hz-gcard--link h3 a::after{content:"";position:absolute;inset:0;border-radius:inherit}
.hz-gcard--link{transition:border-color .25s,transform .25s var(--hz-ease),box-shadow .25s}
.hz-gcard--link:hover{border-color:rgba(0,112,125,.45);transform:translateY(-3px);box-shadow:0 24px 48px -30px rgba(23,29,56,.5)}
.hz-gcard--link:focus-within{outline:3px solid var(--hz-teal);outline-offset:3px}
.hz-gcard h3 a:focus-visible{outline:none}
.hz-gcard p{color:var(--hz-slate);font-size:15.5px;line-height:1.6}
.hz-blk--dark .hz-gcard p{color:#C9D0E2}
.hz-blk--dark .hz-prodlabel{color:#E3E8F3}
.hz-gcard .hz-card__go{margin-block-start:auto}
@media (min-width:640px){.hz-gcards{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}}
@media (min-width:1024px){
  .hz-gcards--3{grid-template-columns:repeat(3,minmax(0,1fr))}
  .hz-gcards--4{grid-template-columns:repeat(4,minmax(0,1fr))}
  .hz-gcards--5{grid-template-columns:repeat(5,minmax(0,1fr))}
}

/* Facts band */
.hz-blk-facts{background:var(--hz-navy);color:#fff}
.hz-facts2{display:grid;gap:22px;margin:0;padding-block:44px}
.hz-facts2 > div{display:flex;flex-direction:column-reverse;gap:6px;padding-inline-start:16px;border-inline-start:2px solid var(--hz-cyan)}
.hz-facts2 dd{margin:0;font:800 clamp(28px,6vw,40px)/1.05 var(--hz-text);letter-spacing:-.02em}
.hz-facts2 dt{color:var(--hz-mist);font-size:15px}
@media (min-width:640px){.hz-facts2{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (min-width:1024px){.hz-facts2{grid-template-columns:repeat(4,minmax(0,1fr))}}

/* CTA band */
.hz-blk-cta{padding-block:20px 72px;background:#fff}
.hz-blk-cta__in{display:grid;gap:20px;align-items:center;padding:32px 28px;border-radius:26px;background:radial-gradient(600px 300px at 100% 0%,rgba(0,215,235,.22),transparent 65%),var(--hz-navy)}
[dir="rtl"] .hz-blk-cta__in{background:radial-gradient(600px 300px at 0% 0%,rgba(0,215,235,.22),transparent 65%),var(--hz-navy)}
.hz-blk-cta h2{font:800 clamp(24px,4.8vw,32px)/1.2 var(--hz-text);letter-spacing:-.015em;color:#fff}
.hz-blk-cta p{margin-block-start:8px;color:#C9D0E2;font-size:16.5px;max-width:56ch}
.hz-blk-cta .hz-btn{justify-self:start}
@media (min-width:900px){.hz-blk-cta__in{grid-template-columns:1fr auto;padding:44px 48px}}

/* Contact details */
.hz-info{display:grid;gap:12px;margin-block-start:28px}
.hz-info__i{display:flex;align-items:center;gap:16px;padding:18px 20px;border-radius:18px;background:#fff;border:1px solid var(--hz-rule)}
.hz-info__txt{display:flex;flex-direction:column;gap:3px;min-width:0}
.hz-info__l{font-size:14px;color:var(--hz-slate)}
.hz-info__v{font:700 17px/1.35 var(--hz-text);color:var(--hz-ink);text-decoration:none;overflow-wrap:anywhere}
a.hz-info__v:hover{color:var(--hz-teal);text-decoration:underline;text-underline-offset:3px}
[dir="rtl"] a.hz-info__v[dir="ltr"]{text-align:right}
@media (min-width:640px){.hz-info{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (min-width:1024px){.hz-info{grid-template-columns:repeat(3,minmax(0,1fr))}}

/* 404 */
.hz-nf{position:relative;overflow:hidden;background:radial-gradient(760px 420px at 100% 0%,rgba(0,215,235,.12),transparent 65%),linear-gradient(180deg,#fff,var(--hz-paper))}
.hz-nf__grid{display:grid;gap:40px;padding-block:56px 80px}
.hz-nf__code{font:800 clamp(72px,18vw,140px)/1 var(--hz-text);letter-spacing:-.05em;background:linear-gradient(135deg,var(--hz-teal),var(--hz-cyan));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:var(--hz-teal)}
.hz-nf__links{display:flex;flex-wrap:wrap;gap:10px;margin-block-start:26px}
.hz-nf__art{min-width:0}
@media (min-width:1024px){.hz-nf__grid{grid-template-columns:1fr 1fr;align-items:center;gap:60px;padding-block:80px 110px}}

/* Service hero: panel illustration (flow, sync, tickets) */
.hz-phero__panel{width:100%;height:auto;min-height:340px;padding:36px 24px;border-radius:26px;box-shadow:0 40px 80px -44px rgba(23,29,56,.55)}
.hz-phero__panel .hz-mk{font-size:calc(100cqw / 38)}

/* Mockup: approval flow */
.hz-mk-flow{width:28em;padding:1.6em;border-radius:1.5em;background:#fff;box-shadow:0 1.6em 3em -1.6em rgba(23,29,56,.45)}
.hz-mk-flow__t{display:flex;align-items:center;justify-content:space-between;gap:1em;font-size:1.25em;margin-block-end:1em}
.hz-mk-flow__t .hz-mk-chip{font-size:.75em}
.hz-mk-flow__list{position:relative;display:grid;gap:.7em}
.hz-mk-flow__list::before{content:"";position:absolute;inset-block:1.4em;inset-inline-start:1.35em;width:.2em;background:linear-gradient(to bottom,#2A64F5,#AEB6CC)}
.hz-mk-step{position:relative;display:flex;align-items:center;gap:1em;padding:.75em 1em;border-radius:1em;background:#F4F6FA;border:.1em solid #E3E8EF}
.hz-mk-step__ic{position:relative;z-index:1;flex:none;width:2.4em;height:2.4em;border-radius:.7em;background:#2A64F5;margin-inline-start:-.35em}
.hz-mk-step--2 .hz-mk-step__ic{background:#7A4CC2;transform:rotate(45deg) scale(.82);border-radius:.4em}
.hz-mk-step--4 .hz-mk-step__ic{background:var(--hz-teal)}
.hz-mk-step--5 .hz-mk-step__ic{background:#5059C9}
.hz-mk-step__txt{display:flex;flex-direction:column;gap:.15em;flex:1;min-width:0}
.hz-mk-step__txt small{font-size:.85em;color:#566079}
.hz-mk-step__txt b{font-size:1.05em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.hz-mk-step.is-now{background:#EAF2FF;border-color:#2A64F5;box-shadow:0 0 0 .25em rgba(42,100,245,.15)}
.hz-mk-step:not(.is-done):not(.is-now){opacity:.6}

/* Mockup: system sync */
.hz-mk-sync{width:30em;padding:1.6em;border-radius:1.5em;background:#fff;box-shadow:0 1.6em 3em -1.6em rgba(23,29,56,.45)}
.hz-mk-sync__t{display:block;font-size:1.25em;margin-block-end:1em}
.hz-mk-sync__map{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:1em 6em;padding-block:.4em}
.hz-mk-sync__hub{position:absolute;left:50%;top:50%;z-index:1;display:flex;flex-direction:column;align-items:center;gap:.4em;width:8.4em;padding:.9em .6em;margin:-3.6em 0 0 -4.2em;border-radius:1.2em;background:#fff;box-shadow:0 0 0 .12em #DCE2EA,0 1em 2em -1em rgba(0,112,125,.6);text-align:center}
.hz-mk-sync__hub b{font-size:.85em;line-height:1.2}
.hz-mk-sync__icon{width:3.2em;height:3.2em}
.hz-mk-sync__node{position:relative;display:flex;flex-direction:column;gap:.2em;padding:.9em 1em;border-radius:1em;background:#F4F6FA;border:.1em solid #E3E8EF}
.hz-mk-sync__node i{position:absolute;top:50%;width:3em;height:.15em;background:repeating-linear-gradient(to right,var(--hz-teal) 0 .5em,transparent .5em .9em)}
.hz-mk-sync__node:nth-child(odd) i{inset-inline-end:-3em}
.hz-mk-sync__node:nth-child(even) i{inset-inline-start:-3em}
.hz-mk-sync__node b{font-size:1.05em}
.hz-mk-sync__node small{display:flex;align-items:center;gap:.4em;color:#136C34;font-weight:700;font-size:.85em}
.hz-mk-sync__node small::before{content:"";width:.6em;height:.6em;border-radius:50%;background:#1F9D4D}
.hz-mk-sync__last{display:block;margin-block-start:1em;color:#566079;font-size:.9em}

/* Mockup: support requests */
.hz-mk-tix{width:30em;padding:1.6em;border-radius:1.5em;background:#fff;box-shadow:0 1.6em 3em -1.6em rgba(23,29,56,.45)}
.hz-mk-tix__head{display:flex;align-items:center;justify-content:space-between;gap:1em;margin-block-end:1em}
.hz-mk-tix__head > b{font-size:1.25em}
.hz-mk-tix__stats{display:flex;gap:.6em}
.hz-mk-tix__stats > span{display:flex;flex-direction:column;align-items:center;padding:.4em .8em;border-radius:.8em;background:#F4F6FA}
.hz-mk-tix__stats b{font-size:1.2em;color:var(--hz-navy)}
.hz-mk-tix__stats small{font-size:.75em;color:#566079}
.hz-mk-tix__list{display:grid;gap:.6em}
.hz-mk-tix__list li{display:flex;align-items:center;gap:.9em;padding:.8em 1em;border-radius:1em;background:#F4F6FA}
.hz-mk-tix__list li > span:not(.hz-mk-chip){display:flex;flex-direction:column;gap:.15em;flex:1;min-width:0}
.hz-mk-tix__list b{font-size:1.02em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.hz-mk-tix__list small{font-size:.85em;color:#566079;text-align:start}
.hz-mk-tix__list .hz-mk-g{width:2.2em;height:2.2em}

/* =====================================================================
 * People: avatars (real photos only, one treatment; otherwise initials), founder, team, "talk to me"
 * ================================================================== */
.hz-avatar{position:relative;display:inline-grid;place-items:center;flex:none;overflow:hidden;width:64px;height:64px;border-radius:50%;background:var(--hz-navy);box-shadow:0 0 0 3px #fff,0 0 0 5px rgba(0,215,235,.55)}
.hz-avatar img{display:block;width:100%;height:100%;object-fit:cover}
.hz-avatar--initials{background:radial-gradient(circle at 30% 25%,var(--hz-navy-3),var(--hz-navy) 70%);color:#fff;font:700 22px/1 var(--hz-text);letter-spacing:.02em}
.hz-avatar--md{width:64px;height:64px}
.hz-avatar--lg{width:132px;height:132px}
.hz-avatar--lg.hz-avatar--initials{font-size:40px}
.hz-avatar--xl{width:min(320px,100%);height:auto;aspect-ratio:1;border-radius:28px;box-shadow:0 40px 70px -40px rgba(23,29,56,.6),0 0 0 1px var(--hz-rule)}
.hz-avatar--xl.hz-avatar--initials{font-size:84px}
.hz-dark .hz-avatar{box-shadow:0 0 0 3px var(--hz-navy),0 0 0 5px rgba(0,215,235,.6)}
.hz-li{display:inline-flex;align-items:center;gap:6px;min-height:36px;font:600 14px/1 var(--hz-text);color:var(--hz-teal);text-decoration:none}
.hz-li:hover span:first-of-type{text-decoration:underline;text-underline-offset:3px}
.hz-li .hz-ic{width:18px;height:18px}

/* Founder */
.hz-founder{background:var(--hz-paper)}
.hz-founder__grid{display:grid;gap:32px;align-items:start}
.hz-founder__photo{margin:0;display:grid;gap:14px;justify-items:start}
.hz-founder__photo figcaption{display:grid;gap:2px}
.hz-founder__photo b{font:700 19px/1.3 var(--hz-text)}
.hz-founder__photo span{color:var(--hz-slate);font-size:15px}
.hz-founder__note{margin-block-start:20px;padding-inline-start:20px;border-inline-start:3px solid var(--hz-cyan);max-width:60ch}
.hz-founder__note p{font-size:19px;line-height:1.75;color:var(--hz-ink)}
.hz-founder__note p + p{margin-block-start:14px}
@media (min-width:900px){.hz-founder__grid{grid-template-columns:320px minmax(0,1fr);gap:64px;align-items:center}}

/* Team */
.hz-team{background:#fff}
.hz-people{display:grid;gap:14px;margin-block-start:34px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}
.hz-person{display:flex;flex-direction:column;align-items:center;gap:6px;padding:28px 18px 18px;border:1px solid var(--hz-rule);border-radius:22px;text-align:center}
.hz-person .hz-avatar{margin-block-end:12px}
.hz-person h3{font:700 18px/1.3 var(--hz-text)}
.hz-person p{color:var(--hz-slate);font-size:15px;line-height:1.45}
@media (min-width:1024px){.hz-people{grid-template-columns:repeat(4,minmax(0,1fr))}}

/* "You talk directly to me" in the contact section */
.hz-direct{display:flex;align-items:center;gap:16px;margin-block-start:26px}
.hz-direct p{display:grid;gap:2px}
.hz-direct b{font:700 18px/1.3 var(--hz-text)}
.hz-direct span{font-size:14.5px;color:var(--hz-slate)}
.hz-dark .hz-direct span{color:var(--hz-mist)}
.hz-direct + .hz-chans{margin-block-start:18px}

/* ---------- Motion (progressive: only when JS enabled it and motion is OK) ---------- */
@media (prefers-reduced-motion:no-preference){
  .hz-prod{animation:hz-rise .8s var(--hz-ease) both}
  .hz-prod:nth-child(2){animation-delay:.08s}.hz-prod:nth-child(3){animation-delay:.16s}.hz-prod:nth-child(4){animation-delay:.24s}
  .hz-hero__horizon{animation:hz-fade 1.4s .4s both}
  .hz-draw-on [data-hz-draw]:not(.is-drawn) .hz-case__line,
  .hz-draw-on .hz-steps[data-hz-draw]:not(.is-drawn)::before{transform:scale(0,1)}
  .hz-draw-on .hz-steps[data-hz-draw]:not(.is-drawn)::before{transform:scale(1,0)}
  @media (min-width:900px){.hz-draw-on .hz-steps[data-hz-draw]:not(.is-drawn)::before{transform:scale(0,1)}}
  .hz-case__line,.hz-steps::before{transition:transform 1.3s var(--hz-ease);transition-delay:calc(var(--i,0) * 180ms + 120ms)}
  .hz-reveal-on [data-hz-reveal]{transition:opacity .7s var(--hz-ease),transform .7s var(--hz-ease)}
  .hz-reveal-on [data-hz-reveal]:not(.is-in){opacity:0;transform:translateY(18px)}
  .hz-card[data-hz-reveal].is-in:hover,.hz-case[data-hz-reveal].is-in:hover{transform:translateY(-3px)}
  .hz-card--cta[data-hz-reveal].is-in:hover{transform:none}
}
@keyframes hz-rise{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
@keyframes hz-fade{from{opacity:0}to{opacity:1}}
@media (prefers-reduced-motion:reduce){
  .hz *,.hz *::before,.hz *::after{animation:none!important;transition:none!important}
}