/* Business To Mark – Sites marketplace. Everything is scoped under .btm-app */
.btm-app{
  --ink:#0F1B2D; --paper:#F3F5F9; --card:#fff; --line:#DfE4EC; --muted:#586379;
  --blue:#2B4EFF; --blue-d:#1B34C4; --blue-l:#E8ECFF; --green:#0F7D58; --green-l:#E2F5EE;
  --amber:#F2B632; --amber-l:#FFF5D6; --red:#B42318;
  --display:"Bricolage Grotesque","Segoe UI",system-ui,-apple-system,sans-serif;
  --body:"Instrument Sans","Segoe UI",system-ui,-apple-system,sans-serif;
  font-family:var(--body); color:var(--ink); background:var(--paper);
  font-size:15px; line-height:1.5; -webkit-font-smoothing:antialiased;
  box-sizing:border-box; text-align:left;
}
.btm-app *,.btm-app *::before,.btm-app *::after{box-sizing:inherit}
.btm-app.btm-full{position:relative;left:50%;width:100vw;margin-left:-50vw}
.btm-app a{color:inherit}
.btm-app button{font:inherit;cursor:pointer}
.btm-app :focus-visible{outline:3px solid var(--amber);outline-offset:2px}
.btm-wrap{max-width:1240px;margin:0 auto;padding:0 20px}

