/* ============================================================
   HYRO SOFT — Design System (Gladia-inspired)
   Pure black · Copper accent · Glassmorphism · Pill nav
   ============================================================ */

/* Gladia's actual fonts — SuisseIntl + GeistMono */
@font-face{font-family:'SuisseIntl';src:url('../fonts/SuisseIntl-Regular.woff2') format('woff2');font-weight:400;font-style:normal;font-display:swap;}
@font-face{font-family:'SuisseIntl';src:url('../fonts/SuisseIntl-Book.woff2') format('woff2');font-weight:350;font-style:normal;font-display:swap;}
@font-face{font-family:'SuisseIntl';src:url('../fonts/SuisseIntl-Medium.woff2') format('woff2');font-weight:500;font-style:normal;font-display:swap;}
@font-face{font-family:'GeistMono';src:url('../fonts/GeistMono-Regular.woff2') format('woff2');font-weight:400;font-style:normal;font-display:swap;}

:root {
  --hs-brand:        #C4856A;
  --hs-brand-dim:    rgba(196,133,106,0.18);
  --hs-brand-glow:   rgba(196,133,106,0.55);
  --hs-brand-soft:   rgba(196,133,106,0.08);
  --hs-brand-border: rgba(196,133,106,0.30);
  --hs-brand-2:      #9B5E42;
  --hs-bg:      #000000;
  --hs-bg2:     #0C0C0C;
  --hs-bg3:     #1C1C1E;
  --hs-surface: #252525;
  --hs-glass:   rgba(12,12,12,0.65);
  --hs-text:    #FFFFFF;
  --hs-text2:   #A3A3A3;
  --hs-text3:   #727272;
  --hs-border:  rgba(255,255,255,0.12);
  --hs-border2: rgba(255,255,255,0.06);
  --hs-border3: rgba(255,255,255,0.22);
  --r-sm: 8px; --r-md: 16px; --r-lg: 24px; --r-xl: 32px; --r-pill: 9999px; --r-nav: 18px;
  --font-sans: 'SuisseIntl','DM Sans','Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;
  --font-mono: 'GeistMono','JetBrains Mono','Fira Code','Courier New',monospace;
  --ease:        cubic-bezier(0,0,0.2,1);
  --ease-spring: cubic-bezier(0.34,1.56,0.64,1);
  /* legacy */
  --hs-primary:  #C4856A;
  --hs-glow:     rgba(196,133,106,0.55);
  --hs-grad:     linear-gradient(135deg,#D9A07A 0%,#C4856A 45%,#9B5E42 100%);
  --hs-grad2:    linear-gradient(135deg,#C4856A,#9B5E42);
}

*,*::before,*::after{box-sizing:border-box;}
html,body{background:var(--hs-bg);color:var(--hs-text);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;}
::selection{background:var(--hs-brand);color:#fff;}
h1,h2,h3,h4,h5,h6{color:var(--hs-text);font-family:var(--font-sans);}
p,li,span,div{color:inherit;}
.s-content p,.o-section p{color:var(--hs-text2);}
.s-content h1,.s-content h2,.s-content h3,.s-content h4{color:var(--hs-text);}

/* Curtain */
.c-curtain{background:transparent;}

/* Word-reveal */
.o-section_word:after{color:var(--hs-text);}
.o-section_word.-colored:after{background:var(--hs-grad);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;}
.o-section_overline{margin-bottom:1.25rem;}
.o-section_overline span{font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.14em;color:var(--hs-brand);font-family:var(--font-mono);}
.o-section_title{font-size:clamp(2rem,5vw,3.8rem);font-weight:400;letter-spacing:-.03em;line-height:1.2;color:var(--hs-text);overflow:hidden;font-family:var(--font-sans);}
.o-section_shape img{filter:invert(1) opacity(.08);}

/* ── Floating pill navbar ─────────────────────────────────── */
/* Note: .o-container.-lg (2-class, higher specificity) overrides 1-class .c-header — use !important */
.c-header{
  position:fixed !important;top:16px !important;left:50% !important;transform:translateX(-50%) !important;
  width:calc(100% - 48px) !important;max-width:1200px !important;height:62px !important;
  margin-left:0 !important;margin-right:0 !important;
  padding:0 20px 0 24px !important;
  background:rgba(12,10,9,0.72);
  backdrop-filter:blur(48px) saturate(180%);-webkit-backdrop-filter:blur(48px) saturate(180%);
  border:1px solid rgba(255,255,255,0.10);
  border-radius:999px;
  box-shadow:0 4px 24px rgba(0,0,0,0.55),0 1px 0 rgba(255,255,255,.06) inset;
  z-index:300;
  display:flex !important;align-items:center;justify-content:space-between;
  animation:nbIn .55s var(--ease) both;
}
@keyframes nbIn{from{opacity:0;transform:translateX(-50%) translateY(-14px);}to{opacity:1;transform:translateX(-50%) translateY(0);}}
/* main.css sets .c-header>*{opacity:0} waiting for curtain-driven JS class — override since curtain is removed */
.c-header > * { opacity: 1 !important; transform: none !important; }
.c-header_logo img{height:28px;width:auto;}
.c-header_nav{display:flex;align-items:center;gap:0;list-style:none;margin:0;padding:0;}
/* Dark mode nav links */
.c-header_nav li>a{font-size:13.5px;font-weight:450;color:rgba(200,200,210,.88);padding:8px 13px;display:block;transition:color .14s,background .14s;white-space:nowrap;border-radius:8px;}
.c-header_nav li>a:hover{color:#fff;background:rgba(255,255,255,.07);}
/* CTA: use !important to beat .c-btn.-primary (2-class specificity) */
.c-header .c-header_cta{
  height:36px !important;min-height:0 !important;max-height:36px !important;
  padding:0 18px !important;
  border-radius:999px !important;
  font-size:13px !important;font-weight:500 !important;
  line-height:36px !important;
  display:inline-flex !important;align-items:center !important;
  white-space:nowrap !important;border:none !important;
  cursor:pointer;
  transition:background .2s,box-shadow .2s,transform .15s;
  /* dark mode default */
  background:#fff !important;color:#111 !important;
  box-shadow:0 1px 4px rgba(0,0,0,.25);
}
.c-header .c-header_cta:hover{background:rgba(255,255,255,.88) !important;transform:scale(1.02) !important;}


/* ── Mega-menu (absolute child of .c-header) ── */
.c-header{overflow:visible;}
.hs-megamenu{
  position:absolute;top:calc(100% + 10px);left:0;
  width:620px;min-width:620px;padding:10px;
  display:grid;grid-template-columns:1fr 1fr 178px;gap:6px;
  background:rgba(5,5,7,.97);
  backdrop-filter:blur(32px);-webkit-backdrop-filter:blur(32px);
  border:1px solid rgba(255,255,255,.08);border-radius:var(--r-lg);
  box-shadow:0 32px 80px rgba(0,0,0,.9),0 0 0 1px rgba(255,255,255,.04);
  opacity:0;visibility:hidden;pointer-events:none;
  transform:translateY(-10px) scale(.97);
  transition:opacity .22s var(--ease),transform .22s var(--ease),visibility .22s;
  z-index:9999;}
.hs-megamenu-sm{
  width:420px;min-width:420px;
  grid-template-columns:1fr 1fr;}
.hs-megamenu.is-open{
  opacity:1;visibility:visible;pointer-events:all;
  transform:translateY(0) scale(1);}
/* Nav item highlight while mega-menu is open */
.c-header_nav li.is-active>a{color:#fff;}
.hs-mega-col{padding:2px;}
.hs-mega-head{
  display:block;font-size:.57rem;font-weight:700;text-transform:uppercase;letter-spacing:.14em;
  color:rgba(120,120,140,.65);padding:6px 10px 8px;font-family:var(--font-mono);}
.hs-mega-item{
  display:flex;align-items:center;gap:.65rem;
  padding:9px 10px;border-radius:var(--r-sm);text-decoration:none;
  transition:background .12s;color:inherit;}
.hs-mega-item:hover{background:rgba(255,255,255,.04);}
.hs-mega-item::before{display:none;}
.hs-mega-ico{
  width:30px;height:30px;border-radius:7px;
  background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.08);
  display:flex;align-items:center;justify-content:center;flex-shrink:0;
  color:rgba(190,190,210,.7);
  transition:background .14s,border-color .14s,color .14s;}
.hs-mega-item:hover .hs-mega-ico{background:rgba(196,133,106,.14);border-color:rgba(196,133,106,.35);color:var(--hs-brand);}
.hs-mega-title{font-size:.8rem;font-weight:500;color:rgba(235,235,245,.85);display:block;line-height:1.2;}
.hs-mega-desc{font-size:.68rem;color:rgba(130,130,150,.7);display:block;margin-top:2px;line-height:1.3;}
.hs-mega-item:hover .hs-mega-title{color:#fff;}
.hs-mega-item:hover .hs-mega-desc{color:rgba(160,160,180,.8);}
/* Featured column */
.hs-mega-feat{
  background:linear-gradient(145deg,rgba(196,133,106,.22) 0%,rgba(122,72,48,.14) 55%,rgba(40,15,5,.6) 100%);
  border:1px solid rgba(196,133,106,.32);
  border-radius:var(--r-md);padding:.95rem;display:flex;flex-direction:column;gap:.45rem;
  position:relative;overflow:hidden;}
.hs-mega-feat::before{
  content:'';position:absolute;top:-35%;right:-15%;width:160px;height:160px;
  border-radius:50%;
  background:radial-gradient(ellipse,rgba(196,133,106,.55),transparent 65%);
  pointer-events:none;}
.hs-mega-feat-tag{
  position:relative;z-index:1;
  font-size:.58rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;
  color:var(--hs-brand);font-family:var(--font-mono);}
.hs-mega-feat-title{position:relative;z-index:1;font-size:.86rem;font-weight:600;color:#fff;line-height:1.25;}
.hs-mega-feat-desc{position:relative;z-index:1;font-size:.71rem;color:rgba(200,190,240,.7);line-height:1.5;flex:1;}
.hs-mega-feat-link{
  position:relative;z-index:1;
  display:inline-flex;align-items:center;gap:5px;font-size:.75rem;font-weight:600;
  color:var(--hs-brand);text-decoration:none;margin-top:.3rem;
  transition:color .14s,gap .14s;}
.hs-mega-feat-link:hover{color:#fff;gap:8px;}

/* Sections */
.o-section{background:var(--hs-bg);}
.o-section.-background-500,.o-section.-collapse.-background-500{background:var(--hs-bg);}
.o-section.-surface-500,.o-section.-roomy,.o-section.-surface-400{background:var(--hs-bg2);}

/* ── Spinning-border announce pill ────────────────────────── */
@property --ann-angle{syntax:'<angle>';initial-value:0deg;inherits:false;}
.hs-badge{
  display:inline-flex;align-items:center;gap:7px;
  padding:5px 13px;position:relative;
  font-family:var(--font-mono);font-size:11px;font-weight:400;letter-spacing:.1em;text-transform:uppercase;
  color:var(--hs-brand);border-radius:var(--r-pill);
  background:var(--hs-brand-soft);border:1px solid transparent;
  animation:annSpin 6s linear infinite;
}
@keyframes annSpin{to{--ann-angle:360deg;}}
.hs-badge::before{content:'';position:absolute;inset:-1px;border-radius:inherit;padding:1px;background:conic-gradient(from var(--ann-angle),var(--hs-brand-glow) 0%,var(--hs-brand-dim) 25%,rgba(255,255,255,.05) 50%,var(--hs-brand-dim) 75%,var(--hs-brand-glow) 100%);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:exclude;pointer-events:none;}
.hs-badge::after{content:'';width:6px;height:6px;border-radius:50%;background:var(--hs-brand);display:inline-block;animation:dotPulse 2s ease-out infinite;}
@keyframes dotPulse{0%{transform:scale(.8);opacity:.7;}70%{transform:scale(2.4);opacity:0;}100%{opacity:0;}}

/* ── Section labels ──────────────────────────────────────── */
.hs-section-label{display:inline-flex;align-items:center;gap:10px;font-size:11px;font-weight:400;text-transform:uppercase;letter-spacing:.16em;color:var(--hs-brand);font-family:var(--font-mono);margin-bottom:.6rem;}
.hs-section-label::before{content:'';width:12px;height:4px;background:var(--hs-brand);border-radius:var(--r-pill);display:inline-block;animation:tagPulse 2.4s ease-in-out infinite;flex-shrink:0;}
@keyframes tagPulse{0%,100%{opacity:1;}50%{opacity:.35;}}
.hs-section-title{font-size:clamp(1.9rem,4.2vw,3rem);font-weight:400;letter-spacing:-.025em;line-height:1.2;color:var(--hs-text);margin-bottom:.65rem;font-family:var(--font-sans);}
.hs-section-title span{background:var(--hs-grad);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;}
.hs-section-sub{font-size:.93rem;color:var(--hs-text2);max-width:520px;line-height:1.7;}

/* ── Buttons ─────────────────────────────────────────────── */
.c-btn{display:inline-flex;align-items:center;justify-content:center;border-radius:var(--r-pill);font-family:var(--font-sans);font-size:13.5px;font-weight:500;cursor:pointer;white-space:nowrap;transition:transform .2s var(--ease-spring),box-shadow .2s var(--ease),background .18s,border-color .18s;border:1px solid transparent;}
.c-btn.-primary{background:#ffffff;color:#000000;padding:.65rem 1.4rem;border-color:#fff;}
.c-btn.-primary:hover{background:rgba(255,255,255,.88);box-shadow:0 0 22px rgba(255,255,255,.14);transform:translateY(-2px);}
.c-btn.-secondary{background:var(--hs-bg3);color:var(--hs-text);padding:.65rem 1.4rem;border-color:var(--hs-border2);}
.c-btn.-secondary:hover{border-color:var(--hs-border);transform:translateY(-1px);}

/* ── Page header ─────────────────────────────────────────── */
.c-page-header,.c-page-header.o-section{background:var(--hs-bg);position:relative;overflow:hidden;padding:7rem 0 4.5rem;}
.c-page-header::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse 65% 65% at 80% -10%,rgba(196,133,106,.16),transparent),radial-gradient(ellipse 50% 50% at -10% 100%,rgba(122,72,48,.1),transparent);pointer-events:none;}
.c-page-header::after{content:'';position:absolute;inset:0;background-image:radial-gradient(circle,rgba(255,255,255,.04) 1.2px,transparent 1.2px);background-size:22px 22px;pointer-events:none;}
.c-page-header_inner{position:relative;z-index:1;}
.c-page-header_content{animation:slideUp .7s cubic-bezier(.16,1,.3,1) both;}
@keyframes slideUp{from{opacity:0;transform:translateY(36px);}to{opacity:1;transform:translateY(0);}}
.c-page-header_title{font-size:clamp(2.2rem,5vw,3.8rem);font-weight:400;line-height:1.15;letter-spacing:-.03em;color:var(--hs-text);font-family:var(--font-sans);}
.c-page-header_title span{background:var(--hs-grad);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;}
.c-page-header_content p{color:var(--hs-text2);font-size:.98rem;max-width:560px;line-height:1.7;}

/* ── Hero ────────────────────────────────────────────────── */
.hs-hero{min-height:auto;display:flex;align-items:center;background:#ffffff;position:relative;overflow:hidden;padding:clamp(5rem,10vh,8rem) 0 clamp(3rem,6vh,5rem);}
.hs-hero::before{content:'';position:absolute;bottom:0;left:0;right:0;height:44%;z-index:1;pointer-events:none;background:linear-gradient(to bottom,transparent 0%,rgba(0,0,0,.10) 20%,rgba(0,0,0,.45) 50%,rgba(0,0,0,.85) 80%,#000 100%);}
.hs-hero::after{content:'';position:absolute;inset:0;background-image:radial-gradient(circle,rgba(0,0,0,.032) 1.2px,transparent 1.2px);background-size:26px 26px;pointer-events:none;z-index:0;}
/* ── Gladia exact hero canvas ── */
#hsHeroCanvas{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:0;opacity:.4;transform:translateY(70px);transform-origin:50% 100%;will-change:opacity,transform;}
#hsHeroCanvas.hero-canvas-enter{animation:hpHeroCanvasRise 3s cubic-bezier(.16,1,.3,1) 0s forwards;}
@keyframes hpHeroCanvasRise{0%{opacity:.4;transform:translateY(70px);}100%{opacity:1;transform:translateY(0);}}
.hs-hero_inner{position:relative;z-index:2;width:100%;max-width:900px;margin:0 auto;padding:clamp(3rem,7vh,5.5rem) 2rem 5rem;display:flex;flex-direction:column;align-items:center;text-align:center;}
/* ── Hero trust belt (logo marquee inside hero) ── */
.hs-hero-belt{position:absolute;bottom:0;left:0;right:0;z-index:3;padding:1.6rem 0 1.8rem;border-top:1px solid rgba(255,255,255,.07);}
.hs-hero-belt-label{text-align:center;font-size:.7rem;letter-spacing:.14em;text-transform:uppercase;color:rgba(255,255,255,.30);margin-bottom:1rem;font-family:var(--font-mono);}
.hs-hero-belt-label strong{color:rgba(255,255,255,.55);font-weight:600;}
.hs-belt-track{display:flex;overflow:hidden;mask-image:linear-gradient(to right,transparent 0%,#000 12%,#000 88%,transparent 100%);-webkit-mask-image:linear-gradient(to right,transparent 0%,#000 12%,#000 88%,transparent 100%);}
.hs-belt-mover{display:flex;animation:beltScroll 24s linear infinite;}
.hs-belt-mover:hover{animation-play-state:paused;}
.hs-belt-set{display:flex;align-items:center;gap:2.8rem;padding:0 1.4rem;white-space:nowrap;flex-shrink:0;}
@keyframes beltScroll{0%{transform:translateX(0);}100%{transform:translateX(-50%);}}
.hs-belt-item{font-size:.8rem;font-weight:500;color:rgba(255,255,255,.38);letter-spacing:.02em;display:inline-flex;align-items:center;gap:.45rem;}
.hs-belt-item svg{opacity:.45;}
.hs-hero_eyebrow{display:inline-flex;align-items:center;gap:8px;padding:4px 13px 4px 4px;border-radius:var(--r-pill);background:var(--hs-brand-soft);border:1px solid var(--hs-brand-border);margin-bottom:2rem;font-size:13px;color:var(--hs-text2);}
.hs-hero_eyebrow-badge{display:inline-flex;align-items:center;gap:4px;padding:3px 9px;border-radius:var(--r-pill);background:var(--hs-brand-dim);font-size:11px;font-weight:600;color:var(--hs-brand);font-family:var(--font-mono);letter-spacing:.05em;}
.hs-dot{width:6px;height:6px;border-radius:50%;background:var(--hs-brand);display:inline-block;position:relative;}
.hs-dot::after{content:'';position:absolute;inset:-3px;border-radius:50%;background:var(--hs-brand);opacity:0;animation:dotPulse 2s ease-out infinite;}
/* Title — Gladia-matched proportions (fits within 860px container) */
.hs-hero_title{font-size:clamp(2.6rem,5vw,4.2rem);font-weight:400;line-height:1.15;letter-spacing:-.04em;color:#080808;margin-bottom:1.6rem;font-family:var(--font-sans);max-width:100%;}
.hs-hero_title .line2{background:none;-webkit-background-clip:unset;background-clip:unset;-webkit-text-fill-color:#080808;color:#080808;animation:none;}
/* ── Cycling word — opacity fade, active word is position:relative so wrap = its width ── */
.hs-cycle-wrap{display:inline-block;vertical-align:bottom;position:relative;}
.hs-cycle-inner{display:inline-block;position:relative;}
/* All words stack at same position; inactive ones are absolute (no layout contribution) */
.hs-cycle-word{display:block;line-height:1.1;white-space:nowrap;position:absolute;top:0;left:0;opacity:0;transform:translateY(6px);transition:opacity .35s ease,transform .35s ease;pointer-events:none;-webkit-text-fill-color:transparent;background:var(--hs-grad);background-size:200% 200%;-webkit-background-clip:text;background-clip:text;}
/* Active word: back in flow (sets wrap width), visible */
.hs-cycle-word.hs-active{position:relative;opacity:1;transform:translateY(0);pointer-events:auto;}
@keyframes gradShift{0%{background-position:0% 50%;}50%{background-position:100% 50%;}100%{background-position:0% 50%;}}
.hs-hero_sub{font-size:1.05rem;line-height:1.75;color:rgba(0,0,0,.60);max-width:580px;margin:0 auto 2.5rem;text-align:center;}
.hs-hero_cta{display:flex;gap:.85rem;flex-wrap:wrap;align-items:center;justify-content:center;}
.hs-hero-steps{display:inline-flex;align-items:center;gap:0;justify-content:center;margin:1.75rem auto 2.25rem;flex-wrap:nowrap;background:rgba(255,255,255,.75);border:1px solid rgba(0,0,0,.09);border-radius:100px;padding:.45rem .6rem;box-shadow:0 2px 12px rgba(0,0,0,.07),0 1px 3px rgba(0,0,0,.05);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);}
.hs-hero-step{display:flex;align-items:center;gap:.55rem;padding:.2rem .75rem;}
.hs-hero-step-n{font-size:.65rem;font-family:var(--font-mono);color:var(--hs-brand);letter-spacing:.06em;background:rgba(196,133,106,.14);border:1px solid rgba(196,133,106,.35);border-radius:30px;padding:3px 9px;line-height:1.4;font-weight:600;}
.hs-hero-step-txt{font-size:.88rem;color:rgba(0,0,0,.7);font-family:var(--font-sans);letter-spacing:-.01em;font-weight:450;white-space:nowrap;}
.hs-hero-step-sep{font-size:.8rem;color:rgba(0,0,0,.15);font-family:var(--font-mono);padding:0 .1rem;}
/* Browser Extension section */
.hs-ext-browsers{display:flex;gap:1rem;align-items:center;flex-wrap:wrap;margin:1.75rem 0;}
.hs-ext-browser{display:flex;flex-direction:column;align-items:center;gap:.35rem;font-size:.58rem;font-family:var(--font-mono);letter-spacing:.06em;color:rgba(255,255,255,.45);text-transform:uppercase;}
.hs-ext-browser svg{opacity:.7;transition:opacity .2s;}
.hs-ext-browser:hover svg{opacity:1;}
.hs-ext-badge{display:inline-flex;align-items:center;gap:.4rem;font-size:.72rem;background:rgba(34,197,94,.08);border:1px solid rgba(34,197,94,.22);color:rgba(0,0,0,.68);padding:.3rem .85rem;border-radius:2rem;font-family:var(--font-mono);}
.hs-ext-badge + .hs-ext-badge{margin-left:.5rem;}
.hs-ext-dot{width:6px;height:6px;border-radius:50%;background:rgba(34,197,94,.9);display:inline-block;flex-shrink:0;}
/* Gladia-style hero buttons */
.hs-hero-btn{display:inline-flex;align-items:center;gap:.4rem;padding:.6rem 1.6rem;border-radius:var(--r-pill);font-size:.875rem;font-weight:400;color:#ffffff;background:#0a0a0a;border:1px solid #0a0a0a;text-decoration:none;transition:background .18s ease,box-shadow .18s ease,opacity .18s ease;font-family:var(--font-sans);letter-spacing:-.01em;}
.hs-hero-btn:hover{background:#1a1a1a;box-shadow:0 4px 18px rgba(0,0,0,.22);color:#fff;}
.hs-hero-btn.-ghost{background:transparent;color:rgba(0,0,0,.6);border:1px solid rgba(0,0,0,.18);box-shadow:none;}
.hs-hero-btn.-ghost:hover{background:rgba(0,0,0,.05);color:#000;border-color:rgba(0,0,0,.38);box-shadow:none;}
/* Trust items — smaller, below CTA */
.hs-hero_trust{margin-top:2.5rem;padding-top:1.25rem;border-top:1px solid rgba(0,0,0,.08);display:flex;gap:1.5rem;flex-wrap:wrap;justify-content:center;}
.hs-trust-item{display:flex;align-items:center;gap:.4rem;font-size:.78rem;color:rgba(0,0,0,.35);}
.hs-trust-item span{font-weight:600;color:rgba(0,0,0,.58);}

/* ── Cards ───────────────────────────────────────────────── */
.hs-card{background:var(--hs-bg2);border:1px solid var(--hs-border);border-radius:var(--r-lg);padding:1.65rem;transition:border-color .16s,transform .16s,box-shadow .16s;position:relative;overflow:hidden;}
.hs-card::before{content:'';position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,255,255,.035) 0%,rgba(255,255,255,.008) 22%,transparent 50%);pointer-events:none;opacity:0;transition:opacity .2s;}
.hs-card:hover{border-color:rgba(255,255,255,.22);transform:translateY(-3px);box-shadow:0 16px 48px rgba(0,0,0,.55),0 0 0 1px rgba(255,255,255,.07);}
.hs-card:hover::before{opacity:1;}
.hs-card h5{color:var(--hs-text);font-weight:600;font-size:.9rem;margin-bottom:.4rem;font-family:var(--font-sans);}
.hs-card p{color:var(--hs-text2);font-size:.845rem;}
.hs-icon{width:42px;height:42px;background:var(--hs-brand-soft);border:1px solid var(--hs-brand-border);border-radius:var(--r-md);display:flex;align-items:center;justify-content:center;margin-bottom:1.05rem;flex-shrink:0;transition:background .2s,border-color .2s;}
.hs-card:hover .hs-icon{background:var(--hs-brand-dim);border-color:var(--hs-brand);box-shadow:0 0 18px rgba(196,133,106,.14);}

/* ── Grids ───────────────────────────────────────────────── */
.hs-grid-6{display:grid;grid-template-columns:repeat(3,1fr);gap:1.15rem;}
@media(max-width:900px){.hs-grid-6{grid-template-columns:repeat(2,1fr);}}
@media(max-width:560px){.hs-grid-6{grid-template-columns:1fr;}}
.hs-products-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.1rem;}
@media(max-width:680px){.hs-products-grid{grid-template-columns:1fr;}}
.hs-service-row,.hs-feat-row{display:grid;grid-template-columns:repeat(3,1fr);gap:1.1rem;}
@media(max-width:860px){.hs-service-row,.hs-feat-row{grid-template-columns:repeat(2,1fr);}}
@media(max-width:560px){.hs-service-row,.hs-feat-row{grid-template-columns:1fr;}}
.hs-why-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.1rem;}
@media(max-width:860px){.hs-why-grid{grid-template-columns:1fr;}}
.hs-two-col{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center;}
@media(max-width:860px){.hs-two-col{grid-template-columns:1fr;gap:2.5rem;}}

/* ── Process steps ───────────────────────────────────────── */
.hs-process{display:grid;grid-template-columns:repeat(4,1fr);gap:1.1rem;margin-top:2.5rem;}
@media(max-width:900px){.hs-process{grid-template-columns:repeat(2,1fr);}}
@media(max-width:560px){.hs-process{grid-template-columns:1fr;}}
.hs-step{background:var(--hs-bg2);border:1px solid var(--hs-border);border-radius:var(--r-lg);padding:1.65rem 1.4rem 1.4rem;transition:border-color .16s,transform .16s;}
.hs-step:hover{border-color:rgba(255,255,255,.2);transform:translateY(-3px);}
.hs-step_num,.hs-step-num{font-size:2.2rem;font-weight:700;line-height:1;margin-bottom:.7rem;background:var(--hs-grad2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;opacity:.28;font-family:var(--font-mono);}
.hs-step h5{color:var(--hs-text);font-size:.875rem;font-weight:600;margin-bottom:.35rem;font-family:var(--font-sans);}
.hs-step p{color:var(--hs-text2);font-size:.815rem;line-height:1.65;margin:0;}

/* ── Stats ───────────────────────────────────────────────── */
.hs-stats{display:grid;grid-template-columns:repeat(3,1fr);background:var(--hs-bg2);border:1px solid var(--hs-border);border-radius:var(--r-lg);overflow:hidden;margin:2.25rem 0 0;}
@media(max-width:560px){.hs-stats{grid-template-columns:1fr;}}
.hs-stat{padding:1.85rem 1.65rem;text-align:center;border-right:1px solid var(--hs-border);}
.hs-stat:last-child{border-right:none;}
.hs-stat_num{font-size:2.2rem;font-weight:700;line-height:1;display:block;background:var(--hs-grad);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-family:var(--font-sans);}
.hs-stat_lbl{font-size:.68rem;text-transform:uppercase;letter-spacing:.1em;color:var(--hs-text2);display:block;margin-top:.35rem;font-family:var(--font-mono);}
.hs-stats-strip{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--hs-border);border-bottom:1px solid var(--hs-border);}
@media(max-width:680px){.hs-stats-strip{grid-template-columns:repeat(2,1fr);}}
.hs-stats-strip .hs-stat{border-right:1px solid var(--hs-border);padding:2.1rem 1.4rem;}
.hs-stats-strip .hs-stat:last-child{border-right:none;}
/* stat aliases used by agent-built pages */
.hs-stat-val,.hs-stat_val{font-size:2.2rem;font-weight:700;line-height:1;display:block;background:var(--hs-grad);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-family:var(--font-sans);}
.hs-stat-label,.hs-stat_label{font-size:.68rem;text-transform:uppercase;letter-spacing:.1em;color:var(--hs-text2);display:block;margin-top:.35rem;font-family:var(--font-mono);}

/* ── Callout ─────────────────────────────────────────────── */
.c-callout,.c-callout.o-section{background:var(--hs-bg);position:relative;overflow:hidden;min-height:0!important;padding-top:5rem!important;padding-bottom:5rem!important;}
.c-callout::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse 60% 80% at 50% 100%,rgba(196,133,106,.15),transparent);pointer-events:none;}
.c-callout_inner{position:relative;z-index:1;padding-top:0!important;padding-bottom:0!important;}
.c-callout_title{color:var(--hs-text);}
.c-callout_title span{background:var(--hs-grad);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;}
.c-callout_text{color:var(--hs-text2);}

/* ── Product cards (legacy, kept for other pages) ───────────── */
.hs-product-card{background:var(--hs-bg2);border:1px solid var(--hs-border);border-radius:var(--r-lg);padding:1.65rem;display:flex;flex-direction:column;gap:.85rem;transition:border-color .16s,transform .16s,box-shadow .16s;text-decoration:none;}
.hs-product-card:hover{border-color:rgba(255,255,255,.22);transform:translateY(-4px);box-shadow:0 20px 50px rgba(0,0,0,.55),0 0 0 1px var(--hs-brand-border);}
.hs-product-card_tag{font-size:.68rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--hs-brand);font-family:var(--font-mono);}
.hs-product-card h3{font-size:1.1rem;font-weight:600;color:var(--hs-text);margin:0;font-family:var(--font-sans);}
.hs-product-card p{font-size:.845rem;color:var(--hs-text2);line-height:1.7;flex:1;margin:0;}
.hs-product-card_arrow{color:var(--hs-text3);transition:transform .2s,color .2s;display:block;}
.hs-product-card:hover .hs-product-card_arrow{transform:translateX(5px);color:var(--hs-brand);}

/* ══════════════════════════════════════════════════════════════
   GLADIA wg-card TILE SYSTEM — used for Products + Why sections
══════════════════════════════════════════════════════════════ */
.hs-wg-section{padding:6rem 0;background:var(--hs-bg);border-top:1px solid var(--hs-border);}
.hs-section-header{margin-bottom:3rem;}
.hs-tag-label{display:inline-flex;align-items:center;gap:.45rem;font-size:.65rem;letter-spacing:.14em;text-transform:uppercase;color:var(--hs-text3);font-family:var(--font-mono);margin-bottom:1rem;}
.hs-tag-dot{width:6px;height:6px;border-radius:50%;background:var(--hs-brand);}

/* Grid */
.hs-wg-grid{display:flex;flex-direction:column;gap:1rem;}
.hs-wg-row{display:flex;gap:1rem;min-height:420px;}
.hs-wg-row--full{min-height:auto;aspect-ratio:unset;}
.hs-wg-card--sm{flex:1;min-width:0;}
.hs-wg-card--lg{flex:2;min-width:0;}
.hs-wg-card--full{flex:1;min-width:0;}

/* Card base — Gladia's exact wg-card style */
.hs-wg-card{display:flex;flex-direction:column;position:relative;border-radius:23px;overflow:hidden;cursor:pointer;border:none;padding:0;text-align:left;font:inherit;isolation:isolate;transition:transform .24s cubic-bezier(0,0,0.2,1),box-shadow .24s cubic-bezier(0,0,0.2,1),background-position .6s ease;text-decoration:none;background:#000;}
.hs-wg-card--healthcare:hover{background-position:center 55%,center 55%;}
.hs-wg-card--education:hover{background-position:center 50%,center 50%;}
.hs-wg-card--aviation:hover{background-position:center 45%,center 45%;}
.hs-wg-card--extension:hover{background-position:center 50%,center 50%;}
.hs-wg-card:hover{transform:translateY(-3px);box-shadow:0 16px 48px -12px rgba(100,50,200,.22);}
.hs-wg-card:focus-visible{outline:2px solid var(--hs-brand);outline-offset:3px;}

/* Card backgrounds — CSS gradients since we don't have Gladia's bg images */
.hs-wg-card::before{content:'';position:absolute;inset:0;border-radius:inherit;z-index:0;border:1px solid rgba(255,255,255,.1);transition:border-color .24s;}
.hs-wg-card:hover::before{border-color:rgba(196,133,106,.3);}
.hs-wg-card--ship::after,.hs-wg-card--ai::after,.hs-wg-card--infra::after,.hs-wg-card--security::after,.hs-wg-card--global::after,.hs-wg-card--healthcare::after,.hs-wg-card--education::after,.hs-wg-card--aviation::after,.hs-wg-card--extension::after{content:'';position:absolute;inset:0;z-index:0;border-radius:inherit;opacity:.55;transition:opacity .24s,filter .24s;filter:grayscale(.4);}
.hs-wg-card:hover::after{opacity:.85;filter:grayscale(0);}
.hs-wg-card--ship::after{background:radial-gradient(ellipse 80% 60% at 100% 100%,rgba(122,72,48,.45),rgba(122,72,48,.12) 55%,transparent 80%);}
.hs-wg-card--ai::after{background:radial-gradient(ellipse 70% 70% at 20% 80%,rgba(196,133,106,.5),rgba(155,94,66,.15) 50%,transparent 75%);}
.hs-wg-card--infra::after{background:radial-gradient(ellipse 75% 60% at 80% 20%,rgba(56,189,248,.3),rgba(8,145,178,.12) 50%,transparent 75%);}
.hs-wg-card--security::after{background:radial-gradient(ellipse 80% 70% at 50% 100%,rgba(34,197,94,.2),rgba(16,185,129,.08) 50%,transparent 75%);}
.hs-wg-card--global::after{background:linear-gradient(135deg,rgba(196,133,106,.12) 0%,rgba(122,72,48,.18) 40%,rgba(8,145,178,.12) 80%,transparent 100%);}

.hs-wg-card--healthcare::after{background:radial-gradient(ellipse 80% 60% at 90% 90%,rgba(34,197,94,.35),rgba(16,150,80,.08) 55%,transparent 80%);}
.hs-wg-card--education{background:linear-gradient(160deg,rgba(0,0,0,.96) 0%,rgba(10,8,0,.82) 45%,rgba(0,0,0,.55) 100%),url('../images/products/school-new.jpg') center 35% / cover no-repeat;}
.hs-wg-card--education::after{background:radial-gradient(ellipse 80% 60% at 20% 85%,rgba(251,191,36,.3),rgba(200,150,20,.08) 55%,transparent 80%);}
.hs-wg-card--aviation{background:linear-gradient(160deg,rgba(0,0,0,.96) 0%,rgba(8,5,0,.82) 45%,rgba(0,0,0,.55) 100%),url('../images/products/aerovia-new.jpg') center 30% / cover no-repeat;}
.hs-wg-card--aviation::after{background:radial-gradient(ellipse 80% 60% at 80% 20%,rgba(196,133,106,.4),rgba(155,94,66,.1) 55%,transparent 80%);}
.hs-wg-card--extension{background:linear-gradient(160deg,rgba(0,0,0,.96) 0%,rgba(0,5,12,.82) 45%,rgba(0,0,0,.55) 100%),url('../images/products/cme-new.jpg') center 35% / cover no-repeat;}
.hs-wg-card--extension::after{background:radial-gradient(ellipse 80% 60% at 50% 95%,rgba(56,189,248,.3),rgba(8,145,178,.08) 55%,transparent 80%);}

/* Card inner content */
.hs-wg-title{position:relative;z-index:2;font-size:clamp(1.4rem,3vw,1.9rem);font-weight:400;line-height:1.15;letter-spacing:-.015em;color:#fff;padding:1.75rem 1.75rem 0;margin:0;display:flex;flex-direction:column;gap:.85rem;font-family:var(--font-sans);}
.hs-wg-chip{width:44px;height:44px;border-radius:10px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12);display:flex;align-items:center;justify-content:center;transition:border-color .24s,background .24s,transform .16s;flex-shrink:0;}
.hs-wg-chip img{width:20px;height:20px;opacity:.8;filter:invert(1);transition:opacity .24s;}
.hs-wg-card:hover .hs-wg-chip{border-color:rgba(196,133,106,.5);background:rgba(196,133,106,.1);transform:scale(1.08);}
.hs-wg-card:hover .hs-wg-chip img{opacity:1;}
.hs-wg-sub{position:relative;z-index:2;font-size:.9rem;color:rgba(255,255,255,.55);line-height:1.65;padding:0 1.75rem;margin:.75rem 0 0;font-family:var(--font-sans);}
.hs-wg-tag{position:relative;z-index:2;display:inline-block;font-size:.62rem;letter-spacing:.12em;text-transform:uppercase;color:rgba(255,255,255,.4);font-family:var(--font-mono);padding:.25rem 1.75rem;margin-top:.5rem;}
.hs-wg-tag--live{color:var(--hs-brand);}
.hs-wg-live{position:relative;z-index:2;padding:1rem 1.75rem 1.75rem;flex:1;display:flex;flex-direction:column;justify-content:flex-end;}
.hs-wg-expand{position:absolute;bottom:.85rem;right:.85rem;z-index:5;width:34px;height:34px;border:1px solid rgba(255,255,255,.1);border-radius:9px;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0;background:rgba(0,0,0,.3);color:rgba(255,255,255,.4);transition:background .2s,color .2s,border-color .2s;}
.hs-wg-expand svg{color:currentColor;}
.hs-wg-card:hover .hs-wg-expand{background:rgba(255,255,255,.08);color:rgba(255,255,255,.7);border-color:rgba(255,255,255,.18);}
.hs-wg-expand:hover{background:#fff;color:#000;border-color:#fff;}

/* Stats row inside full-width card */
.hs-wg-stat{display:flex;flex-direction:column;gap:.2rem;}
.hs-wg-stat-num{font-size:1.75rem;font-weight:500;color:#fff;letter-spacing:-.02em;line-height:1;font-family:var(--font-sans);}
.hs-wg-stat-lbl{font-size:.68rem;letter-spacing:.1em;text-transform:uppercase;color:rgba(255,255,255,.4);font-family:var(--font-mono);}

/* Mobile */
@media(max-width:780px){
  .hs-wg-row{flex-direction:column;min-height:auto;}
  .hs-wg-card--sm,.hs-wg-card--lg{flex:none;min-height:280px;}
}

/* ── Tech pills ──────────────────────────────────────────── */
.hs-tech-pill{padding:4px 13px;background:var(--hs-bg2);border:1px solid var(--hs-border);border-radius:var(--r-pill);font-size:.74rem;font-weight:400;color:var(--hs-text2);font-family:var(--font-mono);transition:border-color .14s,color .14s;}
.hs-tech-pill:hover{border-color:var(--hs-brand);color:var(--hs-brand);}

/* ── Grad text utility ───────────────────────────────────── */
.hs-grad-text{background:var(--hs-grad);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;}

/* ── c-media-text ────────────────────────────────────────── */
.c-media-text{display:flex;gap:0;align-items:stretch;flex-wrap:wrap;}
.c-media-text.-reverse{flex-direction:row-reverse;}
.c-media-text_content{flex:1 1 45%;padding:3.5rem 3rem 3.5rem 0;display:flex;flex-direction:column;justify-content:center;}
.c-media-text.-reverse .c-media-text_content{padding:3.5rem 0 3.5rem 3rem;}
@media(max-width:860px){.c-media-text,.c-media-text.-reverse{flex-direction:column;}.c-media-text_content,.c-media-text.-reverse .c-media-text_content{padding:2.5rem 0;flex:none;}}
.c-media-text_media{flex:1 1 45%;min-height:320px;border-radius:var(--r-lg);overflow:hidden;background:var(--hs-bg2);border:1px solid var(--hs-border);box-shadow:none;color:var(--hs-text);display:flex;align-items:center;justify-content:center;}
.c-media-text_content h3{color:var(--hs-text);font-size:1.45rem;font-weight:500;letter-spacing:-.025em;line-height:1.25;margin-bottom:1rem;font-family:var(--font-sans);}
.c-media-text_content p{color:var(--hs-text2);font-size:.88rem;line-height:1.75;margin-bottom:1rem;}
.c-media-text_content ul{list-style:none;padding:0;margin:.5rem 0 1.3rem;}
.c-media-text_content ul li{position:relative;padding-left:1.35rem;font-size:.855rem;color:var(--hs-text2);line-height:1.7;margin-bottom:.28rem;}
.c-media-text_content ul li::before{content:'→';position:absolute;left:0;color:var(--hs-brand);font-weight:600;}

/* ── Visual panels ───────────────────────────────────────── */
.hs-panel{width:100%;height:100%;padding:1.55rem;display:flex;flex-direction:column;gap:.75rem;min-height:270px;}
.hs-panel-bar{display:flex;gap:5px;}
.hs-panel-bar span{width:10px;height:10px;border-radius:50%;}
.hs-panel-bar span:nth-child(1){background:#FF5F57;}
.hs-panel-bar span:nth-child(2){background:#FEBC2E;}
.hs-panel-bar span:nth-child(3){background:#28C840;}
.hs-panel-code{font-family:var(--font-mono);font-size:.72rem;line-height:1.9;color:var(--hs-text2);flex:1;}
.hs-panel-code .kw{color:#c4b5fd;}.hs-panel-code .str{color:#86EFAC;}.hs-panel-code .fn{color:#FCA5A5;}.hs-panel-code .cm{color:#515151;}.hs-panel-code .num{color:#93C5FD;}
.hs-panel-stat-row{display:grid;grid-template-columns:1fr 1fr;gap:.75rem;}
.hs-panel-stat-box{background:var(--hs-bg);border:1px solid var(--hs-border);border-radius:var(--r-md);padding:.8rem .95rem;}
.hs-panel-stat-box .num{font-size:1.6rem;font-weight:700;background:var(--hs-grad);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;display:block;line-height:1.1;font-family:var(--font-sans);}
.hs-panel-stat-box .lbl{font-size:.62rem;color:var(--hs-text2);text-transform:uppercase;letter-spacing:.07em;margin-top:.18rem;display:block;font-family:var(--font-mono);}
.hs-panel-tag{display:inline-flex;align-items:center;gap:5px;background:var(--hs-brand-soft);border:1px solid var(--hs-brand-border);color:var(--hs-brand);font-size:.65rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;padding:3px 9px;border-radius:var(--r-pill);font-family:var(--font-mono);}
.hs-panel-row{display:flex;align-items:center;gap:.6rem;padding:.48rem 0;border-bottom:1px solid var(--hs-border);}
.hs-panel-row:last-child{border:none;}
.hs-panel-row .dot{width:7px;height:7px;border-radius:50%;background:var(--hs-brand);flex-shrink:0;}
.hs-panel-row .dot.-green{background:#4ADE80;}.hs-panel-row .dot.-yellow{background:#FBBF24;}
.hs-panel-row span{font-size:.76rem;color:var(--hs-text2);flex:1;}
.hs-panel-row strong{font-size:.76rem;color:var(--hs-text);font-weight:600;}
.hs-panel-progress{height:4px;background:var(--hs-border);border-radius:2px;overflow:hidden;margin-top:.18rem;}
.hs-panel-progress-bar{height:100%;border-radius:2px;background:var(--hs-grad);}

/* ── AI section ──────────────────────────────────────────── */
.hs-ai-section{background:var(--hs-bg2);border-top:1px solid var(--hs-border);border-bottom:1px solid var(--hs-border);position:relative;overflow:hidden;}
.hs-ai-section::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse 70% 90% at 100% 50%,rgba(196,133,106,.1),transparent);pointer-events:none;}
.hs-ai-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.8rem;margin-top:1.65rem;}
.hs-ai-list li{display:flex;align-items:flex-start;gap:.6rem;font-size:.865rem;color:var(--hs-text2);line-height:1.65;}
.hs-ai-list li::before{content:'→';color:var(--hs-brand);font-weight:700;flex-shrink:0;}
.hs-codeblock{background:var(--hs-bg2);border:1px solid var(--hs-border);border-radius:var(--r-lg);padding:1.65rem;font-family:var(--font-mono);font-size:.74rem;line-height:2;color:var(--hs-text2);overflow:hidden;}
.hs-codeblock .kw{color:#c4b5fd;}.hs-codeblock .str{color:#86EFAC;}.hs-codeblock .fn{color:#FCA5A5;}.hs-codeblock .cm{color:#515151;}

/* ── Mobile / footer ─────────────────────────────────────── */
.c-mobile-menu{background:rgba(0,0,0,.94);border-top:1px solid var(--hs-border);backdrop-filter:blur(24px);}
.c-mobile-menu_link{color:var(--hs-text2);font-size:.95rem;}
.c-mobile-menu_link:hover{color:#fff;}
.c-mobile-menu_cta{background:#fff;color:#000;border-radius:var(--r-pill);}
.c-burger_bar{background:var(--hs-text);}
.c-footer{background:var(--hs-bg);border-top:1px solid var(--hs-border);}
.c-footer_inner,.c-footer_credits{position:relative;z-index:1;}
.c-footer_brand{display:flex;flex-direction:column;gap:14px;max-width:220px;}
.c-footer_tagline{font-size:.8rem;line-height:1.6;color:rgba(255,255,255,.38);margin:0;}
.c-footer_social{display:flex;gap:12px;align-items:center;}
.c-footer_social a{color:rgba(255,255,255,.35);transition:color .14s;display:flex;}
.c-footer_social a:hover{color:#C4856A;}
.c-footer_nav a{color:var(--hs-text2);font-size:.875rem;}
.c-footer_nav a:hover{color:#fff;}
.c-footer .menu-item-has-children>a{color:var(--hs-text);font-weight:600;}
.c-footer_credits p,.c-footer_credits a{color:var(--hs-text3);font-size:.75rem;}
.c-footer_credits a:hover{color:#fff;}
.o-card{background:var(--hs-bg3);border:1px solid var(--hs-border);border-radius:var(--r-lg);}
.c-text-field input,.c-text-field textarea,.wpcf7-form-control{background:var(--hs-bg3);border-color:var(--hs-border);color:var(--hs-text);border-radius:var(--r-sm);}
.c-text-field input:focus,.c-text-field textarea:focus,.wpcf7-form-control:focus{border-color:var(--hs-brand);outline:none;box-shadow:0 0 0 3px var(--hs-brand-dim);}
.c-text-field input::placeholder,.c-text-field textarea::placeholder{color:rgba(163,163,163,.35);}
.c-label{color:var(--hs-text2);font-size:.78rem;}

/* ── c-menu video animated fallback ─────────────────────── */
.c-menu_video{position:relative;overflow:hidden;min-height:160px;}
.c-menu_video::after{content:'';position:absolute;inset:0;z-index:0;background:radial-gradient(ellipse 90% 80% at 25% 50%,rgba(196,133,106,.4),transparent),radial-gradient(ellipse 60% 60% at 75% 40%,rgba(122,72,48,.25),transparent),linear-gradient(135deg,#050508,#080512);animation:menuBlob 7s ease-in-out infinite alternate;}
.c-menu_item:nth-child(2) .c-menu_video::after{animation-delay:-2.3s;background:radial-gradient(ellipse 75% 90% at 55% 20%,rgba(196,133,106,.35),transparent),radial-gradient(ellipse 65% 65% at 35% 75%,rgba(155,94,66,.25),transparent),linear-gradient(135deg,#060410,#0a0514);}
.c-menu_item:nth-child(3) .c-menu_video::after{animation-delay:-4.6s;background:radial-gradient(ellipse 80% 70% at 70% 40%,rgba(155,94,66,.38),transparent),radial-gradient(ellipse 55% 80% at 20% 65%,rgba(122,72,48,.28),transparent),linear-gradient(135deg,#05040c,#080416);}
@keyframes menuBlob{from{transform:scale(1) translate(0%,0%);}50%{transform:scale(1.08) translate(4%,3%);}to{transform:scale(1.04) translate(-2%,5%);}}
.c-menu_video video{opacity:0;position:absolute;width:1px;height:1px;}

/* ── Reveal animation ────────────────────────────────────── */
.reveal{opacity:0;transform:translateY(32px);filter:blur(4px);transition:opacity .8s var(--ease),transform .8s var(--ease),filter .8s var(--ease);}
.reveal.is-visible{opacity:1;transform:translateY(0);filter:blur(0);}

/* ── Trust strip ─────────────────────────────────────────── */
.hs-trust-strip{border-top:1px solid var(--hs-border);border-bottom:1px solid var(--hs-border);padding:2.1rem 0;text-align:center;}
.hs-trust-label{font-size:.68rem;text-transform:uppercase;letter-spacing:.12em;color:var(--hs-text3);font-family:var(--font-mono);margin-bottom:1.1rem;}

/* ── Logo strip ──────────────────────────── */
.hs-logos{padding:2.2rem 0;border-bottom:1px solid var(--hs-border);background:var(--hs-bg);overflow:hidden;}
.hs-logos-label{font-size:.6rem;text-transform:uppercase;letter-spacing:.18em;color:var(--hs-text3);font-family:var(--font-mono);text-align:center;margin-bottom:1.4rem;}

/* Belt marquee */
/* Gladia-exact two-row logo belt */
.hs-logos-rows{display:flex;flex-direction:column;gap:.75rem;-webkit-mask-image:linear-gradient(to right,transparent 0,#000 12%,#000 88%,transparent 100%);mask-image:linear-gradient(to right,transparent 0,#000 12%,#000 88%,transparent 100%);}
.hs-logos-rows:hover .hs-logos-track{animation-play-state:paused;}
.hs-logos-track{display:flex;width:max-content;animation:scrollBeltFwd 32s linear infinite;}
.hs-logos-track-rev{animation-direction:reverse;animation-duration:28s;}
.hs-logos-set{display:flex;align-items:center;gap:clamp(1rem,3vw,2rem);padding:0 clamp(.5rem,2vw,1.5rem);}
@keyframes scrollBeltFwd{0%{transform:translateX(0);}100%{transform:translateX(-50%);}}

.hs-logo-card{display:flex;align-items:center;gap:.65rem;padding:.7rem 1.25rem;border:1px solid rgba(255,255,255,.08);border-radius:var(--r-md);background:rgba(255,255,255,.03);white-space:nowrap;text-decoration:none;transition:border-color .2s,background .2s;flex-shrink:0;}
.hs-logo-card:hover{border-color:rgba(196,133,106,.35);background:rgba(196,133,106,.06);}
.hs-logo-card.-muted svg{opacity:.35;}
.hs-logo-card_name{font-size:.82rem;font-weight:500;color:rgba(255,255,255,.7);}
.hs-logo-card_domain{font-size:.65rem;color:var(--hs-text3);font-family:var(--font-mono);margin-left:.25rem;}

/* ── Sticky showcase ─────────────────────── */
.hs-showcase{padding:6rem 0 5rem;background:var(--hs-bg);border-top:1px solid var(--hs-border);}
.hs-showcase-hdr{text-align:center;max-width:580px;margin:0 auto 5rem;}
/* Gladia layout: steps LEFT (scroll), panel RIGHT (sticky) */
.hs-showcase-layout{display:flex;gap:4rem;align-items:flex-start;position:relative;min-height:100%;}
.hs-sc-steps{flex:0 0 min(480px,40%);display:flex;flex-direction:column;}
.hs-showcase-right{flex:1;min-width:0;position:sticky;top:90px;align-self:flex-start;}
/* JS-driven sticky fallback for LocomotiveScroll — .is-pinned added by script */
.hs-showcase-right.is-pinned{position:fixed;top:90px;width:var(--panel-w,480px);}
.hs-showcase-right.is-past{position:absolute;bottom:0;top:auto;}
@media(max-width:880px){
  .hs-showcase-layout{flex-direction:column-reverse;gap:2.5rem;}
  .hs-sc-steps{flex:none;width:100%;}
  .hs-showcase-right{position:relative;top:auto;width:100%;flex:none;}
}
.hs-showcase-panel{border-radius:20px;background:#050506;background-image:radial-gradient(circle,rgba(255,255,255,.045) 1.2px,transparent 1.2px);background-size:14px 11px;border:1px solid rgba(255,255,255,.14);overflow:hidden;position:relative;min-height:380px;}
.hs-sc-slide{position:absolute;inset:0;opacity:0;transform:translateY(10px) scale(.98);transition:opacity .4s var(--ease),transform .4s var(--ease);pointer-events:none;}
.hs-sc-slide.is-active{opacity:1;transform:none;pointer-events:all;position:relative;}
.hs-sc-progress{margin-top:1rem;display:flex;gap:.5rem;}
.hs-sc-pbar{flex:1;height:2px;background:var(--hs-border);border-radius:2px;overflow:hidden;position:relative;}
.hs-sc-pbar::after{content:'';position:absolute;left:0;top:0;height:100%;width:0%;background:var(--hs-brand);border-radius:2px;transition:width .45s var(--ease);}
.hs-sc-pbar.is-active::after{width:100%;}
.hs-sc-step{min-height:75vh;display:flex;flex-direction:column;justify-content:center;padding:4.5rem 0;border-bottom:1px solid var(--hs-border2);transition:opacity .35s;}
.hs-sc-step:last-child{border-bottom:none;}
.hs-sc-step:not(.is-active){opacity:.28;}
.hs-sc-step-num{font-size:3rem;font-weight:800;font-family:var(--font-mono);line-height:1;display:block;margin-bottom:.7rem;background:var(--hs-grad);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;}
.hs-sc-step h3{font-size:clamp(1.4rem,2.5vw,2rem);font-weight:400;letter-spacing:-.03em;color:var(--hs-text);margin-bottom:.85rem;font-family:var(--font-sans);}
.hs-sc-step>p{font-size:.88rem;color:var(--hs-text2);line-height:1.75;max-width:400px;margin-bottom:1.25rem;}
.hs-sc-step ul{list-style:none;padding:0;margin:0 0 1.5rem;display:flex;flex-direction:column;gap:.5rem;}
.hs-sc-step ul li{font-size:.85rem;color:var(--hs-text2);display:flex;align-items:center;gap:.6rem;}
.hs-sc-step ul li::before{content:'';width:5px;height:5px;border-radius:50%;background:var(--hs-brand);flex-shrink:0;}

/* ── Bento grid ─────────────────────────── */
.hs-bento{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--hs-border);border-radius:var(--r-xl);overflow:hidden;margin-top:3rem;}
@media(max-width:860px){.hs-bento{grid-template-columns:repeat(2,1fr);}}
@media(max-width:560px){.hs-bento{grid-template-columns:1fr;}}
.hs-bento-cell{background:var(--hs-bg2);padding:1.75rem 1.6rem;transition:background .18s;}
.hs-bento-cell:hover{background:var(--hs-bg3);}
.hs-bento-cell.-span2{grid-column:span 2;}
@media(max-width:860px){.hs-bento-cell.-span2{grid-column:span 1;}}
.hs-bento-cell.-accent{background:rgba(196,133,106,.07);}
.hs-bento-cell.-accent:hover{background:rgba(196,133,106,.12);}
.hs-bento-big{font-size:2.8rem;font-weight:800;background:var(--hs-grad);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1.1;display:block;margin-bottom:.35rem;font-family:var(--font-sans);}
.hs-bento-cell h4{font-size:.93rem;font-weight:600;color:var(--hs-text);margin:0 0 .4rem;font-family:var(--font-sans);}
.hs-bento-cell p{font-size:.83rem;color:var(--hs-text2);line-height:1.65;margin:0;}


/* ── Gladia-style counter pill ───────────── */
.hs-counter-pill{display:inline-flex;align-items:center;gap:.5rem;padding:.3rem .9rem .3rem .3rem;border-radius:var(--r-pill);background:rgba(0,0,0,.05);border:1px solid rgba(0,0,0,.10);width:fit-content;animation:cpillReveal 1.1s cubic-bezier(0.22,1,0.36,1) both;transform-origin:right center;}
@keyframes cpillReveal{0%{opacity:0;clip-path:inset(-8px 0 -8px 100%);transform:translateX(12px);}100%{opacity:1;clip-path:inset(-8px 0 -8px 0%);transform:translateX(0);}}
.hs-cpill-badge{display:inline-flex;align-items:center;gap:.3rem;padding:.25rem .6rem;border-radius:var(--r-pill);background:rgba(196,133,106,.12);color:#9B5E42;font-size:.72rem;font-weight:600;letter-spacing:.02em;}
.hs-cpill-dot{width:6px;height:6px;border-radius:50%;background:#C4856A;flex-shrink:0;position:relative;}
.hs-cpill-dot::after{content:'';position:absolute;inset:-3px;border-radius:50%;background:#C4856A;opacity:0;animation:dotPulse 2s ease-out infinite;}
.hs-cpill-text{font-size:.78rem;color:rgba(0,0,0,.62);font-weight:500;line-height:1.2;}
.hs-cpill-value{display:inline-flex;align-items:center;color:#080808;font-weight:600;font-variant-numeric:tabular-nums;vertical-align:middle;}
/* Digit-roll (shared) */
.hs-digit-roll{display:inline-flex;overflow:hidden;height:1.1em;vertical-align:middle;position:relative;}
.hs-digit-col{display:flex;flex-direction:column;transition:transform .7s cubic-bezier(0.23,1,0.32,1);line-height:1.1;}
.hs-digit-col span{display:block;height:1.1em;line-height:1.1;color:#080808;}
.hs-badge-sep{color:inherit;}

/* ── How-It-Works flow diagram ──────────── */
.hs-hiw{padding:6rem 0;background:var(--hs-bg);border-top:1px solid var(--hs-border);}
.hs-hiw-flow{display:flex;align-items:flex-start;gap:0;position:relative;padding-top:1rem;}
.hs-hiw-phase{flex:1;display:flex;flex-direction:column;align-items:center;text-align:center;position:relative;padding:0 .5rem;}
.hs-hiw-phase-ring{width:36px;height:36px;border-radius:50%;border:1.5px solid var(--hs-border);display:flex;align-items:center;justify-content:center;margin-bottom:1.25rem;background:var(--hs-bg2);transition:border-color .4s,box-shadow .4s;position:relative;z-index:2;}
.hs-hiw-phase-dot{width:10px;height:10px;border-radius:50%;background:var(--hs-text3);transition:background .4s,transform .4s;}
.hs-hiw-phase.is-active .hs-hiw-phase-ring{border-color:var(--hs-brand);box-shadow:0 0 0 6px var(--hs-brand-soft),0 0 24px var(--hs-brand-dim);}
.hs-hiw-phase.is-active .hs-hiw-phase-dot{background:var(--hs-brand);transform:scale(1.2);}
.hs-hiw-phase-ico{width:44px;height:44px;border-radius:var(--r-md);background:var(--hs-brand-soft);border:1px solid var(--hs-brand-border);display:flex;align-items:center;justify-content:center;margin-bottom:.9rem;color:var(--hs-brand);transition:background .4s,box-shadow .4s;}
.hs-hiw-phase.is-active .hs-hiw-phase-ico{background:var(--hs-brand-dim);box-shadow:0 0 20px var(--hs-brand-dim);}
.hs-hiw-phase h5{font-size:.88rem;font-weight:600;color:var(--hs-text);margin:0 0 .4rem;font-family:var(--font-sans);transition:color .3s;}
.hs-hiw-phase p{font-size:.78rem;color:var(--hs-text3);line-height:1.6;margin:0;transition:color .3s;max-width:160px;}
.hs-hiw-phase.is-active p{color:var(--hs-text2);}
.hs-hiw-week{display:inline-block;margin-top:.65rem;font-size:.62rem;font-family:var(--font-mono);color:var(--hs-brand);letter-spacing:.08em;background:var(--hs-brand-soft);border:1px solid var(--hs-brand-border);padding:2px 8px;border-radius:99px;opacity:0;transition:opacity .4s .2s;}
.hs-hiw-phase.is-active .hs-hiw-week{opacity:1;}
/* Connectors */
.hs-hiw-conn{flex:0.7;display:flex;align-items:center;position:relative;padding-top:3px;margin-top:calc(36px / 2 - 1px);}
.hs-hiw-conn-fill{height:1.5px;width:100%;background:var(--hs-border2);position:relative;overflow:hidden;}
.hs-hiw-conn-fill::after{content:'';position:absolute;left:0;top:0;height:100%;width:0;background:linear-gradient(90deg,var(--hs-brand),var(--hs-brand-dim));transition:width .6s var(--ease) var(--cd,0s);}
.hs-hiw-conn.is-filled .hs-hiw-conn-fill::after{width:100%;}
.hs-hiw-conn-dot{width:8px;height:8px;border-radius:50%;background:var(--hs-brand);position:absolute;left:-4px;top:50%;transform:translateY(-50%);opacity:0;animation:none;}
.hs-hiw-conn.is-filled .hs-hiw-conn-dot{opacity:1;animation:connDotTravel .6s var(--ease) var(--cd,0s) both;}
@keyframes connDotTravel{from{left:0;}to{left:calc(100% - 4px);}}
/* Terminal demo card */
.hs-hiw-demo{margin-top:3.5rem;background:rgba(0,0,0,.6);border:1px solid rgba(255,255,255,.08);border-radius:var(--r-lg);overflow:hidden;max-width:640px;margin-left:auto;margin-right:auto;}
.hs-hiw-demo-bar{display:flex;align-items:center;gap:.4rem;padding:.75rem 1rem;border-bottom:1px solid rgba(255,255,255,.06);background:rgba(255,255,255,.03);}
.hs-hiw-demo-dot{width:11px;height:11px;border-radius:50%;flex-shrink:0;}
.hs-hiw-demo-live{display:inline-flex;align-items:center;gap:4px;margin-left:auto;font-size:.6rem;font-family:var(--font-mono);color:#4ADE80;letter-spacing:.06em;}
.hs-hiw-demo-live span{width:6px;height:6px;border-radius:50%;background:#4ADE80;animation:dotPulse 1.8s ease-out infinite;}
.hs-hiw-demo-body{padding:1rem 1.25rem;font-family:var(--font-mono);font-size:.73rem;line-height:2;color:var(--hs-text3);}
.hs-hiw-demo-line{opacity:0;transform:translateX(-6px);transition:opacity .3s var(--ease),transform .3s var(--ease);}
.hs-hiw-demo-line.is-visible{opacity:1;transform:none;}
.hs-hiw-demo-line .hs-cmd{color:rgba(255,255,255,.55);margin-right:.4rem;}
.hs-hiw-demo-line .hs-ok{color:#4ADE80;margin-right:.4rem;}
.hs-hiw-demo-stats{display:flex;gap:1.5rem;flex-wrap:wrap;padding:.75rem 1.25rem;border-top:1px solid rgba(255,255,255,.06);background:rgba(255,255,255,.02);font-size:.72rem;color:var(--hs-text3);}
@media(max-width:780px){.hs-hiw-flow{flex-direction:column;align-items:stretch;gap:1rem;}.hs-hiw-conn{display:none;}.hs-hiw-phase{flex-direction:row;text-align:left;align-items:flex-start;gap:1rem;}.hs-hiw-phase-ring{flex-shrink:0;}.hs-hiw-phase p{max-width:none;}}

/* ── Announcement bar ───────────────────── */
.hs-ann-bar{position:fixed;bottom:20px;left:50%;transform:translateX(-50%);z-index:990;display:flex;align-items:center;gap:.85rem;padding:9px 10px 9px 16px;background:rgba(0,0,0,.88);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border:1px solid rgba(255,255,255,.10);border-radius:99px;box-shadow:0 8px 40px rgba(0,0,0,.7);white-space:nowrap;max-width:calc(100vw - 40px);animation:annBarIn .7s .9s var(--ease-spring) both;}
@keyframes annBarIn{from{transform:translateX(-50%) translateY(70px);opacity:0;}to{transform:translateX(-50%) translateY(0);opacity:1;}}
.hs-ann-bar.is-hidden{transform:translateX(-50%) translateY(80px);opacity:0;pointer-events:none;transition:transform .4s var(--ease),opacity .4s var(--ease);}
.hs-ann-live{display:flex;align-items:center;gap:5px;background:rgba(74,222,128,.1);border:1px solid rgba(74,222,128,.25);border-radius:99px;padding:3px 10px 3px 7px;flex-shrink:0;}
.hs-ann-live-dot{width:6px;height:6px;border-radius:50%;background:#4ADE80;animation:dotPulse 2s ease-out infinite;}
.hs-ann-live span{font-size:.66rem;font-weight:700;color:#4ADE80;letter-spacing:.06em;text-transform:uppercase;}
.hs-ann-text{font-size:.82rem;color:var(--hs-text2);overflow:hidden;text-overflow:ellipsis;}
.hs-ann-text strong{color:var(--hs-text);}
.hs-ann-btn{display:inline-flex;align-items:center;gap:4px;padding:6px 14px;background:var(--hs-brand);color:#fff;border-radius:99px;font-size:.75rem;font-weight:600;text-decoration:none;transition:background .15s,transform .15s;flex-shrink:0;}
.hs-ann-btn:hover{background:var(--hs-brand-2);transform:scale(1.03);color:#fff;}
.hs-ann-close{background:none;border:none;color:rgba(255,255,255,.25);cursor:pointer;padding:4px 7px;font-size:1.1rem;line-height:1;transition:color .15s;flex-shrink:0;}
.hs-ann-close:hover{color:rgba(255,255,255,.75);}

/* ── EXPLORE hint ───────────────────────── */
/* EXPLORE box — Gladia style: bordered pill with line inside */
.hs-explore-hint{display:flex;flex-direction:column;align-items:center;gap:.35rem;margin-top:3rem;padding:.55rem .75rem .65rem;border:1px solid rgba(255,255,255,.15);border-radius:10px;width:56px;}
.hs-explore-hint span{font-size:.52rem;letter-spacing:.18em;text-transform:uppercase;color:rgba(255,255,255,.32);font-family:var(--font-mono);}
.hs-explore-line{width:1px;height:26px;background:linear-gradient(to bottom,rgba(255,255,255,.5),transparent);animation:elIn 2.2s 1.2s ease-in-out infinite;}
@keyframes elIn{0%{transform:scaleY(0);transform-origin:top;opacity:0;}40%{transform:scaleY(1);transform-origin:top;opacity:1;}55%{transform:scaleY(1);transform-origin:bottom;}100%{transform:scaleY(0);transform-origin:bottom;opacity:0;}}

/* ── Stats clip reveal ──────────────────── */
@keyframes statReveal{from{clip-path:inset(0 100% 0 0);}to{clip-path:inset(0 0% 0 0);}}
.hs-stat_num.anim-ran{animation:statReveal .85s var(--ease) both;}


/* ── Card shimmer on hover ──────────────── */
.hs-card,.hs-product-card,.hs-bento-cell,.hs-step,.hs-sc-step{position:relative;}
.hs-card::after,.hs-product-card::after,.hs-bento-cell::after{content:'';position:absolute;inset:0;border-radius:inherit;background:linear-gradient(105deg,transparent 40%,rgba(255,255,255,.04) 50%,transparent 60%);background-size:200% 100%;opacity:0;transition:opacity .2s;pointer-events:none;}
.hs-card:hover::after,.hs-product-card:hover::after,.hs-bento-cell:hover::after{opacity:1;animation:cardShimmer .6s var(--ease) both;}
@keyframes cardShimmer{from{background-position:200% 0;}to{background-position:-200% 0;}}

/* ── Cursor heartbeat (interactive cards) ── */
.hs-card,.hs-product-card{cursor:pointer;}
.hs-card:active,.hs-product-card:active{animation:cursorHB .3s var(--ease-spring) both;}
@keyframes cursorHB{0%{transform:scale(1);}50%{transform:scale(.97);}100%{transform:scale(1);}}
.c-btn:active{animation:btnPress .2s var(--ease) both;}
@keyframes btnPress{0%{transform:scale(1);}50%{transform:scale(.95);}100%{transform:scale(1);}}

/* ── Showcase slide animated items ───────── */
.hs-sc-anim{opacity:0;transform:translateY(10px);transition:opacity .45s var(--ease) var(--d,0s),transform .45s var(--ease) var(--d,0s);}
.hs-sc-slide.is-active .hs-sc-anim{opacity:1;transform:translateY(0);}
.hs-sc-loadbar{height:3px;background:rgba(255,255,255,.06);border-radius:2px;overflow:hidden;margin-top:.28rem;}
.hs-sc-loadfill{height:100%;border-radius:2px;background:var(--hs-grad);width:0%;transition:none;}
.hs-sc-slide.is-active .hs-sc-loadfill{width:var(--w,100%);transition:width 1.1s var(--ease) var(--ld,.3s);}

/* ── Missing Gladia keyframes ─────────────── */
@keyframes fadeInUp{from{opacity:0;transform:translateY(40px);}to{opacity:1;transform:translateY(0);}}
@keyframes hpSoftPulse{0%,100%{opacity:.5;}50%{opacity:1;}}
@keyframes hpTagRingPulse{0%{transform:scale(1);opacity:.6;}100%{transform:scale(1.9);opacity:0;}}
@keyframes livePulse{0%,100%{opacity:.7;}50%{opacity:.2;}}

/* ── Hero reveal — pure CSS, no JS dependency ── */
@keyframes heroFade{from{opacity:0;filter:blur(20px);transform:translateY(18px);}to{opacity:1;filter:blur(0);transform:translateY(0);}}
.hero-line{display:inline-block;animation:heroFade .7s var(--ease) calc(.1s + var(--i,0)*.12s) both;}
.hs-hero_sub{animation:heroFade .65s var(--ease) .5s both;}
.hs-hero_cta{animation:heroFade .65s var(--ease) .65s both;}
/* JS lines-in still works as override if it fires */
.hs-hero.lines-in .hero-line,.hs-hero_sub.lines-in,.hs-hero_cta.lines-in{animation:none;opacity:1;filter:blur(0);transform:none;}



/* ── Floating tag ring pulse ────────────────── */
.hs-float-ring{position:absolute;inset:-4px;border-radius:var(--r-pill);border:1.5px solid var(--hs-brand-border);animation:hpTagRingPulse 2.2s ease-out infinite;}

/* ── Enhanced card hover glow ───────────────── */
.hs-product-card:hover{border-color:rgba(196,133,106,.4);box-shadow:0 0 0 1px rgba(196,133,106,.14),0 20px 50px rgba(0,0,0,.55),0 0 40px rgba(196,133,106,.09);}
.hs-card:hover{border-color:var(--hs-brand-border);box-shadow:0 0 0 1px var(--hs-brand-soft),0 16px 48px rgba(0,0,0,.55),0 0 30px var(--hs-brand-soft);}

/* ── Stat number counter ─────────────────────── */
.hs-stat_num.counting{animation:statReveal .7s var(--ease) both;}

/* ── Section entrance ─────────────────────────── */
/* !important beats LocomotiveScroll inline opacity:0 */
.hs-reveal{opacity:1!important;transform:translateY(0)!important;pointer-events:auto!important;transition:none;}
.hs-reveal.is-visible{opacity:1!important;transform:translateY(0)!important;}

/* ── Bottom eclipse glow (footer) ───────────── */
.c-footer{position:relative;overflow:hidden;}
.c-footer::before{content:'';position:absolute;bottom:-60%;left:50%;transform:translateX(-50%);width:900px;height:600px;border-radius:50%;background:radial-gradient(ellipse 60% 50% at 50% 100%,rgba(196,133,106,.18),rgba(122,72,48,.08) 45%,transparent 70%);pointer-events:none;z-index:0;animation:hpSoftPulse 6s ease-in-out infinite;}
.c-footer::after{content:'';position:absolute;bottom:-58%;left:50%;transform:translateX(-50%);width:700px;height:400px;border-radius:50%;border:1px solid rgba(196,133,106,.12);box-shadow:0 0 60px rgba(196,133,106,.06) inset;pointer-events:none;z-index:0;}

/* ── Bento live animated cells ───────────── */
.hs-bento-live{margin-top:.9rem;}
/* Sprint bars */
.hs-bento-sprint{display:flex;flex-direction:column;gap:.45rem;}
.hs-bento-sprint-row{display:grid;grid-template-columns:52px 1fr 58px;gap:.5rem;align-items:center;}
.hs-bento-sprint-row>span:first-child{font-size:.65rem;color:var(--hs-text3);font-family:var(--font-mono);white-space:nowrap;}
.hs-bento-sprint-track{height:4px;background:rgba(255,255,255,.06);border-radius:2px;overflow:hidden;}
.hs-bento-sprint-fill{height:100%;border-radius:2px;background:var(--hs-grad);width:0%;transition:none;}
.hs-bento.is-inview .hs-bento-sprint-fill{width:var(--w,0%);transition:width 1.2s var(--ease) var(--d,.3s);}
.hs-bento-sprint-row .badge{font-size:.6rem;font-weight:600;white-space:nowrap;text-align:right;}
.hs-bento-sprint-row .badge.-done{color:#4ADE80;}
.hs-bento-sprint-row .badge.-wip{color:#FBBF24;}
.hs-bento-sprint-row .badge.-next{color:var(--hs-text3);}
/* Git terminal */
.hs-bento-terminal{background:rgba(0,0,0,.5);border:1px solid rgba(255,255,255,.07);border-radius:var(--r-md);padding:.7rem .9rem;font-family:var(--font-mono);font-size:.68rem;line-height:1.85;color:var(--hs-text3);}
.hs-bento-terminal .hs-cmd{color:rgba(255,255,255,.7);}
.hs-bento-terminal .hs-ok{color:#4ADE80;}
/* Chat bubbles */
.hs-bento-chat{display:flex;flex-direction:column;gap:.45rem;}
@keyframes chatPop{from{opacity:0;transform:translateY(6px) scale(.95);}to{opacity:1;transform:none;}}
.hs-bento.is-inview .hs-chat-msg{animation:chatPop .4s var(--ease) var(--d,.5s) both;}
.hs-chat-msg{display:flex;gap:.5rem;align-items:flex-start;}
.hs-chat-msg.r{flex-direction:row-reverse;}
.hs-chat-av{width:22px;height:22px;border-radius:50%;flex-shrink:0;display:flex;align-items:center;justify-content:center;font-size:.6rem;font-weight:700;}
.hs-chat-av.you{background:rgba(196,133,106,.2);border:1px solid rgba(196,133,106,.3);color:var(--hs-brand);}
.hs-chat-av.hs{background:rgba(196,133,106,.9);color:#fff;}
.hs-chat-bubble{padding:.4rem .7rem;border-radius:10px;font-size:.73rem;line-height:1.45;color:var(--hs-text);max-width:200px;}
.hs-chat-msg:not(.r) .hs-chat-bubble{background:var(--hs-bg3);border:1px solid var(--hs-border);border-radius:3px 10px 10px 10px;}
.hs-chat-msg.r .hs-chat-bubble{background:rgba(196,133,106,.18);border:1px solid rgba(196,133,106,.25);border-radius:10px 3px 10px 10px;color:var(--hs-text);}
/* Float tags */
@keyframes floatUp{0%,100%{transform:translateY(0);}50%{transform:translateY(-5px);}}
.hs-bento.is-inview .hs-float-pill{animation:floatUp 3.2s ease-in-out var(--fp,0s) infinite;}
/* Cost bars */
.hs-bento-costbar{display:flex;flex-direction:column;gap:.5rem;margin-top:.85rem;}
.hs-bento-cost-row{display:grid;grid-template-columns:70px 1fr 38px;gap:.5rem;align-items:center;}
.hs-bento-cost-row>span:first-child{font-size:.65rem;color:var(--hs-text3);font-family:var(--font-mono);}
.hs-bento-cost-track{height:6px;background:rgba(255,255,255,.06);border-radius:3px;overflow:hidden;}
.hs-bento-cost-fill{height:100%;border-radius:3px;width:0%;transition:none;}
.hs-bento.is-inview .hs-bento-cost-fill{width:var(--w,0%);transition:width 1.1s var(--ease) var(--d,.4s);}
.hs-bento-cost-fill.-hs{background:var(--hs-grad);}
.hs-bento-cost-fill.-agency{background:rgba(255,255,255,.15);}
.hs-bento-cost-row>span:last-child{font-size:.65rem;color:var(--hs-text3);font-family:var(--font-mono);text-align:right;}
/* Direct connection visual */
.hs-bento-direct{display:flex;align-items:center;gap:.6rem;margin-top:.85rem;}
.hs-bento-avatar{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:700;flex-shrink:0;}
.hs-bento-avatar.you{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1);color:var(--hs-text2);}
.hs-bento-avatar.eng{background:rgba(196,133,106,.15);border:1px solid rgba(196,133,106,.3);color:var(--hs-brand);}
.hs-bento-direct-line{flex:1;height:1px;background:linear-gradient(to right,rgba(196,133,106,.4),rgba(196,133,106,.1));position:relative;}
.hs-bento-direct-line::after{content:'↔';position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:.75rem;color:var(--hs-brand);background:var(--hs-bg2);padding:0 4px;}
@keyframes directPulse{0%,100%{box-shadow:0 0 0 0 rgba(196,133,106,.3);}50%{box-shadow:0 0 0 8px rgba(196,133,106,0);}}
.hs-bento.is-inview .hs-bento-avatar.eng{animation:directPulse 2.4s ease-out .6s infinite;}

/* ═══════════════════════════════════════════════════════════
   HIW SECTION — Gladia-exact (hiw-* + sv-*)
═══════════════════════════════════════════════════════════ */
.hs-showcase{padding-bottom:0;}
.hs-showcase-hdr{padding:3.5rem 0 2rem;text-align:center;max-width:760px;margin:0 auto;}
.hs-showcase-hdr .hs-section-sub{max-width:100%;}

.hs-hiw-section{width:100%;display:flex;flex-direction:row;align-items:flex-start;position:relative;min-height:180vh;}

.hs-hiw-col-text{flex:0 0 auto;width:min(540px,38vw);min-width:0;max-width:100%;display:flex;flex-direction:column;padding-right:24px;margin-left:max(40px,calc((100vw - 1400px)/2 + 80px));overflow:visible;}

.hs-hiw-step{min-height:55vh;display:flex;align-items:center;padding:24px 0;}
.hs-hiw-step:first-child{padding-top:16px;}
.hs-hiw-step:last-child{min-height:80vh;padding-bottom:20vh;}

.hs-hiw-step-text{display:flex;flex-direction:column;gap:20px;opacity:0.25;transform:translateY(12px);transition:opacity .5s cubic-bezier(.4,0,.2,1),transform .5s cubic-bezier(.4,0,.2,1);}
.hs-hiw-step.is-active .hs-hiw-step-text{opacity:1;transform:translateY(0);}

.hs-hiw-badge{display:inline-flex;align-items:center;gap:8px;padding:4px 12px;border-radius:20px;background:var(--hs-brand-soft);border:1px solid var(--hs-brand-border);color:var(--hs-brand);font-family:var(--font-mono);font-size:11px;letter-spacing:.1em;align-self:flex-start;}

.hs-hiw-heading{font-size:clamp(2rem,4vw,3rem);font-weight:400;line-height:1.1;letter-spacing:-.02em;color:#fff;}

.hs-hiw-sub{font-size:1rem;line-height:1.7;color:rgba(255,255,255,.5);max-width:500px;}

.hs-hiw-features{list-style:none;padding:24px 0 0;margin:0;display:flex;flex-direction:column;gap:16px;}
.hs-hiw-features li{display:flex;align-items:flex-start;gap:12px;font-size:.95rem;line-height:1.6;color:rgba(255,255,255,.5);}
.hs-hiw-features li svg{flex-shrink:0;color:#C4856A;margin-top:.45em;}

.hs-hiw-cta-row{display:flex;gap:16px;align-items:center;padding-top:16px;}

/* Sticky diagram column — Locomotive Scroll handles via data-scroll-sticky */
.hs-hiw-col-diagram{flex:0 0 48%;min-width:0;position:sticky;top:0;height:100vh;display:flex;align-items:stretch;justify-content:stretch;margin-left:auto;margin-right:max(40px,calc((100vw - 1400px)/2));border-radius:0 32px 0 0;overflow:hidden;align-self:flex-start;}
/* When Locomotive Scroll applies sticky, it sets position via JS — override conflicts */
.hs-hiw-col-diagram[style*="position"]{height:100vh;border-radius:0 32px 0 0;overflow:hidden;}

.hs-hiw-diagram-stage{position:relative;width:100%;height:100%;background-color:#050506;background-image:radial-gradient(circle,rgba(255,255,255,.05) 1.2px,transparent 1.2px);background-size:14.3px 11.2px;overflow:hidden;border-radius:0 32px 0 0;}

.hs-hiw-diagram-stage::before{content:'';position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(to right,#000 0%,transparent 22%),linear-gradient(to top,#000 0%,transparent 18%);}

.hs-hiw-diagram-stage::after{content:'';position:absolute;inset:0;z-index:2;pointer-events:none;background:linear-gradient(to bottom,transparent 0%,rgba(28,28,30,.5) 30%,rgba(28,28,30,.5) 70%,transparent 100%) right/1px 100% no-repeat,linear-gradient(to right,transparent 0%,rgba(28,28,30,.5) 30%,rgba(28,28,30,.5) 70%,transparent 100%) top/100% 1px no-repeat;}

.hs-hiw-diagram-flow{display:flex;flex-direction:column;align-items:center;gap:clamp(100px,14vh,180px);width:100%;padding:35vh 32px 40vh;position:relative;will-change:transform;transition:transform .65s cubic-bezier(.4,0,.2,1);}

.hs-hiw-phase{width:100%;display:flex;justify-content:center;transition:opacity .5s ease-out;position:relative;z-index:1;}

.hs-hiw-phase [data-hiw-anim]{opacity:0;transform:translateY(16px);transition:opacity .55s ease-out,transform .55s ease-out;transition-delay:calc(var(--anim-order,0)*110ms);}
.hs-hiw-phase.is-revealed [data-hiw-anim]{opacity:1;transform:translateY(0);}
.hs-hiw-phase.is-past{opacity:.25;transition:opacity .5s ease-out;}

.hs-hiw-phase [data-hiw-line]{stroke-dasharray:var(--line-len,300);stroke-dashoffset:var(--line-len,300);transition:stroke-dashoffset .7s ease-out;transition-delay:calc(var(--anim-order,0)*110ms);}
.hs-hiw-phase.is-revealed [data-hiw-line]{stroke-dashoffset:0;}

/* Phase 0 source pills start visible immediately */
.hs-hiw-phase[data-hiw-phase="0"] .hiw-source-pill[data-hiw-anim]{opacity:1;transform:none;transition:none;}

.hs-hiw-flow-dot{width:6px;height:6px;border-radius:50%;background:#fff;box-shadow:0 0 6px 2px rgba(255,255,255,.8),0 0 20px 6px rgba(255,255,255,.3);opacity:0;align-self:center;margin-top:-23px;margin-bottom:-23px;position:relative;z-index:10;pointer-events:none;}
.hs-hiw-flow-dot.is-active{animation:hiwDotSlide .5s cubic-bezier(.25,.46,.45,.94) both;animation-delay:100ms;}

/* Capture panel */
.hiw-capture-panel{display:flex;flex-direction:column;align-items:center;width:100%;max-width:500px;padding:0 24px;gap:20px;}
.hiw-capture-sources{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;}
.hiw-source-pill{display:flex;align-items:center;gap:8px;padding:10px 16px;border-radius:12px;background:#111113;border:1px solid rgba(255,255,255,.14);font-size:13px;color:#fff;white-space:nowrap;}
.hiw-source-pill svg{flex-shrink:0;color:rgba(255,255,255,.5);}
.hiw-capture-lines{display:flex;justify-content:center;width:100%;}
.hiw-capture-lines svg{width:100%;max-width:300px;height:auto;}
.hiw-capture-result{display:flex;align-items:center;gap:10px;padding:12px 16px;border-radius:12px;background:#fff;color:#000;font-size:13px;font-weight:400;}

/* Spectrum animation on capture result SVG lines */
.hs-hiw-phase.is-revealed .hiw-capture-result svg line{transform-box:fill-box;transform-origin:center;animation:hiwSpectrum ease-in-out infinite alternate;}
.hs-hiw-phase.is-revealed .hiw-capture-result svg line:nth-child(1){--sp:1.6;animation-duration:.65s;animation-delay:700ms;}
.hs-hiw-phase.is-revealed .hiw-capture-result svg line:nth-child(2){--sp:0.5;animation-duration:.5s;animation-delay:800ms;}
.hs-hiw-phase.is-revealed .hiw-capture-result svg line:nth-child(3){--sp:1.5;animation-duration:.7s;animation-delay:650ms;}
.hs-hiw-phase.is-revealed .hiw-capture-result svg line:nth-child(4){--sp:0.6;animation-duration:.55s;animation-delay:750ms;}
.hs-hiw-phase.is-revealed .hiw-capture-result svg line:nth-child(5){--sp:1.7;animation-duration:.6s;animation-delay:850ms;}

/* sv-* card components (ported from Gladia, no prefix) */
.sv-dot{display:inline-block;width:8px;height:8px;border-radius:50%;flex-shrink:0;}
.sv-dot-sm{display:inline-block;width:6px;height:6px;border-radius:50%;flex-shrink:0;}
.sv-mono-muted{font-family:var(--font-mono);font-size:11px;color:rgba(255,255,255,.4);letter-spacing:.02em;}
.sv-mono-value{font-family:var(--font-mono);font-size:11px;color:rgba(255,255,255,.7);}
.sv-check{color:#22C55E;font-size:12px;}

.sv-status-badge{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:20px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);font-family:var(--font-mono);font-size:10px;color:rgba(255,255,255,.5);}

/* Transcript card */
.sv-transcript-card{background:#111113;border:1px solid rgba(255,255,255,.14);border-radius:12px;width:100%;max-width:500px;position:relative;z-index:1;}
.sv-transcript-header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-bottom:1px solid rgba(255,255,255,.06);}
.sv-transcript-header-left{display:flex;align-items:center;gap:8px;}
.sv-transcript-title{font-size:13px;color:#fff;}
.sv-transcript-header-right{display:flex;align-items:center;gap:12px;}
.sv-transcript-body{padding:12px 16px;display:flex;flex-direction:column;gap:10px;}
.sv-transcript-line{display:flex;align-items:baseline;gap:8px;}
.sv-ts{flex-shrink:0;min-width:32px;font-family:var(--font-mono);font-size:11px;color:rgba(255,255,255,.4);}
.sv-transcript-text{font-size:12px;line-height:1.5;color:rgba(255,255,255,.6);}
.sv-transcript-divider{height:1px;background:rgba(255,255,255,.06);margin:0 16px;}
.sv-transcript-footer{display:flex;align-items:center;justify-content:space-between;padding:10px 16px;}

/* Card glow on phase 1 reveal */
.hs-hiw-phase[data-hiw-phase="1"].is-revealed .sv-transcript-card[data-hiw-anim]{animation:hiwCardGlow 2.2s ease-in-out 350ms both;}

/* Integrate cards */
.sv-integrate-stack{display:flex;flex-direction:column;align-items:center;gap:24px;width:335px;position:relative;padding:24px;}
.sv-integrate-group{display:flex;flex-direction:column;gap:10px;width:100%;}
.sv-integrate-group--right{align-items:flex-end;}
.sv-integrate-group--left{align-items:flex-start;}
.sv-integrate-badge{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:20px;background:rgba(34,197,94,.09);border:1px solid rgba(34,197,94,.15);color:#22C55E;font-family:var(--font-mono);font-size:10px;white-space:nowrap;}
.sv-integrate-badge-check{font-family:var(--font-mono);font-size:10px;}
.sv-integrate-card{background:#111113;border:1px solid rgba(255,255,255,.14);border-radius:12px;overflow:hidden;position:relative;width:233px;box-shadow:0 0 43px rgba(0,0,0,.8);}
.sv-integrate-card-header{display:flex;align-items:center;gap:8px;padding:12px 16px;border-bottom:1px solid rgba(255,255,255,.06);font-size:13px;color:#fff;}
.sv-integrate-card-body{display:flex;flex-direction:column;gap:8px;padding:12px 16px;}
.sv-integrate-row{display:flex;align-items:center;justify-content:space-between;font-size:12px;color:rgba(255,255,255,.5);white-space:nowrap;}
.sv-integrate-row .sv-mono-value{color:#fafafa;}
.sv-integrate-divider{height:1px;background:rgba(255,255,255,.06);}
.sv-pipeline-done{display:flex;align-items:center;gap:10px;padding:10px 24px;border-radius:9999px;background:#22C55E;font-size:13px;color:white;}
.sv-pipeline-footer{font-size:11px;color:#3f3f46;padding-top:24px;text-align:center;}

/* ── Launch dashboard (Phase 2 diagram) ── */
.sv-launch-dash{display:flex;flex-direction:column;gap:16px;width:360px;padding:20px;background:#0d0d10;border:1px solid rgba(255,255,255,.1);border-radius:16px;box-shadow:0 0 60px rgba(34,197,94,.08),0 0 0 1px rgba(34,197,94,.05);}
.sv-launch-header{display:flex;align-items:center;justify-content:space-between;}
.sv-launch-header-left{display:flex;align-items:center;gap:8px;}
.sv-launch-live-dot{width:8px;height:8px;border-radius:50%;background:#22C55E;box-shadow:0 0 6px #22C55E;animation:svLivePulse 1.8s ease-in-out infinite;}
.sv-launch-title{font-size:13px;font-weight:600;color:#fff;font-family:var(--font-sans);}
.sv-launch-env{font-family:var(--font-mono);font-size:10px;color:rgba(255,255,255,.3);letter-spacing:.06em;}
.sv-launch-uptime-block{background:rgba(34,197,94,.06);border:1px solid rgba(34,197,94,.12);border-radius:12px;padding:16px 20px;display:flex;flex-direction:column;gap:6px;}
.sv-launch-uptime-num{font-size:2.4rem;font-weight:700;color:#22C55E;line-height:1;font-family:var(--font-sans);letter-spacing:-.03em;}
.sv-launch-uptime-num span{font-size:1.1rem;font-weight:500;margin-left:2px;}
.sv-launch-uptime-label{font-size:11px;color:rgba(255,255,255,.4);font-family:var(--font-mono);letter-spacing:.06em;}
.sv-launch-bar-track{height:3px;background:rgba(255,255,255,.06);border-radius:2px;overflow:hidden;margin-top:6px;}
.sv-launch-bar-fill{height:100%;width:0;background:linear-gradient(90deg,#22C55E,#4ADE80);border-radius:2px;transition:width 1.4s cubic-bezier(.4,0,.2,1) .3s;}
.hs-hiw-phase.is-revealed .sv-launch-bar-fill{width:99.9%;}
.sv-launch-metrics{display:grid;grid-template-columns:1fr auto 1fr auto 1fr;align-items:center;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.07);border-radius:10px;padding:12px 8px;}
.sv-launch-metric{display:flex;flex-direction:column;align-items:center;gap:4px;}
.sv-launch-metric-val{font-size:1.05rem;font-weight:700;color:#fff;font-family:var(--font-sans);line-height:1;}
.sv-launch-metric-val span{font-size:.65rem;color:rgba(255,255,255,.4);font-weight:400;}
.sv-launch-metric-val--users::after{content:attr(data-v);}
.sv-launch-metric-lbl{font-size:10px;color:rgba(255,255,255,.35);font-family:var(--font-mono);letter-spacing:.04em;white-space:nowrap;}
.sv-launch-metric-sep{width:1px;height:32px;background:rgba(255,255,255,.08);}
.sv-launch-feed{display:flex;flex-direction:column;gap:0;background:rgba(255,255,255,.02);border:1px solid rgba(255,255,255,.07);border-radius:10px;overflow:hidden;}
.sv-launch-feed-row{display:flex;align-items:center;gap:10px;padding:9px 14px;border-bottom:1px solid rgba(255,255,255,.05);opacity:0;transform:translateX(-8px);transition:opacity .35s ease var(--fd,.1s),transform .35s ease var(--fd,.1s);}
.sv-launch-feed-row:last-child{border-bottom:none;}
.hs-hiw-phase.is-revealed .sv-launch-feed-row{opacity:1;transform:none;}
.sv-launch-feed-icon{width:18px;height:18px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:10px;flex-shrink:0;}
.sv-launch-feed-icon--ok{background:rgba(34,197,94,.15);color:#22C55E;}
.sv-launch-feed-icon--info{background:rgba(59,130,246,.15);color:#3B82F6;}
.sv-launch-feed-msg{flex:1;font-size:11px;color:rgba(255,255,255,.55);font-family:var(--font-mono);}
.sv-launch-feed-time{font-size:10px;color:rgba(255,255,255,.2);font-family:var(--font-mono);white-space:nowrap;}
@keyframes svLivePulse{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.85)}}

/* HIW keyframes */
@keyframes hiwSpectrum{0%,100%{transform:scaleY(1)}50%{transform:scaleY(var(--sp,1.4))}}
@keyframes hiwDotSlide{0%{opacity:0;transform:translateY(-18px)}15%{opacity:1}78%{opacity:1}100%{opacity:0;transform:translateY(18px)}}
@keyframes hiwCardGlow{0%{box-shadow:0 0 0 0 rgba(160,150,255,0)}40%{box-shadow:0 0 80px 24px rgba(160,150,255,.065),inset 0 0 28px 6px rgba(160,150,255,.065)}100%{box-shadow:0 0 0 0 rgba(160,150,255,0)}}

/* Mobile HIW */
@media(max-width:880px){
  .hs-hiw-section{flex-direction:column;width:100%;margin-left:0;min-height:auto;}
  .hs-hiw-col-text{width:100%;margin-left:0;padding:0 20px;}
  .hs-hiw-step{min-height:auto;padding:40px 0;}
  .hs-hiw-step:last-child{min-height:auto;padding-bottom:40px;}
  .hs-hiw-step-text{opacity:1;transform:none;}
  .hs-hiw-col-diagram{position:relative;top:auto;left:auto;height:420px;width:100%;flex:none;border-radius:0;overflow:hidden;margin:0;}
  .hs-hiw-diagram-stage{border-radius:0;}
  .hs-hiw-diagram-flow{transition:none;padding:50vh 24px 50vh;}
}

/* ── Missing keyframes (nebulaDrift) ── */
@keyframes nebulaDrift1{0%,100%{transform:translate(0,0) scale(1);}33%{transform:translate(24px,-18px) scale(1.05);}66%{transform:translate(-16px,12px) scale(.97);}}
@keyframes nebulaDrift2{0%,100%{transform:translate(0,0) scale(1);}40%{transform:translate(-20px,22px) scale(1.04);}75%{transform:translate(18px,-14px) scale(.96);}}



/* ── About page ─────────────────────────────────────── */
.hs-about-hero{padding:7.5rem 0 2rem;text-align:center;background:#000;}
.hs-about-hero-inner{display:flex;flex-direction:column;align-items:center;}
.hs-about-hero-title{
  font-size:clamp(2.4rem,4.6vw,4.2rem);
  font-weight:700;
  line-height:1.22;
  letter-spacing:-.028em;
  margin:0 auto;
  max-width:900px;
  color:#F1F5F9;
}

/* ── 3D canvas visual ─────────────────────────────────── */
.hs-about-visual{position:relative;height:66vh;min-height:380px;max-height:700px;background:#000;overflow:hidden;}
#hsAboutCanvas{position:absolute;inset:0;width:100%;height:100%;display:block;}
.hs-about-vis-fade{position:absolute;left:0;right:0;height:42%;pointer-events:none;z-index:2;}
.hs-about-vis-fade--top{top:0;background:linear-gradient(to bottom,#000 0%,transparent 100%);}
.hs-about-vis-fade--bot{bottom:0;background:linear-gradient(to top,#000 0%,transparent 100%);}

/* ── Mission text ──────────────────────────────────────── */
.hs-about-mission{padding:5.5rem 0;background:#000;}
.hs-about-mp{font-size:1.06rem;line-height:1.92;color:rgba(148,163,184,.82);margin:0 0 1.6rem;}
.hs-about-mp:last-of-type{margin-bottom:1.2rem;}
.hs-about-mstmt{font-size:1.06rem;font-weight:700;color:#F1F5F9;margin:0;letter-spacing:-.01em;}

/* ── Team statement ────────────────────────────────────── */
.hs-about-team{padding:6.5rem 0;background:#000;text-align:center;}
.hs-about-team-h{
  font-size:clamp(1.75rem,3vw,2.85rem);
  font-weight:700;
  line-height:1.28;
  letter-spacing:-.02em;
  color:#F1F5F9;
  max-width:680px;
  margin:0 auto;
}
.hs-about-team-h span{color:var(--hs-brand);}
.hs-about-team-p{font-size:1rem;color:rgba(148,163,184,.75);line-height:1.82;max-width:480px;margin:1.5rem auto 0;}

@media(max-width:768px){
  .hs-about-hero{padding:5.5rem 0 1.5rem;}
  .hs-about-visual{height:45vh;min-height:260px;}
  .hs-about-mission{padding:4rem 0;}
  .hs-about-team{padding:4.5rem 0;}
}

/* ── Glow blob section divider (Gladia-style) ─────────── */
.hs-glow-div{
  position:relative;
  height:220px;
  background:#000;
  overflow:hidden;
  display:flex;
  align-items:center;
  justify-content:center;
  z-index:1;
}
.hs-glow-div-blob{
  position:absolute;
  width:min(680px,88vw);
  height:200px;
  border-radius:50%;
  background:radial-gradient(
    ellipse at 50% 55%,
    rgba(220,155,110,.88)  0%,
    rgba(196,133,106,.62) 22%,
    rgba(196,133,106,.38) 42%,
    rgba(160, 96, 64,.14) 62%,
    rgba(120, 72, 48,.03) 78%,
    transparent 90%
  );
  filter:blur(1px);
  animation:glowDivPulse 4.5s ease-in-out infinite;
  will-change:transform,opacity;
}
@keyframes glowDivPulse{
  0%,100%{transform:scale(1)      ;opacity:1   ;}
  50%    {transform:scale(1.1,1.14);opacity:.80 ;}
}
@media(max-width:768px){
  .hs-glow-div{height:160px;}
  .hs-glow-div-blob{height:140px;}
}


/* ═══════════════════════════════════════════════════════════
   NEW COMPONENTS — v34 redesign
═══════════════════════════════════════════════════════════ */

/* ── Canvas hero (inner pages) ─────────────────────────── */
.hs-canvas-hero{position:relative;min-height:88vh;display:flex;align-items:center;overflow:hidden;background:#000;}
.hs-canvas-hero canvas{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:0;}
.hs-canvas-hero::after{content:'';position:absolute;inset:0;background:radial-gradient(ellipse 70% 60% at 75% 30%,var(--hs-brand-soft),transparent),linear-gradient(to bottom,transparent 60%,#000 100%);pointer-events:none;z-index:1;}
.hs-canvas-hero-inner{position:relative;z-index:2;width:100%;max-width:1160px;margin:0 auto;padding:clamp(5rem,10vh,7rem) 2rem 5rem;}
.hs-canvas-hero-tag{display:inline-flex;align-items:center;gap:8px;padding:4px 14px 4px 6px;border-radius:99px;background:var(--hs-brand-soft);border:1px solid var(--hs-brand-border);margin-bottom:1.75rem;font-size:11.5px;color:rgba(255,255,255,.6);font-family:var(--font-mono);}
.hs-canvas-hero-tag-dot{width:6px;height:6px;border-radius:50%;background:var(--hs-brand);animation:dotPulse 2s ease-out infinite;}
.hs-canvas-hero h1{font-size:clamp(2.4rem,5.2vw,4rem);font-weight:400;line-height:1.12;letter-spacing:-.035em;color:#fff;max-width:760px;margin:0 0 1.4rem;}
.hs-canvas-hero h1 span{background:var(--hs-grad);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;}
.hs-canvas-hero-sub{font-size:1rem;line-height:1.75;color:rgba(255,255,255,.55);max-width:560px;margin:0 0 2.5rem;}
.hs-canvas-hero-title{font-size:clamp(2.4rem,5.2vw,4rem);font-weight:400;line-height:1.12;letter-spacing:-.035em;color:#fff;max-width:760px;margin:0 0 1.4rem;}
.hs-canvas-hero-title span{background:var(--hs-grad);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;}
.hs-canvas-hero-ctas{display:flex;gap:.85rem;flex-wrap:wrap;align-items:center;}
.hs-canvas-hero_inner,.hs-canvas-hero_content{position:relative;z-index:2;width:100%;max-width:1160px;margin:0 auto;padding:clamp(5rem,10vh,7rem) 2rem 5rem;}
.hs-canvas-hero_title{font-size:clamp(2.4rem,5.2vw,4rem);font-weight:400;line-height:1.12;letter-spacing:-.035em;color:#fff;max-width:760px;margin:0 0 1.4rem;}
.hs-canvas-hero_title span{background:var(--hs-grad);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;}
.hs-canvas-hero_sub{font-size:1rem;line-height:1.75;color:rgba(255,255,255,.55);max-width:560px;margin:0 0 2.5rem;}
.hs-canvas-hero_metrics{display:flex;gap:2.5rem;flex-wrap:wrap;margin-top:3.5rem;padding-top:2rem;border-top:1px solid rgba(255,255,255,.07);}
.hs-canvas-hero-actions{display:flex;gap:.85rem;flex-wrap:wrap;align-items:center;}
.hs-canvas-hero-metrics{display:flex;gap:2.5rem;flex-wrap:wrap;margin-top:3.5rem;padding-top:2rem;border-top:1px solid rgba(255,255,255,.07);}
.hs-canvas-hero-metric{display:flex;flex-direction:column;gap:.2rem;}
.hs-canvas-hero-metric-val{font-size:1.8rem;font-weight:700;background:var(--hs-grad);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-family:var(--font-sans);}
.hs-canvas-hero-metric-lbl{font-size:.68rem;text-transform:uppercase;letter-spacing:.1em;color:rgba(255,255,255,.35);font-family:var(--font-mono);}
/* hero aliases used by inner pages */
.hs-hero-title{font-size:clamp(2.4rem,5.2vw,4rem);font-weight:400;line-height:1.12;letter-spacing:-.035em;color:#fff;max-width:760px;margin:0 0 1.4rem;}
.hs-hero-title span{background:var(--hs-grad);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;}
.hs-hero-sub{font-size:1rem;line-height:1.75;color:rgba(255,255,255,.6);max-width:560px;margin:0 0 2.5rem;}
.hs-hero-metrics{display:flex;gap:2.5rem;flex-wrap:wrap;margin-top:3.5rem;padding-top:2rem;border-top:1px solid rgba(255,255,255,.07);}
.hs-hero-metrics .hs-metric-val{font-size:1.65rem;font-weight:700;display:block;}
.hs-metric-label{font-size:.68rem;text-transform:uppercase;letter-spacing:.1em;color:rgba(255,255,255,.35);font-family:var(--font-mono);display:block;}

/* ── Tab system ─────────────────────────────────────────── */
.hs-tabs{margin-top:2.5rem;}
.hs-tab-bar{display:flex;gap:.25rem;background:var(--hs-bg2);border:1px solid var(--hs-border);border-radius:var(--r-pill);padding:4px;width:fit-content;margin-bottom:2rem;overflow-x:auto;scrollbar-width:none;}
.hs-tab-bar::-webkit-scrollbar{display:none;}
.hs-tab-btn{padding:.45rem 1.1rem;border-radius:var(--r-pill);font-size:.82rem;font-weight:500;color:var(--hs-text2);background:none;border:none;cursor:pointer;font-family:var(--font-sans);transition:background .18s,color .18s;white-space:nowrap;}
.hs-tab-btn.is-active{background:var(--hs-bg3);color:var(--hs-text);box-shadow:0 1px 4px rgba(0,0,0,.4);}
.hs-tab-btn:hover:not(.is-active){color:var(--hs-text);}
.hs-tab-content{display:none;}
.hs-tab-content.is-active{display:block;animation:tabIn .3s var(--ease) both;}
@keyframes tabIn{from{opacity:0;transform:translateY(10px);}to{opacity:1;transform:translateY(0);}}

/* ── Vertical timeline ──────────────────────────────────── */
.hs-timeline{display:flex;flex-direction:column;gap:0;position:relative;padding-left:2rem;}
.hs-timeline::before{content:'';position:absolute;left:.625rem;top:.5rem;bottom:.5rem;width:1px;background:linear-gradient(to bottom,transparent,var(--hs-border) 10%,var(--hs-border) 90%,transparent);}
.hs-tl-item{position:relative;padding:0 0 2.5rem 1.75rem;}
.hs-tl-item:last-child{padding-bottom:0;}
.hs-tl-dot{position:absolute;left:-1.375rem;top:.3rem;width:11px;height:11px;border-radius:50%;border:2px solid var(--hs-brand);background:var(--hs-bg);box-shadow:0 0 0 4px var(--hs-brand-soft);}
.hs-tl-year{font-size:.68rem;font-weight:700;text-transform:uppercase;letter-spacing:.12em;color:var(--hs-brand);font-family:var(--font-mono);margin-bottom:.35rem;}
.hs-tl-title{font-size:1rem;font-weight:600;color:var(--hs-text);margin:0 0 .4rem;font-family:var(--font-sans);}
.hs-tl-desc{font-size:.855rem;color:var(--hs-text2);line-height:1.7;margin:0;}

/* ── Team cards ─────────────────────────────────────────── */
.hs-team-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.1rem;}
@media(max-width:860px){.hs-team-grid{grid-template-columns:repeat(2,1fr);}}
@media(max-width:560px){.hs-team-grid{grid-template-columns:1fr;}}
.hs-team-card{background:var(--hs-bg2);border:1px solid var(--hs-border);border-radius:var(--r-lg);padding:1.65rem;transition:border-color .16s,transform .16s;}
.hs-team-card:hover{border-color:rgba(196,133,106,.3);transform:translateY(-3px);}
.hs-team-avatar{width:56px;height:56px;border-radius:var(--r-md);background:var(--hs-brand-dim);border:1px solid var(--hs-brand-border);display:flex;align-items:center;justify-content:center;font-size:1.3rem;font-weight:700;color:var(--hs-brand);margin-bottom:1rem;font-family:var(--font-sans);}
.hs-team-name{font-size:.93rem;font-weight:600;color:var(--hs-text);margin:0 0 .2rem;font-family:var(--font-sans);}
.hs-team-role{font-size:.75rem;color:var(--hs-brand);font-family:var(--font-mono);letter-spacing:.06em;margin:0 0 .7rem;}
.hs-team-bio{font-size:.8rem;color:var(--hs-text2);line-height:1.65;margin:0;}

/* ── Blog cards ─────────────────────────────────────────── */
.hs-blog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.25rem;}
@media(max-width:900px){.hs-blog-grid{grid-template-columns:repeat(2,1fr);}}
@media(max-width:560px){.hs-blog-grid{grid-template-columns:1fr;}}
.hs-blog-card{background:var(--hs-bg2);border:1px solid var(--hs-border);border-radius:var(--r-lg);overflow:hidden;transition:border-color .16s,transform .16s;text-decoration:none;display:flex;flex-direction:column;}
.hs-blog-card:hover{border-color:rgba(255,255,255,.22);transform:translateY(-3px);}
.hs-blog-thumb{height:160px;background:var(--hs-bg3);position:relative;overflow:hidden;}
.hs-blog-thumb-canvas{width:100%;height:100%;display:block;}
.hs-blog-body{padding:1.25rem;flex:1;display:flex;flex-direction:column;}
.hs-blog-meta{display:flex;align-items:center;gap:.75rem;margin-bottom:.75rem;}
.hs-blog-tag{font-size:.63rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--hs-brand);font-family:var(--font-mono);}
.hs-blog-date{font-size:.72rem;color:var(--hs-text3);}
.hs-blog-title{font-size:.93rem;font-weight:600;color:var(--hs-text);line-height:1.45;margin:0 0 .6rem;font-family:var(--font-sans);}
.hs-blog-excerpt{font-size:.815rem;color:var(--hs-text2);line-height:1.65;margin:0;flex:1;}
.hs-blog-card:hover .hs-blog-title{color:var(--hs-brand);}
.hs-blog-foot{margin-top:1rem;padding-top:.75rem;border-top:1px solid var(--hs-border2);display:flex;align-items:center;justify-content:space-between;}
.hs-blog-read{font-size:.72rem;color:var(--hs-text3);font-family:var(--font-mono);}
.hs-blog-arrow{font-size:.8rem;color:var(--hs-text3);transition:transform .2s,color .2s;}
.hs-blog-card:hover .hs-blog-arrow{transform:translateX(4px);color:var(--hs-brand);}

/* ── Job listing cards ──────────────────────────────────── */
.hs-jobs-list{display:flex;flex-direction:column;gap:.75rem;}
.hs-job-card{background:var(--hs-bg2);border:1px solid var(--hs-border);border-radius:var(--r-lg);padding:1.25rem 1.5rem;display:flex;align-items:center;justify-content:space-between;gap:1rem;transition:border-color .16s,transform .16s;text-decoration:none;flex-wrap:wrap;}
.hs-job-card:hover{border-color:rgba(255,255,255,.22);transform:translateX(4px);}
.hs-job-info{flex:1;min-width:200px;}
.hs-job-title{font-size:.93rem;font-weight:600;color:var(--hs-text);margin:0 0 .3rem;font-family:var(--font-sans);}
.hs-job-meta{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap;}
.hs-job-dept{font-size:.72rem;font-family:var(--font-mono);color:var(--hs-brand);background:rgba(196,133,106,.1);padding:2px 8px;border-radius:4px;}
.hs-job-loc{font-size:.72rem;color:var(--hs-text3);}
.hs-job-type{font-size:.72rem;color:var(--hs-text3);}
.hs-job-arrow{color:var(--hs-text3);transition:transform .2s,color .2s;flex-shrink:0;}
.hs-job-card:hover .hs-job-arrow{transform:translateX(4px);color:var(--hs-brand);}

/* ── Glassmorphism card ──────────────────────────────────── */
.hs-glass-card{background:rgba(255,255,255,.03);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border:1px solid rgba(255,255,255,.1);border-radius:var(--r-lg);padding:1.65rem;transition:background .2s,border-color .2s;}
.hs-glass-card:hover{background:rgba(255,255,255,.05);border-color:rgba(255,255,255,.18);}

/* ── Feature XL block ───────────────────────────────────── */
.hs-feat-xl-grid{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--hs-border);border-radius:var(--r-xl);overflow:hidden;}
@media(max-width:700px){.hs-feat-xl-grid{grid-template-columns:1fr;}}
.hs-feat-xl{background:var(--hs-bg2);padding:2.25rem;transition:background .18s;}
.hs-feat-xl:hover{background:var(--hs-bg3);}
.hs-feat-xl-ico{width:48px;height:48px;border-radius:var(--r-md);background:var(--hs-brand-soft);border:1px solid var(--hs-brand-border);display:flex;align-items:center;justify-content:center;margin-bottom:1.25rem;color:var(--hs-brand);}
.hs-feat-xl-ico svg{color:var(--hs-brand);}
.hs-feat-xl h3{font-size:1.1rem;font-weight:600;color:var(--hs-text);margin:0 0 .55rem;font-family:var(--font-sans);}
.hs-feat-xl p{font-size:.855rem;color:var(--hs-text2);line-height:1.7;margin:0;}
.hs-feat-xl-tags{display:flex;flex-wrap:wrap;gap:.4rem;margin-top:.9rem;}
.hs-feat-xl-tag{font-size:.65rem;padding:2px 8px;background:var(--hs-bg3);border:1px solid var(--hs-border2);border-radius:4px;color:var(--hs-text3);font-family:var(--font-mono);}

/* ── Tech stack display ─────────────────────────────────── */
.hs-tech-stack-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:.65rem;}
.hs-tech-item{display:flex;flex-direction:column;align-items:center;gap:.55rem;padding:1rem .65rem;background:var(--hs-bg2);border:1px solid var(--hs-border);border-radius:var(--r-md);transition:border-color .16s,background .16s;text-align:center;}
.hs-tech-item:hover{border-color:rgba(255,255,255,.2);background:var(--hs-bg3);}
.hs-tech-item-ico{width:32px;height:32px;display:flex;align-items:center;justify-content:center;font-size:1.4rem;}
.hs-tech-item-name{font-size:.7rem;color:var(--hs-text2);font-family:var(--font-mono);}
.hs-tech-category{margin-bottom:2rem;}
.hs-tech-cat-label{font-size:.68rem;font-weight:700;text-transform:uppercase;letter-spacing:.14em;color:var(--hs-text3);font-family:var(--font-mono);margin-bottom:.85rem;display:flex;align-items:center;gap:.5rem;}
.hs-tech-cat-label::after{content:'';flex:1;height:1px;background:var(--hs-border2);}

/* ── Pricing / tier cards ───────────────────────────────── */
.hs-price-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.1rem;}
@media(max-width:860px){.hs-price-grid{grid-template-columns:1fr;max-width:400px;}}
.hs-price-card{background:var(--hs-bg2);border:1px solid var(--hs-border);border-radius:var(--r-lg);padding:2rem 1.65rem;display:flex;flex-direction:column;gap:.55rem;transition:border-color .16s,transform .16s;}
.hs-price-card.is-featured{border-color:rgba(196,133,106,.45);background:rgba(196,133,106,.05);transform:translateY(-6px);}
.hs-price-card:hover:not(.is-featured){border-color:rgba(255,255,255,.2);transform:translateY(-3px);}
.hs-price-tier{font-size:.68rem;font-weight:700;text-transform:uppercase;letter-spacing:.14em;color:var(--hs-brand);font-family:var(--font-mono);}
.hs-price-amount{font-size:2.4rem;font-weight:700;color:var(--hs-text);line-height:1;margin:.5rem 0;font-family:var(--font-sans);}
.hs-price-amount span{font-size:.85rem;font-weight:400;color:var(--hs-text2);}
.hs-price-desc{font-size:.82rem;color:var(--hs-text2);line-height:1.6;margin-bottom:.85rem;}
.hs-price-divider{height:1px;background:var(--hs-border);margin:.6rem 0;}
.hs-price-feature{display:flex;align-items:flex-start;gap:.55rem;font-size:.82rem;color:var(--hs-text2);padding:.25rem 0;}
.hs-price-check{color:#4ADE80;flex-shrink:0;margin-top:.1rem;}
.hs-price-x{color:var(--hs-text3);flex-shrink:0;margin-top:.1rem;}
.hs-price-cta{margin-top:auto;padding-top:1.25rem;}

/* ── Pull quote ─────────────────────────────────────────── */
.hs-quote{border-left:2px solid var(--hs-brand);padding:1.25rem 1.75rem;background:var(--hs-brand-soft);border-radius:0 var(--r-md) var(--r-md) 0;margin:1.5rem 0;}
.hs-quote p{font-size:1.05rem;font-style:italic;color:var(--hs-text);line-height:1.7;margin:0 0 .6rem;}
.hs-quote cite{font-size:.78rem;color:var(--hs-brand);font-family:var(--font-mono);font-style:normal;}

/* ── CTA band (full-width) ──────────────────────────────── */
.hs-cta-band{background:var(--hs-bg2);border-top:1px solid var(--hs-border);border-bottom:1px solid var(--hs-border);padding:4.5rem 0;}
.hs-cta-band-inner{display:flex;align-items:center;justify-content:space-between;gap:2rem;flex-wrap:wrap;}
.hs-cta-band h2{font-size:clamp(1.5rem,3vw,2.2rem);font-weight:400;color:var(--hs-text);letter-spacing:-.025em;margin:0;font-family:var(--font-sans);max-width:520px;}
.hs-cta-band h2 span{background:var(--hs-grad);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;}
.hs-cta-band-actions{display:flex;gap:.75rem;align-items:center;flex-shrink:0;}

/* ── Industry card (for industry overview page) ─────────── */
.hs-industry-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.1rem;}
@media(max-width:860px){.hs-industry-grid{grid-template-columns:repeat(2,1fr);}}
@media(max-width:560px){.hs-industry-grid{grid-template-columns:1fr;}}
.hs-industry-card{background:var(--hs-bg2);border:1px solid var(--hs-border);border-radius:var(--r-lg);overflow:hidden;text-decoration:none;display:flex;flex-direction:column;transition:border-color .16s,transform .16s;}
.hs-industry-card:hover{border-color:rgba(255,255,255,.22);transform:translateY(-3px);}
.hs-industry-card-top{height:130px;position:relative;overflow:hidden;background:var(--hs-bg3);}
.hs-industry-card-top canvas{width:100%;height:100%;display:block;}
.hs-industry-card-body{padding:1.25rem;}
.hs-industry-card h3{font-size:.93rem;font-weight:600;color:var(--hs-text);margin:0 0 .4rem;font-family:var(--font-sans);}
.hs-industry-card p{font-size:.82rem;color:var(--hs-text2);line-height:1.65;margin:0 0 .85rem;}
.hs-industry-card-link{font-size:.75rem;color:var(--hs-brand);display:flex;align-items:center;gap:.3rem;transition:gap .2s;}
.hs-industry-card:hover .hs-industry-card-link{gap:.6rem;}

/* ── Comparison table ───────────────────────────────────── */
.hs-compare-table{width:100%;border-collapse:collapse;border-radius:var(--r-lg);overflow:hidden;background:var(--hs-bg2);border:1px solid var(--hs-border);}
.hs-compare-table th{padding:1rem 1.25rem;text-align:left;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--hs-text2);background:var(--hs-bg3);border-bottom:1px solid var(--hs-border);font-family:var(--font-mono);}
.hs-compare-table th:first-child{color:var(--hs-text);}
.hs-compare-table td{padding:.85rem 1.25rem;font-size:.855rem;color:var(--hs-text2);border-bottom:1px solid var(--hs-border2);}
.hs-compare-table tr:last-child td{border-bottom:none;}
.hs-compare-table td:first-child{color:var(--hs-text);font-weight:500;}
.hs-compare-table td.hs-yes{color:#4ADE80;}
.hs-compare-table td.hs-no{color:var(--hs-text3);}
.hs-compare-table td.hs-feat{color:var(--hs-brand);font-weight:600;}

/* ── Model cards (for AI page) ──────────────────────────── */
.hs-model-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1px;background:var(--hs-border);border-radius:var(--r-lg);overflow:hidden;}
@media(max-width:600px){.hs-model-grid{grid-template-columns:1fr;}}
.hs-model-card{background:var(--hs-bg2);padding:1.5rem;transition:background .18s;}
.hs-model-card:hover{background:var(--hs-bg3);}
.hs-model-header{display:flex;align-items:center;gap:.75rem;margin-bottom:.7rem;}
.hs-model-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0;}
.hs-model-dot.gpt{background:#10B981;}
.hs-model-dot.claude{background:#C4856A;}
.hs-model-dot.llama{background:#60A5FA;}
.hs-model-dot.mistral{background:#F59E0B;}
.hs-model-dot.gemini{background:#A78BFA;}
.hs-model-dot.custom{background:#F87171;}
.hs-model-name{font-size:.88rem;font-weight:600;color:var(--hs-text);font-family:var(--font-sans);}
.hs-model-badge{font-size:.62rem;padding:2px 7px;border-radius:4px;font-family:var(--font-mono);}
.hs-model-badge.local{background:rgba(96,165,250,.12);color:#60A5FA;}
.hs-model-badge.cloud{background:rgba(16,185,129,.12);color:#10B981;}
.hs-model-badge.finetune{background:rgba(196,133,106,.14);color:var(--hs-brand);}
.hs-model-desc{font-size:.815rem;color:var(--hs-text2);line-height:1.65;margin:0 0 .7rem;}
.hs-model-specs{display:flex;gap:.5rem;flex-wrap:wrap;}
.hs-model-spec{font-size:.63rem;padding:2px 7px;background:var(--hs-bg3);border:1px solid var(--hs-border2);border-radius:4px;color:var(--hs-text3);font-family:var(--font-mono);}

/* ── Metric card (highlighted stat) ────────────────────── */
.hs-metric-band{border-top:1px solid var(--hs-border);border-bottom:1px solid var(--hs-border);background:var(--hs-bg2);}
.hs-metric-band-inner{display:grid;grid-template-columns:repeat(4,1fr);}
@media(max-width:720px){.hs-metric-band-inner{grid-template-columns:repeat(2,1fr);}}
.hs-metric{padding:2.25rem 1.5rem;text-align:center;border-right:1px solid var(--hs-border);}
.hs-metric:last-child{border-right:none;}
.hs-metric-val,.hs-metric-num{font-size:2.4rem;font-weight:700;background:var(--hs-grad);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-family:var(--font-sans);line-height:1.1;display:block;}
.hs-metric-lbl,.hs-metric-label{font-size:.68rem;text-transform:uppercase;letter-spacing:.1em;color:var(--hs-text2);display:block;margin-top:.4rem;font-family:var(--font-mono);}
.hs-metric-band .hs-stats{display:grid;grid-template-columns:repeat(4,1fr);background:transparent;border:none;border-radius:0;margin:0;}
@media(max-width:720px){.hs-metric-band .hs-stats{grid-template-columns:repeat(2,1fr);}}
.hs-metric-sub{font-size:.72rem;color:var(--hs-text3);display:block;margin-top:.2rem;}

/* ── Checklist ──────────────────────────────────────────── */
.hs-checklist{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.55rem;}
.hs-checklist li{display:flex;align-items:flex-start;gap:.65rem;font-size:.875rem;color:var(--hs-text2);line-height:1.6;}
.hs-checklist li::before{content:'✓';color:#4ADE80;font-weight:700;flex-shrink:0;margin-top:.05em;}

/* ── Icon + text inline ─────────────────────────────────── */
.hs-icon-row{display:flex;gap:.65rem;align-items:flex-start;}
.hs-icon-row .hs-icon{flex-shrink:0;margin-bottom:0;}
.hs-icon-row-body h5{font-size:.9rem;font-weight:600;color:var(--hs-text);margin:0 0 .25rem;font-family:var(--font-sans);}
.hs-icon-row-body p{font-size:.835rem;color:var(--hs-text2);line-height:1.65;margin:0;}
.hs-icon-rows{display:flex;flex-direction:column;gap:1.2rem;}

/* ── Floating badge (used in hero sections) ─────────────── */
@keyframes floatBadge{0%,100%{transform:translateY(0);}50%{transform:translateY(-6px);}}
.hs-float-badge{animation:floatBadge 3.8s ease-in-out infinite;display:inline-flex;align-items:center;gap:6px;padding:5px 12px;background:rgba(0,0,0,.65);backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.12);border-radius:var(--r-pill);font-size:.74rem;color:rgba(255,255,255,.75);pointer-events:none;}

/* ── Tag cluster ────────────────────────────────────────── */
.hs-tag-cluster{display:flex;flex-wrap:wrap;gap:.45rem;}
.hs-cluster-tag{display:inline-flex;align-items:center;gap:.35rem;padding:5px 12px;background:var(--hs-bg2);border:1px solid var(--hs-border);border-radius:var(--r-pill);font-size:.74rem;color:var(--hs-text2);font-family:var(--font-mono);transition:border-color .15s,color .15s;}
.hs-cluster-tag:hover{border-color:var(--hs-brand);color:var(--hs-brand);}
.hs-cluster-tag .dot{width:5px;height:5px;border-radius:50%;background:var(--hs-brand);}

/* ── Two-col with sticky side ───────────────────────────── */
.hs-sticky-two{display:grid;grid-template-columns:1fr 1fr;gap:5rem;align-items:start;}
@media(max-width:860px){.hs-sticky-two{grid-template-columns:1fr;gap:2.5rem;}}
.hs-sticky-side{position:sticky;top:100px;}
@media(max-width:860px){.hs-sticky-side{position:relative;top:auto;}}

/* ── Case study card ────────────────────────────────────── */
.hs-case-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.25rem;}
@media(max-width:700px){.hs-case-grid{grid-template-columns:1fr;}}
.hs-case-card{background:var(--hs-bg2);border:1px solid var(--hs-border);border-radius:var(--r-lg);overflow:hidden;transition:border-color .16s,transform .16s;text-decoration:none;}
.hs-case-card:hover{border-color:rgba(255,255,255,.22);transform:translateY(-3px);}
.hs-case-thumb{height:180px;position:relative;overflow:hidden;}
.hs-case-thumb canvas{width:100%;height:100%;display:block;}
.hs-case-body{padding:1.5rem;}
.hs-case-industry{font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:.12em;color:var(--hs-brand);font-family:var(--font-mono);margin-bottom:.5rem;}
.hs-case-title{font-size:1.05rem;font-weight:600;color:var(--hs-text);margin:0 0 .6rem;line-height:1.35;font-family:var(--font-sans);}
.hs-case-desc{font-size:.845rem;color:var(--hs-text2);line-height:1.65;margin:0 0 1rem;}
.hs-case-metrics{display:flex;gap:1.5rem;flex-wrap:wrap;padding-top:.85rem;border-top:1px solid var(--hs-border2);}
.hs-case-metric{display:flex;flex-direction:column;gap:.15rem;}
.hs-case-metric-val{font-size:1.35rem;font-weight:700;background:var(--hs-grad);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-family:var(--font-sans);}
.hs-case-metric-lbl{font-size:.63rem;text-transform:uppercase;letter-spacing:.08em;color:var(--hs-text3);font-family:var(--font-mono);}

/* ── Product feature row ────────────────────────────────── */
.hs-prod-features{display:flex;flex-direction:column;gap:0;}
.hs-prod-feat{display:grid;grid-template-columns:1fr 1fr;gap:5rem;align-items:center;padding:5rem 0;border-bottom:1px solid var(--hs-border2);}
.hs-prod-feat:last-child{border-bottom:none;}
.hs-prod-feat.-rev{direction:rtl;}
.hs-prod-feat.-rev>*{direction:ltr;}
@media(max-width:860px){.hs-prod-feat,.hs-prod-feat.-rev{grid-template-columns:1fr;gap:2.5rem;direction:ltr;}}
.hs-prod-feat-content{}
.hs-prod-feat-content h3{font-size:clamp(1.5rem,3vw,2.1rem);font-weight:400;letter-spacing:-.025em;color:var(--hs-text);margin:0 0 1rem;line-height:1.2;font-family:var(--font-sans);}
.hs-prod-feat-content h3 span{background:var(--hs-grad);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;}
.hs-prod-feat-content p{font-size:.92rem;color:var(--hs-text2);line-height:1.75;margin:0 0 1.5rem;}
.hs-prod-feat-visual{border-radius:var(--r-lg);overflow:hidden;background:var(--hs-bg2);border:1px solid var(--hs-border);min-height:320px;display:flex;align-items:center;justify-content:center;position:relative;}

/* ── Contact form enhancement ───────────────────────────── */
.hs-contact-grid{display:grid;grid-template-columns:1fr 1.4fr;gap:5rem;align-items:start;}
@media(max-width:860px){.hs-contact-grid{grid-template-columns:1fr;gap:3rem;}}
.hs-contact-info{}
.hs-contact-info h2{font-size:clamp(1.8rem,3.5vw,2.8rem);font-weight:400;letter-spacing:-.03em;color:var(--hs-text);line-height:1.2;margin:0 0 1rem;font-family:var(--font-sans);}
.hs-contact-info h2 span{background:var(--hs-grad);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;}
.hs-contact-detail{display:flex;align-items:center;gap:.75rem;padding:.85rem 0;border-bottom:1px solid var(--hs-border2);}
.hs-contact-detail:last-of-type{border-bottom:none;}
.hs-contact-detail-ico{width:36px;height:36px;border-radius:var(--r-sm);background:var(--hs-brand-soft);border:1px solid var(--hs-brand-border);display:flex;align-items:center;justify-content:center;flex-shrink:0;color:var(--hs-brand);}
.hs-contact-detail-body{}
.hs-contact-detail-label{font-size:.68rem;text-transform:uppercase;letter-spacing:.1em;color:var(--hs-text3);font-family:var(--font-mono);}
.hs-contact-detail-val{font-size:.88rem;color:var(--hs-text);font-weight:500;}
.hs-contact-form-wrap{background:var(--hs-bg2);border:1px solid var(--hs-border);border-radius:var(--r-xl);padding:2.5rem;}
.hs-form-row{margin-bottom:1.1rem;}
.hs-form-row-2{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:1.1rem;}
@media(max-width:560px){.hs-form-row-2{grid-template-columns:1fr;}}
.hs-form-label{font-size:.75rem;font-weight:500;color:var(--hs-text2);display:block;margin-bottom:.4rem;font-family:var(--font-sans);}
.hs-form-input{width:100%;background:var(--hs-bg3);border:1px solid var(--hs-border);border-radius:var(--r-md);padding:.7rem 1rem;color:var(--hs-text);font-size:.875rem;font-family:var(--font-sans);transition:border-color .18s,box-shadow .18s;outline:none;box-sizing:border-box;}
.hs-form-input:focus{border-color:var(--hs-brand);box-shadow:0 0 0 3px rgba(196,133,106,.15);}
.hs-form-input::placeholder{color:rgba(255,255,255,.2);}
.hs-form-select{appearance:none;-webkit-appearance:none;}
.hs-form-textarea{resize:vertical;min-height:120px;}

/* ── About page — values grid ───────────────────────────── */
.hs-values-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--hs-border);border-radius:var(--r-xl);overflow:hidden;}
@media(max-width:760px){.hs-values-grid{grid-template-columns:1fr;}}
.hs-value-cell{background:var(--hs-bg2);padding:2rem;transition:background .18s;}
.hs-value-cell:hover{background:var(--hs-bg3);}
.hs-value-num{font-size:2.4rem;font-weight:800;font-family:var(--font-mono);background:var(--hs-grad2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;opacity:.2;line-height:1;margin-bottom:.7rem;}
.hs-value-title{font-size:.93rem;font-weight:600;color:var(--hs-text);margin:0 0 .4rem;font-family:var(--font-sans);}
.hs-value-desc{font-size:.83rem;color:var(--hs-text2);line-height:1.65;margin:0;}

/* ── Scroll to reveal (stagger) ─────────────────────────── */
.hs-reveal[data-delay="1"]{--rd:.08s}
.hs-reveal[data-delay="2"]{--rd:.16s}
.hs-reveal[data-delay="3"]{--rd:.24s}
.hs-reveal[data-delay="4"]{--rd:.32s}
.hs-reveal[data-delay="5"]{--rd:.40s}
.hs-reveal[data-delay="6"]{--rd:.48s}

/* ── Responsive tweaks v34 ──────────────────────────────── */
@media(max-width:560px){
  .hs-canvas-hero h1{font-size:2.1rem;}
  .hs-team-grid{grid-template-columns:1fr;}
  .hs-price-grid{grid-template-columns:1fr;}
  .hs-metric-band{grid-template-columns:1fr 1fr;}
  .hs-metric{border-right:1px solid var(--hs-border);}
  .hs-metric:nth-child(2n){border-right:none;}
  .hs-contact-form-wrap{padding:1.5rem;}
  .hs-case-grid{grid-template-columns:1fr;}
  .hs-jobs-list .hs-job-card{flex-direction:column;align-items:flex-start;}
}

/* ═══════════════════════════════════════════════════════════
   VISUAL DESIGN SYSTEM v2 — Premium Visual Enhancements
   ═══════════════════════════════════════════════════════════ */

/* ── Glassmorphism ────────────────────────────────────────── */
.hs-glass{background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.07);border-radius:16px;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);transition:border-color .3s,transform .3s,box-shadow .3s;}
.hs-glass:hover{border-color:var(--hs-brand-border);transform:translateY(-3px);box-shadow:0 20px 60px rgba(0,0,0,.3),0 0 0 1px var(--hs-brand-soft);}
.hs-glass-sm{background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.07);border-radius:12px;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);}
.hs-glass-copper{background:rgba(196,133,106,.06);border:1px solid rgba(196,133,106,.18);border-radius:14px;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);}

/* ── Float animations ─────────────────────────────────────── */
@keyframes hsFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}
@keyframes hsFloatR{0%,100%{transform:translateY(0)}50%{transform:translateY(8px)}}
@keyframes hsFloatSide{0%,100%{transform:translate(0,0)}25%{transform:translate(5px,-4px)}50%{transform:translate(-3px,-8px)}75%{transform:translate(-5px,3px)}}
@keyframes hsPulseGlow{0%,100%{opacity:.6;transform:scale(1)}50%{opacity:1;transform:scale(1.05)}}
@keyframes hsSpinSlow{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}
@keyframes hsSpinRev{from{transform:rotate(360deg)}to{transform:rotate(0deg)}}
@keyframes hsDataFlow{0%{stroke-dashoffset:300}100%{stroke-dashoffset:0}}
@keyframes hsEcg{0%{stroke-dashoffset:800}100%{stroke-dashoffset:0}}
@keyframes hsBlink{0%,100%{opacity:1}50%{opacity:0}}
@keyframes hsFadeUp{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}
@keyframes hsOrbit{from{transform:rotate(0deg) translateX(var(--orbit-r,60px)) rotate(0deg)}to{transform:rotate(360deg) translateX(var(--orbit-r,60px)) rotate(-360deg)}}
@keyframes hsGlow{0%,100%{box-shadow:0 0 20px rgba(196,133,106,.2)}50%{box-shadow:0 0 40px rgba(196,133,106,.5)}}

.hs-float{animation:hsFloat 4s ease-in-out infinite}
.hs-float-rev{animation:hsFloatR 3.5s ease-in-out infinite}
.hs-float-slow{animation:hsFloat 6s ease-in-out infinite}
.hs-float-fast{animation:hsFloat 2.8s ease-in-out infinite}
.hs-float-side{animation:hsFloatSide 7s ease-in-out infinite}
.hs-spin-slow{animation:hsSpinSlow 24s linear infinite}
.hs-spin-rev{animation:hsSpinRev 18s linear infinite}
.hs-pulse-glow{animation:hsPulseGlow 2.5s ease-in-out infinite}
.hs-glow-anim{animation:hsGlow 3s ease-in-out infinite}

/* ── Tech badge pill ──────────────────────────────────────── */
.hs-tech-badge{display:inline-flex;align-items:center;gap:6px;padding:4px 12px;background:var(--hs-brand-soft);border:1px solid var(--hs-brand-border);border-radius:99px;font-size:10.5px;font-weight:600;color:rgba(255,255,255,.7);font-family:var(--font-mono);white-space:nowrap;user-select:none;}
.hs-tech-badge-row{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:2rem;}
.hs-tech-badge-dot{width:6px;height:6px;border-radius:50%;background:var(--hs-brand);flex-shrink:0;}

/* ── Browser frame mockup ─────────────────────────────────── */
.hs-browser{background:#0B0E14;border:1px solid rgba(255,255,255,.08);border-radius:14px;overflow:hidden;box-shadow:0 32px 80px rgba(0,0,0,.55),0 0 0 1px rgba(255,255,255,.04);}
.hs-browser-bar{background:rgba(255,255,255,.04);border-bottom:1px solid rgba(255,255,255,.05);padding:9px 14px;display:flex;align-items:center;gap:8px;}
.hs-browser-dots{display:flex;gap:5px;flex-shrink:0;}
.hs-browser-dot{width:9px;height:9px;border-radius:50%;}
.hs-browser-dot:nth-child(1){background:#FF5F57}
.hs-browser-dot:nth-child(2){background:#FFBD2E}
.hs-browser-dot:nth-child(3){background:#28CA41}
.hs-browser-url{flex:1;background:rgba(255,255,255,.05);border-radius:5px;padding:3px 10px;font-size:10.5px;color:rgba(255,255,255,.3);font-family:var(--font-mono);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}

/* ── Phone frame mockup ───────────────────────────────────── */
.hs-phone{background:#141828;border:2px solid rgba(255,255,255,.12);border-radius:44px;padding:16px 10px;box-shadow:0 40px 100px rgba(0,0,0,.65),inset 0 0 0 1px rgba(255,255,255,.04);}
.hs-phone-notch{width:72px;height:20px;background:#141828;border-radius:0 0 12px 12px;margin:0 auto 10px;position:relative;z-index:2;}
.hs-phone-screen{background:#0B0E14;border-radius:30px;overflow:hidden;position:relative;}

/* ── Dashboard card ───────────────────────────────────────── */
.hs-dash-card{background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.06);border-radius:10px;padding:.9rem 1rem;}
.hs-dash-label{font-size:.65rem;color:rgba(148,163,184,.55);font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.07em;}
.hs-dash-value{font-size:1.35rem;font-weight:700;color:#F1F5F9;line-height:1.2;margin:.2rem 0 .15rem;}
.hs-dash-delta{font-size:.7rem;font-weight:600;}
.hs-dash-delta.-up{color:#22C55E;}
.hs-dash-delta.-down{color:#EF4444;}

/* ── Gradient orb decorator ───────────────────────────────── */
.hs-orb{position:absolute;border-radius:50%;filter:blur(70px);pointer-events:none;opacity:.12;}
.hs-orb-copper{background:radial-gradient(circle,rgba(196,133,106,.7),transparent 70%);}
.hs-orb-blue{background:radial-gradient(circle,rgba(59,130,246,.5),transparent 70%);}
.hs-orb-violet{background:radial-gradient(circle,rgba(139,92,246,.5),transparent 70%);}
.hs-orb-teal{background:radial-gradient(circle,rgba(20,184,166,.5),transparent 70%);}
.hs-orb-green{background:radial-gradient(circle,rgba(34,197,94,.5),transparent 70%);}

/* ── Background patterns ──────────────────────────────────── */
.hs-dot-grid{background-image:radial-gradient(rgba(196,133,106,.13) 1px,transparent 1px);background-size:26px 26px;}
.hs-line-grid{background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:48px 48px;}
.hs-hex-bg{background-image:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M30 5L55 20v30L30 55 5 50V20z' fill='none' stroke='rgba(196,133,106,0.05)' stroke-width='1'/%3E%3C/svg%3E");background-size:60px 60px;}

/* ── Status indicator ─────────────────────────────────────── */
.hs-status{display:inline-flex;align-items:center;gap:6px;font-size:.72rem;color:rgba(148,163,184,.7);font-family:var(--font-mono);}
.hs-status-dot{width:6px;height:6px;border-radius:50%;flex-shrink:0;}
.hs-status-dot.-green{background:#22C55E;box-shadow:0 0 6px #22C55E;animation:hsPulseGlow 2s ease infinite;}
.hs-status-dot.-amber{background:#F59E0B;box-shadow:0 0 6px #F59E0B;animation:hsPulseGlow 2s ease infinite;}
.hs-status-dot.-red{background:#EF4444;}
.hs-status-dot.-copper{background:var(--hs-brand);box-shadow:0 0 6px rgba(196,133,106,.6);animation:hsPulseGlow 2s ease infinite;}

/* ── Node diagram ─────────────────────────────────────────── */
.hs-node{width:44px;height:44px;border-radius:50%;background:var(--hs-brand-soft);border:1px solid var(--hs-brand-border);display:flex;align-items:center;justify-content:center;position:relative;flex-shrink:0;}
.hs-node-sm{width:32px;height:32px;border-radius:50%;background:var(--hs-brand-soft);border:1px solid var(--hs-brand-border);display:flex;align-items:center;justify-content:center;flex-shrink:0;}
.hs-node-label{font-size:.6rem;font-family:var(--font-mono);color:rgba(255,255,255,.5);text-align:center;margin-top:.35rem;}

/* ── Connection line ──────────────────────────────────────── */
.hs-conn{stroke:var(--hs-brand-dim);stroke-width:1;fill:none;stroke-dasharray:4 4;}
.hs-conn-solid{stroke:var(--hs-brand-border);stroke-width:1.5;fill:none;}
.hs-conn-flow{stroke:var(--hs-brand-border);stroke-width:1.5;fill:none;stroke-dasharray:200;animation:hsDataFlow 3s linear infinite;}

/* ── Visual split layout ──────────────────────────────────── */
.hs-vis-split{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center;}
.hs-vis-split.-rev{direction:rtl;}
.hs-vis-split.-rev>*{direction:ltr;}
@media(max-width:860px){.hs-vis-split{grid-template-columns:1fr;gap:2.5rem;}.hs-vis-split.-rev{direction:ltr;}}

/* ── Pill tabs ────────────────────────────────────────────── */
.hs-pill-tabs{display:flex;gap:.5rem;flex-wrap:wrap;margin-bottom:1.5rem;}
.hs-pill-tab{padding:5px 14px;border-radius:99px;font-size:.75rem;font-weight:600;cursor:pointer;border:1px solid rgba(255,255,255,.1);color:rgba(255,255,255,.45);transition:all .2s;}
.hs-pill-tab.-active{background:rgba(196,133,106,.12);border-color:rgba(196,133,106,.35);color:#C4856A;}

/* ── Progress bar ─────────────────────────────────────────── */
.hs-progress-bar{height:4px;background:rgba(255,255,255,.06);border-radius:2px;overflow:hidden;}
.hs-progress-fill{height:100%;border-radius:2px;background:var(--hs-grad);}

/* ── Accent metric card ───────────────────────────────────── */
.hs-accent-metric{background:linear-gradient(135deg,var(--hs-brand-dim),var(--hs-brand-soft));border:1px solid var(--hs-brand-border);border-radius:14px;padding:1.25rem 1.5rem;}

/* ── Code token (monospace label) ────────────────────────── */
.hs-code-token{display:inline-block;padding:2px 8px;background:var(--hs-brand-soft);border:1px solid var(--hs-brand-border);border-radius:5px;font-family:var(--font-mono);font-size:.7rem;color:var(--hs-brand);}

/* ── Feature icon enhanced ───────────────────────────────── */
.hs-icon-lg{width:52px;height:52px;border-radius:14px;background:var(--hs-brand-soft);border:1px solid var(--hs-brand-border);display:flex;align-items:center;justify-content:center;margin-bottom:1rem;transition:background .2s,border-color .2s;}
.hs-icon-lg:hover{background:var(--hs-brand-dim);border-color:var(--hs-brand-border);}

/* ── Connecting flow line ─────────────────────────────────── */
.hs-flow-line{display:flex;align-items:center;gap:.5rem;margin:1rem 0;}
.hs-flow-dot{width:8px;height:8px;border-radius:50%;background:var(--hs-brand);flex-shrink:0;}
.hs-flow-track{flex:1;height:1px;background:var(--hs-brand-dim);}

/* ── Responsive: visual section ──────────────────────────── */
@media(max-width:640px){
  .hs-browser-url{display:none;}
  .hs-phone-screen{width:160px!important;height:320px!important;}
}

/* ═══════════════════════════════════════════════════════════
   3D VISUAL SYSTEM — Perspective, Tilt, Isometric, Depth
   ═══════════════════════════════════════════════════════════ */

/* ── CSS 3D perspective container ─────────────────────────── */
.hs-3d-scene{perspective:900px;perspective-origin:50% 50%;}
.hs-3d-card-wrap{transform-style:preserve-3d;transition:transform .4s cubic-bezier(.23,1,.32,1);}
.hs-3d-card-wrap:hover{transform:rotateY(-6deg) rotateX(4deg) translateZ(8px);}

/* ── Tilt cards ───────────────────────────────────────────── */
.hs-tilt{transform-style:preserve-3d;transition:transform .35s ease;cursor:default;}
.hs-tilt:hover{transform:perspective(700px) rotateX(-4deg) rotateY(6deg) scale3d(1.02,1.02,1.02);}
.hs-tilt-sm:hover{transform:perspective(700px) rotateX(-2deg) rotateY(3deg) scale3d(1.01,1.01,1.01);}

/* ── CSS Isometric grid ───────────────────────────────────── */
.hs-iso-bg{background-image:linear-gradient(30deg,rgba(196,133,106,.04) 12%,transparent 12.5%,transparent 87%,rgba(196,133,106,.04) 87.5%,rgba(196,133,106,.04)),linear-gradient(150deg,rgba(196,133,106,.04) 12%,transparent 12.5%,transparent 87%,rgba(196,133,106,.04) 87.5%,rgba(196,133,106,.04)),linear-gradient(60deg,rgba(196,133,106,.06) 25%,transparent 25.5%,transparent 75%,rgba(196,133,106,.06) 75%,rgba(196,133,106,.06));background-size:80px 140px;}

/* ── Depth shadow (3D floating effect) ───────────────────── */
.hs-depth-1{box-shadow:0 2px 4px rgba(0,0,0,.3),0 8px 16px rgba(0,0,0,.2);}
.hs-depth-2{box-shadow:0 4px 8px rgba(0,0,0,.35),0 16px 32px rgba(0,0,0,.25),0 32px 64px rgba(0,0,0,.15);}
.hs-depth-3{box-shadow:0 8px 16px rgba(0,0,0,.4),0 24px 48px rgba(0,0,0,.3),0 48px 96px rgba(0,0,0,.2),0 0 0 1px rgba(255,255,255,.05);}
.hs-copper-shadow{box-shadow:0 8px 32px rgba(196,133,106,.2),0 2px 8px rgba(196,133,106,.1);}

/* ── 3D device mockup ─────────────────────────────────────── */
.hs-device-wrap{position:relative;display:inline-flex;align-items:flex-start;gap:1.5rem;}
.hs-laptop{background:linear-gradient(160deg,#1e2433 0%,#111827 100%);border-radius:12px 12px 0 0;border:1px solid rgba(255,255,255,.1);overflow:hidden;transform:perspective(1200px) rotateY(-8deg) rotateX(4deg);transform-origin:left center;box-shadow:0 30px 80px rgba(0,0,0,.6),0 0 0 1px rgba(255,255,255,.04);}
.hs-laptop-lid{background:linear-gradient(145deg,#2a3040,#1a1e2e);border-radius:8px 8px 0 0;border:1px solid rgba(255,255,255,.07);padding:6px;}
.hs-laptop-base{background:linear-gradient(180deg,#1a1e2e,#111827);height:14px;border-radius:0 0 8px 8px;border:1px solid rgba(255,255,255,.06);border-top:none;}

/* ── 3D floating badge (hovers above content) ────────────── */
.hs-float-badge{position:absolute;z-index:10;padding:6px 14px;background:rgba(11,14,20,.9);border:1px solid var(--hs-brand-border);border-radius:10px;font-size:.72rem;font-weight:600;font-family:var(--font-mono);color:var(--hs-brand);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:0 8px 24px rgba(0,0,0,.4),0 0 0 1px var(--hs-brand-soft);}

/* ── 3D layer stack illustration ─────────────────────────── */
.hs-layer-stack{position:relative;display:flex;flex-direction:column;gap:-4px;}
.hs-layer{background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.08);border-radius:10px;padding:.75rem 1.25rem;font-size:.8rem;transition:transform .2s,border-color .2s;transform:translateZ(0);}
.hs-layer:nth-child(1){transform:perspective(600px) rotateX(-4deg) translateY(-2px);z-index:4;}
.hs-layer:nth-child(2){transform:perspective(600px) rotateX(-4deg) translateY(0px);z-index:3;}
.hs-layer:nth-child(3){transform:perspective(600px) rotateX(-4deg) translateY(2px);z-index:2;}
.hs-layer:nth-child(4){transform:perspective(600px) rotateX(-4deg) translateY(4px);z-index:1;}

/* ── Our Work: case study cards ─────────────────────────── */
.hs-work-card{position:relative;background:rgba(17,24,39,.6);border:1px solid rgba(255,255,255,.07);border-radius:16px;padding:1.75rem;display:flex;flex-direction:column;transition:border-color .2s,transform .25s,box-shadow .25s;overflow:hidden;}
.hs-work-card::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse 60% 40% at 50% 0%,rgba(196,133,106,.04),transparent);pointer-events:none;}
.hs-work-card:hover{border-color:rgba(196,133,106,.25);transform:translateY(-3px);box-shadow:0 16px 48px rgba(0,0,0,.4),0 0 0 1px rgba(196,133,106,.08);}

/* ── Our Work: filter tabs ───────────────────────────────── */
.hs-work-filter{padding:.42rem 1.1rem;border-radius:99px;border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.03);color:rgba(148,163,184,.7);font-size:.78rem;font-weight:500;cursor:pointer;transition:all .18s;font-family:inherit;}
.hs-work-filter:hover{border-color:rgba(196,133,106,.3);color:rgba(196,133,106,.9);background:rgba(196,133,106,.05);}
.hs-work-filter.is-active{border-color:rgba(196,133,106,.45);color:#C4856A;background:rgba(196,133,106,.1);}

/* ── Stat card with 3D lift ───────────────────────────────── */
.hs-stat-card{background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.07);border-radius:14px;padding:1.25rem 1.5rem;transition:transform .3s ease,box-shadow .3s ease,border-color .3s;}
.hs-stat-card:hover{transform:translateY(-4px) scale(1.01);box-shadow:0 20px 50px rgba(0,0,0,.35),0 0 0 1px rgba(196,133,106,.15);border-color:rgba(196,133,106,.25);}

/* ── Glowing 3D sphere visual ─────────────────────────────── */
.hs-sphere-glow{width:280px;height:280px;border-radius:50%;background:radial-gradient(circle at 35% 35%,rgba(196,133,106,.25) 0%,rgba(196,133,106,.08) 40%,transparent 70%);border:1px solid rgba(196,133,106,.15);position:relative;overflow:hidden;}
.hs-sphere-glow::before{content:'';position:absolute;inset:0;border-radius:50%;background:conic-gradient(from 0deg,transparent 0%,rgba(196,133,106,.06) 30%,transparent 60%);animation:hsSpinSlow 12s linear infinite;}
.hs-sphere-glow::after{content:'';position:absolute;top:8%;left:8%;width:35%;height:35%;border-radius:50%;background:rgba(255,255,255,.04);filter:blur(8px);}

/* ── Connection line decorator ────────────────────────────── */
@keyframes hsDash{to{stroke-dashoffset:-24;}}
.hs-animated-dash{animation:hsDash .8s linear infinite;}

/* ── 3D neural layer visualization ───────────────────────── */
.hs-neural-vis{display:flex;align-items:center;gap:2rem;justify-content:center;padding:2rem;}
.hs-neural-layer{display:flex;flex-direction:column;gap:.7rem;align-items:center;}
.hs-neural-node{width:16px;height:16px;border-radius:50%;background:var(--hs-brand-dim);border:1px solid var(--hs-brand-border);animation:hsPulseGlow 2s ease-in-out infinite;}
.hs-neural-node:nth-child(odd){animation-delay:.5s;}
.hs-neural-connector{width:40px;height:1px;background:linear-gradient(90deg,rgba(196,133,106,.3),rgba(196,133,106,.1));position:relative;}

/* ── Isometric cube ───────────────────────────────────────── */
.hs-iso-cube{width:40px;height:40px;position:relative;transform-style:preserve-3d;}
.hs-iso-cube-face{position:absolute;width:40px;height:40px;background:rgba(196,133,106,.1);border:1px solid rgba(196,133,106,.2);}
.hs-iso-cube-top{transform:rotateX(90deg) translateZ(20px);}
.hs-iso-cube-front{transform:translateZ(20px);}
.hs-iso-cube-right{transform:rotateY(90deg) translateZ(20px);}

/* ── Responsive 3D ────────────────────────────────────────── */
@media(max-width:768px){
  .hs-laptop{transform:perspective(800px) rotateY(-4deg) rotateX(2deg);}
  .hs-3d-card-wrap:hover{transform:rotateY(-3deg) rotateX(2deg) translateZ(4px);}
  .hs-sphere-glow{width:200px;height:200px;}
}

/* ═══════════════════════════════════════════════════════════
   PER-SERVICE COLOR TOKEN SYSTEM  (v41)
   --sa/--sb/--sg/--sbr = utility tokens for new svc-* components
   --hs-brand* = overrides the global copper brand vars so ALL
                 existing elements (.hs-section-label, .hs-badge,
                 .hs-icon, .hs-dot, .hs-hero_eyebrow, etc.)
                 automatically inherit the service's color.
   ═══════════════════════════════════════════════════════════ */
.svc-ai{
  --sa:#6366F1;--sb:#818CF8;--sg:rgba(99,102,241,.12);--sbr:rgba(99,102,241,.22);
  --hs-brand:#6366F1;--hs-brand-dim:rgba(99,102,241,.18);--hs-brand-glow:rgba(99,102,241,.55);
  --hs-brand-soft:rgba(99,102,241,.08);--hs-brand-border:rgba(99,102,241,.30);--hs-brand-2:#4F46E5;
  --hs-primary:#6366F1;--hs-glow:rgba(99,102,241,.55);
  --hs-grad:linear-gradient(135deg,#818CF8 0%,#6366F1 45%,#4F46E5 100%);
  --hs-grad2:linear-gradient(135deg,#6366F1,#4F46E5);
}
.svc-chatbot{
  --sa:#A855F7;--sb:#C084FC;--sg:rgba(168,85,247,.12);--sbr:rgba(168,85,247,.22);
  --hs-brand:#A855F7;--hs-brand-dim:rgba(168,85,247,.18);--hs-brand-glow:rgba(168,85,247,.55);
  --hs-brand-soft:rgba(168,85,247,.08);--hs-brand-border:rgba(168,85,247,.30);--hs-brand-2:#9333EA;
  --hs-primary:#A855F7;--hs-glow:rgba(168,85,247,.55);
  --hs-grad:linear-gradient(135deg,#C084FC 0%,#A855F7 45%,#9333EA 100%);
  --hs-grad2:linear-gradient(135deg,#A855F7,#9333EA);
}
.svc-cloud{
  --sa:#3B82F6;--sb:#60A5FA;--sg:rgba(59,130,246,.12);--sbr:rgba(59,130,246,.22);
  --hs-brand:#3B82F6;--hs-brand-dim:rgba(59,130,246,.18);--hs-brand-glow:rgba(59,130,246,.55);
  --hs-brand-soft:rgba(59,130,246,.08);--hs-brand-border:rgba(59,130,246,.30);--hs-brand-2:#2563EB;
  --hs-primary:#3B82F6;--hs-glow:rgba(59,130,246,.55);
  --hs-grad:linear-gradient(135deg,#60A5FA 0%,#3B82F6 45%,#2563EB 100%);
  --hs-grad2:linear-gradient(135deg,#3B82F6,#2563EB);
}
.svc-blockchain{
  --sa:#7C3AED;--sb:#9F67FF;--sg:rgba(124,58,237,.12);--sbr:rgba(124,58,237,.22);
  --hs-brand:#7C3AED;--hs-brand-dim:rgba(124,58,237,.18);--hs-brand-glow:rgba(124,58,237,.55);
  --hs-brand-soft:rgba(124,58,237,.08);--hs-brand-border:rgba(124,58,237,.30);--hs-brand-2:#6D28D9;
  --hs-primary:#7C3AED;--hs-glow:rgba(124,58,237,.55);
  --hs-grad:linear-gradient(135deg,#9F67FF 0%,#7C3AED 45%,#6D28D9 100%);
  --hs-grad2:linear-gradient(135deg,#7C3AED,#6D28D9);
}
.svc-data{
  --sa:#10B981;--sb:#34D399;--sg:rgba(16,185,129,.12);--sbr:rgba(16,185,129,.22);
  --hs-brand:#10B981;--hs-brand-dim:rgba(16,185,129,.18);--hs-brand-glow:rgba(16,185,129,.55);
  --hs-brand-soft:rgba(16,185,129,.08);--hs-brand-border:rgba(16,185,129,.30);--hs-brand-2:#059669;
  --hs-primary:#10B981;--hs-glow:rgba(16,185,129,.55);
  --hs-grad:linear-gradient(135deg,#34D399 0%,#10B981 45%,#059669 100%);
  --hs-grad2:linear-gradient(135deg,#10B981,#059669);
}
.svc-uiux{
  --sa:#F43F5E;--sb:#FB7185;--sg:rgba(244,63,94,.12);--sbr:rgba(244,63,94,.22);
  --hs-brand:#F43F5E;--hs-brand-dim:rgba(244,63,94,.18);--hs-brand-glow:rgba(244,63,94,.55);
  --hs-brand-soft:rgba(244,63,94,.08);--hs-brand-border:rgba(244,63,94,.30);--hs-brand-2:#E11D48;
  --hs-primary:#F43F5E;--hs-glow:rgba(244,63,94,.55);
  --hs-grad:linear-gradient(135deg,#FB7185 0%,#F43F5E 45%,#E11D48 100%);
  --hs-grad2:linear-gradient(135deg,#F43F5E,#E11D48);
}
.svc-transform{
  --sa:#F59E0B;--sb:#FCD34D;--sg:rgba(245,158,11,.12);--sbr:rgba(245,158,11,.22);
  --hs-brand:#F59E0B;--hs-brand-dim:rgba(245,158,11,.18);--hs-brand-glow:rgba(245,158,11,.55);
  --hs-brand-soft:rgba(245,158,11,.08);--hs-brand-border:rgba(245,158,11,.30);--hs-brand-2:#D97706;
  --hs-primary:#F59E0B;--hs-glow:rgba(245,158,11,.55);
  --hs-grad:linear-gradient(135deg,#FCD34D 0%,#F59E0B 45%,#D97706 100%);
  --hs-grad2:linear-gradient(135deg,#F59E0B,#D97706);
}
.svc-health{
  --sa:#06B6D4;--sb:#22D3EE;--sg:rgba(6,182,212,.12);--sbr:rgba(6,182,212,.22);
  --hs-brand:#06B6D4;--hs-brand-dim:rgba(6,182,212,.18);--hs-brand-glow:rgba(6,182,212,.55);
  --hs-brand-soft:rgba(6,182,212,.08);--hs-brand-border:rgba(6,182,212,.30);--hs-brand-2:#0891B2;
  --hs-primary:#06B6D4;--hs-glow:rgba(6,182,212,.55);
  --hs-grad:linear-gradient(135deg,#22D3EE 0%,#06B6D4 45%,#0891B2 100%);
  --hs-grad2:linear-gradient(135deg,#06B6D4,#0891B2);
}
.svc-security{
  --sa:#22C55E;--sb:#4ADE80;--sg:rgba(34,197,94,.12);--sbr:rgba(34,197,94,.22);
  --hs-brand:#22C55E;--hs-brand-dim:rgba(34,197,94,.18);--hs-brand-glow:rgba(34,197,94,.55);
  --hs-brand-soft:rgba(34,197,94,.08);--hs-brand-border:rgba(34,197,94,.30);--hs-brand-2:#16A34A;
  --hs-primary:#22C55E;--hs-glow:rgba(34,197,94,.55);
  --hs-grad:linear-gradient(135deg,#4ADE80 0%,#22C55E 45%,#16A34A 100%);
  --hs-grad2:linear-gradient(135deg,#22C55E,#16A34A);
}
.svc-banking{
  --sa:#1D4ED8;--sb:#60A5FA;--sg:rgba(29,78,216,.12);--sbr:rgba(29,78,216,.22);
  --hs-brand:#1D4ED8;--hs-brand-dim:rgba(29,78,216,.18);--hs-brand-glow:rgba(29,78,216,.55);
  --hs-brand-soft:rgba(29,78,216,.08);--hs-brand-border:rgba(29,78,216,.30);--hs-brand-2:#1E40AF;
  --hs-primary:#1D4ED8;--hs-glow:rgba(29,78,216,.55);
  --hs-grad:linear-gradient(135deg,#60A5FA 0%,#3B82F6 45%,#1D4ED8 100%);
  --hs-grad2:linear-gradient(135deg,#1D4ED8,#1E40AF);
}
.svc-web{
  --sa:#0EA5E9;--sb:#38BDF8;--sg:rgba(14,165,233,.12);--sbr:rgba(14,165,233,.22);
  --hs-brand:#0EA5E9;--hs-brand-dim:rgba(14,165,233,.18);--hs-brand-glow:rgba(14,165,233,.55);
  --hs-brand-soft:rgba(14,165,233,.08);--hs-brand-border:rgba(14,165,233,.30);--hs-brand-2:#0284C7;
  --hs-primary:#0EA5E9;--hs-glow:rgba(14,165,233,.55);
  --hs-grad:linear-gradient(135deg,#38BDF8 0%,#0EA5E9 45%,#0284C7 100%);
  --hs-grad2:linear-gradient(135deg,#0EA5E9,#0284C7);
}
.svc-mobile{
  --sa:#8B5CF6;--sb:#A78BFA;--sg:rgba(139,92,246,.12);--sbr:rgba(139,92,246,.22);
  --hs-brand:#8B5CF6;--hs-brand-dim:rgba(139,92,246,.18);--hs-brand-glow:rgba(139,92,246,.55);
  --hs-brand-soft:rgba(139,92,246,.08);--hs-brand-border:rgba(139,92,246,.30);--hs-brand-2:#7C3AED;
  --hs-primary:#8B5CF6;--hs-glow:rgba(139,92,246,.55);
  --hs-grad:linear-gradient(135deg,#A78BFA 0%,#8B5CF6 45%,#7C3AED 100%);
  --hs-grad2:linear-gradient(135deg,#8B5CF6,#7C3AED);
}
.svc-custom{
  --sa:#0D9488;--sb:#2DD4BF;--sg:rgba(13,148,136,.12);--sbr:rgba(13,148,136,.22);
  --hs-brand:#0D9488;--hs-brand-dim:rgba(13,148,136,.18);--hs-brand-glow:rgba(13,148,136,.55);
  --hs-brand-soft:rgba(13,148,136,.08);--hs-brand-border:rgba(13,148,136,.30);--hs-brand-2:#0F766E;
  --hs-primary:#0D9488;--hs-glow:rgba(13,148,136,.55);
  --hs-grad:linear-gradient(135deg,#2DD4BF 0%,#0D9488 45%,#0F766E 100%);
  --hs-grad2:linear-gradient(135deg,#0D9488,#0F766E);
}
.svc-edu{
  --sa:#4338CA;--sb:#818CF8;--sg:rgba(67,56,202,.12);--sbr:rgba(67,56,202,.22);
  --hs-brand:#4338CA;--hs-brand-dim:rgba(67,56,202,.18);--hs-brand-glow:rgba(67,56,202,.55);
  --hs-brand-soft:rgba(67,56,202,.08);--hs-brand-border:rgba(67,56,202,.30);--hs-brand-2:#3730A3;
  --hs-primary:#4338CA;--hs-glow:rgba(67,56,202,.55);
  --hs-grad:linear-gradient(135deg,#818CF8 0%,#4338CA 45%,#3730A3 100%);
  --hs-grad2:linear-gradient(135deg,#4338CA,#3730A3);
}
.svc-aviation{
  --sa:#0369A1;--sb:#7DD3FC;--sg:rgba(3,105,161,.12);--sbr:rgba(3,105,161,.22);
  --hs-brand:#0369A1;--hs-brand-dim:rgba(3,105,161,.18);--hs-brand-glow:rgba(3,105,161,.55);
  --hs-brand-soft:rgba(3,105,161,.08);--hs-brand-border:rgba(3,105,161,.30);--hs-brand-2:#075985;
  --hs-primary:#0369A1;--hs-glow:rgba(3,105,161,.55);
  --hs-grad:linear-gradient(135deg,#7DD3FC 0%,#0EA5E9 45%,#0369A1 100%);
  --hs-grad2:linear-gradient(135deg,#0369A1,#075985);
}
.svc-startup{
  --sa:#BE185D;--sb:#F472B6;--sg:rgba(190,24,93,.12);--sbr:rgba(190,24,93,.22);
  --hs-brand:#BE185D;--hs-brand-dim:rgba(190,24,93,.18);--hs-brand-glow:rgba(190,24,93,.55);
  --hs-brand-soft:rgba(190,24,93,.08);--hs-brand-border:rgba(190,24,93,.30);--hs-brand-2:#9D174D;
  --hs-primary:#BE185D;--hs-glow:rgba(190,24,93,.55);
  --hs-grad:linear-gradient(135deg,#F472B6 0%,#BE185D 45%,#9D174D 100%);
  --hs-grad2:linear-gradient(135deg,#BE185D,#9D174D);
}

/* ── Universal service-aware components ─────────────────────
   These use CSS vars so each service class auto-themes them  */
.svc-badge{display:inline-flex;align-items:center;gap:.4rem;padding:.3rem .8rem;border-radius:99px;background:var(--sg);border:1px solid var(--sbr);color:var(--sb);font-size:.72rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;font-family:var(--font-mono);}
.svc-rule{height:3px;border:none;background:linear-gradient(90deg,var(--sa),transparent);margin:0;border-radius:2px;}
.svc-icon-wrap{width:48px;height:48px;border-radius:12px;background:var(--sg);border:1px solid var(--sbr);display:flex;align-items:center;justify-content:center;flex-shrink:0;}
.svc-icon-wrap svg{stroke:var(--sa);}
.svc-metric{background:var(--sg);border:1px solid var(--sbr);border-radius:10px;padding:.75rem 1rem;text-align:center;}
.svc-metric-val{font-size:1.35rem;font-weight:700;color:var(--sb);font-family:var(--font-mono);display:block;}
.svc-metric-lbl{font-size:.68rem;color:rgba(148,163,184,.7);text-transform:uppercase;letter-spacing:.08em;}
.svc-pill{padding:.25rem .65rem;border-radius:6px;background:var(--sg);border:1px solid var(--sbr);color:var(--sb);font-size:.72rem;font-weight:500;font-family:var(--font-mono);}
.svc-card{position:relative;background:rgba(17,24,39,.55);border:1px solid var(--sbr);border-radius:16px;padding:1.75rem;transition:border-color .2s,transform .25s,box-shadow .25s;overflow:hidden;}
.svc-card:hover{border-color:var(--sa);transform:translateY(-3px);box-shadow:0 16px 48px rgba(0,0,0,.4),0 0 0 1px var(--sbr);}
.svc-card::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse 60% 40% at 50% 0%,var(--sg),transparent);pointer-events:none;}
.svc-hero-bg{position:absolute;inset:0;background:radial-gradient(ellipse 70% 50% at 60% 40%,var(--sg),transparent 70%);pointer-events:none;}
.svc-top-bar{position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--sa),var(--sb),transparent);}

/* ── Icon stroke override per service class ─────────────────
   Overrides the default copper stroke on .hs-icon SVGs       */
.svc-ai .hs-icon svg,.svc-ai .hs-feature-icon svg{stroke:#6366F1!important;}
.svc-chatbot .hs-icon svg,.svc-chatbot .hs-feature-icon svg{stroke:#A855F7!important;}
.svc-cloud .hs-icon svg,.svc-cloud .hs-feature-icon svg{stroke:#3B82F6!important;}
.svc-blockchain .hs-icon svg,.svc-blockchain .hs-feature-icon svg{stroke:#7C3AED!important;}
.svc-data .hs-icon svg,.svc-data .hs-feature-icon svg{stroke:#10B981!important;}
.svc-uiux .hs-icon svg,.svc-uiux .hs-feature-icon svg{stroke:#F43F5E!important;}
.svc-transform .hs-icon svg,.svc-transform .hs-feature-icon svg{stroke:#F59E0B!important;}
.svc-health .hs-icon svg,.svc-health .hs-feature-icon svg{stroke:#06B6D4!important;}
.svc-security .hs-icon svg,.svc-security .hs-feature-icon svg{stroke:#22C55E!important;}
.svc-banking .hs-icon svg,.svc-banking .hs-feature-icon svg{stroke:#1D4ED8!important;}
.svc-web .hs-icon svg,.svc-web .hs-feature-icon svg{stroke:#0EA5E9!important;}
.svc-mobile .hs-icon svg,.svc-mobile .hs-feature-icon svg{stroke:#8B5CF6!important;}
.svc-custom .hs-icon svg,.svc-custom .hs-feature-icon svg{stroke:#0D9488!important;}
.svc-edu .hs-icon svg,.svc-edu .hs-feature-icon svg{stroke:#4338CA!important;}
.svc-aviation .hs-icon svg,.svc-aviation .hs-feature-icon svg{stroke:#0369A1!important;}
.svc-startup .hs-icon svg,.svc-startup .hs-feature-icon svg{stroke:#BE185D!important;}

/* ── Stat number accent per service ─────────────────────────*/
.svc-ai .hs-stat-number,.svc-ai .hs-number{color:#818CF8;}
.svc-chatbot .hs-stat-number,.svc-chatbot .hs-number{color:#C084FC;}
.svc-cloud .hs-stat-number,.svc-cloud .hs-number{color:#60A5FA;}
.svc-blockchain .hs-stat-number,.svc-blockchain .hs-number{color:#9F67FF;}
.svc-data .hs-stat-number,.svc-data .hs-number{color:#34D399;}
.svc-uiux .hs-stat-number,.svc-uiux .hs-number{color:#FB7185;}
.svc-transform .hs-stat-number,.svc-transform .hs-number{color:#FCD34D;}
.svc-health .hs-stat-number,.svc-health .hs-number{color:#22D3EE;}
.svc-security .hs-stat-number,.svc-security .hs-number{color:#4ADE80;}
.svc-banking .hs-stat-number,.svc-banking .hs-number{color:#60A5FA;}
.svc-web .hs-stat-number,.svc-web .hs-number{color:#38BDF8;}
.svc-mobile .hs-stat-number,.svc-mobile .hs-number{color:#A78BFA;}
.svc-custom .hs-stat-number,.svc-custom .hs-number{color:#2DD4BF;}
.svc-edu .hs-stat-number,.svc-edu .hs-number{color:#818CF8;}
.svc-aviation .hs-stat-number,.svc-aviation .hs-number{color:#7DD3FC;}
.svc-startup .hs-stat-number,.svc-startup .hs-number{color:#F472B6;}

/* ── .hs-card:hover uses hardcoded rgba — override per service ──────────*/
.svc-ai .hs-card:hover{border-color:rgba(99,102,241,.3);box-shadow:0 0 0 1px rgba(99,102,241,.10),0 16px 48px rgba(0,0,0,.55),0 0 30px rgba(99,102,241,.07);}
.svc-chatbot .hs-card:hover{border-color:rgba(168,85,247,.3);box-shadow:0 0 0 1px rgba(168,85,247,.10),0 16px 48px rgba(0,0,0,.55),0 0 30px rgba(168,85,247,.07);}
.svc-cloud .hs-card:hover{border-color:rgba(59,130,246,.3);box-shadow:0 0 0 1px rgba(59,130,246,.10),0 16px 48px rgba(0,0,0,.55),0 0 30px rgba(59,130,246,.07);}
.svc-blockchain .hs-card:hover{border-color:rgba(124,58,237,.3);box-shadow:0 0 0 1px rgba(124,58,237,.10),0 16px 48px rgba(0,0,0,.55),0 0 30px rgba(124,58,237,.07);}
.svc-data .hs-card:hover{border-color:rgba(16,185,129,.3);box-shadow:0 0 0 1px rgba(16,185,129,.10),0 16px 48px rgba(0,0,0,.55),0 0 30px rgba(16,185,129,.07);}
.svc-uiux .hs-card:hover{border-color:rgba(244,63,94,.3);box-shadow:0 0 0 1px rgba(244,63,94,.10),0 16px 48px rgba(0,0,0,.55),0 0 30px rgba(244,63,94,.07);}
.svc-transform .hs-card:hover{border-color:rgba(245,158,11,.3);box-shadow:0 0 0 1px rgba(245,158,11,.10),0 16px 48px rgba(0,0,0,.55),0 0 30px rgba(245,158,11,.07);}
.svc-health .hs-card:hover{border-color:rgba(6,182,212,.3);box-shadow:0 0 0 1px rgba(6,182,212,.10),0 16px 48px rgba(0,0,0,.55),0 0 30px rgba(6,182,212,.07);}
.svc-banking .hs-card:hover{border-color:rgba(29,78,216,.3);box-shadow:0 0 0 1px rgba(29,78,216,.10),0 16px 48px rgba(0,0,0,.55),0 0 30px rgba(29,78,216,.07);}
.svc-web .hs-card:hover{border-color:rgba(14,165,233,.3);box-shadow:0 0 0 1px rgba(14,165,233,.10),0 16px 48px rgba(0,0,0,.55),0 0 30px rgba(14,165,233,.07);}
.svc-mobile .hs-card:hover{border-color:rgba(139,92,246,.3);box-shadow:0 0 0 1px rgba(139,92,246,.10),0 16px 48px rgba(0,0,0,.55),0 0 30px rgba(139,92,246,.07);}
.svc-custom .hs-card:hover{border-color:rgba(13,148,136,.3);box-shadow:0 0 0 1px rgba(13,148,136,.10),0 16px 48px rgba(0,0,0,.55),0 0 30px rgba(13,148,136,.07);}
.svc-edu .hs-card:hover{border-color:rgba(67,56,202,.3);box-shadow:0 0 0 1px rgba(67,56,202,.10),0 16px 48px rgba(0,0,0,.55),0 0 30px rgba(67,56,202,.07);}
.svc-aviation .hs-card:hover{border-color:rgba(3,105,161,.3);box-shadow:0 0 0 1px rgba(3,105,161,.10),0 16px 48px rgba(0,0,0,.55),0 0 30px rgba(3,105,161,.07);}
.svc-startup .hs-card:hover{border-color:rgba(190,24,93,.3);box-shadow:0 0 0 1px rgba(190,24,93,.10),0 16px 48px rgba(0,0,0,.55),0 0 30px rgba(190,24,93,.07);}
.svc-security .hs-card:hover{border-color:rgba(34,197,94,.3);box-shadow:0 0 0 1px rgba(34,197,94,.10),0 16px 48px rgba(0,0,0,.55),0 0 30px rgba(34,197,94,.07);}

/* ── Canvas animation container ─────────────────────────────*/
.svc-canvas-wrap{position:absolute;inset:0;pointer-events:none;z-index:0;overflow:hidden;}
.svc-canvas-wrap canvas{width:100%;height:100%;display:block;opacity:.55;}

/* ═══════════════════════════════════════════════════════════
   LIGHT THEME  ·  [data-theme="light"]
   Inspired by Shopify Enterprise — clean white, slate text.
   Brand copper (#C4856A) and service accent colors unchanged.
   Dark "islands" (wg-cards, HIW diagram, footer) stay dark
   intentionally — they read as product terminal screens.
   ═══════════════════════════════════════════════════════════ */

/* ── 1. Root variable overrides ─────────────────────────── */
[data-theme="light"] {
  --hs-bg:      #F8F9FA;
  --hs-bg2:     #FFFFFF;
  --hs-bg3:     #F1F5F9;
  --hs-surface: #FFFFFF;
  --hs-glass:   rgba(248,249,250,0.88);
  --hs-text:    #0F172A;
  --hs-text2:   #475569;
  --hs-text3:   #94A3B8;
  --hs-border:  rgba(15,23,42,0.09);
  --hs-border2: rgba(15,23,42,0.05);
  --hs-border3: rgba(15,23,42,0.14);
}

/* ── 2. Base ────────────────────────────────────────────── */
[data-theme="light"],
[data-theme="light"] body {
  background: var(--hs-bg);
  color: var(--hs-text);
}

/* ── 3. Floating pill navbar ───────────────────────────── */
[data-theme="light"] .c-header {
  background: linear-gradient(135deg, rgba(255,252,248,0.94) 0%, rgba(255,247,240,0.90) 100%) !important;
  border: 1px solid rgba(196,133,106,0.28) !important;
  box-shadow: 0 2px 12px rgba(196,133,106,0.12), 0 8px 32px rgba(0,0,0,0.05), 0 1px 0 rgba(255,255,255,1) inset !important;
  backdrop-filter: blur(48px) saturate(200%) !important;
  -webkit-backdrop-filter: blur(48px) saturate(200%) !important;
}
[data-theme="light"] .c-header_nav li>a {
  color: rgba(15,23,42,0.72) !important;
}
[data-theme="light"] .c-header_nav li>a:hover,
[data-theme="light"] .c-header_nav li.is-active>a {
  color: #0F172A !important;
  background: rgba(15,23,42,0.07) !important;
}
[data-theme="light"] .c-header .c-header_cta {
  background: #0F172A !important;
  color: #FFFFFF !important;
  box-shadow: 0 2px 8px rgba(15,23,42,0.18) !important;
}
[data-theme="light"] .c-header .c-header_cta:hover {
  background: #1E293B !important;
  box-shadow: 0 4px 16px rgba(15,23,42,0.22) !important;
}

/* ── 4. Buttons ────────────────────────────────────────── */
[data-theme="light"] .c-btn.-primary {
  background: #0F172A !important;
  color: #FFFFFF !important;
  border-color: #0F172A !important;
}
[data-theme="light"] .c-btn.-primary:hover {
  background: #1E293B !important;
  box-shadow: 0 4px 18px rgba(15,23,42,0.2) !important;
}
[data-theme="light"] .c-btn.-secondary {
  background: #FFFFFF !important;
  color: var(--hs-text) !important;
  border-color: rgba(15,23,42,0.16) !important;
}
[data-theme="light"] .c-btn.-secondary:hover {
  border-color: rgba(15,23,42,0.28) !important;
}

/* ── 5. Homepage hero bottom fade ─────────────────────── */
[data-theme="light"] .hs-hero::before {
  background: linear-gradient(to bottom,
    transparent 0%,
    rgba(248,249,250,.12) 20%,
    rgba(248,249,250,.50) 50%,
    rgba(248,249,250,.88) 80%,
    #F8F9FA 100%
  ) !important;
}
[data-theme="light"] .hs-hero-belt {
  border-top-color: rgba(15,23,42,0.07) !important;
}
[data-theme="light"] .hs-hero-belt-label {
  color: rgba(15,23,42,0.32) !important;
}
[data-theme="light"] .hs-hero-belt-label strong {
  color: rgba(15,23,42,0.55) !important;
}
[data-theme="light"] .hs-belt-item {
  color: rgba(15,23,42,0.38) !important;
}
[data-theme="light"] .hs-belt-item svg { opacity: .35 !important; }

/* ── 6. Hero trust items ─────────────────────────────── */
[data-theme="light"] .hs-hero_trust {
  border-top-color: rgba(15,23,42,0.08) !important;
}
[data-theme="light"] .hs-trust-item { color: rgba(15,23,42,0.38) !important; }
[data-theme="light"] .hs-trust-item span { color: rgba(15,23,42,0.6) !important; }

/* ── 7. Canvas hero (inner service pages) ────────────── */
[data-theme="light"] .hs-canvas-hero { background: var(--hs-bg) !important; }
[data-theme="light"] .hs-canvas-hero::after {
  background: radial-gradient(ellipse 70% 60% at 75% 30%, var(--hs-brand-soft), transparent),
              linear-gradient(to bottom, transparent 60%, var(--hs-bg) 100%) !important;
}
[data-theme="light"] .hs-canvas-hero h1,
[data-theme="light"] .hs-canvas-hero-title,
[data-theme="light"] .hs-canvas-hero_title,
[data-theme="light"] .hs-hero-title { color: #0F172A !important; -webkit-text-fill-color: #0F172A !important; }
[data-theme="light"] .hs-canvas-hero-sub,
[data-theme="light"] .hs-canvas-hero_sub,
[data-theme="light"] .hs-hero-sub { color: #475569 !important; -webkit-text-fill-color: #475569 !important; }
[data-theme="light"] .hs-hero-title span,
[data-theme="light"] .hs-canvas-hero-title span,
[data-theme="light"] .hs-canvas-hero_title span,
[data-theme="light"] .hs-canvas-hero h1 span { -webkit-text-fill-color: transparent !important; background: var(--hs-grad) !important; -webkit-background-clip: text !important; background-clip: text !important; }
[data-theme="light"] .hs-canvas-hero-tag { color: var(--hs-text2) !important; }
[data-theme="light"] .hs-canvas-hero-metrics,
[data-theme="light"] .hs-canvas-hero_metrics,
[data-theme="light"] .hs-hero-metrics { border-top-color: rgba(15,23,42,0.08) !important; }
[data-theme="light"] .hs-canvas-hero-metric-lbl,
[data-theme="light"] .hs-metric-label { color: rgba(15,23,42,0.38) !important; }

/* ── 8. Tech badges (hardcoded white text) ───────────── */
[data-theme="light"] .hs-tech-badge {
  color: rgba(15,23,42,0.72) !important;
}

/* ── 9. HIW section text (hardcoded white) ───────────── */
[data-theme="light"] .hs-hiw-heading { color: var(--hs-text) !important; }
[data-theme="light"] .hs-hiw-sub { color: var(--hs-text2) !important; }
[data-theme="light"] .hs-hiw-features li { color: var(--hs-text2) !important; }
[data-theme="light"] .hs-hiw-badge { background: var(--hs-brand-soft) !important; border-color: var(--hs-brand-border) !important; }

/* ── 10. HIW demo widget (not the diagram column) ────── */
[data-theme="light"] .hs-hiw-demo {
  background: rgba(15,23,42,0.04) !important;
  border-color: rgba(15,23,42,0.09) !important;
}
[data-theme="light"] .hs-hiw-demo-bar {
  background: rgba(15,23,42,0.03) !important;
  border-bottom-color: rgba(15,23,42,0.06) !important;
}
[data-theme="light"] .hs-hiw-demo-body { color: var(--hs-text3) !important; }
[data-theme="light"] .hs-hiw-demo-live { color: #16A34A !important; }
[data-theme="light"] .hs-hiw-demo-live span { background: #16A34A !important; }
[data-theme="light"] .hs-hiw-demo-stats {
  background: rgba(15,23,42,0.02) !important;
  border-top-color: rgba(15,23,42,0.06) !important;
}
[data-theme="light"] .hs-hiw-demo-line .hs-cmd { color: rgba(15,23,42,0.55) !important; }
[data-theme="light"] .hs-hiw-demo-line .hs-ok { color: #16A34A !important; }

/* ── 11. Bento terminal ──────────────────────────────── */
[data-theme="light"] .hs-bento-terminal {
  background: rgba(15,23,42,0.04) !important;
  border-color: rgba(15,23,42,0.08) !important;
  color: var(--hs-text2) !important;
}
[data-theme="light"] .hs-bento-terminal .hs-cmd { color: rgba(15,23,42,0.65) !important; }
[data-theme="light"] .hs-bento-terminal .hs-ok  { color: #16A34A !important; }
[data-theme="light"] .hs-bento-sprint-track { background: rgba(15,23,42,0.06) !important; }
[data-theme="light"] .hs-bento-cost-track   { background: rgba(15,23,42,0.06) !important; }
[data-theme="light"] .hs-bento-cost-fill.-agency { background: rgba(15,23,42,0.14) !important; }

/* ── 12. Logo cards ──────────────────────────────────── */
[data-theme="light"] .hs-logo-card {
  border-color: rgba(15,23,42,0.09) !important;
  background: rgba(15,23,42,0.02) !important;
}
[data-theme="light"] .hs-logo-card_name { color: rgba(15,23,42,0.62) !important; }
[data-theme="light"] .hs-logo-card:hover {
  border-color: rgba(196,133,106,0.4) !important;
  background: rgba(196,133,106,0.06) !important;
}

/* ── 13. Mobile menu ─────────────────────────────────── */
[data-theme="light"] .c-mobile-menu {
  background: rgba(248,249,250,0.97) !important;
  border-top-color: rgba(15,23,42,0.08) !important;
}
[data-theme="light"] .c-mobile-menu_link { color: var(--hs-text2) !important; }
[data-theme="light"] .c-mobile-menu_link:hover { color: var(--hs-text) !important; }
[data-theme="light"] .c-mobile-menu_cta { background: #0F172A !important; color: #fff !important; }
[data-theme="light"] .c-burger_bar { background: var(--hs-text) !important; }

/* ── 14. About page (hardcoded #000 backgrounds) ─────── */
[data-theme="light"] .hs-about-hero   { background: var(--hs-bg) !important; }
[data-theme="light"] .hs-about-hero-title { color: var(--hs-text) !important; }
[data-theme="light"] .hs-about-visual { background: var(--hs-bg3) !important; }
[data-theme="light"] .hs-about-vis-fade--top { background: linear-gradient(to bottom, var(--hs-bg) 0%, transparent 100%) !important; }
[data-theme="light"] .hs-about-vis-fade--bot { background: linear-gradient(to top,   var(--hs-bg) 0%, transparent 100%) !important; }
[data-theme="light"] .hs-about-mission { background: var(--hs-bg) !important; }
[data-theme="light"] .hs-about-mp     { color: var(--hs-text2) !important; }
[data-theme="light"] .hs-about-mstmt  { color: var(--hs-text)  !important; }
[data-theme="light"] .hs-about-team   { background: var(--hs-bg) !important; }
[data-theme="light"] .hs-about-team-h { color: var(--hs-text) !important; }
[data-theme="light"] .hs-about-team-p { color: var(--hs-text2) !important; }

/* ── 15. Glow divider ────────────────────────────────── */
[data-theme="light"] .hs-glow-div { background: var(--hs-bg2) !important; }

/* ── 16. svc-card (hardcoded dark bg) ───────────────── */
[data-theme="light"] .svc-card {
  background: var(--hs-bg2) !important;
  border-color: var(--hs-border) !important;
}
[data-theme="light"] .svc-card:hover {
  box-shadow: 0 8px 32px rgba(15,23,42,0.10), 0 0 0 1px var(--sbr) !important;
}

/* ── 17. Work / case cards (hardcoded dark bg) ───────── */
[data-theme="light"] .hs-work-card {
  background: var(--hs-bg2) !important;
  border-color: rgba(15,23,42,0.09) !important;
}
[data-theme="light"] .hs-work-card:hover {
  border-color: rgba(196,133,106,0.3) !important;
  box-shadow: 0 8px 32px rgba(15,23,42,0.10), 0 0 0 1px rgba(196,133,106,0.1) !important;
}

/* ── 18. Stat card (nearly transparent bg) ───────────── */
[data-theme="light"] .hs-stat-card {
  background: var(--hs-bg2) !important;
  border-color: rgba(15,23,42,0.09) !important;
}
[data-theme="light"] .hs-stat-card:hover {
  box-shadow: 0 8px 32px rgba(15,23,42,0.10), 0 0 0 1px rgba(196,133,106,0.15) !important;
}

/* ── 19. Glass components (transparent-on-dark) ──────── */
[data-theme="light"] .hs-glass {
  background: rgba(255,255,255,0.72) !important;
  border-color: rgba(15,23,42,0.10) !important;
  box-shadow: 0 2px 16px rgba(15,23,42,0.06) !important;
}
[data-theme="light"] .hs-glass:hover {
  box-shadow: 0 8px 32px rgba(15,23,42,0.10), 0 0 0 1px var(--hs-brand-soft) !important;
}
[data-theme="light"] .hs-glass-sm {
  background: rgba(255,255,255,0.72) !important;
  border-color: rgba(15,23,42,0.09) !important;
}
[data-theme="light"] .hs-glass-card {
  background: rgba(15,23,42,0.02) !important;
  border-color: rgba(15,23,42,0.08) !important;
}
[data-theme="light"] .hs-glass-card:hover {
  background: rgba(15,23,42,0.04) !important;
  border-color: rgba(15,23,42,0.12) !important;
}

/* ── 20. Float badge (dark pill) ─────────────────────── */
[data-theme="light"] .hs-float-badge {
  background: rgba(248,249,250,0.92) !important;
  border-color: rgba(15,23,42,0.14) !important;
  color: var(--hs-text2) !important;
  box-shadow: 0 4px 16px rgba(15,23,42,0.10) !important;
}

/* ── 21. Pill tabs ───────────────────────────────────── */
[data-theme="light"] .hs-pill-tab {
  border-color: rgba(15,23,42,0.12) !important;
  color: rgba(15,23,42,0.48) !important;
}
[data-theme="light"] .hs-pill-tab.-active {
  background: var(--hs-brand-soft) !important;
  border-color: var(--hs-brand-border) !important;
  color: var(--hs-brand) !important;
}

/* ── 22. Progress bar (near-invisible on dark) ───────── */
[data-theme="light"] .hs-progress-bar { background: rgba(15,23,42,0.08) !important; }

/* ── 23. Node label (hardcoded white text) ───────────── */
[data-theme="light"] .hs-node-label { color: var(--hs-text3) !important; }

/* ── 24. Layer stack (transparent-on-dark) ───────────── */
[data-theme="light"] .hs-layer {
  background: rgba(255,255,255,0.72) !important;
  border-color: rgba(15,23,42,0.09) !important;
}

/* ── 25. Work filter tabs ────────────────────────────── */
[data-theme="light"] .hs-work-filter {
  border-color: rgba(15,23,42,0.12) !important;
  background: rgba(15,23,42,0.02) !important;
  color: var(--hs-text2) !important;
}
[data-theme="light"] .hs-work-filter:hover {
  border-color: rgba(196,133,106,0.3) !important;
  color: var(--hs-brand) !important;
  background: rgba(196,133,106,0.05) !important;
}
[data-theme="light"] .hs-work-filter.is-active {
  border-color: rgba(196,133,106,0.45) !important;
  color: var(--hs-brand) !important;
  background: rgba(196,133,106,0.10) !important;
}

/* ── 26. Form placeholder (white-on-white) ───────────── */
[data-theme="light"] .hs-form-input::placeholder,
[data-theme="light"] .c-text-field input::placeholder,
[data-theme="light"] .c-text-field textarea::placeholder { color: rgba(15,23,42,0.28) !important; }

/* ── 27. Card hover shadows (lighter on light bg) ────── */
[data-theme="light"] .hs-card:hover {
  border-color: rgba(15,23,42,0.14) !important;
  box-shadow: 0 8px 32px rgba(15,23,42,0.09), 0 0 0 1px var(--hs-brand-soft) !important;
}
[data-theme="light"] .hs-product-card:hover {
  border-color: rgba(196,133,106,0.38) !important;
  box-shadow: 0 8px 32px rgba(15,23,42,0.09), 0 0 0 1px rgba(196,133,106,0.2) !important;
}
[data-theme="light"] .hs-step:hover {
  border-color: rgba(15,23,42,0.16) !important;
  box-shadow: 0 4px 16px rgba(15,23,42,0.07) !important;
}
[data-theme="light"] .hs-blog-card:hover,
[data-theme="light"] .hs-job-card:hover,
[data-theme="light"] .hs-team-card:hover,
[data-theme="light"] .hs-industry-card:hover,
[data-theme="light"] .hs-case-card:hover {
  border-color: rgba(15,23,42,0.18) !important;
  box-shadow: 0 4px 16px rgba(15,23,42,0.08) !important;
}

/* ── 28. Per-service card hover shadows ──────────────── */
[data-theme="light"] .svc-ai .hs-card:hover,
[data-theme="light"] .svc-chatbot .hs-card:hover,
[data-theme="light"] .svc-cloud .hs-card:hover,
[data-theme="light"] .svc-blockchain .hs-card:hover,
[data-theme="light"] .svc-data .hs-card:hover,
[data-theme="light"] .svc-uiux .hs-card:hover,
[data-theme="light"] .svc-transform .hs-card:hover,
[data-theme="light"] .svc-health .hs-card:hover,
[data-theme="light"] .svc-banking .hs-card:hover,
[data-theme="light"] .svc-web .hs-card:hover,
[data-theme="light"] .svc-mobile .hs-card:hover,
[data-theme="light"] .svc-custom .hs-card:hover {
  box-shadow: 0 8px 24px rgba(15,23,42,0.10), 0 0 0 1px var(--hs-brand-soft) !important;
}

/* ── 29. Explore hint ────────────────────────────────── */
[data-theme="light"] .hs-explore-hint {
  border-color: rgba(15,23,42,0.14) !important;
}
[data-theme="light"] .hs-explore-hint span { color: rgba(15,23,42,0.35) !important; }
[data-theme="light"] .hs-explore-line {
  background: linear-gradient(to bottom, rgba(15,23,42,0.4), transparent) !important;
}

/* ── 30. Page header dot pattern ─────────────────────── */
[data-theme="light"] .c-page-header::after {
  background-image: radial-gradient(circle, rgba(15,23,42,0.04) 1.2px, transparent 1.2px) !important;
}

/* ── 31. Dot-grid background ─────────────────────────── */
[data-theme="light"] .hs-dot-grid {
  background-image: radial-gradient(rgba(15,23,42,0.07) 1px, transparent 1px) !important;
}
[data-theme="light"] .hs-line-grid {
  background-image:
    linear-gradient(rgba(15,23,42,0.04) 1px, transparent 1px),
    linear-gradient(90deg, rgba(15,23,42,0.04) 1px, transparent 1px) !important;
}

/* ── 32. Depth shadows (too heavy for light bg) ──────── */
[data-theme="light"] .hs-depth-1 { box-shadow: 0 2px 4px rgba(15,23,42,0.08), 0 8px 16px rgba(15,23,42,0.05) !important; }
[data-theme="light"] .hs-depth-2 { box-shadow: 0 4px 8px rgba(15,23,42,0.09), 0 16px 32px rgba(15,23,42,0.07) !important; }
[data-theme="light"] .hs-depth-3 { box-shadow: 0 8px 16px rgba(15,23,42,0.10), 0 24px 48px rgba(15,23,42,0.08) !important; }

/* ── 33. Code block syntax in light mode ─────────────── */
[data-theme="light"] .hs-codeblock .kw { color: #7C3AED !important; }
[data-theme="light"] .hs-codeblock .str { color: #15803D !important; }
[data-theme="light"] .hs-codeblock .fn  { color: #DC2626 !important; }
[data-theme="light"] .hs-codeblock .cm  { color: #94A3B8 !important; }
[data-theme="light"] .hs-panel-code .kw { color: #7C3AED !important; }
[data-theme="light"] .hs-panel-code .str { color: #15803D !important; }
[data-theme="light"] .hs-panel-code .fn  { color: #DC2626 !important; }
[data-theme="light"] .hs-panel-code .cm  { color: #94A3B8 !important; }

/* ── 34. Footer — always dark regardless of theme ──────── */
[data-theme="light"] .c-footer { background: #000000 !important; }
[data-theme="light"] .c-footer_nav a { color: rgba(163,163,163,.8) !important; }
[data-theme="light"] .c-footer_nav a:hover { color: #ffffff !important; }
[data-theme="light"] .c-footer .menu-item-has-children>a { color: #ffffff !important; }
[data-theme="light"] .c-footer_credits p,
[data-theme="light"] .c-footer_credits a { color: rgba(255,255,255,0.32) !important; }

/* ── 35. Counter pill (already light-text, just refine) ─*/
[data-theme="light"] .hs-counter-pill {
  background: rgba(255,255,255,0.92) !important;
  border-color: rgba(15,23,42,0.10) !important;
  box-shadow: 0 2px 10px rgba(15,23,42,0.08) !important;
}

/* ── 36. wg-card section backdrop ───────────────────── */
/* wg-cards stay dark (intentional design islands).
   Override the section background so the dark cards sit
   on a subtly contrasted surface rather than raw white. */
[data-theme="light"] .hs-wg-section {
  background: #F1F5F9 !important;
  border-top-color: rgba(15,23,42,0.08) !important;
}


/* ── 38. Section headings / word-reveal ──────────────── */
[data-theme="light"] .hs-hiw-section { background: var(--hs-bg) !important; }

/* ── 39. Showcase section ────────────────────────────── */
[data-theme="light"] .hs-showcase { background: var(--hs-bg) !important; border-top-color: rgba(15,23,42,0.08) !important; }
/* showcase panel stays dark (product demo terminal — intentional) */

/* ── 40. Browser frame in light mode ─────────────────── */
[data-theme="light"] .hs-browser {
  background: #F8F9FA !important;
  border-color: rgba(15,23,42,0.12) !important;
  box-shadow: 0 8px 32px rgba(15,23,42,0.12) !important;
}
[data-theme="light"] .hs-browser-bar {
  background: rgba(15,23,42,0.04) !important;
  border-bottom-color: rgba(15,23,42,0.08) !important;
}
[data-theme="light"] .hs-browser-url {
  background: rgba(15,23,42,0.06) !important;
  color: rgba(15,23,42,0.4) !important;
}

/* ═══════════════════════════════════════════════════════════
   AI/ML PAGE — unique layout overrides (v41)
   ═══════════════════════════════════════════════════════════ */
/* Responsive: hero 2-col → 1-col on tablet/mobile */
@media(max-width:900px){
  .svc-ai [style*="grid-template-columns:1fr 1fr"]:has(.hs-ai-stack-layer),
  .svc-ai [style*="grid-template-columns:repeat(3,1fr)"]{
    grid-template-columns:1fr!important;
  }
}
/* Hover lift on primary capability cards */
.svc-ai [style*="border:1px solid rgba(99,102,241"]:hover{
  border-color:rgba(99,102,241,.4)!important;
  transform:translateY(-3px);
  box-shadow:0 16px 48px rgba(0,0,0,.45),0 0 0 1px rgba(99,102,241,.12),0 0 40px rgba(99,102,241,.08);
}
/* Responsive: caps grid 3-col → 2-col → 1-col */
@media(max-width:960px){
  .svc-ai .hs-feat-xl-grid{grid-template-columns:1fr 1fr!important;}
}
@media(max-width:640px){
  .svc-ai .hs-feat-xl-grid{grid-template-columns:1fr!important;}
}

/* ── Split-hero grid: stack on tablet/mobile (all inner pages) ── */
@media(max-width:900px){
  [data-scroll-section] .o-container.-lg > div[style*="gap:4rem"][style*="grid-template-columns"],
  [data-scroll-section] .o-container.-lg > div[style*="gap:3.5rem"][style*="grid-template-columns"],
  [data-scroll-section] .o-container.-lg > div[style*="gap:4.5rem"][style*="grid-template-columns"]{
    grid-template-columns:1fr!important;
  }
  [data-scroll-section] .o-container.-lg > div[style*="gap:4rem"][style*="grid-template-columns"] > div:last-child,
  [data-scroll-section] .o-container.-lg > div[style*="gap:3.5rem"][style*="grid-template-columns"] > div:last-child,
  [data-scroll-section] .o-container.-lg > div[style*="gap:4.5rem"][style*="grid-template-columns"] > div:last-child{
    display:none;
  }
}

/* ── Homepage hero: prevent cycling-word line overflow on mobile ── */
@media(max-width:620px){
  .hs-hero_title span[style*="white-space:nowrap"]{ white-space:normal!important; }
  .hs-hero_title .line2{ display:block; }
  .hs-hero-steps{ flex-wrap:wrap; border-radius:16px; padding:.5rem; }
  .hs-hero-step{ padding:.3rem .6rem; }
  .hs-hero-step-sep{ display:none; }
}

/* ── Disable LocomotiveScroll smooth scroll side-effects ── */
html.has-scroll-smooth { overflow: auto !important; }
html.has-scroll-smooth body { overflow: auto !important; }
html.has-scroll-smooth [data-scroll-container] {
  transform: none !important;
  position: static !important;
  top: auto !important;
  left: auto !important;
  width: auto !important;
}
/* main.css sets main{overflow:hidden} which clips [data-scroll-container] — fix unconditionally */
[data-scroll-container] { overflow: visible !important; }
.c-scrollbar { display: none !important; }
/* c-curtain animation rule depends on has-scroll-smooth class (LocomotiveScroll); without it the
   curtain slides in and stays permanently — just remove it entirely */
.c-curtain { display: none !important; }

/* ── Fix 1: .home main starts at opacity:0 in main.css, animated in by has-scroll-init.
   If LS doesn't fire fast enough (or at all in static hosting), the whole page is blank.
   Force it visible unconditionally — the entrance animation is cosmetic, not functional. */
.home main { opacity: 1 !important; transform: none !important; animation: none !important; }

/* ── Fix 2: Inactive HIW showcase steps (opacity:0.25 by default) are near-invisible on
   light backgrounds — dark text at 25% opacity over white ≈ #BEC1C6, indistinguishable
   from the page background. Raise to 0.6 so unactivated steps read clearly. */
[data-theme="light"] .hs-hiw-step-text { opacity: 0.6; }
[data-theme="light"] .hs-hiw-step.is-active .hs-hiw-step-text { opacity: 1 !important; }

/* ── Fix 3: Footer nav links start at opacity:0 in main.css, become visible when
   c-footer.is-inview fires. In static hosting this may not trigger — force visible. */
.c-footer_nav > .menu-item > a { opacity: 1 !important; animation: none !important; }
.c-footer_nav .sub-menu > .menu-item { opacity: 1 !important; animation: none !important; }