/* eBitans: editorial storefront direction. Existing copy and interactions stay in the HTML. */
:root {
  --dark: #101010;
  --surface: #191919;
  --surface2: #22201f;
  --border: rgba(255,255,255,.13);
  --border-hover: rgba(241,89,58,.58);
  --text: #f3eee8;
  --text-muted: #b6aea8;
  --text-dim: #817a75;
  --orange: #f1593a;
}
html { scroll-padding-top: 90px; }
body { background: var(--dark); color: var(--text); }
body::before { opacity: .035; }
::selection { background: #f1593a; color: white; }
.container { max-width: 1320px; padding-inline: 48px; }
#navbar { padding-inline: 48px; background: rgba(16,16,16,.96); border-bottom: 1px solid rgba(255,255,255,.1); }
#navbar.scrolled { background: rgba(16,16,16,.96); box-shadow: 0 8px 30px rgba(0,0,0,.25); }
.nav-inner { max-width: 1320px; height: 82px; gap: 32px; }
.nav-links { gap: clamp(18px,2.4vw,38px); }
.nav-links a { color: #c8c1ba; font-size: 13px; letter-spacing: 0; }
.nav-links a:hover { color: #fff; }
.nav-actions .btn-nav-ghost { color: #c8c1ba; }
.btn-nav-primary, .navCta { border-radius: 4px; padding: 12px 20px; background: var(--orange); box-shadow: none; }
.btn-nav-primary:hover { box-shadow: none; background: #ff6847; }
.lang-toggle { border-radius: 4px; background: #202020; border-color: rgba(255,255,255,.13); }
.lang-btn, .lang-btn.active { border-radius: 3px; }
.hero { padding: 136px 48px 92px; background: #111; }
.hero-bg { background: radial-gradient(ellipse 65% 85% at 76% 42%, rgba(120,53,35,.23), transparent 78%), #111; }
.hero-grid { opacity: .18; background-size: 80px 80px; }
.hero-inner { max-width: 1320px; grid-template-columns: minmax(0,1.1fr) minmax(0,.9fr); gap: 56px; }
.hero-content { padding-bottom: 8px; }
.hero-eyebrow, .section-pill { margin-bottom: 22px; padding: 0; border: 0; border-radius: 0; background: none; color: #f17b61; text-transform: uppercase; letter-spacing: .16em; font-size: 11px; font-family: 'Inter','Hind Siliguri',sans-serif; }
.hero-eyebrow-dot { width: 5px; height: 5px; box-shadow: none; animation: none; }
.hero-eyebrow span { color: #f17b61; font-size: 11px; font-weight: 700; letter-spacing: .14em; }
.hero h1 { font-size: clamp(48px,5.25vw,78px); line-height: 1.08; letter-spacing: -.045em; margin-bottom: 26px; text-wrap: pretty; }
.hero h1 em { display: inline-block; color: #f1593a; -webkit-text-fill-color: #f1593a; }
.hero-desc { color: #c4bcb6; font-size: clamp(16px,1.35vw,19px); max-width: 620px; line-height: 1.8; margin-bottom: 30px; }
.hero-shop { margin: 0 0 12px; max-width: 540px; }
.hero-shop-row { min-height: 58px; border: 1px solid #74645e; border-radius: 5px; box-shadow: none; }
.hero-shop-input { border-radius: 0; padding: 17px 18px; }
.hero-shop-suffix { align-self: stretch; display: flex; align-items: center; background: #eee7e1; border-left: 1px solid #d6cbc3; color: #473f3b; font-size: 13px; }
.hero-shop-live { color: #a7a09a; margin: 8px 0 0; }
.hero-actions { gap: 12px; margin-bottom: 22px; }
.btn-hero, .btn-hero-ghost { min-height: 56px; padding: 14px 25px; border-radius: 5px; font-size: 16px; box-shadow: none; }
.btn-hero:hover { box-shadow: none; transform: translateY(-2px); }
.btn-hero-ghost { color: #e2dbd4; border-color: rgba(255,255,255,.28); }
.hero-proof { gap: 10px 20px; }
.hero-proof .proof-text strong { font-size: 12px; font-weight: 500; color: #a9a19a; }
.hero-visual { height: 650px; }
.seller-arch { inset: 0 4% 5px; padding: 0; border: 0; border-radius: 4px; background: #29201e; overflow: hidden; }
.seller-arch::after { content: ''; position: absolute; inset: 0; background: linear-gradient(180deg,transparent 58%,rgba(0,0,0,.33)); pointer-events: none; }
.seller-arch img { border-radius: 0; object-position: center 28%; }
.seller-card { border-radius: 4px; border-color: rgba(255,255,255,.18); background: rgba(20,20,20,.94); box-shadow: 0 12px 36px rgba(0,0,0,.28); backdrop-filter: blur(10px); }
.seller-order { left: -6%; top: 11%; }
.seller-fake { right: -6%; top: 33%; }
.seller-courier { left: -6%; bottom: 20%; }
.seller-live { right: -5%; bottom: 7%; }
.seller-example { right: 5%; bottom: 12px; color: #eee; z-index: 1; }
.strip-section { background: #1b1b1b; border-block: 1px solid rgba(255,255,255,.11); box-shadow: none; }
.strip-label { color: #8d857e; }
.strip-item { color: #bdb5ae; }
.features-section, .steps-section, .pricing-section, .testimonials-section, .faq-section { padding: 112px 48px; }
.features-section { background: #151515; }
.features-section#compare { background: #171717; }
.steps-section { background: #1b1b1b; }
.pricing-section { background: #121212; }
.faq-section { background: #1b1b1b; }
.testimonials-section { background: #161616; }
.section-header { max-width: 850px; margin-bottom: 48px; }
.section-title { font-size: clamp(40px,4.3vw,64px); line-height: 1.13; font-weight: 800; letter-spacing: -.035em; }
.section-title em { color: #f1593a; }
.section-sub { color: #aea69f; font-size: 17px; }
.bento { grid-template-columns: repeat(4,minmax(0,1fr)); gap: 0; border-top: 1px solid rgba(255,255,255,.18); border-left: 1px solid rgba(255,255,255,.18); }
.bento-card, .bc-6[style] { grid-column: span 1; min-width: 0; min-height: 292px; padding: 30px 26px; border: 0; border-right: 1px solid rgba(255,255,255,.18); border-bottom: 1px solid rgba(255,255,255,.18); border-radius: 0; background: transparent !important; box-shadow: none; }
.bento-card::after { display: none; }
.bento-card:hover { border-color: rgba(255,255,255,.18); transform: none; background: #202020 !important; box-shadow: none; }
.bento-icon, .step-icon-wrap { background: none !important; border: 0; border-radius: 0; padding: 0; width: auto; height: auto; justify-content: flex-start; color: #f1593a; filter: grayscale(1); opacity: .8; }
.bento-tag { letter-spacing: .16em; font-size: 10px; }
.bento-big-num { font-size: 50px; color: #f1593a; }
.bento-title { font-size: 21px; color: #eee9e3; }
.bento-desc { color: #a9a19a; font-size: 14px; }
.steps-grid { grid-template-columns: repeat(3,minmax(0,1fr)); gap: 0; background: none; border-radius: 0; border: 1px solid rgba(255,255,255,.16); }
.step-cell { min-width: 0; min-height: 315px; padding: 38px 34px; background: transparent; border-right: 1px solid rgba(255,255,255,.16); }
.step-cell:last-child { border: 0; }
.step-cell:hover, .step-cell.active { background: #242424; }
.step-num-big { top: 20px; right: 24px; font-size: 80px; color: rgba(255,255,255,.055); }
.step-title { font-size: 22px; }
.step-desc { color: #a9a19a; }
.pricing-toggle { margin-bottom: 42px; }
.pricing-cards { gap: 12px; }
.p-card, .p-card-featured { background: #1c1c1c; border: 1px solid rgba(255,255,255,.15); border-radius: 4px; padding: 36px 24px 27px; box-shadow: none; transform: none; }
.p-card:hover, .p-card-featured:hover { box-shadow: none !important; border-color: #f1593a; }
.p-popular-label { left: auto; right: 0; transform: none; border-radius: 0; }
.p-diff-chip { border-radius: 3px; }
.p-name { font-size: 24px; }
.p-amount { font-size: clamp(34px,3.5vw,50px); }
.p-feature { font-size: 12px; }
.btn-p-primary, .btn-p-ghost { border-radius: 4px; }
.faq-inner { max-width: 1100px; }
.faq-item { border-color: rgba(255,255,255,.17); }
.faq-q { min-height: 84px; font-size: 18px; color: #e2dbd4; }
.faq-chevron { border-radius: 3px; }
.cta-section { padding: 115px 48px; text-align: left; background: #d84d31; }
.cta-bg { background: none; }
.cta-grid-overlay { display: none; }
.cta-inner { max-width: 1320px; }
.cta-inner h2 { font-size: clamp(46px,5vw,72px); }
.cta-inner h2 em { color: #21120e; }
.cta-inner p { color: #fff0ea; }
.cta-actions { justify-content: flex-start; }
.btn-cta-primary, .btn-cta-ghost { border-radius: 4px; box-shadow: none; }
.btn-cta-primary { background: #151515; }
.btn-cta-primary:hover { background: #282828; box-shadow: none; }
.btn-cta-ghost { border-color: rgba(255,255,255,.6); color: white; }
footer { background: #101010; padding: 78px 48px 32px; }
.footer-grid { max-width: 1320px; gap: 32px; }
.footer-bottom { max-width: 1320px; }
.f-social-btn { border-radius: 3px; }
@media (max-width: 1100px) {
  .hero-inner { grid-template-columns: 1fr; }
  .hero-visual { width: min(500px,100%); margin: 0 auto; }
  .container { padding-inline: 28px; }
  #navbar { padding-inline: 28px; }
  .hero { padding-inline: 28px; }
  .hero-inner { gap: 28px; }
  .bento { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .pricing-cards { grid-template-columns: repeat(2,minmax(0,1fr)); }
}
@media (max-width: 767px) {
  .container { padding-inline: 16px; }
  #navbar { padding-inline: 16px; }
  .nav-inner { height: 68px; }
  .hero { padding: 100px 16px 50px; }
  .hero-inner { gap: 28px; }
  .hero h1 { font-size: clamp(39px,10.5vw,53px); }
  .hero-desc { font-size: 16px; }
  .hero-visual { width: min(390px,100%); height: 465px; }
  .seller-arch { inset: 0 4% 0; }
  .seller-card { max-width: 150px; }
  .seller-order { left: 0; top: 9%; }
  .seller-courier { left: 0; bottom: 15%; }
  .seller-live { right: 0; bottom: 4%; }
  .features-section, .steps-section, .pricing-section, .testimonials-section, .faq-section { padding: 72px 16px; }
  .section-header { margin-bottom: 32px; }
  .section-title { font-size: clamp(35px,9vw,46px); }
  .section-sub { font-size: 14px; }
  .bento { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .bento-card, .bc-6[style] { min-height: 255px; padding: 22px 14px; }
  .bento-title { font-size: 15px; }
  .bento-desc { font-size: 12px; }
  .steps-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .step-cell { min-height: 265px; padding: 24px 14px; }
  .step-cell:nth-child(2) { border: 0; }
  .step-cell:nth-child(3) { border-top: 1px solid rgba(255,255,255,.16); }
  .step-title { font-size: 16px; }
  .step-desc { font-size: 12px; }
  .pricing-cards { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .p-card, .p-card-featured { padding: 30px 12px 18px; }
  .p-name { font-size: 18px; }
  .p-amount { font-size: clamp(27px,7vw,36px); }
  .faq-q { font-size: 15px; min-height: 68px; }
  .cta-section { padding: 76px 16px; }
  .cta-inner h2 { font-size: 44px; }
  footer { padding: 70px 16px 24px; }
  .footer-grid { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 38px 18px; }
  .footer-brand { grid-column: 1 / -1; }
}
@media (prefers-reduced-motion: reduce) {
  .bento-card, .p-card, .btn-hero, .btn-hero-ghost { transition: none; }
}

@media (max-width: 380px) {
  .hero h1 { font-size: 34px; }
  .hero-visual { width: 100%; }
  .hero-eyebrow span { letter-spacing: .03em; }
}

/* Clear Bangla headline: no synthetic bold, compressed glyphs, or underline. */
.hero h1.hero-title { font-family: 'Hind Siliguri', sans-serif; font-weight: 700; letter-spacing: 0; font-size: clamp(45px,4.65vw,66px); line-height: 1.23; text-wrap: initial; }
.hero-title-first, .hero-title-second { display: block; }
.hero h1 .hero-title-second { margin-top: .08em; font-style: normal; color: #fa6547; -webkit-text-fill-color: #fa6547; letter-spacing: 0; }
.hero h1 .hero-title-second::after { display: none !important; }
@media (max-width: 767px) { .hero h1.hero-title { font-size: clamp(34px,8.9vw,42px); line-height: 1.28; } }
/* A separate, self-hosted reading face for descriptions across the page. */
@font-face { font-family: 'Noto Sans Bengali'; font-style: normal; font-weight: 400 500; font-display: swap; src: url('/alternative-landing/assets/noto-sans-bengali-bengali.woff2') format('woff2'); unicode-range: U+0951-0952,U+0964-0965,U+0980-09FE,U+1CD0,U+1CD2,U+1CD5-1CD6,U+1CD8,U+1CE1,U+1CEA,U+1CED,U+1CF2,U+1CF5-1CF7,U+200C-200D,U+20B9,U+25CC,U+A8F1; }
@font-face { font-family: 'Noto Sans Bengali'; font-style: normal; font-weight: 400 500; font-display: swap; src: url('/alternative-landing/assets/noto-sans-bengali-latin.woff2') format('woff2'); unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6-02DA,U+02DC,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD; }
body { font-family: 'Noto Sans Bengali','Hind Siliguri',sans-serif; }
.hero h1.hero-title, .section-title, .cta-inner h2 { font-family: 'Hind Siliguri',sans-serif; }
.hero-desc, .section-sub, .bento-desc, .step-desc, .p-tagline, .p-feature, .faq-a, .testi-text, .footer-brand p, .footer-col a, .cta-inner p, .proof-text { font-family: 'Noto Sans Bengali',sans-serif; font-weight: 400; letter-spacing: 0; }
.hero-desc { font-size: 17px; line-height: 1.85; }
@media (max-width: 767px) { .hero-desc { font-size: 15px; line-height: 1.8; } }
/* Use quiet editorial numbering in place of decorative emoji iconography. */
.bento-icon, .step-icon-wrap { font-size: 0 !important; }
.bento-icon::before, .step-icon-wrap::before { display: block; color: #ef745b; font: 600 12px/1 'Inter',sans-serif; letter-spacing: .16em; }
.bento-card:nth-child(2) .bento-icon::before { content: '02 / DESIGN'; }
.bento-card:nth-child(3) .bento-icon::before { content: '03 / TRUST'; }
.bento-card:nth-child(4) .bento-icon::before { content: '04 / PAY'; }
.bento-card:nth-child(5) .bento-icon::before { content: '05 / SHIP'; }
.bento-card:nth-child(6) .bento-icon::before { content: '06 / ORDER'; }
.bento-card:nth-child(7) .bento-icon::before { content: '07 / HELP'; }
.bento-card:nth-child(8) .bento-icon::before { content: '08 / STOCK'; }
.step-cell:nth-child(1) .step-icon-wrap::before { content: '01 / START'; }
.step-cell:nth-child(2) .step-icon-wrap::before { content: '02 / DESIGN'; }
.step-cell:nth-child(3) .step-icon-wrap::before { content: '03 / SELL'; }
.strip-item-icon { filter: grayscale(1); opacity: .52; }

@media (min-width: 1101px) { .hero-inner { grid-template-columns: minmax(0,1.18fr) minmax(0,.82fr); gap: 42px; } .hero h1.hero-title { font-size: clamp(45px,4.1vw,59px); } }
/* Feature showcase: deliberate hierarchy instead of a uniform dashboard grid. */
#features { background: #111211; }
#features .section-header { max-width: 900px; }
#features .bento {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  grid-auto-rows: minmax(214px, auto);
  gap: 14px;
  border: 0;
}
#features .bento-card,
#features .bc-6[style] {
  position: relative;
  display: flex;
  flex-direction: column;
  min-width: 0;
  min-height: 214px;
  padding: 28px;
  border: 1px solid #ffffff1b;
  border-radius: 16px;
  background: #1a1b1a !important;
  box-shadow: inset 0 1px #ffffff0a;
  transition: background .25s, border-color .25s, transform .25s;
}
#features .bento-card:hover {
  background: #222322 !important;
  border-color: #ffffff45;
  transform: translateY(-3px);
  box-shadow: 0 18px 30px #0003;
}
#features .bc-1 {
  grid-column: span 2;
  grid-row: span 2;
  padding: 38px;
  background: linear-gradient(145deg, #512418 0%, #2c1b17 52%, #1b1b1b 100%) !important;
  border-color: #9b4732;
}
#features .bc-1:hover { background: linear-gradient(145deg, #602a1c 0%, #32201b 52%, #202020 100%) !important; border-color: #e57557; }
#features .bc-1::before { content: ''; position: absolute; width: 240px; height: 240px; border: 1px solid #ffffff1a; border-radius: 50%; right: -80px; top: -80px; pointer-events: none; }
#features .bc-1 .bento-tag { align-self: flex-start; padding: 8px 11px; border: 1px solid #f17d5b80; border-radius: 6px; background: #f1593a22; color: #ffae95; }
#features .bc-1 .bento-big-num { margin: 35px 0 4px; color: #fff1e9; font-size: clamp(80px,10vw,136px); letter-spacing: -.06em; line-height: .95; }
#features .bc-1 .bento-title { font-size: 28px; }
#features .bc-1 .bento-desc { max-width: 420px; font-size: 16px; color: #dbc9c1; }
#features .bc-1 .speed-visual { max-width: 470px; }
#features .bc-1 .speed-bar { height: 7px; background: #ffffff28; }
#features .bc-1 .speed-bar-fill { background: #ff7858; }
#features .bento-icon { flex: none; margin: 0 0 28px; opacity: 1; filter: none; }
#features .bento-icon::before { font-size: 11px; font-weight: 700; color: #ff9678; }
#features .bento-title { font-size: 19px; line-height: 1.3; margin-bottom: 12px; }
#features .bento-desc { color: #bab4ae; font-size: 13px; line-height: 1.75; }
#features .bc-2 { background: #1c2220 !important; }
#features .bc-2:hover { background: #25302b !important; }
#features .bc-2 > div:last-child { margin-top: auto !important; padding-top: 20px; }
#features .bc-2 > div:last-child > div { width: 24px !important; height: 24px !important; box-shadow: none !important; border: 2px solid #ffffff45; }
#features .bc-3 { background: #20201d !important; }
#features .bc-3:hover { background: #2a2923 !important; }
#features .bc-4 { background: #201c1b !important; }
#features .bc-4:hover { background: #2b2421 !important; }
#features .bc-4 > div:last-child { margin-top: auto !important; padding-top: 18px; }
#features .bc-4 > div:last-child > div { border-radius: 5px !important; background: #ffffff0a !important; }
#features .bc-5 { background: #191f22 !important; }
#features .bc-5:hover { background: #222c30 !important; }
#features .bc-6[style] { background: #21201a !important; }
#features .bc-7 { background: #1b211f !important; }
#features .bc-7 > div:first-child { gap: 8px !important; align-items: flex-start !important; }
#features .bc-7 .bento-title { margin-bottom: 5px; }
#features .bc-7 > div:last-child { margin-top: auto !important; }
#features .bc-8 { grid-column: span 2; background: #20201e !important; }
#features .bc-8 .bento-desc { max-width: 400px; }
#features .bc-8 > div:last-child { margin-top: auto !important; max-width: 420px; }
#features .bc-8 > div:last-child > div { border-radius: 9px !important; background: #ffffff0a !important; }
@media (max-width: 1100px) {
  #features .bento { grid-template-columns: repeat(2,minmax(0,1fr)); }
  #features .bc-1 { grid-row: auto; }
}
@media (max-width: 767px) {
  #features .bento { grid-template-columns: repeat(2,minmax(0,1fr)); grid-auto-rows: auto; gap: 10px; }
  #features .bento-card, #features .bc-6[style], #features .bc-1, #features .bc-8 { grid-column: span 1; grid-row: auto; min-height: 234px; padding: 18px 14px; border-radius: 12px; }
  #features .bc-1 .bento-tag { padding: 5px 7px; font-size: 9px; }
  #features .bc-1 .bento-big-num { margin: 18px 0 8px; font-size: 54px; }
  #features .bc-1 .bento-title, #features .bento-title { font-size: 15px; }
  #features .bc-1 .bento-desc, #features .bento-desc { font-size: 11px; line-height: 1.55; }
  #features .bento-icon { margin-bottom: 18px; }
  #features .bento-icon::before { font-size: 9px; letter-spacing: .05em; }
  #features .bc-1 .speed-visual { margin: 12px 0 0 !important; }
  #features .bc-2 > div:last-child > div { width: 17px !important; height: 17px !important; }
  #features .bc-7 > div:last-child { padding: 8px !important; }
  #features .bc-8 > div:last-child { gap: 5px !important; }
  #features .bc-8 > div:last-child > div { padding: 7px !important; }
}