/* List48 v8-r39 — site styles */
:root{
  --ink:#121826;--ink2:#2b3345;--muted:#5b6474;--line:#dde2ea;--mist:#f3f5f9;--paper:#fff;
  --blue:#1769ff;--blue-d:#0f55d6;--navy:#0b1630;--tang:#ff6a2b;--ok:#157a3c;--err:#b42318;
  --r:12px;--font:Ubuntu,system-ui,-apple-system,"Segoe UI",sans-serif}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{margin:0;background:var(--paper);color:var(--ink);font:400 17px/1.6 var(--font)}
a{color:var(--blue)}
h1,h2,h3{line-height:1.12;margin:0 0 .45em;font-weight:700;letter-spacing:-.015em}
h2{font-size:clamp(28px,4vw,40px)}
h3{font-size:19px;letter-spacing:0}
small{font-size:.85em}
:focus-visible{outline:3px solid var(--blue);outline-offset:2px}
.vh{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.wrap{max-width:1160px;margin:0 auto;padding:0 clamp(18px,4vw,40px)}
.testbar{background:#fff4d6;color:#6b4e00;text-align:center;font-size:14px;padding:7px 12px}

/* Buttons */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:var(--blue);color:#fff;text-decoration:none;font:500 16px var(--font);padding:12px 20px;border-radius:10px;border:2px solid var(--blue);cursor:pointer;white-space:nowrap}
.btn:hover{background:var(--blue-d);border-color:var(--blue-d)}
.btn.big{font-size:18px;padding:15px 26px}
.btn.sm{font-size:14px;padding:7px 13px;border-radius:8px}
.btn.ghost{background:#fff;color:var(--ink);border-color:var(--line)}
.btn.ghost:hover{border-color:var(--ink)}
.btn.danger{color:var(--err)}
.btn[disabled]{opacity:.55;cursor:wait}
.row{display:flex;gap:8px;align-items:center}
.row.wrap{flex-wrap:wrap}
.linkbtn{background:none;border:0;color:var(--blue);font:500 15px var(--font);cursor:pointer;padding:4px 0}

/* App pages */
.app{max-width:1160px;margin:0 auto;padding:28px clamp(18px,4vw,40px) 40px}
.app.narrow{max-width:640px}
.app.wide{max-width:1400px}
.app-head{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;flex-wrap:wrap;margin-bottom:22px}
.app-head h1{font-size:clamp(28px,4vw,42px);margin:0}
.app-head p{margin:6px 0 0;color:var(--muted);font-weight:300}
.crumb{font-size:14px;margin:0 0 6px!important;font-weight:400!important}
.help{font-size:14px;color:var(--muted);margin:6px 0 0;font-weight:300}
.split{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:40px;align-items:start}
.side{position:sticky;top:20px}
.phone{width:100%;max-width:330px;height:640px;border:9px solid var(--ink);border-radius:36px;overflow:hidden;background:#fff}
.phone iframe{width:100%;height:100%;border:0}
.tips{background:var(--mist);border-radius:var(--r);padding:18px}
.tips p{margin:0;color:var(--muted);font-weight:300}
.suggest{display:flex;align-items:center;gap:16px;border:2px solid var(--c);border-radius:var(--r);padding:16px 18px;text-decoration:none;color:var(--ink);max-width:560px}
.suggest>span:nth-child(2){flex:1;display:flex;flex-direction:column}
.suggest small{color:var(--muted)}
.suggest strong{font-size:22px}
.suggest .cat-icon{font-size:36px}

/* Forms */
.form fieldset{border:0;border-top:1px solid var(--line);margin:0;padding:22px 0}
.form fieldset:first-of-type{border-top:0;padding-top:4px}
.form legend{float:left;width:100%;font-weight:700;font-size:20px;padding:0 0 10px}
.form legend+*{clear:both}
.fgrid{display:grid;grid-template-columns:1fr 1fr;gap:14px 16px}
.fgrid.thirds{grid-template-columns:repeat(3,1fr)}
.field{display:grid;gap:5px;align-content:start}
.field.full{grid-column:1/-1}
.field label{font-weight:500;font-size:15px}
.field label small{font-weight:300;color:var(--muted)}
.req{color:var(--err)}
input[type=text],input[type=search],input[type=email],input[type=tel],input[type=password],input[type=date],input:not([type]),textarea,select{width:100%;font:400 16px var(--font);padding:11px 12px;border:1.5px solid #c5ccd8;border-radius:8px;background:#fff;color:var(--ink)}
textarea{resize:vertical;line-height:1.5}
input:focus,textarea:focus,select:focus{border-color:var(--blue);outline:3px solid rgba(35,70,245,.15)}
.hp{position:absolute;left:-9999px}
.alert{padding:12px 16px;border-radius:8px;margin:0 0 16px;font-weight:500}
.alert.err{background:#fdecea;color:var(--err)}
.alert.ok{background:#e7f6ec;color:var(--ok)}

.photos{display:grid;grid-template-columns:repeat(auto-fill,minmax(112px,1fr));gap:10px}
.ph{position:relative;aspect-ratio:1;border-radius:8px;overflow:hidden;background:var(--mist)}
.ph img{width:100%;height:100%;object-fit:cover;display:block}
.ph.up img{opacity:.45}
.ph.fail{outline:3px solid var(--err)}
.ph-cover{position:absolute;top:6px;left:6px;background:var(--tang);color:#fff;font-size:12px;font-weight:700;padding:1px 7px;border-radius:4px}
.ph-state{position:absolute;inset:0;display:grid;place-items:center;font-size:13px;font-weight:500}
.ph-tools{position:absolute;left:0;right:0;bottom:0;display:flex;justify-content:space-between;gap:4px;padding:18px 5px 5px;background:linear-gradient(transparent,rgba(0,0,0,.55))}
.ph-tools button{background:#fff;border:0;border-radius:5px;font:500 12px var(--font);padding:3px 7px;cursor:pointer}
.ph-add{display:flex;flex-direction:column;align-items:center;justify-content:center;aspect-ratio:1;border:2px dashed #b7bfcc;border-radius:8px;cursor:pointer;color:var(--ink2);text-align:center}
.ph-add span{font-weight:500}
.ph-add small{color:var(--muted);font-weight:300}
.ph-add:hover{border-color:var(--blue);color:var(--blue)}
.ai{display:flex;flex-wrap:wrap;align-items:center;gap:10px 14px;background:#eef2ff;border-radius:10px;padding:14px 16px;margin-bottom:14px}
.ai p{margin:0;flex:1 1 100%;font-weight:300;font-size:15px}
.ai strong{font-weight:500}
.btnrow{display:grid;grid-template-columns:130px 1fr 1fr 34px;gap:8px;margin:10px 0 0;align-items:center}
.btnrow .rm{border:0;background:none;font-size:22px;color:var(--muted);cursor:pointer}
.swatches{display:flex;gap:10px;flex-wrap:wrap}
.swatches label{position:relative}
.swatches input{position:absolute;opacity:0}
.swatches label>span{display:block;width:38px;height:38px;border-radius:50%;background:var(--c);border:3px solid #fff;box-shadow:0 0 0 1.5px var(--line);cursor:pointer}
.swatches input:checked+span{box-shadow:0 0 0 3px var(--ink)}
.swatches input:focus-visible+span{outline:3px solid var(--blue);outline-offset:3px}
.savebar{position:sticky;bottom:0;z-index:5;background:rgba(255,255,255,.96);border-top:1px solid var(--line);padding:14px 0;display:flex;align-items:center;gap:14px;flex-wrap:wrap}

/* Publish */
.choice{display:block;position:relative;border:2px solid var(--line);border-radius:var(--r);padding:15px 18px 15px 50px;margin-bottom:10px;cursor:pointer}
.choice input{position:absolute;left:18px;top:19px;width:19px;height:19px;accent-color:var(--blue)}
.choice:has(input:checked){border-color:var(--blue);background:#f5f7ff}
.choice strong{font-weight:700;font-size:18px}
.choice .amt{float:right;font-weight:700;font-size:20px}
.choice p{margin:2px 0 0;color:var(--muted);font-size:15px;font-weight:300}
.total{font-size:24px;font-weight:700;margin:18px 0 12px}

/* Dashboard / kit */
.card{border:1px solid var(--line);border-radius:var(--r);padding:20px 22px;margin-bottom:22px}
.card h2{font-size:22px}
.card.keep{border:2px solid var(--tang)}
.linkrow{display:flex;gap:8px;margin:8px 0 12px}
.linkrow input{font-weight:500}
.tabs{display:flex;gap:4px;border-bottom:1px solid var(--line);margin:0 0 22px;overflow-x:auto}
.tabs a{padding:10px 14px;text-decoration:none;color:var(--ink2);font-weight:500;border-bottom:3px solid transparent;white-space:nowrap}
.tabs a:hover{border-bottom-color:var(--blue);color:var(--blue)}
.pill{display:inline-block;padding:2px 10px;border-radius:20px;font-size:13px;font-weight:500;background:var(--mist);color:var(--ink2)}
.pill.live{background:#e7f6ec;color:var(--ok)}
.pill.sold{background:#fff1e8;color:#b4400c}
.pill.off{background:#fdecea;color:var(--err)}
.pill.draft{background:#fff4d6;color:#6b4e00}
.stats{display:flex;gap:34px;flex-wrap:wrap}
.stats div{display:grid}
.stats b{font-size:34px;font-weight:700;line-height:1.1}
.stats span{color:var(--muted);font-size:14px}
.spark{display:flex;align-items:flex-end;gap:4px;height:64px;margin-top:14px;max-width:420px}
.spark span{flex:1;background:var(--blue);border-radius:3px 3px 0 0;min-height:3px;opacity:.85}
.kitbox{margin-bottom:28px}
.kitbox h3{font-size:20px}
.kit-link{border:1px solid var(--line);border-radius:var(--r);padding:18px 20px;margin-bottom:18px}
.kit-link label{font-weight:700}
.kit-cols{display:grid;grid-template-columns:300px minmax(0,1fr);gap:18px;margin-bottom:22px}
.kit-card{border:1px solid var(--line);border-radius:var(--r);padding:18px 20px}
.kit-card p{font-weight:300}
.qrbox{text-align:center}
.qrbox .qr{width:210px;height:210px;margin:6px auto 4px}
.qrbox .qr svg{width:100%;height:100%}
.qr-cap{margin:0 0 10px;font-weight:500}
.qrbox .row{justify-content:center}
.shareimg{width:100%;height:auto;border-radius:8px;border:1px solid var(--line);display:block;margin:4px 0 10px}
.texts{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:14px}
.textblock textarea{font:300 14px/1.5 var(--font);background:var(--mist)}
.textblock-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px}
.editwrap{padding-top:10px;margin-bottom:28px}
.mylist{list-style:none;margin:0;padding:0}
.mylist li{padding:8px 0;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;gap:10px}
.prose p{font-weight:300;max-width:66ch}

/* Admin */
.kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;margin-bottom:14px}
.kpis div{border:1px solid var(--line);border-radius:10px;padding:12px 14px}
.kpis b{display:block;font-size:24px;font-weight:700}
.kpis span{font-size:13px;color:var(--muted)}
.filter{margin:18px 0}
.filter input{max-width:280px}
.filter select{max-width:160px}
.tablewrap{overflow-x:auto}
table{width:100%;border-collapse:collapse;font-size:14px}
th,td{text-align:left;padding:9px 8px;border-bottom:1px solid var(--line);vertical-align:top}
th{font-weight:500;color:var(--muted);font-size:13px}
td small{color:var(--muted)}
.acts form{display:inline}
.acts button{font:400 12px var(--font);padding:3px 7px;margin:2px 2px 0 0;cursor:pointer;border:1px solid var(--line);background:#fff;border-radius:5px}

@media (max-width:980px){
  .split{grid-template-columns:1fr}
  .side{position:static}
  .kit-cols{grid-template-columns:1fr}
}
@media (max-width:600px){
  .fgrid,.fgrid.thirds{grid-template-columns:1fr 1fr}
  .btnrow{grid-template-columns:1fr 1fr 30px}
  .btnrow select{grid-column:1/-1}
  .top nav{gap:14px}
  .stats{gap:22px}
}
@media (max-width:420px){.fgrid,.fgrid.thirds{grid-template-columns:1fr}}

/* ===== v4-r2: header ===== */
.top{position:relative;z-index:30;background:#fff;box-shadow:0 2px 12px -4px rgba(11,22,48,.12)}
.top.over{position:absolute;left:0;right:0;top:auto;background:transparent;border-bottom:0}
.top-in{max-width:1180px;margin:0 auto;display:flex;align-items:center;gap:28px;padding:14px 30px}
.logo{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--ink);font-size:23px;font-weight:500;letter-spacing:-.02em}
.logo img{display:block;height:38px;width:auto}
.logo b{font-weight:700}
.main-nav{display:flex;gap:28px;margin:0 auto}
.acct-nav{display:flex;align-items:center;gap:22px}
.main-nav a,.acct-nav>a:not(.btn){color:var(--ink);text-decoration:none;font-weight:500;font-size:15px}
.main-nav a:hover,.acct-nav>a:not(.btn):hover{color:var(--blue)}
.nav-cta{padding:11px 18px;box-shadow:0 8px 18px -8px rgba(23,105,255,.7)}
.nav-cta span[aria-hidden]{font-weight:400}
.testbar{position:relative;z-index:31}

/* ===== v4-r2: hero with animated scenes ===== */
.hx{position:relative;overflow:hidden;min-height:clamp(600px,80vh,760px);background:#d9c9a8;isolation:isolate}
.hx-bg,.hx-slide,.hx-fade{position:absolute;inset:0}
.hx-bg{opacity:.50} /* hero background opacity: change this value (0-1); phone preview remains full strength */
.hx-slide{background-size:cover;background-position:center;opacity:0;will-change:opacity,transform;
  animation:hxFade 24s infinite,hxPan 24s infinite linear}
/* 3 scenes x 8s; negative first delay so a scene is visible on load */
.hx-slide.s1,.scr.s1{animation-delay:-1s}
.hx-slide.s2,.scr.s2{animation-delay:7s}
.hx-slide.s3,.scr.s3{animation-delay:15s}
@keyframes hxFade{0%{opacity:0}4.5%{opacity:1}33.3%{opacity:1}37.5%{opacity:0}100%{opacity:0}}
@keyframes hxPan{0%{transform:scale(1.14) translate3d(2.5%,0,0)}37.5%{transform:scale(1.04) translate3d(-2%,0,0)}100%{transform:scale(1.04) translate3d(-2%,0,0)}}
/* Soft white wash on the left keeps the headline readable over any scene */
.hx-fade{background:
  linear-gradient(90deg,rgba(255,255,255,.9) 0%,rgba(255,255,255,.78) 26%,rgba(255,255,255,.42) 44%,rgba(255,255,255,0) 60%),
  linear-gradient(180deg,rgba(255,255,255,.35) 0%,rgba(255,255,255,0) 22%,rgba(255,255,255,0) 78%,rgba(243,245,249,.9) 100%)}
.hx-in{position:relative;z-index:2;max-width:1180px;margin:0 auto;display:grid;grid-template-columns:minmax(0,530px) minmax(0,1fr);gap:30px;align-items:center;padding:clamp(56px,8vh,90px) 30px 140px}
.hx-copy h1{font-size:clamp(44px,5.2vw,76px);font-weight:700;letter-spacing:-.04em;line-height:1;margin:0 0 20px}
.hx-copy h1 span{color:var(--blue)}
.hx .lede{font-size:clamp(18px,1.5vw,20px);font-weight:400;color:var(--ink2);max-width:30em;margin:0 0 26px;line-height:1.5}
.starter{position:relative;display:flex;align-items:center;gap:8px;max-width:600px;background:#fff;border-radius:14px;padding:7px 7px 7px 46px;box-shadow:0 12px 32px -12px rgba(11,22,48,.35),0 0 0 1px rgba(11,22,48,.06)}
.starter-ic{position:absolute;left:16px;width:21px;height:21px;color:var(--muted)}
.starter input[type=text]{flex:1;min-width:0;border:0;padding:12px 6px;font:400 18px var(--font);background:transparent}
.starter input[type=text]:focus{outline:none}
.starter:focus-within{box-shadow:0 12px 32px -12px rgba(11,22,48,.35),0 0 0 3px rgba(23,105,255,.35)}
.starter .btn{padding:13px 20px;font-size:17px}
.checks{list-style:none;display:flex;flex-wrap:wrap;gap:8px 24px;margin:18px 0 0;padding:0}
.checks li{position:relative;padding-left:28px;font-weight:500;font-size:15px}
.checks li::before{content:"";position:absolute;left:0;top:1px;width:20px;height:20px;border-radius:50%;background:var(--blue) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M5.5 10.5l3 3 6-7' fill='none' stroke='%23fff' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/100%}

/* Phone showing the ad, with destination chips */
.hx-stage{position:relative;height:540px;justify-self:start;width:min(100%,520px)}
.orbit{position:absolute;left:50%;top:50%;width:470px;height:470px;transform:translate(-50%,-50%);border-radius:50%;border:2px dashed rgba(255,255,255,.75);background:radial-gradient(circle,rgba(255,255,255,.28),rgba(255,255,255,0) 70%)}
.phone3d{position:absolute;left:50%;top:50%;width:250px;height:510px;transform:translate(-50%,-50%);background:#0e1320;border-radius:40px;padding:11px;box-shadow:0 40px 70px -28px rgba(11,22,48,.7),inset 0 0 0 2px #2a3140}
.notch{position:absolute;z-index:3;top:18px;left:50%;width:78px;height:20px;transform:translateX(-50%);background:#0e1320;border-radius:12px}
.scr{position:absolute;inset:11px;border-radius:30px;overflow:hidden;background:#fff;display:flex;flex-direction:column;opacity:0;animation:hxFade 24s infinite}
.scr-img{height:44%;background-size:cover;background-position:center}
.scr-body{display:flex;flex-direction:column;gap:3px;padding:12px 14px 14px;flex:1}
.scr-cat{font-size:11px;font-weight:500;color:var(--blue)}
.scr-title{font-size:15px;font-weight:700;line-height:1.2}
.scr-price{font-size:22px;font-weight:700;letter-spacing:-.01em;margin-top:2px}
.scr-loc{font-size:12px;color:var(--muted)}
.scr-meta{font-size:11px;color:var(--ink2);border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:6px 0;margin:6px 0}
.scr-btns{display:grid;grid-template-columns:1fr 1fr;gap:6px}
.scr-btn{display:block;text-align:center;background:var(--blue);color:#fff;border:1.5px solid var(--blue);border-radius:9px;font-size:13px;font-weight:500;padding:7px 0}
.scr-btn.alt{background:#fff;color:var(--blue)}
.scr-url{margin-top:auto;align-self:center;font-size:11px;font-weight:500;color:var(--muted)}
.chip{position:absolute;z-index:3;display:flex;align-items:center;gap:9px;background:#fff;border-radius:14px;padding:9px 14px 9px 9px;font-size:14px;font-weight:500;white-space:nowrap;box-shadow:0 10px 26px -10px rgba(11,22,48,.45)}
.chip-ic{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;color:#fff}
.chip svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.c1{left:6%;top:6%}.c1 .chip-ic{background:#1769ff}
.c2{right:-6%;top:15%}.c2 .chip-ic{background:#6d28d9}
.c3{right:-6%;top:42%}.c3 .chip-ic{background:#16a34a}
.c4{left:-5%;top:52%}.c4 .chip-ic{background:#0e9f6e}
.c5{right:-2%;bottom:9%}.c5 .chip-ic{background:#0e7490}
.c6{left:6%;bottom:3%}.c6 .chip-ic{background:#121826}
@media (prefers-reduced-motion:no-preference){
  .chip{animation:bob 6s ease-in-out infinite}
  .c2,.c5{animation-delay:-2s}.c3,.c6{animation-delay:-4s}
  @keyframes bob{50%{transform:translateY(-6px)}}
}
/* Reduced-motion systems (Windows "Animation effects" off, macOS "Reduce motion"): keep the gentle crossfade, drop the pan/zoom */
@media (prefers-reduced-motion:reduce){
  .hx-slide{animation:hxFade 24s infinite;transform:scale(1.04)}
  .hx.landing .hx-slide{animation:none}
}

/* ===== v4-r2: home blocks (concept order) ===== */
body.home{background:var(--mist)}
.wrap2{position:relative;z-index:3;width:min(1180px,calc(100% - 32px));margin:0 auto 26px}
.card{background:#fff;border-radius:20px;padding:26px 30px 30px;box-shadow:0 18px 50px -30px rgba(11,22,48,.35),0 0 0 1px rgba(11,22,48,.05)}
.card-head{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;margin-bottom:20px}
.card-head h2,.gives h2{margin:0;font-size:clamp(28px,3.2vw,40px);letter-spacing:-.03em}
.card-head>a:not(.btn){font-weight:500;text-decoration:none;font-size:15px}
.eyebrow{margin:0 0 8px;font-size:12px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--blue)}

/* Advertise anything: 5 x 2 tiles */
.cats-card{margin-top:-96px}
.tiles{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}
.tile{display:flex;flex-direction:column;align-items:flex-start;gap:3px;min-height:156px;padding:22px 16px 18px;border-radius:14px;background:#fbfcfe;border:1px solid var(--line);text-decoration:none;color:var(--ink);transition:transform .15s ease,border-color .15s ease,box-shadow .15s ease}
.tile:hover{transform:translateY(-3px);border-color:rgba(23,105,255,.4);box-shadow:0 12px 24px -16px rgba(23,105,255,.5)}
.tile-ic{height:44px;display:flex;align-items:flex-end;margin-bottom:12px}
.tile-ic img{max-height:40px;max-width:56px;width:auto;height:auto;filter:drop-shadow(0 4px 5px rgba(11,22,48,.15))}
.tile strong{font-weight:700;font-size:16px}
.tile-txt{font-size:13px;color:var(--muted);font-weight:400;line-height:1.45}

/* How it works */
.steps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.steps li{position:relative;display:flex;gap:16px;align-items:flex-start;padding:20px 18px;border:1px solid var(--line);border-radius:14px}
.step-n{position:absolute;top:-11px;left:12px;width:24px;height:24px;border-radius:50%;background:var(--blue);color:#fff;display:grid;place-items:center;font-weight:700;font-size:13px}
.step-ic{flex:none;width:52px;height:52px;border-radius:50%;background:#eaf1ff;display:grid;place-items:center;color:var(--blue)}
.step-ic svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.steps h3{margin:2px 0 4px;font-size:18px}
.steps p{margin:0;color:var(--muted);font-weight:400;font-size:15px}
.gets{margin:18px 0 0;font-size:14px;color:var(--ink2)}
.gets b{font-weight:500;color:var(--ink);margin-right:6px}

/* Dark "includes" block + No-commission band */
.includes{border-radius:20px;overflow:hidden;background:#fff;box-shadow:0 18px 50px -30px rgba(11,22,48,.35),0 0 0 1px rgba(11,22,48,.05)}
.inc-dark{display:grid;grid-template-columns:minmax(0,300px) minmax(0,1fr);gap:26px;padding:28px;background:linear-gradient(135deg,#0b1a3c,#0c2358);color:#fff;border-radius:20px}
.inc-intro .eyebrow{color:#5b8cff}
.inc-intro h2{font-size:clamp(34px,3.6vw,46px);line-height:1.02;letter-spacing:-.035em;margin:0 0 16px}
.inc-intro p:last-child{margin:0;color:#c9d4ec;font-size:15px}
.inc-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.inc-grid div{background:rgba(35,78,170,.35);border:1px solid rgba(120,160,255,.22);border-radius:12px;padding:16px 14px;min-height:130px}
.inc-grid h3{font-size:16px;margin:0 0 4px}
.inc-grid p{margin:0;font-size:14px;color:#c9d4ec}
.nos{list-style:none;margin:0;padding:22px 60px 34px;display:grid;grid-template-columns:repeat(4,1fr);gap:28px}
.nos li{border-top:1px solid var(--line);padding-top:16px}
.nos span{display:block;font-size:11px;font-weight:700;color:var(--blue);letter-spacing:.08em;margin-bottom:10px}
.nos h3{font-size:18px;margin:0 0 6px}
.nos p{margin:0;font-size:14px;color:var(--muted)}

/* Pricing */
.pricing{padding:30px 30px 26px}
.prices{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.price{position:relative;background:#fff;border:1.5px solid var(--line);border-radius:12px;padding:20px 16px 18px}
.price.popular{border:2px solid var(--blue)}
.price h3{font-size:15px;font-weight:500;margin:0}
.price .amt{font-size:30px;font-weight:700;letter-spacing:-.02em;margin:8px 0 4px}
.price .amt small{font-size:15px;font-weight:400;color:var(--muted)}
.price .note{margin:0;font-size:13px;color:var(--muted)}
.flag{position:absolute;top:-11px;left:14px;background:var(--blue);color:#fff;font-size:12px;font-weight:700;padding:2px 10px;border-radius:10px}
.price-foot{display:flex;justify-content:space-between;gap:24px;align-items:flex-start;border-top:1px solid var(--line);margin-top:18px;padding-top:16px}
.price-foot p{margin:0;font-size:14px;color:var(--muted);max-width:78ch}
.ticks{list-style:none;margin:0;padding:0;display:grid;gap:6px;font-size:14px;color:var(--ink2);flex:none}
.ticks li::before{content:"✓";color:var(--blue);font-weight:700;margin-right:8px}

/* One listing gives you all of this */
.gives{padding:10px 0 4px}
.gives h2{margin-bottom:18px}
.give-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.give-grid div{background:#fff;border:1px solid var(--line);border-radius:12px;padding:18px 18px 16px}
.give-grid h3{font-size:17px;margin:0 0 6px}
.give-grid p{margin:0;font-size:14px;color:var(--muted)}

/* Closing CTA (same width as other blocks, normal type) */
.endcta{padding:26px 30px 24px}
.endcta .starter{max-width:none}
.checks.soft li::before{background:#e3ecff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M5.5 10.5l3 3 6-7' fill='none' stroke='%231769ff' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/100%}
.examples{display:flex;flex-wrap:wrap;gap:8px;margin:16px 0 0}
.examples button{font:400 14px var(--font);background:#fff;border:1.5px solid var(--line);border-radius:20px;padding:6px 14px;cursor:pointer;color:var(--ink2)}
.examples button:hover{border-color:var(--blue);color:var(--blue)}

/* Footer */
.bottom{background:var(--navy);color:#b9c3d6;margin-top:28px}
body:not(.home) .bottom{margin-top:48px}
.bottom-in{max-width:1180px;margin:0 auto;padding:30px 30px 18px;display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap}
.bottom .logo{color:#fff;font-size:22px;font-weight:300}
.bottom .logo b{font-weight:700}
.bottom .logo img{height:32px}
.bottom-brand{margin:6px 0 0;font-weight:300;font-size:14px}
.bottom-links{display:flex;flex-wrap:wrap;gap:8px 26px;font-size:15px}
.bottom-cats{max-width:1180px;margin:0 auto;padding:14px 30px 28px;border-top:1px solid rgba(255,255,255,.08);display:flex;flex-wrap:wrap;gap:6px 18px;font-size:13px}
.bottom a{color:#b9c3d6;text-decoration:none}
.bottom a:hover{color:#fff}

/* Category picker (new.php) */
.cat-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:14px;margin-top:22px}
.cat{position:relative;display:flex;flex-direction:column;gap:4px;background:#fff;border:1px solid var(--line);border-radius:14px;padding:16px 16px 18px;text-decoration:none;color:var(--ink);transition:border-color .15s}
.cat:hover{border-color:var(--c)}
.cat .tile-ic{height:auto;justify-content:start;display:block}
.cat .tile-ic .emoji{font-size:34px}
.cat .tile-ic img{width:44px;height:44px}
.cat strong{font-weight:700;font-size:18px;margin-top:6px}
.cat>span:not(.tile-ic){color:var(--muted);font-size:15px;font-weight:300;line-height:1.45}
.cat em{font-style:normal;font-weight:500;font-size:13px;color:var(--ok)}
.cat-icon{font-size:34px;line-height:1}

/* Category landing (cat.php) */
.hx.landing{min-height:560px}
.hx.landing .hx-slide{opacity:1;animation:hxPanSolo 30s ease-in-out infinite alternate}
@keyframes hxPanSolo{from{transform:scale(1.12) translate3d(2%,0,0)}to{transform:scale(1.02) translate3d(-2%,0,0)}}
.hx.landing .hx-in{padding-bottom:90px}
.kicker{font-weight:500;color:var(--blue);margin:0 0 10px}
.landing-phone{justify-self:center;width:300px;height:580px;border:10px solid #0e1320;border-radius:40px;overflow:hidden;background:#fff;box-shadow:0 40px 70px -28px rgba(11,22,48,.7)}
.landing-phone iframe{width:100%;height:100%;border:0}

@media (max-width:1100px){
  .main-nav{display:none}
  .acct-nav{margin-left:auto}
  .hx-in{grid-template-columns:minmax(0,1fr);padding-bottom:130px}
  .hx-fade{background:linear-gradient(180deg,rgba(255,255,255,.88) 0%,rgba(255,255,255,.75) 45%,rgba(255,255,255,.2) 75%,rgba(243,245,249,.95) 100%)}
  .hx-stage{justify-self:center;margin:0;transform:scale(.9);height:520px}
  .price-row{grid-template-columns:1fr}
  .price-row .checks{flex-direction:row}
  .steps{grid-template-columns:1fr}
  .tiles{grid-template-columns:repeat(3,minmax(0,1fr))}
  .inc-dark{grid-template-columns:1fr}
  .nos{grid-template-columns:1fr 1fr;padding:22px 24px 28px}
  .prices{grid-template-columns:1fr 1fr}
  .give-grid{grid-template-columns:1fr 1fr}
  .price-foot{flex-direction:column}
}
@media (max-width:600px){
  .acct-nav>a:not(.btn){display:none}
  .top-in{gap:10px;padding:12px 14px}
  .hx-in{padding-left:16px;padding-right:16px}
  .bottom-in,.bottom-cats{padding-left:16px;padding-right:16px}
  .nav-cta{padding:9px 12px;font-size:14px}
  .logo img{height:30px}
  .starter{flex-wrap:wrap;padding:7px}
  .starter-ic{top:20px}
  .starter input[type=text]{padding-left:38px}
  .starter .btn{width:100%}
  /* Mobile: phone first, chips wrap underneath */
  .hx-stage{transform:none;height:auto;margin:6px auto 0;width:100%;display:flex;flex-wrap:wrap;justify-content:center;gap:8px}
  .orbit{display:none}
  .phone3d{position:relative;left:auto;top:auto;transform:none;flex:0 0 100%;max-width:230px;height:470px;margin:0 calc(50% - 115px) 10px}
  .chip{position:static;animation:none;font-size:12px;padding:6px 10px 6px 6px;gap:6px}
  .chip-ic{width:22px;height:22px}.chip svg{width:13px;height:13px}
  .cats-card{margin-top:-90px}
  .card{padding:22px 16px 22px;border-radius:16px}
  .inc-grid{grid-template-columns:1fr 1fr}
  .tile,.inc-grid div{min-height:0}
  .nos,.give-grid{grid-template-columns:1fr}
  .inc-dark{padding:22px 16px}
  .tiles{grid-template-columns:repeat(2,minmax(0,1fr))}
  .hx .lede{font-size:17px}
  .checks{gap:6px 16px}
}

/* ============================================================
   List48 v7-r1 — Board discovery + trust & safety UI
   ============================================================ */
.market-main{background:#f4f7fb;min-height:70vh;padding-bottom:70px}
.market-hero{background:linear-gradient(180deg,#fff,#f7faff);border-bottom:1px solid #e3e9f2}
.market-hero-in{display:flex;justify-content:space-between;align-items:end;gap:28px;padding-top:44px;padding-bottom:38px}
.market-hero h1{font-size:clamp(42px,5vw,68px);letter-spacing:-.045em;margin:0 0 10px}
.market-hero p{max-width:720px;margin:0;color:#657188;font-size:17px}
.market-layout{display:grid;grid-template-columns:220px minmax(0,1fr);gap:28px;padding-top:28px}
.market-side{position:sticky;top:20px;align-self:start;background:#fff;border:1px solid #e3e9f2;border-radius:18px;padding:16px;box-shadow:0 10px 24px rgba(12,24,48,.04)}
.market-side h2{font-size:18px;margin:0 0 10px;padding:4px 8px}
.market-side a{display:flex;justify-content:space-between;gap:12px;padding:9px 10px;border-radius:10px;color:#243047;text-decoration:none;font-size:14px}
.market-side a span{color:#8792a4}
.market-side a:hover,.market-side a.active{background:#edf4ff;color:#1769ff}
.market-results{min-width:0}
.market-filter{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr) minmax(0,1.3fr) minmax(0,.95fr) minmax(0,1.2fr) minmax(0,1fr) auto;gap:10px;align-items:end;background:#fff;border:1px solid #e3e9f2;border-radius:18px;padding:14px;box-shadow:0 10px 24px rgba(12,24,48,.04)}
.market-filter label{display:block;margin:0 0 5px;font-size:12px;font-weight:700;color:#56647a}
.market-filter input,.market-filter select{height:44px;padding:9px 10px;font-size:14px}
.price-pair span{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:6px}
.market-filter input,.market-filter select{width:100%;min-width:0}
.market-filter .btn{height:44px}
.market-result-head{display:flex;justify-content:space-between;align-items:center;padding:26px 2px 14px}
.market-result-head h2{font-size:25px;margin:0}
.market-result-head a{font-size:13px}
.market-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.market-card{background:#fff;border:1px solid #e3e9f2;border-radius:18px;overflow:hidden;box-shadow:0 10px 24px rgba(12,24,48,.04);transition:transform .18s ease,box-shadow .18s ease}
.market-card:hover{transform:translateY(-2px);box-shadow:0 16px 30px rgba(12,24,48,.08)}
.market-card-media{display:block;aspect-ratio:4/3;background:#eef3f8;overflow:hidden;text-decoration:none}
.market-card-media img{width:100%;height:100%;object-fit:cover;display:block}
.market-card-fallback{width:100%;height:100%;display:grid;place-items:center;background:linear-gradient(135deg,#f7faff,#eef3f8);border-top:5px solid var(--c)}
.market-card-body{padding:14px 15px 16px}
.market-card-top{display:flex;justify-content:space-between;gap:10px;margin-bottom:7px;color:#69768a;font-size:12px}
.market-card-top span{font-weight:700;color:#1769ff}
.market-card h3{font-size:18px;line-height:1.2;margin:0 0 8px;letter-spacing:-.015em}
.market-card h3 a{color:#142038;text-decoration:none}
.market-card h3 a:hover{color:#1769ff}
.market-card-price{font-size:20px;font-weight:700;margin:0 0 5px;color:#111a2f}
.market-card-meta{font-size:13px;color:#69768a;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.market-pages{display:flex;justify-content:center;align-items:center;gap:20px;margin-top:26px}
.market-pages a{padding:9px 14px;border:1px solid #dbe3ee;border-radius:10px;background:#fff;text-decoration:none}
.market-pages span{color:#68768b;font-size:14px}
.market-empty{background:#fff;border:1px dashed #ccd6e5;border-radius:18px;padding:45px;text-align:center}
.market-empty h3{font-size:26px;margin-bottom:8px}
.market-empty p{color:#68768b;max-width:560px;margin:0 auto 20px}

.home-board{padding:12px 0 34px;background:#f4f7fb}
.home-board-head{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:18px}
.home-board-head h2{font-size:clamp(34px,4vw,48px);letter-spacing:-.04em;margin:0 0 8px}
.home-board-head p:last-child{margin:0;color:#68768b;max-width:760px}
.home-market-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.home-market-empty{display:flex;align-items:center;gap:14px;flex-wrap:wrap;background:#fff;border:1px solid #e3e9f2;border-radius:18px;padding:22px}
.home-market-empty strong{font-size:20px}.home-market-empty span{color:#68768b;flex:1}.home-market-empty a{text-decoration:none;font-weight:700}

.moderation-challenge{margin:18px 0;padding:18px}.moderation-challenge h3{margin:0 0 5px}
.report-page .choice{margin-bottom:8px}.report-page .choice strong{font-size:16px}

@media(max-width:1120px){
  .market-filter{grid-template-columns:repeat(3,minmax(0,1fr))}
  .market-q{grid-column:1/-1}
  .market-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:820px){
  .market-hero-in{align-items:flex-start;flex-direction:column}
  .market-layout{grid-template-columns:1fr}
  .market-side{position:static;display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}
  .market-side h2{grid-column:1/-1}
  .home-board-head{align-items:flex-start;flex-direction:column}
  .home-market-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:620px){
  .market-filter{grid-template-columns:1fr 1fr}
  .market-q,.market-filter button{grid-column:1/-1}
  .market-grid,.home-market-grid{grid-template-columns:1fr}
  .market-side{grid-template-columns:1fr}
  .market-empty{padding:28px 18px}
}

.market-card-fallback img{max-height:64px;max-width:88px;filter:drop-shadow(0 6px 8px rgba(11,22,48,.18))}
.market-hero-in{padding-left:30px;padding-right:30px}
.market-hero h1{font-weight:700}
#discover .market-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
@media (max-width:1100px){#discover .market-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:600px){#discover .market-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}}

/* v4-r7 — ended / not-found ad pages double as a way back in */
.ended{max-width:1180px}
.ended-head{max-width:720px;margin:18px 0 26px}
.ended-head h1{font-size:clamp(32px,4vw,48px);margin:0 0 8px}
.ended-title{margin:0;color:var(--muted);font-size:18px}
.ended-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:14px;margin-bottom:34px}
.ended-card{display:flex;flex-direction:column;gap:6px;padding:22px;border:1px solid var(--line);border-radius:16px;background:#fff;text-decoration:none;color:var(--ink);transition:border-color .15s,transform .15s}
.ended-card:hover{border-color:var(--blue);transform:translateY(-2px)}
.ended-card strong{font-size:19px}
.ended-card span{color:var(--muted);font-size:15px}
.ended-card em{font-style:normal;font-weight:500;color:var(--blue);margin-top:auto;padding-top:8px}
.ended-card.accent{background:#eef4ff;border-color:#cfe0ff}
.ended-sub{font-size:24px;margin:0 0 14px}

/* v4-r10 — admin demo panel */
.demo-panel{display:flex;justify-content:space-between;align-items:center;gap:18px;flex-wrap:wrap}
.demo-panel h2{margin:0 0 4px}
.demo-panel p{margin:0;max-width:70ch}
.demo-tag{color:#b45309}
.form .help.full{grid-column:1/-1;margin:0 0 -4px}

/* ===== v4-r13 — browsing as a first-class action ===== */
/* Header: Browse ads + Create a free ad */
.acct-nav{gap:12px}
.acct-nav>a:not(.btn){margin-right:6px}
.nav-browse{display:inline-flex;align-items:center;gap:8px;padding:10px 16px;border:1.5px solid var(--line);font-weight:500}
.nav-browse svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round}
.nav-browse:hover{border-color:var(--blue);color:var(--blue);background:#fff}
.cta-short{display:none}

/* Hero Advertise | Find toggle */
.modes{display:inline-flex;gap:4px;background:rgba(255,255,255,.85);border-radius:12px;padding:4px;margin:0 0 10px;box-shadow:0 0 0 1px rgba(11,22,48,.08)}
.mode{border:0;background:none;font:500 15px var(--font);color:var(--ink2);padding:8px 18px;border-radius:9px;cursor:pointer}
.mode.on{background:var(--ink);color:#fff}
.mode:focus-visible{outline:3px solid var(--blue);outline-offset:1px}
.starter.dual #loc{flex:0 0 150px;min-width:0;border:0;border-left:1.5px solid var(--line);padding:12px 10px;font:400 16px var(--font);background:transparent}
.starter.dual #loc:focus{outline:none}
.starter.finding .btn{background:var(--ink);border-color:var(--ink)}
.live-count{display:flex;align-items:center;gap:8px;margin:14px 0 0;font-size:15px;color:var(--ink2)}
.live-count b{font-weight:700;color:var(--ink)}
.live-count a{font-weight:500;text-decoration:none}
.live-count .dot{width:9px;height:9px;border-radius:50%;background:#16a34a;box-shadow:0 0 0 4px rgba(22,163,74,.18)}
@media (prefers-reduced-motion:no-preference){.live-count .dot{animation:pulse 2s ease-in-out infinite}@keyframes pulse{50%{box-shadow:0 0 0 7px rgba(22,163,74,.06)}}}

/* Category tiles: browse (main) + post (small) */
.tile{position:relative;padding:22px 16px 14px}
.tile-main{display:flex;flex-direction:column;align-items:flex-start;gap:3px;text-decoration:none;color:inherit;flex:1}
.tile-main::after{content:"";position:absolute;inset:0;border-radius:14px} /* whole tile clickable */
.tile-foot{position:relative;z-index:1;display:flex;justify-content:space-between;align-items:center;width:100%;margin-top:10px;padding-top:10px;border-top:1px solid var(--line);font-size:13px}
.tile-count{font-weight:700;color:var(--ink);text-decoration:none}
.tile-post{margin-left:auto;font-weight:500;text-decoration:none;color:var(--blue);padding:2px 8px;border-radius:8px}
.tile-post:hover{background:#eaf1ff}

/* Latest ads chips */
.chips{display:flex;flex-wrap:wrap;gap:8px;margin:-4px 0 16px}
.chips a{display:inline-flex;gap:6px;align-items:center;font-size:14px;font-weight:500;text-decoration:none;color:var(--ink2);background:#f3f6fb;border:1px solid var(--line);border-radius:20px;padding:6px 13px}
.chips a span{color:var(--muted);font-weight:400}
.chips a:hover,.chips a.on{background:var(--ink);border-color:var(--ink);color:#fff}
.chips a:hover span,.chips a.on span{color:#c9d4ec}

@media (max-width:1100px){.nav-browse{padding:9px 12px}}
@media (max-width:600px){
  .nav-browse{padding:8px 10px;font-size:14px}
  .nav-browse svg{display:none}
  .cta-long{display:none}.cta-short{display:inline}
  .acct-nav{gap:8px}
  .starter.dual #loc{flex:1 1 100%;border-left:0;border-top:1.5px solid var(--line);order:2}
  .starter.dual .btn{order:3}
}
@media (max-width:420px){.logo img{height:26px}.top-in{gap:8px}.nav-browse,.nav-cta{padding:8px 10px;font-size:14px}}

/* ===== v5-r1: free + Business pricing, print store, sponsors, account ===== */
#pricing .prices{grid-template-columns:repeat(3,1fr)}
.biz-prices{grid-template-columns:repeat(3,1fr);margin-bottom:22px}
.biz-list{font-size:16px;gap:10px}
.tabs a.on{border-bottom-color:var(--blue);color:var(--blue)}

/* Print store */
.store-sub{font-size:24px;margin:26px 0 14px}
.store-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:14px}
.store-item{border:1.5px solid var(--line);border-radius:12px;padding:16px;display:flex;flex-direction:column;gap:6px;background:#fff}
.store-item.picked{border-color:var(--blue);background:#f5f7ff}
.store-item h3{font-size:17px;margin:8px 0 0}
.store-item p{margin:0;font-size:14px;color:var(--muted)}
.store-art{display:flex;align-items:center;justify-content:center;min-height:200px;background:var(--mist);border-radius:8px;padding:12px}
.store-buy{display:flex;gap:8px;align-items:center;margin-top:auto;padding-top:8px}
.store-buy select{flex:1;min-width:0;font:400 14px var(--font);padding:8px;border:1.5px solid var(--line);border-radius:8px}
.store-qty{display:flex;align-items:center;gap:6px;font-size:14px;font-weight:500}
.store-qty input{width:64px;font:500 15px var(--font);padding:7px;border:1.5px solid var(--line);border-radius:8px}
.store-from{font-weight:500;color:var(--ink)!important}
.store-toggle{font-size:14px;color:var(--muted)}
.store-cart{margin-top:26px;background:#fff;border:2px solid var(--blue)}
.store-method{gap:10px}
.store-method .choice{flex:1;min-width:220px;margin:0}
.store-ship{border:0;padding:0;margin:14px 0 0}
.home-signs{padding:28px 30px}
.sign-offer{display:grid;grid-template-columns:260px 1fr;gap:24px;align-items:center}
.sign-offer-art{background:var(--mist);border-radius:8px;padding:14px;display:flex;justify-content:center}
.order-line{display:grid;grid-template-columns:200px 1fr;gap:18px;align-items:center;padding:12px 0;border-bottom:1px solid var(--line)}

/* Sponsors and ad slot (browse pages only) */
.sponsor-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:12px;margin:0 0 16px}
.sponsor-card{display:flex;gap:14px;align-items:center;border:1.5px solid var(--line);border-radius:12px;padding:12px 14px;text-decoration:none;color:var(--ink);background:#fffdf7}
.sponsor-card:hover{border-color:var(--ink)}
.sponsor-card img{width:72px;height:72px;object-fit:cover;border-radius:8px;flex:none}
.sponsor-body{display:grid;gap:2px;font-size:14px}
.sponsor-body small{font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}
.sponsor-body strong{font-size:16px}
.sponsor-body span{color:var(--muted)}
.sponsor-body em{font-style:normal;font-weight:500;color:var(--blue)}
.ad-slot{grid-column:1/-1;border:1px dashed var(--line);border-radius:12px;padding:10px;text-align:center}
.ad-slot small{display:block;font-size:11px;color:var(--muted);letter-spacing:.06em;text-transform:uppercase;margin-bottom:6px}

/* Account */
.logo-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.logo-box{width:120px;height:60px;border:1.5px dashed var(--line);border-radius:8px;display:flex;align-items:center;justify-content:center;background:#fff}
.logo-box img{max-width:110px;max-height:52px}
.checklist{list-style:none;margin:0;padding:0;display:grid;gap:8px}

@media (max-width:980px){#pricing .prices,.biz-prices{grid-template-columns:1fr}.sign-offer{grid-template-columns:1fr}}
@media (max-width:600px){.order-line{grid-template-columns:1fr}}

/* ===== v5-r2: plans page, print kits ===== */
.plan-cards{grid-template-columns:repeat(3,1fr);margin-bottom:22px}
.plan-cards .ticks{margin-top:12px}
.plan-pick{gap:10px;margin-bottom:6px}
.plan-pick .choice{flex:1;min-width:200px;margin:0}
.plan-start{max-width:760px}
.kit-art{display:flex;flex-direction:column;align-items:center;gap:10px;width:100%}
.kit-more{display:flex;gap:10px;align-items:flex-end;justify-content:center;flex-wrap:wrap}
.kit-list{margin:6px 0 0;padding-left:18px;font-size:14px;color:var(--ink2)}
.store-price{font-size:20px;margin-right:auto}
.store-price small{font-size:13px;color:var(--ok);font-weight:500}
@media (max-width:980px){.plan-cards{grid-template-columns:1fr}}
.weekbars{display:grid;grid-template-columns:repeat(8,1fr);gap:10px;height:160px;align-items:end;margin:6px 0 14px}
.weekbars div{display:flex;flex-direction:column;align-items:center;justify-content:flex-end;height:100%;gap:4px}
.weekbars span{width:100%;max-width:46px;background:var(--blue);min-height:2px}
.weekbars b{font-size:14px}
.weekbars small{font-size:11px;color:var(--muted);white-space:nowrap}
.demobar{background:var(--navy);color:#fff}
.market-near label{display:flex;justify-content:space-between;align-items:baseline;gap:6px}
.market-near .linkbtn{font-size:12px;font-weight:500;padding:0;white-space:nowrap}
.market-where{margin:14px 2px 0;font-size:15px;color:#56647a}
.market-where strong{color:var(--ink)}
.market-where small{font-size:14px}
.loc-hint{min-height:1.2em}
.loc-hint.ok{color:var(--ok)}

/* ============================================================
   List48 v7-r2 — home: "the page behind your post"
   (v7-r1 rules above are kept so backup/v7-r1 still renders)
   ============================================================ */
/* Header: one button, listings as a text link */
.nav-listings{font-weight:500;font-size:15px;color:var(--ink);text-decoration:none}
.nav-listings:hover{color:var(--blue)}

/* Hero copy */
.badge48{display:inline-flex;align-items:center;gap:10px;margin:0 0 16px;background:rgba(255,255,255,.92);border-radius:30px;padding:5px 16px 5px 5px;font-weight:500;font-size:15px;color:var(--ink);box-shadow:0 6px 18px -10px rgba(11,22,48,.4)}
.b48-n{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:var(--blue);color:#fff;font-weight:700;font-size:15px;letter-spacing:-.03em}
.hx2 .hx-copy h1{font-size:clamp(42px,4.8vw,70px)}
.hx2 .starter{padding-left:46px}
.also-listed{display:flex;align-items:center;flex-wrap:wrap;gap:6px 8px;margin:16px 0 0;font-size:14px;color:var(--ink2)}
.also-listed a{font-weight:500;text-decoration:none}
.also-listed .dot{width:9px;height:9px;border-radius:50%;background:#16a34a;box-shadow:0 0 0 4px rgba(22,163,74,.18)}

/* Stage: phone in the middle, the places people already post around it */
.hx-stage2{position:relative;height:560px;width:min(100%,560px);justify-self:center}
.wires{position:absolute;inset:0;width:100%;height:100%;z-index:0}
.wires path{fill:none;stroke:rgba(255,255,255,.95);stroke-width:2.5;stroke-dasharray:6 7;filter:drop-shadow(0 1px 2px rgba(11,22,48,.35))}
@media (prefers-reduced-motion:no-preference){.wires path{animation:flow 1.6s linear infinite}@keyframes flow{to{stroke-dashoffset:-26}}}
.hx-stage2 .phone3d{z-index:1}
.scene{position:absolute;z-index:2;width:168px;margin:0;background:#fff;border-radius:14px;padding:8px 8px 9px;box-shadow:0 14px 30px -12px rgba(11,22,48,.5)}
.scene figcaption{display:flex;align-items:center;gap:6px;margin:8px 2px 0;font-size:12.5px;font-weight:700;line-height:1.2;color:var(--ink)}
.scene figcaption::before{content:"";flex:none;width:8px;height:8px;border-radius:50%;background:var(--sc)}
.sc-board{--sc:#b7773d;left:-14px;top:24px}
.sc-social{--sc:#16a34a;right:-14px;top:24px}
.sc-sign{--sc:#e0322b;left:-14px;bottom:28px}
.sc-text{--sc:#1769ff;right:-14px;bottom:28px}
@media (prefers-reduced-motion:no-preference){
  .scene{animation:bob 6s ease-in-out infinite}
  .sc-social{animation-delay:-1.5s}.sc-sign{animation-delay:-3s}.sc-text{animation-delay:-4.5s}
}
.mini-qr{display:block;fill:var(--ink)}

/* Scene 1: cork bulletin board with a tear-off flyer */
.sx-board{position:relative;height:100px;border-radius:8px;background:#c9965f radial-gradient(circle at 20% 30%,rgba(0,0,0,.08) 1px,transparent 2px) 0 0/9px 9px;box-shadow:inset 0 0 0 4px #8a5a2b;overflow:hidden}
.sx-flyer{position:absolute;left:30px;top:10px;width:92px;height:84px;background:#fff;transform:rotate(-3deg);padding:6px 6px 0;box-shadow:0 3px 6px rgba(0,0,0,.25);display:flex;flex-direction:column;gap:3px}
.sx-flyer b{font-size:10px;letter-spacing:.04em;color:#e0322b}
.sx-flyer i,.sx-post i,.sx-post-head i{display:block;height:4px;border-radius:2px;background:#d7dce5}
.sx-flyer i.s,.sx-post i.s{width:65%}
.sx-tabs-row{display:flex;gap:2px;margin-top:auto;border-top:1px dashed #9aa3b2;padding-top:3px}
.sx-tabs-row span{flex:1;padding:1px;border-right:1px dashed #c3c9d4}
.sx-tabs-row span:last-child{border-right:0}
.sx-pin{position:absolute;z-index:2;left:72px;top:6px;width:9px;height:9px;border-radius:50%;background:#e0322b;box-shadow:0 1px 2px rgba(0,0,0,.4)}
.sx-note{position:absolute;width:30px;height:30px;box-shadow:0 2px 4px rgba(0,0,0,.2)}
.sx-note.n1{right:10px;top:12px;background:#fde68a;transform:rotate(6deg)}
.sx-note.n2{right:14px;bottom:10px;background:#a7f3d0;transform:rotate(-5deg)}

/* Scene 2: social post with a link preview */
.sx-post{height:100px;border:1px solid var(--line);border-radius:8px;padding:6px;display:flex;flex-direction:column;gap:4px}
.sx-post-head{display:flex;align-items:center;gap:5px}
.sx-post-head i{width:50px}
.sx-av{width:14px;height:14px;border-radius:50%;background:linear-gradient(135deg,#16a34a,#0e9f6e)}
.sx-post-link{margin-top:auto;border:1px solid var(--line);border-radius:6px;overflow:hidden}
.pl-img{display:block;height:28px;background:linear-gradient(135deg,#9ec5ff,#1769ff)}
.pl-url{display:block;padding:2px 5px;font-size:9px;font-weight:500;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

/* Scene 3: yard sign with QR */
.sx-yard{position:relative;height:100px;border-radius:8px;background:linear-gradient(180deg,#e6f1ff 0 72%,#7cc36b 72%);overflow:hidden}
.ysign{position:absolute;z-index:1;left:50%;top:8px;transform:translateX(-50%);width:104px;background:#fff;border:3px solid #e0322b;border-radius:4px;padding:4px 6px;display:grid;grid-template-columns:1fr 30px;grid-template-rows:auto auto;column-gap:5px;align-items:center}
.ysign b{font-size:11px;color:#e0322b;letter-spacing:.03em}
.ysign .mini-qr{grid-row:1/3;grid-column:2;width:30px;height:30px}
.ysign small{font-size:8px;color:var(--ink2);line-height:1.1}
.sx-stake{position:absolute;left:calc(50% - 30px);top:52px;width:3px;height:44px;background:#6b7280}
.sx-stake.r{left:calc(50% + 27px)}

/* Scene 4: text thread */
.texts2{height:100px;border-radius:8px;background:#f4f6fa;padding:7px;display:flex;flex-direction:column;justify-content:center;gap:6px}
.sx-bub{max-width:88%;font-size:10px;line-height:1.3;padding:5px 8px;border-radius:12px}
.sx-bub.in{align-self:flex-start;background:#e2e6ee;color:var(--ink);border-bottom-left-radius:4px}
.sx-bub.out{align-self:flex-end;background:var(--blue);color:#fff;border-bottom-right-radius:4px}
.sx-bub u{text-decoration:none;font-weight:700;word-break:break-all}

/* Before / after strip (overlaps the hero like the old category card) */
.ba-card{margin-top:-96px}
.ba-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.ba{position:relative;display:flex;flex-direction:column;border:1px solid var(--line);border-radius:14px;overflow:hidden}
.ba-now,.ba-new{padding:16px 16px 14px}
.ba-now{background:#f6f7f9}
.ba-new{background:#eef4ff;flex:1;padding-top:20px}
.ba h3{font-size:17px;margin:6px 0 4px}
.ba p{margin:0;font-size:14px;color:var(--muted)}
.ba-now h3{color:var(--ink2)}
.ba-tag{display:inline-block;font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:#7a8394}
.ba-new .ba-tag{color:var(--blue)}
.ba-arrow{position:relative;z-index:1;display:grid;place-items:center;width:32px;height:32px;margin:-16px auto;border-radius:50%;background:var(--blue);color:#fff;font-weight:700;box-shadow:0 0 0 4px #fff}

/* Bonus: local listings */
.bonus-lede{margin:-6px 0 16px;color:var(--muted);max-width:70ch;font-size:16px}
.find-row{display:flex;gap:8px;max-width:640px;margin:0 0 18px}
.find-row input{flex:1 1 60%;min-width:0}
.find-row input#floc{flex:1 1 40%}

/* Categories as examples, not a directory */
.cats-card2 .tile{min-height:140px}
.endcta-h{font-size:clamp(24px,2.6vw,30px);margin:0 0 16px;letter-spacing:-.02em}

@media (max-width:1100px){
  .hx-stage2{margin-top:10px}
  .ba-grid{grid-template-columns:1fr}
}
@media (max-width:600px){
  .acct-nav>a.nav-listings{display:inline;font-size:14px}
  .badge48{font-size:14px;margin-bottom:12px}
  .b48-n{width:30px;height:30px;font-size:14px}
  .hx2 .starter{padding:7px}
  /* Phone first, then the four channels in a 2 x 2 grid */
  .hx-stage2{height:auto;display:grid;grid-template-columns:1fr 1fr;gap:10px;width:100%}
  .wires{display:none}
  .hx-stage2 .phone3d{position:relative;left:auto;top:auto;transform:none;grid-column:1/-1;justify-self:center;width:230px;height:470px;margin-bottom:6px}
  .scene{position:static;width:auto;animation:none}
  .ba-card{margin-top:-90px}
  .find-row{flex-wrap:wrap}
  .find-row input,.find-row input#floc{flex:1 1 100%}
  .find-row .btn{width:100%}
}

/* ===== v7-r3: two-tone wordmark + highlighted How card ===== */
.brand{white-space:nowrap;font-weight:700;font-size:1.06em;letter-spacing:-.01em;color:inherit}
.brand .bl,.brand .b48{color:inherit}
/* Small inline List48 references use one high-contrast color; the main SVG logo stays two-tone. */
.inc-dark .brand,.bottom .brand,.bonus-hi .brand{color:#fff}
.ba-tag .brand{color:inherit}

.how-hi{background:linear-gradient(135deg,#1769ff 0%,#0f55d6 60%,#0b3fb0 100%);color:#fff;box-shadow:0 24px 50px -24px rgba(23,105,255,.75)}
.how-hi .eyebrow{color:#cfe0ff}
.how-hi .card-head h2{color:#fff}
.how-hi .steps li{background:#fff;color:var(--ink);border-color:transparent;box-shadow:0 10px 24px -14px rgba(11,22,48,.55)}
.how-hi .step-n{background:#ffb020;color:var(--ink);box-shadow:0 0 0 3px #fff}
.btn.light{background:#fff;color:var(--blue);border-color:#fff}
.btn.light:hover{background:#eaf1ff;border-color:#eaf1ff;color:var(--blue-d)}
.badge48{flex-wrap:nowrap;max-width:100%}
@media (max-width:600px){.badge48{font-size:13px;line-height:1.3;padding-right:12px}}
.also-listed{display:block}
.also-listed .dot{display:inline-block;vertical-align:middle;margin-right:8px}

/* ===== v7-r4: bright blue Bonus card ===== */
.bonus-hi{background:linear-gradient(135deg,#1769ff 0%,#0f55d6 60%,#0b3fb0 100%);color:#fff;box-shadow:0 24px 50px -24px rgba(23,105,255,.75)}
.bonus-hi .eyebrow{color:#cfe0ff}
.bonus-hi .card-head h2{color:#fff}
.bonus-hi .bonus-lede{color:#dbe7ff}
.bonus-hi .find-row input{border-color:#fff}
/* Inline wordmark stays solid white on the blue bonus panel for readability. */
.bonus-hi .card-head .brand,.bonus-hi .bonus-lede .brand{color:#fff}
.bonus-hi .chips a{background:rgba(255,255,255,.14);border-color:rgba(255,255,255,.35);color:#fff}
.bonus-hi .chips a span{color:#cfe0ff}
.bonus-hi .chips a:hover,.bonus-hi .chips a.on{background:#fff;border-color:#fff;color:var(--blue)}
.bonus-hi .chips a:hover span,.bonus-hi .chips a.on span{color:var(--muted)}
/* Keep inline wordmark readable inside the numbered "No ..." band. */
.nos .brand,.nos .brand span{display:inline;margin:0}
.nos .brand{font-weight:700;font-size:1.06em;color:var(--ink)}
.nos .brand .bl,.nos .brand .b48{color:inherit}

/* ===== v7-r5: Board sidebar sponsors + admin danger button ===== */
.market-col{display:flex;flex-direction:column;gap:16px;align-self:start;min-width:0}
.market-col .market-side{position:static}
.side-spons{display:grid;gap:12px}
.side-spons h2{font-size:12px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);margin:4px 8px 0}
.sponsor-card.tall{min-width:0;flex-direction:column;align-items:stretch;gap:0;padding:0;overflow:hidden;border-radius:14px}
.sponsor-card.tall img{width:100%;height:120px;border-radius:0}
.sponsor-card.tall .sponsor-body{padding:12px 14px 14px}
.side-mob{display:none}
@media (max-width:820px){
  .side-desk{display:none}
  .side-mob{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));grid-column:1/-1;margin-top:10px}
}
.acts button.danger{color:var(--err);border-color:#f3c5c0}

/* v8-r1: stores in Browse */
.market-card-media{position:relative}
.ships-tag{position:absolute;left:8px;bottom:8px;background:rgba(11,22,48,.82);color:#fff;font-size:12px;font-weight:500;padding:3px 8px;border-radius:6px}
.market-card-shop{margin:4px 0 0;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.market-card-shop a{color:var(--ink2);font-weight:500;text-decoration:none}
.market-card-shop a:hover{color:var(--blue);text-decoration:underline}
.shop-more{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 16px}
.shop-more a{display:inline-block;background:var(--mist);border:1px solid var(--line);border-radius:999px;padding:6px 14px;font-size:14px;text-decoration:none;color:var(--ink2)}
.shop-more a:hover{border-color:var(--blue);color:var(--blue)}


/* ===== v8-r1 GPT r2: launch-free pricing treatment ===== */
.pricing-sub{margin:6px 0 0;color:var(--muted);font-size:15px}
.pricing-preview{position:relative;margin-top:4px;min-height:178px;display:grid;align-items:center}
.pricing-faded{opacity:.34;filter:saturate(.65);pointer-events:none;user-select:none}
.free-now-overlay{position:absolute;z-index:2;left:50%;top:50%;transform:translate(-50%,-50%);width:min(620px,calc(100% - 36px));padding:24px 28px;text-align:center;background:rgba(255,255,255,.92);border:1px solid rgba(23,105,255,.22);border-radius:16px;box-shadow:0 18px 45px -22px rgba(11,22,48,.45);backdrop-filter:blur(4px)}
.free-now-kicker{display:inline-block;margin-bottom:7px;font-size:11px;font-weight:700;letter-spacing:.13em;text-transform:uppercase;color:var(--blue)}
.free-now-overlay strong{display:block;font-size:clamp(22px,2.6vw,32px);line-height:1.08;letter-spacing:-.025em;color:var(--ink)}
.free-now-overlay p{margin:9px auto 0;max-width:48ch;color:var(--muted);font-size:14px;line-height:1.45}
.free-foot .ticks{gap:8px 18px}
@media (max-width:600px){
  .pricing-preview{min-height:250px}
  .pricing-faded{opacity:.25}
  .free-now-overlay{padding:20px 18px;width:calc(100% - 24px)}
}


/* ===== v8-r1-gpt-r3: launch-free overlays ===== */
.launch-free-wrap{position:relative}
.launch-free-underlay{opacity:.34;filter:saturate(.8);pointer-events:none;user-select:none}
.launch-free-overlay{position:absolute;z-index:5;left:50%;top:50%;transform:translate(-50%,-50%);width:min(680px,calc(100% - 36px));padding:28px 30px;text-align:center;background:rgba(255,255,255,.94);border:1px solid rgba(23,105,255,.22);border-radius:20px;box-shadow:0 22px 55px -22px rgba(11,22,48,.35);backdrop-filter:blur(6px)}
.launch-free-overlay .eyebrow{margin-bottom:6px}
.launch-free-overlay h2{margin:0 0 8px;font-size:clamp(28px,4vw,42px);line-height:1.05}
.launch-free-overlay p{margin:0;color:var(--ink2);font-size:17px;line-height:1.55}
.launch-free-overlay .free-points{display:flex;justify-content:center;flex-wrap:wrap;gap:8px 18px;margin-top:14px;font-size:14px;font-weight:700;color:var(--ink)}
.launch-free-overlay .free-points span::before{content:'✓';color:var(--blue);margin-right:6px}
.terms-free-wrap{position:relative;margin:28px 0}
.terms-free-wrap .launch-free-underlay{padding:18px;border-radius:16px;border:1px solid var(--line);background:#fff}
.terms-free-wrap .launch-free-overlay{position:absolute}
@media (max-width:700px){
  .launch-free-overlay{padding:22px 18px;width:calc(100% - 24px)}
  .terms-free-wrap{padding:0 0 10px}
}

/* ===== v8-r5: terms page ===== */
.terms h2{font-size:clamp(22px,3vw,28px);margin-top:1.6em;scroll-margin-top:20px}
.terms ul{max-width:66ch;font-weight:300;padding-left:1.2em}
.terms li{margin:.3em 0}
.terms-toc{display:flex;flex-wrap:wrap;gap:8px;margin:18px 0 8px}
.terms-toc a{display:inline-block;padding:6px 12px;border:1px solid var(--line);border-radius:999px;background:var(--mist);font-size:14px;text-decoration:none;color:var(--ink2)}
.terms-toc a:hover{border-color:var(--blue);color:var(--blue)}

/* ===== v8-r9/r11: shared device styles — printed flyer + phone (sizes scale with the stage via --fw / --pw) ===== */
/* Printed flyer */
.dv-flyer{position:absolute;width:var(--fw);aspect-ratio:8.5/11;transform:rotate(-4deg);transform-origin:50% 0;background:#fbfaf6;box-shadow:0 1px 0 rgba(0,0,0,.08),.3cqw .9cqw 1.6cqw rgba(40,24,8,.35);border-radius:1px}
.fly-pin{position:absolute;z-index:4;left:calc(50% - var(--fw) * .035);top:calc(var(--fw) * -.02);width:calc(var(--fw) * .07);height:calc(var(--fw) * .07);border-radius:50%;background:radial-gradient(circle at 35% 35%,#ff8a7a,#d62d20 60%,#8f1a12);box-shadow:.15cqw .3cqw .4cqw rgba(0,0,0,.45)}
.fly{position:absolute;inset:0;display:flex;flex-direction:column;overflow:hidden;opacity:0;animation:hxFade 24s infinite;font-size:calc(var(--fw) * .052)}
.fly-band{background:var(--ac);color:#fff;text-align:center;font-weight:700;text-transform:uppercase;letter-spacing:.06em;font-size:1.55em;padding:.28em 0}
.fly-img{height:30%;margin:.7em .7em .45em;background:#ddd center/cover no-repeat;border-radius:.2em}
.fly-body{display:flex;flex-direction:column;padding:0 .75em;gap:.1em;flex:1;min-height:0}
.fly-body>*{flex-shrink:0}
.fly-title{font-size:.98em;line-height:1.15;color:var(--ink);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.fly-price{font-size:1.9em;font-weight:700;line-height:1.05;color:var(--ac)}
.fly-loc{font-size:.8em;color:var(--muted)}
.fly-scan{display:flex;align-items:center;gap:.5em;margin-top:auto;padding:.3em 0 .4em}
.fly-qr{width:3.1em;height:3.1em;flex:none;background:#fff}
.fly-qr svg{width:100%;height:100%;display:block}
.fly-scan span{font-size:.72em;font-weight:500;line-height:1.25;color:var(--ink2)}
.fly-scan b{display:block;font-size:1.15em;color:var(--ink)}
.fly-tabs{display:flex;height:15%;flex:none;border-top:.1em dashed #9aa3b2}
.fly-tabs span{flex:1;writing-mode:vertical-rl;transform:rotate(180deg);display:flex;align-items:center;justify-content:center;font-size:.5em;font-weight:500;color:var(--ink2);border-left:.12em dashed #b8bfcb;white-space:nowrap;overflow:hidden}
.fly-tabs span:first-child{border-left:0}
.fly-tabs span:nth-child(3){transform:rotate(180deg) translateY(.5em) rotate(3deg);background:#fbfaf6;box-shadow:.2em .2em .3em rgba(0,0,0,.15)} /* one tab pulled forward */
.fly-sheen{position:absolute;inset:0;z-index:3;pointer-events:none;background:linear-gradient(115deg,rgba(255,255,255,.38) 0%,rgba(255,255,255,0) 32%,rgba(255,255,255,0) 68%,rgba(0,0,0,.05) 100%)}
/* Phone (shared by both device heroes) */
.dv .phone3d{position:absolute;margin:0;max-width:none;flex:none;width:var(--pw);height:calc(var(--pw) * 2.04);transform:rotate(3deg);padding:calc(var(--pw) * .044);border-radius:calc(var(--pw) * .16);box-shadow:0 2cqw 3cqw -1cqw rgba(20,12,4,.65),inset 0 0 0 .15cqw #2a3140}
.dv .notch{top:calc(var(--pw) * .07);width:calc(var(--pw) * .31);height:calc(var(--pw) * .08);border-radius:calc(var(--pw) * .05)}
.dv .scr{inset:calc(var(--pw) * .044);border-radius:calc(var(--pw) * .12)}
.dv .scr-body{padding:calc(var(--pw) * .05) calc(var(--pw) * .056);gap:calc(var(--pw) * .012)}
.dv .scr-cat{font-size:calc(var(--pw) * .044)}
.dv .scr-title{font-size:calc(var(--pw) * .06)}
.dv .scr-price{font-size:calc(var(--pw) * .088)}
.dv .scr-loc,.dv .scr-url{font-size:calc(var(--pw) * .046)}
.dv .scr-meta{font-size:calc(var(--pw) * .044);padding:calc(var(--pw) * .024) 0;margin:calc(var(--pw) * .024) 0}
.dv .scr-btns{gap:calc(var(--pw) * .024)}
.dv .scr-btn{font-size:calc(var(--pw) * .052);padding:calc(var(--pw) * .028) 0;border-radius:calc(var(--pw) * .036)}
@media (prefers-reduced-motion:no-preference){.dv-flyer{animation:flySway 7s ease-in-out infinite alternate}@keyframes flySway{from{transform:rotate(-4deg)}to{transform:rotate(-3.2deg)}}}
/* v8-r9: "Have a List48 code?" box */
.codebox{margin:16px 0 0;max-width:340px}
.codebox label{display:block;font-size:14px;font-weight:500;color:var(--ink2);margin-bottom:5px}
.codebox-row{display:flex;gap:6px}
.codebox input{flex:1;min-width:0;font:500 16px var(--font);letter-spacing:.08em;text-transform:uppercase;padding:8px 10px;border:1.5px solid var(--line);border-radius:8px;background:#fff}
.codebox input::placeholder{letter-spacing:0;text-transform:none}
.codebox input:focus{outline:none;border-color:var(--blue)}
.bottom .codebox label{color:#c9d1de}
.bottom .codebox input{border-color:#2b3345}
.market-hero .codebox{margin-top:14px}
.ended-head .codebox{margin:14px auto 0}
.code-page{max-width:640px}
/* v8-r9: share kit code + no-link text */
.kit-code{border:1px solid var(--line);border-radius:var(--r);padding:16px 20px;margin-bottom:18px;background:var(--mist)}
.kit-code label{font-weight:700}
.kit-code .help{margin:0}
.codechip{font:700 22px var(--font)!important;letter-spacing:.14em;max-width:200px;text-align:center}
.kit-where{margin:-4px 0 12px}
.textblock.nolink textarea{background:#fff8ec}
.addline{margin-top:8px;font-size:14px;display:flex;gap:8px;align-items:flex-start;font-weight:500;cursor:pointer}
.addline input{margin-top:3px;flex:none}
.addline small{color:var(--muted)}

/* ===== v8-r10: clean hero — flat stage, printed flyer + listing page in sync (no photo) ===== */
.hx4{background:linear-gradient(180deg,#f6f8fc 0%,#eef2f9 100%);min-height:0}
.hx4::before{content:"";position:absolute;inset:0;background:radial-gradient(60% 70% at 78% 40%,rgba(23,105,255,.10),rgba(23,105,255,0) 70%);pointer-events:none}
.hx4-in{grid-template-columns:minmax(0,540px) minmax(0,1fr);gap:40px;padding-top:clamp(40px,6vh,72px);padding-bottom:110px}
.hx4 .hx-copy h1{font-size:clamp(40px,4.2vw,62px)}
.hx4-stage{position:relative;justify-self:end;width:min(100%,600px);aspect-ratio:1/.92;container-type:inline-size;--fw:47cqw;--pw:33cqw;
  border-radius:28px;background:#f1e9dc radial-gradient(rgba(122,84,44,.10) .06cqw,transparent .22cqw) 0 0/1.2cqw 1.2cqw;
  box-shadow:inset 0 0 0 1.4cqw #fff,inset 0 0 0 1.6cqw rgba(11,22,48,.06),0 30px 60px -34px rgba(11,22,48,.45)}
.hx4 .dv-flyer{left:8cqw;top:9cqw}
.hx4 .phone3d{left:58cqw;top:11cqw;transform:rotate(2.5deg);box-shadow:0 3cqw 5cqw -2cqw rgba(11,22,48,.55),inset 0 0 0 .3cqw #2a3140}
.hx4 .dv-flyer{box-shadow:0 .2cqw 0 rgba(0,0,0,.06),.6cqw 1.6cqw 3cqw -1cqw rgba(60,40,15,.35)}
.dv-tag{position:absolute;z-index:5;background:#fff;color:var(--ink);font-size:clamp(11px,2.3cqw,13px);font-weight:500;padding:.5em .9em;border-radius:30px;box-shadow:0 6px 16px -8px rgba(11,22,48,.45);white-space:nowrap}
.dv-tag::before{content:"";display:inline-block;width:.6em;height:.6em;border-radius:50%;margin-right:.5em;vertical-align:.05em;background:var(--tang)}
.dv-tag.t-page::before{background:var(--blue)}
.t-fly{left:10cqw;bottom:6cqw}
.t-page{right:7cqw;bottom:6cqw}
@media (max-width:1000px){
  .hx4-in{grid-template-columns:minmax(0,1fr);gap:28px;padding-bottom:120px}
  .hx4-stage{justify-self:center;width:min(100%,520px)}
}


/* ===== v8-r11: clean hero scenes (crossfade in turn; timing from hero_scene_css) ===== */
.hs{position:absolute;inset:0;opacity:0}
.hx4 .fly,.hx4 .scr{opacity:1;animation:none}
.hx4-stage{overflow:hidden}
/* Scene 2: laptop showing the full listing page */
.lap{position:absolute;left:6cqw;top:13cqw;width:88cqw}
@media (max-width:480px){.hs.s2 .t-page{display:none}}
.lap-scr{background:#0e1320;border-radius:2.4cqw 2.4cqw .8cqw .8cqw;padding:1.6cqw 1.6cqw 2.2cqw;box-shadow:0 3cqw 5cqw -2.5cqw rgba(11,22,48,.55),inset 0 0 0 .25cqw #2a3140}
.lp{aspect-ratio:16/10;background:#fff;border-radius:.6cqw;overflow:hidden;display:flex;flex-direction:column;font-size:1.9cqw;color:var(--ink)}
.lp-top{display:flex;align-items:center;gap:1.6cqw;padding:.9cqw 1.6cqw;border-bottom:1px solid var(--line)}
.lp-logo{font-size:1.25em;font-weight:700;color:var(--blue);letter-spacing:-.02em}
.lp-logo i{font-style:normal;color:var(--ink)}
.lp-url{flex:1;text-align:center;font-size:.72em;color:var(--muted);background:var(--mist);border-radius:2cqw;padding:.3cqw 0;margin:0 3cqw}
.lp-nav{font-size:.75em;font-weight:500}
.lp-hero{position:relative;flex:0 0 52%;background-size:cover;display:flex;align-items:flex-end}
.lp-hero::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(11,22,48,.72) 0%,rgba(11,22,48,.35) 45%,rgba(11,22,48,0) 70%)}
.lp-hero-in{position:relative;z-index:1;display:flex;flex-direction:column;gap:.2cqw;padding:2cqw 2.4cqw;color:#fff;max-width:62%}
.lp-cat{font-size:.7em;font-weight:500;text-transform:uppercase;letter-spacing:.08em;opacity:.85}
.lp-title{font-size:1.45em;line-height:1.1;letter-spacing:-.01em}
.lp-price{font-size:1.7em;font-weight:700;line-height:1.1}
.lp-loc{font-size:.75em;opacity:.85}
.lp-row{display:flex;justify-content:space-between;align-items:center;gap:1.5cqw;padding:1.4cqw 2.4cqw .8cqw}
.lp-facts{display:flex;gap:.8cqw;flex-wrap:wrap}
.lp-facts span{font-size:.7em;font-weight:500;background:var(--mist);border:1px solid var(--line);border-radius:2cqw;padding:.35cqw 1cqw}
.lp-btns{display:flex;gap:.8cqw}
.lp-btns span{font-size:.72em;font-weight:500;background:var(--blue);color:#fff;border-radius:.8cqw;padding:.5cqw 1.5cqw;border:1px solid var(--blue)}
.lp-btns span.alt{background:#fff;color:var(--blue)}
.lp-thumbs{display:grid;grid-template-columns:repeat(4,1fr);gap:.8cqw;padding:.6cqw 2.4cqw 1.6cqw;flex:1;min-height:0}
.lp-thumbs span{border-radius:.6cqw;background-size:300%;min-height:0}
.lap-base{height:2.6cqw;margin:0 -4cqw;background:linear-gradient(180deg,#d7dce4 0%,#b8bfcb 70%,#9aa3b2 100%);border-radius:0 0 3cqw 3cqw/0 0 2cqw 2cqw;position:relative;box-shadow:0 2cqw 3cqw -1.5cqw rgba(11,22,48,.5)}
.lap-base::before{content:"";position:absolute;left:40%;right:40%;top:0;height:.9cqw;background:#aab2bf;border-radius:0 0 1cqw 1cqw}
/* Photo prints (house, truck) */
.prt{--fw:60cqw;position:absolute;background:#fff;padding:1.6cqw 1.6cqw 6cqw;box-shadow:0 .2cqw 0 rgba(0,0,0,.06),.6cqw 1.6cqw 3cqw -1cqw rgba(60,40,15,.35)}
.prt-img{width:100%;aspect-ratio:4/3;background-size:cover;background-color:#ddd}
.p-house{left:6cqw;top:6cqw;width:62cqw;transform:rotate(-2.5deg)}
.p-truck{left:5cqw;top:7cqw;width:64cqw;transform:rotate(2deg)}
.p-truck .prt-img{aspect-ratio:3/2}
/* Scene 3: yard sign (coroplast on an H-stake) */
.ysn{position:absolute;left:47cqw;top:36cqw;width:47cqw;transform:rotate(1.5deg);filter:drop-shadow(.6cqw 1.4cqw 1.4cqw rgba(40,24,8,.35))}
.ysn-board{position:relative;z-index:1;background:#fff;border-radius:.6cqw;overflow:hidden;font-size:2cqw;border:.3cqw solid #e6e8ee}
.ysn-band{background:#d62d20;color:#fff;text-align:center;font-weight:700;text-transform:uppercase;letter-spacing:.08em;font-size:1.75em;padding:.3em 0}
.ysn-body{display:flex;align-items:center;justify-content:space-between;gap:1.4cqw;padding:1.4cqw 1.8cqw .6cqw}
.ysn-txt{display:flex;flex-direction:column;gap:.2cqw}
.ysn-price{font-size:1.7em;line-height:1.05;color:var(--ink)}
.ysn-txt span{font-size:.72em;color:var(--ink2)}
.ysn-txt .ysn-ph{font-size:1em;font-weight:700;color:var(--ink);margin-top:.4cqw}
.ysn-qr{display:flex;flex-direction:column;align-items:center;gap:.3cqw}
.ysn-qr div{width:10cqw;height:10cqw}
.ysn-qr small{font-size:.55em;color:var(--muted);font-weight:500}
.ysn-url{text-align:center;font-weight:700;font-size:.9em;color:var(--ink);padding:.3cqw 0 1.2cqw}
.ysn-leg{position:absolute;top:92%;width:.6cqw;height:12cqw;background:linear-gradient(90deg,#8d96a4,#c5ccd6,#8d96a4)}
.ysn-leg.l{left:24%}.ysn-leg.r{right:24%}
/* Scene 4: window decal (black static-cling style) */
.dcl{position:absolute;left:49cqw;top:34cqw;width:43cqw;background:#101521;color:#fff;border-radius:1.4cqw;padding:2cqw 2.2cqw;font-size:2cqw;display:flex;flex-direction:column;gap:.2cqw;transform:rotate(-2deg);box-shadow:inset 0 0 0 .3cqw rgba(255,255,255,.14),.6cqw 1.6cqw 3cqw -1cqw rgba(11,22,48,.55)}
.dcl-word{font-size:1.5em;letter-spacing:.1em;text-transform:uppercase}
.dcl-price{font-size:2.3em;line-height:1.05;color:#ffd23f}
.dcl-meta{font-size:.78em;color:#c9d1de}
.dcl-ph{font-size:1.05em;font-weight:700;margin-top:.3cqw}
.dcl-row{display:flex;align-items:center;gap:1.2cqw;margin-top:1.2cqw}
.dcl-qr{width:10cqw;height:10cqw;background:#fff;padding:.6cqw;border-radius:.6cqw;flex:none}
.dcl-row span{font-size:.72em;color:#c9d1de;line-height:1.3}
.dcl-row b{display:block;color:#fff;font-size:1.2em}
.ysn-qr svg,.dcl-qr svg{width:100%;height:100%;display:block}

/* ===== v8-r12: finished scene images crossfading in the hero ===== */
.hx5-stage{position:relative;justify-self:end;width:min(100%,620px);aspect-ratio:4/3;container-type:inline-size;border-radius:22px;overflow:hidden;background:#e9edf4;box-shadow:0 30px 60px -32px rgba(11,22,48,.5),0 0 0 1px rgba(11,22,48,.06)}
.hx5-stage img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}
@media (max-width:1000px){.hx5-stage{justify-self:center;width:min(100%,560px)}}

/* ===== v8-r13: balanced hero — copy left, larger image right with Board note + code lookup underneath ===== */
.hx4 .hx4-in{max-width:1260px;grid-template-columns:minmax(0,5fr) minmax(0,6fr);gap:clamp(28px,4vw,56px);align-items:center;padding-bottom:124px}
.hx4 .hx-copy h1{font-size:clamp(38px,3.8vw,58px)}
.hx-side{display:flex;flex-direction:column;gap:14px;min-width:0}
.hx-side .hx5-stage,.hx-side .hx4-stage{width:100%;justify-self:auto}
.hx-under{display:flex;align-items:center;justify-content:space-between;gap:10px 14px;flex-wrap:wrap;background:#fff;border-radius:14px;padding:8px 10px 8px 14px;box-shadow:0 10px 26px -18px rgba(11,22,48,.45),0 0 0 1px rgba(11,22,48,.06)}
.hx-under .also-listed{display:block;margin:0;font-size:14px}
.hx-under .also-listed .dot{display:inline-block;vertical-align:middle;margin:0 8px 2px 2px}
.codebox.cb-hx{display:flex;align-items:center;gap:10px;margin:0;max-width:100%;min-width:0}
.cb-hx label{margin:0;white-space:nowrap;font-size:14px}
.cb-hx input{width:108px;flex:none;padding:6px 10px;font-size:15px}
.hx-under>*{min-width:0;max-width:100%}
.cb-hx .btn{padding:6px 12px}
@media (max-width:1120px){
  .hx4 .hx4-in{grid-template-columns:minmax(0,1fr)}
  .hx-side{width:min(100%,640px);justify-self:center}
}
@media (max-width:520px){
  .hx-under{flex-direction:column;align-items:stretch}
  .codebox.cb-hx{justify-content:space-between}
  .cb-hx .codebox-row{flex:1;min-width:0}
  .cb-hx input{flex:1;width:auto;min-width:0}
}

/* ===== v8-r15: sponsor cards — wide (top row / ended pages) and tall (Board sidebar) ===== */
.sponsor-row{grid-template-columns:repeat(auto-fit,minmax(320px,1fr))}
.spn{position:relative;display:flex;align-items:stretch;min-height:132px;background:#fff;border:1px solid #e3d9bf;border-radius:14px;overflow:hidden;text-decoration:none;color:var(--ink);box-shadow:0 8px 22px -18px rgba(11,22,48,.45);transition:box-shadow .15s,border-color .15s,transform .15s}
.spn:hover{border-color:#cdb97f;box-shadow:0 14px 30px -18px rgba(11,22,48,.5);transform:translateY(-1px)}
.spn::before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:linear-gradient(180deg,#f4b740,#e8892b)}
.spn-media{flex:0 0 38%;max-width:260px;display:flex;align-items:center;justify-content:center;background:#fff;border-right:1px solid #efe7d2;padding:12px 14px 12px 18px}
.spn-media img{display:block;max-width:100%;max-height:96px;width:auto;height:auto;object-fit:contain}
.spn-media.is-photo{padding:0 0 0 4px}
.spn-media.is-photo img{width:100%;height:100%;max-height:none;object-fit:cover}
.spn-body{flex:1;min-width:0;display:flex;flex-direction:column;gap:4px;padding:14px 18px 14px 18px;background:linear-gradient(180deg,#fffdf6,#fffaf0)}
.spn-noimg .spn-body{padding-left:22px}
.spn-tag{font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#9a7b2c}
.spn-head{font-size:17px;line-height:1.25;letter-spacing:-.01em}
.spn-text{font-size:14px;line-height:1.4;color:var(--ink2)}
.spn-foot{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:auto;padding-top:8px}
.spn-cta{display:inline-flex;align-items:center;gap:6px;background:var(--blue);color:#fff;font-size:14px;font-weight:500;border-radius:9px;padding:7px 14px;white-space:nowrap}
.spn:hover .spn-cta{background:var(--blue-d)}
.spn-host{font-size:12.5px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
/* Tall: sidebar under the categories */
.spn-tall{flex-direction:column;min-height:0}
.spn-tall::before{left:0;right:0;top:0;bottom:auto;width:auto;height:4px}
.spn-tall .spn-media{flex:none;max-width:none;height:130px;border-right:0;border-bottom:1px solid #efe7d2;padding:18px 20px}
.spn-tall .spn-media img{max-height:94px}
.spn-tall .spn-media.is-photo{padding:4px 0 0}
.spn-tall .spn-body{padding:14px 16px 16px}
.spn-tall .spn-head{font-size:16px}
.spn-tall .spn-foot{flex-direction:column;align-items:stretch;gap:6px}
.spn-tall .spn-cta{justify-content:center}
.spn-tall .spn-host{text-align:center}
@media (max-width:560px){
  .spn{flex-direction:column}
  .spn::before{left:0;right:0;bottom:auto;width:auto;height:4px}
  .spn-media{flex:none;max-width:none;height:120px;border-right:0;border-bottom:1px solid #efe7d2}
}
.spn-preview{display:grid;gap:8px;margin-top:22px;max-width:760px}

/* ===== v8-r16: sidebar sponsor rotator ===== */
.spn-rot{position:relative;display:grid}
.spn-slide{grid-area:1/1;opacity:0;visibility:hidden;transition:opacity .6s,visibility 0s .6s}
.spn-slide.on{opacity:1;visibility:visible;transition:opacity .6s}
.spn-slide .spn{height:100%}
.spn-dots{display:flex;justify-content:center;gap:6px;margin-top:8px}
.spn-dots span{width:7px;height:7px;border-radius:50%;background:#d6dbe4}
.spn-dots span.on{background:var(--blue)}

/* ===== v8-r20: homepage clarity pass ===== */
.hx4 .hero-channels{margin:12px 0 0;color:#647188;font-size:14px;font-weight:500;line-height:1.6}
.hx4 .hero-channels span{padding:0 4px;color:#a7b0bf}
.path-card{margin-top:-96px;display:grid;grid-template-columns:minmax(0,1fr) minmax(380px,1.1fr);gap:28px;align-items:center;padding:22px 28px}
.path-lede{margin:0;font-size:17px;line-height:1.5;color:var(--ink2)}
.path-lede strong{display:block;color:var(--ink);font-size:20px;margin-bottom:2px}
.share-paths{display:grid;grid-template-columns:1fr auto 1fr auto 1fr;align-items:center;gap:10px;background:#f4f7fb;border:1px solid #e1e7f0;border-radius:14px;padding:14px}
.share-paths span{display:flex;align-items:center;justify-content:center;text-align:center;min-height:54px;background:#fff;border:1px solid #e2e8f0;border-radius:10px;padding:8px 10px;font-size:13.5px;font-weight:700;line-height:1.25}
.share-paths span:nth-of-type(2){background:var(--blue);color:#fff;border-color:var(--blue)}
.share-paths b{color:var(--blue);font-size:20px}
.inc-grid.inc4{grid-template-columns:repeat(2,1fr)}
.launch-note{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:10px;margin-top:18px;margin-bottom:18px;text-align:center;font-size:15.5px;color:var(--ink2)}
.launch-tag{background:#e8f0ff;color:var(--blue-d);font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;border-radius:20px;padding:4px 10px}
@media (max-width:900px){.path-card{grid-template-columns:1fr;margin-top:-70px}}
@media (max-width:620px){
  .path-card{padding:20px 18px}
  .share-paths{grid-template-columns:1fr;gap:6px}
  .share-paths b{transform:rotate(90deg);justify-self:center}
  .inc-grid.inc4{grid-template-columns:1fr}
  .hx4 .hero-channels{font-size:13px}
}

/* ===== v8-r21: big two-line hero, bridge heading, strike-through plans, centered closer ===== */
.hx4 .hx-copy h1.h1-big{font-size:clamp(56px,7vw,104px);letter-spacing:-.045em;line-height:.95;margin:0 0 22px}
.badge-check .b48-n svg{width:18px;height:18px;color:#fff}
.hx4 .starter-wide{max-width:none;padding:8px 8px 8px 50px;border-radius:16px}
.hx4 .starter-wide input[type=text]{font-size:19px;padding:14px 6px}
.hx4 .starter-wide .btn{padding:15px 22px}
@media (min-width:901px){.path-card{grid-template-columns:minmax(0,1.25fr) minmax(360px,1fr);padding:28px 32px}} /* v8-r29: desktop only (was overriding the phone layout) */
.path-card .path-h{font-size:clamp(26px,2.8vw,38px);line-height:1.05;letter-spacing:-.03em;margin:4px 0 10px}
.path-lede{font-size:16px}
.plan-free .amt s{font-size:.6em;font-weight:500;color:var(--muted);margin-right:6px;text-decoration-thickness:2px}
.plan-free .amt s small{font-size:1em}
.plan-free .price:not(.popular) .flag{background:var(--ok)}
.final-list-cta{text-align:center;padding:36px 34px 30px}
.final-list-cta .eyebrow{margin-bottom:6px}
.final-list-cta .endcta-h{margin:0 0 8px;font-size:clamp(32px,4vw,50px)}
.final-list-lede{margin:0 auto 20px;max-width:670px;color:var(--ink2);font-size:17px}
.final-list-cta .starter{max-width:790px;margin:0 auto}
.final-list-cta .checks,.final-list-cta .examples{justify-content:center;margin-top:15px}
@media (max-width:1000px){.hx4 .hx-copy h1.h1-big{font-size:clamp(52px,12vw,88px)}}
@media (max-width:620px){.hx4 .starter-wide{padding:7px}.hx4 .starter-wide input[type=text]{padding-left:38px}.path-card{padding:22px 18px}}

/* ===== v8-r24: contact form ===== */
.contact-form .btn{margin-top:18px}

/* ===== v8-r28: photo card + no-link text endings ===== */
.photocard-box{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:22px;align-items:center;margin-bottom:22px}
.photocard-box h3{margin-top:0}
.photocard{max-width:300px;margin:0}
.endings{border:0;padding:0;margin:10px 0 0;display:grid;gap:6px}
.endings legend{font-size:13px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);margin-bottom:4px}
.endings label{display:flex;gap:8px;align-items:flex-start;font-size:14px;font-weight:500;cursor:pointer}
.endings input{margin-top:3px;flex:none}
.endings small{font-weight:300;color:var(--muted)}
@media (max-width:760px){.photocard-box{grid-template-columns:1fr}.photocard{max-width:100%}}

/* ===== v8-r29: mobile menu + mobile layout fixes ===== */
.mnav{display:none;position:relative;flex:none}
.mnav summary{list-style:none;cursor:pointer;width:44px;height:44px;border-radius:12px;display:grid;place-items:center;border:1.5px solid var(--line);background:#fff}
.mnav summary::-webkit-details-marker{display:none}
.mnav summary:focus-visible{outline:3px solid rgba(23,105,255,.35);outline-offset:2px}
.mnav-ic{display:grid;gap:5px;width:20px}
.mnav-ic i{display:block;height:2.5px;border-radius:2px;background:var(--ink);transition:transform .2s,opacity .2s}
.mnav[open] .mnav-ic i:nth-child(1){transform:translateY(7.5px) rotate(45deg)}
.mnav[open] .mnav-ic i:nth-child(2){opacity:0}
.mnav[open] .mnav-ic i:nth-child(3){transform:translateY(-7.5px) rotate(-45deg)}
.mnav-panel{position:absolute;right:0;top:calc(100% + 10px);width:min(300px,calc(100vw - 24px));background:#fff;border-radius:16px;padding:8px;box-shadow:0 24px 50px -20px rgba(11,22,48,.45),0 0 0 1px rgba(11,22,48,.06);z-index:60;display:flex;flex-direction:column;gap:0}
.mnav-panel a:not(.btn){padding:11px 14px;margin:0;border-radius:10px;color:var(--ink);text-decoration:none;font-weight:500;font-size:16px;line-height:1.3}
.mnav-panel a:not(.btn):hover,.mnav-panel a:not(.btn):active{background:#edf4ff;color:var(--blue)}
.mnav-panel hr{border:0;border-top:1px solid var(--line);margin:6px 8px}
.mnav-panel .btn{margin:6px 6px 6px}
@media (max-width:1100px){.mnav{display:block}.top-in{gap:12px}}
@media (max-width:600px){.acct-nav>a.nav-listings{display:none}.top-in{gap:8px}}
/* category landing pages: guides now sit below "What you get" */
.cats-card+.g-teaser{margin-top:0}
/* Board: categories box full width on phones */
@media (max-width:900px){.market-side{width:100%;justify-self:stretch;box-sizing:border-box}}
/* long homepage on phones: fewer Board cards, compact guide cards */
@media (max-width:620px){
  #discover .market-grid>*:nth-child(n+5){display:none}
  .g-teaser .g-card{flex-direction:row}
  .g-teaser .g-card-img{flex:none;width:112px;aspect-ratio:auto}
  .g-teaser .g-card-desc{display:none}
  .g-teaser .g-card-body{padding:12px 14px;gap:4px}
  .g-teaser .g-card-title{font-size:16px}
  .g-teaser .g-grid{gap:12px}
}
.top .mnav-panel{gap:0}
@media (max-width:620px){.home-signs .store-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.home-signs .store-item h3{font-size:14.5px}.home-signs .store-from{font-size:13px}}

/* v8-r30: Promo Kit — video & story studio (share kit + admin) */
.promo-box{margin-top:18px}
.promo-studio{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,300px));gap:28px;margin:14px 0}
.ps-item canvas,.ps-item video{display:block;width:100%;max-width:260px;aspect-ratio:9/16;height:auto;border:1px solid var(--line);border-radius:12px;background:#0b1630}
.ps-item canvas[hidden],.ps-item video[hidden],.ps-item [hidden]{display:none}
.ps-item .row,.ps-cap .row{margin:10px 0 4px;padding:0}
.ps-status{min-height:2.6em}
.ps-cap textarea{width:100%;font:inherit;font-size:15px;line-height:1.45;padding:12px;border:1px solid var(--line);border-radius:10px;margin-top:6px}
@media (max-width:560px){.promo-studio{grid-template-columns:1fr 1fr;gap:12px}.ps-item .btn{width:100%;justify-content:center}}
.promo-adm .row{padding-left:0;margin-left:0}

/* v8-r32: "Seller says" picks + Board filter + card chips, seller pages, account editor */
.traits-pick{display:flex;flex-wrap:wrap;gap:8px;margin:6px 0 4px}
.traits-pick label{display:inline-flex;align-items:center;gap:8px;border:1.5px solid var(--line);border-radius:999px;padding:8px 14px;cursor:pointer;font-size:15px}
.traits-pick label:has(input:checked){border-color:var(--blue);background:#f5f7ff}
.traits-pick input{width:17px;height:17px;accent-color:var(--blue)}
.market-traits{grid-column:1/-1;flex-basis:100%;display:flex;flex-wrap:wrap;align-items:center;gap:6px 14px;font-size:14px}
.market-traits>span{font-weight:500;color:var(--muted)}
.market-traits label{display:inline-flex;align-items:center;gap:6px;cursor:pointer}
.market-traits input{width:16px;height:16px;accent-color:var(--blue)}
.market-card-traits{display:flex;flex-wrap:wrap;gap:4px;margin:6px 0 0}
.market-card-traits span{font-size:12px;font-weight:500;color:#1a7f4b;background:#eaf7f0;border-radius:999px;padding:2px 8px}
.seller-head{display:flex;gap:18px;align-items:center;margin:8px 0 20px}
.seller-i{flex:none;width:72px;height:72px;border-radius:50%;background:var(--blue);color:#fff;display:grid;place-items:center;font:700 32px var(--font)}
.seller-head h1{margin:0}
.seller-area{margin:2px 0 0;color:var(--muted)}
.seller-badges{list-style:none;padding:0;margin:10px 0 0;display:flex;flex-wrap:wrap;gap:6px}
.seller-badges li{font-size:13px;font-weight:500;background:#eef3ff;color:#1747b8;border-radius:999px;padding:4px 10px}
.seller-about{font-weight:300;margin:6px 0 0}
.seller-qa{margin:16px 0 0}
.seller-qa dt{font-weight:500;margin-top:12px}
.seller-qa dd{margin:2px 0 0;font-weight:300}
.seller-sec{margin:28px 0}
.seller-sec h2 span{font-size:15px;color:var(--muted);font-weight:400;margin-left:6px}
.sold-list{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:10px}
.sold-list li{display:flex;gap:12px;align-items:center;border:1px solid var(--line);border-radius:12px;padding:8px;background:#fff}
.sold-img{flex:none;width:64px;height:64px;border-radius:8px;overflow:hidden;background:#eef1f6}
.sold-img img{width:100%;height:100%;object-fit:cover;filter:grayscale(.35)}
.sold-body{display:flex;flex-direction:column;min-width:0}
.sold-body strong{font-size:15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sold-body small{color:var(--muted)}
.seller-foot{margin-top:30px}
.handle-row{display:flex;align-items:center;border:1.5px solid #c5ccd8;border-radius:8px;background:#fff;overflow:hidden}
.handle-row span{padding:0 4px 0 12px;color:var(--muted);white-space:nowrap}
.handle-row input{border:0 !important;padding-left:0 !important}
@media (max-width:560px){.seller-i{width:56px;height:56px;font-size:24px}.handle-row span{font-size:13px}}

/* v8-r33: city pages, popular places, campaign admin */
.market-places{margin-top:16px}
.market-hero .eyebrow a{color:inherit}
.local-wrap{padding:24px 0 40px}
.local-cats{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 20px}
.local-cats a,.local-near a,.local-chips a{display:inline-flex;align-items:center;gap:6px;border:1.5px solid var(--line);border-radius:999px;padding:6px 14px;background:#fff;color:var(--ink);text-decoration:none;font-size:15px}
.local-cats a span,.local-near a span,.local-chips a span{color:var(--muted);font-size:13px}
.local-cats a.on,.local-chips a.on{border-color:var(--blue);background:#f5f7ff}
.local-cats a:hover,.local-near a:hover{border-color:var(--blue)}
.local-near{margin:32px 0 0}
.local-near h2{font-size:20px}
.local-near p,.local-chips{display:flex;flex-wrap:wrap;gap:8px}
.local-about{margin-top:28px}
.local-about p{font-weight:300}
.camp-form{margin:10px 0 18px}
.camp-tbl td{vertical-align:middle}
.camp-tbl tr.off td{opacity:.55}
.camp-qr{display:flex;align-items:center;gap:10px}
.camp-qr [data-qr]{width:64px;height:64px;display:block}
.camp-qr [data-qr] svg{width:100%;height:100%}
.report-pre{white-space:pre-wrap;font:14px/1.5 ui-monospace,Menlo,Consolas,monospace;background:#f6f8fb;border:1px solid var(--line);border-radius:10px;padding:16px;overflow:auto;max-height:520px}

/* v8-r34: Admin › Help */
.help-toc{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 18px}
.help-toc a{font-size:14px;border:1px solid var(--line);border-radius:999px;padding:5px 12px;background:#fff;color:var(--ink);text-decoration:none}
.help-toc a:hover{border-color:var(--blue)}
.help-checks{list-style:none;padding:0;margin:8px 0 16px;display:grid;gap:8px}
.help-checks li{display:flex;gap:12px;align-items:flex-start;padding:10px 12px;border:1px solid var(--line);border-radius:10px;background:#fff}
.help-checks p{margin:2px 0 0;font-size:14px;font-weight:300;color:var(--muted)}
.hc-pill{flex:none;min-width:58px;text-align:center;font-size:12px;font-weight:700;border-radius:999px;padding:3px 8px;margin-top:1px}
.hc-ok .hc-pill{background:#eaf7f0;color:#1a7f4b}
.hc-warn .hc-pill{background:#fff6e0;color:#8a5a00}
.hc-bad .hc-pill{background:#fdecec;color:#b42318}
.hc-info .hc-pill{background:#eef3ff;color:#1747b8}
.hc-bad{border-color:#f3c2c2 !important}
.help-doc ol,.help-doc ul{padding-left:1.3em;font-weight:300}
.help-doc li{margin:6px 0}
.help-doc b,.help-doc strong{font-weight:500}
.help-doc .linkrow{margin:8px 0 14px}
.help-dl dt{font-weight:500;margin-top:14px}
.help-dl dd{margin:3px 0 0;font-weight:300}
.help-set td,.help-set th{text-align:left;vertical-align:top;font-size:14px}
.help-set td:nth-child(2){white-space:nowrap;max-width:260px;overflow:hidden;text-overflow:ellipsis}
.help-doc h3{margin:22px 0 8px}
.help-doc code{overflow-wrap:anywhere;word-break:break-word}
.help-actions{padding:0 !important;margin:0}

/* v8-r37: yard sales this weekend, sign-pack offer, free sign makers */
.yard-find{display:flex;gap:8px;max-width:440px;margin:14px 0 0}
.yard-find input{flex:1}
.yard-sec{margin:0 0 30px}
.yard-sec h2{font-size:24px;margin:0 0 12px}
.yard-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:14px}
.yard-card{display:flex;gap:14px;background:#fff;border:1px solid var(--line);border-radius:14px;padding:12px}
.yard-img{flex:none;width:110px;height:110px;border-radius:10px;overflow:hidden;background:#eef1f6;display:grid;place-items:center}
.yard-img img{width:100%;height:100%;object-fit:cover}
.yard-body{min-width:0}
.yard-body h3{font-size:17px;margin:2px 0 4px;line-height:1.25}
.yard-body h3 a{color:var(--ink);text-decoration:none}
.yard-date{margin:0;font-size:13px;font-weight:700;color:#d92d20;text-transform:uppercase;letter-spacing:.03em}
.yard-when,.yard-loc{margin:2px 0 0;font-size:15px;font-weight:300}
.yard-extras{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:18px;margin:34px 0 0}
.yard-tools ul{padding-left:1.1em;font-weight:300}.yard-tools li{margin:8px 0}
.signshop{display:flex;gap:20px;align-items:center;background:linear-gradient(135deg,#fff7ed,#fff);border:1.5px solid #f6c48b;border-radius:16px;padding:20px}
.signshop h3{margin:2px 0 6px;font-size:22px}.signshop p{margin:0 0 10px;font-weight:300}
.signshop-art{flex:none;width:120px;height:120px;position:relative;display:grid;place-items:start center}
.signshop-art span{display:block;background:#d92d20;color:#fff;font:700 20px/1.05 Ubuntu,sans-serif;text-align:center;padding:16px 10px;border-radius:6px;width:110px;box-shadow:0 6px 14px rgba(0,0,0,.18);transform:rotate(-4deg)}
.signshop-art i{position:absolute;bottom:0;left:50%;width:4px;height:40px;background:#6b7280;transform:translateX(-50%)}
.tool-shop{margin-top:28px}
.tool-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px;margin:0 0 28px}
.tool-tile{color:var(--ink);text-decoration:none}.tool-tile p{font-weight:300}.tool-tile span{color:var(--blue);font-weight:500}
.tool-split{display:grid;grid-template-columns:minmax(280px,380px) 1fr;gap:28px;align-items:start}
.tool-cta{margin-top:18px;padding:14px;border-radius:12px;background:#f5f7ff;font-size:15px;font-weight:300}
.tool-preview{position:sticky;top:16px}
.sheet-wrap{overflow:hidden}
.sheet{width:1056px;height:816px;background:#fff;transform-origin:top left;box-shadow:0 10px 30px rgba(12,24,48,.18);font-family:Ubuntu,Arial,sans-serif;color:#121826;overflow:hidden}
.tool[data-tool="qr-code"] .sheet{width:816px;height:1056px}
.sheet2{display:none}
.s-yard,.s-car{height:100%;display:flex;flex-direction:column;padding:34px 44px 22px;position:relative}
.s-word{background:var(--c);color:#fff;font-weight:700;text-align:center;white-space:nowrap;overflow:hidden;line-height:1.05;padding:18px 20px;border-radius:14px;letter-spacing:.01em}
.s-mid{flex:1;display:flex;gap:26px;align-items:center;min-height:0;padding:16px 0 6px}
.s-lines{flex:1;min-width:0;display:flex;flex-direction:column;gap:8px}
.s-lines>div{white-space:nowrap;overflow:hidden;line-height:1.12}
.s-dates,.s-veh{font-weight:700}
.s-hours,.s-addr{font-weight:500}
.s-extra{font-weight:300;color:#3b4250}
.s-price,.s-phone{font-weight:700;color:var(--c)}
.s-qr{flex:none;width:200px;text-align:center;font:500 16px Ubuntu,sans-serif}
.s-qr svg{width:200px;height:200px;display:block;margin:0 0 6px}
.s-arrow{height:110px;width:auto;align-self:center;fill:var(--c);margin:0 0 4px}
.s-foot{text-align:center;font:300 14px Ubuntu,sans-serif;color:#6b7280}
.s-qrpage{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:30px;padding:80px}
.s-qrpage svg{width:620px;height:620px}
.s-cap{width:100%;text-align:center;font-weight:700;white-space:nowrap;overflow:hidden}
.s-empty{color:#6b7280;font-size:28px}
@media (max-width:860px){.tool-split{grid-template-columns:1fr}.tool-preview{position:static}.signshop{flex-direction:column;align-items:flex-start}.yard-find{flex-direction:column}}
@media print{
  body.tool-page>*:not(main),.no-print,.testbar,.to-top{display:none !important}
  body.tool-page{background:#fff}
  .tool.app{padding:0;margin:0;max-width:none}
  .tool-split{display:block}
  .sheet-wrap{height:auto !important;overflow:visible}
  .sheet{transform:none !important;box-shadow:none;break-after:page;page-break-after:always}
  .sheet2:not([hidden]){display:block}
}
.tool-preview{min-width:0}.sheet-wrap{width:100%}

/* v8-r38: contact mode + message confirm pages */
.contact-mode{margin:0 0 14px}
.contact-mode .choice small{font-weight:400;color:var(--muted);font-size:14px}
.lead-quote{margin:14px 0 18px;padding:14px 16px;border-left:4px solid var(--blue);background:#f5f7ff;border-radius:8px;font-weight:300;white-space:normal}

/* v8-r39: private conversations + inbox */
.thread .th-head{display:flex;gap:16px;align-items:center;margin:0 0 14px}
.thread .th-head img{width:84px;height:84px;object-fit:cover;border-radius:10px;flex:none}
.thread .th-head h1{font-size:clamp(24px,4vw,32px);margin:2px 0 4px}
.thread .th-head p{margin:0}
.th-private{background:#eef7f1;color:#0f4d27;border-radius:10px;padding:10px 14px;font-size:15px;margin:0 0 14px}
.th-msgs{display:flex;flex-direction:column;gap:12px;padding:16px;background:var(--mist);border-radius:var(--r);min-height:120px;max-height:62vh;overflow-y:auto}
.tm{max-width:82%;align-self:flex-start}
.tm.me{align-self:flex-end}
.tm-b{background:#fff;border:1px solid var(--line);border-radius:14px 14px 14px 4px;padding:10px 14px;overflow-wrap:anywhere;font-size:16px;line-height:1.5}
.tm.me .tm-b{background:var(--blue);border-color:var(--blue);color:#fff;border-radius:14px 14px 4px 14px}
.tm.share .tm-b{background:#fff8e6;border-color:#f1d48a;color:var(--ink)}
.tm-k{margin:0 0 4px;font-size:13px;font-weight:500;color:var(--muted)}
.tm-m{margin:4px 4px 0;font-size:13px;color:var(--muted)}
.tm.me .tm-m,.tm.me .tm-k{text-align:right}
.tm-warn{margin:6px 0 0;font-size:13px;color:var(--err);background:#fdecea;border-radius:8px;padding:6px 10px}
.tm.sys{align-self:center;max-width:100%}
.tm.sys .tm-b{background:none;border:0;color:var(--muted);font-size:14px;padding:2px 8px;text-align:center}
.th-reply{display:flex;gap:10px;align-items:flex-end;margin:14px 0}
.th-reply textarea{flex:1;font:400 16px var(--font);padding:10px 12px;border:1.5px solid var(--line);border-radius:10px;resize:vertical;min-height:52px}
.th-ended{text-align:center;color:var(--muted);margin:14px 0}
.th-tools{display:flex;flex-direction:column;gap:10px;margin:6px 0 18px}
.th-tools details{border:1px solid var(--line);border-radius:10px;padding:10px 14px}
.th-tools summary{cursor:pointer;font-weight:500}
.th-tools .form{margin:10px 0 4px}
.th-tools .form+.form{border-top:1px solid var(--line);padding-top:12px}
.th-safe{font-size:13px;color:var(--muted)}
.th-list{list-style:none;margin:0;padding:0;border-top:1px solid var(--line)}
.th-list li{border-bottom:1px solid var(--line)}
.th-list a{display:grid;grid-template-columns:1fr auto;gap:2px 12px;padding:12px 4px;text-decoration:none;color:var(--ink)}
.th-list a:hover{background:var(--mist)}
.th-list .th-who{font-weight:500}
.th-list .th-title,.th-list .th-snip{grid-column:1;color:var(--muted);font-size:15px}
.th-list time{grid-column:2;grid-row:1;font-size:13px;color:var(--muted)}
.th-list li.new .th-snip{color:var(--ink);font-weight:500}
@media (max-width:600px){.tm{max-width:92%}.thread .th-head img{width:64px;height:64px}.th-reply{flex-direction:column;align-items:stretch}}