@font-face{font-family:Figtree;font-style:normal;font-weight:400;font-display:swap;src:url(/assets/fonts/figtree-400.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}
@font-face{font-family:Figtree;font-style:normal;font-weight:500;font-display:swap;src:url(/assets/fonts/figtree-500.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}
@font-face{font-family:Figtree;font-style:normal;font-weight:600;font-display:swap;src:url(/assets/fonts/figtree-600.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}
@font-face{font-family:Figtree;font-style:normal;font-weight:700;font-display:swap;src:url(/assets/fonts/figtree-700.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}
@font-face{font-family:Figtree;font-style:normal;font-weight:800;font-display:swap;src:url(/assets/fonts/figtree-800.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}
@font-face{font-family:'Figtree Fallback';font-weight:400;src:local('Arial'),local('ArialMT'),local('Liberation Sans'),local('Helvetica');size-adjust:101.4%;ascent-override:93.7%;descent-override:24.7%;line-gap-override:0%}
@font-face{font-family:'Figtree Fallback';font-weight:500;src:local('Arial'),local('ArialMT'),local('Liberation Sans'),local('Helvetica');size-adjust:101.8%;ascent-override:93.3%;descent-override:24.6%;line-gap-override:0%}
@font-face{font-family:'Figtree Fallback';font-weight:600;src:local('Arial Bold'),local('Arial-BoldMT'),local('Liberation Sans Bold'),local('Helvetica Bold');size-adjust:95.5%;ascent-override:99.5%;descent-override:26.2%;line-gap-override:0%}
@font-face{font-family:'Figtree Fallback';font-weight:700;src:local('Arial Bold'),local('Arial-BoldMT'),local('Liberation Sans Bold'),local('Helvetica Bold');size-adjust:96.6%;ascent-override:98.3%;descent-override:25.9%;line-gap-override:0%}
@font-face{font-family:'Figtree Fallback';font-weight:800;src:local('Arial Bold'),local('Arial-BoldMT'),local('Liberation Sans Bold'),local('Helvetica Bold');size-adjust:98%;ascent-override:96.9%;descent-override:25.5%;line-gap-override:0%}
@font-face{font-family:'Figtree Fallback R';font-weight:400;src:local('Roboto'),local('Roboto-Regular');size-adjust:102.5%;ascent-override:92.7%;descent-override:24.4%;line-gap-override:0%}
@font-face{font-family:'Figtree Fallback R';font-weight:500;src:local('Roboto Medium'),local('Roboto-Medium');size-adjust:101.5%;ascent-override:93.6%;descent-override:24.6%;line-gap-override:0%}
@font-face{font-family:'Figtree Fallback R';font-weight:600;src:local('Roboto Bold'),local('Roboto-Bold');size-adjust:101.9%;ascent-override:93.2%;descent-override:24.5%;line-gap-override:0%}
@font-face{font-family:'Figtree Fallback R';font-weight:700;src:local('Roboto Bold'),local('Roboto-Bold');size-adjust:103.1%;ascent-override:92.1%;descent-override:24.2%;line-gap-override:0%}
@font-face{font-family:'Figtree Fallback R';font-weight:800;src:local('Roboto Bold'),local('Roboto-Bold');size-adjust:104.5%;ascent-override:90.9%;descent-override:23.9%;line-gap-override:0%}
/* HireHabesha design tokens. Every colour, size, radius and shadow on the site comes from here.
   Pages use them through inline styles (var(--hh-...)); tools/normalize.py maps raw values onto them. */
:root{
  /* ---------- colour ---------- */
  --hh-ink:#0F1A14;          /* text, primary buttons, the h */
  --hh-ink-2:#1F2E26;        /* primary button hover */
  --hh-ink-rgb:15 26 20;     /* for scrims and shadows: rgb(var(--hh-ink-rgb) / .35) */
  --hh-text-2:#4D5A52;       /* every supporting and meta text, 8.6:1 on white, 7.9:1 on paper */
  --hh-line:#DCD9CF;         /* every hairline, input edge, inactive bar and divider */
  --hh-paper:#ECE9DF;        /* panels, quiet buttons, tags, app background, image placeholders */
  --hh-white:#F4F2EA;
  --hh-white-rgb:244 242 234;
  --hh-mint:#90F2B1;         /* the accent, kept for primary moments: the selected state, the featured plan, the closing band,
                                a confirmed status, the logo dot. Never decoration, never text on white */
  --hh-mint-rgb:144 242 177;
  --hh-mint-pale:#E3FAEC;    /* a positive note (a confirmed status, a saved message) and the focus ring; never a fill for tags or buttons */
  --hh-sun:#FFE08A;          /* one warm highlight */
  --hh-alert:#E4572E;        /* unread dots */
  --hh-alert-pale:#FDE2DC; --hh-alert-ink:#9A3412;
  --hh-warn-pale:#FFF4D6;  --hh-warn-ink:#7A5300;
  --hh-error:#B42318;        /* form errors */
  --hh-glass:rgb(var(--hh-white-rgb) / .94);   /* the sticky header */
  --hh-scrim:rgb(var(--hh-ink-rgb) / .35);     /* behind dialogs */

  /* ---------- type: Figtree, five steps ---------- */
  --hh-font:'Figtree','Figtree Fallback','Figtree Fallback R','Helvetica Neue',sans-serif;
  /* calibrated against peer sites at 1440px. Quiet, after Mercury (49/42/28, 480 weight), Mercor (64/48/24, 300 to 400)
     and Turing (500 weight, 14px buttons): headlines in Figtree Medium, titles at 600, 14px buttons and navigation */
  --hh-fs-1:14px;                                    /* caption: meta, labels, badges, eyebrows */
  --hh-fs-2:17px;                                    /* body and UI */
  --hh-fs-3:clamp(19px,1rem + .3vw,22px);            /* title and support line */
  --hh-fs-4:clamp(32px,1.2rem + 1.8vw,44px);         /* section headline, 500 */
  --hh-fs-5:clamp(42px,1.4rem + 3vw,64px);           /* display: the hero headline only, 500 */
  --hh-lh-4:1.1; --hh-lh-5:1.04; --hh-lh-tight:1.1;
  --hh-ls-3:-0.01em; --hh-ls-4:-0.035em; --hh-ls-5:-0.045em;

  /* ---------- space: a 4px grid. Stepped at the two breakpoints, so every value is a multiple of 4 ---------- */
  --hh-section:144px;        /* the gap above and below every section, and inside every panel */
  --hh-hero-top:112px;       /* above the first section */
  --hh-stack:64px;           /* heading block to visual, inside a section */
  --hh-head:24px;            /* eyebrow, headline and support line: the gaps inside a heading block */
  --hh-gutter:32px;          /* page sides */
  --hh-inset:16px;           /* panels sit this far in from the page edge */
  --hh-max:1280px;

  /* ---------- shape: three radii, two borders, three elevations ---------- */
  --hh-card:#FBFAF6;          /* a card or field that has to lift off the cream page */
  --hh-r-1:8px;              /* badges, bars, small tiles */
  --hh-r-2:16px;             /* controls, inner cards, icon tiles */
  --hh-r-3:24px;             /* cards and panels */
  --hh-border:inset 0 0 0 1px var(--hh-line);
  --hh-border-strong:inset 0 0 0 1.5px var(--hh-ink);
  --hh-shadow-1:0 0 0 1px rgb(var(--hh-ink-rgb) / .08);   /* resting: pills on photos, selected tabs */
  --hh-shadow-2:0 0 0 1px rgb(var(--hh-ink-rgb) / .14);  /* lifted: a card on hover, a floating chip */
  --hh-shadow-3:0 0 0 1px rgb(var(--hh-ink-rgb) / .1);  /* raised: product windows, menus, dialogs */


  /* ---------- night: the dark bands. A green black lighter than ink, in mint's hue, so mint glows on it ---------- */
  --hh-night:#16231C;        /* dark sections and the footer. Mint on it 11.8:1, paper 14.6:1 */
  --hh-night-2:#1F2E26;      /* a raised surface on night: step rows, the dark card */
  --hh-night-text-2:#A8B5AC; /* supporting text on night, 7.2:1 (6.4:1 on night-2) */
  --hh-night-line:rgb(255 255 255 / .08);
  --hh-ease-out:cubic-bezier(.16,1,.3,1);   /* long, soft arrivals: reveals and the thread */

  /* ---------- motion ---------- */
  --hh-ease:cubic-bezier(.2,.8,.2,1); --hh-fast:.15s; --hh-base:.25s; --hh-slow:.45s;

  /* earlier names, kept so older components still render: they point at the merged values */
  --hh-text-3:var(--hh-text-2); --hh-line-2:var(--hh-line);
  --hh-ink-hover:var(--hh-ink-2);
  --hh-radius-pill:999px; --hh-radius-card:var(--hh-r-3); --hh-radius-panel:var(--hh-r-3);
  --hh-space-section:var(--hh-section); --hh-space-section-m:var(--hh-section); --hh-gutter-m:20px;
  --hh-display:var(--hh-fs-5); --hh-h2:var(--hh-fs-4); --hh-h3:var(--hh-fs-3); --hh-title:var(--hh-fs-3);
  --hh-lead:var(--hh-fs-3); --hh-body:var(--hh-fs-2); --hh-small:var(--hh-fs-2); --hh-caption:var(--hh-fs-1);
}
@media (max-width:1024px){:root{--hh-section:112px;--hh-hero-top:80px;--hh-stack:48px;--hh-gutter:24px;--hh-inset:12px}}
@media (max-width:720px){:root{--hh-section:80px;--hh-hero-top:48px;--hh-stack:40px;--hh-head:16px;--hh-gutter:20px;--hh-inset:8px}}

/* HireHabesha site styles, on top of design/tokens.css. One stylesheet for every page. */

/* ---------- base ---------- */
*{box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{margin:0;background:var(--hh-white);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;font-kerning:normal}
h1,h2,h3{text-wrap:balance}
p{text-wrap:pretty}
a{color:inherit}
a,button{-webkit-tap-highlight-color:transparent}
[hidden]{display:none!important}
.hh-sr{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
:focus-visible{outline:2px solid var(--hh-ink);outline-offset:3px;border-radius:var(--hh-r-1)}
nav a{color:var(--hh-ink)}
nav a:hover,footer a:hover{text-decoration:underline;text-underline-offset:3px}

/* ---------- controls ---------- */
a[style*="border-radius:999px"],button[style*="border-radius:999px"]{transition:background-color var(--hh-fast) ease,box-shadow var(--hh-fast) ease,color var(--hh-fast) ease,transform .12s ease,opacity var(--hh-fast) ease}
a[style*="border-radius:999px"]:active,button[style*="border-radius:999px"]:active{transform:scale(.97)}
a[style*="background:var(--hh-ink);color:var(--hh-white)"]:hover,button[style*="background:var(--hh-ink);color:var(--hh-white)"]:hover{background:var(--hh-ink-2)!important}
a[style*="background:var(--hh-white);color:var(--hh-ink);box-shadow:var(--hh-border)"]:hover,button[style*="background:var(--hh-white);color:var(--hh-ink);box-shadow:var(--hh-border)"]:hover{box-shadow:inset 0 0 0 1px var(--hh-line)!important;background:var(--hh-paper)!important}
.hh-in{width:100%;padding:16px;border-radius:var(--hh-r-2);border:1px solid var(--hh-line);background:var(--hh-white);font:400 var(--hh-fs-2)/1.45 var(--hh-font);color:var(--hh-ink);transition:border-color var(--hh-fast) ease,box-shadow var(--hh-fast) ease}
.hh-in:hover{border-color:var(--hh-text-2)}
.hh-in:focus{outline:none;border-color:var(--hh-ink);box-shadow:0 0 0 3px var(--hh-mint-pale)}
textarea.hh-in{min-height:120px;resize:vertical}

/* a button that is waiting on the network */
[aria-busy="true"]{position:relative;color:transparent!important;pointer-events:none}
[aria-busy="true"]::after{content:"";position:absolute;left:50%;top:50%;width:16px;height:16px;margin:-8px 0 0 -8px;border-radius:50%;border:2px solid currentColor;border-color:var(--hh-white) var(--hh-white) transparent transparent;animation:hh-spin .7s linear infinite}
[aria-busy="true"][style*="background:var(--hh-white)"]::after,[aria-busy="true"][style*="background:var(--hh-paper)"]::after{border-color:var(--hh-ink) var(--hh-ink) transparent transparent}
@keyframes hh-spin{to{transform:rotate(360deg)}}

/* ---------- cards ---------- */
.hh-card,.hh-path,.hh-lift{transition:box-shadow var(--hh-base) var(--hh-ease),transform var(--hh-base) var(--hh-ease)}
.hh-card:hover{box-shadow:var(--hh-border-strong)!important;transform:translateY(-2px)}
/* every linked card lifts the same 2px */
#dc a[style*="border-radius:var(--hh-r-3)"][style*="box-shadow:var(--hh-border)"]{transition:transform var(--hh-base) var(--hh-ease),box-shadow var(--hh-base) var(--hh-ease)}
#dc a[style*="border-radius:var(--hh-r-3)"][style*="box-shadow:var(--hh-border)"]:hover{transform:translateY(-2px);box-shadow:var(--hh-border),var(--hh-shadow-2)!important}
.hh-shot{transition:transform var(--hh-slow) var(--hh-ease)}
.hh-stage:hover .hh-shot{transform:translateY(-4px)}

/* photos hold their space in paper until they arrive, so nothing jumps and nothing flashes white */
#dc img[style*="object-fit:cover"]{background-color:var(--hh-paper)}
.hh-path:hover,.hh-lift:hover{transform:translateY(-2px);box-shadow:var(--hh-border),var(--hh-shadow-2)}
.hh-path-arrow{transition:transform var(--hh-base) var(--hh-ease)}
.hh-path:hover .hh-path-arrow{transform:translateX(4px)}

/* talent categories: the card lifts, its edge firms up and the arrow turns mint */
.hh-cat{transition:transform var(--hh-base) var(--hh-ease),box-shadow var(--hh-base) var(--hh-ease)}
.hh-cat-ic{color:var(--hh-mint)}
.hh-cat-arrow{transition:background-color var(--hh-base) ease,box-shadow var(--hh-base) ease,transform var(--hh-base) var(--hh-ease)}
.hh-cat:hover,.hh-cat:focus-visible{transform:translateY(-2px);box-shadow:var(--hh-border-strong),var(--hh-shadow-2)!important}
.hh-cat:hover .hh-cat-arrow,.hh-cat:focus-visible .hh-cat-arrow{background:var(--hh-mint);box-shadow:none!important;transform:translate(2px,-2px)}

/* ---------- section rhythm ---------- */
/* a call to action belongs to the visual above it: 32px under it, not the 64px between heading and visual */
#dc [style*="gap:var(--hh-stack)"]>div:last-child:has(>a[style*="border-radius:999px"]:only-child){margin-top:calc(32px - var(--hh-stack))}
/* the services tabs belong to their panel */
#dc [role="tablist"][aria-label="Services"]+div{margin-top:calc(24px - var(--hh-stack))}
@media (min-width:1025px){
  /* a section's heading block on a wide screen: the headline on the left, its support line beside it, ending on the same line */
  #dc [style*="flex-direction:column"][style*="gap:var(--hh-stack)"]>div[style*="flex-direction:column;gap:24px;max-width:8"]:first-child:has(>div>h2):has(>p){display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,416px);column-gap:64px;align-items:end;max-width:none!important}
  #dc [style*="flex-direction:column"][style*="gap:var(--hh-stack)"]>div[style*="flex-direction:column;gap:24px;max-width:8"]:first-child:has(>div>h2):has(>p) h2{max-width:none!important}
  #dc [style*="flex-direction:column"][style*="gap:var(--hh-stack)"]>div[style*="flex-direction:column;gap:24px;max-width:8"]:first-child:has(>div>h2):has(>p)>p{max-width:none!important;padding-bottom:4px}
}

/* ---------- header menus ---------- */
.hh-dd-panel{position:absolute;left:-8px;top:100%;padding-top:12px;opacity:0;visibility:hidden;transform:translateY(-4px);transition:opacity var(--hh-fast) ease,transform var(--hh-fast) ease,visibility 0s var(--hh-fast)}
.hh-dd:hover .hh-dd-panel,.hh-dd:focus-within .hh-dd-panel{opacity:1;visibility:visible;transform:none;transition:opacity var(--hh-fast) ease,transform var(--hh-fast) ease}
.hh-dd:hover>button,.hh-dd:focus-within>button{background:var(--hh-paper)!important}
.hh-dd-item:hover{background:var(--hh-paper)}
.hh-mnav{display:none}
.hh-mnav summary{list-style:none;cursor:pointer;width:44px;height:44px;border-radius:999px;display:grid;place-items:center;background:var(--hh-paper)}
.hh-mnav summary::-webkit-details-marker{display:none}
.hh-mnav[open] summary{background:var(--hh-ink)}
.hh-mnav[open] summary svg{stroke:var(--hh-white)}
.hh-mnav-panel{position:absolute;left:0;right:0;top:100%;background:var(--hh-white);border-bottom:1px solid var(--hh-line);box-shadow:var(--hh-shadow-3);padding:12px 20px 24px;max-height:calc(100vh - 72px);overflow:auto}

/* ---------- moving pieces ---------- */
@keyframes hh-marquee{from{transform:translateX(0)}to{transform:translateX(-50%)}}
.hh-marquee-track{animation:hh-marquee 48s linear infinite}
.hh-marquee:hover .hh-marquee-track{animation-play-state:paused}
@keyframes hh-knot-in{from{opacity:0;transform:scale(.6)}to{opacity:1;transform:scale(1)}}
@keyframes hh-chip-in{from{opacity:0;transform:translate(-50%,8px)}to{opacity:1;transform:translate(-50%,0)}}
@keyframes hh-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-6px)}}
.hh-float{animation:hh-float 6s ease-in-out infinite}
.hh-float-2{animation-delay:-3s}
[aria-label="Four things we read in every person"]{width:96%;margin:0 auto}

/* ---------- smaller screens ---------- */
@media (max-width:1024px){
  .hh-dd,.hh-navlinks,.hh-hide-t{display:none!important}
  .hh-mnav{display:block}
  [style*="grid-template-columns:repeat(4,"],[style*="grid-template-columns:repeat(5,"]{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  [style*="grid-template-columns:repeat(3,minmax(0,1fr))"]{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  footer [style*="grid-template-columns:minmax(0,1.4fr)"]{grid-template-columns:repeat(3,minmax(0,1fr))!important}
  footer [style*="grid-template-columns:minmax(0,1.4fr)"]>div:first-child{grid-column:1 / -1}
  [style*="grid-template-columns:240px minmax"],[style*="grid-template-columns:220px minmax"],[style*="grid-template-columns:minmax(0,1fr) 380px"],[style*="grid-template-columns:minmax(0,1fr) 360px"],[style*="grid-template-columns:minmax(0,1fr) 340px"],[style*="grid-template-columns:minmax(320px,1fr) minmax(0,1.45fr)"],[style*="grid-template-columns:minmax(0,1.45fr) minmax(320px,1fr)"],[style*="grid-template-columns:260px minmax(0,1fr) 300px"],[style*="grid-template-columns:minmax(300px,0.9fr) minmax(0,1.6fr)"]{grid-template-columns:minmax(0,1fr)!important}
  aside[style*="position:sticky"]{position:static!important}
  [style*="grid-template-columns:minmax(0,1.3fr) minmax(0,1fr)"]{grid-template-columns:minmax(0,1fr)!important}
  /* app shells: the sidebar becomes a top strip */
  [style*="grid-template-columns:248px minmax(0,1fr)"]{grid-template-columns:minmax(0,1fr)!important}
  [style*="grid-template-columns:248px minmax(0,1fr)"]>aside{position:static!important;height:auto!important;flex-direction:row!important;align-items:center!important;flex-wrap:wrap;gap:8px!important;border-right:0!important;border-bottom:1px solid var(--hh-line);padding:12px 16px!important}
  [style*="grid-template-columns:248px minmax(0,1fr)"]>aside>div:last-child{display:none!important}
  [style*="grid-template-columns:248px minmax(0,1fr)"]>aside nav{flex-direction:row!important;overflow-x:auto;flex:1 1 100%}
  [style*="grid-template-columns:248px minmax(0,1fr)"]>aside nav a{white-space:nowrap}
  [style*="grid-template-columns:248px minmax(0,1fr)"]>aside>button{display:none!important}
  main[style*="grid-template-columns:260px"]>aside{display:none!important}
}
@media (max-width:720px){
  [style*="padding:0 32px"],[style*="padding:24px 32px"],[style*="padding:40px 32px"],[style*="padding:48px 32px"],[style*="padding:56px 32px"],[style*="padding:64px 32px"],[style*="padding:72px 32px"],[style*="padding:80px 32px"],[style*="padding:96px 32px"],[style*="padding:112px 32px"],[style*="padding:128px 32px"],[style*="padding:12px 32px"],[style*="padding:16px 32px"],[style*="padding:20px 32px"],[style*="padding:28px 32px"],[style*="padding:32px 32px"]{padding-left:20px!important;padding-right:20px!important}
  [style*="grid-template-columns"]:not([style*="grid-template-columns:16px"]):not([style*="grid-template-columns:3"]):not([style*="grid-template-columns:4"]):not([style*="grid-template-columns:5"]):not([style*="grid-template-columns:6"]):not([style*="grid-template-columns:repeat(5,1fr)"]):not([role="group"]):not([role="tablist"]){grid-template-columns:minmax(0,1fr)!important}
  [style*="grid-template-columns:repeat(5,minmax(0,1fr));gap:24px"]{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  [style*="grid-template-columns:repeat(5,1fr)"]{overflow-x:auto}
  [style*="height:320px;object-fit:cover"]{height:200px!important}
  [style*="aspect-ratio:21/9"]{aspect-ratio:4/3!important}
  [style*="border-radius:var(--hh-r-3);padding:40px"]{padding:16px!important}
  [style*="padding:40px;display:flex;justify-content:center"]{padding:16px!important}
  [style*="height:450px;position:relative;overflow:hidden"]{height:560px!important}
  [style*="min-height:640px"]{min-height:360px!important}
  [style*="width:260px;color"],[style*="width:260px"][style*="background:var(--hh-paper)"]{display:none!important}
  [style*="max-width:440px"]{max-width:100%!important}
  .hh-hide-m{display:none!important}
  aside:has(nav[aria-label$="contents"]),aside:has(nav[aria-label="Contents"]){display:none!important}
  section[aria-live="polite"] button,section[aria-live="polite"] a,[role="tablist"] button{white-space:nowrap}
  [role="tablist"]{overflow-x:auto;flex-wrap:nowrap!important;max-width:100%;-webkit-overflow-scrolling:touch;scrollbar-width:none}
  [role="tablist"]::-webkit-scrollbar{display:none}
  footer [style*="grid-template-columns:minmax(0,1.4fr)"]{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  [aria-label="Four things we read in every person"]{width:96%}
  [aria-label="Four things we read in every person"] span[style*="white-space:nowrap"]{font-size:var(--hh-fs-1)!important;padding:4px 8px!important}
  section[aria-live="polite"] [style*="display:flex;gap:16px;align-items:center"]{flex-wrap:wrap}
  section[aria-live="polite"] [style*="display:flex;gap:16px;align-items:center"]>div:last-child{flex:1 1 100%;justify-content:flex-start}
  label[style*="width:260px"]{display:none!important}
  section[style*="padding:16px"]>div>img{object-position:30% 40%}
  table{font-size:var(--hh-fs-1)}
  [style*="position:sticky;top:65px"]{overflow-x:auto;white-space:nowrap}
  [style*="position:fixed;inset:0"]>div{padding:20px!important}
  /* the category pills are wider than a 360px screen: let their label wrap there */
  .hh-cat-pill{max-width:100%;white-space:normal!important}
  /* buttons on a phone: a 44px tap target */
  #dc a[style*="border-radius:999px"][style*="padding:12px 22px"],#dc button[style*="border-radius:999px"][style*="padding:12px 22px"]{padding-top:14px!important;padding-bottom:14px!important}
  /* cards on a phone: 24px inside instead of 32 */
  #dc [style*="border-radius:var(--hh-r-3)"][style*="padding:32px"]{padding:24px!important}
  /* product windows on a phone: tighter insides, nothing clipped */
  .hh-shot [style*="padding:0 28px 28px"]{padding:0 20px 20px!important}
  .hh-shot [style*="width:72px;height:72px;margin-top:-36px"]{width:56px!important;height:56px!important;margin-top:-28px!important}
  .hh-shot [style*="width:72px;height:72px;margin-top:-36px"] svg{width:56px;height:56px}
  .hh-shot [style*="padding:24px 28px"],.hh-shot [style*="padding:12px 28px"]{padding-left:20px!important;padding-right:20px!important}
  .hh-shot [role="tabpanel"]>div{padding-left:20px!important;padding-right:20px!important}
  .hh-shot [style*="justify-content:space-between;align-items:baseline"]{flex-wrap:wrap;gap:4px 12px}
  [style*="height:352px;position:relative;overflow:hidden"]{height:456px!important}
  /* the company page: its four facts in two columns; a role row puts its pay under the title */
  #dc [style*="grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:28px"]{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  a.hh-card[style*="justify-content:space-between;align-items:center;gap:16px;padding:20px 24px"]{flex-wrap:wrap;align-items:flex-end!important}
  a.hh-card[style*="justify-content:space-between;align-items:center;gap:16px;padding:20px 24px"]>div:first-child{flex:1 1 100%}
  a.hh-card[style*="justify-content:space-between;align-items:center;gap:16px;padding:20px 24px"]>div:last-child{flex:1 1 100%;justify-content:space-between}
  /* services: the four plans sit in a 2 by 2 grid instead of a strip that hides two of them */
  [role="tablist"][aria-label="Services"]{display:grid!important;grid-template-columns:1fr 1fr;width:100%;overflow:visible!important}
  [role="tablist"][aria-label="Services"] button{width:100%;min-width:0;padding:12px 8px!important}
  [role="tabpanel"]>div[style*="padding:40px"]{padding:16px!important;gap:24px!important}
  [role="tabpanel"] [style*="padding:8px 16px"]{padding:0 4px 8px!important}
  .hh-cat-pill>span:last-child{min-width:0}
}

/* ---------- reveals: each block fades up once as it enters the screen (set by the page script, never on the first screen) ---------- */
[data-hh-rv="0"]{opacity:0;transform:translateY(16px)}
[data-hh-rv="1"]{opacity:1;transform:none;transition:opacity var(--hh-slow) var(--hh-ease),transform var(--hh-slow) var(--hh-ease)}
[data-hh-d="1"]{transition-delay:.06s!important}[data-hh-d="2"]{transition-delay:.12s!important}[data-hh-d="3"]{transition-delay:.18s!important}
@media print{[data-hh-rv]{opacity:1!important;transform:none!important}}
/* a tab's panel eases in when it is chosen */
@keyframes hh-panel-in{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
[role="tabpanel"][style*="display:block"]{animation:hh-panel-in var(--hh-base) var(--hh-ease) both}

/* ---------- dashboards: a quiet outline of the page while its data loads ---------- */
#hh-skel{position:fixed;inset:0;z-index:1;display:grid;grid-template-columns:248px minmax(0,1fr);background:var(--hh-paper);pointer-events:none}
#hh-skel>i{display:block;background:var(--hh-white);border-right:1px solid var(--hh-line)}
#hh-skel>b{display:flex;flex-direction:column;gap:24px;padding:96px 32px}
#hh-skel>b>i{display:block;height:16px;border-radius:var(--hh-r-1);background:linear-gradient(90deg,var(--hh-line) 0,var(--hh-white) 50%,var(--hh-line) 100%) 0 0/200% 100%;animation:hh-shimmer 1.4s linear infinite}
#hh-skel>b>i:nth-child(1){width:40%;height:40px}#hh-skel>b>i:nth-child(2){width:64%}#hh-skel>b>i:nth-child(3){height:240px;border-radius:var(--hh-r-3)}#hh-skel>b>i:nth-child(4){width:52%}
@keyframes hh-shimmer{to{background-position:-200% 0}}
@media (max-width:1024px){#hh-skel{grid-template-columns:minmax(0,1fr)}#hh-skel>i{display:none}#hh-skel>b{padding:96px 20px}}

/* ---------- reduced motion ---------- */
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{animation:none!important;transition:none!important}
  [data-hh-rv]{opacity:1!important;transform:none!important}
}

/* =====================================================================
   Home. Kozmo's section structure with indisea.com's feel, on one palette family.

   SURFACES. Four, in two pairs, so every neighbour is one step apart, never a guess:
     S0 cream  #F4F2EA  the page                      (L* 95.6)
     S1 sand   #ECE9DF  the quiet light band          (L* 92.4, one step down)
     D0 night  #16231C  the dark bands and footer     (L* 12.9)
     D1 forest #1F2E26  raised on night: rows, panels (L* 17.6, one step up)
   Every dark is taken from mint's own hue (148°), so mint glows on it; the creams are warm, so mint stays fresh.
   Mint is never a section: it is the pipe, the action, one tile per row, one card per grid.
   Proportion is the rule: about 70% light, 25% night, 5% mint.

   TRANSITIONS. A change of surface is always a sheet: the incoming band rises over the last one with
   40px top corners (28px on phones). Bands that share a surface simply continue. Each band holds the same
   144px above and below its content, so the rhythm never changes with the colour.
   ===================================================================== */
.hv2{
  --hh-paper:#F4F2EA; --kz-s1:#ECE9DF; --hh-cream-2:#ECE9DF; --hh-white:#FBFAF6;
  --hh-ink:#0F1A14; --hh-ink-2:#1F2E26; --hh-ink-rgb:15 26 20;
  --hh-night:#16231C; --hh-night-2:#1F2E26; --kz-d2:#26372E; --hh-night-text-2:#A8B5AC; --hh-night-line:rgb(244 242 234 / .09);
  --hh-text-2:#4D5A52; --hh-line:rgb(15 26 20 / .12); --kz-line:rgb(15 26 20 / .2);
  --kz-pipe:28px; --kz-sheet:40px;
  background:var(--hh-paper)!important;color:var(--hh-ink)!important;position:relative}
body:has(.hv2){background:#F4F2EA}
@media (max-width:720px){.hv2{--kz-sheet:28px;--kz-pipe:20px}}

.kz-wrap{position:relative;z-index:2;max-width:var(--hh-max);margin:0 auto;padding:0 var(--hh-gutter)}
.kz-lane{position:absolute;top:0;bottom:0;width:2px;pointer-events:none;visibility:hidden}
.kz-label{display:block;font-size:12px;line-height:1.2;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--hh-text-2)}
.kz-center{text-align:center}
.kz-mark{background:var(--hh-mint);border-radius:.14em;padding:0 .08em;margin:0 -.02em;white-space:nowrap}

/* ---------- bands and sheets ---------- */
.kz-band{padding:var(--hh-section) 0}
.kz-s0{background:var(--hh-paper)}
.kz-s1{background:var(--kz-s1)}
.kz-d0{background:var(--hh-night);color:var(--hh-paper)}
.kz-sheet{margin-top:calc(-1 * var(--kz-sheet));border-radius:var(--kz-sheet) var(--kz-sheet) 0 0}
.kz-d0 .kz-label{color:var(--hh-night-text-2)}
.kz-band .kz-wrap{display:flex;flex-direction:column;gap:40px}

/* ---------- header ---------- */
.hv2 header{background:rgb(244 242 234 / .86)!important;border-bottom-color:transparent!important;transition:background-color var(--hh-base) var(--hh-ease)}
.hv2 header nav{position:relative;padding-top:16px!important;padding-bottom:16px!important}
@media (min-width:1025px){.hv2 .hh-navlinks{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}}
.hv2 header a.hh-hide-t[href*="join"]{padding:10px 18px!important;margin-left:8px;border-radius:999px;box-shadow:inset 0 0 0 1.5px var(--hh-ink)}
.hv2 header a.hh-hide-m{background:var(--hh-mint)!important;color:var(--hh-ink)!important;margin-left:8px}
.hv2 header[data-hh-dark="1"]{background:rgb(22 35 28 / .86)!important}
.hv2 header[data-hh-dark="1"] nav>div>a svg path{fill:var(--hh-paper)}
.hv2 header[data-hh-dark="1"] nav>div>a b{color:var(--hh-paper)!important}
.hv2 header[data-hh-dark="1"] .hh-navlinks a,.hv2 header[data-hh-dark="1"] .hh-hide-t{color:var(--hh-paper)!important}
.hv2 header[data-hh-dark="1"] a.hh-hide-t[href*="join"]{box-shadow:inset 0 0 0 1.5px rgb(244 242 234 / .45)}
.hv2 header[data-hh-dark="1"] .hh-mnav>summary svg{stroke:var(--hh-paper)}

/* ---------- buttons ---------- */
.kz-btns{display:flex;flex-wrap:wrap;gap:12px}
.kz-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;height:56px;padding:0 28px;border-radius:999px;font-size:var(--hh-fs-2);font-weight:600;line-height:1;text-decoration:none;white-space:nowrap;transition:transform var(--hh-fast) var(--hh-ease),background-color var(--hh-base) var(--hh-ease),box-shadow var(--hh-base) var(--hh-ease)}
.kz-btn svg{transition:transform var(--hh-base) var(--hh-ease)}
.kz-btn:hover svg{transform:translateX(3px)}
.kz-btn:active{transform:scale(.98)}
.kz-btn-ink{background:var(--hh-ink);color:var(--hh-paper)}
.kz-btn-ink svg{color:var(--hh-mint)}
.kz-btn-ink:hover{background:var(--hh-ink-2)}
.kz-btn-line{color:var(--hh-ink);box-shadow:inset 0 0 0 1.5px var(--hh-ink)}
.kz-btn-line:hover{background:rgb(var(--hh-ink-rgb) / .06)}
.kz-btn-mint{background:var(--hh-mint);color:var(--hh-ink)}
.kz-btn-mint:hover{background:#A6F5C1}
.kz-btn-cream{color:var(--hh-paper);box-shadow:inset 0 0 0 1.5px rgb(244 242 234 / .45)}
.kz-btn-cream:hover{box-shadow:inset 0 0 0 1.5px var(--hh-paper)}
.kz-btn-s{height:44px;padding:0 22px;font-size:var(--hh-fs-1)}

/* ---------- rings: where the pipe starts (talent) and ends (hired) ---------- */
.kz-ring{position:relative;width:340px;aspect-ratio:1;border-radius:50%;padding:var(--kz-pipe);background:var(--hh-mint)}
.kz-ring-in{position:relative;display:block;width:100%;height:100%;border-radius:50%;overflow:hidden;background:var(--kz-s1);isolation:isolate}
.kz-ring-in img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.kz-ring-ph{position:absolute;inset:0;clip-path:inset(100% 0 0 0);transition:clip-path .9s var(--hh-ease-out)}
.kz-ring-ph img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transform:scale(1.12);transition:transform 1.6s var(--hh-ease-out)}
.kz-ring-ph[data-hh-cur="1"]{clip-path:inset(0 0 0 0);z-index:2}
.kz-ring-ph[data-hh-cur="1"] img{transform:scale(1)}
.kz-ring-ph[data-hh-was="1"]{clip-path:inset(0 0 0 0);z-index:1}

/* ---------- 01 hero ---------- */
.kz-hero{padding:var(--hh-hero-top) 0 var(--hh-section)}
.kz-hero-grid{display:grid;grid-template-columns:minmax(0,1fr) 460px;gap:48px;align-items:center}
.kz-hero-t{display:flex;flex-direction:column;align-items:flex-start}
.kz-tag{display:inline-flex;align-items:center;height:30px;padding:0 14px;border-radius:999px;box-shadow:inset 0 0 0 1px var(--kz-line);font-size:12px;font-weight:600;letter-spacing:.1em;text-transform:uppercase}
.kz-hero-h{margin:32px 0 0;font-size:clamp(48px,1rem + 4.7vw,100px);line-height:.98;letter-spacing:-0.048em;font-weight:600;text-wrap:balance}
.kz-hero-p{margin:32px 0 40px;max-width:40ch;font-size:var(--hh-fs-3);line-height:1.5;color:var(--hh-text-2)}
.kz-talent{position:relative;height:520px}
.kz-talent .kz-ring{position:absolute;right:0;top:0}
.kz-tc{position:absolute;left:0;top:268px;width:272px;z-index:3;display:flex;flex-direction:column;gap:12px;padding:20px 22px 18px;border-radius:var(--hh-r-3);background:var(--hh-white);box-shadow:0 0 0 1px var(--hh-line),0 24px 48px -28px rgb(var(--hh-ink-rgb) / .35)}
.kz-tc-ex{font-size:11px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--hh-text-2)}
.kz-tc-whos{position:relative;display:grid;overflow:hidden}
.kz-tc-who{grid-area:1/1;display:flex;flex-direction:column;gap:2px;transform:translateY(110%);transition:transform .6s var(--hh-ease-out)}
.kz-tc-who[data-hh-cur="1"]{transform:none}
.kz-tc-who[data-hh-was="1"]{transform:translateY(-110%)}
.kz-tc-who b{font-size:20px;line-height:1.2;font-weight:600;letter-spacing:-0.015em}
.kz-tc-who span{font-size:var(--hh-fs-1);line-height:1.4;color:var(--hh-text-2)}
.kz-reads{list-style:none;margin:4px 0 0;padding:12px 0 0;border-top:1px solid var(--hh-line);display:grid;grid-template-columns:1fr 1fr;gap:8px 12px}
.kz-reads li{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:600}
.kz-read-d{width:18px;height:18px;border-radius:50%;display:grid;place-items:center;flex:none;box-shadow:inset 0 0 0 1.5px var(--kz-line);color:transparent;transition:background-color .35s var(--hh-ease),color .35s var(--hh-ease),box-shadow .35s var(--hh-ease)}
.kz-reads li[data-hh-on="1"] .kz-read-d,.kz-reads:not([data-hh-live]) .kz-read-d{background:var(--hh-mint);color:var(--hh-ink);box-shadow:none}
.kz-tc-bars{display:flex;gap:4px;margin-top:4px}
.kz-tc-bars span{flex:1;height:3px;border-radius:2px;background:var(--hh-line);overflow:hidden;position:relative}
.kz-tc-bars span::after{content:"";position:absolute;inset:0;background:var(--hh-ink);transform:scaleX(0);transform-origin:left}
.kz-tc-bars span[data-hh-cur="1"]::after{animation:kz-bar 4.2s linear forwards}
@keyframes kz-bar{to{transform:scaleX(1)}}

/* ---------- 02 disciplines: tiles with one line icon each ---------- */
.kz-disc{position:relative;z-index:2;display:flex;flex-direction:column;gap:12px;overflow:hidden;padding-bottom:var(--hh-section)}
.kz-disc .kz-label{margin-bottom:20px}
.kz-tiles{display:flex;width:max-content;gap:12px}
.kz-tiles-track{list-style:none;margin:0;padding:0;display:flex;gap:12px;flex:none}
.kz-tiles-a{animation:kz-left 80s linear infinite}
.kz-tiles-b{animation:kz-left 80s linear infinite reverse;margin-left:-140px}
.kz-disc:hover .kz-tiles{animation-play-state:paused}
@keyframes kz-left{to{transform:translateX(calc(-50% - 6px))}}
.kz-tile{flex:none;display:flex;align-items:center;gap:14px;min-width:212px;height:84px;padding:0 24px 0 20px;border-radius:14px;font-size:var(--hh-fs-2);font-weight:600;background:var(--hh-paper);box-shadow:inset 0 0 0 1px var(--kz-line)}
.kz-tile-ic{width:40px;height:40px;flex:none;border-radius:10px;display:grid;place-items:center;background:var(--kz-s1);color:var(--hh-ink)}
.kz-tile-d{background:var(--hh-night);color:var(--hh-paper);box-shadow:none}
.kz-tile-d .kz-tile-ic{background:var(--hh-night-2);color:var(--hh-mint)}
.kz-tile-m{background:var(--hh-mint);box-shadow:none}
.kz-tile-m .kz-tile-ic{background:var(--hh-ink);color:var(--hh-mint)}

/* ---------- type ---------- */
.kz-h2,.kz-h2-m,.kz-h2-l,.kz-h2-xl,.kz-h2-xxl{margin:0;font-weight:600;text-wrap:balance}
.kz-h2{font-size:clamp(30px,1rem + 1.9vw,48px);line-height:1.08;letter-spacing:-0.035em}
.kz-h2-m{font-size:clamp(28px,1rem + 1.7vw,44px);line-height:1.1;letter-spacing:-0.035em}
.kz-h2-l{font-size:clamp(36px,1rem + 2.9vw,60px);line-height:1.02;letter-spacing:-0.04em}
.kz-h2-xl{font-size:clamp(48px,1rem + 5.4vw,104px);line-height:.98;letter-spacing:-0.05em;max-width:14ch}
.kz-h2-xxl{font-size:clamp(52px,1rem + 5.6vw,112px);line-height:.96;letter-spacing:-0.05em;max-width:9ch}
.kz-split{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:40px 96px;align-items:start}
.kz-split .kz-h2,.kz-split .kz-h2-l{max-width:15ch}
.kz-head-l{display:flex;flex-direction:column;gap:40px}
.kz-paras{display:flex;flex-direction:column;gap:24px;padding-top:6px}
.kz-paras p{margin:0;font-size:var(--hh-fs-3);line-height:1.55;color:var(--hh-text-2);max-width:44ch}
.kz-procsec .kz-paras{padding-top:72px}

/* ---------- 03 who we are ---------- */
.kz-us{padding-top:0}
.kz-us .kz-lane{left:50%}
.kz-photo{position:relative;margin:0;overflow:hidden;border-radius:var(--hh-r-3);background:var(--kz-s1)}
.kz-photo img,.kz-card-ph img{display:block;width:100%;height:116%;margin-top:-8%;object-fit:cover;will-change:transform}
.kz-photo-wide{aspect-ratio:21/9;margin-top:32px}
.kz-photo-wide img{object-position:50% 40%}
[data-kz-mask]{clip-path:inset(0 0 0 0 round var(--hh-r-3));transition:clip-path 1.1s var(--hh-ease-out)}
[data-kz-mask][data-hh-m="0"]{clip-path:inset(14% 5% 14% 5% round var(--hh-r-3))}

/* ---------- night bands: one soft mint light, a fine grid ---------- */
.kz-night{position:relative;overflow:hidden}
.kz-night::before{content:"";position:absolute;z-index:0;width:1200px;height:1200px;right:-380px;top:-660px;border-radius:50%;background:radial-gradient(closest-side,rgb(var(--hh-mint-rgb) / .14),rgb(var(--hh-mint-rgb) / .04) 48%,transparent 72%);animation:kz-drift 48s ease-in-out infinite alternate;will-change:transform;pointer-events:none}
.kz-night::after{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;background-image:radial-gradient(rgb(244 242 234 / .07) 1px,transparent 1.3px);background-size:24px 24px;-webkit-mask-image:radial-gradient(ellipse 60% 50% at 80% 4%,#000,transparent 78%);mask-image:radial-gradient(ellipse 60% 50% at 80% 4%,#000,transparent 78%)}
@keyframes kz-drift{to{transform:translate3d(-220px,160px,0) scale(1.12)}}

/* ---------- 04 the future of work ---------- */
.kz-future .kz-lane{left:calc(100% - var(--hh-gutter) - 170px)}
.kz-future .kz-wrap{gap:40px}
.kz-future .kz-h2-xl{margin-top:16px}
.kz-future-lead{margin:0 0 32px;max-width:46ch;font-size:var(--hh-fs-3);line-height:1.55;color:var(--hh-night-text-2)}
.kz-mani{list-style:none;margin:0;padding:0;max-width:960px}
.kz-mani li{display:grid;grid-template-columns:72px minmax(0,1fr) minmax(0,1.15fr);gap:16px 40px;align-items:baseline;padding:32px 0;border-top:1px solid var(--hh-night-line)}
.kz-mani li:last-child{border-bottom:1px solid var(--hh-night-line)}
.kz-mani-n{font-size:var(--hh-fs-1);font-weight:600;font-variant-numeric:tabular-nums;color:var(--hh-mint)}
.kz-mani h3{margin:0;font-size:clamp(22px,1rem + .8vw,28px);line-height:1.15;letter-spacing:-0.02em;font-weight:600}
.kz-mani p{margin:0;font-size:var(--hh-fs-2);line-height:1.6;color:var(--hh-night-text-2)}

/* ---------- 05 four ways to hire: who employs, who leads, how you pay ---------- */
.kz-howsec .kz-lane{left:50%}
.kz-models{display:grid;grid-template-columns:300px minmax(0,1fr);gap:12px;margin-top:24px;padding:12px;border-radius:var(--hh-r-3);background:var(--hh-night);color:var(--hh-paper)}
.kz-mtabs{display:flex;flex-direction:column;gap:4px;padding:8px 0}
.kz-mtab{all:unset;box-sizing:border-box;cursor:pointer;display:flex;flex-direction:column;gap:6px;padding:20px 22px;border-radius:16px;transition:background-color var(--hh-base) var(--hh-ease)}
.kz-mtab b{display:flex;align-items:center;gap:10px;font-size:18px;line-height:1.2;font-weight:600;letter-spacing:-0.01em}
.kz-mtab b::before{content:"";width:8px;height:8px;border-radius:50%;box-shadow:inset 0 0 0 1.5px rgb(var(--hh-mint-rgb) / .5);transition:background-color var(--hh-base) var(--hh-ease)}
.kz-mtab span{padding-left:18px;font-size:var(--hh-fs-1);line-height:1.4;color:var(--hh-night-text-2)}
.kz-mtab:hover{background:rgb(244 242 234 / .04)}
.kz-mtab[aria-selected="true"]{background:var(--hh-night-2)}
.kz-mtab[aria-selected="true"] b::before{background:var(--hh-mint);box-shadow:0 0 12px rgb(var(--hh-mint-rgb) / .6)}
.kz-mtab:focus-visible{outline:2px solid var(--hh-mint);outline-offset:-2px}
.kz-mpanel{display:flex;flex-direction:column;gap:8px;padding:28px 32px 32px;border-radius:16px;background:var(--hh-night-2)}
.kz-mdia{position:relative;aspect-ratio:640/380}
.kz-mdia-l{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
.kz-mdia-l path{fill:none;stroke:var(--hh-mint);stroke-width:2;vector-effect:non-scaling-stroke;stroke-linecap:round;stroke-dasharray:.006 .014;animation:kz-flow 2.4s linear infinite}
@keyframes kz-flow{to{stroke-dashoffset:-.02}}
.kz-mnode{position:absolute;transform:translate(-50%,-44px);display:flex;flex-direction:column;align-items:center;gap:6px;text-align:center;white-space:nowrap}
.kz-mnode b{margin-top:10px;font-size:15px;font-weight:600}
.kz-mnode i{font-style:normal;font-size:12px;color:var(--hh-night-text-2)}
.kz-mn-c{position:relative;width:88px;height:88px;border-radius:50%;display:grid;place-items:center;overflow:hidden}
.kz-mn-co{left:17.8%;top:27.4%}.kz-mn-hh{left:50%;top:79%}.kz-mn-me{left:82.2%;top:27.4%}
.kz-mn-co .kz-mn-c{background:var(--hh-night);box-shadow:inset 0 0 0 1.5px rgb(244 242 234 / .3);color:var(--hh-paper)}
.kz-mn-hh .kz-mn-c{background:var(--hh-mint);color:var(--hh-ink);box-shadow:0 0 0 10px rgb(var(--hh-mint-rgb) / .08),0 0 48px rgb(var(--hh-mint-rgb) / .3)}
.kz-mn-ph{box-shadow:0 0 0 4px var(--hh-mint);background:var(--hh-night)}
.kz-mswap{display:grid;overflow:hidden}
.kz-mswap>[data-m]{grid-area:1/1;transform:translateY(110%);transition:transform .55s var(--hh-ease-out)}
.kz-mswap>[data-m][data-hh-cur="1"]{transform:none}
.kz-mswap>[data-m][data-hh-was="1"]{transform:translateY(-110%)}
.kz-mn-me i.kz-mswap{color:var(--hh-mint)}
.kz-mchip{position:absolute;transform:translate(-50%,-50%);padding:8px 14px;border-radius:999px;background:var(--hh-night);box-shadow:inset 0 0 0 1px rgb(var(--hh-mint-rgb) / .35);font-size:13px;font-weight:600;white-space:nowrap}
.kz-mc-top{left:50%;top:27.4%}.kz-mc-r{left:82.2%;top:63%}.kz-mc-l{left:17.8%;top:63%}
.kz-mdets{position:relative;display:grid;padding-top:24px;border-top:1px solid var(--hh-night-line)}
.kz-mdet{grid-area:1/1;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px 40px;opacity:0;transform:translateY(12px);pointer-events:none;transition:opacity .4s var(--hh-ease),transform .5s var(--hh-ease-out)}
.kz-mdet[data-hh-cur="1"]{opacity:1;transform:none;pointer-events:auto}
.kz-mdet h3{grid-column:1;margin:0;font-size:22px;line-height:1.2;font-weight:600;letter-spacing:-0.015em}
.kz-mdet p{grid-column:1;margin:0;font-size:var(--hh-fs-2);line-height:1.55;color:var(--hh-night-text-2)}
.kz-mdet ul{grid-column:2;grid-row:1 / span 3;list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}
.kz-mdet li{display:flex;align-items:center;gap:10px;font-size:var(--hh-fs-2)}
.kz-mdet li svg{flex:none;width:18px;height:18px;padding:3px;border-radius:50%;background:var(--hh-mint);color:var(--hh-ink)}
.kz-mprice{grid-column:1;font-size:var(--hh-fs-1);font-weight:600;color:var(--hh-mint)}
.kz-mlink{justify-self:start;margin-top:20px;display:inline-flex;align-items:center;gap:8px;font-size:var(--hh-fs-1);font-weight:600;color:var(--hh-paper);text-decoration:none}
.kz-mlink svg{color:var(--hh-mint);transition:transform var(--hh-base) var(--hh-ease)}.kz-mlink:hover svg{transform:translateX(3px)}

/* ---------- 06 reasons ---------- */
.kz-cards3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.kz-reason{display:flex;flex-direction:column;gap:12px;padding:36px;border-radius:var(--hh-r-3);background:var(--hh-night);color:var(--hh-paper)}
.kz-reason-l{font-size:12px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--hh-mint)}
.kz-reason h3{margin:4px 0 0;font-size:clamp(24px,1rem + .9vw,30px);line-height:1.1;letter-spacing:-0.025em;font-weight:600;max-width:14ch}
.kz-reason p{margin:0;font-size:var(--hh-fs-2);line-height:1.55;color:var(--hh-night-text-2);max-width:34ch}
.kz-reason>.kz-stack,.kz-reason>.kz-places{margin-top:auto;padding-top:28px}
.kz-stack{display:flex}
.kz-stack img{width:48px;height:48px;border-radius:50%;object-fit:cover;box-shadow:0 0 0 3px var(--hh-night)}
.kz-stack img+img{margin-left:-12px}
.kz-places{display:flex;gap:8px}
.kz-places i{width:14px;height:14px;border-radius:50%;box-shadow:inset 0 0 0 1.5px var(--hh-mint)}

/* ---------- 07 who we work with: an icon and three faces per kind of company ---------- */
.kz-withsec .kz-lane{left:calc(var(--hh-gutter) + (100% - 2 * var(--hh-gutter) - 64px) / 3 + 32px)}
.kz-who-h{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,2fr);gap:24px 64px;align-items:start}
.kz-who-h .kz-label{padding-top:12px}
.kz-who-h .kz-h2-m{max-width:24ch}
.kz-who{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;margin-top:16px}
.kz-who-c{flex:0 0 calc((100% - 24px) / 3);display:flex;flex-direction:column;gap:12px;min-height:220px;padding:28px 32px 32px;border-radius:var(--hh-r-3);background:var(--hh-paper);box-shadow:inset 0 0 0 1px var(--kz-line)}
.kz-who-v{display:flex;align-items:center;margin-bottom:auto;padding-bottom:28px}
.kz-who-ic{width:48px;height:48px;border-radius:50%;display:grid;place-items:center;flex:none;background:var(--kz-s1);color:var(--hh-ink);margin-right:10px}
.kz-who-v img{width:48px;height:48px;border-radius:50%;object-fit:cover;box-shadow:0 0 0 3px var(--hh-paper)}
.kz-who-v img+img{margin-left:-12px}
.kz-who-c b{font-size:clamp(20px,1rem + .4vw,24px);line-height:1.2;font-weight:600;letter-spacing:-0.015em}
.kz-who-cap{font-size:12px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--hh-text-2)}
.kz-who-m{background:var(--hh-mint);box-shadow:none}.kz-who-m .kz-who-cap{color:var(--hh-ink)}
.kz-who-m .kz-who-ic{background:var(--hh-ink);color:var(--hh-mint)}.kz-who-m .kz-who-v img{box-shadow:0 0 0 3px var(--hh-mint)}
.kz-who-d{background:var(--hh-night);color:var(--hh-paper);box-shadow:none}.kz-who-d .kz-who-cap{color:var(--hh-night-text-2)}
.kz-who-d .kz-who-ic{background:var(--hh-night-2);color:var(--hh-mint)}.kz-who-d .kz-who-v img{box-shadow:0 0 0 3px var(--hh-night)}
.kz-logos{display:flex;flex-direction:column;gap:32px;margin-top:56px;padding:40px 0;background:var(--hh-paper)}
.hv2 .hh-marquee-track>div>span{transition:opacity var(--hh-base) var(--hh-ease)}
.hv2 .hh-marquee:hover .hh-marquee-track>div>span{opacity:.3}
.hv2 .hh-marquee .hh-marquee-track>div>span:hover{opacity:1}

/* ---------- 08 process: four steps on one line, each with the product moment it produces ---------- */
.kz-proc{position:relative;margin-top:32px}
.kz-proc-line{position:absolute;left:0;right:0;top:23px;height:2px;border-radius:1px;background:var(--kz-line)}
.kz-proc-line i{position:absolute;inset:0;background:var(--hh-ink);transform-origin:left;transform:scaleX(var(--kz-pl,0));transition:transform 1.4s var(--hh-ease-out)}
[data-hh-piped="1"] .kz-proc-line{visibility:hidden}
.kz-proc-steps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}
.kz-pstep{display:flex;flex-direction:column;min-width:0}
.kz-pmark{position:relative;width:48px;height:48px;border-radius:50%;display:grid;place-items:center;font-size:var(--hh-fs-1);font-weight:700;font-variant-numeric:tabular-nums;background:var(--kz-s1);box-shadow:inset 0 0 0 1.5px var(--hh-ink);transition:background-color .5s var(--hh-ease),box-shadow .5s var(--hh-ease)}
.kz-pmark[data-hh-on="1"]{background:var(--hh-mint);box-shadow:0 0 0 6px rgb(var(--hh-mint-rgb) / .35)}
.kz-pstep h3{margin:32px 0 10px;font-size:22px;line-height:1.2;letter-spacing:-0.02em;font-weight:600}
.kz-pstep>p{margin:0 0 28px;font-size:var(--hh-fs-2);line-height:1.55;color:var(--hh-text-2);min-height:4.65em}
.kz-ui{margin-top:auto;display:flex;flex-direction:column;gap:14px;padding:18px;border-radius:16px;background:var(--hh-white);box-shadow:0 0 0 1px var(--hh-line),0 20px 40px -30px rgb(var(--hh-ink-rgb) / .35);font-size:13px;min-height:236px}
.kz-ui-h{display:flex;justify-content:space-between;align-items:center}
.kz-ui-h b{font-size:14px;font-weight:600}
.kz-ui-h i{font-style:normal;font-size:10px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--hh-text-2)}
.kz-ui-dl{display:grid;grid-template-columns:auto 1fr;margin:0}
.kz-ui-dl dt,.kz-ui-dl dd{margin:0;padding:10px 0;border-top:1px solid var(--hh-line)}
.kz-ui-dl dt{color:var(--hh-text-2);padding-right:16px}.kz-ui-dl dd{font-weight:600;text-align:right}
.kz-ui-rows{list-style:none;margin:0;padding:0;display:flex;flex-direction:column}
.kz-ui-rows li{display:flex;align-items:center;gap:10px;padding:9px 0;border-top:1px solid var(--hh-line);font-weight:600}
.kz-ui-rows li .kz-face{box-shadow:none}
.kz-ui-rows em{margin-left:auto;font-style:normal;font-size:11px;font-weight:600;padding:4px 9px;border-radius:999px;background:var(--kz-s1);color:var(--hh-text-2)}
.kz-ui-rows em.on{background:var(--hh-mint);color:var(--hh-ink)}
.kz-ui-who{display:flex;align-items:center;gap:12px}
.kz-ui-who img{width:44px;height:44px;border-radius:50%;object-fit:cover;box-shadow:0 0 0 2px var(--hh-mint)}
.kz-ui-who span{display:flex;flex-direction:column;gap:2px}.kz-ui-who b{font-size:15px}.kz-ui-who i{font-style:normal;color:var(--hh-text-2)}
.kz-ui-reads{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.kz-ui-reads span{display:flex;align-items:center;gap:6px;font-weight:600}
.kz-ui-reads svg,.kz-ui-tl li.done span svg{width:16px;height:16px;padding:3px;border-radius:50%;background:var(--hh-mint);color:var(--hh-ink);flex:none}
.kz-ui-btn{margin-top:auto;display:flex;align-items:center;justify-content:center;height:38px;border-radius:999px;background:var(--hh-ink);color:var(--hh-paper);font-weight:600}
.kz-ui-tl{list-style:none;margin:0;padding:0;display:flex;flex-direction:column}
.kz-ui-tl li{position:relative;display:flex;align-items:center;gap:12px;padding:10px 0;font-weight:600}
.kz-ui-tl li:not(:last-child)::after{content:"";position:absolute;left:7.5px;top:30px;bottom:-10px;width:1px;background:var(--hh-line)}
.kz-ui-tl li span{width:16px;height:16px;display:grid;place-items:center;flex:none}
.kz-ui-tl li.next span{border-radius:50%;box-shadow:inset 0 0 0 1.5px var(--hh-ink)}
.kz-ui-tl li.next span svg{display:none}
.kz-ui-tl li.next{padding:10px 12px;margin:4px -12px 0;border-radius:12px;background:var(--kz-s1)}

/* ---------- 09 start hiring: night, running into the footer; the pipe ends in a mint ring ---------- */
.kz-close{padding-bottom:var(--hh-section)}
.kz-close-grid{display:grid!important;grid-template-columns:minmax(0,1fr) 340px;gap:48px;align-items:center}
.kz-close-t{display:flex;flex-direction:column;align-items:flex-start;gap:32px}
.kz-close .kz-h2-xxl{margin-top:8px}
.kz-close-p{margin:-8px 0 8px;font-size:var(--hh-fs-3);line-height:1.5;color:var(--hh-night-text-2);max-width:34ch}
.kz-ring-end{transform:scale(.86);transition:transform .9s var(--hh-ease-out),box-shadow .9s var(--hh-ease-out)}
.kz-ring-end[data-hh-on="1"]{transform:none;box-shadow:0 0 0 18px rgb(var(--hh-mint-rgb) / .07),0 0 140px rgb(var(--hh-mint-rgb) / .28)}
.kz-ring-end img{object-position:50% 30%}

/* ---------- footer: the same night, after a hairline ---------- */
.kz-foot{position:relative;z-index:2;background:var(--hh-night);color:var(--hh-paper);padding:0 0 40px}
.kz-foot>.kz-wrap{padding-top:96px;border-top:0}
.kz-foot>.kz-wrap::before{content:"";position:absolute;left:var(--hh-gutter);right:var(--hh-gutter);top:0;height:1px;background:var(--hh-night-line)}
.kz-foot-grid{display:grid;grid-template-columns:minmax(0,1.6fr) repeat(4,minmax(0,1fr));gap:40px}
.kz-foot-brand{display:flex;flex-direction:column;gap:14px;max-width:300px}
.kz-foot-brand svg path{fill:var(--hh-paper)}
.kz-foot-brand b{color:var(--hh-paper)!important}
.kz-foot-brand p,.kz-foot-brand span{margin:0;font-size:var(--hh-fs-2);line-height:1.55;color:var(--hh-night-text-2)}
.kz-foot-brand>a[href^="mailto"]{font-size:var(--hh-fs-2);font-weight:600;color:var(--hh-mint);text-decoration:none}
.kz-foot-col{display:flex;flex-direction:column;align-items:flex-start;gap:14px}
.kz-foot-h{font-size:12px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--hh-night-text-2);margin-bottom:4px}
.kz-foot-col a:not(.kz-btn){font-size:var(--hh-fs-2);color:var(--hh-paper);text-decoration:none}
.kz-foot-col a:not(.kz-btn):hover{color:var(--hh-mint)}
.kz-foot-bar{display:flex;flex-wrap:wrap;align-items:center;gap:16px 32px;margin-top:80px;padding-top:28px;border-top:1px solid var(--hh-night-line);font-size:var(--hh-fs-1);color:var(--hh-night-text-2)}
.kz-foot-legal{display:flex;gap:20px}.kz-foot-legal a{color:inherit;text-decoration:none}.kz-foot-legal a:hover{color:var(--hh-paper)}
.kz-top{margin-left:auto;display:inline-flex;align-items:center;gap:8px;font-size:12px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--hh-paper);text-decoration:none}
.kz-top svg{color:var(--hh-mint);transition:transform var(--hh-base) var(--hh-ease)}.kz-top:hover svg{transform:translateY(-3px)}

/* ---------- the pipe ---------- */
.kz-pipe{position:absolute;left:0;top:0;width:100%;z-index:1;overflow:visible;pointer-events:none}
.kz-pipe path{fill:none;stroke:var(--hh-mint);stroke-width:var(--kz-pipe);stroke-linecap:round;stroke-linejoin:round}

/* ---------- headlines rise line by line; blocks arrive in a stagger ---------- */
.kz-line{display:block;overflow:hidden;padding-bottom:.08em;margin-bottom:-.08em}
.kz-line>span{display:block;transform:translateY(105%);transition:transform .8s var(--hh-ease-out)}
[data-hh-ln="1"] .kz-line>span{transform:none}
.kz-line:nth-child(2)>span{transition-delay:.09s}.kz-line:nth-child(3)>span{transition-delay:.18s}.kz-line:nth-child(4)>span{transition-delay:.27s}.kz-line:nth-child(5)>span{transition-delay:.36s}
.hv2 [data-hh-rv="0"]{opacity:0;transform:translateY(24px)}
.hv2 [data-hh-rv="1"]{opacity:1;transform:none;transition:opacity .7s var(--hh-ease-out),transform .7s var(--hh-ease-out)}
.hv2 [data-hh-d="1"]{transition-delay:.08s!important}.hv2 [data-hh-d="2"]{transition-delay:.16s!important}.hv2 [data-hh-d="3"]{transition-delay:.24s!important}.hv2 [data-hh-d="4"]{transition-delay:.32s!important}.hv2 [data-hh-d="5"]{transition-delay:.4s!important}

/* ---------- tablet ---------- */
@media (max-width:1024px){
  .kz-hero-grid{grid-template-columns:1fr}
  .kz-talent{height:auto;display:flex;align-items:flex-end}
  .kz-talent .kz-ring{position:relative;width:300px;flex:none;order:2;margin-left:-60px}
  .kz-tc{position:relative;top:auto;order:1;margin-bottom:24px}
  .kz-split,.kz-who-h{grid-template-columns:1fr}
  .kz-procsec .kz-paras{padding-top:0}
  .kz-models{grid-template-columns:1fr}
  .kz-mtabs{flex-direction:row;overflow-x:auto;scrollbar-width:none;padding:0}
  .kz-mtab{flex:none;padding:16px 18px}
  .kz-mtab span{display:none}
  .kz-who-c{flex-basis:calc((100% - 12px) / 2)}
  .kz-proc-steps{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:56px}
  .kz-proc-line{display:none}
  .kz-close-grid{grid-template-columns:1fr!important}.kz-ring-end{width:240px}
  .kz-foot-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.kz-foot-brand{grid-column:1/-1}
}
@media (max-width:1024px) and (min-width:721px){.kz-cards3{grid-template-columns:repeat(3,minmax(0,1fr))}.kz-reason{padding:28px}}

/* ---------- phone ---------- */
@media (max-width:720px){
  .kz-hero-p{margin:24px 0 32px}
  .kz-hero-t .kz-btns,.kz-hero-t .kz-btn,.kz-close .kz-btns,.kz-close .kz-btn{width:100%}
  .kz-talent{flex-direction:column;align-items:stretch}
  .kz-talent .kz-ring{width:240px;margin:0 auto;order:1}
  .kz-tc{order:2;width:auto;margin:-48px 0 0}
  .kz-tile{min-width:184px;height:68px;padding:0 18px 0 14px}.kz-tile-ic{width:34px;height:34px}
  .kz-photo-wide{aspect-ratio:4/3}
  .kz-mani li{grid-template-columns:1fr;gap:10px;padding:24px 0}
  .kz-mpanel{padding:20px 16px 24px}
  .kz-mn-c{width:60px;height:60px}.kz-mn-c svg{width:22px;height:22px}
  .kz-mnode{transform:translate(-50%,-30px)}.kz-mnode b{font-size:12px;margin-top:6px}.kz-mnode i{font-size:10px}
  .kz-mchip{font-size:10px;padding:5px 9px}
  .kz-mdet{grid-template-columns:1fr}.kz-mdet ul{grid-column:1;grid-row:auto}
  .kz-cards3{grid-template-columns:1fr}.kz-reason{padding:28px}
  .kz-who-c{flex-basis:100%;min-height:0;padding:24px}
  .kz-proc-steps{grid-template-columns:1fr;row-gap:48px}
  .kz-pstep>p{min-height:0}
  .kz-ring-end{width:200px;justify-self:end}
  .kz-foot-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .kz-foot-bar{flex-direction:column;align-items:flex-start}.kz-top{margin-left:0}
}
@media (max-width:1360px){.kz-pipe{display:none}}
@media (prefers-reduced-motion:reduce){
  .kz-tiles,.kz-night::before,.kz-mdia-l path{animation:none}
  .kz-line>span{transform:none}
  [data-kz-mask]{clip-path:none!important}
  .hv2 [data-hh-rv]{opacity:1!important;transform:none!important}
}
/* the tiles hand the rhythm to "Who we are": the gap between them belongs to the next band, so the pipe turns in it */
.kz-disc{padding-bottom:0}
.kz-us{padding-top:var(--hh-section)!important}
@media (max-width:720px){.kz-mdia{aspect-ratio:1/1.05}.kz-mc-top{top:24%}.kz-mn-co,.kz-mn-me{top:24%}}
@media (max-width:720px){.kz-mdet{gap:12px}.kz-mn-me i.kz-mswap{white-space:normal;max-width:104px;line-height:1.25}}

/* =====================================================================
   Atmosphere. Every band is lit, not just the dark ones, and each kind of surface has its own material:
   light bands are paper in daylight (a warm highlight, a breath of mint, a fine grain);
   night bands are a screen at night (one mint light, a fine grid).
   The light source moves from band to band, so the page reads as one space with the light falling across it.
   Sheets have a lip: a hairline highlight on the top edge and a soft shadow cast on the band below.
   ===================================================================== */
.kz-band,.kz-hero{position:relative;overflow:hidden}
.kz-s0::before,.kz-s1::before,.kz-hero::before{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;
  background:radial-gradient(ellipse 46% 58% at var(--kz-lx,80%) var(--kz-ly,0%),rgb(var(--hh-mint-rgb) / var(--kz-la,.16)),rgb(var(--hh-mint-rgb) / calc(var(--kz-la,.16) / 3)) 42%,transparent 72%),
             radial-gradient(ellipse 60% 50% at var(--kz-wx,10%) var(--kz-wy,100%),rgb(255 252 244 / var(--kz-wa,.7)),transparent 70%)}
.kz-s0::after,.kz-s1::after,.kz-hero::after{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;opacity:.5;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .06 0 0 0 0 .1 0 0 0 0 .08 0 0 0 .09 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}
.kz-s1{--kz-la:.1;--kz-wa:.85}
/* where the light falls, band by band */
.kz-hero{--kz-lx:84%;--kz-ly:18%;--kz-la:.22;--kz-wx:8%;--kz-wy:0%}
.kz-us{--kz-lx:4%;--kz-ly:96%;--kz-la:.1;--kz-wx:92%;--kz-wy:6%}
.kz-howsec{--kz-lx:92%;--kz-ly:2%;--kz-wx:6%;--kz-wy:96%}
.kz-s1.kz-sheet:not(.kz-talsec){--kz-lx:8%;--kz-ly:0%;--kz-wx:88%;--kz-wy:100%}
.kz-withsec{--kz-lx:96%;--kz-ly:40%;--kz-la:.12;--kz-wx:10%;--kz-wy:0%}
.kz-talsec{--kz-lx:50%;--kz-ly:0%;--kz-la:.14;--kz-wx:96%;--kz-wy:100%}
.kz-close::before{right:auto;left:auto;top:auto;width:1100px;height:1100px;inset:auto -340px -560px auto}
/* the lip */
.kz-sheet{box-shadow:inset 0 1px 0 rgb(255 255 255 / .75),0 -28px 56px -40px rgb(var(--hh-ink-rgb) / .22)}
.kz-d0.kz-sheet{box-shadow:inset 0 1px 0 rgb(244 242 234 / .07),0 -28px 56px -40px rgb(var(--hh-ink-rgb) / .3)}
/* the tile rows sit on the hero's light; the hero's own light stops before them */
.kz-disc{background:transparent}

/* =====================================================================
   08 The talent: the people companies meet, after Turing's developer profiles.
   A filter row, a rail that runs off the right edge, one card per person.
   ===================================================================== */
.kz-talsec .kz-lane{left:calc(100% + 15px)}
.kz-tal-bar{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-top:16px}
.kz-tfs{display:flex;flex-wrap:wrap;gap:8px}
.kz-tf{all:unset;box-sizing:border-box;cursor:pointer;display:inline-flex;align-items:center;height:40px;padding:0 18px;border-radius:999px;font-size:var(--hh-fs-1);font-weight:600;box-shadow:inset 0 0 0 1px var(--kz-line);transition:background-color var(--hh-base) var(--hh-ease),color var(--hh-base) var(--hh-ease)}
.kz-tf:hover{background:rgb(var(--hh-ink-rgb) / .05)}
.kz-tf[aria-pressed="true"]{background:var(--hh-ink);color:var(--hh-paper);box-shadow:none}
.kz-tf:focus-visible,.kz-tnav:focus-visible{outline:2px solid var(--hh-ink);outline-offset:2px}
.kz-tal-nav{display:flex;gap:8px}
.kz-tnav{all:unset;box-sizing:border-box;cursor:pointer;width:48px;height:48px;border-radius:50%;display:grid;place-items:center;box-shadow:inset 0 0 0 1.5px var(--hh-ink);transition:background-color var(--hh-base) var(--hh-ease),color var(--hh-base) var(--hh-ease),opacity var(--hh-base)}
.kz-tnav:hover{background:var(--hh-ink);color:var(--hh-paper)}
.kz-tnav:disabled{opacity:.3;cursor:default;background:none;color:inherit}
.kz-tal-rail{margin:0 calc((100% - 100vw) / 2) 0 0;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;-webkit-overflow-scrolling:touch}
.kz-tal-rail::-webkit-scrollbar{display:none}
.kz-tal-track{list-style:none;margin:0;padding:8px var(--hh-gutter) 32px 0;display:flex;gap:16px;width:max-content}
.kz-tal{flex:none;width:296px;scroll-snap-align:start;display:flex;flex-direction:column;border-radius:20px;overflow:hidden;background:var(--hh-white);box-shadow:0 0 0 1px var(--hh-line),0 28px 48px -36px rgb(var(--hh-ink-rgb) / .45);transition:transform .4s var(--hh-ease-out),box-shadow .4s var(--hh-ease-out)}
.kz-tal[hidden]{display:none}
.kz-tal:hover{transform:translateY(-4px);box-shadow:0 0 0 1px var(--hh-line),0 36px 56px -34px rgb(var(--hh-ink-rgb) / .5)}
.kz-tal-ph{position:relative;margin:0;aspect-ratio:1/1.05;overflow:hidden;background:var(--kz-s1)}
.kz-tal-ph img{width:100%;height:100%;object-fit:cover;object-position:50% 25%;transition:transform 1.2s var(--hh-ease-out)}
.kz-tal:hover .kz-tal-ph img{transform:scale(1.04)}
.kz-tal-ex{position:absolute;left:14px;top:14px;padding:6px 10px;border-radius:999px;background:rgb(22 35 28 / .62);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);color:var(--hh-paper);font-size:10px;font-weight:600;letter-spacing:.1em;text-transform:uppercase}
.kz-tal-av{position:absolute;left:14px;bottom:14px;padding:7px 12px;border-radius:999px;background:var(--hh-mint);color:var(--hh-ink);font-size:12px;font-weight:600}
.kz-tal-b{display:flex;flex-direction:column;gap:5px;padding:18px 20px 20px;flex:1}
.kz-tal-n{display:flex;align-items:center;gap:6px;font-size:19px;line-height:1.2;font-weight:600;letter-spacing:-0.01em}
.kz-tal-r{font-size:var(--hh-fs-1);color:var(--hh-text-2)}
.kz-tal-l{display:flex;align-items:center;gap:5px;font-size:13px;color:var(--hh-text-2)}
.kz-tal-sk{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}
.kz-tal-sk i{font-style:normal;font-size:12px;font-weight:600;padding:5px 10px;border-radius:999px;background:var(--kz-s1)}
.kz-tal-rd{display:flex;align-items:center;gap:4px;margin-top:auto;padding-top:14px;border-top:1px solid var(--hh-line)}
.kz-tal-b .kz-tal-rd{margin-top:16px}
.kz-tal-rd>span{display:grid}
.kz-tal-rd svg{width:16px;height:16px;padding:3px;border-radius:50%;background:var(--hh-mint);color:var(--hh-ink)}
.kz-tal-rd em{margin-left:6px;font-style:normal;font-size:12px;font-weight:600;color:var(--hh-text-2)}
.kz-tal-foot{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px}
.kz-tal-prog{position:relative;flex:1;max-width:420px;height:2px;border-radius:1px;background:var(--kz-line);overflow:hidden}
.kz-tal-prog i{position:absolute;left:0;top:0;bottom:0;width:30%;background:var(--hh-ink);transition:transform .2s linear}
.kz-tal-cta{margin-top:0;color:var(--hh-ink)!important;font-size:var(--hh-fs-2)!important}
.kz-tal-cta svg{color:var(--hh-ink)!important}
@media (max-width:720px){.kz-tal{width:262px}.kz-tal-bar{flex-direction:column;align-items:flex-start}.kz-tfs{flex-wrap:nowrap;overflow-x:auto;max-width:100%;scrollbar-width:none}.kz-tf{flex:none}.kz-tal-nav{display:none}}
@media (prefers-reduced-motion:reduce){.kz-tal,.kz-tal-ph img{transition:none}}
/* atmosphere, refined: one grain over the whole page (no seams between bands), the hero's light reaches up behind the header,
   the pipe keeps to the right margin from "Who we work with" to the close, so it never crosses the logo row */
.kz-s0::after,.kz-s1::after,.kz-hero::after{content:none}
.hv2::after{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;opacity:.55;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .06 0 0 0 0 .1 0 0 0 0 .08 0 0 0 .09 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}
.kz-hero{overflow:visible}
.kz-hero::before{inset:-120px 0 0 0;--kz-wy:20%}
.kz-withsec .kz-lane{left:calc(100% + 15px)}
.kz-logos{background:transparent}
.kz-close::before{inset:-360px -300px auto auto;width:1000px;height:1000px}
.kz-tal-b .kz-tal-rd{margin-top:auto}
.kz-tal-sk{margin-bottom:16px}

/* =====================================================================
   v6: the sections that were too busy now breathe like the rest.
   ===================================================================== */
/* 02 categories: eight cards in two rows that fit the width; faces and the size of each pool */
.kz-disc{position:relative;z-index:2;overflow:visible;display:block;padding:0}
.kz-disc .kz-wrap{display:flex;flex-direction:column;gap:24px}
.kz-disc-h{display:flex;justify-content:space-between;align-items:center;gap:16px}
.kz-disc .kz-label{margin:0}
.kz-disc-all{display:inline-flex;align-items:center;gap:6px;font-size:var(--hh-fs-1);font-weight:600;color:var(--hh-ink);text-decoration:none}
.kz-disc-all svg{transition:transform var(--hh-base) var(--hh-ease)}.kz-disc-all:hover svg{transform:translate(2px,-2px)}
.kz-cats{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.kz-cat a{display:flex;flex-direction:column;gap:6px;height:100%;min-height:168px;padding:22px 24px 24px;border-radius:20px;background:var(--hh-paper);box-shadow:inset 0 0 0 1px var(--kz-line);color:inherit;text-decoration:none;transition:transform .35s var(--hh-ease-out),box-shadow .35s var(--hh-ease-out),background-color .35s var(--hh-ease)}
.kz-cat a:hover{transform:translateY(-3px);box-shadow:inset 0 0 0 1px var(--hh-ink),0 24px 40px -32px rgb(var(--hh-ink-rgb) / .45)}
.kz-cat-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:auto;padding-bottom:28px}
.kz-cat-faces{display:flex}
.kz-cat-faces .kz-face{box-shadow:0 0 0 2.5px var(--hh-paper)}
.kz-cat-faces .kz-face+.kz-face{margin-left:-10px}
.kz-cat-go{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;box-shadow:inset 0 0 0 1px var(--kz-line);transition:background-color var(--hh-base) var(--hh-ease),color var(--hh-base) var(--hh-ease)}
.kz-cat a:hover .kz-cat-go{background:var(--hh-ink);color:var(--hh-paper);box-shadow:none}
.kz-cat b{font-size:19px;line-height:1.2;font-weight:600;letter-spacing:-0.012em}
.kz-cat-n{font-size:13px;color:var(--hh-text-2);font-variant-numeric:tabular-nums}
.kz-cat-d a{background:var(--hh-night);color:var(--hh-paper);box-shadow:none}
.kz-cat-d .kz-cat-faces .kz-face{box-shadow:0 0 0 2.5px var(--hh-night)}
.kz-cat-d .kz-cat-n{color:var(--hh-night-text-2)}
.kz-cat-d .kz-cat-go{box-shadow:inset 0 0 0 1px rgb(244 242 234 / .2)}
.kz-cat-d a:hover{box-shadow:0 24px 40px -30px rgb(var(--hh-ink-rgb) / .6)}
.kz-cat-d a:hover .kz-cat-go,.kz-cat-m a:hover .kz-cat-go{background:var(--hh-mint);color:var(--hh-ink)}
.kz-cat-m a{background:var(--hh-mint);box-shadow:none}
.kz-cat-m .kz-cat-faces .kz-face{box-shadow:0 0 0 2.5px var(--hh-mint)}
.kz-cat-m .kz-cat-n{color:var(--hh-ink)}
.kz-cat-m .kz-cat-go{box-shadow:inset 0 0 0 1px rgb(var(--hh-ink-rgb) / .25)}
.kz-us{padding-top:var(--hh-section)!important}

/* 05: four options as quiet rows, one diagram card beside them */
.kz-howsec .kz-lane{left:calc(100% - var(--hh-gutter) - 600px)}
.kz-howsec .kz-split{grid-template-columns:minmax(0,1fr) minmax(0,560px);gap:40px 80px}
.kz-models{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,560px);gap:48px 80px;margin-top:40px;padding:0;background:none;color:inherit;border-radius:0;align-items:start}
.kz-opts{list-style:none;margin:0;padding:0;border-top:1px solid var(--kz-line)}
.kz-opt{border-bottom:1px solid var(--kz-line)}
.kz-opt-b{all:unset;box-sizing:border-box;cursor:pointer;width:100%;display:grid;grid-template-columns:56px minmax(0,1fr);grid-template-rows:auto auto;gap:4px 0;padding:26px 0}
.kz-opt-n{grid-row:span 2;padding-top:9px;font-size:var(--hh-fs-1);font-weight:600;font-variant-numeric:tabular-nums;color:var(--hh-text-2);transition:color var(--hh-base)}
.kz-opt-t{font-size:clamp(24px,1rem + .9vw,32px);line-height:1.15;letter-spacing:-0.025em;font-weight:600;color:rgb(var(--hh-ink-rgb) / .42);transition:color var(--hh-base) var(--hh-ease)}
.kz-opt-s{font-size:var(--hh-fs-1);color:var(--hh-text-2)}
.kz-opt-b:hover .kz-opt-t{color:var(--hh-ink)}
.kz-opt-b:focus-visible{outline:2px solid var(--hh-ink);outline-offset:4px;border-radius:4px}
.kz-opt[data-hh-cur="1"] .kz-opt-t{color:var(--hh-ink)}
.kz-opt[data-hh-cur="1"] .kz-opt-n{color:var(--hh-ink)}
.kz-opt-d{display:grid;grid-template-rows:0fr;transition:grid-template-rows .5s var(--hh-ease-out)}
.kz-opt-d>div{overflow:hidden;padding-left:56px}
.kz-opt[data-hh-cur="1"] .kz-opt-d{grid-template-rows:1fr}
.kz-opt-d p{margin:0 0 12px;max-width:46ch;font-size:var(--hh-fs-2);line-height:1.6;color:var(--hh-text-2)}
.kz-opt-d .kz-opt-p{display:inline-block;margin-bottom:28px;padding:6px 12px;border-radius:999px;background:var(--hh-mint);font-size:13px;font-weight:600}
.kz-mcard{position:relative;display:flex;flex-direction:column;gap:20px;padding:40px 40px 32px;border-radius:var(--hh-r-3);background:var(--hh-night);color:var(--hh-paper);overflow:hidden;isolation:isolate}
.kz-mcard::before{content:"";position:absolute;z-index:-1;inset:-30%;background:radial-gradient(circle at 50% 70%,rgb(var(--hh-mint-rgb) / .14),transparent 45%)}
.kz-mcard .kz-mdia{aspect-ratio:640/380}
.kz-mcard .kz-mlink{margin:0;align-self:flex-start}
.kz-mdia-l path{stroke-dasharray:.008 .012}
@media (max-width:1024px){.kz-models,.kz-howsec .kz-split{grid-template-columns:1fr}.kz-mcard{max-width:600px}}
@media (max-width:720px){.kz-mcard{padding:24px 16px 20px}.kz-mcard .kz-mdia{aspect-ratio:1/1.05}.kz-opt-b{grid-template-columns:40px minmax(0,1fr);padding:22px 0}.kz-opt-d>div{padding-left:40px}}

/* 07: an image and an icon per kind of company */
.kz-who-c{padding:10px 10px 24px;gap:0;min-height:0}
.kz-who-ph{position:relative;margin:0;aspect-ratio:16/9;overflow:hidden;border-radius:16px;background:var(--kz-s1)}
.kz-who-ph[data-kz-mask]{clip-path:inset(0 0 0 0 round 16px)}
.kz-who-ph[data-kz-mask][data-hh-m="0"]{clip-path:inset(30% 0 0 0 round 16px)}
.kz-who-ph img{display:block;width:100%;height:116%;margin-top:-8%;object-fit:cover}
.kz-who-c>.kz-who-ic{position:relative;z-index:1;margin:-24px 0 0 20px;width:48px;height:48px;background:var(--hh-paper);box-shadow:0 0 0 4px var(--hh-paper)}
.kz-who-m>.kz-who-ic{background:var(--hh-ink);color:var(--hh-mint);box-shadow:0 0 0 4px var(--hh-mint)}
.kz-who-d>.kz-who-ic{background:var(--hh-night-2);color:var(--hh-mint);box-shadow:0 0 0 4px var(--hh-night)}
.kz-who-b{display:flex;flex-direction:column;gap:10px;padding:16px 20px 0}

/* 08: why talent choose HireHabesha */
.kz-vals{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:24px}
.kz-val{display:flex;flex-direction:column;padding:10px;border-radius:var(--hh-r-3);background:var(--hh-paper);box-shadow:inset 0 0 0 1px var(--kz-line)}
.kz-val-ph{position:relative;margin:0;aspect-ratio:4/3.3;overflow:hidden;border-radius:16px;background:var(--kz-s1)}
.kz-val-ph[data-kz-mask]{clip-path:inset(0 0 0 0 round 16px)}
.kz-val-ph[data-kz-mask][data-hh-m="0"]{clip-path:inset(30% 0 0 0 round 16px)}
.kz-val-ph img{display:block;width:100%;height:116%;margin-top:-8%;object-fit:cover}
.kz-vchip{position:absolute;left:14px;right:14px;bottom:14px;display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:14px;background:rgb(251 250 246 / .92);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);color:var(--hh-ink);box-shadow:0 12px 24px -16px rgb(var(--hh-ink-rgb) / .5)}
.kz-vchip-i{width:32px;height:32px;flex:none;border-radius:50%;display:grid;place-items:center;background:var(--hh-mint);font-weight:700}
.kz-vchip b{display:block;font-size:13px;font-weight:600}.kz-vchip i{font-style:normal;font-size:12px;color:var(--hh-text-2)}
.kz-vchip-row{flex-wrap:wrap;gap:6px;padding:10px;background:rgb(251 250 246 / .9)}
.kz-vchip-row i{padding:5px 10px;border-radius:999px;background:var(--kz-s1);color:var(--hh-ink);font-weight:600}
.kz-vchip-row i.on{background:var(--hh-mint)}
.kz-val-b{display:flex;flex-direction:column;gap:12px;padding:26px 22px 22px}
.kz-val-tag{align-self:flex-start;font-size:12px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--hh-text-2)}
.kz-val h3{margin:0;font-size:clamp(24px,1rem + .9vw,30px);line-height:1.1;letter-spacing:-0.025em;font-weight:600;max-width:15ch}
.kz-val p{margin:0;font-size:var(--hh-fs-2);line-height:1.6;color:var(--hh-text-2);max-width:36ch}
.kz-val-d{background:var(--hh-night);color:var(--hh-paper);box-shadow:none}
.kz-val-d .kz-val-tag{color:var(--hh-mint)}
.kz-val-d p{color:var(--hh-night-text-2)}
.kz-val-cta{display:flex;flex-wrap:wrap;align-items:center;gap:20px;margin-top:16px}
.kz-val-cta span{font-size:var(--hh-fs-2);color:var(--hh-text-2)}
@media (max-width:1024px){.kz-cats{grid-template-columns:repeat(2,minmax(0,1fr))}.kz-vals{grid-template-columns:repeat(3,minmax(0,1fr))}.kz-val-b{padding:20px 14px 14px}}
@media (max-width:720px){.kz-cats,.kz-vals{grid-template-columns:1fr}.kz-cat a{min-height:0}.kz-disc-h{flex-direction:column;align-items:flex-start}}
@media (max-width:720px){.kz-cats{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.kz-cat a{padding:16px;border-radius:16px}.kz-cat-top{padding-bottom:20px}.kz-cat-go{display:none}.kz-cat b{font-size:15px}.kz-cat-n{font-size:12px}.kz-cat-faces .kz-face{width:28px!important;height:28px!important}}

/* =====================================================================
   v7. Indisea's discipline: no drop shadows, depth is one surface step and a hairline.
   The 2026 logo. The hero card after the profile-card idea. Moving category cards.
   The triangle in section 05, where the thick mint line is employment.
   Section 08 drawn in the pipe's own language.
   ===================================================================== */
/* no shadows */
.kz-tc,.kz-sheet,.kz-d0.kz-sheet{box-shadow:none}
.kz-sheet{border-top:1px solid rgb(var(--hh-ink-rgb) / .08)}
.kz-d0.kz-sheet{border-top-color:rgb(244 242 234 / .06)}
.kz-tc{box-shadow:0 0 0 1px var(--hh-line)}

/* logo */
.hh-brand{display:inline-flex;align-items:center;color:var(--hh-ink);text-decoration:none}
.hh-logo{display:block;height:26px;width:auto}
.hh-logo .lw,.hh-logo .ls{fill:currentColor;stroke:currentColor}
.hh-logo .lw{stroke:none}
.hv2 header[data-hh-dark="1"] .hh-brand,.kz-foot .hh-brand{color:#FFFFFF}
.hv2 header[data-hh-dark="1"] .hh-logo .ls,.kz-foot .hh-logo .ls{fill:var(--hh-mint);stroke:var(--hh-mint)}
.hh-symbol path{fill:currentColor;stroke:currentColor}

/* hero card: archetype, one line, the facts, four reads */
.kz-tc{width:300px;top:262px;padding:22px 24px 20px;gap:14px}
.kz-tc-who{gap:8px}
.kz-tc-arch{display:inline-flex;align-items:center;gap:8px;font-size:13px;font-weight:600;color:var(--hh-ink)}
.kz-tc-arch::before{content:"";width:8px;height:8px;border-radius:50%;background:#2F9E63}
.kz-tc-who b{font-size:19px;line-height:1.25;letter-spacing:-0.015em;font-weight:600}
.kz-tc-who>span:last-child{font-size:13px;line-height:1.4;color:var(--hh-text-2)}
.kz-reads{margin-top:2px;padding-top:14px;gap:10px 12px}
.kz-read-d{width:20px;height:20px}

/* 02: the category cards, drifting */
.kz-disc{padding-bottom:0}
.kz-ccs{display:flex;width:max-content;gap:16px;margin-top:24px;padding:4px 0;animation:kz-left 90s linear infinite}
.kz-ccs:hover{animation-play-state:paused}
.kz-ccs-track{list-style:none;margin:0;padding:0;display:flex;gap:16px;flex:none}
.kz-cc a{position:relative;display:flex;flex-direction:column;width:392px;height:100%;padding:32px;border-radius:24px;background:var(--hh-white);box-shadow:inset 0 0 0 1px var(--kz-line);color:inherit;text-decoration:none;transition:transform .4s var(--hh-ease-out),box-shadow .4s var(--hh-ease)}
.kz-cc a:hover{transform:translateY(-4px);box-shadow:inset 0 0 0 1px var(--hh-ink)}
.kz-cc-top{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:40px}
.kz-cc-ic{width:52px;height:52px;border-radius:14px;display:grid;place-items:center;background:var(--hh-ink);color:var(--hh-mint)}
.kz-cc-go{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;box-shadow:inset 0 0 0 1px var(--kz-line);transition:background-color var(--hh-base) var(--hh-ease),box-shadow var(--hh-base) var(--hh-ease)}
.kz-cc a:hover .kz-cc-go{background:var(--hh-mint);box-shadow:none}
.kz-cc b{font-size:22px;line-height:1.2;letter-spacing:-0.015em;font-weight:600}
.kz-cc-d{margin-top:10px;font-size:var(--hh-fs-2);line-height:1.5;color:var(--hh-text-2);min-height:3em}
.kz-cc-pill{align-self:flex-start;display:inline-flex;align-items:center;gap:12px;margin-top:32px;padding:6px 18px 6px 6px;border-radius:999px;background:var(--kz-s1);font-size:15px;font-weight:600;white-space:nowrap}
.kz-cc-faces{display:flex;align-items:center}
.kz-cc-faces .kz-face{box-shadow:0 0 0 2.5px var(--kz-s1)}
.kz-cc-faces .kz-face+.kz-face,.kz-cc-n{margin-left:-9px}
.kz-cc-n{height:34px;min-width:34px;padding:0 8px;border-radius:999px;display:grid;place-items:center;background:var(--hh-ink);color:var(--hh-mint);font-size:12px;font-weight:700;font-variant-numeric:tabular-nums;box-shadow:0 0 0 2.5px var(--kz-s1);position:relative}
@media (max-width:720px){.kz-cc a{width:300px;padding:24px}.kz-cc-top{margin-bottom:28px}.kz-cc b{font-size:19px}.kz-cc-pill{font-size:13px}}
@media (prefers-reduced-motion:reduce){.kz-ccs{animation:none;overflow-x:auto;width:auto}}

/* 05: the triangle */
.kz-mcard{padding:40px 40px 28px}
.kz-mcard .kz-mdia{aspect-ratio:640/460}
.kz-mdia-l path{fill:none;stroke:rgb(var(--hh-mint-rgb) / .55);stroke-width:2;stroke-dasharray:.008 .012;animation:kz-flow 2.4s linear infinite;transition:stroke-width .6s var(--hh-ease-out),stroke .6s var(--hh-ease)}
.kz-models[data-hh-model="0"] .e-b,.kz-models[data-hh-model="2"] .e-b,.kz-models[data-hh-model="1"] .e-r,.kz-models[data-hh-model="3"] .e-r{stroke:var(--hh-mint);stroke-width:12;stroke-dasharray:none;animation:none;stroke-linecap:round}
.kz-mn-hh{left:50%;top:19.6%}.kz-mn-co{left:17.2%;top:73.9%}.kz-mn-me{left:82.8%;top:73.9%}
.kz-mn-hh .kz-mn-c{color:var(--hh-ink)}
.kz-mn-co .kz-mn-c,.kz-mn-me .kz-mn-c{width:84px;height:84px}
.kz-mc-l{left:31%;top:46.7%}.kz-mc-r{left:69%;top:46.7%}.kz-mc-b{left:50%;top:73.9%}
.kz-mchip{background:var(--hh-night-2)}
.kz-mglyph{position:absolute;left:50%;top:52%;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;gap:8px}
.kz-mglyph-c{width:44px;height:44px;border-radius:12px;background:rgb(var(--hh-mint-rgb) / .12);color:var(--hh-mint);place-items:center}
.kz-mglyph-c>span{display:grid;place-items:center;width:44px;height:44px}
.kz-mglyph-t{font-size:11px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--hh-night-text-2);white-space:nowrap}
.kz-mkey{display:flex;gap:24px;font-size:12px;color:var(--hh-night-text-2)}
.kz-mkey span{display:inline-flex;align-items:center;gap:8px}
.kz-mkey i{display:inline-block;width:28px;border-radius:4px}
.kz-mkey .k-emp{height:6px;background:var(--hh-mint)}
.kz-mkey .k-svc{height:2px;background:repeating-linear-gradient(90deg,rgb(var(--hh-mint-rgb) / .6) 0 3px,transparent 3px 7px)}
.kz-mcard>.kz-mlink{margin-top:4px}
@media (max-width:720px){.kz-mcard .kz-mdia{aspect-ratio:640/520}.kz-mglyph-t{display:none}.kz-mn-co .kz-mn-c,.kz-mn-me .kz-mn-c{width:56px;height:56px}}

/* 08: drawn in the pipe's language */
.kz-val{padding:10px}
.kz-val-ill{border-radius:16px;background:var(--kz-s1);aspect-ratio:360/230;display:grid;place-items:center;overflow:hidden}
.kz-ill{width:100%;height:100%;display:block;overflow:visible}
.kz-ill .p{fill:none;stroke:var(--hh-mint);stroke-width:18;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:1;stroke-dashoffset:0;transition:stroke-dashoffset 1.4s var(--hh-ease-out)}
.kz-ill .p.thin{stroke-width:6}
.kz-val[data-hh-rv="0"] .kz-ill .p{stroke-dashoffset:1}
.kz-ill .ring{fill:var(--hh-paper);stroke:var(--hh-mint);stroke-width:18}
.kz-ill .sym{font:600 54px var(--hh-font);fill:var(--hh-ink)}
.kz-ill .ticks rect{fill:none;stroke:rgb(var(--hh-ink-rgb) / .25);stroke-width:1.5}
.kz-ill .ticks rect.on{fill:var(--hh-ink);stroke:none}
.kz-ill .lbl{font:600 11px var(--hh-font);letter-spacing:.1em;text-transform:uppercase;fill:var(--hh-text-2)}
.kz-ill .st{fill:var(--hh-paper);stroke:var(--hh-ink);stroke-width:1.5}
.kz-ill .st.on{fill:var(--hh-mint);stroke:none}
.kz-ill .ico{fill:none;stroke:var(--hh-ink);stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.kz-ill .hub{fill:var(--hh-ink)}
.kz-ill .star path{fill:var(--hh-mint);stroke:var(--hh-mint)}
.kz-val-d .kz-val-ill{background:var(--hh-night-2)}
.kz-val-d .kz-ill .st{fill:var(--hh-night);stroke:rgb(244 242 234 / .35)}
.kz-val-d .kz-ill .st.on{fill:var(--hh-mint)}
.kz-val-d .kz-ill .ico{stroke:var(--hh-paper)}
.kz-val-d .kz-ill .st.on+.ico,.kz-val-d .kz-ill .ico:nth-of-type(2){stroke:var(--hh-ink)}
.kz-val-d .kz-ill .lbl{fill:var(--hh-night-text-2)}
@media (prefers-reduced-motion:reduce){.kz-ill .p{transition:none}}
/* triangle labels clear of the edges: the partner's name sits beside its node, the chips lower on the diagonals */
.kz-mn-hh{flex-direction:row;align-items:center;gap:14px;text-align:left;transform:translate(-44px,-50%)}
.kz-mn-hh>b,.kz-mn-hh>i{display:none}
.kz-mn-hh::after{content:"HireHabesha\A Your partner";white-space:pre;font-size:13px;line-height:1.4;font-weight:600;color:var(--hh-paper)}
.kz-mc-l{left:30.3%;top:52.2%}.kz-mc-r{left:69.7%;top:52.2%}
.kz-mglyph{top:40%}
@media (max-width:720px){.kz-mn-hh::after{font-size:11px}.kz-mc-l{left:28%}.kz-mc-r{left:72%}}
.kz-mglyph-t{display:none}
@media (max-width:720px){.kz-mcard .kz-mdia{aspect-ratio:640/620}.kz-mkey{margin-top:16px;flex-wrap:wrap;gap:8px 18px}.kz-mchip{font-size:10px;padding:5px 8px}}

/* =====================================================================
   v8. Light sections carry as much as the night ones: the same light and the same grid, in ink.
   The logo at 24px, icons on one scale (22px in 48px tiles).
   ===================================================================== */
.hh-logo{height:24px}
.kz-ic48{width:48px;height:48px;flex:none;border-radius:14px;display:grid;place-items:center;background:var(--hh-ink);color:var(--hh-mint)}
.kz-cc-ic{width:48px;height:48px;border-radius:14px}

/* light bands: a stronger mint light and the same fine grid the night bands use, in ink */
.kz-s0,.kz-s1,.kz-hero{--kz-la:.24}
.kz-s1{--kz-la:.18}
.kz-s0::after,.kz-s1::after,.kz-hero::after{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;opacity:1;
  background-image:radial-gradient(rgb(var(--hh-ink-rgb) / .085) 1px,transparent 1.3px);background-size:24px 24px;
  -webkit-mask-image:radial-gradient(ellipse 42% 48% at var(--kz-lx,80%) var(--kz-ly,0%),#000,transparent 75%);mask-image:radial-gradient(ellipse 42% 48% at var(--kz-lx,80%) var(--kz-ly,0%),#000,transparent 75%)}
.kz-hero::after{inset:-120px 0 0 0}

/* hero */
.kz-proof{list-style:none;margin:28px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:10px 24px}
.kz-proof li{display:flex;align-items:center;gap:8px;font-size:var(--hh-fs-1);font-weight:600;color:var(--hh-text-2)}
.kz-proof svg{width:18px;height:18px;padding:3.5px;border-radius:50%;background:var(--hh-mint);color:var(--hh-ink)}
.kz-tc{position:absolute}
.kz-tc-ex{position:absolute;top:20px;right:22px;font-size:10px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--hh-text-2)}

/* 02: two stacks, drifting in opposite directions */
.kz-ccs{margin-top:16px}
.kz-ccs-a{margin-top:24px}
.kz-ccs-b{animation-direction:reverse;margin-left:-200px}
.kz-cc a{padding:28px 30px 28px}
.kz-cc-top{margin-bottom:32px}
.kz-cc-d{min-height:0}
.kz-cc-pill{margin-top:24px}

/* 05: text and one dark card above, four numbered cards below (after Kozmo's "one place") */
.kz-models{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,560px);gap:40px 80px;align-items:center;margin-top:0}
.kz-models .kz-how-t{display:flex;flex-direction:column;gap:24px}
.kz-models .kz-how-t .kz-h2-l{max-width:14ch;margin-bottom:8px}
.kz-models .kz-how-t p{margin:0;font-size:var(--hh-fs-3);line-height:1.55;color:var(--hh-text-2);max-width:42ch}
.kz-mcard{padding:36px 36px 28px;gap:16px}
.kz-mcard .kz-mdia{aspect-ratio:640/440}
.kz-mn-hh{transform:translate(-50%,-50%)}
.kz-mn-hh::after{content:none}
.kz-mn-hh .kz-mn-c{width:84px;height:84px}
.kz-mn-co,.kz-mn-me{transform:translate(-50%,-42px)}
.kz-mnode b{font-size:14px;margin-top:8px}
.kz-mcap{display:flex;justify-content:space-between;align-items:center;gap:16px;padding-top:16px;border-top:1px solid var(--hh-night-line);font-size:13px;color:var(--hh-night-text-2)}
.kz-mcap b{color:var(--hh-paper);font-weight:600}
.kz-mcap-k{display:inline-flex;align-items:center;gap:8px;flex:none}
.kz-mcap-k i{width:28px;height:6px;border-radius:3px;background:var(--hh-mint)}
.kz-mcards{grid-column:1/-1;list-style:none;margin:16px 0 0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.kz-mc-b{all:unset;box-sizing:border-box;cursor:pointer;width:100%;height:100%;display:flex;flex-direction:column;gap:10px;min-height:280px;padding:28px;border-radius:var(--hh-r-3);background:var(--hh-paper);box-shadow:inset 0 0 0 1px var(--kz-line);transition:box-shadow var(--hh-base) var(--hh-ease),transform .4s var(--hh-ease-out)}
.kz-mc-b .kz-num{margin-bottom:auto}
.kz-mc-b b{margin-top:32px;font-size:clamp(22px,1rem + .6vw,26px);line-height:1.15;letter-spacing:-0.02em;font-weight:600}
.kz-mc-s{font-size:var(--hh-fs-2);color:var(--hh-text-2)}
.kz-mc-p{margin-top:8px;font-size:13px;font-weight:600;line-height:1.4}
.kz-mc-b:hover{transform:translateY(-3px)}
.kz-mc-b:focus-visible{outline:2px solid var(--hh-ink);outline-offset:3px}
.kz-mc[data-hh-cur="1"] .kz-mc-b{box-shadow:inset 0 0 0 2px var(--hh-ink)}
.kz-mc[data-hh-cur="1"] .kz-num{background:var(--hh-mint);box-shadow:none}
.kz-mc-d .kz-mc-b{background:var(--hh-night);color:var(--hh-paper);box-shadow:none}
.kz-mc-d .kz-num{box-shadow:inset 0 0 0 1.5px var(--hh-mint);color:var(--hh-mint)}
.kz-mc-d .kz-mc-s{color:var(--hh-night-text-2)}
.kz-mc-d[data-hh-cur="1"] .kz-mc-b{box-shadow:inset 0 0 0 2px var(--hh-mint)}
.kz-mc-d[data-hh-cur="1"] .kz-num{color:var(--hh-ink)}
@media (max-width:1024px){.kz-models{grid-template-columns:1fr}.kz-mcards{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:720px){.kz-mcards{grid-template-columns:1fr 1fr;gap:8px}.kz-mc-b{min-height:0;padding:18px}.kz-mc-b b{margin-top:20px;font-size:18px}.kz-mc-s{font-size:13px}.kz-mc-p{display:none}.kz-mcap{flex-direction:column;align-items:flex-start;gap:8px}.kz-mcard .kz-mdia{aspect-ratio:640/520}}

/* 06: reason cards keep their shape; an icon replaces the faces */
.kz-reason-top{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:28px}
.kz-reason .kz-ic48{background:var(--hh-night-2)}
.kz-reason h3{margin-top:0}

/* 08: after Turing: one big line, three quiet cards, the promise in mint at the foot */
.kz-tal-h{max-width:18ch}
.kz-tv{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:24px}
.kz-tvc{display:flex;flex-direction:column;gap:14px;min-height:340px;padding:40px;border-radius:var(--hh-r-3);background:var(--hh-night-2);box-shadow:inset 0 0 0 1px var(--hh-night-line)}
.kz-tvc .kz-ic48{background:rgb(var(--hh-mint-rgb) / .12);margin-bottom:28px}
.kz-tvc h3{margin:0;font-size:clamp(22px,1rem + .7vw,27px);line-height:1.15;letter-spacing:-0.02em;font-weight:600}
.kz-tvc p{margin:0;font-size:var(--hh-fs-2);line-height:1.6;color:var(--hh-night-text-2);max-width:36ch}
.kz-tvc-tag{margin-top:auto;padding-top:24px;font-size:var(--hh-fs-2);font-weight:600;color:var(--hh-mint)}
.kz-talsec .kz-val-cta span{color:var(--hh-night-text-2)}
@media (max-width:1024px){.kz-tv{grid-template-columns:1fr}.kz-tvc{min-height:0;padding:28px}}

/* 09: cream, the ring in mint, the footer rises over it as a night sheet */
.kz-close{--kz-lx:84%;--kz-ly:50%;--kz-la:.28;padding-bottom:calc(var(--hh-section) + var(--kz-sheet))}
.kz-close::before{inset:0;width:auto;height:auto}
.kz-close .kz-close-p{color:var(--hh-text-2)}
.kz-ring-end{background:var(--hh-mint)}
.kz-ring-end[data-hh-on="1"]{box-shadow:0 0 0 18px rgb(var(--hh-mint-rgb) / .22)}
.kz-foot.kz-sheet{border-radius:var(--kz-sheet) var(--kz-sheet) 0 0;margin-top:calc(-1 * var(--kz-sheet));padding-top:0}
.kz-foot>.kz-wrap::before{content:none}
.kz-mc-b .kz-num{align-self:flex-start;flex:none;width:44px;height:44px}
.kz-howsec .kz-lane{left:calc(100% + 15px)}

/* =====================================================================
   v9
   ===================================================================== */
/* 02: both rows sit inside the content width and fade out at its edges */
.kz-ccw{position:relative;margin-top:24px;overflow:hidden;
  -webkit-mask-image:linear-gradient(90deg,transparent,#000 9%,#000 91%,transparent);mask-image:linear-gradient(90deg,transparent,#000 9%,#000 91%,transparent)}
.kz-ccs,.kz-ccs-a{margin-top:0}
.kz-ccs+.kz-ccs{margin-top:12px}
.kz-ccs,.kz-ccs-track{gap:12px}
.kz-ccs{animation-duration:110s}
.kz-ccs-b{margin-left:-180px}
.kz-ccw:hover .kz-ccs{animation-play-state:paused}
.kz-cc a{width:336px;padding:24px 26px}
.kz-cc-top{margin-bottom:28px}
.kz-cc b{font-size:19px}
.kz-cc-d{font-size:15px;margin-top:8px}
.kz-cc-pill{margin-top:20px;font-size:13px;gap:10px;padding:5px 14px 5px 5px}
.kz-cc-faces .kz-face{width:28px!important;height:28px!important}
.kz-cc-n{height:28px;min-width:28px;font-size:11px}
.kz-cc-ic{width:44px;height:44px;border-radius:12px}
.kz-cc-go{width:38px;height:38px}
@media (max-width:720px){.kz-cc a{width:272px}.kz-ccw{-webkit-mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent);mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent)}}

/* 05: one drawing per way to hire */
.kz-mc-top{display:flex;flex-direction:column;gap:20px;margin-bottom:auto}
.kz-mc-ill{display:block;border-radius:16px;background:var(--kz-s1);padding:14px 10px}
.kz-mill{display:block;width:100%;height:auto;overflow:visible}
.kz-mill .p{fill:none;stroke:var(--hh-mint);stroke-width:10;stroke-linecap:round;stroke-linejoin:round}
.kz-mill .st{fill:none;stroke:rgb(var(--hh-ink-rgb) / .22);stroke-width:1.5;stroke-linejoin:round}
.kz-mill .sv{fill:none;stroke:rgb(var(--hh-ink-rgb) / .35);stroke-width:2;stroke-dasharray:3 5;stroke-linecap:round}
.kz-mill .sh{fill:var(--hh-paper);stroke:var(--hh-ink);stroke-width:1.5;stroke-linejoin:round}
.kz-mill .n{fill:var(--hh-paper);stroke:var(--hh-ink);stroke-width:1.5}
.kz-mill .n.on{fill:var(--hh-mint);stroke:none}
.kz-mill .dot{fill:var(--hh-ink)}
.kz-mill .g{fill:none;stroke:var(--hh-ink);stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.kz-mc-b b{margin-top:24px}
.kz-mc-d .kz-mc-ill{background:var(--hh-night-2)}
.kz-mc-d .kz-mill .n,.kz-mc-d .kz-mill .sh{fill:var(--hh-night);stroke:rgb(244 242 234 / .45)}
.kz-mc-d .kz-mill .n.on{fill:var(--hh-mint)}
.kz-mc-d .kz-mill .g{stroke:var(--hh-paper)}
.kz-mc-d .kz-mill .n.on+.g{stroke:var(--hh-ink)}
.kz-mc-d .kz-mill .sv{stroke:rgb(244 242 234 / .4)}
.kz-mc .kz-mill .p{stroke-dasharray:1;stroke-dashoffset:0;transition:stroke-dashoffset 1.1s var(--hh-ease-out)}
.kz-mc[data-hh-rv="0"] .kz-mill .p{stroke-dashoffset:1}
@media (max-width:720px){.kz-mc-ill{padding:8px 4px}.kz-mc-top{gap:14px}}

/* 08: quiet cards after Turing; a single mint line icon, a soft light in one corner */
.kz-tvc{background:radial-gradient(120% 90% at 0% 0%,rgb(var(--hh-mint-rgb) / .06),transparent 60%),var(--hh-night-2)}
.kz-tvc-ic{display:block;color:var(--hh-mint);margin-bottom:40px}
.kz-tvc-ic svg{display:block;stroke-width:1.5}
.kz-num{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;font-size:var(--hh-fs-1);font-weight:600;font-variant-numeric:tabular-nums;box-shadow:inset 0 0 0 1.5px var(--hh-ink);flex:none}
.kz-lane-r{left:calc(100% + 15px)}
.kz-tvc-ic svg{width:32px;height:32px}
@media (max-width:1024px){.kz-tc{position:relative;top:auto}}
@media (max-width:1360px){.kz-lane{display:none}}

/* =====================================================================
   v10. Section 05: no side visual; each way to hire carries its own triangle,
   in the night panel's treatment (one mint light, dashed service lines, the thick line is employment).
   ===================================================================== */
.kz-howsec .kz-mcards{margin-top:32px}
.kz-mc-b{cursor:default;min-height:0;padding:10px 10px 24px;gap:8px}
.kz-mc-b:hover{transform:none}
.kz-mc-top{margin:0}
.kz-tri{position:relative;display:block;aspect-ratio:300/190;border-radius:16px;overflow:hidden;isolation:isolate;
  background:radial-gradient(70% 70% at 50% 30%,rgb(var(--hh-mint-rgb) / .16),transparent 70%),linear-gradient(180deg,#16231C,#1F3128)}
.kz-tri>svg{position:absolute;inset:0;width:100%;height:100%}
.kz-tri>svg path{fill:none;stroke:rgb(var(--hh-mint-rgb) / .55);stroke-width:1.5;stroke-dasharray:4 4;vector-effect:non-scaling-stroke}
.kz-tri>svg path.on{stroke:var(--hh-mint);stroke-width:7;stroke-dasharray:none;stroke-linecap:round}
.kz-tri>span{position:absolute;transform:translate(-50%,-50%);display:grid;place-items:center;border-radius:50%}
.kz-tri-hh{left:50%;top:30.5%;width:19%;aspect-ratio:1;background:var(--hh-mint);color:var(--hh-ink);box-shadow:0 0 0 7px rgb(var(--hh-mint-rgb) / .14),0 0 36px rgb(var(--hh-mint-rgb) / .45)}
.kz-tri-hh svg{width:40%;height:auto}
.kz-tri-hh svg path{fill:var(--hh-ink);stroke:var(--hh-ink)}
.kz-tri-co svg{width:46%;height:auto}
.kz-tri-co{left:20.7%;top:73.7%;width:14%;aspect-ratio:1;background:var(--hh-night);box-shadow:inset 0 0 0 1.5px rgb(244 242 234 / .3);color:var(--hh-paper)}
.kz-tri-me{left:79.3%;top:73.7%;width:15.5%;aspect-ratio:1;overflow:hidden;box-shadow:0 0 0 3px var(--hh-mint)}
.kz-tri-me img{width:100%;height:100%;object-fit:cover;display:block}
.kz-tri .kz-tri-l{transform:translate(-50%,0);border-radius:0;top:86%;font-size:11px;font-weight:600;color:var(--hh-paper);white-space:nowrap}
.kz-tri-lc{left:20.7%}.kz-tri-lm{left:79.3%}
.kz-mc-row{display:flex;align-items:center;gap:10px;margin:18px 14px 0}
.kz-mc-row .kz-num{width:36px;height:36px;font-size:12px}
.kz-mc-emp{font-size:12px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--hh-text-2)}
.kz-mc-b b{margin:14px 14px 0;font-size:clamp(21px,1rem + .5vw,24px)}
.kz-mc-b .kz-mc-s{margin:0 14px;font-size:15px;line-height:1.55}
.kz-mc-b .kz-mc-p{display:inline-block;align-self:flex-start;margin:8px 14px 0;padding:6px 12px;border-radius:999px;background:var(--hh-mint);font-size:12px;font-weight:600}
.kz-mc .kz-mc-b{box-shadow:inset 0 0 0 1px var(--kz-line)}
@media (max-width:720px){.kz-mcards{grid-template-columns:1fr}.kz-mc-p{display:inline-block!important}.kz-tri .kz-tri-l{font-size:10px}}

/* =====================================================================
   One system across the site (the home page's, after Kozmo and Indisea), applied to every page
   through the tokens and a few rules on the shared markup. Tokens did most of it:
   cream page, sand panels, forest ink, hairlines for depth. The rules below carry the rest.
   ===================================================================== */
body{background:var(--hh-white)}
/* logo: ink on light, white with a mint star on night */
.hh-brand{display:inline-flex;align-items:center;color:var(--hh-ink);text-decoration:none;flex:none}
.hh-logo{display:block;height:24px;width:auto}
.hh-logo .lw,.hh-logo .ls{fill:currentColor;stroke:currentColor}.hh-logo .lw{stroke:none}

/* headlines: Figtree 600, tight, as on the home page */
#dc h1[style*="font-weight:500"],#dc h2[style*="font-weight:500"]{font-weight:600!important;text-wrap:balance}
#dc h1[style*="font-weight:500"]{letter-spacing:-0.045em!important}
#dc h2[style*="font-weight:500"]{letter-spacing:-0.035em!important}

/* eyebrows become Kozmo's quiet uppercase labels */
#dc span[style*="font-weight:700;letter-spacing:.02em"]{font-size:12px!important;font-weight:600!important;letter-spacing:.1em!important;text-transform:uppercase;line-height:1.2!important}
#dc span[style*="font-weight:700;letter-spacing:.02em"]>span[aria-hidden]{display:none}

/* header: the same pills as the home page */
#dc header{border-bottom-color:transparent!important}
#dc header a.hh-hide-m{background:var(--hh-mint)!important;color:var(--hh-ink)!important}
#dc header a.hh-hide-t[href*="join"]{padding:10px 18px!important;margin-left:8px;border-radius:999px;box-shadow:inset 0 0 0 1.5px var(--hh-ink)}

/* buttons: a little taller, pressing in */
#dc a[style*="border-radius:999px"][style*="padding:12px 22px"]{padding:15px 26px!important}
#dc a[style*="border-radius:999px"]:active,#dc button[style*="border-radius:999px"]:active{transform:scale(.98)}

/* panels: sand, lit like the home page's light bands (one breath of mint, a fine grid) */
#dc [style*="background:var(--hh-paper);border-radius:var(--hh-r-3)"]{
  background-image:radial-gradient(ellipse 50% 60% at 88% 0%,rgb(var(--hh-mint-rgb) / .2),transparent 70%),radial-gradient(rgb(var(--hh-ink-rgb) / .06) 1px,transparent 1.3px)!important;
  background-size:auto,24px 24px!important;border-top:1px solid rgb(var(--hh-ink-rgb) / .06)}

/* the closing band: night, not a field of mint. Tokens remap inside it, so its contents follow */
#dc section>[style*="background:var(--hh-mint);border-radius:var(--hh-r-3)"]{
  --hh-ink:#F4F2EA;--hh-ink-rgb:244 242 234;--hh-text-2:#A8B5AC;--hh-white:#1F2E26;--hh-paper:#1F2E26;--hh-line:rgb(244 242 234 / .1);
  background:radial-gradient(ellipse 55% 70% at 85% 100%,rgb(var(--hh-mint-rgb) / .18),transparent 70%),#16231C!important;color:#F4F2EA}
#dc section>[style*="background:var(--hh-mint);border-radius:var(--hh-r-3)"] .hh-path-arrow{background:var(--hh-mint)!important}
#dc section>[style*="background:var(--hh-mint);border-radius:var(--hh-r-3)"] .hh-path-arrow svg{stroke:#0F1A14}
#dc section>[style*="background:var(--hh-mint);border-radius:var(--hh-r-3)"] a[style*="background:var(--hh-ink)"]{background:var(--hh-mint)!important;color:#0F1A14!important}

/* footer: night, as on the home page */
#dc footer[style*="background:var(--hh-paper)"]{
  --hh-ink:#F4F2EA;--hh-text-2:#A8B5AC;--hh-white:#1F2E26;--hh-line:rgb(244 242 234 / .1);
  background:#16231C!important;color:#F4F2EA;margin-top:var(--hh-section)!important;border-radius:40px 40px 0 0}
#dc footer .hh-logo .ls{fill:var(--hh-mint);stroke:var(--hh-mint)}
#dc footer svg[fill="#121410"],#dc footer svg path[fill="#121410"]{fill:#F4F2EA}
#dc footer a[href^="mailto"]{color:var(--hh-mint)!important}
@media (max-width:720px){#dc footer[style*="background:var(--hh-paper)"]{border-radius:28px 28px 0 0}}