/* Sellers page styles. Every rule is scoped to .er-sellers so nothing leaks into the rest of the site. */
.er-sellers{font-family:"DM Sans",-apple-system,BlinkMacSystemFont,"Segoe UI",Helvetica,sans-serif;background:#fbfaf7;color:#26251f;-webkit-font-smoothing:antialiased;overflow-x:clip}
.er-sellers *{box-sizing:border-box}
.er-sellers a{color:#0a0a0a}
.er-sellers .serif{font-family:"Cormorant Garamond",Georgia,serif}
.er-sellers .num{font-family:"DM Serif Display",Georgia,serif;font-weight:400 !important;font-variant-numeric:lining-nums;letter-spacing:-0.01em}
.er-sellers .wrap{max-width:1200px;margin:0 auto;padding:0 24px;width:100%}
.er-sellers .g2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
.er-sellers .g3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.er-sellers .g4{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}
.er-sellers .g5{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px}
.er-sellers .g6{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px}
.er-sellers .hero-h{font-size:clamp(56px,6.1vw,88px)}
.er-sellers .big-h{font-size:56px}

/* Interaction */
.er-sellers .btn{transition:background 220ms cubic-bezier(0.2,0,0.1,1),transform 140ms,box-shadow 220ms}
.er-sellers .btn:hover{transform:translateY(-1px)}
.er-sellers .btn-accent:hover{background:#d17e18 !important}
.er-sellers .btn-ghost:hover{background:rgba(10,10,10,0.05) !important}
.er-sellers .lift{transition:transform 360ms cubic-bezier(0.16,1,0.3,1),box-shadow 360ms}
.er-sellers .lift:hover{transform:translateY(-4px);box-shadow:0 18px 48px rgba(10,10,10,0.13)}
.er-sellers .imgcard img{transition:transform 600ms cubic-bezier(0.16,1,0.3,1)}
.er-sellers .imgcard:hover img{transform:scale(1.05)}
.er-sellers [data-er-track]{touch-action:pan-y}
.er-sellers input:focus-visible,.er-sellers button:focus-visible,.er-sellers a:focus-visible{outline:none;box-shadow:0 0 0 3px rgba(236,145,34,0.45)}

/* Selling FAQ (native <details>, no script needed) */
.er-sellers .er-faq-item{border-bottom:1px solid #e0dcd2}
.er-sellers .er-faq-item summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:24px;padding:24px 0}
.er-sellers .er-faq-item summary::-webkit-details-marker{display:none}
.er-sellers .er-faq-item summary::after{content:"+";flex:none;width:36px;height:36px;border-radius:999px;border:1px solid #c3bfb4;display:flex;align-items:center;justify-content:center;font-size:22px;line-height:1;color:#b96c11;transition:background 220ms,color 220ms,border-color 220ms}
.er-sellers .er-faq-item[open] summary::after{content:"\2212";background:#ec9122;border-color:#ec9122;color:#0a0a0a}
.er-sellers .er-faq-item summary:hover h3{color:#b96c11 !important}
.er-sellers .er-faq-item summary:focus-visible{outline:none;box-shadow:0 0 0 3px rgba(236,145,34,0.45);border-radius:8px}
.er-sellers .er-faq-item a{color:#b96c11;font-weight:600}

/* Before / after results carousel */
.er-sellers .er-cs-card{flex:0 0 100%;min-width:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));background:#ffffff}
.er-sellers .er-cs-body{padding:52px;display:flex;flex-direction:column;gap:24px}
.er-sellers .er-ba{position:relative;overflow:hidden;background:#e0dcd2;min-height:620px;--ba:50%}
.er-sellers .er-ba img{position:absolute;left:0;top:0;width:100%;height:100%;object-fit:cover;display:block}
.er-sellers .er-ba-before{clip-path:inset(0 calc(100% - var(--ba)) 0 0)}
.er-sellers .er-ba-line{position:absolute;top:0;bottom:0;left:var(--ba);width:3px;margin-left:-1px;background:#ffffff;box-shadow:0 0 12px rgba(0,0,0,0.25)}
.er-sellers .er-ba-handle{position:absolute;top:50%;left:var(--ba);width:48px;height:48px;margin:-24px 0 0 -24px;border-radius:999px;background:#ffffff;box-shadow:0 8px 24px rgba(10,10,10,0.25);display:flex;align-items:center;justify-content:center}
.er-sellers .er-ba-range{position:absolute;left:0;top:0;width:100%;height:100%;margin:0;opacity:0;cursor:ew-resize;touch-action:pan-y}

/* Section bands: sand-colored bands alternate with the cream page so each section reads as its own block */
.er-sellers .er-band{background-color:#f1ece2;border-top:1px solid #e3ddd0;border-bottom:1px solid #e3ddd0}
.er-sellers .er-topo{background-image:url('../../newsellers/topo-lines.svg');background-size:cover;background-position:center;background-repeat:no-repeat}
.er-sellers .er-band .er-faq-item{border-bottom-color:#d9d2c3}

/* Entrance animation */
@keyframes er-rise{from{opacity:0;transform:translateY(28px)}to{opacity:1;transform:none}}
@keyframes er-floaty{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}
.er-sellers .rise-1{animation:er-rise 900ms cubic-bezier(0.16,1,0.3,1) both}
.er-sellers .rise-2{animation:er-rise 900ms 120ms cubic-bezier(0.16,1,0.3,1) both}
.er-sellers .rise-3{animation:er-rise 900ms 240ms cubic-bezier(0.16,1,0.3,1) both}
.er-sellers .rise-4{animation:er-rise 1100ms 380ms cubic-bezier(0.16,1,0.3,1) both}
.er-sellers .floaty{animation:er-floaty 5s ease-in-out infinite}
@media (prefers-reduced-motion: reduce){.er-sellers *{animation:none !important;transition:none !important}}

/* ============ SMALL DESKTOP + TABLET LANDSCAPE (up to 1199px) ============ */
@media (max-width:1199px){
/* Launch tiles: 6-column grid = one big tile, a row of three, then website + ads */
.er-sellers .g5{grid-template-columns:repeat(6,minmax(0,1fr))}
.er-sellers .t-cine{grid-column:span 6 !important;grid-row:span 2 !important}
.er-sellers .t-plan,.er-sellers .t-stage,.er-sellers .t-social{grid-column:span 2 !important}
.er-sellers .t-web{grid-column:span 4 !important}
.er-sellers .t-ads{grid-column:span 2 !important}
.er-sellers .big-h{font-size:48px}
.er-sellers .er-pad{padding:96px 0 !important}
.er-sellers .er-cta{padding:88px 0 !important}
.er-sellers .er-cs-body{padding:40px}
.er-sellers .er-cs-title{font-size:30px !important}
.er-sellers .hero-split{gap:40px !important}
.er-sellers .er-faq-grid{gap:48px !important}
}

/* ============ TABLET PORTRAIT (up to 900px) ============ */
@media (max-width:900px){
.er-sellers .g2,.er-sellers .g3{grid-template-columns:minmax(0,1fr)}
.er-sellers .g4{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:28px}
.er-sellers .g6{grid-template-columns:minmax(0,1fr)}
.er-sellers .g6 figure{grid-column:auto !important}
.er-sellers .hero-h{font-size:clamp(38px,10.4vw,72px)}
.er-sellers .big-h{font-size:40px}
.er-sellers .er-launch-h{font-size:40px !important}
/* Hero stacks: copy, then video, then stats. Natural height instead of a forced full screen. */
.er-sellers .er-hero{min-height:0 !important;padding:32px 0 48px !important}
.er-sellers .hero-split{grid-template-columns:minmax(0,1fr) !important;gap:36px !important}
.er-sellers .er-hero-media{height:auto !important;min-height:0 !important;aspect-ratio:16/11;max-height:70vh}
.er-sellers .er-hero-media video{object-position:50% 18% !important}
.er-sellers .er-sr{min-height:100vh !important;min-height:100svh !important}
.er-sellers .er-sr-inner{padding-top:72px !important;padding-bottom:72px !important}
.er-sellers .er-portrait{height:auto !important;aspect-ratio:4/3}
.er-sellers #meet .g2{gap:40px !important}
.er-sellers .er-pad{padding:80px 0 !important}
.er-sellers .er-launch{padding:80px 0 !important}
.er-sellers .er-cta{padding:72px 0 !important}
.er-sellers .er-cta .g2{gap:40px !important}
.er-sellers .er-form .g2{grid-template-columns:repeat(2,minmax(0,1fr))}
.er-sellers .er-neg .g2{gap:20px !important}
.er-sellers .er-results{padding:80px 0 72px !important}
.er-sellers .er-cs-card{grid-template-columns:minmax(0,1fr)}
.er-sellers .er-ba{min-height:0;aspect-ratio:16/10}
.er-sellers .er-cs-body{padding:36px}
.er-sellers .er-faq-grid{grid-template-columns:minmax(0,1fr) !important;gap:32px !important}
}

/* ============ PHONE (up to 640px) ============ */
@media (max-width:640px){
.er-sellers .wrap{padding:0 20px}
.er-sellers .big-h{font-size:34px}
.er-sellers .er-launch-h{font-size:34px !important}
.er-sellers .er-lead{font-size:17px !important}
.er-sellers .er-hero{padding:24px 0 40px !important}
.er-sellers .er-hero-media{aspect-ratio:4/5;max-height:none;border-radius:22px !important}
.er-sellers .er-btnrow{flex-direction:column;align-items:stretch !important;width:100%}
.er-sellers .er-btnrow a{text-align:center}
.er-sellers .er-stats .num{font-size:40px !important}
.er-sellers .er-stats span:last-child{font-size:11px !important;letter-spacing:0.12em !important}
.er-sellers .er-sr .btn{align-self:stretch !important;text-align:center}
.er-sellers .er-portrait{aspect-ratio:4/5;border-radius:22px !important}
.er-sellers #meet p{font-size:17px !important}
.er-sellers .er-pad{padding:64px 0 !important}
.er-sellers .er-launch{padding:64px 0 !important}
.er-sellers .er-cta{padding:56px 0 !important}
/* Launch tiles: two columns */
.er-sellers .g5{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:200px !important;gap:12px !important}
.er-sellers .t-cine{grid-column:span 2 !important;grid-row:span 1 !important;height:300px}
.er-sellers .g5{grid-auto-rows:auto !important}
.er-sellers .tile{height:200px;min-height:0 !important}
.er-sellers .t-cine{height:300px}
.er-sellers .t-plan,.er-sellers .t-stage{grid-column:span 1 !important}
.er-sellers .t-social,.er-sellers .t-web,.er-sellers .t-ads{grid-column:span 2 !important}
.er-sellers .t-cine h3{font-size:24px !important}
.er-sellers .t-cine span:last-child{font-size:14px !important}
.er-sellers .t-plan>div:last-child,.er-sellers .t-stage>div:last-child{left:14px !important;right:14px !important;bottom:14px !important}
.er-sellers .t-plan h3,.er-sellers .t-stage h3{font-size:16px !important}
.er-sellers .t-social>div:last-child{width:150px !important}
.er-sellers .t-web-text{width:118px !important;left:18px !important}
.er-sellers .t-web-mock{width:168px !important;height:126px !important;right:14px !important;top:auto !important;bottom:20px}
.er-sellers .t-web-mock img{width:100% !important;height:112px !important}
.er-sellers .t-ads>div:first-child{left:auto !important;right:18px}
.er-sellers .t-ads>div:last-child{right:150px !important}
/* Carousel: one card with the next one peeking in */
.er-sellers .er-card{flex-basis:min(82vw,340px) !important}
.er-sellers .er-card>div:first-child{height:220px !important}
.er-sellers #listings [data-er-prev],.er-sellers #listings [data-er-next]{width:44px !important;height:44px !important}
.er-sellers .er-neg{gap:32px !important}
.er-sellers .g6{grid-template-columns:minmax(0,1fr);gap:14px !important}
.er-sellers .g6 figure{padding:24px !important}
.er-sellers .g6 blockquote{font-size:16px !important}
.er-sellers .er-form{padding:22px !important;border-radius:20px !important}
.er-sellers .er-form .g2{grid-template-columns:minmax(0,1fr)}
.er-sellers .er-results{padding:64px 0 56px !important}
.er-sellers .er-results .wrap{gap:32px !important}
.er-sellers .er-ba{aspect-ratio:4/3}
.er-sellers .er-cs-body{padding:24px 22px 26px;gap:20px}
.er-sellers .er-cs-title{font-size:24px !important}
.er-sellers .er-cs-body .num{font-size:26px !important}
.er-sellers .er-cs-body .btn{flex:1 1 100%;justify-content:center}
.er-sellers .er-results [data-er-cs-prev],.er-sellers .er-results [data-er-cs-next]{width:44px !important;height:44px !important}
.er-sellers .er-faq-item summary{padding:20px 0;gap:16px}
.er-sellers .er-faq-item h3{font-size:18px !important}
.er-sellers .er-faq-item p{font-size:16px !important;padding-right:0 !important}
}


#inner-page-wrapper {
    margin-bottom: 0 !important;
}
#inner-page-wrapper .container {
    width: 100% !important;
    padding: 0 !important;
}
/* .ip-banner{
    display: none !important;
}
.header{
    padding: 11px 0;
    background-color: rgba(255, 255, 255, 0.89);
}
.header .header-logo img {
    max-width: 116px;
    filter: none;
}
.header #headernav>li>a {
    font-size: 16px;
    color: #000;
}
.header #headernav>li:last-child>a {
    color: #000;
}
.header #headernav>li>a::after {
    background-color: #000;
}
.header #headernav .sub-menu {
    padding-top: 24px;
}
.header .header-inner-wrapper .header-burgermenu-col .header-burgermenu span {
    color: #000;
} */