/* Home page adjustments: keep the hero within the site's charcoal palette. */
.hero {
  min-height: 0;
  padding: 120px 32px 72px;
  background: #0b0b0c;
  color: #fff;
}
.hero-bg {
  background: radial-gradient(ellipse 65% 65% at 72% 38%, rgba(241,89,58,.16), transparent 70%),
    radial-gradient(ellipse 40% 50% at 8% 85%, rgba(241,89,58,.07), transparent 75%), #0b0b0c;
}
.hero-grid {
  background-image: linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);
  background-size: 60px 60px;
  opacity: .55;
}
.hero-inner { max-width: 1300px; grid-template-columns: 1.2fr .8fr; gap: 48px; }
.hero-eyebrow { margin-bottom: 24px; }
.hero-eyebrow span { color: #ff9276; text-transform: none; letter-spacing: .1px; font-family: inherit; }
.hero h1 { color: #fff; font-size: clamp(44px,5vw,64px); font-weight: 800; line-height: 1.13; }
.hero h1 em { background: none; -webkit-text-fill-color: #f1593a; color: #f1593a; }
.hero h1 em::after { display: none; }
.hero-desc { max-width: 600px; color: #b6b0ae; margin-bottom: 24px; }
.hero-shop-row { border-color: #4c3833; box-shadow: 0 14px 38px rgba(0,0,0,.3); }
.hero-shop-suffix { color: #282828; background: #f7eae5; }
.hero-shop-live { color: #a9a09d; }
.hero-actions { margin-bottom: 25px; }
.btn-hero { background: #f1593a; box-shadow: 0 8px 22px rgba(241,89,58,.3); font-size: 19px; }
.btn-hero-ghost { color: #eee; border-color: rgba(255,255,255,.2); }
.hero-proof .proof-text, .hero-proof .proof-text strong { color: #c7c2c0; }
.hero-visual { display: block; height: 640px; min-width: 0; }
.seller-arch { position: absolute; inset: 18px 7% 16px; padding: 9px; border: 2px dashed rgba(241,89,58,.5); border-radius: 240px 240px 36px 36px; }
.seller-arch img { display: block; width: 100%; height: 100%; object-fit: cover; object-position: center 18%; border-radius: 230px 230px 28px 28px; }
.seller-card { position: absolute; z-index: 1; display: flex; flex-direction: column; gap: 6px; max-width: 220px; background: rgba(24,24,25,.95); border: 1px solid rgba(255,255,255,.16); border-radius: 16px; padding: 15px 17px; box-shadow: 0 18px 40px rgba(0,0,0,.38); color: #fff; font-size: 12px; animation: seller-pop .45s both; }
.seller-card small { color: #b6b0ae; font-size: 12px; }
.seller-card strong { font-size: 20px; }
.seller-card span { color: #d0c8c5; }
.seller-order { left: -9%; top: 12%; animation-delay: 1s; }
.seller-fake { right: -8%; top: 29%; animation-delay: 1.7s; }
.seller-courier { left: -10%; bottom: 22%; animation-delay: 2.4s; }
.seller-live { right: -7%; bottom: 8%; animation-delay: 3.1s; }
.seller-live strong { color: #57db8d; }
.seller-example { position: absolute; bottom: 0; right: 1%; font-size: 11px; color: #a39b98; }
.lang-toggle { flex-shrink: 0; }
@keyframes seller-pop { from { opacity: 0; transform: translateY(10px) scale(.9); } to { opacity: 1; transform: translateY(0) scale(1); } }
@media (max-width: 1100px) {
  .hero-inner { gap: 24px; }
  .seller-order { left: -4%; }
  .seller-fake { right: -3%; }
  .seller-courier { left: -4%; }
  .seller-live { right: -3%; }
}
@media (max-width: 1024px) {
  .hero-inner { grid-template-columns: 1fr; }
  .hero-visual { display: block; width: min(400px,100%); margin: 8px auto 0; }
  .hero h1 { font-size: 52px; }
}
@media (max-width: 767px) {
  .hero { padding: 96px 16px 44px; }
  .hero-inner { padding: 0; gap: 22px; }
  .hero h1 { font-size: clamp(34px,9vw,42px); letter-spacing: -.5px; }
  .hero-desc { font-size: 16px; line-height: 1.65; margin-bottom: 18px; }
  .hero-shop-row { flex-direction: row; align-items: center; }
  .hero-shop-input { min-width: 0; font-size: 13px; padding: 14px 10px; }
  .hero-shop-suffix { padding: 15px 9px; font-size: 11px; }
  .hero-actions { display: flex; flex-direction: column; align-items: stretch; gap: 10px; }
  .btn-hero, .btn-hero-ghost { min-height: 52px; justify-content: center; }
  .hero-proof { gap: 8px 14px; }
  .hero-visual { height: 430px; width: min(320px,100%); }
  .seller-arch { inset: 10px 5% 12px; padding: 0; border: 0; }
  .seller-fake { display: none; }
  .seller-card { padding: 9px 10px; max-width: 155px; font-size: 10px; border-radius: 11px; }
  .seller-card small { font-size: 10px; }
  .seller-card strong { font-size: 14px; }
  .seller-order { left: -1%; top: 9%; }
  .seller-courier { left: -1%; bottom: 21%; }
  .seller-live { right: -2%; bottom: 5%; }
  .nav-inner { gap: 10px; }
  .nav-actions { gap: 6px; }
  .nav-actions .btn-nav-ghost { display: none; }
  .nav-actions .btn-nav-primary { padding: 9px 11px; font-size: 11px; white-space: nowrap; }
  .lang-toggle { padding: 2px; }
  .lang-btn { padding: 6px 7px; font-size: 11px; }
  .brand-ai-logo { max-width: 105px; }
  .nav-logo { min-width: 105px; }
  .bento { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 9px; }
  .bento-card { min-width: 0; padding: 15px 12px; border-radius: 14px; }
  .bc-1,.bc-2,.bc-3,.bc-4,.bc-5,.bc-6,.bc-7,.bc-8 { grid-column: span 1; }
  .bento-icon { width: 36px; height: 36px; font-size: 18px; margin-bottom: 10px; }
  .bento-big-num { font-size: 38px; }
  .bento-title { font-size: 14px; line-height: 1.35; }
  .bento-desc { font-size: 12px; line-height: 1.5; overflow-wrap: anywhere; }
  .pricing-cards { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 10px; }
  .p-card { min-width: 0; padding: 25px 12px 16px; border-radius: 14px; overflow-wrap: anywhere; }
  .p-card-featured { transform: none; }
  .p-name { font-size: 17px; }
  .p-tagline { font-size: 11px; }
  .p-amount { font-size: clamp(26px,7vw,34px); letter-spacing: -1px; }
  .p-period, .p-currency { font-size: 11px; }
  .p-price-wrap { flex-wrap: wrap; }
  .p-feature { font-size: 11px; gap: 5px; }
  .btn-p-primary, .btn-p-ghost { font-size: 12px; padding: 11px 5px; }
  .features-section, .steps-section, .pricing-section, .testimonials-section, .faq-section, .cta-section { padding: 60px 16px; }
  footer { padding: 54px 16px 24px; }
  .footer-grid { gap: 24px 14px; }
  .footer-bottom { flex-wrap: wrap; gap: 12px; }
  .testi-card { width: min(280px,calc(100vw - 42px)); }
  .steps-grid { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 1px; }
  .step-cell { min-width: 0; padding: 26px 12px; }
  .step-title { font-size: 15px; }
  .step-desc { font-size: 12px; }
  .step-num-big { font-size: 45px; top: 12px; right: 10px; }
  .section-title { font-size: clamp(28px,8vw,38px); }
}
@media (max-width: 380px) {
  .nav-actions .btn-nav-primary { display: none; }
  .seller-card { max-width: 140px; }
  .hero-shop-input { font-size: 12px; }
}
@media (prefers-reduced-motion: reduce) {
  .hero *, .seller-card { animation: none !important; transition: none !important; }
}