/* ============================================================
LASSO SELLERS · Homepage
Visual system matched to the existing case-study theme:
light canvas, white cards, restrained dark callouts.
============================================================ */
@font-face{font-family:"Helvetica Neue";font-weight:300;font-style:normal;font-display:swap;src:url("../fonts/helveticaneue-light.woff2") format("woff2");}
@font-face{font-family:"Helvetica Neue";font-weight:500;font-style:normal;font-display:swap;src:url("../fonts/helveticaneue-medium.woff2") format("woff2");}
@font-face{font-family:"Helvetica Neue";font-weight:700;font-style:normal;font-display:swap;src:url("../fonts/helveticaneue-bold.woff2") format("woff2");}
@font-face{font-family:"Helvetica Neue";font-weight:800;font-style:normal;font-display:swap;src:url("../fonts/helveticaneue-bold.woff2") format("woff2");}
body.lasso-sellers-home-mockup{
/* Brand */
--purple:#5E36CA;
--light-purple:#B09AE5;
--dark-purple:#40258A;
--deep-purple:#2A1658;
--green:#22BAA0;
--gold:#F2C94C;
/* Surfaces */
--canvas:#F7F7FC;
--white:#ffffff;
--black:#1A1B23;
--ink:#1A1B23;
--muted:#6b7280;
--muted-2:#9ca3af;
--line:rgba(94,54,202,.10);
--line-soft:rgba(0,0,0,.06);
--hairline:rgba(0,0,0,.08);
/* Gradients */
--purple-base:linear-gradient(125deg, #5a36c4 0%, #40258A 38%, #2a1658 100%);
--purple-shine:linear-gradient(155deg, rgba(255,255,255,.14) 0%, transparent 42%);
/* Type */
--font:"Helvetica Neue", Helvetica, Arial, sans-serif;
--mono:ui-monospace, "SF Mono", "JetBrains Mono", Menlo, monospace;
/* Layout */
--shell:1200px;
--pad:24px;
--radius:1.1rem; /* 17.6px */
--radius-lg:1.35rem; /* 21.6px */
--radius-xl:1.75rem; /* 28px */
/* Shadows */
--shadow-card:0 14px 50px rgba(44,35,79,.06);
--shadow-card-strong:0 22px 64px rgba(64,37,138,.18);
--shadow-dark-panel:0 22px 64px rgba(64,37,138,.48), 0 0 0 1px rgba(0,0,0,.06) inset, inset 0 1px 0 rgba(255,255,255,.12);
/* Section rhythm */
--section-pad:7rem;
--shadow-gutter:2rem;
--section-head-width:42rem;
}
body.lasso-sellers-home-mockup *{box-sizing:border-box;}
body.lasso-sellers-home-mockup{
font-family:var(--font);
font-weight:400;
background:var(--canvas);
color:var(--ink);
-webkit-font-smoothing:antialiased;
text-rendering:optimizeLegibility;
overflow-x:hidden;
}
body.lasso-sellers-home-mockup img:not(.sellers-home-trust-logo-image):not(.sellers-home-platform-logo-image){max-width:100%;display:block;}
body.lasso-sellers-home-mockup a{color:inherit;text-decoration:none;}
body.lasso-sellers-home-mockup button{font-family:inherit;}
body.lasso-sellers-home-mockup .shell{max-width:var(--shell);margin:0 auto;padding:0 var(--pad);position:relative;}
/* ============================================================
ATOMS
============================================================ */
body.lasso-sellers-home-mockup .kicker{
text-transform:uppercase;
letter-spacing:.12em;
font-size:.6875rem; /* 11px */
font-weight:800;
color:var(--purple);
margin:0 0 1rem;
display:inline-block;
}
body.lasso-sellers-home-mockup .kicker--quiet{color:var(--muted);}
body.lasso-sellers-home-mockup .kicker__dot{display:none;}
body.lasso-sellers-home-mockup .dot{width:7px;height:7px;border-radius:50%;display:inline-block;flex-shrink:0;}
body.lasso-sellers-home-mockup .dot--green{background:var(--green);}
body.lasso-sellers-home-mockup .dot--violet{background:var(--purple);}
body.lasso-sellers-home-mockup .dot--gold{background:var(--gold);}
body.lasso-sellers-home-mockup .chip{
display:inline-flex;align-items:center;gap:6px;
height:24px;padding:0 12px;
border-radius:999px;
font-size:.6875rem;font-weight:800;letter-spacing:.08em;
text-transform:uppercase;
background:color-mix(in srgb, var(--light-purple) 55%, #ffffff);
color:var(--dark-purple);
}
body.lasso-sellers-home-mockup .chip--gold{background:#FBEFCB;color:#7c5a00;}
body.lasso-sellers-home-mockup .chip--violet{background:var(--purple);color:#fff;}
body.lasso-sellers-home-mockup .chip--violet-soft{background:#EFE9FB;color:var(--dark-purple);}
body.lasso-sellers-home-mockup .chip--mono{background:#EFE9FB;color:var(--dark-purple);font-family:var(--font);}
body.lasso-sellers-home-mockup .chip--green{background:#D6F3EC;color:#0F6E5A;}
body.lasso-sellers-home-mockup .chip--dark{background:rgba(15,17,22,.78);color:#fff;border:1px solid rgba(255,255,255,.12);}
body.lasso-sellers-home-mockup .green{color:var(--green);}
body.lasso-sellers-home-mockup .gold{color:#7c5a00;}
body.lasso-sellers-home-mockup .muted{color:var(--muted);}
body.lasso-sellers-home-mockup .muted2{color:var(--muted);font-weight:400;}
body.lasso-sellers-home-mockup .small{font-size:.8125rem;}
body.lasso-sellers-home-mockup .mono{font-family:var(--mono);}
body.lasso-sellers-home-mockup .num, body.lasso-sellers-home-mockup .num-hl{font-family:var(--mono);font-feature-settings:"tnum","ss01";}
body.lasso-sellers-home-mockup .num-hl{color:var(--purple);}
/* Buttons (matching .btn green-bg / .btn dark-purple in theme) */
body.lasso-sellers-home-mockup .btn{
display:inline-flex;align-items:center;justify-content:center;gap:8px;
font-family:var(--font);font-weight:700;
height:48px;padding:0 22px;border-radius:.85rem;
font-size:.95rem;letter-spacing:.01em;
border:1px solid transparent;cursor:pointer;
transition:transform .15s ease, box-shadow .15s ease, background .15s ease;
white-space:nowrap;
box-shadow:0 6px 18px rgba(44,35,79,.08);
}
body.lasso-sellers-home-mockup .btn--primary{
background:var(--green);
color:#fff;
}
body.lasso-sellers-home-mockup .btn--primary:hover{transform:translateY(-2px);box-shadow:0 12px 28px rgba(34,186,160,.32);}
body.lasso-sellers-home-mockup .btn--ghost{background:transparent;color:var(--purple);border-color:rgba(94,54,202,.25);box-shadow:none;}
body.lasso-sellers-home-mockup .btn--ghost:hover{background:rgba(94,54,202,.06);}
body.lasso-sellers-home-mockup .btn--dark{background:var(--purple);color:#fff;}
body.lasso-sellers-home-mockup .btn--dark:hover{background:var(--dark-purple);transform:translateY(-2px);}
body.lasso-sellers-home-mockup .btn--lg{height:54px;padding:0 26px;font-size:1rem;}
body.lasso-sellers-home-mockup .btn__arrow{font-family:var(--mono);transform:translateY(-1px);}
/* ============================================================
NAV
============================================================ */
body.lasso-sellers-home-mockup .nav{
position:sticky;top:0;z-index:50;
background:rgba(247,247,252,.85);
backdrop-filter:blur(14px) saturate(160%);
-webkit-backdrop-filter:blur(14px) saturate(160%);
border-bottom:1px solid var(--line);
}
body.lasso-sellers-home-mockup .nav__inner{
display:flex;align-items:center;gap:24px;
height:68px;
}
body.lasso-sellers-home-mockup .nav__logo{display:flex;align-items:center;gap:10px;color:var(--ink);font-weight:800;flex-shrink:0;}
body.lasso-sellers-home-mockup .nav__mark{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:8px;background:rgba(94,54,202,.08);}
body.lasso-sellers-home-mockup .nav__wordmark{font-size:17px;letter-spacing:-.01em;white-space:nowrap;}
body.lasso-sellers-home-mockup .nav__wordmark-sub{font-weight:400;color:var(--muted);margin-left:6px;font-size:14px;}
body.lasso-sellers-home-mockup .nav__links{display:flex;gap:24px;margin-left:16px;}
body.lasso-sellers-home-mockup .nav__links a{font-size:.9375rem;color:var(--ink);font-weight:500;white-space:nowrap;}
body.lasso-sellers-home-mockup .nav__links a:hover{color:var(--purple);}
body.lasso-sellers-home-mockup .nav__cta{margin-left:auto;display:flex;align-items:center;gap:10px;}
body.lasso-sellers-home-mockup .nav__status{
display:none;
}
body.lasso-sellers-home-mockup .nav .btn{height:40px;font-size:.875rem;box-shadow:none;}
body.lasso-sellers-home-mockup .nav .btn--ghost{padding:0 14px;border-color:transparent;color:var(--ink);}
body.lasso-sellers-home-mockup .nav .btn--primary{padding:0 18px;}
/* ============================================================
HERO — light canvas, balanced copy + activity panel
============================================================ */
body.lasso-sellers-home-mockup .hero{
position:relative;
padding:7.5rem 0 calc(var(--section-pad) / 2 + var(--shadow-gutter));
background:
radial-gradient(60% 50% at 80% 0%, rgba(94,54,202,.07), transparent 60%),
radial-gradient(40% 40% at 0% 20%, rgba(176,154,229,.08), transparent 60%),
var(--canvas);
overflow:visible;
isolation:isolate;
}
body.lasso-sellers-home-mockup .hero__inner{
display:grid;
grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);
gap:3.5rem;
align-items:stretch;
padding:0 var(--pad);
max-width:var(--shell);
margin:0 auto;
}
body.lasso-sellers-home-mockup .eyebrow{
display:inline-flex;
align-items:center;
gap:10px;
padding:.5rem 1rem;
border-radius:999px;
background:var(--purple);
color:#fff;
font-size:.6875rem;
font-weight:800;
letter-spacing:.12em;
text-transform:uppercase;
margin-bottom:1rem;
}
body.lasso-sellers-home-mockup .eyebrow__dot{display:none;}
body.lasso-sellers-home-mockup .eyebrow__label{color:inherit;}
body.lasso-sellers-home-mockup .hero__title{
font-size:clamp(2.25rem, 4.2vw, 3.25rem);
line-height:1.08;
letter-spacing:-.025em;
font-weight:800;
color:var(--ink);
margin:0 0 1.25rem;
text-wrap:balance;
}
body.lasso-sellers-home-mockup .hero__title-line{
display:block;
}
body.lasso-sellers-home-mockup .hero__title-amount{
background:linear-gradient(102deg, var(--purple) 0%, #3a2670 42%, #1f6b5c 88%, var(--green) 100%);
-webkit-background-clip:text;
background-clip:text;
color:transparent;
-webkit-text-fill-color:transparent;
font-feature-settings:"tnum";
}
body.lasso-sellers-home-mockup .hero__lead{
font-size:1.0625rem;
line-height:1.55;
color:var(--muted);
max-width:28rem;
margin:0 0 1.75rem;
font-weight:500;
}
body.lasso-sellers-home-mockup .hero__actions{
display:flex;
gap:1rem;
margin-bottom:2rem;
flex-wrap:wrap;
}
body.lasso-sellers-home-mockup .hero__actions .btn--ghost{
font-weight:600;
border-color:rgba(94,54,202,.18);
box-shadow:none;
}
body.lasso-sellers-home-mockup .hero__proof{
list-style:none;
padding:1.25rem 0 0;
margin:0;
display:grid;
grid-template-columns:repeat(3,minmax(0,1fr));
gap:1.5rem;
border-top:1px solid var(--hairline);
max-width:none;
}
body.lasso-sellers-home-mockup .hero__proof li{
display:flex;
flex-direction:column;
gap:.2rem;
}
body.lasso-sellers-home-mockup .hero__proof strong{
font-family:var(--font);
font-size:1.5rem;
font-weight:800;
color:var(--ink);
letter-spacing:-.02em;
}
body.lasso-sellers-home-mockup .hero__proof span{
font-size:.75rem;
color:var(--muted);
font-weight:600;
}
/* Hero activity panel — dark gradient with scrolling live feed */
body.lasso-sellers-home-mockup .hero__viz--activity{
position:relative;
display:flex;
flex-direction:column;
height:0;
min-height:100%;
min-width:0;
margin-bottom:0.75rem;
padding:1.5rem 1.5rem 1.35rem;
border-radius:var(--radius-lg);
background:var(--purple-shine), var(--purple-base);
color:#fff;
border:1px solid rgba(255,255,255,.22);
box-shadow:var(--shadow-dark-panel);
overflow:hidden;
isolation:isolate;
}
body.lasso-sellers-home-mockup .hero__viz-label{
display:flex;
align-items:center;
gap:8px;
margin:0 0 1.35rem;
flex-shrink:0;
font-size:.6875rem;
font-weight:800;
letter-spacing:.14em;
text-transform:uppercase;
color:rgba(255,255,255,.88);
}
body.lasso-sellers-home-mockup .hero__viz-live{
display:inline-flex;
align-items:center;
}
body.lasso-sellers-home-mockup .hero__activity-viewport{
position:relative;
flex:1;
min-height:0;
overflow:hidden;
}
body.lasso-sellers-home-mockup .hero__activity-track{
display:flex;
flex-direction:column;
gap:.65rem;
width:100%;
min-height:0;
will-change:transform;
animation:hero-activity-scroll 28s linear infinite;
}
body.lasso-sellers-home-mockup .hero__activity-card{
flex-shrink:0;
padding:.875rem 1rem;
border:1px solid rgba(94,54,202,.14);
border-radius:.95rem;
background:#fff;
color:var(--ink);
box-shadow:none;
}
body.lasso-sellers-home-mockup .hero__activity-row{
display:flex;
align-items:center;
gap:10px;
}
body.lasso-sellers-home-mockup .hero__activity-row--body{
margin-top:.65rem;
align-items:flex-start;
}
body.lasso-sellers-home-mockup .hero__activity-row--head{
font-size:.6875rem;
justify-content:flex-start;
}
body.lasso-sellers-home-mockup .hero__activity-pulse{
width:7px;
height:7px;
border-radius:50%;
background:var(--green);
box-shadow:0 0 0 3px rgba(34,186,160,.18);
flex-shrink:0;
animation:hero-pulse 1.8s ease-in-out infinite;
}
body.lasso-sellers-home-mockup .hero__viz-live .hero__activity-pulse{
width:6px;
height:6px;
}
body.lasso-sellers-home-mockup .hero__activity-type{
font-weight:800;
letter-spacing:.1em;
text-transform:uppercase;
color:var(--purple);
}
body.lasso-sellers-home-mockup .hero__activity-time{
margin-left:auto;
font-size:.75rem;
color:var(--muted);
font-weight:600;
}
body.lasso-sellers-home-mockup .hero__activity-avatar{
width:36px;
height:36px;
border-radius:50%;
overflow:hidden;
flex-shrink:0;
border:2px solid var(--canvas);
}
body.lasso-sellers-home-mockup .hero__activity-avatar img{
width:100%;
height:100%;
object-fit:cover;
}
body.lasso-sellers-home-mockup .hero__activity-body{
flex:1;
min-width:0;
}
body.lasso-sellers-home-mockup .hero__activity-detail{
margin:0;
font-size:.8125rem;
color:var(--ink);
font-weight:600;
line-height:1.4;
}
body.lasso-sellers-home-mockup .hero__activity-detail.muted,
body.lasso-sellers-home-mockup .hero__activity-detail .muted{
color:var(--muted);
font-weight:500;
}
body.lasso-sellers-home-mockup .hero__activity-name{
margin:0;
font-weight:800;
font-size:.9375rem;
color:var(--ink);
line-height:1.3;
}
body.lasso-sellers-home-mockup .hero__activity-metric{
margin:.15rem 0 0;
display:flex;
align-items:baseline;
gap:8px;
font-size:.8125rem;
}
body.lasso-sellers-home-mockup .hero__activity-metric .num{
font-size:1rem;
font-weight:800;
color:var(--ink);
letter-spacing:-.01em;
}
body.lasso-sellers-home-mockup .hero__activity-metric .green{
color:#0F6E5A;
font-size:.75rem;
font-weight:700;
}
@keyframes hero-pulse{
0%,100%{opacity:1;transform:scale(1);box-shadow:0 0 0 3px rgba(34,186,160,.18);}
50%{opacity:.65;transform:scale(.92);box-shadow:0 0 0 6px rgba(34,186,160,.08);}
}
@keyframes hero-activity-scroll{
0%{transform:translateY(0);}
100%{transform:translateY(calc(-50% - 0.325rem));}
}
@media (prefers-reduced-motion:reduce){
body.lasso-sellers-home-mockup .hero__activity-track{
animation:none !important;
}
body.lasso-sellers-home-mockup .hero__activity-pulse{
animation:none !important;
}
}
/* Ticker (light variant) */
body.lasso-sellers-home-mockup .ticker{
margin-top:5rem;
border-top:1px solid var(--hairline);
border-bottom:1px solid var(--hairline);
background:#fff;
overflow:hidden;
}
body.lasso-sellers-home-mockup .ticker__inner{padding:1.15rem 0;mask-image:linear-gradient(90deg, transparent, #000 6%, #000 94%, transparent);}
body.lasso-sellers-home-mockup .ticker__track{display:flex;gap:24px;white-space:nowrap;animation:tick 60s linear infinite;font-size:.875rem;color:var(--ink);font-weight:500;}
body.lasso-sellers-home-mockup .ticker__item{display:inline-flex;align-items:center;gap:8px;}
body.lasso-sellers-home-mockup .ticker__item b{font-weight:800;color:var(--purple);}
body.lasso-sellers-home-mockup .ticker__sep{color:var(--muted-2);}
@keyframes tick{from{transform:translateX(0);}to{transform:translateX(-50%);}}
/* ============================================================
SECTION RHYTHM
============================================================ */
body.lasso-sellers-home-mockup .section-head{margin-bottom:3rem;}
body.lasso-sellers-home-mockup .section-head--center{text-align:center;max-width:var(--section-head-width);margin-left:auto;margin-right:auto;}
body.lasso-sellers-home-mockup .section-head h2{
font-size:clamp(2rem, 4vw, 3rem);
line-height:1.1;letter-spacing:-.025em;
font-weight:800;color:var(--ink);
margin:0 0 1rem;
text-wrap:balance;
max-width:var(--section-head-width);
margin-left:auto;
margin-right:auto;
}
body.lasso-sellers-home-mockup .section-head__lede{
font-size:1.125rem;line-height:1.6;
color:var(--muted);max-width:var(--section-head-width);
margin:0 auto;font-weight:500;
}
body.lasso-sellers-home-mockup .section{padding:var(--section-pad) 0;}
/* ============================================================
TRUST + SCALE
============================================================ */
body.lasso-sellers-home-mockup .trust{
padding:var(--section-pad) 0;
background:var(--canvas);
overflow:visible;
}
body.lasso-sellers-home-mockup .trust__grid{
display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);
gap:5rem;align-items:end;
margin-bottom:2.5rem;
}
body.lasso-sellers-home-mockup .sellers-home-trust-wrap{
text-align:center;
margin:0;
}
body.lasso-sellers-home-mockup .sellers-home-trust-label{
margin:0;
font-size:1.1rem;
font-weight:700;
letter-spacing:-.01em;
color:var(--ink);
}
body.lasso-sellers-home-mockup .sellers-home-trust-carousel{
width:100vw;
max-width:100vw;
margin-left:calc(50% - 50vw);
margin-top:1.25rem;
margin-bottom:0;
overflow:hidden;
padding:0.5rem 0 1.75rem;
}
body.lasso-sellers-home-mockup .sellers-home-trust-track{
display:flex;
align-items:center;
gap:3rem;
width:max-content;
animation:sellers-home-trust-scroll 75s linear infinite;
will-change:transform;
}
body.lasso-sellers-home-mockup .sellers-home-trust-logo-link{
display:inline-flex;
align-items:center;
justify-content:center;
flex:0 0 auto;
min-height:auto;
padding:0;
border:0;
border-radius:0;
background:transparent;
box-shadow:none;
text-decoration:none;
transition:transform 0.2s ease, opacity 0.2s ease;
}
body.lasso-sellers-home-mockup .sellers-home-trust-logo-image{
display:block;
width:auto;
max-width:none !important;
height:5rem;
opacity:0.75;
transition:opacity 0.15s ease, transform 0.2s ease;
}
body.lasso-sellers-home-mockup .sellers-home-trust-logo-link:hover,
body.lasso-sellers-home-mockup .sellers-home-trust-logo-link:focus-visible{
transform:translateY(-2px);
}
body.lasso-sellers-home-mockup .sellers-home-trust-logo-link:hover .sellers-home-trust-logo-image,
body.lasso-sellers-home-mockup .sellers-home-trust-logo-link:focus-visible .sellers-home-trust-logo-image{
opacity:1;
}
body.lasso-sellers-home-mockup .sellers-home-trust-logo-link:focus-visible{
outline:2px solid rgba(94,54,202,0.35);
outline-offset:2px;
}
@media (max-width:767px){
body.lasso-sellers-home-mockup .sellers-home-trust-track{
gap:2rem;
animation-duration:58s;
}
body.lasso-sellers-home-mockup .sellers-home-trust-logo-image{
height:3.5rem;
}
}
body.lasso-sellers-home-mockup .trust__copy h2{
font-size:clamp(1.85rem, 3.5vw, 2.65rem);
line-height:1.1;letter-spacing:-.025em;
font-weight:800;color:var(--ink);
margin:0 0 1.25rem;text-wrap:balance;
}
body.lasso-sellers-home-mockup .lede{font-size:1.0625rem;line-height:1.65;color:var(--muted);max-width:500px;margin:0;font-weight:500;}
body.lasso-sellers-home-mockup .trust__metrics{
display:grid;grid-template-columns:repeat(2,1fr);
gap:1rem;
}
body.lasso-sellers-home-mockup .metric{
position:relative;
padding:1.85rem 1.65rem;
border-radius:var(--radius-lg);
background:#fff;
border:1px solid var(--line);
box-shadow:var(--shadow-card);
}
body.lasso-sellers-home-mockup .metric::before{display:none;}
body.lasso-sellers-home-mockup .metric__num{
font-family:var(--font);
font-size:clamp(2.25rem, 3.5vw, 2.85rem);
font-weight:800;color:var(--ink);
letter-spacing:-.025em;line-height:1;
}
body.lasso-sellers-home-mockup .metric__lbl{font-size:.9375rem;color:var(--ink);margin-top:.65rem;font-weight:600;}
body.lasso-sellers-home-mockup .metric__delta{font-size:.8125rem;margin-top:.45rem;color:var(--muted);font-weight:600;}
body.lasso-sellers-home-mockup .metric__delta.green{color:#0F6E5A;}
body.lasso-sellers-home-mockup .trust__platforms{
margin-top:1.5rem;
display:flex;align-items:center;gap:2rem;
padding:1.25rem 1.75rem;
background:#fff;
border:1px solid var(--line);
border-radius:1rem;
box-shadow:var(--shadow-card);
}
body.lasso-sellers-home-mockup .trust__platforms-label{
font-size:.6875rem;color:var(--muted);
text-transform:uppercase;letter-spacing:.14em;font-weight:800;flex-shrink:0;
}
body.lasso-sellers-home-mockup .platforms-rail{
display:flex;
flex-wrap:wrap;
align-items:center;
gap:1.75rem 2.5rem;
flex:1;
}
body.lasso-sellers-home-mockup .sellers-home-platform-logo-link{
display:inline-flex;
align-items:center;
justify-content:center;
flex:0 0 auto;
padding:0;
border:0;
background:transparent;
box-shadow:none;
transition:transform 0.2s ease, opacity 0.2s ease;
}
body.lasso-sellers-home-mockup .sellers-home-platform-logo-image{
display:block;
width:auto;
max-width:none !important;
height:2.75rem;
opacity:0.85;
transition:opacity 0.15s ease, transform 0.2s ease;
}
body.lasso-sellers-home-mockup .sellers-home-platform-logo-link:hover,
body.lasso-sellers-home-mockup .sellers-home-platform-logo-link:focus-visible{
transform:translateY(-2px);
}
body.lasso-sellers-home-mockup .sellers-home-platform-logo-link:hover .sellers-home-platform-logo-image,
body.lasso-sellers-home-mockup .sellers-home-platform-logo-link:focus-visible .sellers-home-platform-logo-image{
opacity:1;
}
body.lasso-sellers-home-mockup .sellers-home-platform-logo-link:focus-visible{
outline:2px solid rgba(94,54,202,0.35);
outline-offset:2px;
}
/* ============================================================
CATEGORIES — light section, white cards
============================================================ */
body.lasso-sellers-home-mockup .cats{
position:relative;
padding:var(--section-pad) 0;
background:var(--canvas);
}
body.lasso-sellers-home-mockup .cats::before{display:none;}
body.lasso-sellers-home-mockup .cats__tabs{
display:flex;gap:.4rem;flex-wrap:wrap;
padding:.4rem;
background:#fff;
border:1px solid var(--line);
border-radius:.85rem;
width:max-content;max-width:100%;
box-shadow:var(--shadow-card);
}
body.lasso-sellers-home-mockup .cats__tab{
display:inline-flex;align-items:center;gap:8px;
height:40px;padding:0 14px;
border-radius:.65rem;
background:transparent;color:var(--muted);border:none;
font-weight:600;font-size:.875rem;cursor:pointer;
transition:all .15s;
white-space:nowrap;
}
body.lasso-sellers-home-mockup .cats__tab:hover{color:var(--ink);}
body.lasso-sellers-home-mockup .cats__tab.is-active{
background:rgba(94,54,202,.08);
color:var(--purple);
}
body.lasso-sellers-home-mockup .cats__tab-ic{display:inline-flex;align-items:center;justify-content:center;width:1.25rem;font-size:14px;color:var(--purple);}
body.lasso-sellers-home-mockup .cats__tab-ic i{display:block;line-height:1;}
body.lasso-sellers-home-mockup .cats__tab-count{font-size:.75rem;color:var(--muted);padding-left:10px;border-left:1px solid var(--hairline);font-weight:500;}
body.lasso-sellers-home-mockup .cats__tab.is-active .cats__tab-count{color:var(--purple);border-color:rgba(94,54,202,.2);}
body.lasso-sellers-home-mockup .cats__grid{
display:grid;grid-template-columns:repeat(3,1fr);gap:1.25rem;
margin-top:2rem;
}
body.lasso-sellers-home-mockup .cat-card{
position:relative;
padding:2rem 1.75rem;
border-radius:var(--radius-xl);
background:#fff;
border:1px solid var(--line);
box-shadow:var(--shadow-card);
transition:transform .2s, box-shadow .2s;
overflow:hidden;
}
body.lasso-sellers-home-mockup .cat-card:hover{
transform:translateY(-3px);
box-shadow:0 22px 60px rgba(44,35,79,.14);
}
body.lasso-sellers-home-mockup .cat-card__glow{display:none;}
body.lasso-sellers-home-mockup .cat-card--lead{
grid-column:span 2;
background:var(--purple-shine), var(--purple-base);
color:#fff;
border:1px solid rgba(255,255,255,.22);
box-shadow:var(--shadow-dark-panel);
}
body.lasso-sellers-home-mockup .cat-card__head{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;margin-bottom:1.25rem;}
body.lasso-sellers-home-mockup .cat-card__cat{display:flex;gap:.85rem;align-items:center;}
body.lasso-sellers-home-mockup .cat-card__ic{
width:44px;height:44px;border-radius:.65rem;
background:rgba(94,54,202,.08);
display:flex;align-items:center;justify-content:center;
font-size:18px;color:var(--purple);border:none;
flex-shrink:0;
}
body.lasso-sellers-home-mockup .cat-card__ic i{display:block;line-height:1;}
body.lasso-sellers-home-mockup .cat-card--lead .cat-card__ic{background:rgba(255,255,255,.16);color:#fff;}
body.lasso-sellers-home-mockup .cat-card__cat-name{font-size:1.125rem;font-weight:800;color:var(--ink);}
body.lasso-sellers-home-mockup .cat-card--lead .cat-card__cat-name{color:#fff;}
body.lasso-sellers-home-mockup .cat-card__cat-sub{font-size:.8125rem;color:var(--muted);font-weight:500;margin-top:.15rem;}
body.lasso-sellers-home-mockup .cat-card--lead .cat-card__cat-sub{color:rgba(255,255,255,.7);}
body.lasso-sellers-home-mockup .cat-card__hero{
padding:1rem 0 1.25rem;
border-bottom:1px solid var(--hairline);
margin-bottom:1.25rem;
}
body.lasso-sellers-home-mockup .cat-card--lead .cat-card__hero{border-color:rgba(255,255,255,.18);}
body.lasso-sellers-home-mockup .cat-card__hero-val{
font-size:clamp(2.25rem, 3.5vw, 2.75rem);
font-weight:800;color:var(--ink);
letter-spacing:-.025em;line-height:1;
display:flex;align-items:baseline;gap:.65rem;flex-wrap:wrap;
}
body.lasso-sellers-home-mockup .cat-card--lead .cat-card__hero-val{color:#fff;font-size:clamp(2.85rem, 5vw, 3.85rem);}
body.lasso-sellers-home-mockup .cat-card__hero-val .small{font-size:.875rem;font-weight:500;color:var(--muted);}
body.lasso-sellers-home-mockup .cat-card--lead .cat-card__hero-val .small{color:rgba(255,255,255,.7);}
body.lasso-sellers-home-mockup .cat-card__hero-sub{font-size:.875rem;color:var(--muted);font-weight:500;margin-top:.5rem;}
body.lasso-sellers-home-mockup .cat-card--lead .cat-card__hero-sub{color:rgba(255,255,255,.78);}
body.lasso-sellers-home-mockup .cat-card__stats{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem 1.5rem;}
body.lasso-sellers-home-mockup .cat-card--lead .cat-card__stats{grid-template-columns:repeat(4,1fr);}
body.lasso-sellers-home-mockup .cat-card__stats > div{display:flex;flex-direction:column;gap:.25rem;}
body.lasso-sellers-home-mockup .cat-card__stats .lbl{font-size:.6875rem;color:var(--muted);text-transform:uppercase;letter-spacing:.12em;font-weight:700;}
body.lasso-sellers-home-mockup .cat-card--lead .cat-card__stats .lbl{color:rgba(255,255,255,.7);}
body.lasso-sellers-home-mockup .cat-card__stats .val{font-size:1.125rem;font-weight:800;color:var(--ink);}
body.lasso-sellers-home-mockup .cat-card--lead .cat-card__stats .val{color:#fff;}
body.lasso-sellers-home-mockup .cat-card__stats .val.green{color:#0F6E5A;}
body.lasso-sellers-home-mockup .cat-card--lead .cat-card__stats .val.green{color:#7FE6CC;}
body.lasso-sellers-home-mockup .cat-card__stats .val.gold{color:#7c5a00;}
body.lasso-sellers-home-mockup .cat-card--lead .cat-card__stats .val.gold{color:var(--gold);}
body.lasso-sellers-home-mockup .cat-card__chart{margin-top:1.5rem;}
body.lasso-sellers-home-mockup .cat-card__chart svg{width:100%;height:60px;}
body.lasso-sellers-home-mockup .cat-card__chart-axis{display:flex;justify-content:space-between;font-size:.6875rem;color:rgba(255,255,255,.6);margin-top:.4rem;font-weight:600;}
body.lasso-sellers-home-mockup .cats__foot{
margin-top:2.5rem;text-align:center;
font-size:.8125rem;color:var(--muted);
display:flex;align-items:center;justify-content:center;gap:8px;
font-weight:600;
}
body.lasso-sellers-home-mockup .pulse{animation:none;}
/* ============================================================
FLOW — 5-step editorial, light cards
============================================================ */
body.lasso-sellers-home-mockup .flow{
padding:var(--section-pad) 0;
background:var(--canvas);
overflow:visible;
}
body.lasso-sellers-home-mockup .flow__steps{
list-style:none;padding:0;margin:0;
display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.25rem;
max-width:1080px;margin-inline:auto;
position:relative;align-items:stretch;
}
body.lasso-sellers-home-mockup .flow__step{
position:relative;
background:#fff;
border:1px solid var(--line);
border-radius:var(--radius-xl);
padding:2rem 1.5rem 1.75rem;
box-shadow:var(--shadow-card);
display:flex;flex-direction:column;gap:.85rem;
transition:transform .2s, box-shadow .2s;
overflow:visible;
}
body.lasso-sellers-home-mockup .flow__step:hover{transform:translateY(-3px);box-shadow:0 22px 60px rgba(44,35,79,.12);}
body.lasso-sellers-home-mockup .flow__step-head{
display:flex;align-items:center;gap:.65rem;
}
body.lasso-sellers-home-mockup .flow__step-head > i,
body.lasso-sellers-home-mockup .flow__step-icon{
display:none !important;
}
body.lasso-sellers-home-mockup .flow__step-num{
flex-shrink:0;
display:inline-flex;align-items:center;justify-content:center;
width:36px;height:36px;border-radius:50%;
background:linear-gradient(145deg, rgba(94,54,202,.14) 0%, rgba(94,54,202,.06) 100%);
font-family:var(--font);font-size:.8125rem;font-weight:800;color:var(--purple);letter-spacing:-.01em;
box-shadow:inset 0 0 0 1px rgba(94,54,202,.12);
}
body.lasso-sellers-home-mockup .flow__step-title{
flex:1;min-width:0;
font-size:1.125rem;font-weight:800;color:var(--ink);margin:0;
letter-spacing:-.01em;line-height:1.25;
}
body.lasso-sellers-home-mockup .flow__step-body{font-size:.875rem;color:var(--muted);line-height:1.55;margin:0;font-weight:500;flex:1;min-height:3.25rem;}
body.lasso-sellers-home-mockup .flow__step-asset{
margin-top:auto;padding-top:1.1rem;border-top:1px solid var(--hairline);
display:flex;flex-wrap:wrap;gap:.5rem;align-items:center;min-height:72px;
}
body.lasso-sellers-home-mockup .flow__step-asset--brand{gap:1rem;}
body.lasso-sellers-home-mockup .flow__step-asset--brand img{height:18px;opacity:.7;filter:brightness(0) saturate(100%);}
body.lasso-sellers-home-mockup .flow__step-pill{
display:inline-flex;align-items:center;
padding:.35rem .7rem;
font-size:.6875rem;color:var(--dark-purple);font-weight:700;
background:rgba(94,54,202,.08);
border:1px solid rgba(94,54,202,.12);
border-radius:999px;
letter-spacing:.04em;
text-transform:uppercase;
}
body.lasso-sellers-home-mockup .flow__step-asset--placements{align-content:flex-start;gap:.45rem;}
body.lasso-sellers-home-mockup .flow__step-asset--creators{
flex-direction:column;align-items:flex-start;justify-content:center;gap:.65rem;
}
body.lasso-sellers-home-mockup .flow__creators-stack{display:flex;align-items:center;padding-left:2px;}
body.lasso-sellers-home-mockup .flow__step-asset--creators .ava{width:34px;height:34px;border-color:#fff;border-width:2px;}
body.lasso-sellers-home-mockup .flow__creators-meta{
font-size:.6875rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;
color:var(--muted);
}
body.lasso-sellers-home-mockup .flow__step-asset--verified{
flex-direction:column;align-items:flex-start;justify-content:center;gap:.55rem;
font-size:.875rem;color:var(--ink);font-weight:600;
}
body.lasso-sellers-home-mockup .flow__verified-badge{
display:inline-flex;align-items:center;gap:.45rem;
padding:.4rem .75rem;
border-radius:999px;
background:#D6F3EC;
color:#0F6E5A;
font-size:.8125rem;font-weight:700;
}
body.lasso-sellers-home-mockup .flow__verified-badge i{font-size:.875rem;}
body.lasso-sellers-home-mockup .flow__verified-live{
display:inline-flex;align-items:center;gap:.4rem;
font-size:.75rem;font-weight:600;color:var(--muted);
}
/* ============================================================
VERIFIED RESULTS LIBRARY
============================================================ */
body.lasso-sellers-home-mockup .results{
padding:var(--section-pad) 0;
background:var(--canvas);
}
/* Case study overview — merged homepage section */
body.lasso-sellers-home-mockup .case-overview{
padding:var(--section-pad) 0;
background:var(--canvas);
}
body.lasso-sellers-home-mockup .case-overview__intel{
text-align:center;
max-width:640px;
margin:-1rem auto 0;
font-size:1.0625rem;
font-weight:600;
color:var(--ink);
line-height:1.55;
}
body.lasso-sellers-home-mockup .case-overview__grid{
display:grid;
grid-template-columns:repeat(3,1fr);
gap:1.25rem;
margin-top:2.5rem;
grid-auto-flow:dense;
}
body.lasso-sellers-home-mockup .case-overview__grid .rcard--feat{
grid-column:span 1;
grid-row:span 1;
}
body.lasso-sellers-home-mockup .case-overview__cta{
margin-top:2.5rem;
text-align:center;
display:flex;
flex-direction:column;
align-items:center;
gap:.75rem;
}
body.lasso-sellers-home-mockup .results__toolbar{
display:grid;
grid-template-columns:360px 1fr auto;
gap:1rem;align-items:center;
margin-bottom:2.5rem;
}
body.lasso-sellers-home-mockup .results__search{
display:flex;align-items:center;gap:10px;
height:48px;padding:0 16px;
background:#fff;
border:1px solid var(--line);
border-radius:.85rem;
box-shadow:var(--shadow-card);
}
body.lasso-sellers-home-mockup .results__search-ic{color:var(--muted);font-size:1.1rem;}
body.lasso-sellers-home-mockup .results__search input{
flex:1;background:transparent;border:0;color:var(--ink);font:inherit;font-size:.9375rem;outline:none;font-weight:500;
}
body.lasso-sellers-home-mockup .results__search input::placeholder{color:var(--muted-2);}
body.lasso-sellers-home-mockup .results__search-kbd{font-family:var(--mono);font-size:.6875rem;color:var(--muted);padding:3px 7px;border:1px solid var(--hairline);border-radius:5px;background:var(--canvas);}
body.lasso-sellers-home-mockup .results__filters{display:flex;gap:.4rem;flex-wrap:wrap;}
body.lasso-sellers-home-mockup .filter{
display:inline-flex;align-items:center;gap:8px;
height:36px;padding:0 14px;
border-radius:999px;
background:#fff;border:1px solid var(--line);
color:var(--ink);font-weight:600;font-size:.8125rem;cursor:pointer;
box-shadow:0 2px 8px rgba(44,35,79,.04);
}
body.lasso-sellers-home-mockup .filter:hover{border-color:rgba(94,54,202,.3);}
body.lasso-sellers-home-mockup .filter.is-active{background:var(--purple);color:#fff;border-color:var(--purple);}
body.lasso-sellers-home-mockup .filter__count{font-size:.6875rem;color:var(--muted);padding-left:8px;border-left:1px solid var(--hairline);font-weight:700;}
body.lasso-sellers-home-mockup .filter.is-active .filter__count{color:rgba(255,255,255,.75);border-color:rgba(255,255,255,.25);}
body.lasso-sellers-home-mockup .results__sort{display:flex;align-items:center;gap:10px;}
body.lasso-sellers-home-mockup .results__sort select{
background:#fff;border:1px solid var(--line);border-radius:.65rem;
color:var(--ink);font:inherit;font-size:.875rem;padding:8px 12px;font-weight:600;
}
body.lasso-sellers-home-mockup .results__grid{
display:grid;
grid-template-columns:repeat(4,1fr);
gap:1.25rem;
grid-auto-flow:dense;
}
body.lasso-sellers-home-mockup .rcard{
position:relative;
padding:1.75rem;
border-radius:var(--radius-xl);
background:#fff;
border:1px solid var(--line);
box-shadow:var(--shadow-card);
display:flex;flex-direction:column;gap:1rem;
transition:transform .2s, box-shadow .2s;
}
body.lasso-sellers-home-mockup .rcard::before{display:none;}
body.lasso-sellers-home-mockup .rcard:hover{transform:translateY(-3px);box-shadow:0 22px 60px rgba(44,35,79,.14);}
body.lasso-sellers-home-mockup .rcard--feat{
grid-column:span 2;grid-row:span 2;
background:var(--purple-shine), var(--purple-base);
color:#fff;
border:1px solid rgba(255,255,255,.22);
box-shadow:var(--shadow-dark-panel);
}
body.lasso-sellers-home-mockup .rcard__badge{display:flex;gap:.4rem;flex-wrap:wrap;}
body.lasso-sellers-home-mockup .rcard__brand{height:36px;display:flex;align-items:center;}
body.lasso-sellers-home-mockup .rcard__brand img{height:28px;width:auto;filter:brightness(0) saturate(100%);opacity:.78;}
body.lasso-sellers-home-mockup .rcard--feat .rcard__brand img{filter:brightness(0) invert(1);opacity:.95;height:36px;}
body.lasso-sellers-home-mockup .rcard__hero{padding-bottom:1rem;border-bottom:1px solid var(--hairline);}
body.lasso-sellers-home-mockup .rcard--feat .rcard__hero{border-color:rgba(255,255,255,.18);}
body.lasso-sellers-home-mockup .rcard__hero-num{
font-size:clamp(1.85rem, 3vw, 2.35rem);
font-weight:800;color:var(--ink);
letter-spacing:-.025em;
display:flex;align-items:baseline;gap:.5rem;flex-wrap:wrap;line-height:1;
}
body.lasso-sellers-home-mockup .rcard--feat .rcard__hero-num{font-size:clamp(2.85rem, 5vw, 3.85rem);color:#fff;}
body.lasso-sellers-home-mockup .rcard__hero-num .small{font-size:.8125rem;font-weight:500;color:var(--muted);}
body.lasso-sellers-home-mockup .rcard--feat .rcard__hero-num .small{color:rgba(255,255,255,.7);font-size:.95rem;}
body.lasso-sellers-home-mockup .rcard__hero-sub{font-size:.8125rem;color:var(--muted);margin-top:.4rem;font-weight:500;}
body.lasso-sellers-home-mockup .rcard--feat .rcard__hero-sub{color:rgba(255,255,255,.78);font-size:.95rem;}
body.lasso-sellers-home-mockup .rcard__metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:.85rem;}
body.lasso-sellers-home-mockup .rcard--feat .rcard__metrics{grid-template-columns:repeat(4,1fr);}
body.lasso-sellers-home-mockup .rcard__metrics > div{display:flex;flex-direction:column;gap:.2rem;}
body.lasso-sellers-home-mockup .rcard__metrics .lbl{font-size:.6875rem;color:var(--muted);text-transform:uppercase;letter-spacing:.1em;font-weight:700;}
body.lasso-sellers-home-mockup .rcard--feat .rcard__metrics .lbl{color:rgba(255,255,255,.7);}
body.lasso-sellers-home-mockup .rcard__metrics .val{font-size:1rem;font-weight:800;color:var(--ink);font-family:var(--font);}
body.lasso-sellers-home-mockup .rcard--feat .rcard__metrics .val{color:#fff;font-size:1.15rem;}
body.lasso-sellers-home-mockup .rcard__metrics .val.green{color:#0F6E5A;}
body.lasso-sellers-home-mockup .rcard--feat .rcard__metrics .val.green{color:#7FE6CC;}
body.lasso-sellers-home-mockup .rcard__metrics .val.gold{color:#7c5a00;}
body.lasso-sellers-home-mockup .rcard--feat .rcard__metrics .val.gold{color:var(--gold);}
body.lasso-sellers-home-mockup .rcard__avatars{display:flex;align-items:center;gap:.4rem;padding:.65rem 0;border-top:1px solid rgba(255,255,255,.18);}
body.lasso-sellers-home-mockup .rcard__avatars-lbl{font-size:.6875rem;letter-spacing:.12em;color:rgba(255,255,255,.7);margin-left:.5rem;text-transform:uppercase;font-weight:700;}
body.lasso-sellers-home-mockup .ava{width:30px;height:30px;border-radius:50%;overflow:hidden;border:2px solid var(--white);margin-left:-8px;display:inline-flex;}
body.lasso-sellers-home-mockup .ava:first-child{margin-left:0;}
body.lasso-sellers-home-mockup .ava img{width:100%;height:100%;object-fit:cover;}
body.lasso-sellers-home-mockup .ava--more{
background:rgba(94,54,202,.12);color:var(--purple);font-size:.6875rem;font-weight:800;
display:flex;align-items:center;justify-content:center;
}
body.lasso-sellers-home-mockup .rcard--feat .ava{border-color:#2a1658;}
body.lasso-sellers-home-mockup .rcard--feat .ava--more{background:rgba(255,255,255,.2);color:#fff;}
body.lasso-sellers-home-mockup .rcard__cta{
display:flex;align-items:center;justify-content:space-between;
margin-top:auto;
padding:.85rem 1.1rem;
background:rgba(94,54,202,.06);
border-radius:.65rem;
color:var(--purple);font-size:.8125rem;font-weight:700;
transition:all .15s;
letter-spacing:.01em;
}
body.lasso-sellers-home-mockup .rcard--feat .rcard__cta{background:#fff;color:var(--purple);box-shadow:0 6px 18px rgba(0,0,0,.18);}
body.lasso-sellers-home-mockup .rcard__cta:hover{background:rgba(94,54,202,.12);}
body.lasso-sellers-home-mockup .rcard--feat .rcard__cta:hover{background:#f5f0ff;}
body.lasso-sellers-home-mockup .results__more{margin-top:2.5rem;text-align:center;display:flex;flex-direction:column;align-items:center;gap:.75rem;}
/* ============================================================
CREATOR DISTRIBUTION — hero + 3 supporting cards
============================================================ */
body.lasso-sellers-home-mockup .why{
padding:var(--section-pad) 0;
background:var(--canvas);
}
body.lasso-sellers-home-mockup .why::before{display:none;}
/* Headline — escalating emphasis on External Traffic + Sales */
body.lasso-sellers-home-mockup .why-headline{
display:flex;flex-direction:column;align-items:center;gap:.15rem;
font-size:clamp(1.75rem, 3.5vw, 2.5rem);
line-height:1.08;letter-spacing:-.025em;
font-weight:800;color:var(--ink);
margin:0 0 1rem;text-wrap:balance;
}
body.lasso-sellers-home-mockup .why-headline__line{display:block;}
body.lasso-sellers-home-mockup .why-headline__line--lg{
font-size:clamp(2rem, 4.2vw, 3.1rem);
letter-spacing:-.03em;
}
body.lasso-sellers-home-mockup .why-headline__line--xl{
font-size:clamp(2.35rem, 5vw, 3.75rem);
letter-spacing:-.035em;
}
body.lasso-sellers-home-mockup .why-headline__accent{
font-style:normal;
position:relative;
}
body.lasso-sellers-home-mockup .why-headline__accent--purple{color:var(--purple);}
body.lasso-sellers-home-mockup .why-headline__accent--green{color:var(--green);}
body.lasso-sellers-home-mockup .why__grid{
display:grid;
grid-template-columns:repeat(3,1fr);
gap:1.25rem;
max-width:1080px;margin:0 auto;
}
body.lasso-sellers-home-mockup .why-card{
padding:1.75rem;
border-radius:var(--radius-xl);
background:#fff;
border:1px solid var(--line);
box-shadow:var(--shadow-card);
display:flex;flex-direction:column;gap:1rem;
transition:transform .2s, box-shadow .2s;
text-align:left;
}
body.lasso-sellers-home-mockup .why-card:hover{transform:translateY(-3px);box-shadow:0 22px 60px rgba(44,35,79,.12);}
body.lasso-sellers-home-mockup .why-card--hero{
grid-column:1 / -1;
padding:2.5rem 2.75rem;
gap:1.5rem;
background:linear-gradient(155deg, #fff 0%, #faf9ff 55%, #f4f1fc 100%);
border-color:rgba(94,54,202,.14);
box-shadow:var(--shadow-card-strong);
display:grid;
grid-template-areas:
"header"
"body";
grid-template-columns:1fr;
align-items:start;
}
body.lasso-sellers-home-mockup .why-card--hero:hover{transform:translateY(-4px);}
body.lasso-sellers-home-mockup .why-card__header--hero{
grid-area:header;
display:grid;
grid-template-columns:auto 1fr;
column-gap:1rem;
row-gap:.5rem;
align-items:center;
}
body.lasso-sellers-home-mockup .why-card__header--hero > div:not(.why-card__ic--hero){
display:contents;
}
body.lasso-sellers-home-mockup .why-card__hero-body{
grid-area:body;
}
body.lasso-sellers-home-mockup .why-card--support{
gap:.85rem;
display:flex;
flex-direction:column;
}
body.lasso-sellers-home-mockup .why-card__header{display:flex;align-items:flex-start;gap:1rem;}
body.lasso-sellers-home-mockup .why-card--hero .why-card__header{align-items:center;}
body.lasso-sellers-home-mockup .why-card__ic{
width:44px;height:44px;border-radius:.75rem;flex-shrink:0;
background:rgba(94,54,202,.08);
display:flex;align-items:center;justify-content:center;
font-size:1rem;color:var(--purple);
}
body.lasso-sellers-home-mockup .why-card__ic--hero{
width:56px;height:56px;font-size:1.25rem;
background:rgba(94,54,202,.12);
grid-column:1;
grid-row:1;
}
body.lasso-sellers-home-mockup .why-card__title{
font-size:1.125rem;font-weight:800;color:var(--ink);
margin:0;letter-spacing:-.015em;line-height:1.25;
}
body.lasso-sellers-home-mockup .why-card__title--hero{
font-size:clamp(1.5rem, 2.5vw, 1.875rem);
margin-bottom:0;
grid-column:2;
grid-row:1;
}
body.lasso-sellers-home-mockup .why-card__body{
font-size:.9375rem;color:var(--muted);line-height:1.55;
margin:0;font-weight:500;text-align:left;
}
body.lasso-sellers-home-mockup .why-card__body--hero{
font-size:1.0625rem;color:var(--ink);opacity:.78;
grid-column:1 / -1;
grid-row:2;
max-width:none;
}
body.lasso-sellers-home-mockup .section-head--center .section-head__lede{margin-left:auto;margin-right:auto;}
/* Hero lifecycle — horizontal on desktop */
body.lasso-sellers-home-mockup .why-lifecycle{
display:flex;
flex-direction:row;
flex-wrap:nowrap;
align-items:stretch;
gap:0;
max-width:none;
min-width:0;
}
body.lasso-sellers-home-mockup .why-lifecycle__step{
display:flex;
flex-direction:column;
align-items:flex-start;
justify-content:flex-start;
gap:.45rem;
flex:1 1 0;
min-width:0;
padding:.85rem .75rem;
background:#fff;
border:1px solid var(--hairline);
border-radius:.75rem;
box-shadow:0 4px 14px rgba(44,35,79,.04);
}
body.lasso-sellers-home-mockup .why-lifecycle__step--final{
background:rgba(34,186,160,.08);
border-color:rgba(34,186,160,.22);
}
body.lasso-sellers-home-mockup .why-lifecycle__num{
width:1.625rem;height:1.625rem;border-radius:999px;flex-shrink:0;
display:flex;align-items:center;justify-content:center;
font-size:.6875rem;font-weight:800;
background:rgba(94,54,202,.1);color:var(--purple);
}
body.lasso-sellers-home-mockup .why-lifecycle__step--final .why-lifecycle__num{
background:rgba(34,186,160,.18);color:#0F6E5A;
}
body.lasso-sellers-home-mockup .why-lifecycle__label{
font-size:.8125rem;font-weight:700;color:var(--ink);line-height:1.35;
}
body.lasso-sellers-home-mockup .why-lifecycle__connector{
display:flex;align-items:center;justify-content:center;
flex:0 0 1.25rem;
color:var(--purple);opacity:.35;
font-size:.75rem;font-weight:300;
}
body.lasso-sellers-home-mockup .why-lifecycle__connector::before{
content:"→";
}
/* Unified example rows (supporting cards) */
body.lasso-sellers-home-mockup .why-examples{
list-style:none;margin:0;padding:0;
margin-top:auto;display:flex;flex-direction:column;gap:.45rem;
padding-top:1rem;border-top:1px solid var(--hairline);
}
body.lasso-sellers-home-mockup .why-example{
display:flex;flex-direction:column;justify-content:center;gap:.2rem;
min-height:3.25rem;
padding:.65rem .85rem;
background:var(--canvas);border:1px solid var(--hairline);border-radius:.65rem;
}
body.lasso-sellers-home-mockup .why-example__title{
font-size:.8125rem;font-weight:700;color:var(--ink);line-height:1.35;
}
body.lasso-sellers-home-mockup .why-example__meta{
font-size:.6875rem;font-weight:600;color:var(--muted);
font-family:var(--mono);letter-spacing:.01em;line-height:1.35;
}
/* ============================================================
VERIFIED SALES DASHBOARD (white panel)
============================================================ */
body.lasso-sellers-home-mockup .dash{
padding:var(--section-pad) 0;
background:var(--canvas);
}
body.lasso-sellers-home-mockup .dash__panel{
background:#fff;
border:1px solid var(--hairline);
border-radius:var(--radius-xl);
box-shadow:0 20px 50px rgba(44,35,79,.06);
overflow:hidden;
}
body.lasso-sellers-home-mockup .dash__head{
display:flex;align-items:center;justify-content:space-between;gap:1rem;
padding:1.5rem 2.25rem;
border-bottom:1px solid rgba(0,0,0,.06);
}
body.lasso-sellers-home-mockup .dash__brand{display:flex;align-items:center;gap:.65rem;}
body.lasso-sellers-home-mockup .dash__brand img{height:24px;filter:brightness(0) saturate(100%);opacity:.85;}
body.lasso-sellers-home-mockup .dash__tools{display:flex;align-items:center;gap:.65rem;}
body.lasso-sellers-home-mockup .dash__tool{
display:inline-flex;align-items:center;gap:8px;
padding:.45rem .8rem;
background:rgba(248,247,252,.8);border:1px solid rgba(0,0,0,.06);
border-radius:.5rem;
font-size:.8125rem;font-weight:500;color:var(--muted);
}
body.lasso-sellers-home-mockup .dash__tool b{font-weight:700;color:var(--ink);}
body.lasso-sellers-home-mockup .dash__kpis{
display:grid;grid-template-columns:repeat(4,1fr);
border-bottom:1px solid rgba(0,0,0,.06);
}
body.lasso-sellers-home-mockup .dkpi{
padding:2.25rem 2rem;
position:relative;
border-right:1px solid rgba(0,0,0,.06);
}
body.lasso-sellers-home-mockup .dkpi:last-child{border-right:0;}
body.lasso-sellers-home-mockup .dkpi__lbl{
font-size:.8125rem;color:var(--muted);text-transform:none;letter-spacing:.04em;font-weight:600;
}
body.lasso-sellers-home-mockup .dkpi__val{
font-size:clamp(2rem, 3.2vw, 2.65rem);font-weight:800;color:var(--ink);
letter-spacing:-.025em;margin-top:.5rem;line-height:1;font-family:var(--font);
}
body.lasso-sellers-home-mockup .dkpi__delta{font-size:.8125rem;margin-top:.45rem;color:var(--muted);font-weight:500;}
body.lasso-sellers-home-mockup .dkpi__delta.green{color:#0F6E5A;}
body.lasso-sellers-home-mockup .dkpi__spark{width:100%;height:32px;margin-top:1rem;}
body.lasso-sellers-home-mockup .dash__body{display:grid;grid-template-columns:.9fr 1.4fr;}
body.lasso-sellers-home-mockup .dash__col{padding:2rem 2.25rem;}
body.lasso-sellers-home-mockup .dash__col--left{
border-right:1px solid rgba(0,0,0,.06);
display:flex;flex-direction:column;gap:2rem;
}
body.lasso-sellers-home-mockup .dash__sub-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.15rem;}
body.lasso-sellers-home-mockup .dash__sub-head h4{margin:0;font-size:1rem;font-weight:800;color:var(--ink);letter-spacing:-.01em;}
body.lasso-sellers-home-mockup .src{display:flex;flex-direction:column;gap:1rem;}
body.lasso-sellers-home-mockup .src__row{
display:grid;grid-template-columns:minmax(0,1fr) 2.5rem 9rem 4rem;
gap:.85rem;align-items:center;font-size:.8125rem;color:var(--ink);font-weight:500;
}
body.lasso-sellers-home-mockup .src__name{display:flex;align-items:center;gap:8px;}
body.lasso-sellers-home-mockup .src__ic{
width:6px;height:6px;border-radius:50%;display:inline-block;flex-shrink:0;
background:rgba(94,54,202,.35);
}
body.lasso-sellers-home-mockup .src__pct{color:var(--muted);font-size:.75rem;font-weight:500;min-width:2.5rem;text-align:right;}
body.lasso-sellers-home-mockup .src__bar{
height:6px;width:100%;min-width:7rem;background:var(--canvas);
border-radius:3px;overflow:hidden;display:inline-block;
}
body.lasso-sellers-home-mockup .src__bar i{
display:block;height:100%;width:var(--w);border-radius:3px;
background:rgba(94,54,202,.55);opacity:.85;
}
body.lasso-sellers-home-mockup .src__val{
font-weight:700;color:var(--ink);text-align:right;min-width:4rem;font-family:var(--font);
}
body.lasso-sellers-home-mockup .dash .vert{display:flex;flex-wrap:wrap;gap:.6rem;}
body.lasso-sellers-home-mockup .dash .vert span{
display:inline-flex;align-items:center;gap:6px;
padding:.4rem .75rem;background:#fff;border:1px solid rgba(0,0,0,.08);border-radius:999px;
font-size:.8125rem;color:var(--ink);font-weight:500;
}
body.lasso-sellers-home-mockup .dash .vert b{color:var(--purple);font-weight:600;opacity:.85;}
body.lasso-sellers-home-mockup .dash .chip--dash{
height:22px;padding:0 8px;
font-size:.6875rem;font-weight:600;letter-spacing:.02em;text-transform:none;
background:rgba(94,54,202,.06);color:var(--muted);border:1px solid rgba(0,0,0,.06);
}
body.lasso-sellers-home-mockup .feed-creators{display:flex;align-items:center;gap:4px;}
body.lasso-sellers-home-mockup .feed-creators .ava{margin-left:-4px;width:28px;height:28px;border-color:#fff;}
body.lasso-sellers-home-mockup .feed-creators .ava:first-child{margin-left:0;}
body.lasso-sellers-home-mockup .feed-creators .muted{margin-left:.75rem;font-size:.75rem;letter-spacing:.02em;text-transform:none;font-weight:600;}
body.lasso-sellers-home-mockup .dash__sub--feed{overflow-x:auto;}
body.lasso-sellers-home-mockup .feed-tbl{width:100%;border-collapse:collapse;font-size:.875rem;}
body.lasso-sellers-home-mockup .feed-tbl th{
text-align:left;font-size:.75rem;color:var(--muted);
text-transform:uppercase;letter-spacing:.06em;font-weight:700;
padding:.85rem .65rem;border-bottom:1px solid rgba(0,0,0,.06);
}
body.lasso-sellers-home-mockup .feed-tbl td{
padding:1rem .65rem;border-bottom:1px solid rgba(0,0,0,.05);
color:var(--ink);vertical-align:middle;
}
body.lasso-sellers-home-mockup .feed-tbl tbody tr:hover{background:rgba(94,54,202,.03);}
body.lasso-sellers-home-mockup .feed-tbl .ar{text-align:right;}
body.lasso-sellers-home-mockup .feed-tbl .feed-val{font-variant-numeric:tabular-nums;}
body.lasso-sellers-home-mockup .feed-tbl b{color:var(--ink);font-weight:800;font-family:var(--font);}
body.lasso-sellers-home-mockup .badge-act{display:inline-flex;align-items:center;gap:6px;font-weight:500;color:var(--muted);font-size:.8125rem;}
body.lasso-sellers-home-mockup .src-creator{display:inline-flex;align-items:center;gap:10px;color:var(--ink);font-weight:600;}
body.lasso-sellers-home-mockup .src-creator img{width:28px;height:28px;border-radius:50%;object-fit:cover;}
body.lasso-sellers-home-mockup .feed-foot{
display:flex;align-items:center;justify-content:space-between;
margin-top:1.25rem;padding-top:1.25rem;border-top:1px solid rgba(0,0,0,.06);
}
body.lasso-sellers-home-mockup .feed-foot .muted{font-size:.8125rem;}
body.lasso-sellers-home-mockup .dash__link{color:var(--purple);font-weight:700;font-size:.875rem;}
body.lasso-sellers-home-mockup .dash__link:hover{color:var(--dark-purple);}
/* ============================================================
FINAL CTA — dark purple panel inside light section
============================================================ */
body.lasso-sellers-home-mockup .finalcta{
padding:var(--section-pad) 0;
background:var(--canvas);
}
body.lasso-sellers-home-mockup .finalcta__bg, body.lasso-sellers-home-mockup .finalcta__grid, body.lasso-sellers-home-mockup .finalcta__glow{display:none;}
body.lasso-sellers-home-mockup .finalcta__panel{
padding:3.5rem 3rem;
border-radius:var(--radius-xl);
background:var(--purple-shine), var(--purple-base);
color:#fff;
border:1px solid rgba(255,255,255,.22);
box-shadow:var(--shadow-dark-panel);
display:grid;grid-template-columns:1.05fr 1fr;gap:3rem;align-items:center;
}
body.lasso-sellers-home-mockup .finalcta__copy h2{
font-size:clamp(2rem, 3.5vw, 2.85rem);
line-height:1.1;letter-spacing:-.025em;color:#fff;
font-weight:800;margin:1rem 0 1rem;text-wrap:balance;
}
body.lasso-sellers-home-mockup .finalcta__copy .kicker{color:var(--light-purple);}
body.lasso-sellers-home-mockup .finalcta__copy .lede{color:rgba(255,255,255,.85);max-width:none;font-size:1.05rem;}
body.lasso-sellers-home-mockup .finalcta__copy .num-hl{color:var(--gold);-webkit-text-fill-color:var(--gold);}
body.lasso-sellers-home-mockup .finalcta__copy .hero__actions{margin:1.5rem 0 0;}
body.lasso-sellers-home-mockup .finalcta__bullets{list-style:none;padding:0;margin:1.5rem 0 0;display:flex;flex-direction:column;gap:.5rem;}
body.lasso-sellers-home-mockup .finalcta__bullets li{display:flex;align-items:center;gap:10px;font-size:.9375rem;color:rgba(255,255,255,.92);font-weight:500;}
body.lasso-sellers-home-mockup .finalcta__price{
display:grid;grid-template-columns:1fr;gap:.65rem;
padding:1.5rem;
border-radius:var(--radius-lg);
background:rgba(255,255,255,.06);
border:1px solid rgba(255,255,255,.18);
}
body.lasso-sellers-home-mockup .ptier{
position:relative;
padding:1.1rem 1.25rem;
border-radius:.75rem;
background:#fff;
display:grid;grid-template-columns:1fr auto auto;gap:1rem;
align-items:center;
box-shadow:0 6px 18px rgba(0,0,0,.18);
}
body.lasso-sellers-home-mockup .ptier__head h4{margin:0;font-size:1.05rem;font-weight:800;color:var(--ink);}
body.lasso-sellers-home-mockup .ptier__head .muted{display:block;margin-top:.15rem;font-size:.75rem;color:var(--muted);}
body.lasso-sellers-home-mockup .ptier__price{font-weight:800;font-size:1.5rem;color:var(--ink);display:flex;align-items:baseline;gap:.25rem;font-family:var(--font);}
body.lasso-sellers-home-mockup .ptier__price .muted{font-size:.75rem;color:var(--muted);font-weight:600;}
body.lasso-sellers-home-mockup .ptier__list{list-style:none;padding:0;margin:0;font-size:.75rem;color:var(--muted);display:flex;flex-direction:column;gap:.15rem;justify-self:end;text-align:right;}
body.lasso-sellers-home-mockup .ptier__list li::before{content:"✓ ";color:var(--green);}
body.lasso-sellers-home-mockup .ptier--feat{
background:var(--purple);color:#fff;
grid-template-columns:1fr auto auto auto;
}
body.lasso-sellers-home-mockup .ptier--feat .ptier__head h4{color:#fff;}
body.lasso-sellers-home-mockup .ptier--feat .ptier__head .muted{color:rgba(255,255,255,.7);}
body.lasso-sellers-home-mockup .ptier--feat .ptier__price{color:#fff;}
body.lasso-sellers-home-mockup .ptier--feat .ptier__price .muted{color:rgba(255,255,255,.7);}
body.lasso-sellers-home-mockup .ptier--feat .ptier__list{color:rgba(255,255,255,.85);}
body.lasso-sellers-home-mockup .ptier--feat .btn{height:38px;padding:0 14px;font-size:.8125rem;background:#fff;color:var(--purple);}
body.lasso-sellers-home-mockup .ptier__ribbon{
position:absolute;top:-10px;right:14px;
padding:.25rem .65rem;background:var(--gold);color:#5a3a00;
font-size:.6rem;letter-spacing:.12em;font-weight:800;text-transform:uppercase;
border-radius:.3rem;
}
/* ============================================================
PRICING — dedicated self-serve section
============================================================ */
body.lasso-sellers-home-mockup .pricing{
padding:var(--section-pad) 0;
background:var(--canvas);
}
body.lasso-sellers-home-mockup .pricing__signals{
list-style:none;padding:0;margin:1.75rem 0 0;
display:flex;flex-wrap:wrap;gap:1.5rem;justify-content:center;
}
body.lasso-sellers-home-mockup .pricing__signals li{
display:inline-flex;align-items:center;gap:8px;
font-size:.875rem;color:var(--ink);font-weight:600;
}
body.lasso-sellers-home-mockup .pi-ic{
width:18px;height:18px;border-radius:50%;
background:#D6F3EC;color:#0F6E5A;
display:inline-flex;align-items:center;justify-content:center;
font-size:.75rem;font-weight:800;
}
body.lasso-sellers-home-mockup .pricing__grid{
display:grid;grid-template-columns:repeat(3,1fr);gap:1.25rem;
margin-top:3rem;
align-items:stretch;
}
body.lasso-sellers-home-mockup .pcard{
position:relative;
display:flex;flex-direction:column;gap:1rem;
padding:2.25rem 2rem 2rem;
background:#fff;
border:1px solid var(--line);
border-radius:var(--radius-xl);
box-shadow:var(--shadow-card);
transition:transform .2s, box-shadow .2s;
}
body.lasso-sellers-home-mockup .pcard:hover{transform:translateY(-3px);box-shadow:0 22px 60px rgba(44,35,79,.12);}
body.lasso-sellers-home-mockup .pcard--feat{
background:var(--purple-shine), var(--purple-base);
color:#fff;
border:1px solid rgba(255,255,255,.22);
box-shadow:var(--shadow-dark-panel);
transform:translateY(-12px);
z-index:1;
}
body.lasso-sellers-home-mockup .pcard--feat:hover{transform:translateY(-15px);}
body.lasso-sellers-home-mockup .pcard__ribbon{
position:absolute;top:-.85rem;left:50%;transform:translateX(-50%);
background:var(--gold);color:#5a3a00;
padding:.4rem 1.1rem;border-radius:999px;
font-size:.6875rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase;
white-space:nowrap;
box-shadow:0 8px 24px rgba(242,201,76,.45);
}
body.lasso-sellers-home-mockup .pcard__head{display:flex;flex-direction:column;gap:.5rem;padding-bottom:.5rem;}
body.lasso-sellers-home-mockup .pcard__name{
font-size:1.5rem;font-weight:800;letter-spacing:-.01em;color:var(--ink);
}
body.lasso-sellers-home-mockup .pcard--feat .pcard__name{color:#fff;}
body.lasso-sellers-home-mockup .pcard__sub{
font-size:.9375rem;color:var(--muted);font-weight:500;line-height:1.5;margin:0;
}
body.lasso-sellers-home-mockup .pcard--feat .pcard__sub{color:rgba(255,255,255,.82);}
body.lasso-sellers-home-mockup .pcard__price{
display:flex;align-items:baseline;gap:.25rem;
font-family:var(--font);
color:var(--ink);font-weight:800;letter-spacing:-.03em;
margin-top:.25rem;
}
body.lasso-sellers-home-mockup .pcard--feat .pcard__price{color:#fff;}
body.lasso-sellers-home-mockup .pcard__price-cur{font-size:1.85rem;font-weight:700;}
body.lasso-sellers-home-mockup .pcard__price-num{font-size:3.85rem;line-height:1;}
body.lasso-sellers-home-mockup .pcard__price-period{font-size:1rem;font-weight:600;color:var(--muted);margin-left:.4rem;}
body.lasso-sellers-home-mockup .pcard--feat .pcard__price-period{color:rgba(255,255,255,.7);}
body.lasso-sellers-home-mockup .pcard__price-foot{
font-size:.8125rem;color:var(--muted);margin:0;font-weight:500;
display:flex;align-items:center;gap:.65rem;flex-wrap:wrap;
}
body.lasso-sellers-home-mockup .pcard--feat .pcard__price-foot{color:rgba(255,255,255,.7);}
body.lasso-sellers-home-mockup .pcard__save{
display:inline-flex;align-items:center;padding:.15rem .55rem;
background:#D6F3EC;color:#0F6E5A;
font-size:.6875rem;font-weight:800;letter-spacing:.04em;
border-radius:999px;text-transform:uppercase;
}
body.lasso-sellers-home-mockup .pcard__cta-row{display:flex;flex-direction:column;gap:.5rem;margin-top:.25rem;}
body.lasso-sellers-home-mockup .pcard__trial-hint{
font-size:.75rem;color:var(--muted);text-align:center;font-weight:600;
}
body.lasso-sellers-home-mockup .pcard--feat .pcard__trial-hint{color:rgba(255,255,255,.78);}
body.lasso-sellers-home-mockup .btn--block{width:100%;height:50px;padding:0 1.25rem;}
body.lasso-sellers-home-mockup .pcard--feat .btn--ghost{background:rgba(255,255,255,.1);color:#fff;border-color:rgba(255,255,255,.3);}
body.lasso-sellers-home-mockup .pcard--feat .btn--ghost:hover{background:rgba(255,255,255,.16);}
body.lasso-sellers-home-mockup .pcard--feat .btn--primary{background:#fff;color:var(--purple);}
body.lasso-sellers-home-mockup .pcard--feat .btn--primary:hover{transform:translateY(-2px);box-shadow:0 12px 28px rgba(0,0,0,.25);}
body.lasso-sellers-home-mockup .pcard__lim{
display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem;
margin-top:.75rem;padding:1rem;
background:var(--canvas);
border:1px solid var(--hairline);
border-radius:.85rem;
text-align:center;
}
body.lasso-sellers-home-mockup .pcard--feat .pcard__lim{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.16);}
body.lasso-sellers-home-mockup .pcard__lim > div{display:flex;flex-direction:column;gap:.15rem;}
body.lasso-sellers-home-mockup .pcard__lim strong{
font-family:var(--font);
font-size:1.45rem;font-weight:800;color:var(--ink);letter-spacing:-.02em;line-height:1;
}
body.lasso-sellers-home-mockup .pcard--feat .pcard__lim strong{color:#fff;}
body.lasso-sellers-home-mockup .pcard__lim span{
font-size:.6875rem;color:var(--muted);
text-transform:uppercase;letter-spacing:.1em;font-weight:700;
}
body.lasso-sellers-home-mockup .pcard--feat .pcard__lim span{color:rgba(255,255,255,.72);}
body.lasso-sellers-home-mockup .pcard__includes{
font-size:.8125rem;font-weight:800;letter-spacing:.04em;
color:var(--ink);margin:.5rem 0 .25rem;text-transform:uppercase;
}
body.lasso-sellers-home-mockup .pcard--feat .pcard__includes{color:rgba(255,255,255,.85);}
body.lasso-sellers-home-mockup .pcard__list{
list-style:none;padding:0;margin:0;
display:flex;flex-direction:column;gap:.55rem;
}
body.lasso-sellers-home-mockup .pcard__list li{
position:relative;padding-left:1.65rem;
font-size:.9375rem;line-height:1.45;color:var(--ink);font-weight:500;
}
body.lasso-sellers-home-mockup .pcard__list li::before{
content:"";position:absolute;left:0;top:.35rem;
width:18px;height:18px;border-radius:50%;
background:#D6F3EC url("data:image/svg+xml;utf8,") center/12px no-repeat;
}
body.lasso-sellers-home-mockup .pcard--feat .pcard__list li{color:#fff;}
body.lasso-sellers-home-mockup .pcard--feat .pcard__list li::before{
background:rgba(255,255,255,.16) url("data:image/svg+xml;utf8,") center/12px no-repeat;
}
body.lasso-sellers-home-mockup .pcard__roi{
margin:auto 0 0;
padding:.85rem 1rem;
background:rgba(255,255,255,.1);
border:1px solid rgba(255,255,255,.16);
border-radius:.65rem;
font-size:.8125rem;color:rgba(255,255,255,.9);text-align:center;font-weight:500;
}
body.lasso-sellers-home-mockup .pcard__roi strong{color:#fff;font-weight:800;}
/* Reassurance row */
body.lasso-sellers-home-mockup .pricing__reassure{
display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;
margin-top:3.5rem;padding:2rem 0 0;
border-top:1px solid var(--hairline);
}
body.lasso-sellers-home-mockup .pricing__reassure-item{display:flex;gap:1rem;align-items:flex-start;}
body.lasso-sellers-home-mockup .pricing__reassure-item strong{
font-family:var(--font);
font-size:2.25rem;font-weight:800;color:var(--purple);letter-spacing:-.025em;line-height:1;
flex-shrink:0;min-width:5rem;
}
body.lasso-sellers-home-mockup .pricing__reassure-item span{
font-size:.9375rem;color:var(--muted);line-height:1.55;font-weight:500;
}
/* Enterprise deflector strip */
body.lasso-sellers-home-mockup .pricing__enterprise{
margin-top:2.5rem;
padding:2.25rem 2.5rem;
background:#fff;
border:1px solid var(--line);
border-radius:var(--radius-xl);
box-shadow:var(--shadow-card);
display:flex;gap:2.5rem;align-items:center;justify-content:space-between;flex-wrap:wrap;
}
body.lasso-sellers-home-mockup .pricing__enterprise-title{
font-size:1.5rem;font-weight:800;color:var(--ink);margin:.25rem 0 .65rem;letter-spacing:-.015em;
}
body.lasso-sellers-home-mockup .pricing__enterprise-body{
font-size:.9375rem;color:var(--muted);line-height:1.55;margin:0;max-width:560px;font-weight:500;
}
/* FAQ teasers */
body.lasso-sellers-home-mockup .pricing__faq{
margin-top:3.5rem;
display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem 2.5rem;
max-width:920px;margin-left:auto;margin-right:auto;
}
body.lasso-sellers-home-mockup .pricing__faq details{
background:#fff;
border:1px solid var(--line);
border-radius:.85rem;
padding:0 1.25rem;
box-shadow:0 4px 14px rgba(44,35,79,.04);
}
body.lasso-sellers-home-mockup .pricing__faq summary{
cursor:pointer;list-style:none;
padding:1rem 0;
font-size:.9375rem;font-weight:700;color:var(--ink);letter-spacing:-.005em;
display:flex;align-items:center;justify-content:space-between;gap:1rem;
}
body.lasso-sellers-home-mockup .pricing__faq summary::-webkit-details-marker{display:none;}
body.lasso-sellers-home-mockup .pricing__faq summary::after{
content:"+";
font-size:1.25rem;font-weight:400;color:var(--purple);
transition:transform .15s ease;
}
body.lasso-sellers-home-mockup .pricing__faq details[open] summary::after{transform:rotate(45deg);}
body.lasso-sellers-home-mockup .pricing__faq details p{
margin:0;padding:0 0 1rem;
font-size:.875rem;color:var(--muted);line-height:1.6;font-weight:500;
}
/* Simpler final CTA (now single column since pricing is its own section) */
body.lasso-sellers-home-mockup .finalcta__panel--simple{
display:flex;flex-direction:column;align-items:center;text-align:center;
padding:4rem 3rem;
gap:1.25rem;
}
body.lasso-sellers-home-mockup .finalcta__panel--simple .kicker{color:var(--light-purple);}
body.lasso-sellers-home-mockup .finalcta__panel--simple h2{
font-size:clamp(2rem, 3.5vw, 2.85rem);
line-height:1.1;letter-spacing:-.025em;color:#fff;
font-weight:800;margin:0;text-wrap:balance;max-width:760px;
}
body.lasso-sellers-home-mockup .finalcta__panel--simple .lede{
color:rgba(255,255,255,.85);max-width:580px;font-size:1.0625rem;font-weight:500;
}
body.lasso-sellers-home-mockup .finalcta__actions{display:flex;gap:.875rem;margin-top:.65rem;flex-wrap:wrap;justify-content:center;}
body.lasso-sellers-home-mockup .finalcta__panel--simple .finalcta__bullets{
display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center;gap:1.5rem;
margin-top:1.5rem;
}
@media (max-width:1100px){
body.lasso-sellers-home-mockup .pricing__grid{grid-template-columns:1fr;max-width:520px;margin-left:auto;margin-right:auto;}
body.lasso-sellers-home-mockup .pcard--feat{transform:none;}
body.lasso-sellers-home-mockup .pcard--feat:hover{transform:translateY(-3px);}
body.lasso-sellers-home-mockup .pricing__reassure{grid-template-columns:1fr;}
body.lasso-sellers-home-mockup .pricing__faq{grid-template-columns:1fr;}
body.lasso-sellers-home-mockup .pricing__enterprise{flex-direction:column;align-items:flex-start;gap:1.5rem;}
}
body.lasso-sellers-home-mockup .finalcta__panel .btn--ghost{background:rgba(255,255,255,.08);color:#fff;border-color:rgba(255,255,255,.3);}
body.lasso-sellers-home-mockup .finalcta__panel .btn--ghost:hover{background:rgba(255,255,255,.16);border-color:rgba(255,255,255,.4);}
body.lasso-sellers-home-mockup .finalcta__panel .btn--primary{background:#fff;color:var(--purple);}
body.lasso-sellers-home-mockup .finalcta__panel .btn--primary:hover{box-shadow:0 12px 28px rgba(255,255,255,.2);}
/* ============================================================
FOOTER
============================================================ */
body.lasso-sellers-home-mockup .foot{
background:#fff;
border-top:1px solid var(--hairline);
padding:3.5rem 0 2.5rem;
}
body.lasso-sellers-home-mockup .foot__inner{display:flex;justify-content:space-between;align-items:flex-start;gap:3rem;flex-wrap:wrap;}
body.lasso-sellers-home-mockup .foot__left{max-width:340px;display:flex;flex-direction:column;gap:1rem;}
body.lasso-sellers-home-mockup .foot__left .muted{font-size:.8125rem;line-height:1.5;}
body.lasso-sellers-home-mockup .foot__cols{display:grid;grid-template-columns:repeat(4,minmax(110px,1fr));gap:2.5rem;}
body.lasso-sellers-home-mockup .foot__cols h5{margin:0 0 .75rem;font-size:.6875rem;font-weight:800;color:var(--ink);text-transform:uppercase;letter-spacing:.14em;}
body.lasso-sellers-home-mockup .foot__cols a{display:block;color:var(--muted);font-size:.875rem;padding:.25rem 0;font-weight:500;}
body.lasso-sellers-home-mockup .foot__cols a:hover{color:var(--purple);}
/* ============================================================
LEGACY SECTIONS — unify layout inside mockup homepage
============================================================ */
body.lasso-sellers-home-mockup .shell,
body.lasso-sellers-home-mockup .hero__inner,
body.lasso-sellers-home-mockup .sellers-home-shell,
body.lasso-sellers-home-mockup .sellers-home-header-shell,
body.lasso-sellers-home-mockup .container.sellers-home-header-shell,
body.lasso-sellers-home-mockup #sellers-home-mockup .container,
body.lasso-sellers-home-mockup .sellers-home-section > .container,
body.lasso-sellers-home-mockup .sellers-home-section > .sellers-home-shell{
width:100%;
max-width:var(--shell);
margin-inline:auto;
padding-inline:var(--pad);
}
body.lasso-sellers-home-mockup .sellers-home-shell-narrow{
width:100%;
max-width:var(--shell);
}
body.lasso-sellers-home-mockup .sellers-home-section,
body.lasso-sellers-home-mockup .flow,
body.lasso-sellers-home-mockup .why,
body.lasso-sellers-home-mockup .trust,
body.lasso-sellers-home-mockup .cats,
body.lasso-sellers-home-mockup .results,
body.lasso-sellers-home-mockup .case-overview,
body.lasso-sellers-home-mockup .dash,
body.lasso-sellers-home-mockup .pricing,
body.lasso-sellers-home-mockup .finalcta,
body.lasso-sellers-home-mockup .section{
padding-block:calc(var(--section-pad) / 2 + var(--shadow-gutter) / 2);
overflow:visible;
}
body.lasso-sellers-home-mockup .sellers-home-final-cta{
overflow:visible !important;
padding-bottom:calc(var(--section-pad) / 2 + var(--shadow-gutter)) !important;
}
body.lasso-sellers-home-mockup #sellers-home-mockup .sellers-home-heading{
max-width:var(--section-head-width);
}
body.lasso-sellers-home-mockup #sellers-home-mockup .sellers-home-heading h2{
max-width:var(--section-head-width);
margin-left:auto;
margin-right:auto;
}
body.lasso-sellers-home-mockup #sellers-home-mockup .sellers-home-heading h2 span{
display:block;
color:var(--purple);
}
body.lasso-sellers-home-mockup #sellers-home-mockup .sellers-home-heading-copy,
body.lasso-sellers-home-mockup #sellers-home-mockup .sellers-home-heading-copy p{
max-width:var(--section-head-width);
margin-left:auto;
margin-right:auto;
}
body.lasso-sellers-home-mockup #sellers-home-mockup .sellers-home-card-illustrated h3{
min-height:3.25rem;
}
body.lasso-sellers-home-mockup #sellers-home-mockup .sellers-home-card-illustrated p{
min-height:3.25rem;
}
body.lasso-sellers-home-mockup .sellers-home-shell-cta-panel.dark-purple-bg{
margin-bottom:0.5rem;
}
body.lasso-sellers-home-mockup .sellers-home-footer{
margin-top:0;
border-top:none;
background:var(--canvas) !important;
}
body.lasso-sellers-home-mockup .sellers-home-footer .sellers-home-background{
display:none !important;
}
body.lasso-sellers-home-mockup .flow__steps,
body.lasso-sellers-home-mockup .why__grid,
body.lasso-sellers-home-mockup #sellers-home-mockup .sellers-home-case-studies .sellers-home-stack{
max-width:none;
}
body.lasso-sellers-home-mockup #sellers-home-mockup .sellers-home-heading{
margin-bottom:2.75rem;
}
body.lasso-sellers-home-mockup #sellers-home-mockup .sellers-home-heading h2{
font-size:clamp(2rem, 3.5vw, 2.85rem);
line-height:1.1;
letter-spacing:-.025em;
margin-bottom:1rem;
}
body.lasso-sellers-home-mockup #sellers-home-mockup .sellers-home-heading p,
body.lasso-sellers-home-mockup #sellers-home-mockup .sellers-home-heading-copy p{
font-size:1.0625rem;
line-height:1.6;
max-width:var(--section-head-width);
margin-inline:auto;
}
body.lasso-sellers-home-mockup #sellers-home-mockup .sellers-home-core,
body.lasso-sellers-home-mockup #sellers-home-mockup .sellers-home-case-studies,
body.lasso-sellers-home-mockup #sellers-home-mockup .sellers-home-pricing,
body.lasso-sellers-home-mockup #sellers-home-mockup .sellers-home-how{
background:var(--canvas);
}
body.lasso-sellers-home-mockup #sellers-home-mockup .sellers-home-card-grid-3{
gap:1.25rem;
align-items:stretch;
}
body.lasso-sellers-home-mockup #sellers-home-mockup .sellers-home-card-illustrated h3{
min-height:auto;
font-size:1.35rem;
margin-bottom:0.65rem;
}
body.lasso-sellers-home-mockup #sellers-home-mockup .sellers-home-card,
body.lasso-sellers-home-mockup #sellers-home-mockup .sellers-home-flow-card{
border:1px solid var(--line);
border-radius:var(--radius-xl);
box-shadow:var(--shadow-card);
}
body.lasso-sellers-home-mockup #sellers-home-mockup .sellers-home-promo-flow-track{
gap:0.75rem;
align-items:stretch;
}
body.lasso-sellers-home-mockup #sellers-home-mockup .sellers-home-promo-flow .sellers-home-flow-card{
max-width:none;
flex:1 1 0;
display:flex;
flex-direction:column;
text-align:center;
padding:1.75rem 1.5rem 2rem;
}
body.lasso-sellers-home-mockup #sellers-home-mockup .sellers-home-promo-flow .sellers-home-flow-card h3,
body.lasso-sellers-home-mockup #sellers-home-mockup .sellers-home-promo-flow .sellers-home-flow-card p{
text-align:center;
}
body.lasso-sellers-home-mockup #sellers-home-mockup .sellers-home-promo-flow .sellers-home-flow-card-accent{
transform:none;
background:linear-gradient(160deg, rgba(94,54,202,.08), #fff 55%);
border-color:rgba(94,54,202,.22);
box-shadow:var(--shadow-card);
}
body.lasso-sellers-home-mockup #sellers-home-mockup .sellers-home-promo-connector{
align-self:center;
font-size:1.35rem;
color:rgba(94,54,202,.35);
padding:0 0.15rem;
}
body.lasso-sellers-home-mockup #sellers-home-mockup .sellers-home-promo-flow-visual{
min-height:6.5rem;
margin-bottom:0.85rem;
}
body.lasso-sellers-home-mockup #sellers-home-mockup .sellers-home-promo-flow-closing{
margin-top:2rem;
font-size:1rem;
}
body.lasso-sellers-home-mockup #sellers-home-mockup .sellers-home-case-studies .sellers-home-heading .kicker{
margin-bottom:1rem;
}
body.lasso-sellers-home-mockup #sellers-home-mockup .sellers-home-case-studies .sellers-home-stack{
max-width:1080px;
margin-inline:auto;
gap:1.5rem;
}
body.lasso-sellers-home-mockup #sellers-home-mockup .sellers-home-case-study--preview{
display:grid;
grid-template-columns:auto minmax(0,1fr) 26rem;
align-items:center;
gap:2rem 2.5rem;
padding:2.25rem 2.5rem;
background:#fff !important;
border:1px solid var(--line) !important;
border-radius:var(--radius-xl);
box-shadow:var(--shadow-card);
transition:transform .2s ease, box-shadow .2s ease;
}
body.lasso-sellers-home-mockup #sellers-home-mockup .sellers-home-case-study--preview:hover{
transform:translateY(-2px);
box-shadow:0 22px 60px rgba(44,35,79,.1);
}
body.lasso-sellers-home-mockup #sellers-home-mockup .sellers-home-case-studies .sellers-home-stack > .sellers-home-case-study--preview:nth-child(odd),
body.lasso-sellers-home-mockup #sellers-home-mockup .sellers-home-case-studies .sellers-home-stack > .sellers-home-case-study--preview:nth-child(even){
background:#fff !important;
border-color:var(--line) !important;
}
body.lasso-sellers-home-mockup #sellers-home-mockup .sellers-home-case-brand-col{
display:flex;
align-items:center;
justify-content:center;
flex-shrink:0;
min-width:7.5rem;
max-width:11rem;
}
body.lasso-sellers-home-mockup #sellers-home-mockup .sellers-home-case-study--preview .sellers-home-case-logo{
display:block;
max-height:5.5rem;
max-width:10.5rem;
width:auto;
height:auto;
object-fit:contain;
border:0 !important;
border-radius:0.625rem;
box-shadow:none !important;
}
body.lasso-sellers-home-mockup #sellers-home-mockup .sellers-home-case-study--preview .sellers-home-case-brand-text{
font-size:1.35rem;
font-weight:800;
letter-spacing:-.02em;
color:var(--ink);
line-height:1.2;
}
body.lasso-sellers-home-mockup #sellers-home-mockup .sellers-home-case-identity{
min-width:0;
padding-right:1rem;
}
body.lasso-sellers-home-mockup #sellers-home-mockup .sellers-home-case-identity h3{
font-size:1.25rem;
font-weight:800;
line-height:1.25;
letter-spacing:-.015em;
margin:0 0 .4rem;
color:var(--ink);
}
body.lasso-sellers-home-mockup #sellers-home-mockup .sellers-home-case-niche{
margin:0 0 .35rem;
font-size:.875rem;
font-weight:600;
line-height:1.4;
color:var(--purple);
}
body.lasso-sellers-home-mockup #sellers-home-mockup .sellers-home-case-desc{
margin:0;
font-size:.9375rem;
font-weight:500;
line-height:1.5;
color:var(--muted);
}
body.lasso-sellers-home-mockup #sellers-home-mockup .sellers-home-case-metrics{
display:grid;
grid-template-columns:repeat(3,minmax(0,1fr));
align-items:start;
gap:2rem;
flex-shrink:0;
width:26rem;
padding:0.375rem 0 0.375rem 3.25rem;
border-left:1px solid var(--hairline);
}
body.lasso-sellers-home-mockup #sellers-home-mockup .sellers-home-metric{
display:flex;
flex-direction:column;
align-items:flex-start;
gap:.625rem;
min-width:0;
}
body.lasso-sellers-home-mockup #sellers-home-mockup .sellers-home-metric__ic{
display:inline-flex;
align-items:center;
justify-content:center;
width:2rem;
height:2rem;
border-radius:.5rem;
background:rgba(94,54,202,.08);
color:var(--purple);
font-size:.8125rem;
}
body.lasso-sellers-home-mockup #sellers-home-mockup .sellers-home-metric__value{
font-size:1.375rem;
font-weight:800;
line-height:1.1;
letter-spacing:-.02em;
color:var(--ink);
font-variant-numeric:tabular-nums;
}
body.lasso-sellers-home-mockup #sellers-home-mockup .sellers-home-metric__label{
font-size:.6875rem;
font-weight:700;
letter-spacing:.06em;
text-transform:uppercase;
color:var(--muted);
line-height:1.45;
}
body.lasso-sellers-home-mockup #sellers-home-mockup .sellers-home-case-study-link{
text-decoration:none;
color:inherit;
}
body.lasso-sellers-home-mockup #sellers-home-mockup .sellers-home-case-study-link:hover h3{
color:var(--purple);
}
body.lasso-sellers-home-mockup #sellers-home-mockup .sellers-home-case-studies-note{
margin:2rem auto 0;
max-width:640px;
text-align:center;
font-size:.875rem;
font-weight:500;
color:var(--muted);
line-height:1.5;
}
body.lasso-sellers-home-mockup #sellers-home-mockup .sellers-home-center-copy{
margin-top:1.25rem;
}
body.lasso-sellers-home-mockup #sellers-home-mockup .sellers-home-pricing-grid{
gap:1.25rem;
max-width:100%;
}
body.lasso-sellers-home-mockup #sellers-home-mockup .sellers-home-price-card{
border-radius:var(--radius-xl);
border:1px solid var(--line);
box-shadow:var(--shadow-card);
display:flex;
flex-direction:column;
}
body.lasso-sellers-home-mockup #sellers-home-mockup .sellers-home-price-card-featured{
transform:translateY(-8px);
box-shadow:var(--shadow-card-strong);
}
body.lasso-sellers-home-mockup #sellers-home-mockup .sellers-home-price-actions{
margin-top:auto;
padding-top:1.5rem;
}
body.lasso-sellers-home-mockup .flow__step{
min-height:100%;
}
body.lasso-sellers-home-mockup .why__grid{
align-items:stretch;
}
body.lasso-sellers-home-mockup .why-card{
min-height:100%;
}
/* ============================================================
RESPONSIVE
============================================================ */
@media (max-width:1100px){
body.lasso-sellers-home-mockup .hero__inner{grid-template-columns:1fr;gap:2.5rem;}
body.lasso-sellers-home-mockup .hero__viz--activity{
height:auto;
min-height:0;
margin-bottom:1.5rem;
box-shadow:0 12px 36px rgba(64,37,138,.22);
}
body.lasso-sellers-home-mockup .hero__activity-viewport{
height:11.5rem;
min-height:0;
flex:0 0 auto;
}
body.lasso-sellers-home-mockup .trust__grid{grid-template-columns:1fr;gap:2.5rem;}
body.lasso-sellers-home-mockup .cats__grid{grid-template-columns:repeat(2,1fr);}
body.lasso-sellers-home-mockup .cat-card--lead{grid-column:span 2;}
body.lasso-sellers-home-mockup .case-overview__grid{grid-template-columns:1fr;}
body.lasso-sellers-home-mockup .results__grid{grid-template-columns:repeat(2,1fr);}
body.lasso-sellers-home-mockup .rcard--feat{grid-column:span 2;grid-row:auto;}
body.lasso-sellers-home-mockup .why__grid{grid-template-columns:1fr;}
body.lasso-sellers-home-mockup .why-card--hero{
padding:2rem 1.75rem;
grid-template-columns:1fr;
grid-template-areas:
"header"
"body";
}
body.lasso-sellers-home-mockup .why-lifecycle{
flex-direction:column;
align-items:stretch;
}
body.lasso-sellers-home-mockup .why-lifecycle__step{
flex-direction:row;
align-items:center;
gap:.85rem;
}
body.lasso-sellers-home-mockup .why-lifecycle__connector{
flex:0 0 auto;
height:1.25rem;
}
body.lasso-sellers-home-mockup .why-lifecycle__connector::before{
content:"↓";
}
body.lasso-sellers-home-mockup .dash__body{grid-template-columns:1fr;}
body.lasso-sellers-home-mockup .dash__col--left{
border-right:0;border-bottom:1px solid rgba(0,0,0,.06);gap:2.25rem;
}
body.lasso-sellers-home-mockup .dash__col{padding:1.75rem 2rem;}
body.lasso-sellers-home-mockup .finalcta__panel{grid-template-columns:1fr;}
body.lasso-sellers-home-mockup .flow__steps{grid-template-columns:repeat(2,1fr);}
body.lasso-sellers-home-mockup .results__toolbar{grid-template-columns:1fr;}
body.lasso-sellers-home-mockup #sellers-home-mockup .sellers-home-case-study--preview{
grid-template-columns:auto minmax(0,1fr);
grid-template-areas:
"logo identity"
"metrics metrics";
gap:1.25rem 1.5rem;
padding:1.75rem 1.5rem;
}
body.lasso-sellers-home-mockup #sellers-home-mockup .sellers-home-case-brand-col{
grid-area:logo;
align-self:start;
min-width:5rem;
max-width:7rem;
}
body.lasso-sellers-home-mockup #sellers-home-mockup .sellers-home-case-identity{
grid-area:identity;
padding-right:0;
}
body.lasso-sellers-home-mockup #sellers-home-mockup .sellers-home-case-metrics{
grid-area:metrics;
width:100%;
grid-template-columns:repeat(3,minmax(0,1fr));
padding:1.5rem 0 0;
border-left:0;
border-top:1px solid var(--hairline);
gap:1.5rem 2rem;
}
}
@media (max-width:680px){
body.lasso-sellers-home-mockup{--section-pad:5rem;}
body.lasso-sellers-home-mockup .hero{
padding-top:5.75rem;
padding-bottom:calc(var(--section-pad) / 2 + 1rem);
}
body.lasso-sellers-home-mockup .hero__proof{grid-template-columns:repeat(3,1fr);}
body.lasso-sellers-home-mockup .cats__grid{grid-template-columns:1fr;}
body.lasso-sellers-home-mockup .cat-card--lead{grid-column:span 1;}
body.lasso-sellers-home-mockup .results__grid{grid-template-columns:1fr;}
body.lasso-sellers-home-mockup .rcard--feat{grid-column:span 1;}
body.lasso-sellers-home-mockup .flow__steps{grid-template-columns:1fr;}
body.lasso-sellers-home-mockup .why-card{padding:1.75rem;}
body.lasso-sellers-home-mockup .finalcta__panel{padding:2.25rem 1.5rem;}
body.lasso-sellers-home-mockup .dash__kpis{grid-template-columns:repeat(2,1fr);}
body.lasso-sellers-home-mockup .dkpi{
border-right:0;border-bottom:1px solid rgba(0,0,0,.06);
padding:1.75rem 1.5rem;
}
body.lasso-sellers-home-mockup .dash__head{
flex-direction:column;align-items:flex-start;gap:1rem;padding:1.25rem 1.5rem;
}
body.lasso-sellers-home-mockup .dash__tools{flex-wrap:wrap;}
body.lasso-sellers-home-mockup .dash__col{padding:1.5rem;}
body.lasso-sellers-home-mockup .feed-tbl{font-size:.8125rem;}
body.lasso-sellers-home-mockup .feed-tbl td{padding:.9rem .5rem;}
body.lasso-sellers-home-mockup .src__row{
grid-template-columns:minmax(0,1fr) 2.25rem 1fr 3.5rem;
}
body.lasso-sellers-home-mockup .sellers-home-platform-logo-image{
height:2.25rem;
}
body.lasso-sellers-home-mockup .platforms-rail{
gap:1.25rem 1.75rem;
}
}
@media (max-width:640px){
body.lasso-sellers-home-mockup{--pad:16px;--shadow-gutter:2.5rem;}
/* Scroll reveal: opacity-only on mobile (translateY overlaps section ledes). */
body.lasso-sellers-home-mockup .sellers-home-reveal,
body.lasso-sellers-home-mockup [data-sellers-reveal]{
transform:none !important;
}
body.lasso-sellers-home-mockup .section-head{
margin-bottom:3.5rem;
}
body.lasso-sellers-home-mockup .flow .section-head,
body.lasso-sellers-home-mockup .why .section-head{
margin-bottom:4rem;
}
body.lasso-sellers-home-mockup .flow__steps,
body.lasso-sellers-home-mockup .why__grid{
margin-top:.5rem;
}
body.lasso-sellers-home-mockup .flow .section-head__lede{
margin-bottom:1.5rem;
}
body.lasso-sellers-home-mockup .flow__steps{
gap:1rem;
}
body.lasso-sellers-home-mockup .hero__inner{
gap:3rem;
}
body.lasso-sellers-home-mockup .hero__title{
font-size:clamp(1.85rem,8vw,2.25rem);
}
body.lasso-sellers-home-mockup .hero__proof{
grid-template-columns:repeat(3,minmax(0,1fr));
gap:.75rem 1rem;
padding-bottom:1rem;
text-align:center;
}
body.lasso-sellers-home-mockup .hero__proof strong{
font-size:1.15rem;
}
body.lasso-sellers-home-mockup .hero__proof span{
font-size:.6875rem;
}
body.lasso-sellers-home-mockup .hero__viz{
margin-top:1.25rem;
}
body.lasso-sellers-home-mockup .hero__viz-label{
min-height:2rem;
align-items:center;
line-height:1.2;
margin-bottom:1rem;
}
body.lasso-sellers-home-mockup .hero__viz--activity{
padding-top:1.25rem;
}
body.lasso-sellers-home-mockup .hero__actions{
flex-direction:column;
align-items:stretch;
}
body.lasso-sellers-home-mockup .hero__actions .btn{
width:100%;
justify-content:center;
}
body.lasso-sellers-home-mockup .trust__metrics{
grid-template-columns:repeat(2,minmax(0,1fr));
}
body.lasso-sellers-home-mockup .rcard__metrics{
grid-template-columns:repeat(3,minmax(0,1fr));
}
body.lasso-sellers-home-mockup .rcard--feat .rcard__metrics{
grid-template-columns:repeat(3,minmax(0,1fr));
}
body.lasso-sellers-home-mockup .flow__step{
padding:1.75rem 1.35rem;
}
body.lasso-sellers-home-mockup .why-card{
padding:2rem 1.35rem;
}
/* Creator distribution — stack hero card header; shrink headline ramp. */
body.lasso-sellers-home-mockup .why-headline__line--lg{
font-size:clamp(1.65rem,6vw,2.15rem);
}
body.lasso-sellers-home-mockup .why-headline__line--xl{
font-size:clamp(1.75rem,7vw,2.35rem);
}
body.lasso-sellers-home-mockup .why-card__header--hero{
grid-template-columns:1fr;
justify-items:center;
text-align:center;
}
body.lasso-sellers-home-mockup .why-card__title--hero,
body.lasso-sellers-home-mockup .why-card__body--hero{
grid-column:1;
text-align:center;
}
body.lasso-sellers-home-mockup .why-lifecycle__connector{
display:none;
}
/* Case study preview — logo / identity stack; metrics stay in one row. */
body.lasso-sellers-home-mockup #sellers-home-mockup .sellers-home-case-study--preview{
grid-template-columns:1fr;
grid-template-areas:
"logo"
"identity"
"metrics";
gap:1.25rem;
padding:1.5rem 1.25rem;
}
body.lasso-sellers-home-mockup #sellers-home-mockup .sellers-home-case-brand-col{
grid-area:logo;
justify-self:center;
max-width:5.5rem;
min-width:0;
}
body.lasso-sellers-home-mockup #sellers-home-mockup .sellers-home-case-identity{
grid-area:identity;
padding-right:0;
text-align:center;
}
body.lasso-sellers-home-mockup #sellers-home-mockup .sellers-home-case-metrics{
grid-area:metrics;
grid-template-columns:repeat(3,minmax(0,1fr));
gap:1rem;
width:100%;
padding:1rem 0 0;
border-left:0;
border-top:1px solid var(--hairline);
}
body.lasso-sellers-home-mockup #sellers-home-mockup .sellers-home-metric__value{
font-size:1.15rem;
}
/* Pricing — padding, featured reset, chat widget clearance. */
body.lasso-sellers-home-mockup #sellers-home-mockup .sellers-home-pricing{
padding-bottom:calc(var(--section-pad) + 4rem);
}
body.lasso-sellers-home-mockup #sellers-home-mockup .sellers-home-price-card{
padding:1.75rem 1.35rem 2rem;
}
body.lasso-sellers-home-mockup #sellers-home-mockup .sellers-home-price-card-featured{
transform:none;
}
body.lasso-sellers-home-mockup #sellers-home-mockup .sellers-home-price-copy{
margin-top:.5rem;
}
body.lasso-sellers-home-mockup #sellers-home-mockup .sellers-home-price-badge{
top:-.75rem;
}
body.lasso-sellers-home-mockup .pcard{
padding:1.75rem 1.35rem;
}
body.lasso-sellers-home-mockup .pricing__faq details{
padding:0 1rem;
}
body.lasso-sellers-home-mockup .finalcta__panel--simple{
padding:2rem 1.25rem;
}
body.lasso-sellers-home-mockup .finalcta__actions{
flex-direction:column;
align-items:stretch;
width:100%;
}
body.lasso-sellers-home-mockup .finalcta__actions .btn,
body.lasso-sellers-home-mockup .finalcta__copy .hero__actions .btn{
width:100%;
justify-content:center;
}
body.lasso-sellers-home-mockup .finalcta__panel--simple .finalcta__bullets{
flex-direction:column;
align-items:flex-start;
gap:.5rem;
}
}
@media (max-width:480px){
body.lasso-sellers-home-mockup{--section-pad:4.25rem;--pad:20px;}
body.lasso-sellers-home-mockup #sellers-home-mockup .sellers-home-metric__label{
font-size:.625rem;
}
body.lasso-sellers-home-mockup .src__row{
grid-template-columns:minmax(0,1fr) auto;
grid-template-areas:
"name val"
"bar bar";
gap:.35rem .75rem;
}
body.lasso-sellers-home-mockup .src__name{grid-area:name;}
body.lasso-sellers-home-mockup .src__pct{display:none;}
body.lasso-sellers-home-mockup .src__bar{grid-area:bar;}
body.lasso-sellers-home-mockup .src__val{grid-area:val;text-align:right;}
body.lasso-sellers-home-mockup .why-card{padding:1.25rem;}
body.lasso-sellers-home-mockup .cat-card{padding:1.5rem 1.25rem;}
body.lasso-sellers-home-mockup .rcard{padding:1.25rem;}
body.lasso-sellers-home-mockup .flow__step{padding:1.5rem 1.25rem;}
}
body.lasso-sellers-home-mockup .rcard__brand-text{
font-weight:800;
font-size:1.25rem;
color:var(--ink);
}
body.lasso-sellers-home-mockup .rcard.is-hidden{
display:none !important;
}
/* ============================================================
Conflict resets — global style.css overrides mockup tokens
============================================================ */
/* Override blog TOC layout: style.css sets main { display:grid; grid-template-columns:780px 1fr } */
body.lasso-sellers-home-mockup #sellers-home-mockup{
display:block !important;
grid-template-columns:none !important;
width:100%;
max-width:none;
margin:0;
}
body.lasso-sellers-home-mockup .muted,
body.lasso-sellers-home-mockup .muted2{
opacity:1 !important;
}
body.lasso-sellers-home-mockup .small{
font-size:.8125rem !important;
line-height:1.5 !important;
}
body.lasso-sellers-home-mockup #sellers-home-mockup ul,
body.lasso-sellers-home-mockup #sellers-home-mockup ol{
margin-bottom:0;
}
body.lasso-sellers-home-mockup #sellers-home-mockup p{
margin-bottom:0;
line-height:1.7;
}
body.lasso-sellers-home-mockup #sellers-home-mockup .hero__lead,
body.lasso-sellers-home-mockup #sellers-home-mockup .lede,
body.lasso-sellers-home-mockup #sellers-home-mockup .section-head__lede,
body.lasso-sellers-home-mockup #sellers-home-mockup .trust__copy .lede{
margin-bottom:1.25rem;
}
body.lasso-sellers-home-mockup .btn{
display:inline-flex !important;
align-items:center;
justify-content:center;
gap:8px;
font-size:.95rem !important;
line-height:1.2 !important;
font-weight:700 !important;
letter-spacing:.01em !important;
border-radius:.85rem !important;
padding:0 22px !important;
height:48px;
white-space:nowrap;
text-decoration:none !important;
background-image:none !important;
text-shadow:none !important;
cursor:pointer;
}
body.lasso-sellers-home-mockup .btn--lg{
height:54px !important;
padding:0 26px !important;
font-size:1rem !important;
}
body.lasso-sellers-home-mockup .btn--primary{
background:var(--green) !important;
color:#fff !important;
border:1px solid transparent !important;
box-shadow:0 6px 18px rgba(44,35,79,.08);
}
body.lasso-sellers-home-mockup .btn--ghost{
background:transparent !important;
color:var(--purple) !important;
border:1px solid rgba(94,54,202,.25) !important;
box-shadow:none !important;
}
body.lasso-sellers-home-mockup .finalcta__panel .btn--ghost{
background:transparent !important;
color:#fff !important;
border:1px solid #fff !important;
box-shadow:none !important;
}
body.lasso-sellers-home-mockup .finalcta__panel .btn--ghost:hover{
background:rgba(255,255,255,.12) !important;
color:#fff !important;
border-color:#fff !important;
}
body.lasso-sellers-home-mockup .btn--dark{
background:var(--purple) !important;
color:#fff !important;
}
body.lasso-sellers-home-mockup #demoPopup{
display:none !important;
}
body.lasso-sellers-home-mockup .sellers-home-footer{
margin-top:0;
}
/* ============================================================
SCROLL REVEAL (mockup-only)
============================================================ */
body.lasso-sellers-home-mockup .sellers-home-reveal,
body.lasso-sellers-home-mockup [data-sellers-reveal]{
opacity:0;
transform:translate3d(0, 20px, 0);
transition:
opacity .65s cubic-bezier(.16, 1, .3, 1),
transform .65s cubic-bezier(.16, 1, .3, 1);
will-change:opacity, transform;
}
body.lasso-sellers-home-mockup [data-sellers-reveal="right"],
body.lasso-sellers-home-mockup .sellers-home-reveal--right{
transform:translate3d(20px, 0, 0);
}
body.lasso-sellers-home-mockup .sellers-home-reveal.is-visible,
body.lasso-sellers-home-mockup [data-sellers-reveal].is-visible{
opacity:1;
transform:none;
}
body.lasso-sellers-home-mockup [data-sellers-delay="1"]{transition-delay:.06s;}
body.lasso-sellers-home-mockup [data-sellers-delay="2"]{transition-delay:.12s;}
body.lasso-sellers-home-mockup [data-sellers-delay="3"]{transition-delay:.18s;}
body.lasso-sellers-home-mockup [data-sellers-delay="4"]{transition-delay:.24s;}
body.lasso-sellers-home-mockup [data-sellers-delay="5"]{transition-delay:.30s;}
body.lasso-sellers-home-mockup [data-sellers-delay="6"]{transition-delay:.36s;}
@media (prefers-reduced-motion:reduce){
body.lasso-sellers-home-mockup .sellers-home-reveal,
body.lasso-sellers-home-mockup [data-sellers-reveal]{
opacity:1 !important;
transform:none !important;
transition:none !important;
}
}