[data-surface=marketing]{--background:#06080c;--panel-bg:#0b0f16;--sidebar-bg:#080b11;--muted:#10151e;--foreground:#f4f7fa;--muted-foreground:#9aa8b6;--border:#1b2330;--hover:#141b26;--accent:#4fb8cc;--accent-light:#0d2830;--accent-foreground:#04161b;--m-card:#ffffff09;--m-card-strong:#ffffff0f;--m-card-border:#ffffff17;--m-card-border-strong:#ffffff29;--m-radius:22px;--m-teal:#4aa8ba;--m-navy:#5b8fc4;--m-plum:#a685b5;--m-amber:#d4924a;--m-tint:79, 184, 204;color:var(--foreground);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background-color:var(--background);background-image:radial-gradient(58rem 34rem at 12% -6%,#4aa8ba33,#0000 62%),radial-gradient(48rem 30rem at 92% 4%,#5b8fc429,#0000 60%),radial-gradient(46rem 32rem at 78% 62%,#a685b51a,#0000 62%),radial-gradient(40rem 28rem at 8% 96%,#d4924a14,#0000 62%);background-position:top;background-repeat:no-repeat;background-size:100% min(160vh,1600px);overflow-x:clip}[data-surface=marketing] [data-mod=commerce],[data-surface=marketing] [data-mod=storeHealth]{--accent:#4aa8ba;--accent-light:#0d272e;--m-tint:74, 168, 186}[data-surface=marketing] [data-mod=invoicing]{--accent:#5b8fc4;--accent-light:#0f2238;--m-tint:91, 143, 196}[data-surface=marketing] [data-mod=team]{--accent:#a685b5;--accent-light:#241a2a;--m-tint:166, 133, 181}[data-surface=marketing] [data-mod=projects]{--accent:#d4924a;--accent-light:#2e1f0a;--m-tint:212, 146, 74}.m-display{letter-spacing:-.035em;font-size:clamp(2.25rem,1.35rem + 3.9vw,4.4rem);font-weight:700;line-height:1.02}.m-h2{letter-spacing:-.028em;font-size:clamp(1.75rem,1.25rem + 2.1vw,2.85rem);font-weight:700;line-height:1.08}.m-h3{letter-spacing:-.02em;font-size:clamp(1.2rem,1.05rem + .7vw,1.6rem);font-weight:600;line-height:1.2}.m-lead{font-size:clamp(1.02rem,.96rem + .36vw,1.24rem);line-height:1.6}.m-grad{background:linear-gradient(100deg, var(--m-teal), var(--m-navy) 42%, var(--m-plum) 78%, var(--m-amber));color:#0000;-webkit-background-clip:text;background-clip:text}.m-rule{background:linear-gradient(90deg, rgba(var(--m-tint), .55), transparent 70%);height:1px}.m-card{background:var(--m-card);border:1px solid var(--m-card-border);border-radius:var(--m-radius);-webkit-backdrop-filter:blur(10px)}.m-card-hover{transition-property:background-color,border-color,color,fill,stroke,box-shadow;transition-duration:.22s}@media (hover:hover){.m-card-hover:hover{background:var(--m-card-strong);border-color:var(--m-card-border-strong);box-shadow:0 18px 60px -28px rgba(var(--m-tint), .55)}}.m-hair{background:linear-gradient(90deg, transparent, var(--m-card-border) 22%, var(--m-card-border) 78%, transparent);border:0;height:1px}.m-chip{background:rgba(var(--m-tint), .12);border:1px solid rgba(var(--m-tint), .28);color:var(--accent)}.m-halo{box-shadow:0 0 0 1px rgba(var(--m-tint), .3), 0 14px 44px -18px rgba(var(--m-tint), .75);background:rgba(var(--m-tint), .14);color:var(--accent)}.m-frame{border-radius:var(--m-radius);border:1px solid var(--m-card-border-strong);box-shadow:0 2px 0 0 #ffffff0d inset, 0 40px 90px -40px #000000e6, 0 0 0 1px rgba(var(--m-tint), .12);background:linear-gradient(#ffffff12,#ffffff05);flex-direction:column;display:flex;overflow:hidden}.m-frame-device{background:linear-gradient(#ffffff24,#ffffff0a);border-radius:30px;padding:6px}.m-frame-device>*{border-radius:24px;overflow:hidden}.m-shot-placeholder{background-color:#0a0f16;background-image:radial-gradient(70% 60% at 50% 0%, rgba(var(--m-tint), .16), transparent 70%), linear-gradient(#ffffff0b 1px, transparent 1px), linear-gradient(90deg, #ffffff0b 1px, transparent 1px);background-size:100% 100%,34px 34px,34px 34px}@media (prefers-reduced-motion:no-preference){[data-surface=marketing] .m-hero-glow{will-change:transform, opacity;animation:26s ease-in-out infinite alternate m-drift}[data-surface=marketing][data-reveal-armed=true] .m-reveal{opacity:0;transition:opacity .62s cubic-bezier(.22,1,.36,1),transform .62s cubic-bezier(.22,1,.36,1);transform:translateY(22px)}[data-surface=marketing][data-reveal-armed=true] .m-reveal.m-revealed{opacity:1;transform:none}@supports (animation-timeline:view()){[data-surface=marketing] .m-parallax{will-change:transform;animation:linear both m-parallax;animation-timeline:view();animation-range:entry exit}}}@keyframes m-reveal-in{0%{opacity:0;transform:translateY(22px)}to{opacity:1;transform:none}}@keyframes m-parallax{0%{transform:translateY(22px)}to{transform:translateY(-22px)}}@keyframes m-drift{0%{opacity:.85;transform:translate(-2%,-1%)scale(1)}to{opacity:1;transform:translate(3%,2%)scale(1.08)}}.m-tilt{transform-origin:50% 0;transform:perspective(1800px)rotateX(6deg)rotate(-.6deg)}@media (max-width:640px){.m-tilt{transform:none}}[data-surface=marketing] .m-inset-line{box-shadow:inset 0 1px #ffffff0f}[data-surface=marketing] ::selection{background:rgba(var(--m-tint), .35);color:#fff}[data-surface=marketing] summary{cursor:pointer;list-style:none}[data-surface=marketing] summary::-webkit-details-marker{display:none}