.sell-page{ --ink:#0B1F3D; --muted:#5B5F68; --line:#EBECEF; --soft:#F3F5F9; --accent:#FF7A00; --green:#FF7A00; --green-tint:#FFF1E6;
    background:#fff; color:#0B0D12; }
.sell-wrap{ max-width:1200px; margin:0 auto; padding:0 24px; }

/* Hero */
.sell-hero{ background:linear-gradient(135deg, #0B1F3D 0%, #16326B 60%, #1A3FA0 100%); color:#fff; padding:64px 0 110px; position:relative; overflow:hidden; }
.sell-hero::after{ content:""; position:absolute; right:-120px; top:-120px; width:420px; height:420px; border-radius:50%; background:radial-gradient(circle, rgba(255,122,0,.35), transparent 70%); }
.sell-hero-inner{ position:relative; z-index:1; max-width:640px; }
.sell-eyebrow{ display:inline-flex; align-items:center; gap:8px; background:rgba(255,255,255,.08); border:1px solid rgba(255,255,255,.15); padding:7px 14px; border-radius:100px; font-size:12.5px; font-weight:600; margin-bottom:20px; }
.sell-hero h1{ font-size:42px; font-weight:800; letter-spacing:-.02em; line-height:1.15; margin:0 0 16px; }
.sell-hero h1 span{ color:#FFB37A; }
.sell-hero p.lead{ font-size:16px; color:rgba(255,255,255,.72); margin:0 0 26px; line-height:1.6; }
.sell-trust-row{ display:flex; flex-wrap:wrap; gap:22px; margin-bottom:32px; }
.sell-trust-row div{ display:flex; align-items:center; gap:8px; font-size:13.5px; font-weight:600; color:rgba(255,255,255,.9); }
.sell-trust-row i{ color:#4ADE80; font-size:16px; }

.sell-cta-row{ display:flex; gap:12px; flex-wrap:wrap; }
.sell-btn-primary{ background:#FF7A00; color:#fff; padding:14px 26px; border-radius:12px; font-weight:700; font-size:14.5px; text-decoration:none; display:inline-flex; align-items:center; gap:8px; transition:.2s ease; box-shadow:0 10px 24px rgba(255,122,0,.35); }
.sell-btn-primary:hover{ background:#E56800; color:#fff; transform:translateY(-1px); }

/* Brand chips */
.brand-chip-row{ margin-top:34px; }
.brand-chip-label{ font-size:12.5px; color:rgba(255,255,255,.55); font-weight:600; margin-bottom:12px; }
.brand-chips{ display:flex; flex-wrap:wrap; gap:10px; }
.brand-chip{ background:rgba(255,255,255,.06); border:1px solid rgba(255,255,255,.16); color:#fff; padding:9px 18px; border-radius:100px; font-size:13.5px; font-weight:600; text-decoration:none; transition:.15s ease; }
.brand-chip:hover{ background:rgba(255,255,255,.14); color:#fff; }

/* Sections shared */
.sell-section{ padding:64px 0; }
.sell-section-head{ text-align:center; max-width:560px; margin:0 auto 40px; }
.sell-eyebrow-dark{ display:inline-block; background:var(--green-tint); color:var(--green); font-size:12px; font-weight:700; letter-spacing:.04em; text-transform:uppercase; padding:6px 14px; border-radius:100px; margin-bottom:14px; }
.sell-section-head h2{ font-size:28px; font-weight:800; letter-spacing:-.01em; margin:0 0 10px; }

/* Steps */
.steps-row{ display:grid; grid-template-columns:repeat(3,1fr); gap:24px; margin-top:20px; }
.step-card{ text-align:center; padding:30px 20px; }
.step-num{ width:52px; height:52px; border-radius:50%; background:var(--ink); color:#fff; display:flex; align-items:center; justify-content:center; font-size:19px; font-weight:800; margin:0 auto 18px; }
.step-card h3{ font-size:17px; font-weight:700; margin:0 0 8px; }
.step-arrow{ display:none; }
@media (min-width:769px){
    .steps-row{ position:relative; }
    .step-card:not(:last-child)::after{ content:"›"; position:absolute; right:-14px; top:44px; font-size:28px; color:#D3D5DA; }
}

/* Why us grid */
.why-grid{ display:grid; grid-template-columns:repeat(3,1fr); gap:20px; }
.why-tile{ border:1px solid var(--line); border-radius:18px; padding:24px; display:flex; gap:14px; align-items:flex-start; transition:.2s ease; }
.why-tile:hover{ box-shadow:0 16px 32px rgba(11,13,18,.06); border-color:transparent; }
.why-icon{ width:44px; height:44px; border-radius:12px; background:var(--soft); display:flex; align-items:center; justify-content:center; font-size:19px; color:var(--accent); flex:0 0 auto; }
.why-tile h4{ font-size:14.5px; font-weight:700; margin:0 0 4px; }

/* Brand grid */
.sell-section-soft{ background:var(--soft); }
.brand-row-wrap{ position:relative; }
.brand-scroll{ display:flex; gap:16px; overflow-x:auto; scroll-behavior:smooth; padding:4px 4px 10px; scrollbar-width:none; }
.brand-scroll::-webkit-scrollbar{ display:none; }
.brand-scroll-item{ flex:0 0 152px; background:#fff; border:1px solid var(--line); border-radius:14px; padding:24px 14px; text-align:center; text-decoration:none; color:var(--ink); transition:.15s ease; }
.brand-scroll-item:hover{ border-color:var(--ink); color:var(--ink); transform:translateY(-2px); box-shadow:0 14px 28px rgba(11,13,18,.08); }
.brand-scroll-logo{ width:48px; height:48px; border-radius:50%; background:var(--soft); display:flex; align-items:center; justify-content:center; margin:0 auto 12px; font-weight:800; font-size:16px; color:#FF7A00; }
.brand-scroll-name{ font-size:13.5px; font-weight:700; }
.brand-scroll-arrow{ position:absolute; right:-6px; top:calc(50% - 5px); transform:translateY(-50%); width:44px; height:44px; border-radius:50%; background:#fff; border:1px solid var(--line); box-shadow:0 8px 20px rgba(11,13,18,.12); display:flex; align-items:center; justify-content:center; cursor:pointer; z-index:2; color:var(--ink); font-size:16px; }
.brand-scroll-arrow:hover{ background:var(--ink); color:#fff; border-color:var(--ink); }

/* Testimonials */
.testi-grid{ display:grid; grid-template-columns:repeat(3,1fr); gap:20px; }
.testi-card{ border:1px solid var(--line); border-radius:18px; padding:24px; }
.testi-stars{ color:#F5A623; font-size:13px; margin-bottom:12px; }
.testi-person{ display:flex; align-items:center; gap:10px; }
.testi-avatar{ width:36px; height:36px; border-radius:50%; background:var(--ink); color:#fff; display:flex; align-items:center; justify-content:center; font-size:13px; font-weight:700; flex:0 0 auto; }
.testi-person div strong{ display:block;  }
.testi-person div span{ font-size:14px; color:var(--muted); }

/* FAQ */
.faq-list{ max-width:760px; margin:0 auto; }
.faq-item{ border-bottom:1px solid var(--line); }
.faq-q{ width:100%; text-align:left; background:none; border:0; padding:18px 4px; display:flex; justify-content:space-between; align-items:center; font-weight:700; cursor:pointer; color:var(--ink); }
.faq-q i{ transition:.2s ease; color:var(--muted); }
.faq-item.open .faq-q i{ transform:rotate(45deg); }
.faq-a{ max-height:0; overflow:hidden; transition:.2s ease; font-size:14.5px; color:var(--muted); line-height:1.65; }
.faq-item.open .faq-a{ max-height:200px; padding-bottom:18px; }

/* Devices table (Cashify-style row list) */
.sell-table-wrap{ border:1px solid var(--line); border-radius:16px; overflow:hidden; background:#fff; }
.sell-table-head{ display:flex; align-items:center; justify-content:space-between; padding:18px 26px; background:var(--soft); font-weight:700; font-size:14.5px; color:#0B0D12; }
.sell-table-row{ display:flex; align-items:center; justify-content:space-between; gap:16px; padding:18px 26px; border-top:1px solid var(--line); transition:.15s ease; }
.sell-table-row:hover{ background:#FAFAFB; }
.sell-row-left{ display:flex; align-items:center; gap:16px; min-width:0; text-decoration:none; color:inherit; flex:1; }
.sell-row-thumb{ width:56px; height:56px; border-radius:10px; background:var(--soft); display:flex; align-items:center; justify-content:center; overflow:hidden; flex:0 0 auto; }
.sell-row-thumb img{ max-width:100%; max-height:100%; object-fit:contain; }
.sell-row-title{ font-weight:700; font-size:14.5px; color:#0B0D12; line-height:1.4; }
.sell-row-meta{ font-size:12.5px; color:var(--muted); margin-top:2px; }
.sell-row-price-col{ text-align:left; flex:0 0 140px; }
.sell-row-price-label{ font-size:12px; color:var(--muted); margin-bottom:2px; }
.sell-row-price{ font-size:18px; font-weight:800; color:#FF5A3C; }
.sell-row-btn{ background:#FF7A00; color:#fff; padding:10px 24px; border-radius:8px; font-weight:700; font-size:13.5px; text-decoration:none; white-space:nowrap; flex:0 0 auto; transition:.15s ease; }
.sell-row-btn:hover{ background:#E56800; color:#fff; }
@media (max-width:640px){
    .sell-table-head{ display:none; }
    .sell-table-row{ flex-wrap:wrap; }
    .sell-row-price-col{ flex:1; }
}

/* Devices grid header row reuse of eg- classes below */
.sell-devices-head{ display:flex; align-items:center; justify-content:space-between; margin-bottom:24px; flex-wrap:wrap; gap:12px; }

@media (max-width:992px){
    .why-grid{ grid-template-columns:repeat(2,1fr); }
    .brand-grid{ grid-template-columns:repeat(3,1fr); }
    .testi-grid{ grid-template-columns:1fr; }
}
@media (max-width:768px){
    .steps-row{ grid-template-columns:1fr; }
    .why-grid{ grid-template-columns:1fr; }
    .sell-hero h1{ font-size:30px; }
}