/* GITECHY INK Site – gitechyink.com. Black, white and the logo's red; the other logo colours only as small accents. */
:root {
	--gs-blue: #dc2626; --gs-blue-d: #b91c1c; --gs-blue-l: rgba(239,68,68,.12); /* "blue" = the accent (kept name: shared builders). */
	--gs-ink: #f5f5f4; --gs-text: #d6d3d1; --gs-muted: #a8a29e; --gs-line: #2a2a2e; --gs-bg: #0b0b0d; --gs-bg-alt: #121215; --gs-card: #16161a;
	--gs-red: #ef4444; --gs-yellow: #f6c344; --gs-green: #34a853; --gs-gblue: #4285f4;
	--gs-radius: 14px; --gs-shadow: 0 1px 2px rgba(0,0,0,.4), 0 10px 30px rgba(0,0,0,.45);
	--gs-wrap: 1180px; --gs-pad: clamp(18px, 4vw, 32px);
	--gs-font: "Inter", "Segoe UI", system-ui, -apple-system, Roboto, "Helvetica Neue", Arial, sans-serif;
}
*, *::before, *::after { box-sizing: border-box; }
html { scroll-behavior: smooth; background: var(--gs-bg); }
body { margin: 0; font-family: var(--gs-font); font-size: 17px; line-height: 1.65; color: var(--gs-text); background: var(--gs-bg); -webkit-font-smoothing: antialiased; }
img { max-width: 100%; height: auto; }
a { color: #f87171; text-underline-offset: 3px; }
a:hover { color: #fca5a5; }
h1, h2, h3, h4 { color: var(--gs-ink); line-height: 1.15; letter-spacing: -.02em; margin: 0 0 .5em; }
h1 { font-size: clamp(2.2rem, 4.8vw, 3.6rem); font-weight: 850; }
h2 { font-size: clamp(1.6rem, 3vw, 2.35rem); font-weight: 800; }
h3 { font-size: 1.18rem; font-weight: 700; }
p { margin: 0 0 1em; }
strong { color: var(--gs-ink); }
::selection { background: var(--gs-blue); color: #fff; }
.screen-reader-text { position: absolute !important; width: 1px; height: 1px; overflow: hidden; clip: rect(1px,1px,1px,1px); white-space: nowrap; }
.gs-skip { position: absolute; left: -999px; top: 8px; z-index: 100; background: #fff; color: #000; padding: 8px 14px; border-radius: 8px; }
.gs-skip:focus { left: 8px; }
:focus-visible { outline: 3px solid rgba(239,68,68,.6); outline-offset: 2px; }
.gs-wrap { max-width: var(--gs-wrap); margin: 0 auto; padding: 0 var(--gs-pad); }

/* ---------- Buttons ---------- */
.gs-btn, .wp-block-button__link, .gs-form button, .gls-btn {
	display: inline-flex; align-items: center; justify-content: center; gap: 8px; padding: 13px 24px; border-radius: 10px; border: 2px solid var(--gs-blue);
	background: var(--gs-blue); color: #fff !important; font: 700 1rem/1.2 var(--gs-font); text-decoration: none; cursor: pointer; transition: transform .15s, box-shadow .15s, background .15s;
}
.gs-btn:hover, .wp-block-button__link:hover, .gs-form button:hover, .gls-btn:hover { background: var(--gs-blue-d); border-color: var(--gs-blue-d); transform: translateY(-1px); box-shadow: 0 8px 24px rgba(220,38,38,.35); color: #fff !important; }
.is-style-outline .wp-block-button__link, .gs-btn-ghost { background: transparent; border-color: #57534e; color: var(--gs-ink) !important; }
.is-style-outline .wp-block-button__link:hover, .gs-btn-ghost:hover { background: rgba(255,255,255,.06); border-color: var(--gs-ink); color: #fff !important; box-shadow: none; }
.gs-btn-sm { padding: 8px 16px; font-size: .92rem; }
.wp-block-buttons { display: flex; flex-wrap: wrap; gap: 12px; margin: 1.4em 0 0; }
.wp-block-buttons.gs-center { justify-content: center; margin-top: 2em; }
.wp-block-button { margin: 0; }

/* ---------- Header ---------- */
.gs-header { position: sticky; top: 0; z-index: 50; background: rgba(11,11,13,.86); backdrop-filter: saturate(160%) blur(10px); border-bottom: 1px solid transparent; transition: border-color .2s, box-shadow .2s; }
.admin-bar .gs-header { top: 32px; }
.gs-header.is-scrolled { border-color: var(--gs-line); box-shadow: 0 6px 24px rgba(0,0,0,.5); }
.gs-header-in { display: flex; align-items: center; gap: 24px; min-height: 72px; }
.gs-logo { display: flex; align-items: center; gap: 10px; text-decoration: none; color: var(--gs-ink); font-weight: 850; font-size: 1.22rem; letter-spacing: .05em; }
.gs-logo:hover { color: #fff; }
.gs-logo-img { width: auto; height: 40px; }
.gs-nav { display: flex; align-items: center; gap: 22px; margin-left: auto; }
.gs-menu { display: flex; align-items: center; gap: 4px; list-style: none; margin: 0; padding: 0; }
.gs-menu > li { position: relative; }
.gs-menu a { display: block; padding: 10px 12px; color: var(--gs-text); text-decoration: none; font-weight: 600; font-size: .97rem; border-radius: 8px; }
.gs-menu a:hover, .gs-menu .current-menu-item > a, .gs-menu .current-page-ancestor > a { color: #fff; background: rgba(255,255,255,.06); }
.gs-menu .current-menu-item > a { box-shadow: inset 0 -2px 0 var(--gs-blue); }
.gs-menu .menu-item-has-children > a::after { content: ""; display: inline-block; width: 7px; height: 7px; margin-left: 7px; border: solid currentColor; border-width: 0 2px 2px 0; transform: rotate(45deg) translateY(-3px); }
.gs-menu .sub-menu { position: absolute; top: 100%; left: 0; min-width: 240px; list-style: none; margin: 6px 0 0; padding: 8px; background: var(--gs-card); border: 1px solid var(--gs-line); border-radius: 12px; box-shadow: var(--gs-shadow); opacity: 0; visibility: hidden; transform: translateY(6px); transition: .15s; }
.gs-menu li:hover > .sub-menu, .gs-menu li:focus-within > .sub-menu, .gs-menu li.is-open > .sub-menu { opacity: 1; visibility: visible; transform: none; }
.gs-header-tools { display: flex; align-items: center; gap: 14px; }
.gs-langs { display: flex; gap: 2px; padding: 3px; border: 1px solid var(--gs-line); border-radius: 99px; font-size: .82rem; font-weight: 700; }
.gs-lang { padding: 4px 10px; border-radius: 99px; color: var(--gs-muted); text-decoration: none; }
.gs-lang.is-current { background: var(--gs-ink); color: #0b0b0d; }
.gs-lang:hover { color: #fff; }
.gs-menu-toggle { display: none; margin-left: auto; width: 46px; height: 46px; border: 1px solid var(--gs-line); border-radius: 10px; background: var(--gs-card); cursor: pointer; }
.gs-burger, .gs-burger::before, .gs-burger::after { display: block; width: 20px; height: 2px; margin: 0 auto; background: var(--gs-ink); border-radius: 2px; transition: .2s; content: ""; position: relative; }
.gs-burger::before { position: absolute; top: -6px; } .gs-burger::after { position: absolute; top: 6px; }
.gs-nav-open .gs-burger { background: transparent; }
.gs-nav-open .gs-burger::before { top: 0; transform: rotate(45deg); } .gs-nav-open .gs-burger::after { top: 0; transform: rotate(-45deg); }

/* ---------- Content width ---------- */
.gs-content > *:not(.alignfull) { max-width: var(--gs-wrap); margin-left: auto; margin-right: auto; padding-left: var(--gs-pad); padding-right: var(--gs-pad); }
.gs-entry:not(.gs-entry-landing) .gs-content { padding-top: 40px; padding-bottom: 60px; }
.gs-entry:not(.gs-entry-landing) .gs-content > *:not(.alignfull) { max-width: 820px; }
.alignfull { width: 100%; }
.wp-block-group.alignfull > * { max-width: var(--gs-wrap); margin-left: auto; margin-right: auto; padding-left: var(--gs-pad); padding-right: var(--gs-pad); }
.wp-block-group.alignfull > .wp-block-group:not(.alignfull), .wp-block-group.alignfull > .wp-block-columns { padding-left: var(--gs-pad); padding-right: var(--gs-pad); }

/* ---------- Sections ---------- */
.gs-section { padding: clamp(56px, 8vw, 100px) 0; }
.gs-section.gs-alt { background: var(--gs-bg-alt); border-top: 1px solid var(--gs-line); border-bottom: 1px solid var(--gs-line); }
.gs-section-title { text-align: center; max-width: 820px !important; }
.gs-section-intro { text-align: center; max-width: 720px !important; color: var(--gs-muted); font-size: 1.1rem; margin-bottom: 2.4em; }
.gs-eyebrow { display: block; font-size: .8rem; font-weight: 800; letter-spacing: .16em; text-transform: uppercase; color: var(--gs-red); margin-bottom: 1em; }
.gs-eyebrow::before { content: ""; display: inline-block; width: 26px; height: 3px; margin-right: 10px; vertical-align: middle; border-radius: 2px; background: var(--gs-red); }
.gs-lead { font-size: clamp(1.08rem, 1.6vw, 1.25rem); color: var(--gs-text); }
.gs-small { font-size: .9rem; color: var(--gs-muted); margin-top: 1.2em; }

/* Hero */
.gs-hero { position: relative; overflow: hidden; padding: clamp(60px, 9vw, 120px) 0 clamp(56px, 8vw, 100px); background:
	radial-gradient(800px 420px at 88% -10%, rgba(220,38,38,.28), transparent 60%),
	radial-gradient(600px 360px at -10% 110%, rgba(220,38,38,.10), transparent 60%), #0b0b0d; }
.gs-hero::after { content: ""; position: absolute; left: 0; right: 0; bottom: 0; height: 3px; background: linear-gradient(90deg, transparent, var(--gs-red) 20%, var(--gs-red) 80%, transparent); opacity: .9; }
.gs-hero-title { font-size: clamp(2.4rem, 5.2vw, 3.9rem); }
.gs-hero-cols { display: grid !important; grid-template-columns: 1.1fr 1fr; gap: clamp(28px, 5vw, 64px); align-items: center; }
.gs-hero-cols > .wp-block-column { min-width: 0; }
.gs-hero-mark img { max-height: 420px; width: auto; margin: 0 auto; display: block; filter: drop-shadow(0 30px 60px rgba(220,38,38,.25)); }

/* Screenshots */
.gs-collage img { border: 0 !important; box-shadow: none !important; background: none !important; border-radius: 0 !important; }
.gs-shot img { border-radius: 14px; border: 1px solid var(--gs-line); box-shadow: 0 30px 70px -20px rgba(0,0,0,.8), 0 0 0 6px rgba(255,255,255,.04); background: #000; }
.gs-phone { text-align: center; }
.gs-phone img { max-height: 620px; width: auto; border-radius: 34px; border: 10px solid #26262b; box-shadow: 0 30px 70px -20px rgba(0,0,0,.85); }
.wp-block-image { margin: 0; }

/* Cards */
.gs-cards { display: grid !important; gap: 22px; }
.gs-cards > *, .gs-steps > *, .gs-hero-cols > *, .gs-split-cols > *, .gs-contact-cols > * { margin-block-start: 0 !important; margin-top: 0 !important; }
.gs-cols-2 { grid-template-columns: repeat(2, 1fr); } .gs-cols-3 { grid-template-columns: repeat(3, 1fr); } .gs-cols-4 { grid-template-columns: repeat(4, 1fr); }
.gs-card { background: var(--gs-card); border: 1px solid var(--gs-line); border-radius: var(--gs-radius); padding: 26px 24px 22px; transition: transform .18s, box-shadow .18s, border-color .18s; }
.gs-card:hover { transform: translateY(-3px); box-shadow: var(--gs-shadow); border-color: rgba(239,68,68,.45); }
.gs-card p { margin-bottom: .6em; font-size: .98rem; color: var(--gs-muted); }
.gs-card-title { margin-top: 0; }
.gs-card-link { margin: .8em 0 0; font-weight: 700; }
.gs-card-link a { text-decoration: none; }
.gs-i::before { content: ""; display: block; width: 48px; height: 48px; margin-bottom: 16px; border-radius: 12px; background: rgba(239,68,68,.12) no-repeat center / 26px 26px; border: 1px solid rgba(239,68,68,.25); }

/* Split */
.gs-split-cols { display: grid !important; grid-template-columns: 1fr 1fr; gap: clamp(28px, 6vw, 80px); align-items: center; }
.gs-split + .gs-split { padding-top: 0; }
.gs-checks { list-style: none; padding: 0; margin: 1.2em 0 0; }
.gs-checks li { position: relative; padding-left: 34px; margin: 0 0 .7em; }
.gs-checks li::before { content: ""; position: absolute; left: 0; top: .2em; width: 22px; height: 22px; border-radius: 50%; background: var(--gs-blue) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 12l4 4 8-8'/%3E%3C/svg%3E") no-repeat center / 14px; }

/* Steps */
.gs-steps { display: grid !important; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: 22px; }
.gs-step-n { width: 40px; height: 40px; border-radius: 50%; background: var(--gs-blue); color: #fff; font-weight: 800; display: grid; place-items: center; }

/* Pills */
.gs-pills { display: flex; flex-wrap: wrap; justify-content: center; gap: 10px; list-style: none; padding: 0 !important; margin: 0 auto; }
.gs-pills li { padding: 9px 16px; background: var(--gs-card); border: 1px solid var(--gs-line); border-radius: 99px; font-weight: 600; font-size: .95rem; color: var(--gs-ink); }
.gs-cards + .gs-pills { margin-top: 36px; }

/* CTA */
.gs-cta { text-align: center; padding: clamp(56px, 8vw, 96px) 0; color: #fff; background: radial-gradient(700px 300px at 15% 0%, rgba(255,255,255,.10), transparent 60%), linear-gradient(135deg, #b91c1c, #7f1d1d 60%, #1c0a0a); }
.gs-cta h2, .gs-cta .gs-lead { color: #fff; }
.gs-cta .gs-lead { opacity: .9; max-width: 720px !important; }
.gs-cta .wp-block-buttons { justify-content: center; }
.gs-cta .gs-btn-light .wp-block-button__link { background: #fff; border-color: #fff; color: #b91c1c !important; }
.gs-cta .is-style-outline .wp-block-button__link { border-color: rgba(255,255,255,.7); color: #fff !important; }
.gs-cta .is-style-outline .wp-block-button__link:hover { background: rgba(255,255,255,.12); }

/* Page head */
.gs-page-head { padding: clamp(48px, 7vw, 88px) 0 clamp(36px, 5vw, 56px); background: radial-gradient(700px 300px at 90% -20%, rgba(220,38,38,.18), transparent 60%), #0b0b0d; border-bottom: 1px solid var(--gs-line); }
.gs-page-head .gs-lead { color: var(--gs-muted); }
@media (min-width: 1100px) { .gs-page-head > .gs-lead { padding-right: calc(var(--gs-pad) + 340px) !important; } }

/* FAQ */
.gs-faq { max-width: 860px !important; }
.gs-faq-item { background: var(--gs-card); border: 1px solid var(--gs-line); border-radius: 12px; margin: 0 0 12px; padding: 0 22px; }
.gs-faq-item summary { cursor: pointer; list-style: none; padding: 18px 30px 18px 0; font-weight: 700; color: var(--gs-ink); position: relative; }
.gs-faq-item summary::-webkit-details-marker { display: none; }
.gs-faq-item summary::after { content: "+"; position: absolute; right: 0; top: 14px; font-size: 1.5rem; color: var(--gs-red); transition: transform .2s; }
.gs-faq-item[open] summary::after { transform: rotate(45deg); }
.gs-faq-item p { color: var(--gs-text); }

/* Prose (legal) */
.gs-prose > * { max-width: 820px !important; }
.gs-prose h2 { font-size: 1.4rem; margin-top: 1.6em; }

/* ---------- Pricing (GITECHY Licenses shortcodes) ---------- */
.gls-pricing { gap: 22px !important; }
.gls-plan { position: relative; border-radius: 16px !important; padding: 28px 26px !important; background: var(--gs-card) !important; border-color: var(--gs-line) !important; box-shadow: var(--gs-shadow); color: var(--gs-text); transition: transform .18s; }
.gls-plan:hover { transform: translateY(-3px); }
.gls-plan::before { content: ""; position: absolute; left: 0; right: 0; top: 0; height: 4px; border-radius: 16px 16px 0 0; background: #3f3f46; }
.gls-plan h3 { font-size: 1.35rem; color: var(--gs-ink); }
.gls-plan ul { list-style: none; padding: 0 !important; }
.gls-plan li { position: relative; padding-left: 26px; margin: .4em 0; }
.gls-plan li::before { content: "✓"; position: absolute; left: 0; color: var(--gs-red); font-weight: 800; }
/* Studio = the recommended package. */
.gls-plan[class*="-studio"]:not([class*="-studio-pro"]) { border: 2px solid var(--gs-blue) !important; box-shadow: 0 14px 40px rgba(220,38,38,.22); }
.gls-plan[class*="-studio"]:not([class*="-studio-pro"])::before { background: var(--gs-blue); }
.gls-plan[class*="-studio"]:not([class*="-studio-pro"])::after { content: "Most popular"; position: absolute; top: -13px; right: 22px; padding: 4px 12px; border-radius: 99px; background: var(--gs-blue); color: #fff; font-size: .78rem; font-weight: 700; }
html[lang^="es"] .gls-plan[class*="-studio"]:not([class*="-studio-pro"])::after { content: "Más popular"; }
.gls-plan[class*="-studio-pro"]::before { background: linear-gradient(90deg, var(--gs-gblue) 0 25%, var(--gs-red) 25% 50%, var(--gs-yellow) 50% 75%, var(--gs-green) 75%); }
.gls-price { display: grid !important; gap: 10px; }
.gls-price strong { font-size: 1.35rem; color: var(--gs-ink); }
.gls-price .gls-buy, .gls-price .gls-buy button { width: 100%; }
.gls-pricing > .gls-packs-note, .gls-pricing > .gls-intro, .gls-pricing > .gls-notice, .gls-pricing > .gls-packs-title { grid-column: 1 / -1; }
.gls-muted { color: var(--gs-muted) !important; }
.gls-packs-title { margin: 26px 0 0 !important; font-size: 1.45rem; color: var(--gs-ink); }
.gls-addons { background: var(--gs-card); border: 1px solid var(--gs-line); border-radius: 16px; border-collapse: separate !important; border-spacing: 0; overflow: hidden; box-shadow: var(--gs-shadow); color: var(--gs-text); }
.gls-addons thead th { background: #1c1c21; color: var(--gs-muted); text-transform: uppercase; letter-spacing: .04em; font-size: .75rem !important; }
.gls-addons td { border-bottom: 1px solid var(--gs-line) !important; }
.gls-addons tr:last-child td { border-bottom: 0 !important; }
.gls-addons-group th { background: #1c1c21 !important; color: var(--gs-ink); }
.gls-addon td:first-child { position: relative; padding-left: 24px !important; }
.gls-addon td:first-child::before { content: ""; position: absolute; left: 10px; top: 16px; width: 6px; height: 6px; border-radius: 50%; background: var(--gs-red); }
.gls-addons .gls-btn { padding: 7px 14px; font-size: 13px; }
.gls-needs { background: rgba(246,195,68,.15) !important; color: var(--gs-yellow) !important; }
.gls-notice { background: #1c1c21 !important; border-color: var(--gs-line) !important; color: var(--gs-text) !important; }
@media (max-width: 640px) { .gls-addons thead { display: none; } .gls-addons td { display: block; } .gls-addon-price strong { display: inline; margin-right: 8px; } }
.gls-license, .gls-key { border-radius: 14px; background: var(--gs-card) !important; border-color: var(--gs-line) !important; color: var(--gs-text); }

/* Account page sign-in (GITECHY Licenses) */
.gls-login-wrap { max-width: 980px !important; gap: 28px !important; margin: 0 auto !important; }
.gls-login-card { position: relative; padding: 38px 36px 30px !important; background: var(--gs-card) !important; border-color: var(--gs-line) !important; border-radius: 18px !important; box-shadow: var(--gs-shadow); overflow: hidden; color: var(--gs-text); }
.gls-login-card::before { content: ""; position: absolute; left: 0; right: 0; top: 0; height: 4px; background: var(--gs-red); }
.gls-login-title { font-size: 1.6rem; letter-spacing: -.02em; color: var(--gs-ink); }
#gls-loginform label { color: var(--gs-ink); font-size: .95rem; }
#gls-loginform input[type="text"], #gls-loginform input[type="password"] { padding: 13px 15px !important; border-radius: 11px !important; background: #0f0f12 !important; color: var(--gs-ink) !important; border-color: #3f3f46 !important; }
#gls-loginform input:focus { border-color: var(--gs-red) !important; outline: none !important; box-shadow: 0 0 0 4px rgba(239,68,68,.18); }
#gls-loginform .login-remember input { width: 18px; height: 18px; accent-color: var(--gs-red); }
#gls-submit { padding: 14px 20px !important; border-radius: 11px !important; font-family: var(--gs-font) !important; font-size: 1.02rem !important; background: var(--gs-blue) !important; border-color: var(--gs-blue) !important; }
.gls-login-links { text-align: center; border-top: 1px solid var(--gs-line); margin-top: 8px !important; padding-top: 16px; }
.gls-login-side { position: relative; overflow: hidden; display: flex; flex-direction: column; justify-content: center; padding: 40px 36px !important; border-radius: 18px !important; color: #fecaca; background: linear-gradient(140deg, #b91c1c, #7f1d1d 65%, #1c0a0a) !important; border: 0 !important; }
.gls-login-side h3 { color: #fff; font-size: 1.4rem; }
.gls-login-side p { color: #fee2e2; }
.gls-login-side .gls-btn.gls-secondary { background: #fff !important; color: #b91c1c !important; border-color: #fff !important; }

/* Forms */
.gs-form label { display: block; font-weight: 600; color: var(--gs-ink); font-size: .95rem; }
.gs-form input, .gs-form select, .gs-form textarea, .gs-search input, .gis-calc input, .gis-calc select { display: block; width: 100%; margin-top: 6px; padding: 12px 14px; border: 1px solid #3f3f46; border-radius: 10px; font: inherit; color: var(--gs-ink); background: #0f0f12; }
.gs-form input:focus, .gs-form select:focus, .gs-form textarea:focus, .gis-calc input:focus, .gis-calc select:focus { border-color: var(--gs-red); outline: 3px solid rgba(239,68,68,.18); }
.gs-form-row { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; }
.gs-hp { position: absolute !important; left: -9999px !important; }
.gs-form-msg { padding: 14px 18px; border-radius: 10px; font-weight: 600; }
.gs-ok { background: rgba(52,168,83,.15); color: #86efac; } .gs-err { background: rgba(239,68,68,.15); color: #fca5a5; }
.gs-contact-cols { display: grid !important; grid-template-columns: 1.6fr 1fr; gap: 48px; }
.gs-contact-details { background: var(--gs-card); border: 1px solid var(--gs-line); border-radius: 14px; padding: 22px; line-height: 1.9; }
.gs-search { display: flex; gap: 10px; max-width: 520px; }
.gs-search input { margin: 0; }

/* Blog */
.gs-posts { display: grid; grid-template-columns: repeat(auto-fill, minmax(300px, 1fr)); gap: 24px; padding-top: 40px; padding-bottom: 60px; }
.gs-post-card { border: 1px solid var(--gs-line); border-radius: var(--gs-radius); padding: 22px; background: var(--gs-card); }
.gs-post-card h2 { font-size: 1.3rem; } .gs-post-card h2 a { color: var(--gs-ink); text-decoration: none; }
.gs-pagination { grid-column: 1 / -1; }
.gs-prose-wrap > * { max-width: 760px; margin-left: auto; margin-right: auto; }

/* Footer */
.gs-footer { background: #070708; color: var(--gs-muted); padding: 64px 0 0; font-size: .95rem; border-top: 1px solid var(--gs-line); }
.gs-footer a { color: var(--gs-text); text-decoration: none; } .gs-footer a:hover { color: #fff; text-decoration: underline; }
.gs-footer-grid { display: grid; grid-template-columns: 1.6fr repeat(4, 1fr); gap: 32px; }
.gs-footer-brand img { width: 84px; height: auto; margin-bottom: 14px; }
.gs-footer-brand p { max-width: 300px; }
.gs-footer-h { color: #fff; font-size: .82rem; letter-spacing: .1em; text-transform: uppercase; margin-bottom: 14px; }
.gs-footer ul { list-style: none; margin: 0; padding: 0; } .gs-footer li { margin: 0 0 9px; }
.gs-footer-bottom { display: flex; justify-content: space-between; align-items: center; gap: 16px; margin-top: 48px; padding-top: 22px; padding-bottom: 22px; border-top: 1px solid var(--gs-line); font-size: .88rem; }

/* 404 */
.gs-404 { text-align: center; padding: 120px 0; }
.gs-404 .gs-lead { margin-left: auto; margin-right: auto; }

/* ---------- Tables (compare, guides) ---------- */
.gs-table { overflow-x: auto; margin: 0; }
.gs-table table { width: 100%; border-collapse: collapse; font-size: .95rem; background: var(--gs-card); border-radius: 12px; overflow: hidden; }
.gs-table th, .gs-table td { padding: 10px 12px; border: 0 !important; border-bottom: 1px solid var(--gs-line) !important; text-align: left; vertical-align: top; color: var(--gs-text); }
.gs-table thead th { background: var(--gs-blue); color: #fff; font-weight: 700; white-space: nowrap; }
.gs-table tbody th { font-weight: 600; color: var(--gs-ink); }
.gs-table tbody tr:nth-child(even) { background: #19191e; }
.gs-compare-features td:nth-child(2) { background: rgba(220,38,38,.10); font-weight: 700; color: var(--gs-ink); }
.gs-table .gs-yes { color: #86efac; }
.gs-table .gs-no { color: #71717a; text-align: center; }
.gs-compare-note { margin-top: 12px; color: var(--gs-muted); }
.gs-table tbody th:first-child, .gs-table thead th:first-child { position: sticky; left: 0; z-index: 1; }
.gs-table tbody th:first-child { background: var(--gs-card); box-shadow: 1px 0 0 var(--gs-line); }
@media (max-width: 700px) { .gs-table table { font-size: .85rem; min-width: 620px; } .gs-table th, .gs-table td { padding: 8px; } .gs-table tbody th:first-child { min-width: 130px; } }

/* Guides */
.gs-related { list-style: none; padding: 0; margin: 0; display: flex; flex-wrap: wrap; gap: 10px; justify-content: center; }
.gs-related li { margin: 0; }
.gs-related a { display: inline-block; padding: 9px 16px; border: 1px solid var(--gs-line); border-radius: 99px; background: var(--gs-card); text-decoration: none; font-weight: 600; color: var(--gs-ink); }
.gs-related a:hover { border-color: var(--gs-red); }
.gs-article h2 { font-size: 1.45rem; margin-top: 1.8em; }
.gs-article > h2:first-child { margin-top: 0; }
.gs-article .gs-steps, .gs-article .gs-table { margin: 1.2em 0 1.6em; }

/* ---------- Artist pay calculator ---------- */
.gis-calc { display: grid; grid-template-columns: 1.1fr 1fr; gap: 28px; align-items: start; }
.gis-calc-form, .gis-calc-out { background: var(--gs-card); border: 1px solid var(--gs-line); border-radius: 16px; padding: 26px; }
.gis-calc-form label { display: block; font-weight: 600; color: var(--gs-ink); font-size: .95rem; margin: 0 0 14px; }
.gis-calc-row { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; }
.gis-calc-models { display: flex; flex-wrap: wrap; gap: 8px; margin: 0 0 18px; }
.gis-calc-models label { display: inline-flex; align-items: center; gap: 8px; margin: 0; padding: 9px 14px; border: 1px solid #3f3f46; border-radius: 99px; cursor: pointer; font-weight: 700; }
.gis-calc-models input { width: auto; margin: 0; accent-color: var(--gs-red); }
.gis-calc-models label:has(input:checked) { border-color: var(--gs-red); background: rgba(239,68,68,.12); color: #fff; }
.gis-calc-out h3 { margin-bottom: 14px; }
.gis-calc-big { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; margin-bottom: 16px; }
.gis-calc-big div { background: #0f0f12; border: 1px solid var(--gs-line); border-radius: 12px; padding: 16px; }
.gis-calc-big span { display: block; font-size: .8rem; text-transform: uppercase; letter-spacing: .08em; color: var(--gs-muted); }
.gis-calc-big strong { display: block; font-size: 1.7rem; color: #fff; margin-top: 4px; }
.gis-calc-big .gis-calc-studio strong { color: #f87171; }
.gis-calc-lines { list-style: none; padding: 0; margin: 0; font-size: .95rem; }
.gis-calc-lines li { display: flex; justify-content: space-between; gap: 12px; padding: 7px 0; border-bottom: 1px solid var(--gs-line); }
.gis-calc-note { font-size: .88rem; color: var(--gs-muted); margin-top: 14px; }
.gis-calc-fs { border: 0; padding: 0; margin: 0; min-width: 0; }
.gis-calc-sub { margin: 18px 0 4px; color: var(--gs-ink); font-weight: 700; }
.gis-calc-lines li.is-on { color: #fff; }
.gis-calc-lines li.is-on span::before { content: "● "; color: var(--gs-red); }
.gis-calc [hidden] { display: none !important; }
[hidden] { display: none !important; }

/* ---------- Responsive ---------- */
@media (max-width: 1080px) {
	.gs-footer-grid { grid-template-columns: repeat(3, 1fr); }
	.gs-footer-brand { grid-column: 1 / -1; }
}
@media (max-width: 960px) {
	.gs-menu-toggle { display: block; }
	.gs-nav { position: fixed; inset: 72px 0 0; display: none; flex-direction: column; align-items: stretch; gap: 0; padding: 18px var(--gs-pad) 40px; background: var(--gs-bg); overflow-y: auto; border-top: 1px solid var(--gs-line); }
	.admin-bar .gs-nav { top: 118px; }
	.gs-nav-open .gs-nav { display: flex; height: calc(100vh - 72px); height: calc(100dvh - 72px); }
	.gs-nav-open .gs-header { backdrop-filter: none; -webkit-backdrop-filter: none; background: var(--gs-bg); }
	.admin-bar.gs-nav-open .gs-nav { height: calc(100vh - 118px); height: calc(100dvh - 118px); }
	.gs-nav-open { overflow: hidden; }
	.gs-menu { flex-direction: column; align-items: stretch; }
	.gs-menu a { padding: 14px 12px; font-size: 1.08rem; border-bottom: 1px solid var(--gs-line); border-radius: 0; }
	.gs-menu .sub-menu { position: static; opacity: 1; visibility: visible; transform: none; box-shadow: none; border: 0; margin: 0; padding: 0 0 0 16px; display: none; background: transparent; }
	.gs-menu li.is-open > .sub-menu, .gs-menu li:focus-within > .sub-menu { display: block; }
	.gs-header-tools { justify-content: space-between; margin-top: 20px; }
	.gs-hero-cols, .gs-split-cols, .gs-contact-cols, .gis-calc { grid-template-columns: 1fr; }
	.gs-split.gs-reverse .gs-split-cols > .wp-block-column:first-child { order: 2; }
	.gs-cols-3, .gs-cols-4 { grid-template-columns: repeat(2, 1fr); }
	.gs-hero-mark img { max-height: 280px; }
	.gs-header { transition: transform .25s ease, border-color .2s, box-shadow .2s; will-change: transform; }
	.gs-header.is-hidden { transform: translateY(-100%); box-shadow: none; }
}
@media (max-width: 782px) { .admin-bar .gs-header { top: 46px; } .admin-bar .gs-nav { top: 118px; } }
@media (max-width: 640px) {
	body { font-size: 16px; }
	.gs-cols-2, .gs-cols-3, .gs-cols-4, .gs-form-row, .gis-calc-row, .gis-calc-big { grid-template-columns: 1fr; }
	.gs-footer-grid { grid-template-columns: 1fr 1fr; }
	.gs-footer-bottom { flex-direction: column; }
	.gs-phone img { max-height: 520px; }
	.wp-block-buttons .wp-block-button { flex: 1 1 100%; } .wp-block-buttons .wp-block-button__link { width: 100%; }
}
@media (prefers-reduced-motion: reduce) { *, *::before, *::after { transition: none !important; scroll-behavior: auto !important; } .gs-header { transition: none; } }
/* Dropdown menus (desktop): a bridge over the gap and a short delay, so the menu stays open on the way into it. */
@media (min-width: 961px) {
	.gs-menu .sub-menu::before { content: ""; position: absolute; left: 0; right: 0; top: -16px; height: 16px; }
	.gs-menu .sub-menu { transition: opacity .15s ease .2s, transform .15s ease .2s, visibility 0s linear .35s; }
	.gs-menu li:hover > .sub-menu, .gs-menu li:focus-within > .sub-menu, .gs-menu li.is-open > .sub-menu { transition-delay: 0s; }
}
.wp-block-group.alignfull > .gs-section-title + :not(.gs-section-intro) { margin-top: 1.4em; }

/* ---------- Icons (red line icons) ---------- */
.gs-i-report::before{background-image:url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="%23ef4444" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"%3E%3Crect x="5" y="3" width="14" height="18" rx="2"/%3E%3Cpath d="M9 3v2h6V3M8.5 11h7M8.5 15h4"/%3E%3C/svg%3E')}
.gs-i-crm::before{background-image:url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="%23ef4444" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"%3E%3Ccircle cx="9" cy="8" r="3"/%3E%3Cpath d="M3 20c0-3.3 2.7-6 6-6s6 2.7 6 6"/%3E%3Cpath d="M16 4.5a3 3 0 0 1 0 6M18 14c2 .7 3 2.8 3 6"/%3E%3C/svg%3E')}
.gs-i-calendar::before{background-image:url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="%23ef4444" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"%3E%3Crect x="3" y="5" width="18" height="16" rx="2"/%3E%3Cpath d="M3 10h18M8 3v4M16 3v4"/%3E%3Cpath d="M8 14h3v3H8z"/%3E%3C/svg%3E')}
.gs-i-clock::before{background-image:url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="%23ef4444" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"%3E%3Ccircle cx="12" cy="12" r="9"/%3E%3Cpath d="M12 7v5l3 2"/%3E%3C/svg%3E')}
.gs-i-ticket::before{background-image:url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="%23ef4444" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"%3E%3Cpath d="M3 8a2 2 0 0 0 0 4v0a2 2 0 0 1 0 4v2h18v-2a2 2 0 0 1 0-4 2 2 0 0 0 0-4V6H3z" transform="translate%280 -1%29"/%3E%3Cpath d="M14 5v14" stroke-dasharray="2 2"/%3E%3C/svg%3E')}
.gs-i-quote::before{background-image:url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="%23ef4444" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"%3E%3Cpath d="M6 3h9l4 4v14H6z"/%3E%3Cpath d="M14 3v5h5M9 13h6M9 17l2 1 4-3"/%3E%3C/svg%3E')}
.gs-i-invoice::before{background-image:url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="%23ef4444" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"%3E%3Cpath d="M6 3h12v18l-3-2-3 2-3-2-3 2z"/%3E%3Cpath d="M9 8h6M9 12h6M9 16h3"/%3E%3C/svg%3E')}
.gs-i-box::before{background-image:url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="%23ef4444" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"%3E%3Cpath d="M3 7l9-4 9 4v10l-9 4-9-4z"/%3E%3Cpath d="M3 7l9 4 9-4M12 11v10"/%3E%3C/svg%3E')}
.gs-i-tool::before{background-image:url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="%23ef4444" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"%3E%3Cpath d="M14.7 6.3a4 4 0 0 0-5.4 5.4L3 18l3 3 6.3-6.3a4 4 0 0 0 5.4-5.4l-2.6 2.6-2.4-.6-.6-2.4z"/%3E%3C/svg%3E')}
.gs-i-board::before{background-image:url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="%23ef4444" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"%3E%3Crect x="3" y="4" width="18" height="16" rx="2"/%3E%3Cpath d="M9 4v16M15 4v16"/%3E%3Cpath d="M5 8h2M11 8h2M17 8h2M11 12h2"/%3E%3C/svg%3E')}
.gs-i-remote::before{background-image:url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="%23ef4444" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"%3E%3Crect x="3" y="4" width="18" height="12" rx="2"/%3E%3Cpath d="M8 20h8M12 16v4M9 10l2 2 4-4"/%3E%3C/svg%3E')}
.gs-i-qr::before{background-image:url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="%23ef4444" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"%3E%3Crect x="3" y="3" width="7" height="7"/%3E%3Crect x="14" y="3" width="7" height="7"/%3E%3Crect x="3" y="14" width="7" height="7"/%3E%3Cpath d="M14 14h3v3h-3zM20 14v.01M17 20h4v-3M14 20v.01"/%3E%3C/svg%3E')}
.gs-i-chart::before{background-image:url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="%23ef4444" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"%3E%3Cpath d="M3 3v18h18"/%3E%3Cpath d="M7 15l4-4 3 3 5-6"/%3E%3C/svg%3E')}
.gs-i-wp::before{background-image:url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="%23ef4444" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"%3E%3Ccircle cx="12" cy="12" r="9"/%3E%3Cpath d="M3.5 9h17M3.5 15h17M12 3c2.5 2.5 3.5 5.5 3.5 9s-1 6.5-3.5 9c-2.5-2.5-3.5-5.5-3.5-9S9.5 5.5 12 3z"/%3E%3C/svg%3E')}
.gs-i-cloud::before{background-image:url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="%23ef4444" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"%3E%3Cpath d="M7 18a4 4 0 0 1-.5-8 6 6 0 0 1 11.5 1.5A3.5 3.5 0 0 1 17.5 18z"/%3E%3C/svg%3E')}
.gs-i-gift::before{background-image:url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="%23ef4444" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"%3E%3Crect x="3" y="8" width="18" height="4"/%3E%3Cpath d="M5 12v9h14v-9M12 8v13M12 8c-2-4-6-4-6-1.5S9 8 12 8zM12 8c2-4 6-4 6-1.5S15 8 12 8z"/%3E%3C/svg%3E')}
.gs-i-gallery::before{background-image:url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="%23ef4444" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"%3E%3Crect x="3" y="4" width="18" height="16" rx="2"/%3E%3Ccircle cx="9" cy="10" r="2"/%3E%3Cpath d="M3 18l5-5 4 4 3-3 6 6"/%3E%3C/svg%3E')}
.gs-i-card::before{background-image:url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="%23ef4444" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"%3E%3Crect x="2" y="5" width="20" height="14" rx="2"/%3E%3Ccircle cx="8" cy="11" r="2"/%3E%3Cpath d="M5 16c.6-1.6 1.7-2.4 3-2.4s2.4.8 3 2.4M14 10h5M14 13h4"/%3E%3C/svg%3E')}
.gs-i-lock::before{background-image:url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="%23ef4444" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"%3E%3Crect x="5" y="11" width="14" height="10" rx="2"/%3E%3Cpath d="M8 11V8a4 4 0 0 1 8 0v3M12 15v2"/%3E%3C/svg%3E')}
.gs-i-users::before{background-image:url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="%23ef4444" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"%3E%3Ccircle cx="9" cy="8" r="3"/%3E%3Cpath d="M3 20c0-3.3 2.7-6 6-6s6 2.7 6 6"/%3E%3Ccircle cx="17" cy="9" r="2.5"/%3E%3Cpath d="M16 14.2c2.8 0 5 2.4 5 5.8"/%3E%3C/svg%3E')}
.gs-i-shield::before{background-image:url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="%23ef4444" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"%3E%3Cpath d="M12 3l8 3v6c0 5-3.5 8-8 9-4.5-1-8-4-8-9V6z"/%3E%3Cpath d="M9 12l2 2 4-4"/%3E%3C/svg%3E')}
.gs-i-backup::before{background-image:url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="%23ef4444" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"%3E%3Cpath d="M4 12a8 8 0 1 0 2.3-5.6"/%3E%3Cpath d="M4 4v4h4M12 8v4l3 2"/%3E%3C/svg%3E')}
.gs-i-brush::before{background-image:url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="%23ef4444" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"%3E%3Cpath d="M14 4l6 6-8 8-6-6z"/%3E%3Cpath d="M6 12l-2 6 2 2 6-2"/%3E%3C/svg%3E')}
.gs-i-mail::before{background-image:url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="%23ef4444" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"%3E%3Crect x="3" y="5" width="18" height="14" rx="2"/%3E%3Cpath d="M3 7l9 6 9-6"/%3E%3C/svg%3E')}
.gs-i-heart::before{background-image:url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="%23ef4444" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"%3E%3Cpath d="M12 20s-7-4.4-7-10a4 4 0 0 1 7-2.6A4 4 0 0 1 19 10c0 5.6-7 10-7 10z"/%3E%3C/svg%3E')}
.gs-i-share::before{background-image:url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="%23ef4444" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"%3E%3Ccircle cx="18" cy="5" r="3"/%3E%3Ccircle cx="6" cy="12" r="3"/%3E%3Ccircle cx="18" cy="19" r="3"/%3E%3Cpath d="M8.6 13.5l6.8 4M15.4 6.5l-6.8 4"/%3E%3C/svg%3E')}
.gs-i-import::before{background-image:url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="%23ef4444" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"%3E%3Cpath d="M12 3v12M7 10l5 5 5-5"/%3E%3Cpath d="M4 17v3h16v-3"/%3E%3C/svg%3E')}
.gs-i-pdf::before{background-image:url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="%23ef4444" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"%3E%3Cpath d="M6 3h9l4 4v14H6z"/%3E%3Cpath d="M14 3v5h5"/%3E%3Cpath d="M9 16v-4h1.5a1.5 1.5 0 0 1 0 3H9"/%3E%3C/svg%3E')}
.gs-i-phone::before{background-image:url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="%23ef4444" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"%3E%3Crect x="7" y="2" width="10" height="20" rx="2"/%3E%3Cpath d="M11 18h2"/%3E%3C/svg%3E')}
.gs-i-up::before{background-image:url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="%23ef4444" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"%3E%3Cpath d="M12 20V6M6 12l6-6 6 6"/%3E%3Cpath d="M5 4h14"/%3E%3C/svg%3E')}
.gs-i-drop::before{background-image:url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="%23ef4444" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"%3E%3Cpath d="M12 3s6 6.5 6 11a6 6 0 0 1-12 0c0-4.5 6-11 6-11z"/%3E%3C/svg%3E')}
.gs-i-download::before{background-image:url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="%23ef4444" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"%3E%3Cpath d="M12 4v11M7 10l5 5 5-5M5 20h14"/%3E%3C/svg%3E')}
.gs-i-speed::before{background-image:url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="%23ef4444" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"%3E%3Cpath d="M13 2L4 14h7l-1 8 9-12h-7z"/%3E%3C/svg%3E')}
.gs-i-hand::before{background-image:url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="%23ef4444" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"%3E%3Cpath d="M8 11V5a1.5 1.5 0 0 1 3 0v5M11 10V4a1.5 1.5 0 0 1 3 0v6M14 10V6a1.5 1.5 0 0 1 3 0v8a7 7 0 0 1-7 7c-3 0-4.5-1.5-6-4l-2-3.5a1.5 1.5 0 0 1 2.5-1.5L8 14"/%3E%3C/svg%3E')}
.gs-i-eye::before{background-image:url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="%23ef4444" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"%3E%3Cpath d="M2 12s3.5-7 10-7 10 7 10 7-3.5 7-10 7S2 12 2 12z"/%3E%3Ccircle cx="12" cy="12" r="3"/%3E%3C/svg%3E')}
.gs-i-key::before{background-image:url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="%23ef4444" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"%3E%3Ccircle cx="8" cy="15" r="4"/%3E%3Cpath d="M11 12l9-9M17 6l3 3M15 8l2 2"/%3E%3C/svg%3E')}
.gs-i-it::before{background-image:url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="%23ef4444" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"%3E%3Crect x="3" y="4" width="18" height="6" rx="1"/%3E%3Crect x="3" y="14" width="18" height="6" rx="1"/%3E%3Cpath d="M7 7h.01M7 17h.01M11 7h6M11 17h6"/%3E%3C/svg%3E')}
.gs-i-hvac::before{background-image:url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="%23ef4444" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"%3E%3Cpath d="M12 2v20M4 6l16 12M20 6L4 18"/%3E%3Ccircle cx="12" cy="12" r="2"/%3E%3C/svg%3E')}
.gs-i-home::before{background-image:url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="%23ef4444" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"%3E%3Cpath d="M3 11l9-7 9 7"/%3E%3Cpath d="M5 10v10h14V10M10 20v-6h4v6"/%3E%3C/svg%3E')}
.gs-i-car::before{background-image:url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="%23ef4444" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"%3E%3Cpath d="M5 16V11l2-5h10l2 5v5"/%3E%3Cpath d="M3 16h18v3H3zM5 11h14"/%3E%3Ccircle cx="7.5" cy="16" r="1"/%3E%3Ccircle cx="16.5" cy="16" r="1"/%3E%3C/svg%3E')}
.gs-i-pen::before{background-image:url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="%23ef4444" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"%3E%3Cpath d="M16 3l5 5L9 20H4v-5z"/%3E%3Cpath d="M14 5l5 5M3 21h18"/%3E%3C/svg%3E')}
.gs-i-money::before{background-image:url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="%23ef4444" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"%3E%3Crect x="2" y="6" width="20" height="12" rx="2"/%3E%3Ccircle cx="12" cy="12" r="3"/%3E%3Cpath d="M6 9v.01M18 15v.01"/%3E%3C/svg%3E')}
.gs-i-needle::before{background-image:url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="%23ef4444" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"%3E%3Cpath d="M14 4l6 6-7 7-6-6z"/%3E%3Cpath d="M7 11l-4 4 1 1M10 14l-6 6M17 7l3-3"/%3E%3C/svg%3E')}
.gs-i-queue::before{background-image:url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="%23ef4444" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"%3E%3Ccircle cx="6" cy="7" r="2.5"/%3E%3Ccircle cx="12" cy="7" r="2.5"/%3E%3Ccircle cx="18" cy="7" r="2.5"/%3E%3Cpath d="M2.5 17c0-2 1.6-3.5 3.5-3.5S9.5 15 9.5 17M8.5 17c0-2 1.6-3.5 3.5-3.5s3.5 1.5 3.5 3.5M14.5 17c0-2 1.6-3.5 3.5-3.5s3.5 1.5 3.5 3.5"/%3E%3C/svg%3E')}