/* The Vademan Group — site stylesheet. Brand colours match the logo: green #00291e, red #d1000f, orange #f79d3a. */
/* Fonts and icons are loaded with <link> tags in each page head (faster than @import). */

/* ─── Tokens ─────────────────────────────────────────── */
:root{
  /* Forest: dark panels and strong text */
  --forest-950:#00291e;--forest-900:#07362a;--forest-800:#104538;--forest-700:#1d5143;--forest-500:#4f7a6f;--forest-300:#a9c2b9;
  /* Cream: page and light surfaces */
  --cream-50:#fbf8f2;--cream-100:#f4eee3;--cream-200:#e9e0d0;--cream-300:#d9cdb8;
  /* Vermilion: action */
  --verm-700:#a3000c;--verm-600:#b3000d;--verm-500:#d1000f;--verm-100:#fbe0e1;
  /* Saffron: highlight */
  --saff-500:#f79d3a;--saff-400:#f9b366;--saff-100:#fdebd8;
  /* Sage: soft tint */
  --sage-300:#b5d3c4;--sage-200:#cfe3d8;--sage-100:#e6f0ea;

  --ink:#00291e;--text:#2c3d38;--muted:#5d6f69;
  --on-dark:#f4eee3;--on-dark-muted:#a9c2b9;

  --font-display:"Bricolage Grotesque",system-ui,sans-serif;
  --font-serif:"Instrument Serif",Georgia,serif;
  --font-body:"Figtree",system-ui,sans-serif;
  --font-mono:"JetBrains Mono",ui-monospace,monospace;

  --r-sm:12px;--r-md:20px;--r-lg:28px;--r-xl:40px;--r-pill:999px;
  --panel-inset:12px;
  --shadow-soft:0 1px 2px rgba(0,41,30,.06),0 12px 32px -12px rgba(0,41,30,.18);
  --shadow-lift:0 2px 4px rgba(0,41,30,.06),0 24px 48px -16px rgba(0,41,30,.28);

  --ease-out:cubic-bezier(.2,.7,.2,1);--ease-spring:cubic-bezier(.34,1.4,.64,1);
  --dur-fast:150ms;--dur-base:240ms;--dur-slow:480ms;
  --section-y:clamp(72px,10vw,128px);
  --header-h:84px;
}

/* ─── Base ───────────────────────────────────────────── */
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--cream-50);color:var(--text);font:400 16px/1.65 var(--font-body);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
img{max-width:100%;display:block}
a{color:var(--verm-700);text-underline-offset:3px;text-decoration-thickness:1px}
a:hover{color:var(--verm-600)}
::selection{background:var(--saff-500);color:var(--forest-950)}
:focus-visible{outline:2px solid var(--verm-500);outline-offset:3px;border-radius:6px}
.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.skip{position:absolute;left:16px;top:-60px;z-index:100;background:var(--forest-950);color:var(--on-dark);padding:10px 18px;border-radius:var(--r-pill);font:600 14px/1 var(--font-body);text-decoration:none}
.skip:focus{top:12px;color:var(--on-dark)}
@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}html{scroll-behavior:auto}.hero-dots .dot{opacity:1}}

/* ─── Layout ─────────────────────────────────────────── */
.wrap{width:min(1240px,100% - 64px);margin:0 auto}
.section{padding:var(--section-y) 0}
.light{background:transparent}
/* Dark sections float as rounded panels on the cream page */
.dark,.hero-grid{background:var(--forest-950);color:var(--on-dark-muted);margin:0 var(--panel-inset);border-radius:var(--r-xl);position:relative;overflow:hidden;isolation:isolate}
.g2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(40px,6vw,96px)}
.g3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(20px,2.4vw,32px)}
.stack{display:flex;flex-direction:column;gap:var(--gap,20px)}

/* ─── Type ───────────────────────────────────────────── */
.display{margin:0;font:750 clamp(46px,7vw,96px)/.98 var(--font-display);letter-spacing:-.035em;color:var(--on-dark);text-wrap:balance;max-width:1000px}
.h{margin:0;font:700 clamp(36px,5vw,64px)/1 var(--font-display);letter-spacing:-.03em;color:var(--ink);text-wrap:balance}
:is(.dark,.hero-grid) .h{color:var(--on-dark)}
.h--md{font-size:clamp(26px,2.4vw,32px);letter-spacing:-.02em}
.h--sm{font-size:clamp(24px,2.2vw,28px);letter-spacing:-.02em}
.p{margin:0;font:400 18px/1.65 var(--font-body);color:var(--text);text-wrap:pretty}
:is(.dark,.hero-grid) .p{color:var(--on-dark-muted)}
.p--lg{font-size:clamp(18px,1.5vw,21px)}
.p--sm{font-size:16px}
.red{color:var(--verm-500)}
:is(.dark,.hero-grid) .red{color:var(--saff-500)}
.overline{display:inline-flex;align-items:center;gap:10px;align-self:flex-start;margin:0;padding:8px 14px 8px 10px;border-radius:var(--r-pill);background:var(--sage-200);
  font:600 13px/1 var(--font-body);letter-spacing:.02em;color:var(--forest-900)}
.overline::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--verm-500);flex:none}
:is(.dark,.hero-grid) .overline{background:rgba(207,227,216,.12);color:var(--sage-200)}
.num{font:500 12px var(--font-mono);color:var(--muted)}
.serif{font-family:var(--font-serif);font-weight:400}
.note{font:400 12px var(--font-mono);color:var(--muted)}
/* Ghost word behind a heading: <h2 class="h ghost" data-ghost="Results"> */
.ghost{position:relative}
.section{isolation:isolate}
.ghost::before{content:attr(data-ghost);position:absolute;left:-.04em;top:-.55em;z-index:-1;pointer-events:none;white-space:nowrap;
  font:italic 400 clamp(96px,14vw,200px)/1 var(--font-serif);color:var(--cream-200);letter-spacing:-.02em}
:is(.dark,.hero-grid) .ghost::before{color:rgba(244,238,227,.06)}

/* ─── Buttons ────────────────────────────────────────── */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;height:48px;padding:0 24px;border-radius:var(--r-pill);
  font:600 15px/1 var(--font-body);text-decoration:none;white-space:nowrap;border:0;cursor:pointer;
  background:var(--verm-500);color:#fff;box-shadow:0 8px 20px -8px rgba(209,0,15,.6);
  transition:transform var(--dur-base) var(--ease-spring),background var(--dur-fast),box-shadow var(--dur-base)}
