@charset "UTF-8";
:root{
  --stt-ink:#001C22; --stt-cyan:#1EDDED;
  --neutral-0:#FFFFFF; --neutral-25:#F6F9FA; --neutral-50:#EEF3F5; --neutral-100:#E1E9EC;
  --neutral-200:#C8D5DA; --neutral-300:#A7B9C0; --neutral-400:#7F949C; --neutral-500:#5E747C;
  --neutral-600:#435A62; --neutral-700:#2C4249; --neutral-800:#16292F; --neutral-900:#001C22;
  --cyan-100:#D6FAFD; --cyan-200:#A8F3F9; --cyan-300:#6BE9F3; --cyan-400:#1EDDED;
  --cyan-500:#12BACA; --cyan-600:#0E95A3; --cyan-700:#0B717C;
  --green-500:#13B47C; --green-100:#D8F5E9; --amber-500:#F5A623; --amber-100:#FDEED2;
  --red-500:#E5484D; --red-100:#FBDDDE;
  --text-strong:var(--neutral-900); --text-body:var(--neutral-700); --text-muted:var(--neutral-500);
  --text-subtle:var(--neutral-400); --text-accent:var(--cyan-600); --text-on-ink:#FFFFFF;
  --text-on-ink-muted:rgba(255,255,255,.68); --text-on-cyan:var(--neutral-900);
  --text-link:var(--cyan-600); --text-link-hover:var(--cyan-700);
  --surface-page:#FFFFFF; --surface-sunken:var(--neutral-25); --surface-card:#FFFFFF;
  --surface-card-alt:var(--neutral-50); --surface-ink:var(--neutral-900); --surface-ink-soft:var(--neutral-800);
  --surface-accent:var(--cyan-400); --surface-accent-soft:var(--cyan-100); --surface-overlay:rgba(0,28,34,.72);
  --border-subtle:var(--neutral-100); --border-default:var(--neutral-200); --border-strong:var(--neutral-300);
  --border-accent:var(--cyan-400); --border-on-ink:rgba(255,255,255,.14);
  --focus-ring:0 0 0 3px rgba(30,221,237,.45);
  --state-hover-ink:var(--neutral-800); --state-active-ink:#00141A;
  --state-hover-cyan:var(--cyan-300); --state-active-cyan:var(--cyan-500);
  --status-success:var(--green-500); --status-success-bg:var(--green-100);
  --status-warning:var(--amber-500); --status-warning-bg:var(--amber-100);
  --status-danger:var(--red-500); --status-danger-bg:var(--red-100);
  --status-info:var(--cyan-500); --status-info-bg:var(--cyan-100);
  --wash-ink:linear-gradient(180deg,#001C22 0%,#052A33 100%);
  --scrim-ink-bottom:linear-gradient(180deg,rgba(0,28,34,0) 0%,rgba(0,28,34,.82) 100%);
  /* type */
  --font-display:"Saira","Saira Semi Condensed",system-ui,sans-serif;
  --font-sans:"IBM Plex Sans",system-ui,-apple-system,sans-serif;
  --font-mono:"IBM Plex Mono",ui-monospace,"SFMono-Regular",monospace;
  --weight-regular:400; --weight-medium:500; --weight-semibold:600; --weight-bold:700; --weight-black:800;
  --text-2xs:11px; --text-xs:12px; --text-sm:14px; --text-base:16px; --text-md:18px; --text-lg:20px;
  --text-xl:24px; --text-2xl:30px; --text-3xl:38px; --text-4xl:48px; --text-5xl:60px; --text-6xl:76px;
  --leading-tight:1.05; --leading-snug:1.18; --leading-normal:1.4; --leading-relaxed:1.65;
  --tracking-display:-0.02em; --tracking-tight:-0.01em; --tracking-normal:0; --tracking-wide:0.06em; --tracking-eyebrow:0.18em;
  --type-hero:var(--weight-bold) var(--text-6xl)/var(--leading-tight) var(--font-display);
  --type-h1:var(--weight-bold) var(--text-4xl)/var(--leading-snug) var(--font-display);
  --type-h2:var(--weight-semibold) var(--text-3xl)/var(--leading-snug) var(--font-display);
  --type-h3:var(--weight-semibold) var(--text-xl)/var(--leading-snug) var(--font-display);
  --type-h4:var(--weight-semibold) var(--text-md)/var(--leading-normal) var(--font-display);
  --type-body-lg:var(--weight-regular) var(--text-md)/var(--leading-relaxed) var(--font-sans);
  --type-body:var(--weight-regular) var(--text-base)/var(--leading-relaxed) var(--font-sans);
  --type-body-sm:var(--weight-regular) var(--text-sm)/var(--leading-normal) var(--font-sans);
  --type-label:var(--weight-medium) var(--text-sm)/var(--leading-normal) var(--font-sans);
  --type-eyebrow:var(--weight-semibold) var(--text-xs)/var(--leading-normal) var(--font-mono);
  --type-button:var(--weight-semibold) var(--text-sm)/1 var(--font-display);
  /* spacing */
  --space-1:4px; --space-2:8px; --space-3:12px; --space-4:16px; --space-5:20px; --space-6:24px;
  --space-8:32px; --space-10:40px; --space-12:48px; --space-16:64px; --space-20:80px; --space-24:96px; --space-32:128px;
  --container-max:1200px; --container-narrow:760px; --gutter:var(--space-6);
  --grid-gap:var(--space-6);
  /* radii */
  --radius-xs:4px; --radius-sm:6px; --radius-md:10px; --radius-lg:16px; --radius-xl:24px; --radius-pill:999px;
  --radius-button:var(--radius-pill); --radius-input:var(--radius-md); --radius-card:var(--radius-lg);
  --slant:-20deg; --rule-accent-width:3px;
  /* elevation */
  --shadow-xs:0 1px 2px rgba(0,28,34,.06); --shadow-sm:0 2px 6px rgba(0,28,34,.07);
  --shadow-md:0 8px 20px -6px rgba(0,28,34,.14); --shadow-lg:0 20px 44px -12px rgba(0,28,34,.20);
  --shadow-xl:0 32px 70px -18px rgba(0,28,34,.28); --shadow-cyan:0 12px 28px -10px rgba(18,186,202,.45);
  --blur-glass:14px; --glass-on-ink:rgba(255,255,255,.06);
  /* motion */
  --duration-fast:140ms; --duration-base:220ms; --duration-reveal:560ms;
  --ease-standard:cubic-bezier(.2,.6,.2,1);
  --transition-control:color var(--duration-fast) var(--ease-standard),background-color var(--duration-fast) var(--ease-standard),border-color var(--duration-fast) var(--ease-standard),box-shadow var(--duration-fast) var(--ease-standard);
  --transition-surface:transform var(--duration-base) var(--ease-standard),box-shadow var(--duration-base) var(--ease-standard);
  --press-scale:.98; --lift-y:-3px;
}

/* ===== Speak To Tech — component layer (native-Bricks friendly) ===== */
.stt-site{font-family:var(--font-sans);color:var(--text-body);font:var(--type-body);text-wrap:pretty}
.stt-site *,.stt-site *::before,.stt-site *::after{box-sizing:border-box}
.stt-site h1,.stt-site h2,.stt-site h3,.stt-site h4{margin:0;color:var(--text-strong);font-family:var(--font-display);letter-spacing:var(--tracking-display);text-wrap:balance}
.stt-site p{margin:0}
.stt-site img{max-width:100%;display:block}
.stt-site ::selection{background:var(--cyan-200);color:var(--neutral-900)}
.stt-site a{color:var(--text-link);text-decoration:none;transition:var(--transition-control)}
.stt-site a:hover{color:var(--text-link-hover)}
.stt-site :focus-visible{outline:none;box-shadow:var(--focus-ring);border-radius:4px}

/* layout */
.stt-container{max-width:var(--container-max);margin:0 auto;padding:0 var(--gutter)}
.stt-section{padding:clamp(56px,8vw,96px) 0;position:relative}
.stt-section--sunken{background:var(--surface-sunken);border-top:1px solid var(--border-subtle);border-bottom:1px solid var(--border-subtle)}
.stt-section--ink{background:var(--surface-ink);position:relative;overflow:hidden}
.stt-grid{display:grid;gap:var(--grid-gap)}
.stt-grid--3{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}
.stt-grid--4{grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}

/* eyebrow */
.stt-eyebrow{display:inline-flex;align-items:center;gap:10px;font:var(--type-eyebrow);letter-spacing:var(--tracking-eyebrow);text-transform:uppercase;color:var(--text-accent)}
.stt-eyebrow::before{content:"";width:26px;height:var(--rule-accent-width);background:currentColor;transform:skewX(var(--slant));flex:none}
.stt-eyebrow--onink{color:var(--cyan-300)}
.stt-eyebrow--muted{color:var(--text-muted)}

/* icon (lucide via mask) */
.stt-ico{display:inline-block;flex:none;width:20px;height:20px;background:currentColor;-webkit-mask:var(--i) center/contain no-repeat;mask:var(--i) center/contain no-repeat}
.stt-ico--16{width:16px;height:16px}.stt-ico--18{width:18px;height:18px}.stt-ico--22{width:22px;height:22px}.stt-ico--24{width:24px;height:24px}

/* button */
.stt-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:44px;padding:0 22px;font:var(--type-button);letter-spacing:var(--tracking-wide);text-transform:uppercase;border-radius:var(--radius-button);border:1px solid transparent;cursor:pointer;text-decoration:none;white-space:nowrap;transition:var(--transition-control),transform var(--duration-fast) var(--ease-standard)}
.stt-btn:hover{text-decoration:none}
.stt-btn:active{transform:scale(var(--press-scale))}
.stt-btn .stt-ico{width:16px;height:16px}
.stt-btn--sm{height:34px;padding:0 16px;font:var(--weight-semibold) var(--text-xs)/1 var(--font-display);gap:6px}
.stt-btn--sm .stt-ico{width:14px;height:14px}
.stt-btn--lg{height:54px;padding:0 30px;font:var(--weight-semibold) var(--text-base)/1 var(--font-display);gap:10px}
.stt-btn--lg .stt-ico{width:18px;height:18px}
.stt-btn--primary{background:var(--surface-accent);color:var(--text-on-cyan);box-shadow:var(--shadow-cyan)}
.stt-btn--primary:hover{background:var(--state-hover-cyan);color:var(--text-on-cyan)}
.stt-btn--ink{background:var(--surface-ink);color:var(--text-on-ink);box-shadow:var(--shadow-md)}
.stt-btn--ink:hover{background:var(--state-hover-ink);color:#fff}
.stt-btn--onink{background:transparent;color:#fff;border-color:var(--border-on-ink)}
.stt-btn--onink:hover{background:var(--glass-on-ink);border-color:var(--cyan-400);color:#fff}
.stt-btn--outline{background:transparent;color:var(--text-strong);border-color:var(--border-strong)}
.stt-btn--outline:hover{background:var(--surface-sunken);border-color:var(--neutral-900)}

/* card */
.stt-card{position:relative;display:flex;flex-direction:column;gap:var(--space-3);padding:var(--space-8);border-radius:var(--radius-card);overflow:hidden;background:var(--surface-card);border:1px solid var(--border-subtle);box-shadow:var(--shadow-sm);transition:var(--transition-surface),border-color var(--duration-fast) var(--ease-standard);text-decoration:none;height:100%}
.stt-card--pad28{padding:28px}
.stt-card--interactive{cursor:pointer}
.stt-card--interactive:hover{transform:translateY(var(--lift-y));box-shadow:var(--shadow-lg);border-color:var(--cyan-200)}
.stt-card--accent::before{content:"";position:absolute;top:0;left:0;width:72px;height:var(--rule-accent-width);background:var(--surface-accent)}
.stt-card__ic{display:inline-flex;align-items:center;justify-content:center;width:52px;height:52px;margin-bottom:var(--space-2);border-radius:var(--radius-md);background:var(--surface-accent-soft);color:var(--cyan-700)}
.stt-card__ic .stt-ico{width:24px;height:24px}
.stt-card__title{font:var(--type-h3);color:var(--text-strong);letter-spacing:var(--tracking-display)}
.stt-card__body{font:var(--type-body);color:var(--text-body)}

/* section head */
.stt-shead{max-width:760px;display:flex;flex-direction:column;gap:18px}
.stt-shead h2{font-weight:var(--weight-semibold);font-size:clamp(28px,3.6vw,38px);line-height:var(--leading-snug);color:var(--text-strong)}
.stt-shead p{font:var(--weight-regular) clamp(16px,1.4vw,18px)/var(--leading-relaxed) var(--font-sans);color:var(--text-body)}
.stt-shead--onink h2{color:#fff}
.stt-shead--onink p{color:var(--text-on-ink-muted)}

/* hero */
.stt-hero{position:relative;overflow:hidden;background:var(--wash-ink);padding:clamp(72px,10vw,128px) 0 clamp(80px,10vw,132px)}
.stt-hero__copy{max-width:820px;display:flex;flex-direction:column;gap:28px;align-items:flex-start;position:relative}
.stt-hero h1{font-weight:var(--weight-bold);font-size:clamp(40px,7.4vw,76px);line-height:var(--leading-tight);color:#fff}
.stt-hero h1 .stt-accent{font-weight:var(--weight-black);color:var(--stt-cyan)}
.stt-hero__lead{max-width:600px;font:var(--weight-regular) clamp(16px,1.5vw,18px)/var(--leading-relaxed) var(--font-sans);color:var(--text-on-ink-muted)}
.stt-hero__actions{display:flex;flex-wrap:wrap;gap:14px;margin-top:4px}
.stt-slant{position:absolute;background:var(--stt-cyan);transform:skewX(var(--slant));pointer-events:none;top:-80px}
.stt-slant--a{right:-40px;width:340px;height:130%;opacity:.11}
.stt-slant--b{right:280px;width:120px;height:130%;opacity:.07}
.stt-slant--ink{top:-60px;right:-60px;width:220px;height:140%;opacity:.08}

/* page hero (interior) */
.stt-pagehero{position:relative;overflow:hidden;background:var(--wash-ink);padding:clamp(56px,7vw,88px) 0}
.stt-pagehero .stt-container{position:relative;display:flex;flex-direction:column;gap:20px}
.stt-pagehero h1{font-weight:var(--weight-bold);font-size:clamp(34px,5vw,48px);line-height:1.1;color:#fff;max-width:820px}
.stt-pagehero p{max-width:680px;font:var(--weight-regular) clamp(16px,1.4vw,18px)/var(--leading-relaxed) var(--font-sans);color:var(--text-on-ink-muted)}

/* inner column stacks (design used inline flex+gap) */
.stt-clients{display:flex;flex-direction:column;gap:44px}
.stt-partner__intro{display:flex;flex-direction:column;gap:18px}
.stt-cta__main{display:flex;flex-direction:column;gap:20px}
.stt-cta__btnwrap{margin-top:4px}
.stt-rating__meta{display:flex;flex-direction:column;gap:2px}
.stt-footer__contact{display:flex;gap:10px;align-items:flex-start}
.stt-footer__contact .stt-ico{margin-top:3px;color:var(--cyan-300)}

/* clients + ratings */
.stt-logos{display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));list-style:none;margin:0;padding:0}
.stt-logos li{display:flex;align-items:center;justify-content:center;min-height:88px;padding:16px;border:1px solid var(--border-subtle);border-radius:var(--radius-lg);background:#fff;font:var(--weight-medium) 15px/1.3 var(--font-mono);color:var(--text-muted);text-align:center;word-break:break-word}
.stt-ratings{display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));list-style:none;margin:0;padding:8px 0 0}
.stt-rating{display:flex;align-items:center;gap:14px}
.stt-rating__ic{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:10px;background:var(--surface-accent-soft);color:var(--cyan-700)}
.stt-rating__score{font:var(--weight-semibold) 22px/1 var(--font-display);color:var(--text-strong)}
.stt-rating__count{font:var(--weight-regular) 13px/1.4 var(--font-mono);color:var(--text-muted)}

/* testimonial */
.stt-quote{margin:0;display:flex;flex-direction:column;gap:22px;padding:32px;background:#fff;border:1px solid var(--border-subtle);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);height:100%}
.stt-quote__ico{display:flex;color:var(--cyan-400)}
.stt-quote blockquote{margin:0;font:var(--weight-regular) 16px/1.65 var(--font-sans);color:var(--text-body)}
.stt-quote figcaption{margin-top:auto;display:flex;flex-direction:column;gap:4px;padding-top:8px;border-top:1px solid var(--border-subtle)}
.stt-quote__name{font:var(--weight-semibold) 16px/1.3 var(--font-display);color:var(--text-strong)}
.stt-quote__role{font:var(--weight-regular) 13px/1.4 var(--font-mono);color:var(--text-muted)}

/* partner */
.stt-partner{position:relative;display:grid;gap:40px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));align-items:center}
.stt-partner h2{font-weight:var(--weight-semibold);font-size:clamp(28px,3.4vw,38px);line-height:var(--leading-snug);color:#fff}
.stt-partner p{max-width:620px;font:var(--weight-regular) clamp(16px,1.4vw,18px)/var(--leading-relaxed) var(--font-sans);color:var(--text-on-ink-muted)}
.stt-partner__list{display:grid;gap:12px;list-style:none;margin:0;padding:0}
.stt-partner__list li{display:flex;align-items:center;gap:12px;padding:16px 20px;border:1px solid var(--border-on-ink);border-radius:10px;background:var(--glass-on-ink);font:var(--weight-medium) 15px/1.4 var(--font-sans);color:#fff}
.stt-partner__list .stt-ico{color:var(--cyan-300)}

/* cta band */
.stt-cta__panel{padding:clamp(32px,5vw,64px);border:1px solid var(--border-subtle);border-radius:var(--radius-xl);background:var(--surface-sunken);display:grid;gap:36px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}
.stt-cta__panel h2{font-weight:var(--weight-semibold);font-size:clamp(26px,3.2vw,36px);line-height:var(--leading-snug);color:var(--text-strong)}
.stt-cta__panel p{font:var(--weight-regular) clamp(16px,1.4vw,18px)/var(--leading-relaxed) var(--font-sans);color:var(--text-body)}
.stt-cta__aside{align-self:center;padding-left:24px;border-left:1px solid var(--border-default);font:var(--weight-regular) 16px/1.65 var(--font-sans);color:var(--text-body)}

/* ===== header ===== */
.stt-header{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.88);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-bottom:1px solid var(--border-subtle);transition:background var(--duration-base) var(--ease-standard),box-shadow var(--duration-base) var(--ease-standard)}
.stt-header.is-condensed{background:rgba(255,255,255,.94);box-shadow:0 10px 28px -18px rgba(0,28,34,.45)}
.stt-header__inner{max-width:1200px;margin:0 auto;padding:0 24px;height:88px;display:flex;align-items:center;justify-content:space-between;gap:24px;transition:height var(--duration-base) var(--ease-standard)}
.stt-header.is-condensed .stt-header__inner{height:72px}
.stt-header__brand{display:flex;align-items:center}
.stt-header__brand img{height:54px;width:auto;display:block}
.stt-nav{display:flex;align-items:center;gap:4px}
.stt-nav a{position:relative;padding:10px 14px;font:var(--weight-medium) 15px/1 var(--font-sans);color:var(--text-strong);letter-spacing:-.01em;transition:color var(--duration-fast) var(--ease-standard)}
.stt-nav a:hover{color:var(--cyan-700)}
.stt-nav a.is-active::after{content:"";position:absolute;left:14px;right:14px;bottom:2px;height:3px;background:var(--stt-cyan);transform:skewX(var(--slant))}
.stt-header__actions{display:flex;align-items:center;gap:12px}
.stt-burger{display:none;align-items:center;justify-content:center;width:44px;height:44px;border-radius:999px;border:1px solid var(--border-default);background:#fff;cursor:pointer;color:var(--text-strong)}
.stt-header__progress{position:absolute;left:0;bottom:-1px;height:2px;width:0;background:var(--stt-cyan)}
.stt-mobile{display:none;border-top:1px solid var(--border-subtle);background:#fff;padding:12px 24px 24px;flex-direction:column;gap:2px}
.stt-mobile.is-open{display:flex}
.stt-mobile a{display:flex;align-items:center;justify-content:space-between;min-height:52px;padding:0 4px;border-bottom:1px solid var(--border-subtle);font:var(--weight-medium) 17px/1 var(--font-sans);color:var(--text-strong)}
.stt-mobile .stt-btn{margin-top:20px}
@media(max-width:900px){
  .stt-nav,.stt-header__actions .stt-btn{display:none}
  .stt-burger{display:inline-flex}
}

/* ===== footer ===== */
.stt-footer{background:var(--surface-ink);color:#fff;position:relative;overflow:hidden}
.stt-footer__top{position:relative;max-width:1200px;margin:0 auto;padding:clamp(48px,6vw,72px) 24px clamp(28px,3vw,36px);display:grid;gap:40px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}
.stt-footer__brand{display:flex;flex-direction:column;gap:20px;max-width:340px}
.stt-footer__brand img{height:104px;width:auto;align-self:flex-start}
.stt-footer__brand p{font:var(--weight-regular) 16px/1.65 var(--font-sans);color:var(--text-on-ink-muted)}
.stt-footer h2{font:var(--weight-semibold) 14px/1 var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--cyan-300)}
.stt-footer__col{display:flex;flex-direction:column;gap:18px}
.stt-footer__col ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:12px}
.stt-footer__col a{font:var(--weight-regular) 15px/1.5 var(--font-sans);color:rgba(255,255,255,.78)}
.stt-footer__col a:hover{color:var(--stt-cyan)}
.stt-footer__slant{position:absolute;top:0;right:-30px;width:160px;height:100%;background:var(--stt-cyan);opacity:.06;transform:skewX(var(--slant));pointer-events:none}
.stt-footer__bar{position:relative;border-top:1px solid var(--border-on-ink)}
.stt-footer__bar-in{max-width:1200px;margin:0 auto;padding:20px 24px;display:flex;flex-wrap:wrap;gap:16px;align-items:center;justify-content:space-between}
.stt-footer__bar p{font:var(--weight-regular) 13px/1.5 var(--font-sans);color:rgba(255,255,255,.6)}
.stt-footer__legal{display:flex;flex-wrap:wrap;gap:20px;list-style:none;margin:0;padding:0}
.stt-footer__legal a{font:var(--weight-regular) 13px/1.5 var(--font-sans);color:rgba(255,255,255,.6)}
.stt-footer__legal a:hover{color:var(--stt-cyan)}

/* reveal — hiding is applied inline by stt.js only when JS runs, so
   no-JS visitors and crawlers always see the content. */

/* safety: neutralise Bricks image/figure wrappers so logos size cleanly */
.stt-site figure,.stt-header figure,.stt-footer figure{margin:0;line-height:0}
.stt-header img,.stt-footer img{display:block}
.stt-header .brxe-image,.stt-footer .brxe-image{display:inline-flex}
/* buttons: ensure our styling beats any Bricks default button base */
a.stt-btn,button.stt-btn,.stt-btn.stt-btn{border-radius:var(--radius-button);text-transform:uppercase;text-decoration:none}

/* icons */
.i-arrow-right{--i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' %3E %3Cpath d='M5 12h14' /%3E %3Cpath d='m12 5 7 7-7 7' /%3E %3C/svg%3E")}
.i-arrow-up-right{--i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' %3E %3Cpath d='M7 7h10v10' /%3E %3Cpath d='M7 17 17 7' /%3E %3C/svg%3E")}
.i-check{--i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' %3E %3Cpath d='M20 6 9 17l-5-5' /%3E %3C/svg%3E")}
.i-chevron-down{--i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' %3E %3Cpath d='m6 9 6 6 6-6' /%3E %3C/svg%3E")}
.i-cloud{--i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' %3E %3Cpath d='M17.5 19H9a7 7 0 1 1 6.71-9h1.79a4.5 4.5 0 1 1 0 9Z' /%3E %3C/svg%3E")}
.i-database-backup{--i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' %3E %3Cellipse cx='12' cy='5' rx='9' ry='3' /%3E %3Cpath d='M3 12a9 3 0 0 0 5 2.69' /%3E %3Cpath d='M21 9.3V5' /%3E %3Cpath d='M3 5v14a9 3 0 0 0 6.47 2.88' /%3E %3Cpath d='M12 12v4h4' /%3E %3Cpath d='M13 20a5 5 0 0 0 9-3 4.5 4.5 0 0 0-4.5-4.5c-1.33 0-2.54.54-3.41 1.41L12 16' /%3E %3C/svg%3E")}
.i-headphones{--i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' %3E %3Cpath d='M3 14h3a2 2 0 0 1 2 2v3a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-7a9 9 0 0 1 18 0v7a2 2 0 0 1-2 2h-1a2 2 0 0 1-2-2v-3a2 2 0 0 1 2-2h3' /%3E %3C/svg%3E")}
.i-layout-template{--i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' %3E %3Crect width='18' height='7' x='3' y='3' rx='1' /%3E %3Crect width='9' height='7' x='3' y='14' rx='1' /%3E %3Crect width='5' height='7' x='16' y='14' rx='1' /%3E %3C/svg%3E")}
.i-mail{--i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' %3E %3Crect width='20' height='16' x='2' y='4' rx='2' /%3E %3Cpath d='m22 7-8.97 5.7a1.94 1.94 0 0 1-2.06 0L2 7' /%3E %3C/svg%3E")}
.i-map-pin{--i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' %3E %3Cpath d='M20 10c0 4.993-5.539 10.193-7.399 11.799a1 1 0 0 1-1.202 0C9.539 20.193 4 14.993 4 10a8 8 0 0 1 16 0' /%3E %3Ccircle cx='12' cy='10' r='3' /%3E %3C/svg%3E")}
.i-menu{--i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' %3E %3Cline x1='4' x2='20' y1='12' y2='12' /%3E %3Cline x1='4' x2='20' y1='6' y2='6' /%3E %3Cline x1='4' x2='20' y1='18' y2='18' /%3E %3C/svg%3E")}
.i-message-square{--i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' %3E %3Cpath d='M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z' /%3E %3C/svg%3E")}
.i-monitor{--i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' %3E %3Crect width='20' height='14' x='2' y='3' rx='2' /%3E %3Cline x1='8' x2='16' y1='21' y2='21' /%3E %3Cline x1='12' x2='12' y1='17' y2='21' /%3E %3C/svg%3E")}
.i-network{--i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' %3E %3Crect x='16' y='16' width='6' height='6' rx='1' /%3E %3Crect x='2' y='16' width='6' height='6' rx='1' /%3E %3Crect x='9' y='2' width='6' height='6' rx='1' /%3E %3Cpath d='M5 16v-3a1 1 0 0 1 1-1h12a1 1 0 0 1 1 1v3' /%3E %3Cpath d='M12 12V8' /%3E %3C/svg%3E")}
.i-phone-call{--i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' %3E %3Cpath d='M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72 12.84 12.84 0 0 0 .7 2.81 2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45 12.84 12.84 0 0 0 2.81.7A2 2 0 0 1 22 16.92z' /%3E %3Cpath d='M14.05 2a9 9 0 0 1 8 7.94' /%3E %3Cpath d='M14.05 6A5 5 0 0 1 18 10' /%3E %3C/svg%3E")}
.i-phone{--i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' %3E %3Cpath d='M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72 12.84 12.84 0 0 0 .7 2.81 2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45 12.84 12.84 0 0 0 2.81.7A2 2 0 0 1 22 16.92z' /%3E %3C/svg%3E")}
.i-quote{--i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' %3E %3Cpath d='M16 3a2 2 0 0 0-2 2v6a2 2 0 0 0 2 2 1 1 0 0 1 1 1v1a2 2 0 0 1-2 2 1 1 0 0 0-1 1v2a1 1 0 0 0 1 1 6 6 0 0 0 6-6V5a2 2 0 0 0-2-2z' /%3E %3Cpath d='M5 3a2 2 0 0 0-2 2v6a2 2 0 0 0 2 2 1 1 0 0 1 1 1v1a2 2 0 0 1-2 2 1 1 0 0 0-1 1v2a1 1 0 0 0 1 1 6 6 0 0 0 6-6V5a2 2 0 0 0-2-2z' /%3E %3C/svg%3E")}
.i-server-cog{--i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' %3E %3Ccircle cx='12' cy='12' r='3' /%3E %3Cpath d='M4.5 10H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h16a2 2 0 0 1 2 2v4a2 2 0 0 1-2 2h-.5' /%3E %3Cpath d='M4.5 14H4a2 2 0 0 0-2 2v4a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2v-4a2 2 0 0 0-2-2h-.5' /%3E %3Cpath d='M6 6h.01' /%3E %3Cpath d='M6 18h.01' /%3E %3Cpath d='m15.7 13.4-.9-.3' /%3E %3Cpath d='m9.2 10.9-.9-.3' /%3E %3Cpath d='m10.6 15.7.3-.9' /%3E %3Cpath d='m13.6 15.7-.4-1' /%3E %3Cpath d='m10.8 9.3-.4-1' /%3E %3Cpath d='m8.3 13.6 1-.4' /%3E %3Cpath d='m14.7 10.8 1-.4' /%3E %3Cpath d='m13.4 8.3-.3.9' /%3E %3C/svg%3E")}
.i-shield-check{--i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' %3E %3Cpath d='M20 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' /%3E %3Cpath d='m9 12 2 2 4-4' /%3E %3C/svg%3E")}
.i-star{--i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' %3E %3Cpath d='M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z' /%3E %3C/svg%3E")}
.i-video{--i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' %3E %3Cpath d='m16 13 5.223 3.482a.5.5 0 0 0 .777-.416V7.87a.5.5 0 0 0-.752-.432L16 10.5' /%3E %3Crect x='2' y='6' width='14' height='12' rx='2' /%3E %3C/svg%3E")}
.i-x{--i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' %3E %3Cpath d='M18 6 6 18' /%3E %3Cpath d='m6 6 12 12' /%3E %3C/svg%3E")}