/* ---------- hero ---------- */
.btm-hero{background:var(--blue);color:#fff;padding:56px 0 0}
.btm-hero h1{font-family:var(--display);font-weight:800;letter-spacing:-.025em;line-height:1.04;
  font-size:clamp(2rem,4.6vw,3.5rem);margin:0 0 16px;max-width:17em;color:#fff}
.btm-hero p{margin:0;max-width:40em;font-size:1.06rem;color:#E4E9FF}
.btm-hero-row{display:flex;flex-wrap:wrap;gap:12px;margin-top:26px}
.btm-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:0;border-radius:8px;
  padding:11px 18px;font-weight:650;text-decoration:none;line-height:1.2;transition:background .15s,transform .05s}
.btm-btn:active{transform:translateY(1px)}
.btm-btn-amber{background:var(--amber);color:#1b1500}
.btm-btn-amber:hover{background:#ffc94d}
.btm-btn-ghost{background:rgba(255,255,255,.14);color:#fff}
.btm-btn-ghost:hover{background:rgba(255,255,255,.24)}
.btm-btn-blue{background:var(--blue);color:#fff}
.btm-btn-blue:hover{background:var(--blue-d)}
.btm-btn-line{background:#fff;color:var(--ink);border:1px solid var(--line)}
.btm-btn-line:hover{border-color:var(--ink)}
.btm-hero a.btm-btn{color:inherit}
.btm-hero a.btm-btn-amber{color:#1b1500}

.btm-tabs{display:flex;gap:6px;margin:44px 0 0;overflow-x:auto;scrollbar-width:none}
.btm-tabs::-webkit-scrollbar{display:none}
.btm-tab{flex:0 0 auto;border:0;background:rgba(255,255,255,.12);color:#fff;padding:13px 22px;
  border-radius:12px 12px 0 0;font-weight:650;display:flex;gap:10px;align-items:baseline;white-space:nowrap}
.btm-tab:hover{background:rgba(255,255,255,.22)}
.btm-tab small{font-weight:500;opacity:.8;font-size:.8rem;font-variant-numeric:tabular-nums}
.btm-tab[aria-selected="true"]{background:var(--paper);color:var(--ink)}
.btm-tab[aria-selected="true"] small{opacity:.65}

/* ---------- body ---------- */
.btm-main{padding:26px 0 120px}
.btm-filters{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:18px;
  display:grid;grid-template-columns:repeat(4,1fr);gap:14px 14px}
.btm-field.btm-q{grid-column:span 2}
.btm-field{display:flex;flex-direction:column;gap:5px;min-width:0}
.btm-field label,.btm-field .btm-lbl{font-size:.8rem;font-weight:600;color:var(--muted)}
.btm-field input,.btm-field select{width:100%;height:42px;border:1px solid var(--line);border-radius:8px;
  padding:0 12px;font:inherit;color:var(--ink);background:#fff;transition:border-color .15s}
.btm-field input:hover,.btm-field select:hover{border-color:#aab3c5}
.btm-field input:focus,.btm-field select:focus{border-color:var(--blue);outline:none;box-shadow:0 0 0 3px var(--blue-l)}
.btm-checks{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:8px 22px;align-items:center;padding-top:2px}
.btm-check{display:flex;gap:8px;align-items:center;font-weight:550;cursor:pointer}
.btm-check input{width:18px;height:18px;accent-color:var(--blue);margin:0}
.btm-reset{margin-left:auto;background:none;border:0;color:var(--blue);font-weight:650;padding:6px 4px}
.btm-reset:hover{text-decoration:underline}

.btm-bar{display:flex;flex-wrap:wrap;gap:10px 18px;align-items:center;justify-content:space-between;margin:22px 2px 12px}
.btm-count{font-family:var(--display);font-weight:700;font-size:1.25rem;letter-spacing:-.01em}
.btm-count span{font-family:var(--body);font-weight:500;font-size:.92rem;color:var(--muted);margin-left:6px}
.btm-sort{display:flex;align-items:center;gap:8px}
.btm-sort label{font-size:.85rem;font-weight:600;color:var(--muted)}
.btm-sort select{height:38px;border:1px solid var(--line);border-radius:8px;padding:0 10px;background:#fff;font:inherit}

/* ---------- table ---------- */
.btm-table{background:var(--card);border:1px solid var(--line);border-radius:14px;overflow:hidden}
.btm-row{display:grid;align-items:center;column-gap:14px;padding:13px 18px;border-top:1px solid var(--line);
  grid-template-columns:30px minmax(190px,2.4fr) 56px 118px 84px 92px 96px 118px 74px 82px;
  transition:background .12s}
.btm-row:first-child{border-top:0}
.btm-row:not(.btm-head):hover{background:#F8F9FC}
.btm-row.is-sel{background:var(--amber-l)}
.btm-row.is-sel:hover{background:var(--amber-l)}
.btm-head{background:#F8F9FC;padding-top:11px;padding-bottom:11px;font-size:.8rem;font-weight:650;color:var(--muted)}
.btm-head button{all:unset;cursor:pointer;display:inline-flex;gap:4px;align-items:center;color:var(--muted);font-size:.8rem;font-weight:650}
.btm-head button:hover,.btm-head button[data-on]{color:var(--ink)}
.btm-head button:focus-visible{outline:3px solid var(--amber);outline-offset:2px}
.btm-head .btm-arrow{font-size:.7rem}
.btm-cell{min-width:0}
.btm-num{font-variant-numeric:tabular-nums}
.btm-tick{width:20px;height:20px;accent-color:var(--blue);margin:0;cursor:pointer}
.btm-site{display:flex;gap:12px;align-items:center;min-width:0}
.btm-logo{flex:0 0 38px;height:38px;border-radius:10px;display:grid;place-items:center;font-family:var(--display);
  font-weight:800;font-size:1.1rem;color:#fff;text-transform:uppercase}
.btm-site-t{min-width:0}
.btm-domain{display:block;font-weight:650;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-decoration:none}
.btm-sub{display:flex;gap:6px;align-items:center;font-size:.8rem;color:var(--muted);white-space:nowrap}
.btm-pill{display:inline-block;border-radius:999px;padding:1px 8px;font-size:.72rem;font-weight:650;line-height:1.5}
.btm-pill-new{background:var(--green-l);color:var(--green)}
.btm-pill-trending,.btm-pill-premium{background:var(--amber);color:#1b1500}
.btm-pill-india{background:var(--blue-l);color:var(--blue-d)}
.btm-da{font-weight:650}
.btm-dr{display:flex;flex-direction:column;gap:4px}
.btm-dr b{font-weight:700}
.btm-dr i{display:block;height:5px;border-radius:3px;background:#E4E8F0;position:relative;overflow:hidden}
.btm-dr i::after{content:"";position:absolute;inset:0 auto 0 0;width:var(--w);background:var(--blue);border-radius:3px}
.btm-dr.is-hi i::after{background:var(--green)}
.btm-link{font-weight:600}
.btm-link small{display:block;font-weight:500;color:var(--muted);font-size:.78rem}
.btm-link.is-no{color:var(--muted)}
.btm-tat{white-space:nowrap}
.btm-price strong{display:block;font-family:var(--display);font-weight:800;font-size:1.2rem;letter-spacing:-.01em;line-height:1.1;font-variant-numeric:tabular-nums}
.btm-price small{color:var(--muted);font-size:.78rem;white-space:nowrap;font-variant-numeric:tabular-nums}
.btm-rev{display:inline-block;white-space:nowrap;font-weight:650;color:var(--blue);text-decoration:none;border-bottom:1.5px solid currentColor;line-height:1.2}
.btm-rev:hover{color:var(--blue-d)}
.btm-na{color:#9aa4b6}
.btm-ord{display:inline-block;border:1.5px solid var(--ink);color:var(--ink);border-radius:8px;padding:6px 14px;font-weight:650;
  text-decoration:none;white-space:nowrap;transition:background .15s,color .15s}
.btm-ord:hover{background:var(--ink);color:#fff}
.btm-empty{padding:56px 20px;text-align:center;color:var(--muted)}
.btm-empty strong{display:block;font-family:var(--display);font-size:1.3rem;color:var(--ink);margin-bottom:4px}

/* ---------- pager ---------- */
.btm-pager{display:flex;flex-wrap:wrap;gap:6px;justify-content:center;align-items:center;margin:22px 0 4px}
.btm-pg{min-width:42px;height:42px;padding:0 12px;border-radius:8px;border:1px solid var(--line);background:#fff;font-weight:650;color:var(--ink);font-variant-numeric:tabular-nums}
.btm-pg:hover:not([disabled]){border-color:var(--ink)}
.btm-pg[aria-current="page"]{background:var(--ink);border-color:var(--ink);color:#fff}
.btm-pg[disabled]{opacity:.4;cursor:default}
.btm-gap{color:var(--muted);padding:0 4px}
.btm-showing{text-align:center;color:var(--muted);font-size:.88rem;margin-top:8px}

/* ---------- order tray ---------- */
.btm-tray{position:fixed;left:50%;bottom:16px;transform:translate(-50%,140%);z-index:99990;width:min(960px,calc(100vw - 24px));
  background:var(--ink);color:#fff;border-radius:16px;padding:14px 16px 14px 20px;display:flex;flex-wrap:wrap;gap:10px 22px;align-items:center;
  box-shadow:0 14px 40px rgba(15,27,45,.35);transition:transform .28s cubic-bezier(.2,.8,.2,1);font-family:var(--body)}
.btm-tray.is-open{transform:translate(-50%,0)}
.btm-tray-sum{display:flex;flex-direction:column;line-height:1.2}
.btm-tray-sum b{font-family:var(--display);font-size:1.5rem;font-weight:800;letter-spacing:-.01em;font-variant-numeric:tabular-nums}
.btm-tray-sum span{font-size:.82rem;color:#B7C0D3;font-variant-numeric:tabular-nums}
.btm-tray-n{font-weight:650}
.btm-tray-act{margin-left:auto;display:flex;flex-wrap:wrap;gap:8px}
.btm-tray .btm-btn{padding:10px 16px}
.btm-tray .btm-btn-ghost{background:rgba(255,255,255,.12);color:#fff}
.btm-tray .btm-btn-amber{color:#1b1500}
.btm-tray a.btm-btn-amber{color:#1b1500}

/* ---------- info sections ---------- */
.btm-info{background:#fff;border-top:1px solid var(--line);padding:56px 0 64px}
.btm-info h2{font-family:var(--display);font-weight:800;letter-spacing:-.02em;font-size:clamp(1.5rem,3vw,2.1rem);margin:0 0 22px;line-height:1.1}
.btm-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:0 0 52px;padding:0;list-style:none;counter-reset:s}
.btm-steps li{counter-increment:s;background:var(--paper);border-radius:14px;padding:22px}
.btm-steps li::before{content:counter(s);display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:var(--ink);color:#fff;
  font-family:var(--display);font-weight:800;margin-bottom:12px}
.btm-steps strong{display:block;font-size:1.05rem;margin-bottom:4px}
.btm-steps span{color:var(--muted)}
.btm-faq{max-width:820px}
.btm-faq details{border-top:1px solid var(--line);padding:16px 0}
.btm-faq details:last-child{border-bottom:1px solid var(--line)}
.btm-faq summary{cursor:pointer;font-weight:650;font-size:1.02rem;list-style:none;display:flex;justify-content:space-between;gap:16px}
.btm-faq summary::-webkit-details-marker{display:none}
.btm-faq summary::after{content:"+";font-size:1.4rem;line-height:1;color:var(--blue);transition:transform .2s}
.btm-faq details[open] summary::after{transform:rotate(45deg)}
.btm-faq p{margin:10px 0 0;color:var(--muted);max-width:60ch}
.btm-contact{margin-top:40px;display:flex;flex-wrap:wrap;gap:12px 18px;align-items:center}
.btm-contact span{color:var(--muted)}

.btm-toast{position:fixed;left:50%;bottom:92px;transform:translateX(-50%);background:var(--ink);color:#fff;border-radius:10px;padding:10px 16px;
  font-weight:600;z-index:99999;opacity:0;pointer-events:none;transition:opacity .2s}
.btm-toast.is-on{opacity:1}

/* ---------- tablet / mobile ---------- */
@media (max-width:1100px){
  .btm-row{grid-template-columns:30px minmax(170px,2fr) 50px 100px 78px 88px 90px 108px 70px 76px;column-gap:10px;padding:12px 12px}
  .btm-filters{grid-template-columns:repeat(3,1fr)}
  .btm-field.btm-q{grid-column:1/-1}
}
@media (max-width:860px){
  .btm-hero{padding-top:40px}
  .btm-filters{grid-template-columns:repeat(2,1fr)}
  .btm-table{background:transparent;border:0;border-radius:0}
  .btm-row.btm-head{display:none}
  .btm-row{display:grid;grid-template-columns:30px 1fr auto;grid-template-areas:"t s p" "m m m" "a a a";row-gap:12px;
    background:var(--card);border:1px solid var(--line);border-radius:14px;margin-bottom:12px;padding:14px}
  .btm-row:first-child{border-top:1px solid var(--line)}
  .btm-row.is-sel{background:var(--amber-l)}
  .btm-c-tick{grid-area:t}.btm-c-site{grid-area:s}.btm-c-price{grid-area:p;text-align:right}
  .btm-c-da,.btm-c-dr,.btm-c-tr,.btm-c-lk,.btm-c-tat{grid-area:auto}
  .btm-metrics{grid-area:m;display:grid;grid-template-columns:repeat(5,1fr);gap:8px;padding:10px;background:var(--paper);border-radius:10px}
  .btm-metrics .btm-cell::before{content:attr(data-l);display:block;font-size:.7rem;font-weight:600;color:var(--muted)}
  .btm-c-act{grid-area:a;display:flex;gap:12px;align-items:center;justify-content:space-between}
  .btm-c-act .btm-ord{flex:0 0 auto}
}
@media (max-width:520px){
  .btm-wrap{padding:0 14px}
  .btm-filters{grid-template-columns:1fr 1fr;padding:14px}
  .btm-metrics{grid-template-columns:repeat(3,1fr)}
  .btm-steps{grid-template-columns:1fr}
  .btm-tray{padding:12px 14px;bottom:10px}
  .btm-tray-act{margin-left:0;width:100%}
  .btm-tray-act .btm-btn{flex:1}
  .btm-pg{min-width:38px;height:38px;padding:0 8px}
}
@media (min-width:861px){.btm-metrics{display:contents}}
@media (prefers-reduced-motion:reduce){.btm-app *{transition:none!important}}
@media (min-width:861px){.btm-c-act{display:contents}}
/* link colours must beat ".btm-app a" */
.btm-app a.btm-btn-blue,.btm-app a.btm-btn-ghost{color:#fff}
.btm-app a.btm-btn-amber{color:#1b1500}
.btm-app a.btm-btn-line{color:var(--ink)}
.btm-app a.btm-rev{color:var(--blue)}
.btm-app a.btm-rev:hover{color:var(--blue-d)}
.btm-app a.btm-ord{color:var(--ink)}
.btm-app a.btm-ord:hover{color:#fff}

/* ---------- video ---------- */
.btm-video{background:var(--paper);padding:26px 0 0}
.btm-video-in{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(0,1fr);gap:30px;align-items:center;background:var(--card);border:1px solid var(--line);border-radius:16px;padding:18px}
.btm-video-box video{display:block;width:100%;aspect-ratio:16/9;border-radius:10px;background:var(--ink)}
.btm-video-t{min-width:0}
.btm-video-t h2{font-family:var(--display);font-weight:800;letter-spacing:-.02em;font-size:clamp(1.35rem,2.4vw,1.8rem);line-height:1.12;margin:0 0 10px;color:var(--ink)}
.btm-video-t p{margin:0 0 14px;color:var(--muted)}
.btm-video-t ul{margin:0;padding:0;list-style:none;display:grid;gap:8px}
.btm-video-t li{padding-left:22px;position:relative;font-weight:600}
.btm-video-t li::before{content:"";position:absolute;left:0;top:.45em;width:10px;height:10px;border-radius:50%;background:var(--amber)}
.btm-video+.btm-main{padding-top:22px}
@media (max-width:860px){.btm-video-in{grid-template-columns:1fr;gap:16px;padding:12px}}