.btn i{font-size:18px;transition:transform var(--dur-base) var(--ease-spring)}
.btn:hover{background:var(--verm-600);color:#fff;transform:translateY(-2px);box-shadow:0 14px 28px -10px rgba(209,0,15,.7)}
.btn:hover i{transform:translateX(3px)}
.btn:active{transform:translateY(0) scale(.98)}
.btn--sm{height:38px;padding:0 16px;font-size:14px}.btn--sm i{font-size:16px}
.btn--lg{height:56px;padding:0 28px;font-size:16px}
.btn--block{display:flex;width:100%}
.btn--inverse{background:rgba(244,238,227,.08);color:var(--on-dark);box-shadow:inset 0 0 0 1px rgba(244,238,227,.25)}
.btn--inverse:hover{background:var(--on-dark);color:var(--forest-950);box-shadow:none}
.btn--ghost{background:rgba(255,255,255,.7);color:var(--ink);box-shadow:none}
.btn--ghost:hover{background:var(--forest-950);color:var(--on-dark);box-shadow:none}
.btn[disabled]{opacity:.6;cursor:progress;transform:none}

/* ─── Header: floating pill ──────────────────────────── */
.site-header{position:sticky;top:0;z-index:40;padding:12px var(--panel-inset) 0;height:var(--header-h);pointer-events:none}
.site-header>*{pointer-events:auto}
.site-header>.wrap{height:60px;display:flex;align-items:center;justify-content:space-between;gap:24px;width:min(1240px,100%);
  padding:0 10px 0 22px;border-radius:var(--r-pill);background:rgba(251,248,242,.85);backdrop-filter:blur(14px) saturate(1.4);-webkit-backdrop-filter:blur(14px) saturate(1.4);
  box-shadow:0 0 0 1px rgba(0,41,30,.08),0 10px 30px -14px rgba(0,41,30,.25)}
.wordmark{display:inline-flex;align-items:center;gap:8px;font:750 21px/1 var(--font-display);letter-spacing:-.03em;color:var(--ink);text-decoration:none;white-space:nowrap}
.wordmark::before{content:"";width:22px;height:22px;border-radius:50%;flex:none;
  background:radial-gradient(circle at 70% 30%,var(--saff-500) 0 28%,transparent 29%),var(--verm-500)}
.wordmark:hover{color:var(--ink)}
.wordmark small{font:italic 400 .82em/1 var(--font-serif);letter-spacing:0;color:var(--forest-500);margin-right:-3px}
.site-footer .wordmark small{color:var(--forest-300)}
.wordmark span{margin-left:1px;font-family:var(--font-serif);font-style:italic;font-weight:400;letter-spacing:0;color:var(--forest-500)}
.wordmark b{display:none}
.nav{display:flex;gap:4px}
.nav a{padding:10px 16px;border-radius:var(--r-pill);font:500 15px/1 var(--font-body);color:var(--text);text-decoration:none;transition:background var(--dur-fast),color var(--dur-fast)}
.nav a:hover{background:var(--cream-200);color:var(--ink)}
.nav a[aria-current="page"]{background:var(--forest-950);color:var(--on-dark)}
.menu-btn{display:none;width:44px;height:44px;align-items:center;justify-content:center;border-radius:50%;background:var(--forest-950);border:0;color:var(--on-dark);font-size:20px;cursor:pointer}
.mobile-menu{position:fixed;inset:calc(var(--header-h) + 8px) var(--panel-inset) var(--panel-inset);background:var(--forest-950);border-radius:var(--r-lg);padding:20px 24px 28px;display:none;flex-direction:column;gap:2px;animation:pop var(--dur-base) var(--ease-out);box-shadow:var(--shadow-lift)}
.mobile-menu.open{display:flex}
.mobile-menu a:not(.btn){padding:16px 4px;border-bottom:1px solid var(--forest-700);font:700 32px/1 var(--font-display);letter-spacing:-.03em;color:var(--on-dark);text-decoration:none}
.mobile-menu a[aria-current="page"]{color:var(--saff-500)}
.mobile-menu .btn{margin-top:auto}
@keyframes pop{from{opacity:0;transform:translateY(-8px) scale(.98)}to{opacity:1;transform:none}}
@keyframes rise{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}

/* ─── Heroes ─────────────────────────────────────────── */
/* Heroes slide up under the floating header */
.hero{margin-top:calc(var(--panel-inset) - var(--header-h));padding-top:var(--header-h)}
.hero--live .display .red{color:var(--verm-500)}
.hero .wrap{padding:clamp(64px,9vw,120px) 0 clamp(64px,8vw,104px);display:flex;flex-direction:column;gap:26px;position:relative}
.hero .wrap>*{animation:rise var(--dur-slow) var(--ease-out) both}
.hero .wrap>*:nth-child(2){animation-delay:80ms}
.hero .wrap>*:nth-child(3){animation-delay:160ms}
.hero .wrap>*:nth-child(4){animation-delay:240ms}
.hero .p{max-width:600px}

/* Inner-page heroes: a cluster of colour dots */
.hero-grid:not(.hero--live) .display{max-width:min(1000px,74%)}
.hero-grid:not(.hero--live)::after{content:"";position:absolute;right:-50px;bottom:-100px;width:clamp(180px,22vw,320px);aspect-ratio:1;z-index:-1;
  background:radial-gradient(circle at 30% 30%,var(--saff-500) 0 17%,transparent 17.5%),radial-gradient(circle at 70% 42%,var(--verm-500) 0 25%,transparent 25.5%),radial-gradient(circle at 42% 78%,var(--sage-300) 0 15%,transparent 15.5%);
  animation:float 9s ease-in-out infinite alternate}

/* Home hero */
.hero--live{min-height:calc(100vh - var(--panel-inset));display:flex;align-items:center}

.hero-wordmark{position:absolute;z-index:-1;left:50%;bottom:-.16em;transform:translateX(-50%);pointer-events:none;user-select:none;white-space:nowrap;
  font:italic 400 clamp(150px,21vw,320px)/.8 var(--font-serif);letter-spacing:-.04em;color:rgba(244,238,227,.05)}
.hero .hero-split{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:clamp(48px,6vw,96px);align-items:center}
.hero-copy{display:flex;flex-direction:column;gap:28px}
.hero-copy>*{animation:rise var(--dur-slow) var(--ease-out) both}
.hero-copy>.p{animation-delay:850ms}.hero-copy>.hero-actions{animation-delay:1000ms}
.hero-actions{display:flex;gap:12px;flex-wrap:wrap}
.display--split{font-size:clamp(48px,6.2vw,96px);animation:none!important}
.display--split .w{display:inline-block;animation:wordup 750ms var(--ease-out) both}
.display--split .w:nth-child(1){animation-delay:60ms}.display--split .w:nth-child(2){animation-delay:130ms}
.display--split .w:nth-child(3){animation-delay:200ms}.display--split .w:nth-child(4){animation-delay:270ms}
.display--split .w:nth-child(5){animation-delay:340ms}.display--split .w:nth-child(6){animation-delay:410ms}
.display--split .w:nth-child(7){animation-delay:480ms}.display--split .w:nth-child(8){animation-delay:550ms}
.display--split .w:nth-child(9){animation-delay:620ms}
@keyframes wordup{from{opacity:0;transform:translateY(.4em) rotate(2deg)}to{opacity:1;transform:none}}
.draw{font-family:var(--font-serif);font-style:italic;font-weight:400;letter-spacing:-.01em;color:var(--saff-500);padding-right:.06em}

/* Floating dots: placed by main.js into empty hero space */
.hero-dots{position:absolute;inset:0;pointer-events:none}
.hero-dots--behind{z-index:-1}
.hero-dots .dot{position:absolute;border-radius:50%;opacity:0;animation:dotin 600ms var(--ease-spring) forwards,float var(--d,7s) ease-in-out var(--delay,0s) infinite alternate}
@keyframes dotin{from{opacity:0;scale:.3}to{opacity:1;scale:1}}
@keyframes float{from{transform:translate(0,0)}to{transform:translate(6px,-14px)}}

/* Operations board */
.board-wrap{position:relative;animation:rise 800ms var(--ease-out) 450ms both}
.board{position:relative;z-index:1;background:var(--forest-900);border-radius:var(--r-lg);box-shadow:0 0 0 1px var(--forest-700),0 40px 80px -30px rgba(0,0,0,.6);overflow:hidden}
.board__bar{display:flex;align-items:center;gap:10px;padding:16px 20px;border-bottom:1px solid var(--forest-700);font:600 14px/1 var(--font-body);color:var(--on-dark)}
.board__id{margin-left:auto;padding:6px 10px;border-radius:var(--r-pill);background:rgba(244,238,227,.07);font:500 11px var(--font-mono);color:var(--on-dark-muted)}
.live-dot{width:9px;height:9px;border-radius:50%;background:var(--saff-500);box-shadow:0 0 0 0 rgba(247,157,58,.7);animation:pulse 1.8s infinite}
@keyframes pulse{70%{box-shadow:0 0 0 9px rgba(247,157,58,0)}100%{box-shadow:0 0 0 0 rgba(247,157,58,0)}}
.board__body{position:relative;padding:10px 14px 14px}
.board__rail{position:absolute;left:33px;top:30px;bottom:34px;width:3px;border-radius:3px;background:var(--forest-700)}
.board__fill{position:absolute;left:0;top:0;width:100%;height:var(--progress,0%);border-radius:3px;background:linear-gradient(var(--sage-300),var(--saff-500));transition:height 700ms var(--ease-out)}
.board__steps{list-style:none;margin:0;padding:0}
.board__steps li{position:relative;display:grid;grid-template-columns:40px 1fr auto;gap:12px;align-items:center;padding:8px 10px 8px 0;border-radius:var(--r-md);
  color:var(--forest-300);opacity:.55;transition:opacity var(--dur-slow),background var(--dur-slow)}
.board__steps li>i{position:relative;z-index:1;width:40px;height:40px;display:grid;place-items:center;border-radius:50%;font-size:17px;
  background:var(--forest-800);color:var(--forest-300);transition:all var(--dur-slow) var(--ease-spring)}
.board__steps b{display:block;font:600 16px/1.2 var(--font-body);color:var(--on-dark)}
.board__steps span{display:block;margin-top:2px;font:400 13px/1.3 var(--font-body)}
.chip{font:600 11.5px/1 var(--font-body);font-style:normal;padding:7px 11px;border-radius:var(--r-pill);background:rgba(244,238,227,.06);color:var(--forest-300);white-space:nowrap;transition:all var(--dur-base)}
.board__steps li.done{opacity:1}
.board__steps li.done>i{background:var(--sage-200);color:var(--forest-950)}
.board__steps li.done .chip{background:var(--sage-200);color:var(--forest-950)}
.board__steps li.active{opacity:1;background:rgba(247,157,58,.08)}
.board__steps li.active>i{background:var(--saff-500);color:var(--forest-950);transform:scale(1.08);box-shadow:0 0 0 6px rgba(247,157,58,.18)}
.board__steps li.active .chip{background:var(--saff-500);color:var(--forest-950)}
.board__steps li.alert.active{background:rgba(209,0,15,.12)}
.board__steps li.alert.active>i{background:var(--verm-500);color:#fff;box-shadow:0 0 0 6px rgba(209,0,15,.22);animation:shake 500ms var(--ease-out)}
.board__steps li.alert.active .chip{background:var(--verm-500);color:#fff}
@keyframes shake{20%,60%{transform:scale(1.08) rotate(-8deg)}40%,80%{transform:scale(1.08) rotate(8deg)}}
.channels{display:flex!important;flex-wrap:wrap;gap:4px;margin-top:5px!important}
.channels u{text-decoration:none;font:500 11px/1 var(--font-body);padding:4px 8px;border-radius:var(--r-pill);background:rgba(244,238,227,.06);transition:all var(--dur-base) var(--ease-spring)}
.channels u.on{background:var(--saff-500);color:var(--forest-950);transform:translateY(-1px)}

/* Ticker: rounded saffron band */
.ticker{margin:16px var(--panel-inset) 0;border-radius:var(--r-pill);background:var(--saff-500);overflow:hidden;
  -webkit-mask-image:linear-gradient(90deg,transparent,#000 5%,#000 95%,transparent);mask-image:linear-gradient(90deg,transparent,#000 5%,#000 95%,transparent)}
.ticker__track{display:flex;width:max-content;animation:ticker 40s linear infinite}
.ticker:hover .ticker__track{animation-play-state:paused}
.ticker ul{display:flex;margin:0;padding:0;list-style:none}
.ticker li{display:flex;align-items:center;gap:26px;padding:18px 26px 18px 0;font:700 clamp(18px,1.8vw,24px)/1 var(--font-display);letter-spacing:-.02em;color:var(--forest-950);white-space:nowrap}
.ticker li::after{content:"";width:10px;height:10px;border-radius:50%;background:var(--verm-500)}
.ticker li:nth-child(3n)::after{background:var(--forest-950)}
@keyframes ticker{to{transform:translateX(-50%)}}

/* ─── Pillars / cards ────────────────────────────────── */
.pillar{display:flex;flex-direction:column;gap:16px;padding:32px;border-radius:var(--r-lg);background:var(--cream-100);
  transition:transform var(--dur-base) var(--ease-spring),box-shadow var(--dur-base)}
.pillar:hover{transform:translateY(-4px);box-shadow:var(--shadow-lift)}
.g3>.pillar:nth-child(3n+1){background:var(--sage-100)}
.g3>.pillar:nth-child(3n+2){background:var(--saff-100)}
.g3>.pillar:nth-child(3n+3){background:var(--verm-100)}
.pillar__top{display:flex;justify-content:space-between;align-items:center}
.pillar__top i{width:52px;height:52px;display:grid;place-items:center;border-radius:50%;font-size:24px;background:var(--forest-950);color:var(--cream-50)}
.g3>.pillar:nth-child(3n+2) .pillar__top i{background:var(--saff-500);color:var(--forest-950)}
.g3>.pillar:nth-child(3n+3) .pillar__top i{background:var(--verm-500);color:#fff}
.pillar__top .num{padding:6px 10px;border-radius:var(--r-pill);background:rgba(0,41,30,.06)}
.pillar__big{font:italic 400 72px/1 var(--font-serif);color:var(--verm-500)}
.service .btn{margin-top:auto;align-self:flex-start}
.services-grid{row-gap:clamp(20px,2.4vw,32px)}

/* ─── Divider: a row of dots ─────────────────────────── */
.divider{height:24px;margin:clamp(16px,3vw,32px) auto;width:min(1240px,100% - 64px);
  background:radial-gradient(circle,var(--cream-300) 3px,transparent 3.5px) 0 50%/22px 22px repeat-x}

/* ─── Image placeholder: abstract dot composition ────── */
.img{min-height:440px;border-radius:var(--r-lg);position:relative;overflow:hidden;display:grid;place-items:end start;padding:20px;
  background:radial-gradient(circle at 75% 30%,var(--saff-500) 0 16%,transparent 16.5%),radial-gradient(circle at 40% 62%,var(--verm-500) 0 24%,transparent 24.5%),radial-gradient(circle at 80% 82%,var(--sage-300) 0 12%,transparent 12.5%),var(--forest-800);
  font:500 11px var(--font-mono);color:var(--forest-300)}
.img--photo{padding:0;background:var(--forest-800)}
.img--photo img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:46% 50%}

/* ─── Quotes ─────────────────────────────────────────── */
.mission-quote{margin:0;font:400 clamp(34px,4.2vw,54px)/1.1 var(--font-serif);color:var(--on-dark);text-wrap:balance}
.mission-quote em{color:var(--saff-500)}
.quote{display:flex;flex-direction:column;gap:20px;padding:32px;border-radius:var(--r-lg);background:#fff;box-shadow:var(--shadow-soft);transition:transform var(--dur-base) var(--ease-spring)}
.quote:hover{transform:translateY(-4px) rotate(-.4deg)}
.quote i{width:44px;height:44px;display:grid;place-items:center;border-radius:50%;background:var(--saff-100);font-size:20px;color:var(--verm-600)}
.quote blockquote{margin:0;font:400 24px/1.3 var(--font-serif);color:var(--ink)}
.quote figcaption{margin-top:auto;font:600 15px/1.4 var(--font-body);color:var(--ink)}
.quote figcaption span{color:var(--muted);font-weight:400}
.mission-long{margin:0;font:300 clamp(19px,2vw,24px)/1.6 var(--font-body);color:var(--on-dark);text-wrap:pretty}
.mission-long .serif{font-size:1.5em;line-height:1.2;font-style:italic;color:var(--saff-500)}

/* ─── Platforms ──────────────────────────────────────── */
.plat{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.4fr);gap:clamp(24px,5vw,72px);padding:clamp(28px,4vw,48px);margin-bottom:16px;border-radius:var(--r-xl);background:var(--cream-100);scroll-margin-top:calc(var(--header-h) + 16px)}
.plat:nth-child(5n+1){background:var(--sage-100)}.plat:nth-child(5n+2){background:var(--saff-100)}.plat:nth-child(5n+3){background:var(--verm-100)}.plat:nth-child(5n+4){background:var(--cream-100)}.plat:nth-child(5n+5){background:var(--sage-200)}
.plat__name{margin:0;font:750 clamp(44px,5.6vw,76px)/.95 var(--font-display);letter-spacing:-.04em;color:var(--ink)}
.plat .num{align-self:flex-start;padding:6px 10px;border-radius:var(--r-pill);background:rgba(0,41,30,.07);color:var(--forest-900)}
.tags{display:flex;flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none}
.tag{display:inline-flex;align-items:center;height:32px;padding:0 14px;border-radius:var(--r-pill);background:rgba(255,255,255,.75);font:500 14px/1 var(--font-body);color:var(--forest-900)}

/* ─── CTA band: vermilion panel with colour dots ─────── */
.dark.cta{background:var(--verm-500);margin-top:clamp(24px,4vw,48px)}
.cta::after{content:"";position:absolute;z-index:-1;right:-60px;top:-90px;width:280px;height:280px;border-radius:50%;background:var(--saff-500)}
.cta::before{content:"";position:absolute;z-index:-1;right:200px;bottom:-56px;width:112px;height:112px;border-radius:50%;background:var(--forest-950)}
.cta .wrap{position:relative;padding:clamp(56px,8vw,96px) 0;display:flex;align-items:center;justify-content:space-between;gap:40px}
.dark.cta .h{color:#fff;max-width:720px}
.cta .btn{flex:none;background:var(--forest-950);color:var(--on-dark);box-shadow:0 10px 24px -10px rgba(0,41,30,.6)}
.cta .btn:hover{background:var(--forest-800);color:var(--on-dark)}

/* ─── Contact form ───────────────────────────────────── */
.form{display:grid;grid-template-columns:1fr 1fr;gap:20px;background:var(--cream-50);padding:clamp(24px,4vw,40px);border-radius:var(--r-lg);box-shadow:var(--shadow-lift)}
.full{grid-column:1/-1}
.hp{position:absolute;left:-9999px;width:1px;height:1px;opacity:0}
.field-label{display:block;margin-bottom:8px;font:600 14px/1 var(--font-body);color:var(--ink)}
.field input,.field textarea{width:100%;font:400 16px/1.5 var(--font-body);color:var(--ink);background:#fff;border:1.5px solid var(--cream-200);border-radius:var(--r-sm);padding:0 16px;height:50px;outline:none;transition:all var(--dur-fast) var(--ease-out)}
.field textarea{height:auto;padding:14px 16px;resize:vertical}
.field input::placeholder,.field textarea::placeholder{color:#7d8a85}
.field input:focus,.field textarea:focus{border-color:var(--forest-500);box-shadow:0 0 0 4px var(--sage-200)}
.field[data-invalid] input{border-color:var(--verm-500);box-shadow:0 0 0 4px var(--verm-100)}
.field-error{display:block;margin-top:6px;font:500 13px/1.4 var(--font-body);color:var(--verm-700)}
.field-error:empty{display:none}
fieldset{border:0;margin:0;padding:0;min-width:0}
legend{padding:0;margin-bottom:12px}
.checks{display:flex;flex-wrap:wrap;gap:8px}
/* Marketplace checkboxes render as toggle pills */
.check{position:relative;display:inline-flex;align-items:center;cursor:pointer;padding:10px 16px;border-radius:var(--r-pill);background:#fff;border:1.5px solid var(--cream-200);font:500 15px/1 var(--font-body);color:var(--ink);transition:all var(--dur-fast) var(--ease-spring)}
.check input{position:absolute;opacity:0;width:1px;height:1px}
.check:hover{border-color:var(--forest-500)}
.check:has(input:checked){background:var(--forest-950);border-color:var(--forest-950);color:var(--on-dark)}
.check:has(input:focus-visible){outline:2px solid var(--verm-500);outline-offset:2px}
.form-status{margin:0;font:500 14px/1.4 var(--font-body);color:var(--verm-700)}
.form-status:empty{display:none}
.contact-meta{display:inline-flex;align-self:flex-start;align-items:center;gap:10px;margin:0;padding:10px 16px;border-radius:var(--r-pill);background:rgba(247,157,58,.14);font:600 15px/1 var(--font-body);color:var(--saff-400)}
.contact-meta i{font-size:18px}

/* ─── Toast ──────────────────────────────────────────── */
.toast{position:fixed;right:24px;bottom:24px;z-index:50;max-width:min(380px,calc(100vw - 48px));display:flex;gap:14px;align-items:flex-start;background:var(--forest-950);color:var(--on-dark);border-radius:var(--r-md);box-shadow:var(--shadow-lift);padding:16px 18px;animation:pop var(--dur-base) var(--ease-out)}
.toast[hidden]{display:none}
.toast>i{width:32px;height:32px;flex:none;display:grid;place-items:center;border-radius:50%;background:var(--sage-200);color:var(--forest-950);font-size:18px}
.toast strong{display:block;font:600 16px/1.2 var(--font-body)}
.toast p{margin:4px 0 0;font:400 14px/1.5 var(--font-body);color:var(--on-dark-muted)}
.toast button{margin-left:auto;background:none;border:0;color:var(--on-dark-muted);font-size:18px;cursor:pointer;padding:0}

/* ─── Footer ─────────────────────────────────────────── */
.dark.site-footer{margin:var(--panel-inset)}
.site-footer .wordmark{color:var(--on-dark)}
.site-footer .wordmark span{color:var(--forest-300)}
.footer-grid{display:grid;grid-template-columns:2fr 1fr 1.3fr 1.5fr;gap:40px;padding:72px 0 48px}
.footer-h{margin:0 0 16px;font:600 13px/1 var(--font-body);letter-spacing:.04em;color:var(--saff-500)}
.footer-grid ul{list-style:none;margin:0;padding:0}
.footer-grid li a{display:block;color:var(--on-dark-muted);font:400 15px/2.1 var(--font-body);text-decoration:none}
.footer-grid li a:hover{color:var(--on-dark)}
.footer-contact{display:flex;flex-direction:column;gap:12px;font:400 15px/1.4 var(--font-body);color:var(--on-dark-muted)}
.footer-contact span{display:flex;gap:10px;align-items:center}
.footer-contact i{color:var(--saff-500)}
.footer-contact a{color:var(--on-dark);text-decoration:none;border-bottom:1px solid rgba(247,157,58,.5)}
.footer-contact a:hover{color:var(--saff-500);border-color:var(--saff-500)}
.footer-bottom{padding:22px 0 30px;border-top:1px solid var(--forest-700);display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;font:400 13px var(--font-body);color:var(--forest-300)}

/* ─── Scroll reveal ──────────────────────────────────── */
.js .reveal{opacity:0;transform:translateY(18px);transition:opacity var(--dur-slow) var(--ease-out),transform 600ms var(--ease-spring)}
.js .reveal.in{opacity:1;transform:none}
.g3>.reveal:nth-child(2){transition-delay:80ms}.g3>.reveal:nth-child(3){transition-delay:160ms}
.js .pillar.reveal.in:hover,.js .quote.reveal.in:hover{transition-delay:0ms}

/* ─── Responsive ─────────────────────────────────────── */
@media (max-width:1100px){.hero .hero-split{grid-template-columns:1fr}.board-wrap{max-width:560px}.hero--live{min-height:0}}
@media (max-width:960px){
  .nav,.header-cta{display:none}
  .menu-btn{display:inline-flex}
  .footer-grid{grid-template-columns:1fr 1fr}
}
@media (max-width:760px){
  :root{--panel-inset:8px;--header-h:76px;--r-xl:28px}
  .wrap{width:calc(100% - 40px)}
  .g2,.g3,.plat,.form{grid-template-columns:1fr}
  .footer-grid{grid-template-columns:1fr}
  .cta .wrap{flex-direction:column;align-items:flex-start}
  .cta::before{right:40px}
  .img{min-height:280px}
  .display--split{font-size:clamp(44px,12.5vw,64px)}
  .board__steps span{display:none}.board__steps li[data-channels] span{display:flex}
  .board__id{display:none}
  .pillar,.quote{padding:26px}
  .site-header>.wrap{padding-left:18px}
  .hero-grid:not(.hero--live)::after{width:140px;right:-40px;bottom:-60px}
  .hero-grid:not(.hero--live) .display{max-width:none}
}

/* ─── SEO content blocks ─────────────────────────────── */
.crumbs{display:flex;flex-wrap:wrap;align-items:center;gap:8px;font:500 14px/1 var(--font-body);color:var(--on-dark-muted)}
.crumbs a{color:var(--sage-200);text-decoration:none}
.crumbs a:hover{color:var(--saff-500)}
.crumbs span[aria-hidden]{opacity:.5}
.crumbs [aria-current]{color:var(--on-dark)}
.checklist{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:12px}
.checklist li{position:relative;padding:16px 18px 16px 52px;border-radius:var(--r-md);background:var(--cream-100);font:400 16px/1.55 var(--font-body);color:var(--text)}
.checklist li::before{content:"";position:absolute;left:18px;top:19px;width:20px;height:20px;border-radius:50%;
  background:radial-gradient(circle,var(--cream-50) 0 3px,transparent 3.5px),var(--verm-500)}
.checklist b{color:var(--ink);font-weight:600}
.steps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:16px}
.steps li{padding:24px;border-radius:var(--r-lg);background:var(--forest-900);box-shadow:inset 0 0 0 1px var(--forest-700)}
.steps span{display:inline-grid;place-items:center;width:40px;height:40px;border-radius:50%;background:var(--saff-500);color:var(--forest-950);font:700 14px/1 var(--font-body)}
.steps li:nth-child(2) span{background:var(--sage-200)}.steps li:nth-child(3) span{background:var(--verm-500);color:#fff}.steps li:nth-child(4) span{background:var(--cream-100)}
.steps h3{margin:18px 0 8px;font:700 22px/1.1 var(--font-display);letter-spacing:-.02em;color:var(--on-dark)}
.steps p{margin:0;font:400 15px/1.55 var(--font-body);color:var(--on-dark-muted)}
.faq{display:flex;flex-direction:column;gap:10px}
.faq details{border-radius:var(--r-md);background:#fff;box-shadow:var(--shadow-soft);transition:background var(--dur-base)}
.faq details[open]{background:var(--saff-100)}
.faq summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:16px;padding:20px 22px;font:600 17px/1.35 var(--font-body);color:var(--ink)}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"";flex:none;width:30px;height:30px;border-radius:50%;background:
  linear-gradient(var(--forest-950),var(--forest-950)) center/12px 2px no-repeat,linear-gradient(var(--forest-950),var(--forest-950)) center/2px 12px no-repeat,var(--cream-100);
  transition:transform var(--dur-base) var(--ease-spring)}
.faq details[open] summary::after{transform:rotate(45deg);background-color:var(--saff-500)}
.faq details p{margin:0;padding:0 22px 22px;font:400 16px/1.65 var(--font-body);color:var(--text)}
.prose{max-width:760px}
.prose h2{margin:40px 0 12px;font:700 28px/1.15 var(--font-display);letter-spacing:-.02em;color:var(--ink)}
.prose h2:first-child{margin-top:0}
.prose p{margin:0 0 14px;font:400 17px/1.7 var(--font-body);color:var(--text)}
.footer-bottom a{color:var(--forest-300);text-decoration:none}
.footer-bottom a:hover{color:var(--on-dark)}
@media (max-width:1100px){.steps{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:760px){.steps{grid-template-columns:1fr}}
.disclaimer{padding:28px 0 12px;max-width:820px}
.plat-actions{display:flex;flex-wrap:wrap;gap:10px}

/* ─── Logo ───────────────────────────────────────────── */
.brand{display:inline-flex;align-items:center;flex:none;line-height:0}
.brand img{height:44px;width:auto}
.brand--footer img{height:150px}
@media (max-width:760px){.brand img{height:36px}.brand--footer img{height:120px}}

/* ICONS: generated by Vademan Archive/tools/icons.pl from lucide-static 0.452.0 (ISC). Do not edit by hand. */
[class^="icon-"],[class*=" icon-"]{font-style:normal;line-height:1}
[class^="icon-"]::before,[class*=" icon-"]::before{content:"";display:inline-block;width:1em;height:1em;vertical-align:-.125em;background:currentColor;-webkit-mask:var(--icon) center/contain no-repeat;mask:var(--icon) center/contain no-repeat}
.icon-activity{--icon:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2224%22 height=%2224%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%222%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 %3E%3Cpath d=%22M22 12h-2.48a2 2 0 0 0-1.93 1.46l-2.35 8.36a.25.25 0 0 1-.48 0L9.24 2.18a.25.25 0 0 0-.48 0l-2.35 8.36A2 2 0 0 1 4.49 12H2%22 /%3E%3C/svg%3E")}
.icon-arrow-right{--icon:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2224%22 height=%2224%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%222%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 %3E%3Cpath d=%22M5 12h14%22 /%3E%3Cpath d=%22m12 5 7 7-7 7%22 /%3E%3C/svg%3E")}
.icon-badge-check{--icon:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2224%22 height=%2224%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%222%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 %3E%3Cpath d=%22M3.85 8.62a4 4 0 0 1 4.78-4.77 4 4 0 0 1 6.74 0 4 4 0 0 1 4.78 4.78 4 4 0 0 1 0 6.74 4 4 0 0 1-4.77 4.78 4 4 0 0 1-6.75 0 4 4 0 0 1-4.78-4.77 4 4 0 0 1 0-6.76Z%22 /%3E%3Cpath d=%22m9 12 2 2 4-4%22 /%3E%3C/svg%3E")}
.icon-ban{--icon:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2224%22 height=%2224%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%222%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 %3E%3Ccircle cx=%2212%22 cy=%2212%22 r=%2210%22 /%3E%3Cpath d=%22m4.9 4.9 14.2 14.2%22 /%3E%3C/svg%3E")}
.icon-boxes{--icon:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2224%22 height=%2224%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%222%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 %3E%3Cpath d=%22M2.97 12.92A2 2 0 0 0 2 14.63v3.24a2 2 0 0 0 .97 1.71l3 1.8a2 2 0 0 0 2.06 0L12 19v-5.5l-5-3-4.03 2.42Z%22 /%3E%3Cpath d=%22m7 16.5-4.74-2.85%22 /%3E%3Cpath d=%22m7 16.5 5-3%22 /%3E%3Cpath d=%22M7 16.5v5.17%22 /%3E%3Cpath d=%22M12 13.5V19l3.97 2.38a2 2 0 0 0 2.06 0l3-1.8a2 2 0 0 0 .97-1.71v-3.24a2 2 0 0 0-.97-1.71L17 10.5l-5 3Z%22 /%3E%3Cpath d=%22m17 16.5-5-3%22 /%3E%3Cpath d=%22m17 16.5 4.74-2.85%22 /%3E%3Cpath d=%22M17 16.5v5.17%22 /%3E%3Cpath d=%22M7.97 4.42A2 2 0 0 0 7 6.13v4.37l5 3 5-3V6.13a2 2 0 0 0-.97-1.71l-3-1.8a2 2 0 0 0-2.06 0l-3 1.8Z%22 /%3E%3Cpath d=%22M12 8 7.26 5.15%22 /%3E%3Cpath d=%22m12 8 4.74-2.85%22 /%3E%3Cpath d=%22M12 13.5V8%22 /%3E%3C/svg%3E")}
.icon-calendar-clock{--icon:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2224%22 height=%2224%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%222%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 %3E%3Cpath d=%22M21 7.5V6a2 2 0 0 0-2-2H5a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h3.5%22 /%3E%3Cpath d=%22M16 2v4%22 /%3E%3Cpath d=%22M8 2v4%22 /%3E%3Cpath d=%22M3 10h5%22 /%3E%3Cpath d=%22M17.5 17.5 16 16.3V14%22 /%3E%3Ccircle cx=%2216%22 cy=%2216%22 r=%226%22 /%3E%3C/svg%3E")}
.icon-camera{--icon:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2224%22 height=%2224%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%222%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 %3E%3Cpath d=%22M14.5 4h-5L7 7H4a2 2 0 0 0-2 2v9a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2V9a2 2 0 0 0-2-2h-3l-2.5-3z%22 /%3E%3Ccircle cx=%2212%22 cy=%2213%22 r=%223%22 /%3E%3C/svg%3E")}
.icon-circle-check{--icon:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2224%22 height=%2224%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%222%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 %3E%3Ccircle cx=%2212%22 cy=%2212%22 r=%2210%22 /%3E%3Cpath d=%22m9 12 2 2 4-4%22 /%3E%3C/svg%3E")}
.icon-clipboard-check{--icon:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2224%22 height=%2224%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%222%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 %3E%3Crect width=%228%22 height=%224%22 x=%228%22 y=%222%22 rx=%221%22 ry=%221%22 /%3E%3Cpath d=%22M16 4h2a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2h2%22 /%3E%3Cpath d=%22m9 14 2 2 4-4%22 /%3E%3C/svg%3E")}
.icon-clock{--icon:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2224%22 height=%2224%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%222%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 %3E%3Ccircle cx=%2212%22 cy=%2212%22 r=%2210%22 /%3E%3Cpolyline points=%2212 6 12 12 16 14%22 /%3E%3C/svg%3E")}
.icon-compass{--icon:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2224%22 height=%2224%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%222%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 %3E%3Cpath d=%22m16.24 7.76-1.804 5.411a2 2 0 0 1-1.265 1.265L7.76 16.24l1.804-5.411a2 2 0 0 1 1.265-1.265z%22 /%3E%3Ccircle cx=%2212%22 cy=%2212%22 r=%2210%22 /%3E%3C/svg%3E")}
.icon-dollar-sign{--icon:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2224%22 height=%2224%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%222%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 %3E%3Cline x1=%2212%22 x2=%2212%22 y1=%222%22 y2=%2222%22 /%3E%3Cpath d=%22M17 5H9.5a3.5 3.5 0 0 0 0 7h5a3.5 3.5 0 0 1 0 7H6%22 /%3E%3C/svg%3E")}
.icon-file-text{--icon:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2224%22 height=%2224%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%222%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 %3E%3Cpath d=%22M15 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7Z%22 /%3E%3Cpath d=%22M14 2v4a2 2 0 0 0 2 2h4%22 /%3E%3Cpath d=%22M10 9H8%22 /%3E%3Cpath d=%22M16 13H8%22 /%3E%3Cpath d=%22M16 17H8%22 /%3E%3C/svg%3E")}
.icon-file-warning{--icon:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2224%22 height=%2224%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%222%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 %3E%3Cpath d=%22M15 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7Z%22 /%3E%3Cpath d=%22M12 9v4%22 /%3E%3Cpath d=%22M12 17h.01%22 /%3E%3C/svg%3E")}
.icon-gauge{--icon:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2224%22 height=%2224%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%222%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 %3E%3Cpath d=%22m12 14 4-4%22 /%3E%3Cpath d=%22M3.34 19a10 10 0 1 1 17.32 0%22 /%3E%3C/svg%3E")}
.icon-hammer{--icon:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2224%22 height=%2224%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%222%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 %3E%3Cpath d=%22m15 12-8.373 8.373a1 1 0 1 1-3-3L12 9%22 /%3E%3Cpath d=%22m18 15 4-4%22 /%3E%3Cpath d=%22m21.5 11.5-1.914-1.914A2 2 0 0 1 19 8.172V7l-2.26-2.26a6 6 0 0 0-4.202-1.756L9 2.96l.92.82A6.18 6.18 0 0 1 12 8.4V10l2 2h1.172a2 2 0 0 1 1.414.586L18.5 14.5%22 /%3E%3C/svg%3E")}
.icon-headset{--icon:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2224%22 height=%2224%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%222%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 %3E%3Cpath d=%22M3 11h3a2 2 0 0 1 2 2v3a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-5Zm0 0a9 9 0 1 1 18 0m0 0v5a2 2 0 0 1-2 2h-1a2 2 0 0 1-2-2v-3a2 2 0 0 1 2-2h3Z%22 /%3E%3Cpath d=%22M21 16v2a4 4 0 0 1-4 4h-5%22 /%3E%3C/svg%3E")}
.icon-heart-handshake{--icon:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2224%22 height=%2224%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%222%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 %3E%3Cpath d=%22M19 14c1.49-1.46 3-3.21 3-5.5A5.5 5.5 0 0 0 16.5 3c-1.76 0-3 .5-4.5 2-1.5-1.5-2.74-2-4.5-2A5.5 5.5 0 0 0 2 8.5c0 2.3 1.5 4.05 3 5.5l7 7Z%22 /%3E%3Cpath d=%22M12 5 9.04 7.96a2.17 2.17 0 0 0 0 3.08c.82.82 2.13.85 3 .07l2.07-1.9a2.82 2.82 0 0 1 3.79 0l2.96 2.66%22 /%3E%3Cpath d=%22m18 15-2-2%22 /%3E%3Cpath d=%22m15 18-2-2%22 /%3E%3C/svg%3E")}
.icon-layers{--icon:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2224%22 height=%2224%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%222%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 %3E%3Cpath d=%22m12.83 2.18a2 2 0 0 0-1.66 0L2.6 6.08a1 1 0 0 0 0 1.83l8.58 3.91a2 2 0 0 0 1.66 0l8.58-3.9a1 1 0 0 0 0-1.83Z%22 /%3E%3Cpath d=%22m22 17.65-9.17 4.16a2 2 0 0 1-1.66 0L2 17.65%22 /%3E%3Cpath d=%22m22 12.65-9.17 4.16a2 2 0 0 1-1.66 0L2 12.65%22 /%3E%3C/svg%3E")}
.icon-layout-dashboard{--icon:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2224%22 height=%2224%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%222%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 %3E%3Crect width=%227%22 height=%229%22 x=%223%22 y=%223%22 rx=%221%22 /%3E%3Crect width=%227%22 height=%225%22 x=%2214%22 y=%223%22 rx=%221%22 /%3E%3Crect width=%227%22 height=%229%22 x=%2214%22 y=%2212%22 rx=%221%22 /%3E%3Crect width=%227%22 height=%225%22 x=%223%22 y=%2216%22 rx=%221%22 /%3E%3C/svg%3E")}
.icon-layout-grid{--icon:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2224%22 height=%2224%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%222%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 %3E%3Crect width=%227%22 height=%227%22 x=%223%22 y=%223%22 rx=%221%22 /%3E%3Crect width=%227%22 height=%227%22 x=%2214%22 y=%223%22 rx=%221%22 /%3E%3Crect width=%227%22 height=%227%22 x=%2214%22 y=%2214%22 rx=%221%22 /%3E%3Crect width=%227%22 height=%227%22 x=%223%22 y=%2214%22 rx=%221%22 /%3E%3C/svg%3E")}
.icon-list-checks{--icon:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2224%22 height=%2224%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%222%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 %3E%3Cpath d=%22m3 17 2 2 4-4%22 /%3E%3Cpath d=%22m3 7 2 2 4-4%22 /%3E%3Cpath d=%22M13 6h8%22 /%3E%3Cpath d=%22M13 12h8%22 /%3E%3Cpath d=%22M13 18h8%22 /%3E%3C/svg%3E")}
.icon-lock-keyhole-open{--icon:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2224%22 height=%2224%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%222%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 %3E%3Ccircle cx=%2212%22 cy=%2216%22 r=%221%22 /%3E%3Crect width=%2218%22 height=%2212%22 x=%223%22 y=%2210%22 rx=%222%22 /%3E%3Cpath d=%22M7 10V7a5 5 0 0 1 9.33-2.5%22 /%3E%3C/svg%3E")}
.icon-mail{--icon:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2224%22 height=%2224%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%222%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 %3E%3Crect width=%2220%22 height=%2216%22 x=%222%22 y=%224%22 rx=%222%22 /%3E%3Cpath d=%22m22 7-8.97 5.7a1.94 1.94 0 0 1-2.06 0L2 7%22 /%3E%3C/svg%3E")}
.icon-megaphone{--icon:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2224%22 height=%2224%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%222%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 %3E%3Cpath d=%22m3 11 18-5v12L3 14v-3z%22 /%3E%3Cpath d=%22M11.6 16.8a3 3 0 1 1-5.8-1.6%22 /%3E%3C/svg%3E")}
.icon-menu{--icon:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2224%22 height=%2224%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%222%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 %3E%3Cline x1=%224%22 x2=%2220%22 y1=%2212%22 y2=%2212%22 /%3E%3Cline x1=%224%22 x2=%2220%22 y1=%226%22 y2=%226%22 /%3E%3Cline x1=%224%22 x2=%2220%22 y1=%2218%22 y2=%2218%22 /%3E%3C/svg%3E")}
.icon-package{--icon:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2224%22 height=%2224%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%222%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 %3E%3Cpath d=%22M11 21.73a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16V8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73z%22 /%3E%3Cpath d=%22M12 22V12%22 /%3E%3Cpath d=%22m3.3 7 7.703 4.734a2 2 0 0 0 1.994 0L20.7 7%22 /%3E%3Cpath d=%22m7.5 4.27 9 5.15%22 /%3E%3C/svg%3E")}
.icon-package-check{--icon:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2224%22 height=%2224%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%222%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 %3E%3Cpath d=%22m16 16 2 2 4-4%22 /%3E%3Cpath d=%22M21 10V8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l2-1.14%22 /%3E%3Cpath d=%22m7.5 4.27 9 5.15%22 /%3E%3Cpolyline points=%223.29 7 12 12 20.71 7%22 /%3E%3Cline x1=%2212%22 x2=%2212%22 y1=%2222%22 y2=%2212%22 /%3E%3C/svg%3E")}
.icon-plug{--icon:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2224%22 height=%2224%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%222%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 %3E%3Cpath d=%22M12 22v-5%22 /%3E%3Cpath d=%22M9 8V2%22 /%3E%3Cpath d=%22M15 8V2%22 /%3E%3Cpath d=%22M18 8v5a4 4 0 0 1-4 4h-4a4 4 0 0 1-4-4V8Z%22 /%3E%3C/svg%3E")}
.icon-printer{--icon:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2224%22 height=%2224%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%222%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 %3E%3Cpath d=%22M6 18H4a2 2 0 0 1-2-2v-5a2 2 0 0 1 2-2h16a2 2 0 0 1 2 2v5a2 2 0 0 1-2 2h-2%22 /%3E%3Cpath d=%22M6 9V3a1 1 0 0 1 1-1h10a1 1 0 0 1 1 1v6%22 /%3E%3Crect x=%226%22 y=%2214%22 width=%2212%22 height=%228%22 rx=%221%22 /%3E%3C/svg%3E")}
.icon-refresh-cw{--icon:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2224%22 height=%2224%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%222%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 %3E%3Cpath d=%22M3 12a9 9 0 0 1 9-9 9.75 9.75 0 0 1 6.74 2.74L21 8%22 /%3E%3Cpath d=%22M21 3v5h-5%22 /%3E%3Cpath d=%22M21 12a9 9 0 0 1-9 9 9.75 9.75 0 0 1-6.74-2.74L3 16%22 /%3E%3Cpath d=%22M8 16H3v5%22 /%3E%3C/svg%3E")}
.icon-scan-barcode{--icon:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2224%22 height=%2224%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%222%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 %3E%3Cpath d=%22M3 7V5a2 2 0 0 1 2-2h2%22 /%3E%3Cpath d=%22M17 3h2a2 2 0 0 1 2 2v2%22 /%3E%3Cpath d=%22M21 17v2a2 2 0 0 1-2 2h-2%22 /%3E%3Cpath d=%22M7 21H5a2 2 0 0 1-2-2v-2%22 /%3E%3Cpath d=%22M8 7v10%22 /%3E%3Cpath d=%22M12 7v10%22 /%3E%3Cpath d=%22M17 7v10%22 /%3E%3C/svg%3E")}
.icon-search-check{--icon:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2224%22 height=%2224%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%222%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 %3E%3Cpath d=%22m8 11 2 2 4-4%22 /%3E%3Ccircle cx=%2211%22 cy=%2211%22 r=%228%22 /%3E%3Cpath d=%22m21 21-4.3-4.3%22 /%3E%3C/svg%3E")}
.icon-settings{--icon:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2224%22 height=%2224%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%222%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 %3E%3Cpath d=%22M12.22 2h-.44a2 2 0 0 0-2 2v.18a2 2 0 0 1-1 1.73l-.43.25a2 2 0 0 1-2 0l-.15-.08a2 2 0 0 0-2.73.73l-.22.38a2 2 0 0 0 .73 2.73l.15.1a2 2 0 0 1 1 1.72v.51a2 2 0 0 1-1 1.74l-.15.09a2 2 0 0 0-.73 2.73l.22.38a2 2 0 0 0 2.73.73l.15-.08a2 2 0 0 1 2 0l.43.25a2 2 0 0 1 1 1.73V20a2 2 0 0 0 2 2h.44a2 2 0 0 0 2-2v-.18a2 2 0 0 1 1-1.73l.43-.25a2 2 0 0 1 2 0l.15.08a2 2 0 0 0 2.73-.73l.22-.39a2 2 0 0 0-.73-2.73l-.15-.08a2 2 0 0 1-1-1.74v-.5a2 2 0 0 1 1-1.74l.15-.09a2 2 0 0 0 .73-2.73l-.22-.38a2 2 0 0 0-2.73-.73l-.15.08a2 2 0 0 1-2 0l-.43-.25a2 2 0 0 1-1-1.73V4a2 2 0 0 0-2-2z%22 /%3E%3Ccircle cx=%2212%22 cy=%2212%22 r=%223%22 /%3E%3C/svg%3E")}
.icon-shield-alert{--icon:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2224%22 height=%2224%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%222%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 %3E%3Cpath d=%22M20 13c0 5-3.5 7.5-7.66 8.95a1 1 0 0 1-.67-.01C7.5 20.5 4 18 4 13V6a1 1 0 0 1 1-1c2 0 4.5-1.2 6.24-2.72a1.17 1.17 0 0 1 1.52 0C14.51 3.81 17 5 19 5a1 1 0 0 1 1 1z%22 /%3E%3Cpath d=%22M12 8v4%22 /%3E%3Cpath d=%22M12 16h.01%22 /%3E%3C/svg%3E")}
.icon-shield-check{--icon:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2224%22 height=%2224%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%222%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 %3E%3Cpath d=%22M20 13c0 5-3.5 7.5-7.66 8.95a1 1 0 0 1-.67-.01C7.5 20.5 4 18 4 13V6a1 1 0 0 1 1-1c2 0 4.5-1.2 6.24-2.72a1.17 1.17 0 0 1 1.52 0C14.51 3.81 17 5 19 5a1 1 0 0 1 1 1z%22 /%3E%3Cpath d=%22m9 12 2 2 4-4%22 /%3E%3C/svg%3E")}
.icon-star{--icon:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2224%22 height=%2224%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%222%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 %3E%3Cpolygon points=%2212 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2%22 /%3E%3C/svg%3E")}
.icon-store{--icon:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2224%22 height=%2224%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%222%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 %3E%3Cpath d=%22m2 7 4.41-4.41A2 2 0 0 1 7.83 2h8.34a2 2 0 0 1 1.42.59L22 7%22 /%3E%3Cpath d=%22M4 12v8a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2v-8%22 /%3E%3Cpath d=%22M15 22v-4a2 2 0 0 0-2-2h-2a2 2 0 0 0-2 2v4%22 /%3E%3Cpath d=%22M2 7h20%22 /%3E%3Cpath d=%22M22 7v3a2 2 0 0 1-2 2a2.7 2.7 0 0 1-1.59-.63.7.7 0 0 0-.82 0A2.7 2.7 0 0 1 16 12a2.7 2.7 0 0 1-1.59-.63.7.7 0 0 0-.82 0A2.7 2.7 0 0 1 12 12a2.7 2.7 0 0 1-1.59-.63.7.7 0 0 0-.82 0A2.7 2.7 0 0 1 8 12a2.7 2.7 0 0 1-1.59-.63.7.7 0 0 0-.82 0A2.7 2.7 0 0 1 4 12a2 2 0 0 1-2-2V7%22 /%3E%3C/svg%3E")}
.icon-tags{--icon:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2224%22 height=%2224%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%222%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 %3E%3Cpath d=%22m15 5 6.3 6.3a2.4 2.4 0 0 1 0 3.4L17 19%22 /%3E%3Cpath d=%22M9.586 5.586A2 2 0 0 0 8.172 5H3a1 1 0 0 0-1 1v5.172a2 2 0 0 0 .586 1.414L8.29 18.29a2.426 2.426 0 0 0 3.42 0l3.58-3.58a2.426 2.426 0 0 0 0-3.42z%22 /%3E%3Ccircle cx=%226.5%22 cy=%229.5%22 r=%22.5%22 fill=%22currentColor%22 /%3E%3C/svg%3E")}
.icon-trending-up{--icon:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2224%22 height=%2224%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%222%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 %3E%3Cpolyline points=%2222 7 13.5 15.5 8.5 10.5 2 17%22 /%3E%3Cpolyline points=%2216 7 22 7 22 13%22 /%3E%3C/svg%3E")}
.icon-truck{--icon:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2224%22 height=%2224%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%222%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 %3E%3Cpath d=%22M14 18V6a2 2 0 0 0-2-2H4a2 2 0 0 0-2 2v11a1 1 0 0 0 1 1h2%22 /%3E%3Cpath d=%22M15 18H9%22 /%3E%3Cpath d=%22M19 18h2a1 1 0 0 0 1-1v-3.65a1 1 0 0 0-.22-.624l-3.48-4.35A1 1 0 0 0 17.52 8H14%22 /%3E%3Ccircle cx=%2217%22 cy=%2218%22 r=%222%22 /%3E%3Ccircle cx=%227%22 cy=%2218%22 r=%222%22 /%3E%3C/svg%3E")}
.icon-users{--icon:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2224%22 height=%2224%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%222%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 %3E%3Cpath d=%22M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2%22 /%3E%3Ccircle cx=%229%22 cy=%227%22 r=%224%22 /%3E%3Cpath d=%22M22 21v-2a4 4 0 0 0-3-3.87%22 /%3E%3Cpath d=%22M16 3.13a4 4 0 0 1 0 7.75%22 /%3E%3C/svg%3E")}
.icon-video{--icon:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2224%22 height=%2224%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%222%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 %3E%3Cpath d=%22m16 13 5.223 3.482a.5.5 0 0 0 .777-.416V7.87a.5.5 0 0 0-.752-.432L16 10.5%22 /%3E%3Crect x=%222%22 y=%226%22 width=%2214%22 height=%2212%22 rx=%222%22 /%3E%3C/svg%3E")}
.icon-warehouse{--icon:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2224%22 height=%2224%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%222%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 %3E%3Cpath d=%22M22 8.35V20a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V8.35A2 2 0 0 1 3.26 6.5l8-3.2a2 2 0 0 1 1.48 0l8 3.2A2 2 0 0 1 22 8.35Z%22 /%3E%3Cpath d=%22M6 18h12%22 /%3E%3Cpath d=%22M6 14h12%22 /%3E%3Crect width=%2212%22 height=%2212%22 x=%226%22 y=%2210%22 /%3E%3C/svg%3E")}
.icon-workflow{--icon:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2224%22 height=%2224%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%222%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 %3E%3Crect width=%228%22 height=%228%22 x=%223%22 y=%223%22 rx=%222%22 /%3E%3Cpath d=%22M7 11v4a2 2 0 0 0 2 2h4%22 /%3E%3Crect width=%228%22 height=%228%22 x=%2213%22 y=%2213%22 rx=%222%22 /%3E%3C/svg%3E")}
.icon-x{--icon:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2224%22 height=%2224%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%222%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 %3E%3Cpath d=%22M18 6 6 18%22 /%3E%3Cpath d=%22m6 6 12 12%22 /%3E%3C/svg%3E")}
.icon-zap{--icon:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2224%22 height=%2224%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%222%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 %3E%3Cpath d=%22M4 14a1 1 0 0 1-.78-1.63l9.9-10.2a.5.5 0 0 1 .86.46l-1.92 6.02A1 1 0 0 0 13 10h7a1 1 0 0 1 .78 1.63l-9.9 10.2a.5.5 0 0 1-.86-.46l1.92-6.02A1 1 0 0 0 11 14z%22 /%3E%3C/svg%3E")}
/* END ICONS */