/* generated by prerender/extract-inline-styles.py from index.html: edit the page, not this file */
.msr{width:1em;overflow:hidden}html:not(.msr-ok) .msr{color:transparent}
body{margin:0;background:var(--color-bg);color:var(--color-text);font-family:var(--font-body)}
a{color:var(--color-accent-700);text-decoration:none}
a:hover{color:var(--color-accent-600)}
@keyframes bm-marquee{from{transform:translateX(0)}to{transform:translateX(-50%)}}

/* ── Material Design layer (icons, colour, elevation) — additive, keeps the runtime intact ── */
.msr{font-family:'Material Symbols Rounded';font-weight:500;font-style:normal;line-height:1;display:inline-block;white-space:nowrap;direction:ltr;font-variation-settings:'FILL' 0,'wght' 500,'GRAD' 0,'opsz' 24}
/* softer, more rounded Material cards + lift */
.card{border-radius:22px}
.card.elev-sm{transition:transform .35s cubic-bezier(.2,.9,.3,1),box-shadow .35s ease}
.card.elev-sm:hover{transform:translateY(-6px);box-shadow:0 18px 40px rgba(28,27,26,.14)}
/* Material buttons: a little elevation on the primary */
.btn-primary{box-shadow:0 6px 16px rgba(255,102,0,.28)}
.btn-primary:hover{box-shadow:0 10px 22px rgba(255,102,0,.36);transform:translateY(-2px)}
/* Material tonal stat cards */
.md-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:16px}
.md-stat{--c:#ff6600;--ct:#ffe7d6;background:linear-gradient(160deg,color-mix(in srgb,var(--c) 10%,#fff),#fff 72%);border:1px solid color-mix(in srgb,var(--c) 22%,transparent);border-radius:22px;padding:24px;transition:transform .35s cubic-bezier(.2,.9,.3,1),box-shadow .35s}
.md-stat:hover{transform:translateY(-6px);box-shadow:0 18px 40px color-mix(in srgb,var(--c) 22%,transparent)}
.md-ic{width:50px;height:50px;border-radius:15px;display:grid;place-items:center;background:var(--ct);color:var(--c);margin-bottom:14px;transition:transform .35s cubic-bezier(.34,1.56,.64,1)}
.md-stat:hover .md-ic{transform:translateY(-2px) rotate(-6deg)}
.md-ic .msr{font-size:26px;font-variation-settings:'FILL' 1,'wght' 500}
.md-stat .n{font-family:var(--font-heading);font-weight:800;font-size:40px;line-height:1;color:var(--c);letter-spacing:-.02em}
.md-stat .t{font-weight:700;font-size:14.5px;margin-top:6px;color:var(--color-text)}
.md-stat .s{font-size:12.5px;color:color-mix(in srgb,var(--color-text) 55%,transparent);margin-top:2px}
/* ── colourful pricing cards ── */
.pgrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(248px,1fr));gap:22px;align-items:stretch;margin-top:36px}
.pcard{--pc:var(--color-accent);--pct:var(--color-accent-100);position:relative;display:flex;flex-direction:column;gap:12px;border-radius:24px;padding:30px 26px;background:linear-gradient(180deg,var(--pct),#fff 46%);border:1.5px solid color-mix(in srgb,var(--pc) 34%,transparent);box-shadow:0 8px 26px color-mix(in srgb,var(--pc) 12%,transparent);transition:transform .3s cubic-bezier(.2,.9,.3,1),box-shadow .3s ease}
.pcard::before{content:"";position:absolute;left:0;right:0;top:0;height:5px;border-radius:24px 24px 0 0;background:var(--pc)}
.pcard:hover{transform:translateY(-8px);box-shadow:0 26px 54px color-mix(in srgb,var(--pc) 30%,transparent)}
.pcard.feat{background:linear-gradient(165deg,var(--pc),color-mix(in srgb,var(--pc) 72%,#0d0d10));color:#fff;border-color:transparent;box-shadow:0 24px 56px color-mix(in srgb,var(--pc) 46%,transparent)}
.pcard.feat::before{background:#fff}
.pcard.feat h3,.pcard.feat .pcard-price,.pcard.feat .pcard-price span,.pcard.feat .pcard-blurb,.pcard.feat .pcard-for,.pcard.feat .pcard-grp{color:#fff}
.pcard-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:4px}
.pcard-ic{width:48px;height:48px;border-radius:14px;display:grid;place-items:center;font-size:23px;font-weight:800;background:color-mix(in srgb,var(--pc) 18%,#fff);color:var(--pc)}
.pcard.feat .pcard-ic{background:rgba(255,255,255,.2);color:#fff}
.pcard-badge{font-weight:800;font-size:10px;letter-spacing:.1em;text-transform:uppercase;padding:7px 12px;border-radius:999px;background:var(--pc);color:#fff;white-space:nowrap}
.pcard.feat .pcard-badge{background:#fff;color:var(--pc)}
.pcard h3{font-family:var(--font-heading);font-size:28px;margin:2px 0 0}
.pcard-blurb{font-size:14.5px;line-height:1.5;opacity:.85;margin:0}
.pcard-price{font-family:var(--font-heading);font-weight:900;font-size:46px;line-height:1;letter-spacing:-.02em;color:var(--pc);margin-top:4px}
.pcard-price span{font-family:var(--font-body);font-weight:600;font-size:15px;opacity:.7}
.pcard-for{font-size:13px;opacity:.7;margin:0}
.pcard-cta{width:100%;justify-content:center;margin:10px 0 2px;font-size:15px;padding:13px 20px}
.pcard.feat .pcard-cta.btn-primary{background:#fff;color:var(--pc);border-color:#fff;box-shadow:none}
.pcard.feat .pcard-cta.btn-primary:hover{background:rgba(255,255,255,.9)}
.pcard-grp{font-family:'IBM Plex Mono',monospace;font-size:9.5px;letter-spacing:.14em;text-transform:uppercase;opacity:.6;margin-top:4px}
.pcard-list{list-style:none;margin:0;padding:0;display:grid;gap:10px;font-size:14px;line-height:1.45}
.pcard-list li{display:flex;gap:10px;align-items:flex-start}
.pcard-list li::before{content:"\2713";flex:none;font-weight:800;color:var(--pc)}
.pcard.feat .pcard-list li::before{color:#fff}
@media (max-width:640px){
.pgrid{gap:16px;margin-top:24px}
.pcard{padding:22px 20px;border-radius:18px;gap:10px}
.pcard h3{font-size:24px}
.pcard-price{font-size:40px}
.pcard-list{font-size:13.5px;gap:8px}
}
/* hero — full-bleed near-black with a warm glow that orbits the cursor (hero-gradient.js).
   Homepage only: cancel the fixed-nav body offset and let the hero sit at the very
   top of the page, its own top padding clearing the nav that floats over it. */
body{padding-top:0!important}
.bm-hero-bg{position:relative;overflow:hidden;isolation:isolate;background:#0b0908;color:#F4EFE6;padding-top:83px;--gx:78%;--gy:16%;--gi:1}
.bm-hero-bg>.bm-hero-glow{position:absolute;inset:0;z-index:0;pointer-events:none;opacity:var(--gi);will-change:background;background:radial-gradient(circle 15vw at var(--gx) var(--gy),rgba(255,190,120,.30) 0%,rgba(255,190,120,0) 62%),radial-gradient(circle 40vw at var(--gx) var(--gy),rgba(255,122,36,.40) 0%,rgba(255,122,36,.07) 46%,rgba(255,122,36,0) 72%),radial-gradient(120% 90% at 15% 0%,#221a14 0%,rgba(34,26,20,0) 55%),radial-gradient(circle 52vw at 4% 112%,#1f150c 0%,rgba(31,21,12,0) 58%),linear-gradient(158deg,#17120e 0%,#0d0a09 38%,#080706 70%,#040303 100%)}
.bm-hero-bg::before{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;opacity:.30;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' sc-camel-base-frequency='0.9' sc-camel-num-octaves='2' sc-camel-stitch-tiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}
.bm-hero-bg::after{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(180deg,rgba(255,180,120,.05) 0%,transparent 14%),linear-gradient(180deg,rgba(0,0,0,.18) 0%,transparent 20%,transparent 74%,rgba(0,0,0,.6) 100%),radial-gradient(120% 80% at 50% 40%,transparent 55%,rgba(0,0,0,.4) 100%)}
.bm-hero-bg>section{position:relative;z-index:2}
.bm-hero-accent{background:linear-gradient(95deg,#ffb347,#ff7a24 60%,#ff9d4d);-webkit-background-clip:text;background-clip:text;color:transparent}
.bm-hero-bg .btn-secondary{border-color:rgba(244,239,230,.32)!important;color:#F4EFE6!important;background:transparent!important}
.bm-hero-bg .btn-secondary:hover{border-color:#F4EFE6!important;background:rgba(244,239,230,.07)!important}
@media (prefers-reduced-motion:reduce){.bm-hero-glow{--gx:78%!important;--gy:16%!important}}
/* homepage only. DEFAULT = transparent nav sitting over the dark hero (this is
   also the pre-JS / first-paint state, so there is no white flash). Once you
   scroll, hero-gradient.js adds .bm-nav-solid: a TRANSLUCENT frosted-glass bar —
   a heavy backdrop blur smears whatever scrolls behind it, so the nav text stays
   crisp and readable and nothing collides with it. */
header[style*="position: fixed"]{background:transparent!important;box-shadow:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;transition:background .3s ease,box-shadow .3s ease}
header[style*="position: fixed"] a{color:#F4EFE6!important;transition:color .25s ease}
header[style*="position: fixed"] a.btn-primary{color:#0B0B0B!important}
header[style*="position: fixed"] .bm-hamburger span{background:#F4EFE6!important;transition:background .25s ease}
header.bm-nav-solid{background:rgba(255,255,255,.78)!important;box-shadow:0 6px 22px rgba(17,18,20,.10)!important;backdrop-filter:blur(22px) saturate(1.7)!important;-webkit-backdrop-filter:blur(22px) saturate(1.7)!important}
header.bm-nav-solid a{color:#111214!important}
header.bm-nav-solid .bm-hamburger span{background:#111214!important}
/* fallback for browsers without backdrop-filter: go opaque so text never overlaps */
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){
  header.bm-nav-solid{background:#ffffff!important}
}
.bm-home-faq details{border-bottom:1px solid var(--color-divider);padding:16px 0}
.bm-home-faq summary{cursor:pointer;font-family:var(--font-heading);font-size:19px;line-height:1.35;list-style:none;display:flex;justify-content:space-between;gap:16px}
.bm-home-faq summary::-webkit-details-marker{display:none}
.bm-home-faq summary::after{content:"+";font-family:'IBM Plex Mono',monospace;color:var(--color-accent-700)}
.bm-home-faq details[open] summary::after{content:"\2212"}
.bm-home-faq p{margin:10px 0 0;font-size:16px;line-height:1.65}
@media (max-width:560px){#about-brand-marketian h2{font-size:30px}}
.u0:not(#_){--color-accent: #ff6600; --color-accent-500: #ff6600; --color-accent-600: #e05600; --color-accent-700: #b34300; --color-accent-100: #fff2e8; --color-accent-200: #ffdcc2; --color-accent-300: #ffb680; --bm-marq: 42s}
.u1:not(#_){--bm-lift: -6px; padding-top: 83px}
.u2:not(#_){display:none;visibility:hidden}
.u3:not(#_){min-height: 100vh; overflow-x: hidden}
.u4:not(#_){display: flex; align-items: center; gap: 11px; color: var(--color-text); font-family: var(--font-heading); font-weight: 800; letter-spacing: -0.02em; font-size: 19px; white-space: nowrap; transition: font-size 0.3s}
.u5:not(#_){width: 48px; height: 48px; border-radius: 50%; display: block; transition: width 0.3s cubic-bezier(0.22, 0.9, 0.28, 1), height 0.3s cubic-bezier(0.22, 0.9, 0.28, 1)}
.u6:not(#_){position: absolute; left: 12px; right: 12px; bottom: 3px; height: 2px; border-radius: 2px; background: var(--color-accent); transform: scaleX(0); transform-origin: left center; transition: transform 0.3s cubic-bezier(0.22, 0.9, 0.28, 1)}
.u7:not(#_){margin-left: auto; display: flex; align-items: center; gap: 10px; flex: 0 0 auto}
.u8:not(#_){font-size: 13px; white-space: nowrap}
.u9:not(#_){height: 3px; background: transparent}
.u10:not(#_){height: 100%; width: 0%; background: linear-gradient(90deg, var(--color-accent-2), var(--bm-teal), var(--color-accent)); transition: width 0.12s linear}
.u11:not(#_){--gx: 75.85%; --gy: 9.86%; --gi: 0.969}
.u12:not(#_){position: absolute; inset: 0px; width: 100%; height: 100%; display: block; z-index: 0}
.u13:not(#_){position: absolute; inset: 0px; z-index: 0; pointer-events: none; background: linear-gradient(92deg, rgba(6, 5, 4, 0.72) 0%, rgba(6, 5, 4, 0.34) 44%, rgba(6, 5, 4, 0) 72%), linear-gradient(0deg, rgba(6, 5, 4, 0.55) 0%, rgba(6, 5, 4, 0) 34%)}
.u14:not(#_){opacity: 0.5}
.u15:not(#_){font-weight: 400; font-size: 60px; line-height: 1.05; letter-spacing: -0.015em; margin: 0px; max-width: 15ch}
.u16:not(#_){display: flex; gap: 12px; margin-top: 30px; flex-wrap: wrap}
.u17:not(#_){font-size: 15px; padding: 12px 26px; white-space: nowrap}
.u18:not(#_){position: absolute; inset: 0px; border-radius: calc(var(--radius-lg) * 1.3); box-shadow: var(--shadow-lg); background: var(--color-bg); border: 1px solid var(--color-divider); padding: 20px; transition: opacity 0.5s, transform 0.5s cubic-bezier(0.22, 0.9, 0.28, 1); opacity: 1; transform: translateY(0px) scale(1); pointer-events: auto; z-index: 3}
.u19:not(#_){display: flex; align-items: center; gap: 10px; padding-bottom: 14px; border-bottom: 1px solid var(--color-divider)}
.u20:not(#_){width: 26px; height: 26px; border-radius: 50%; display: block}
.u21:not(#_){font-family: var(--font-heading); font-size: 15px}
.u22:not(#_){margin-left: auto; font-family: "IBM Plex Mono", monospace; font-size: 10px; letter-spacing: 0.1em; text-transform: uppercase; background: var(--color-accent-100); color: var(--color-accent-800); padding: 4px 10px; border-radius: 999px}
.u23:not(#_){background: var(--color-surface); border-radius: var(--radius-md); padding: 12px}
.u24:not(#_){font-size: 10.5px; opacity: 0.6}
.u25:not(#_){font-family: var(--font-heading); font-size: 24px; line-height: 1.1}
.u26:not(#_){font-size: 10.5px; color: var(--color-accent-700)}
.u27:not(#_){background: var(--color-surface); border-radius: var(--radius-md); padding: 14px; margin-top: 12px}
.u28:not(#_){display: flex; justify-content: space-between; align-items: baseline}
.u29:not(#_){font-size: 11.5px; opacity: 0.65}
.u30:not(#_){font-family: "IBM Plex Mono", monospace; font-size: 10px; opacity: 0.5}
.u31:not(#_){display: flex; align-items: flex-end; gap: 8px; height: 96px; margin-top: 12px}
.u32:not(#_){flex: 1 1 0%; height: 26%; background: var(--color-accent-300); border-radius: 6px 6px 3px 3px; transition: height 0.7s cubic-bezier(0.22, 0.9, 0.28, 1)}
.u33:not(#_){flex: 1 1 0%; height: 38%; background: var(--color-accent-300); border-radius: 6px 6px 3px 3px; transition: height 0.7s cubic-bezier(0.22, 0.9, 0.28, 1)}
.u34:not(#_){flex: 1 1 0%; height: 34%; background: var(--color-accent-300); border-radius: 6px 6px 3px 3px; transition: height 0.7s cubic-bezier(0.22, 0.9, 0.28, 1)}
.u35:not(#_){flex: 1 1 0%; height: 52%; background: var(--color-accent-400); border-radius: 6px 6px 3px 3px; transition: height 0.7s cubic-bezier(0.22, 0.9, 0.28, 1)}
.u36:not(#_){flex: 1 1 0%; height: 61%; background: var(--color-accent-400); border-radius: 6px 6px 3px 3px; transition: height 0.7s cubic-bezier(0.22, 0.9, 0.28, 1)}
.u37:not(#_){flex: 1 1 0%; height: 78%; background: var(--color-accent); border-radius: 6px 6px 3px 3px; transition: height 0.7s cubic-bezier(0.22, 0.9, 0.28, 1)}
.u38:not(#_){flex: 1 1 0%; height: 100%; background: var(--color-accent); border-radius: 6px 6px 3px 3px; transition: height 0.7s cubic-bezier(0.22, 0.9, 0.28, 1)}
.u39:not(#_){display: flex; align-items: center; gap: 10px; background: var(--color-accent-100); border-radius: 999px; padding: 9px 14px; margin-top: 12px}
.u40:not(#_){width: 8px; height: 8px; border-radius: 50%; background: var(--color-accent)}
.u41:not(#_){font-size: 12.5px}
.u42:not(#_){margin-left: auto; font-family: "IBM Plex Mono", monospace; font-size: 10px; opacity: 0.55}
.u43:not(#_){position: absolute; inset: 0px; border-radius: calc(var(--radius-lg) * 1.3); box-shadow: var(--shadow-lg); background: var(--color-bg); border: 1px solid var(--color-divider); padding: 22px; transition: opacity 0.5s, transform 0.5s cubic-bezier(0.22, 0.9, 0.28, 1); opacity: 0; transform: translateY(18px) scale(0.97); pointer-events: none; z-index: 1}
.u44:not(#_){display: flex; align-items: center; gap: 9px}
.u45:not(#_){font-size: 13.5px; font-weight: 600}
.u46:not(#_){font-family: "IBM Plex Mono", monospace; font-size: 9.5px; letter-spacing: 0.1em; text-transform: uppercase; background: var(--color-surface); padding: 3px 8px; border-radius: 999px; opacity: 0.7}
.u47:not(#_){display: flex; align-items: flex-end; gap: 26px; margin-top: 16px}
.u48:not(#_){display: flex; align-items: baseline; gap: 4px}
.u49:not(#_){font-family: var(--font-heading); font-size: 52px; line-height: 1}
.u50:not(#_){font-size: 15px; opacity: 0.55}
.u51:not(#_){display: inline-flex; align-items: center; gap: 6px; margin-top: 10px; background: var(--color-accent-100); color: var(--color-accent-800); border-radius: 999px; padding: 5px 11px; font-size: 12px; font-weight: 600}
.u52:not(#_){font-size: 11.5px; opacity: 0.6; margin-top: 8px}
.u53:not(#_){flex: 1 1 0%; min-width: 0px}
.u54:not(#_){width: 100%; height: 96px; display: block}
.u55:not(#_){display: flex; justify-content: space-between; font-family: "IBM Plex Mono", monospace; font-size: 9.5px; opacity: 0.5; margin-top: 5px}
.u56:not(#_){height: 1px; background: var(--color-divider); margin: 18px 0px 14px}
.u57:not(#_){display: grid; gap: 8px; margin-top: 11px}
.u58:not(#_){display: flex; align-items: center; gap: 12px; padding: 10px 12px; border-radius: var(--radius-md); background: var(--color-surface); transition: transform 0.25s}
.u59:not(#_){font-size: 12.5px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap}
.u60:not(#_){margin-left: auto; font-size: 11px; font-weight: 600; border-radius: 999px; padding: 3px 10px; white-space: nowrap; background: var(--color-accent-100); color: var(--color-accent-800)}
.u61:not(#_){margin-left: auto; font-size: 11px; font-weight: 600; border-radius: 999px; padding: 3px 10px; white-space: nowrap; background: var(--color-accent-2-200); color: var(--color-accent-2-800)}
.u62:not(#_){margin-left: auto; font-size: 11px; font-weight: 600; border-radius: 999px; padding: 3px 10px; white-space: nowrap; background: var(--color-neutral-200); color: var(--color-neutral-800)}
.u63:not(#_){position: absolute; inset: 0px; border-radius: calc(var(--radius-lg) * 1.3); box-shadow: var(--shadow-lg); background: var(--color-bg); border: 1px solid var(--color-divider); padding: 22px; transition: opacity 0.5s, transform 0.5s cubic-bezier(0.22, 0.9, 0.28, 1); opacity: 0; transform: translateY(-18px) scale(0.97); pointer-events: none; z-index: 1}
.u64:not(#_){display: flex; align-items: center; gap: 10px; padding: 12px; border-radius: var(--radius-md); background: var(--color-surface); transition: transform 0.25s, box-shadow 0.25s}
.u65:not(#_){width: 22px; height: 22px; display: block; flex: 0 0 auto; background-image: url("assets/icon-instagram.svg"); background-size: cover; background-position: center center}
.u66:not(#_){font-size: 12.5px; font-weight: 600; overflow: hidden; text-overflow: ellipsis; white-space: nowrap}
.u67:not(#_){width: 22px; height: 22px; display: block; flex: 0 0 auto; background-image: url("assets/icon-meta.svg"); background-size: cover; background-position: center center}
.u68:not(#_){width: 22px; height: 22px; display: block; flex: 0 0 auto; background-image: url("assets/icon-googleads.svg"); background-size: cover; background-position: center center}
.u69:not(#_){width: 22px; height: 22px; display: block; flex: 0 0 auto; background-image: url("assets/icon-whatsapp.svg"); background-size: cover; background-position: center center}
.u70:not(#_){width: 22px; height: 22px; display: block; flex: 0 0 auto; background-image: url("assets/icon-youtube.svg"); background-size: cover; background-position: center center}
.u71:not(#_){width: 22px; height: 22px; display: block; flex: 0 0 auto; background-image: url("assets/icon-googlemaps.svg"); background-size: cover; background-position: center center}
.u72:not(#_){display: flex; align-items: center; gap: 10px; font-size: 12.5px; padding: 10px 12px; border-radius: var(--radius-md); background: var(--color-surface)}
.u73:not(#_){width: 7px; height: 7px; border-radius: 50%; background: var(--color-accent); flex: 0 0 auto}
.u74:not(#_){display: flex; align-items: center; gap: 10px; font-size: 12.5px; padding: 10px 12px; border-radius: var(--radius-md); background: var(--color-accent-100)}
.u75:not(#_){position: absolute; left: -6px; bottom: -42px; display: flex; gap: 0px; z-index: 7}
.u76:not(#_){border: 0px; cursor: pointer; padding: 8px; box-sizing: content-box; height: 8px; width: 26px; border-radius: 999px; background: var(--color-accent); transition: width 0.3s, background 0.3s; background-clip: content-box}
.u77:not(#_){border: 0px; cursor: pointer; padding: 8px; box-sizing: content-box; height: 8px; width: 8px; border-radius: 999px; background: color-mix(in srgb, var(--color-text) 20%, transparent); transition: width 0.3s, background 0.3s; background-clip: content-box}
.u78:not(#_){--c: #ff6600; --ct: #ffe7d6}
.u79:not(#_){--c: #1b3bd8; --ct: #dde3ff}
.u80:not(#_){--c: #0e9488; --ct: #cbeae5}
.u81:not(#_){--c: #7c3aed; --ct: #eaddff}
.u82:not(#_){display: flex; width: max-content; animation: 34s linear 0s infinite normal none running bm-marquee}
.u83:not(#_){width: 206px; height: 64px; display: flex; align-items: center; justify-content: center; gap: 11px; border-radius: 999px; background: var(--color-surface); transition: transform 0.25s, box-shadow 0.25s}
.u84:not(#_){width: 24px; height: 24px; display: block; flex: 0 0 auto; background-image: url("assets/icon-meta.svg"); background-size: cover; background-position: center center}
.u85:not(#_){font-size: 13.5px; font-weight: 600; white-space: nowrap}
.u86:not(#_){width: 24px; height: 24px; display: block; flex: 0 0 auto; background-image: url("assets/icon-googleads.svg"); background-size: cover; background-position: center center}
.u87:not(#_){width: 24px; height: 24px; display: block; flex: 0 0 auto; background-image: url("assets/icon-instagram.svg"); background-size: cover; background-position: center center}
.u88:not(#_){width: 24px; height: 24px; display: block; flex: 0 0 auto; background-image: url("assets/icon-youtube.svg"); background-size: cover; background-position: center center}
.u89:not(#_){width: 24px; height: 24px; display: block; flex: 0 0 auto; background-image: url("assets/icon-whatsapp.svg"); background-size: cover; background-position: center center}
.u90:not(#_){width: 24px; height: 24px; display: block; flex: 0 0 auto; background-image: url("assets/icon-googlemaps.svg"); background-size: cover; background-position: center center}
.u91:not(#_){width: 24px; height: 24px; display: block; flex: 0 0 auto; background-image: url("assets/icon-googleanalytics.svg"); background-size: cover; background-position: center center}
.u92:not(#_){width: 24px; height: 24px; display: block; flex: 0 0 auto; background-image: url("assets/icon-shopify.svg"); background-size: cover; background-position: center center}
.u93:not(#_){width: 24px; height: 24px; display: block; flex: 0 0 auto; background-image: url("assets/icon-hubspot.svg"); background-size: cover; background-position: center center}
.u94:not(#_){width: 206px; height: 64px; display: flex; align-items: center; justify-content: center; gap: 11px; border-radius: 999px; background: var(--color-surface)}
.u95:not(#_){font-size: 44px; margin: 16px 0px 0px; line-height: 1.05}
.u96:not(#_){margin-top: 24px; padding: 12px 26px}
.u97:not(#_){position: absolute; inset: 0px; background: linear-gradient(rgba(17, 18, 20, 0.18) 0%, rgba(58, 15, 92, 0.72) 46%, rgba(43, 10, 70, 0.95) 100%)}
.u98:not(#_){position: absolute; left: 18px; top: 18px; display: flex; gap: 7px}
.u99:not(#_){width: 34px; height: 34px; border-radius: 50%; background: rgb(255, 255, 255); display: grid; place-items: center; box-shadow: var(--shadow-sm)}
.u100:not(#_){width: 17px; height: 17px; display: block; background-image: url("assets/icon-instagram.svg"); background-size: cover; background-position: center center}
.u101:not(#_){width: 17px; height: 17px; display: block; background-image: url("assets/icon-meta.svg"); background-size: cover; background-position: center center}
.u102:not(#_){width: 17px; height: 17px; display: block; background-image: url("assets/icon-youtube.svg"); background-size: cover; background-position: center center}
.u103:not(#_){margin: 0px; font-size: 27px; color: rgb(255, 255, 255); line-height: 1.08}
.u104:not(#_){margin: 0px; font-size: 14px; line-height: 1.55; color: rgba(255, 255, 255, 0.86)}
.u105:not(#_){list-style: none; margin: 2px 0px 0px; padding: 0px; display: grid; gap: 7px; font-size: 13px; color: rgba(255, 255, 255, 0.88)}
.u106:not(#_){display: flex; gap: 9px; align-items: flex-start}
.u107:not(#_){flex: 0 0 auto; color: rgb(255, 255, 255)}
.u108:not(#_){margin-top: 8px; display: flex; align-items: center; justify-content: space-between; gap: 10px; background: var(--bm-plum); color: rgb(255, 255, 255); border-radius: 999px; padding: 12px 18px; font-weight: 700; font-size: 12.5px; letter-spacing: 0.06em; text-transform: uppercase; transition: filter 0.25s}
.u109:not(#_){position: absolute; inset: 0px; background: linear-gradient(rgba(17, 18, 20, 0.18) 0%, rgba(10, 25, 120, 0.72) 46%, rgba(6, 16, 84, 0.95) 100%)}
.u110:not(#_){width: 17px; height: 17px; display: block; background-image: url("assets/icon-googleads.svg"); background-size: cover; background-position: center center}
.u111:not(#_){width: 17px; height: 17px; display: block; background-image: url("assets/icon-googleanalytics.svg"); background-size: cover; background-position: center center}
.u112:not(#_){margin-top: 8px; display: flex; align-items: center; justify-content: space-between; gap: 10px; background: var(--color-accent-2); color: rgb(255, 255, 255); border-radius: 999px; padding: 12px 18px; font-weight: 700; font-size: 12.5px; letter-spacing: 0.06em; text-transform: uppercase; transition: filter 0.25s}
.u113:not(#_){position: absolute; inset: 0px; background: linear-gradient(rgba(17, 18, 20, 0.18) 0%, rgba(120, 45, 0, 0.74) 46%, rgba(80, 28, 0, 0.95) 100%)}
.u114:not(#_){width: 17px; height: 17px; display: block; background-image: url("assets/icon-whatsapp.svg"); background-size: cover; background-position: center center}
.u115:not(#_){width: 17px; height: 17px; display: block; background-image: url("assets/icon-shopify.svg"); background-size: cover; background-position: center center}
.u116:not(#_){width: 17px; height: 17px; display: block; background-image: url("assets/icon-hubspot.svg"); background-size: cover; background-position: center center}
.u117:not(#_){margin-top: 8px; display: flex; align-items: center; justify-content: space-between; gap: 10px; background: var(--color-accent); color: #0B0B0B; border-radius: 999px; padding: 12px 18px; font-weight: 700; font-size: 12.5px; letter-spacing: 0.06em; text-transform: uppercase; transition: filter 0.25s}
.u118:not(#_){width: 100%; height: 240px}
.u119:not(#_){width: 100%; height: 100%; object-fit: cover; display: block; transition: transform 0.6s cubic-bezier(0.22, 0.9, 0.28, 1)}
.u120:not(#_){position: absolute; inset: 0px; background: linear-gradient(rgba(17, 18, 20, 0.06), rgba(255, 102, 0, 0.26))}
.u121:not(#_){padding: var(--space-6)}
.u122:not(#_){width: 100%; height: 170px}
.u123:not(#_){font-size: 28px; margin: 0px}
.u124:not(#_){font-size: 14.5px; flex: 0 0 auto}
.u125:not(#_){list-style: none; margin: 2px 0px 0px; padding: 0px; display: grid; gap: 9px; font-size: 13.5px}
.u126:not(#_){flex: 0 0 auto; color: var(--color-accent-700)}
.u127:not(#_){font-family: var(--font-heading); font-size: 26px; line-height: 1; color: var(--color-accent-700)}
.u128:not(#_){font-size: 11.5px; opacity: 0.6}
.u129:not(#_){font-family: var(--font-heading); font-size: 26px; line-height: 1}
.u130:not(#_){align-self: flex-start; margin-top: 8px}
.u131:not(#_){padding: var(--space-6); background: var(--color-accent-100)}
.u132:not(#_){position: absolute; inset: 0px; background: linear-gradient(rgba(17, 18, 20, 0.06), rgba(27, 59, 216, 0.3))}
.u133:not(#_){background: var(--bm-ink); color: rgb(255, 255, 255); margin-top: 32px}
.u134:not(#_){display: flex; align-items: center; gap: 26px; flex-wrap: wrap}
.u135:not(#_){width: 132px; height: 132px; border-radius: 50%; display: block; box-shadow: rgba(0, 0, 0, 0.45) 0px 18px 44px}
.u136:not(#_){max-width: 66ch; font-size: 16.5px; line-height: 1.65; margin-top: 20px; color: rgba(255, 255, 255, 0.72)}
.u137:not(#_){position: absolute; left: 0px; right: 0px; top: 26px; height: 3px; background: linear-gradient(90deg, rgba(255,255,255,.16), var(--color-accent))}
.u138:not(#_){display: flex; flex-direction: column; gap: 14px; transition: transform 0.3s}
.u139:not(#_){width: 56px; height: 56px; border-radius: 50%; background: rgba(255, 255, 255, 0.14); color: rgb(255, 255, 255); display: grid; place-items: center; font-family: var(--font-heading); font-weight: 800; font-size: 18px; box-shadow: 0 0 0 6px var(--bm-ink)}
.u140:not(#_){background: rgba(255, 255, 255, 0.06); border-radius: var(--radius-lg); padding: 22px 20px 24px; min-height: 200px; display: flex; flex-direction: column; gap: 10px}
.u141:not(#_){margin: 0px; font-size: 23px; color: rgb(255, 255, 255)}
.u142:not(#_){margin: 0px; font-size: 14px; line-height: 1.55; color: rgba(255, 255, 255, 0.7)}
.u143:not(#_){margin-top: auto; font-weight: 700; font-size: 13px; color: rgba(255, 255, 255, 0.55)}
.u144:not(#_){width: 56px; height: 56px; border-radius: 50%; background: var(--bm-teal); color: rgb(255, 255, 255); display: grid; place-items: center; font-family: var(--font-heading); font-weight: 800; font-size: 18px; box-shadow: 0 0 0 6px var(--bm-ink)}
.u145:not(#_){background: var(--bm-teal); border-radius: var(--radius-lg); padding: 22px 20px 24px; min-height: 200px; display: flex; flex-direction: column; gap: 10px}
.u146:not(#_){margin: 0px; font-size: 14px; line-height: 1.55; color: rgba(255, 255, 255, 0.82)}
.u147:not(#_){margin-top: auto; font-weight: 700; font-size: 13px; color: rgb(255, 255, 255)}
.u148:not(#_){width: 56px; height: 56px; border-radius: 50%; background: var(--bm-amber); color: rgb(17, 18, 20); display: grid; place-items: center; font-family: var(--font-heading); font-weight: 800; font-size: 18px; box-shadow: 0 0 0 6px var(--bm-ink)}
.u149:not(#_){background: var(--bm-amber); border-radius: var(--radius-lg); padding: 22px 20px 24px; min-height: 200px; display: flex; flex-direction: column; gap: 10px}
.u150:not(#_){margin: 0px; font-size: 23px; color: rgb(17, 18, 20)}
.u151:not(#_){margin: 0px; font-size: 14px; line-height: 1.55; color: rgba(17, 18, 20, 0.78)}
.u152:not(#_){margin-top: auto; font-weight: 700; font-size: 13px; color: rgb(17, 18, 20)}
.u153:not(#_){width: 56px; height: 56px; border-radius: 50%; background: var(--color-accent); color: #0B0B0B; display: grid; place-items: center; font-family: var(--font-heading); font-weight: 800; font-size: 18px; box-shadow: 0 0 0 6px var(--bm-ink)}
.u154:not(#_){background: var(--color-accent); border-radius: var(--radius-lg); padding: 22px 20px 24px; min-height: 200px; display: flex; flex-direction: column; gap: 10px}
.u155:not(#_){margin: 0px; font-size: 14px; line-height: 1.55; color: rgba(255, 255, 255, 0.88)}
.u156:not(#_){display: flex; align-items: flex-end; justify-content: space-between; gap: 24px; flex-wrap: wrap; margin-top: 14px}
.u157:not(#_){white-space: nowrap}
.u158:not(#_){margin-top: 34px; display: grid; gap: 16px; overflow: hidden; mask-image: linear-gradient(90deg, transparent, rgb(0, 0, 0) 5%, rgb(0, 0, 0) 95%, transparent)}
.u159:not(#_){gap: 16px}
.u160:not(#_){display: flex; gap: 16px; padding-right: 16px}
.u161:not(#_){width: 280px; flex: 0 0 auto; border-radius: 18px; background: var(--bm-amber-100); border: 1px solid var(--color-divider); padding: 20px; display: flex; flex-direction: column; gap: 8px; transition: transform 0.3s, box-shadow 0.3s}
.u162:not(#_){display: flex; align-items: center; gap: 10px}
.u163:not(#_){width: 52px; height: 52px; flex: 0 0 auto; border-radius: 12px; background: rgb(255, 255, 255); border: 1px solid var(--color-divider); display: grid; place-items: center; padding: 6px; box-sizing: border-box}
.u164:not(#_){width: 100%; height: 100%; object-fit: contain}
.u165:not(#_){font-family: var(--font-heading); font-weight: 800; font-size: 17px; letter-spacing: -0.02em; line-height: 1.15}
.u166:not(#_){font-size: 12.5px; color: color-mix(in srgb, var(--color-text) 62%, transparent)}
.u167:not(#_){margin-top: 2px; display: inline-flex; align-self: flex-start; align-items: center; gap: 7px; background: var(--color-accent); color: #0B0B0B; border-radius: 999px; padding: 5px 11px; font-weight: 700; font-size: 11px; letter-spacing: 0.04em}
.u168:not(#_){width: 280px; flex: 0 0 auto; border-radius: 18px; background: var(--bm-teal-100); border: 1px solid var(--color-divider); padding: 20px; display: flex; flex-direction: column; gap: 8px; transition: transform 0.3s, box-shadow 0.3s}
.u169:not(#_){margin-top: 2px; display: inline-flex; align-self: flex-start; align-items: center; gap: 7px; background: rgba(17, 18, 20, 0.07); color: var(--bm-ink); border-radius: 999px; padding: 5px 11px; font-weight: 700; font-size: 11px; letter-spacing: 0.04em}
.u170:not(#_){width: 280px; flex: 0 0 auto; border-radius: 18px; background: var(--bm-plum-100); border: 1px solid var(--color-divider); padding: 20px; display: flex; flex-direction: column; gap: 8px; transition: transform 0.3s, box-shadow 0.3s}
.u171:not(#_){width: 280px; flex: 0 0 auto; border-radius: 18px; background: var(--color-surface); border: 1px solid var(--color-divider); padding: 20px; display: flex; flex-direction: column; gap: 8px; transition: transform 0.3s, box-shadow 0.3s}
.u172:not(#_){width: 280px; flex: 0 0 auto; border-radius: 18px; background: var(--color-accent-2-100); border: 1px solid var(--color-divider); padding: 20px; display: flex; flex-direction: column; gap: 8px; transition: transform 0.3s, box-shadow 0.3s}
.u173:not(#_){display: inline-flex; align-items: center; gap: 10px; background: var(--color-accent); color: #0B0B0B; border-radius: 999px; padding: 13px 22px; font-weight: 700; font-size: 14px}
.u174:not(#_){background: var(--color-surface); margin-top: 24px}
.u175:not(#_){width: 26%}
.u176:not(#_){color: var(--color-accent-700)}
.u177:not(#_){font-weight: 600}
.u178:not(#_){background: var(--color-accent-100)}
.u179:not(#_){display: inline-block; width: 8px; height: 8px; border-radius: 50%; margin-right: 8px; background: var(--color-accent-2)}
.u180:not(#_){display: inline-block; width: 8px; height: 8px; border-radius: 50%; margin-right: 8px; background: var(--color-accent-400)}
.u181:not(#_){display: inline-block; width: 8px; height: 8px; border-radius: 50%; margin-right: 8px; background: var(--color-neutral-400)}
.u182:not(#_){display: flex; align-items: flex-end; justify-content: space-between; gap: 24px; flex-wrap: wrap}
.u183:not(#_){--pc: var(--bm-teal); --pct: var(--bm-teal-100)}
.u184:not(#_){--pc: var(--color-accent); --pct: var(--color-accent-100)}
.u185:not(#_){--pc: var(--bm-plum); --pct: var(--bm-plum-100)}
.u186:not(#_){--pc: var(--color-accent-2); --pct: var(--color-accent-2-100)}
.u187:not(#_){margin-top: 18px; font-size: 12.5px; color: color-mix(in srgb, var(--color-text) 55%, transparent)}
.u188:not(#_){background: var(--color-surface)}
.u189:not(#_){display: flex; align-items: center; justify-content: space-between; gap: 20px; flex-wrap: wrap}
.u190:not(#_){margin-top: 28px}
.u191:not(#_){background: var(--color-accent-100); padding: var(--space-6)}
.u192:not(#_){font-size: 26px; margin: 0px}
.u193:not(#_){font-size: 14px; flex: 0 0 auto}
.u194:not(#_){margin-top: 6px}
.u195:not(#_){display: flex; align-items: baseline; justify-content: space-between}
.u196:not(#_){font-size: 14px; white-space: nowrap}
.u197:not(#_){display: grid; gap: 14px; margin-top: 18px}
.u198:not(#_){width: 96px; height: 68px; flex: 0 0 auto; border-radius: var(--radius-md); overflow: hidden; background-image: url("https://res.cloudinary.com/og6uf2ic/image/upload/c_limit,w_400,f_auto,q_auto/v1790232513/brand-marketian/site/bm-07-paid"); background-position: center center; background-size: cover; background-repeat: ; background-attachment: ; background-origin: ; background-clip: ; background-color: }
.u199:not(#_){font-size: 10px}
.u200:not(#_){font-family: var(--font-heading); font-size: 18px; margin-top: 7px}
.u201:not(#_){margin-left: auto; font-size: 12px; opacity: 0.55; white-space: nowrap}
.u202:not(#_){width: 96px; height: 68px; flex: 0 0 auto; border-radius: var(--radius-md); overflow: hidden; background-image: url("https://res.cloudinary.com/og6uf2ic/image/upload/c_limit,w_400,f_auto,q_auto/v1790232514/brand-marketian/site/bm-08-benchmark"); background-position: center center; background-size: cover; background-repeat: ; background-attachment: ; background-origin: ; background-clip: ; background-color: }
.u203:not(#_){width: 96px; height: 68px; flex: 0 0 auto; border-radius: var(--radius-md); overflow: hidden; background-image: url("https://res.cloudinary.com/og6uf2ic/image/upload/c_limit,w_400,f_auto,q_auto/v1790232803/brand-marketian/site/bm-04-creators"); background-position: center center; background-size: cover; background-repeat: ; background-attachment: ; background-origin: ; background-clip: ; background-color: }
.u204:not(#_){max-width: 880px; margin: 0px auto; padding: 24px 32px 72px}
.u205:not(#_){font-size: 38px; line-height: 1.1; margin: 0px 0px 14px}
.u206:not(#_){font-size: 17px; line-height: 1.65; margin: 0px 0px 22px; max-width: 62ch}
.u207:not(#_){background: var(--color-neutral-900); color: var(--color-neutral-200)}
.u208:not(#_){width: 82px; height: 82px; border-radius: 50%; display: block; margin-bottom: 20px}
.u209:not(#_){font-size: 42px; margin: 0px 0px 12px; color: var(--color-neutral-100); max-width: 16ch}
.u210:not(#_){display: grid; gap: 8px; margin-top: 26px; font-size: 14.5px}
.u211:not(#_){color: var(--color-accent-300)}
.u212:not(#_){display: flex; gap: 12px; margin-top: 22px; flex-wrap: wrap}
.u213:not(#_){display: inline-flex; align-items: center; gap: 10px; padding: 11px 18px; border-radius: 999px; background: var(--color-accent); color: #0B0B0B; font-size: 14px; font-weight: 600}
.u214:not(#_){display: inline-flex; align-items: center; gap: 10px; padding: 11px 18px; border-radius: 999px; border: 1px solid var(--color-neutral-700); color: var(--color-neutral-100); font-size: 14px}
.u215:not(#_){background: var(--color-neutral-800); border-radius: calc(var(--radius-lg) * 1.2); padding: var(--space-6)}
.u216:not(#_){color: var(--color-neutral-300)}
.u217:not(#_){background: var(--color-neutral-900); color: var(--color-neutral-100); border-color: var(--color-neutral-700)}
.u218:not(#_){grid-column: 1 / -1}
.u219:not(#_){margin-top: 14px}
.u220:not(#_){font-family: "IBM Plex Mono", ui-monospace, monospace; font-size: 11px; letter-spacing: 0.08em; text-transform: uppercase; color: var(--color-neutral-400); margin-bottom: 6px}
.u221:not(#_){color: inherit; display: block}
.u222:not(#_){display:block;color:var(--color-accent-300);font-weight:600}
.u223:not(#_){display: block}
.u224:not(#_){display:flex;gap:10px;margin-top:10px}
.u225:not(#_){color: inherit}