/* SpaceyDevs shared stylesheet (index.html + products.html) */
  :root{
    --bg:#F0EBF9;
    --bg-alt:rgba(231,225,240,0.72);
    --ink:#151425;
    --ink-card:#1E1A35;
    --text-dark:#181624;
    --text-light:#FDFBFF;
    --muted:#6E6880;
    --muted-on-dark:#B9B0CC;
    --purple:#8B5CF6;
    --purple-dark:#7C3AED;
    --purple-bright:#B79CFF;
    --purple-tint:#F1EAFE;
    --purple-tint-dark:rgba(139,92,246,0.16);
    --border:#E8E2F3;
    --border-dark:rgba(255,255,255,0.14);
    --radius:14px;

    /* theme-aware tokens (values below = the original light design) */
    --heading:#151425;
    --surface:#fff;
    --page-bg:linear-gradient(180deg, #FCFBFF 0%, #F5F1FD 100%);
    --reviews-row-bg:#f7f3fe;
    --reviews-section-bg:linear-gradient(135deg, rgba(139,92,246,0.08), rgba(255,255,255,0.6));
    --expand-bg:rgba(255,255,255,0.96);
    --card-shadow:rgba(23,17,33,0.08);
    --card-shadow-strong:rgba(23,17,33,0.1);
    --scroll-track:rgba(20,16,31,0.12);
    --scroll-track-body:rgba(20,16,31,0.08);
    --signature-filter:none;
    --card-bg:linear-gradient(160deg, #FFFFFF, #FAF7FF);
    --review-bg:linear-gradient(160deg, #FFFFFF, #F7F2FF);
    --card-hover-border:rgba(139,92,246,0.35);
    --card-hover-shadow:0 10px 24px rgba(23,17,33,0.09);
    --spot:rgba(139,92,246,0.13);
    --icon-glow:none;
    --icon-border:rgba(139,92,246,0.22);
    --text-glow:none;
    --about-shadow:0 18px 44px rgba(23,17,33,0.12);
    --about-border:rgba(139,92,246,0.25);
    --orb-1:rgba(139,92,246,0.09);
    --orb-2:rgba(236,72,153,0.05);
    --orb-3:rgba(56,189,248,0.06);
    --review-border:rgba(139,92,246,0.14);
    --review-shadow:0 16px 36px rgba(23,17,33,0.06);
    --glow-ring:rgba(139,92,246,0.18);
    --glow-soft:rgba(23,17,33,0.09);
    color-scheme:light;
  }
  /* DARK THEME (default) */
  :root[data-theme="dark"]{
    --bg:#0F0B1C;
    --bg-alt:rgba(22,15,42,0.55);
    --ink:#0A0714;
    --ink-card:#1E1A35;
    --text-dark:#F1EDFA;
    --muted:#A39BBA;
    --purple-tint:rgba(139,92,246,0.18);
    --border:rgba(255,255,255,0.09);
    --heading:#FFFFFF;
    --surface:#1A1530;
    --page-bg:linear-gradient(180deg, #0D0A18 0%, #130E24 100%);
    --reviews-row-bg:transparent;
    --reviews-section-bg:linear-gradient(135deg, rgba(139,92,246,0.10), rgba(255,255,255,0.015));
    --expand-bg:rgba(30,26,53,0.96);
    --card-shadow:rgba(0,0,0,0.35);
    --card-shadow-strong:rgba(0,0,0,0.45);
    --scroll-track:rgba(255,255,255,0.08);
    --scroll-track-body:rgba(255,255,255,0.06);
    --signature-filter:invert(1);
    --card-bg:linear-gradient(160deg, rgba(34,26,66,0.9), rgba(22,17,42,0.9));
    --review-bg:linear-gradient(160deg, #221A42, #181330);
    --card-hover-border:rgba(183,156,255,0.28);
    --card-hover-shadow:0 10px 24px rgba(0,0,0,0.35);
    --spot:rgba(139,92,246,0.22);
    --icon-glow:none;
    --icon-border:rgba(183,156,255,0.25);
    --text-glow:none;
    --about-shadow:0 18px 44px rgba(0,0,0,0.4);
    --about-border:rgba(183,156,255,0.22);
    --orb-1:rgba(139,92,246,0.10);
    --orb-2:rgba(236,72,153,0.05);
    --orb-3:rgba(56,189,248,0.05);
    --review-border:rgba(183,156,255,0.16);
    --review-shadow:0 16px 36px rgba(0,0,0,0.35);
    --glow-ring:rgba(183,156,255,0.22);
    --glow-soft:rgba(0,0,0,0.35);
    color-scheme:dark;
  }
  *{margin:0;padding:0;box-sizing:border-box;}
  html{scroll-behavior:smooth; scrollbar-width:thin; scrollbar-color:rgba(139,92,246,0.45) var(--scroll-track);}
  body{
    background:var(--page-bg);
    color:var(--text-dark);
    font-family:'Inter',sans-serif;
    -webkit-font-smoothing:antialiased;
    overflow-x:hidden;
  }

  /* Preloader */
  #preloader {
    position:fixed;
    inset:0;
    display:flex;
    align-items:center;
    justify-content:center;
    background:#0b0524;
    z-index:9999;
    opacity:1;
    visibility:visible;
    transition:opacity .4s ease, visibility .4s ease;
  }
  #preloader .spinner {
    width:60px;
    height:60px;
    border:6px solid rgba(139,92,246,0.18);
    border-top-color:#8B5CF6;
    border-radius:50%;
    animation:spin 1s linear infinite;
  }
  @keyframes spin { to { transform:rotate(360deg); } }
  #preloader.hidden {
    opacity:0;
    visibility:hidden;
    pointer-events:none;
  }

  body::-webkit-scrollbar{width:10px; height:10px;}
  body::-webkit-scrollbar-track{background:var(--scroll-track-body); border-radius:999px;}
  body::-webkit-scrollbar-thumb{background:rgba(139,92,246,0.45); border-radius:999px; border:2px solid var(--scroll-track-body);}
  body::-webkit-scrollbar-thumb:hover{background:rgba(139,92,246,0.7);}
  a{color:inherit; text-decoration:none;}
  ul{list-style:none;}
  img{max-width:100%; display:block;}
  button{font-family:inherit;}
  .display{font-family:'Manrope',sans-serif;}

  .wrap{max-width:1180px; margin:0 auto; padding:0 32px;}

  .texture{
    position:fixed; inset:0; z-index:0; pointer-events:none; opacity:.45;
    background-image:radial-gradient(circle, rgba(139,92,246,0.22) 1px, transparent 1px);
    background-size:24px 24px;
    mask-image:linear-gradient(180deg, black, transparent 60%);
  }

  /* NAV - always dark */
  header{
    position:fixed; top:0; left:0; right:0; z-index:100;
    background:rgba(20,16,31,0.85); backdrop-filter:blur(12px);
    border-bottom:1px solid transparent;
    transition:border-color .3s ease, box-shadow .3s ease, background .3s ease;
    padding:18px 0;
  }
  header.scrolled{border-bottom:1px solid var(--border-dark); box-shadow:0 4px 24px rgba(0,0,0,0.25); background:rgba(20,16,31,0.95);}
  nav{position:relative; display:flex; align-items:center; justify-content:space-between;}
  .logo{display:flex; align-items:center; gap:10px; font-family:'Manrope',sans-serif; font-weight:800; font-size:1.15rem; color:var(--text-light);}
  .logo img{width:46px; height:46px; border-radius:12px;}
  .nav-links{display:flex; gap:24px; align-items:center; font-size:.93rem; color:var(--muted-on-dark); font-weight:500;}
  .nav-links a{transition:color .2s ease;}
  .nav-links a:hover{color:#fff;}
  .nav-links a.active{color:#fff; position:relative;}
  .nav-links a.active::after{content:''; position:absolute; left:0; right:0; bottom:-8px; height:2px; border-radius:2px; background:var(--purple-bright);}
  .nav-mobile-toggle{display:none; width:40px; height:40px; border-radius:12px; border:1px solid rgba(255,255,255,0.14); background:rgba(255,255,255,0.06); color:#fff; cursor:pointer; align-items:center; justify-content:center;}
  .nav-mobile-toggle span{display:block; width:18px; height:2px; background:#fff; border-radius:1px; position:relative;}
  .nav-mobile-toggle span::before,
  .nav-mobile-toggle span::after{content:''; position:absolute; width:18px; height:2px; background:#fff; border-radius:1px; left:0;}
  .nav-mobile-toggle span::before{top:-6px;}
  .nav-mobile-toggle span::after{top:6px;}
  .mobile-menu{position:absolute; top:100%; left:0; right:0; z-index:45; display:none; flex-direction:column; gap:18px; padding:22px 28px 24px; background:rgba(20,16,31,0.98); border-bottom:1px solid rgba(255,255,255,0.08);}
  .mobile-menu.open{display:flex;}
  .mobile-menu a{color:#fff; font-size:.98rem; font-weight:500; padding:12px 14px; border-radius:14px; transition:background .2s ease;}
  .mobile-menu a:hover{background:rgba(255,255,255,.08);}
  .nav-cta{
    padding:11px 22px; border-radius:9px; background:var(--purple); color:#fff!important;
    font-weight:600; font-size:.9rem; transition:background .2s ease, transform .2s ease;
  }
  .nav-cta:hover{background:var(--purple-dark); transform:translateY(-1px);}

  /* HERO - dark */
  .hero{position:relative; z-index:1; padding:140px 0 70px; background:linear-gradient(135deg, #161425 0%, #241C3D 100%); color:var(--text-light); overflow:hidden;}
  .hero-grid{display:grid; grid-template-columns:1.05fr .95fr; gap:40px; align-items:center;}
  .eyebrow{
    display:inline-flex; align-items:center; gap:8px;
    font-size:.8rem; font-weight:600; letter-spacing:.04em; text-transform:uppercase;
    color:var(--purple-bright); padding:7px 14px; border-radius:100px;
    background:var(--purple-tint-dark); margin-bottom:20px;
  }
  .hero h1{
    font-family:'Manrope',sans-serif;
    font-size:clamp(2.4rem, 4.4vw, 3.6rem);
    font-weight:800; line-height:1.08; letter-spacing:-.02em;
    margin-bottom:22px; color:#fff;
  }
  .hero h1 em{font-style:normal; color:var(--purple-bright);}
  .hero p.lead{font-size:1.08rem; color:var(--muted-on-dark); max-width:480px; line-height:1.65; margin-bottom:30px;}
  .btn-row{display:flex; gap:14px; flex-wrap:wrap; align-items:center;}
  .btn{
    padding:14px 26px; border-radius:9px; font-weight:600; font-size:.94rem;
    display:inline-flex; align-items:center; gap:8px; transition:all .2s ease; cursor:pointer; border:none;
  }
  .btn-primary{background:var(--purple); color:#fff;}
  .btn-primary:hover{background:var(--purple-dark); transform:translateY(-1px); box-shadow:0 6px 16px rgba(124,58,237,0.18);}
  .btn-ghost{background:transparent; color:#fff; border:1px solid var(--border-dark);}
  .btn-ghost:hover{border-color:var(--purple-bright); color:var(--purple-bright);}
  .trust-line{display:flex; align-items:center; gap:8px; margin-top:26px; font-size:.85rem; color:var(--muted-on-dark);}
  .trust-line .stars{color:#F5B942; letter-spacing:1px;}

  /* light-context buttons (used on light sections e.g. pricing card) */
  .light-ctx .btn-ghost{color:var(--text-dark); border-color:var(--border);}
  .light-ctx .btn-ghost:hover{border-color:var(--purple); color:var(--purple);}

  /* Hero image fan */
  .fan{position:relative; height:430px; min-height:430px;}
  .fan-card{
    position:absolute; width:72%; aspect-ratio:2/1; border-radius:12px; overflow:hidden;
    border:1px solid var(--border-dark); box-shadow:0 26px 55px rgba(0,0,0,0.45);
    background:var(--ink-card); transform:translateZ(0); transition:transform .28s ease, box-shadow .28s ease, filter .28s ease;
  }
  .fan-card:hover{
    transform:translateY(-3px);
    box-shadow:0 30px 70px rgba(0,0,0,0.42);
  }
  .fan-card img{width:100%; height:100%; object-fit:cover; display:block;}
  .fan-1{top:2%; left:4%; transform:rotate(-8deg); z-index:1;}
  .fan-2{top:8%; right:1%; transform:rotate(10deg); z-index:2;}
  .fan-3{top:24%; left:16%; transform:rotate(-2deg); z-index:8; width:74%; box-shadow:0 34px 70px rgba(0,0,0,0.58);}
  .fan-4{top:40%; left:4%; transform:rotate(7deg); z-index:4; width:66%;}
  .fan-5{top:48%; right:8%; transform:rotate(-6deg); z-index:5; width:64%;}
  .fan-6{bottom:2%; left:24%; transform:rotate(3deg); z-index:6; width:62%; box-shadow:0 30px 60px rgba(0,0,0,0.55);}

  section{position:relative; z-index:1;}
  .section-pad{padding:70px 0;}
  .bg-alt{background:var(--bg-alt);}
  .eyebrow-sm{
    font-size:.8rem; font-weight:700; letter-spacing:.06em; text-transform:uppercase;
    color:var(--purple); margin-bottom:14px; display:block;
  }
  h2.section-title{
    font-family:'Manrope',sans-serif; font-size:clamp(1.7rem,3.2vw,2.4rem);
    font-weight:800; letter-spacing:-.01em; line-height:1.18; max-width:620px; color:var(--text-dark);
  }

  /* ABOUT - image left, text right */
  .about{display:grid; grid-template-columns:1fr 1fr; gap:64px; align-items:center;}
  .about p{color:var(--muted); font-size:1.02rem; line-height:1.75; margin-top:20px; max-width:500px;}
  .about-stats{display:flex; gap:36px; margin-top:32px; flex-wrap:wrap;}
  .about-stats div b{font-family:'Manrope',sans-serif; font-size:1.6rem; color:var(--purple); display:block; font-weight:800;}
  .about-stats div span{font-size:.82rem; color:var(--muted);}
  .about .signature{width:140px; max-width:100%; opacity:50%; height:auto; display:block; margin-top:24px; filter:var(--signature-filter);}
  .about-visual{
    border-radius:16px; overflow:hidden; border:1px solid var(--border);
    box-shadow:0 24px 50px rgba(23,17,33,0.12);
  }
  .about-visual img{width:100%; display:block;}

  /* PROCESS */
  .process-grid{display:grid; grid-template-columns:repeat(3,1fr); gap:26px; margin-top:52px;}
  .process-card{
    background:var(--surface); border:1px solid var(--border); border-radius:var(--radius); padding:36px 32px;
    transition:transform .25s ease, box-shadow .25s ease;
  }
  .process-card:hover{transform:translateY(-2px); box-shadow:0 16px 34px var(--card-shadow);}
  .process-num{
    width:38px; height:38px; border-radius:9px; background:var(--purple-tint); color:var(--purple);
    display:flex; align-items:center; justify-content:center; font-family:'Manrope',sans-serif; font-weight:800;
    font-size:.95rem; margin-bottom:20px;
  }
  .process-card h3{font-family:'Manrope',sans-serif; font-size:1.15rem; font-weight:700; margin-bottom:10px;}
  .process-card p{color:var(--muted); font-size:.92rem; line-height:1.6;}

  /* REVIEWS */
  .reviews-section{background:var(--reviews-section-bg);}
  .reviews-heading{display:flex; flex-direction:column; gap:10px; align-items:flex-start; margin-bottom:28px;}
  .reviews-heading p{color:var(--muted); font-size:1rem; line-height:1.7; max-width:620px;}
  .reviews-stack{display:grid; gap:18px; width:100%; margin:0 auto;}
  .reviews-row{position:relative; width:100vw; left:50%; margin-left:-50vw; margin-right:-50vw; padding:0 32px; box-sizing:border-box; background:var(--reviews-row-bg);}
  .reviews-marquee{position:relative; overflow:hidden; width:100%; box-sizing:border-box; background:transparent;}
  .reviews-marquee::before,
  .reviews-marquee::after{content:""; position:absolute; top:0; bottom:0; width:88px; z-index:3; pointer-events:none;}
  .reviews-marquee::before{left:0; background:linear-gradient(90deg, var(--bg) 0%, transparent 100%);}
  .reviews-marquee::after{right:0; background:linear-gradient(270deg, var(--bg) 0%, transparent 100%);}
  .reviews-track{position:relative; z-index:1; display:flex; align-items:stretch; gap:18px; width:max-content; min-width:100%; padding:0; will-change:transform; animation-duration:28s; animation-timing-function:linear; animation-iteration-count:infinite;}
  .reviews-track--forward{animation-name:reviewsScrollForward;}
  .reviews-track--reverse{animation-name:reviewsScrollReverse;}
  .reviews-track:hover{animation-play-state:paused;}
  .review-card{flex:0 0 320px; width:320px; min-height:230px; display:flex; flex-direction:column; justify-content:space-between; background:var(--surface); border:1px solid var(--border); border-radius:16px; padding:24px; box-shadow:0 16px 36px rgba(23,17,33,0.06); transition:transform .25s ease, box-shadow .25s ease;}
  .review-card:hover{transform:translateY(-2px); box-shadow:0 18px 36px var(--card-shadow-strong);}
  .review-card .stars{color:#F5B942; letter-spacing:1px; font-size:.95rem; margin-bottom:14px;}
  .review-card blockquote{font-size:1rem; line-height:1.75; color:var(--text-dark); margin-bottom:18px; flex:1 1 auto;}
  .review-card strong{display:block; font-family:'Manrope',sans-serif; font-size:1rem; color:var(--heading); margin-bottom:4px;}
  .review-card span{color:var(--muted); font-size:.9rem;}
  @media (max-width:760px){
    .reviews-stack{gap:14px;}
    .reviews-track{gap:14px; padding:0 16px;}
    .reviews-marquee::before,
    .reviews-marquee::after{width:16px;}
    .review-card{flex:0 0 min(280px, calc(100vw - 56px)); width:min(280px, calc(100vw - 56px));}
  }
  @keyframes reviewsScrollForward{from{transform:translateX(0);} to{transform:translateX(-50%);} }
  @keyframes reviewsScrollReverse{from{transform:translateX(-50%);} to{transform:translateX(0);} }

  /* PORTFOLIO */
  .filters{display:flex; gap:10px; margin:38px 0 6px; flex-wrap:wrap;}
  .filter-btn{
    padding:9px 18px; border-radius:100px; border:1px solid var(--border);
    background:var(--surface); color:var(--muted); font-size:.86rem; cursor:pointer;
    font-family:'Inter',sans-serif; font-weight:600; transition:all .2s ease;
  }
  .filter-btn.active, .filter-btn:hover{background:var(--purple); color:#fff; border-color:var(--purple);}
  .grid-portfolio{display:grid; grid-template-columns:repeat(3, 1fr); gap:26px; margin-top:34px; transition:opacity .28s ease, transform .28s ease; will-change:opacity, transform;}
  .grid-portfolio.is-changing{opacity:0; transform:translateY(8px);}
  .p-card{border-radius:0 0 var(--radius) var(--radius); overflow:hidden; border:1px solid var(--border); background:var(--surface);
    transition:transform .25s ease, box-shadow .25s ease; opacity:0; transform:translateY(10px); animation:portfolioCardIn .38s cubic-bezier(.2,.7,.2,1) both;}
  .p-card:hover{transform:translateY(-2px); box-shadow:0 18px 36px var(--card-shadow-strong);} 
  @keyframes portfolioCardIn{from{opacity:0; transform:translateY(10px);} to{opacity:1; transform:translateY(0);}}
  .p-card .thumb{aspect-ratio:2/1; overflow:hidden; position:relative;}
  .p-card .thumb img{width:100%; height:100%; object-fit:cover;}
  .cart-btn{
    position:absolute; top:10px; right:10px; width:34px; height:34px; border-radius:9px;
    background:rgba(20,16,31,0.7); backdrop-filter:blur(4px); color:#fff;
    display:flex; align-items:center; justify-content:center; transition:background .2s ease, transform .2s ease;
  }
  .cart-btn:hover{background:var(--purple);}
  .p-card .cap{padding:16px 18px;}
  .p-card .cap .tag{font-size:.72rem; font-weight:700; letter-spacing:.05em; text-transform:uppercase; color:var(--purple);}
  .p-card .cap h4{font-family:'Manrope',sans-serif; font-size:.98rem; font-weight:700; margin-top:6px;}

  /* LIGHTBOX / PREVIEW */
  .lightbox-overlay{position:fixed; inset:0; display:flex; align-items:center; justify-content:center; background:rgba(10,8,18,0.72); z-index:1200; opacity:0; pointer-events:none; transition:opacity .28s ease;}
  .lightbox-overlay.open{opacity:1; pointer-events:auto;}
  .lightbox{background:var(--bg); border-radius:14px; padding:22px; max-width:980px; width:calc(100% - 40px); box-shadow:0 30px 80px rgba(10,8,18,0.6); transform:translateY(8px) scale(.98); transition:transform .28s cubic-bezier(.2,.9,.2,1);}
  .lightbox-overlay.open .lightbox{transform:translateY(0) scale(1);}
  .lightbox img{width:100%; height:auto; max-height:65vh; object-fit:contain; display:block; border-radius:0;}

  /* per-card expand icon (shows on hover, visible on touch devices) */
  .p-card .thumb{position:relative;}
  .p-card .thumb .expand-icon{
    position:absolute; left:10px; top:10px; width:36px; height:36px; border-radius:9px; background:var(--expand-bg);
    display:flex; align-items:center; justify-content:center; box-shadow:0 10px 26px rgba(10,8,18,0.12); opacity:0; transform:translateY(-6px); transition:opacity .18s ease, transform .18s ease; z-index:6; pointer-events:none;
  }
  .p-card:hover .expand-icon, .p-card:focus-within .expand-icon{ opacity:1; transform:translateY(0); pointer-events:auto; }
  .p-card .thumb .expand-icon svg{width:16px; height:16px; color:var(--text-dark);}
  @media (hover:none){ /* touch devices: show icon always */
    .p-card .thumb .expand-icon{ opacity:1; transform:none; pointer-events:auto; }
  }
  .lightbox .cap{display:flex; align-items:center; justify-content:space-between; gap:12px; margin-top:12px;}
  .lightbox .cap .meta{display:flex; flex-direction:column;}
  .lightbox .cap .meta h4{margin:0; font-size:1.05rem;}
  .lightbox .cap .meta .tag{color:var(--purple); font-weight:800; font-size:.8rem; margin-bottom:6px;}
  .lightbox .cap a.cart-btn{position:static; width:auto; height:auto; padding:10px 14px; border-radius:10px; background:var(--purple); color:#fff; display:inline-flex; align-items:center; gap:8px;}
  @media (max-width:760px){ .lightbox{padding:14px; width:calc(100% - 20px);} .lightbox img{max-height:55vh;} }

  .pagination{display:flex; align-items:center; justify-content:center; gap:18px; margin-top:42px;}
  .page-btn{
    padding:10px 18px; border-radius:9px; border:1px solid var(--border); background:var(--surface);
    color:var(--text-dark); font-size:.86rem; font-weight:600; cursor:pointer; transition:all .2s ease;
  }
  .page-btn:hover:not(:disabled){border-color:var(--purple); color:var(--purple);}
  .page-btn:disabled{opacity:.4; cursor:not-allowed;}
  .page-indicator{font-size:.86rem; color:var(--muted); font-weight:500;}

  /* STATS BAR - dark, full bleed */
  .stats-section{background:var(--ink); color:var(--text-light);}
  .stats-bar{display:grid; grid-template-columns:repeat(4,1fr); padding:48px 0;}
  .stat{text-align:center; border-right:1px solid var(--border-dark);}
  .stat:last-child{border-right:none;}
  .stat b{font-family:'Manrope',sans-serif; font-size:2.2rem; font-weight:800; color:#fff; display:block;}
  .stat span{color:var(--muted-on-dark); font-size:.85rem;}

  /* WHY */
  .why-grid{display:grid; grid-template-columns:repeat(3,1fr); gap:26px; margin-top:50px;}
  .why-card{
    padding:34px 30px; border-radius:var(--radius); background:var(--surface); border:1px solid var(--border);
    transition:transform .25s ease, box-shadow .25s ease;
  }
  .why-card:hover{transform:translateY(-2px); box-shadow:0 18px 36px var(--card-shadow-strong);}
  .why-icon{
    width:44px; height:44px; border-radius:10px; margin-bottom:20px;
    background:var(--purple-tint); display:flex; align-items:center; justify-content:center; color:var(--purple);
  }
  .why-card h3{font-family:'Manrope',sans-serif; font-size:1.1rem; font-weight:700; margin-bottom:10px;}
  .why-card p{color:var(--muted); font-size:.92rem; line-height:1.6;}

  /* PRICING */
  .pricing-wrap{display:grid; grid-template-columns:1fr 1fr; gap:60px; align-items:center; margin-top:50px;}
  .pricing-copy p{color:var(--muted); font-size:1.02rem; line-height:1.75; margin-top:16px; max-width:440px;}
  .pricing-copy ul{margin-top:26px;}
  .pricing-copy li{display:flex; gap:10px; align-items:flex-start; font-size:.95rem; margin-bottom:14px; color:var(--text-dark);}
  .pricing-copy li svg{flex-shrink:0; margin-top:2px; color:var(--purple);}
  .price-card{
    background:var(--ink); color:var(--text-light); border-radius:20px; padding:48px 44px;
    text-align:center; box-shadow:0 24px 60px rgba(23,17,33,0.18);
  }
  .price-card .label{font-size:.85rem; font-weight:700; letter-spacing:.05em; text-transform:uppercase; color:var(--purple-bright); margin-bottom:18px;}
  .price-card .amount{font-family:'Manrope',sans-serif; font-size:4rem; font-weight:800; color:#fff; line-height:1;}
  .price-card .amount span{font-size:1.2rem; font-weight:600; color:var(--muted-on-dark);}
  .price-card .per{color:var(--muted-on-dark); font-size:.92rem; margin:10px 0 30px;}
  .price-card .btn{width:100%; justify-content:center;}
  .price-card .fine{color:var(--muted-on-dark); font-size:.8rem; margin-top:16px;}

  /* CTA - dark card floating in light section */
  .cta-banner{
    border-radius:24px; padding:76px 60px; text-align:center;
    background:var(--ink); color:#fff; border:1px solid var(--border-dark);
  }
  .cta-banner h2{font-family:'Manrope',sans-serif; font-size:clamp(1.7rem,3.6vw,2.5rem); font-weight:800; margin-bottom:16px; max-width:600px; margin-left:auto; margin-right:auto;}
  .cta-banner p{color:var(--muted-on-dark); max-width:460px; margin:0 auto 32px;}
  .cta-banner .btn-row{justify-content:center;}

  /* FOOTER - dark */
  footer{background:var(--ink); color:var(--text-light); padding:60px 0 24px; margin-top:0;}
  .footer-grid{display:grid; grid-template-columns:1.4fr 1fr 1fr 1fr; gap:40px; margin-bottom:56px;}
  .footer-brand p{color:var(--muted-on-dark); font-size:.9rem; line-height:1.7; margin-top:16px; max-width:260px;}
  .footer-col h4{font-family:'Manrope',sans-serif; font-size:.82rem; font-weight:700; letter-spacing:.04em; text-transform:uppercase; color:#fff; margin-bottom:18px;}
  .footer-col li{margin-bottom:12px;}
  .footer-col a{color:var(--muted-on-dark); font-size:.92rem; transition:color .2s ease;}
  .footer-col a:hover{color:var(--purple-bright);}
  .footer-bottom{
    display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap; gap:16px;
    padding-top:28px; border-top:1px solid var(--border-dark); color:var(--muted-on-dark); font-size:.85rem;
  }
  .socials{display:flex; gap:14px;}
  .socials a{
    width:36px; height:36px; border-radius:9px; border:1px solid var(--border-dark); background:var(--ink-card);
    display:flex; align-items:center; justify-content:center; color:var(--muted-on-dark); transition:all .2s ease;
  }
  .socials a:hover{border-color:var(--purple-bright); color:var(--purple-bright);}

  :root[data-theme="dark"] .stats-section,
  :root[data-theme="dark"] footer{border-top:1px solid var(--border-dark);}
  :root[data-theme="dark"] .hero{border-bottom:1px solid var(--border-dark);}

  /* ===== EFFECTS (kept calm; colours come from theme variables) ===== */

  /* soft drifting background tint */
  .ambient{position:fixed; inset:0; z-index:0; pointer-events:none; overflow:hidden;}
  .ambient i{position:absolute; border-radius:50%; will-change:transform;}
  .ambient i:nth-child(1){width:760px; height:760px; left:-220px; top:18%; background:radial-gradient(circle, var(--orb-1), transparent 65%); animation:orbA 34s ease-in-out infinite alternate;}
  .ambient i:nth-child(2){width:640px; height:640px; right:-200px; top:46%; background:radial-gradient(circle, var(--orb-2), transparent 65%); animation:orbB 40s ease-in-out infinite alternate;}
  .ambient i:nth-child(3){width:700px; height:700px; left:30%; bottom:-260px; background:radial-gradient(circle, var(--orb-3), transparent 65%); animation:orbA 46s ease-in-out infinite alternate-reverse;}
  @keyframes orbA{from{transform:translate3d(0,0,0);} to{transform:translate3d(80px,-50px,0);}}
  @keyframes orbB{from{transform:translate3d(0,0,0);} to{transform:translate3d(-90px,60px,0);}}

  /* hero (dark in both themes): gentle glow + a few quiet stars */
  .hero-glow{position:absolute; inset:0; z-index:0; pointer-events:none; overflow:hidden;}
  .hero-glow i{position:absolute; border-radius:50%; will-change:transform;}
  .hero-glow i:nth-child(1){width:620px; height:620px; right:-120px; top:-160px; background:radial-gradient(circle, rgba(139,92,246,0.20), transparent 65%); animation:orbB 26s ease-in-out infinite alternate;}
  .hero-glow i:nth-child(2){width:480px; height:480px; left:-140px; bottom:-220px; background:radial-gradient(circle, rgba(236,72,153,0.09), transparent 65%); animation:orbA 30s ease-in-out infinite alternate;}
  .hero-glow i:nth-child(3){width:420px; height:420px; right:22%; bottom:-200px; background:radial-gradient(circle, rgba(56,189,248,0.07), transparent 65%); animation:orbA 36s ease-in-out infinite alternate-reverse;}
  .starfield{position:absolute; inset:0; z-index:0; pointer-events:none; overflow:hidden;}
  .star{position:absolute; left:var(--x); top:var(--y); width:var(--s); height:var(--s); border-radius:50%; background:#fff; opacity:.1; animation:starTwinkle var(--t) ease-in-out var(--dl) infinite;}
  @keyframes starTwinkle{0%,100%{opacity:.08;} 50%{opacity:.5;}}

  /* plain accent word in the hero (as in the original design) */
  .hero h1 em{font-style:normal; color:var(--purple-bright);}

  /* small, quiet accents */
  .eyebrow{border:1px solid rgba(183,156,255,0.18);}
  .process-num, .why-icon{border:1px solid var(--icon-border);}
  .about-visual{border-color:var(--about-border); box-shadow:var(--about-shadow);}

  /* cards: soft surfaces, light hover */
  .process-card, .why-card{background:var(--card-bg);}
  .process-card:hover, .why-card:hover, .p-card:hover{border-color:var(--card-hover-border); box-shadow:var(--card-hover-shadow);}
  .p-card{background:var(--card-bg);}
  .review-card{background:var(--review-bg); border-color:var(--review-border); box-shadow:var(--review-shadow);}
  .review-card:hover{border-color:var(--card-hover-border); box-shadow:var(--card-hover-shadow);}

  /* reviews: transparent rows + masked edges so no stripes show between the cards */
  .reviews-row{background:transparent;}
  /* headroom so lifted cards are never clipped by the marquee; the extra room ignores the mouse */
  .reviews-marquee{padding:30px 0; margin:-30px 0; pointer-events:none;}
  .reviews-track{pointer-events:auto;}
  .reviews-marquee::before, .reviews-marquee::after{display:none;}
  .reviews-marquee{
    -webkit-mask-image:linear-gradient(90deg, transparent 0, #000 88px, #000 calc(100% - 88px), transparent 100%);
            mask-image:linear-gradient(90deg, transparent 0, #000 88px, #000 calc(100% - 88px), transparent 100%);
  }
  @media (max-width:760px){
    .reviews-marquee{
      -webkit-mask-image:linear-gradient(90deg, transparent 0, #000 16px, #000 calc(100% - 16px), transparent 100%);
              mask-image:linear-gradient(90deg, transparent 0, #000 16px, #000 calc(100% - 16px), transparent 100%);
    }
  }

  /* stats bar, pricing, CTA, footer (dark surfaces in both themes) */
  .stats-section{background:linear-gradient(180deg, #0D0919, #120C24);}
  .stats-section::before, footer::before{
    content:''; position:absolute; top:0; left:0; right:0; height:1px;
    background:linear-gradient(90deg, transparent, rgba(183,156,255,0.28), transparent);
  }
  footer{position:relative;}
  .price-card{
    position:relative; overflow:hidden;
    border:1px solid rgba(183,156,255,0.22);
    background:linear-gradient(160deg, #1D1738, #140F28);
    box-shadow:0 24px 50px rgba(23,17,33,0.30);
  }
  .cta-banner{
    position:relative; overflow:hidden; border-color:rgba(183,156,255,0.18);
    background:
      radial-gradient(520px 240px at 12% 0%, rgba(139,92,246,0.20), transparent 70%),
      radial-gradient(rgba(255,255,255,0.05) 1px, transparent 1px) 0 0/26px 26px,
      linear-gradient(135deg, #150F2B, #1B1538);
  }
  @media (prefers-reduced-motion: reduce){
    .ambient i, .hero-glow i, .star{animation:none !important;}
  }

  /* PRICING layout: card matches the height of the left column */
  .pricing-wrap{align-items:stretch; gap:48px;}
  .pricing-copy{display:flex; flex-direction:column; justify-content:center;}
  .perk-grid{display:grid; grid-template-columns:1fr 1fr; gap:14px; margin-top:28px;}
  .perk{display:flex; gap:14px; align-items:flex-start; padding:18px; border-radius:14px; background:var(--card-bg); border:1px solid var(--border); transition:transform .25s ease, box-shadow .25s ease, border-color .25s ease;}
  .perk:hover{transform:translateY(-2px); border-color:var(--card-hover-border); box-shadow:var(--card-hover-shadow);}
  .perk-icon{flex-shrink:0; width:42px; height:42px; border-radius:11px; display:flex; align-items:center; justify-content:center; background:var(--purple-tint); color:var(--purple); box-shadow:var(--icon-glow); border:1px solid var(--icon-border);}
  .perk b{display:block; font-family:'Manrope',sans-serif; font-size:.95rem; font-weight:700; color:var(--heading); margin-bottom:4px;}
  .perk div > span{display:block; font-size:.83rem; color:var(--muted); line-height:1.5;}
  .pricing-trust{display:flex; align-items:center; gap:8px; margin-top:24px; font-size:.88rem; color:var(--muted);}
  .pricing-trust .stars{color:#F5B942; letter-spacing:1px;}
  .price-card{display:flex; flex-direction:column; align-items:center; justify-content:center; padding:48px 44px;}
  .price-card > *{position:relative; z-index:1;}
  .price-badge{display:inline-flex; align-items:center; gap:6px; padding:6px 13px; border-radius:100px; margin-bottom:22px; background:rgba(139,92,246,0.2); border:1px solid rgba(183,156,255,0.32); color:#DCCBFF; font-size:.72rem; font-weight:700; letter-spacing:.06em; text-transform:uppercase;}
  .price-card .label{margin-bottom:14px;}
  .price-card .per{margin:10px 0 26px;}
  .price-divider{width:100%; height:1px; background:linear-gradient(90deg, transparent, rgba(255,255,255,0.2), transparent); margin-bottom:22px;}
  .price-tags-label{font-size:.75rem; font-weight:700; letter-spacing:.06em; text-transform:uppercase; color:var(--muted-on-dark); margin-bottom:12px;}
  .price-tags{display:flex; flex-wrap:wrap; justify-content:center; gap:8px; margin-bottom:28px;}
  .price-tags span{padding:7px 14px; border-radius:100px; background:rgba(255,255,255,0.06); border:1px solid var(--border-dark); font-size:.82rem; font-weight:500; color:#E9E2F8;}
  @media (max-width:560px){ .perk-grid{grid-template-columns:1fr;} .price-card{padding:38px 28px;} }

  /* THEME TOGGLE (lives in the always-dark header) */
  .nav-right{display:flex; align-items:center; gap:12px;}
  .theme-toggle{
    width:40px; height:40px; border-radius:12px; border:1px solid rgba(255,255,255,0.14);
    background:rgba(255,255,255,0.06); color:#fff; cursor:pointer;
    display:inline-flex; align-items:center; justify-content:center;
    transition:background .2s ease, border-color .2s ease, transform .2s ease;
  }
  .theme-toggle:hover{background:rgba(255,255,255,0.12); border-color:var(--purple-bright); transform:translateY(-1px);}
  .theme-toggle:focus-visible{outline:2px solid var(--purple-bright); outline-offset:2px;}
  .theme-toggle svg{width:18px; height:18px;}
  .theme-toggle .icon-sun{display:none;}
  :root[data-theme="dark"] .theme-toggle .icon-sun{display:block;}
  :root[data-theme="dark"] .theme-toggle .icon-moon{display:none;}
  /* smooth fade while switching theme */
  html.theme-transition *, html.theme-transition *::before, html.theme-transition *::after{
    transition:background-color .35s ease, border-color .35s ease, color .35s ease, box-shadow .35s ease !important;
  }

  /* CHRISTMAS DECORATIONS (subtle) - switch off with XMAS_ENABLED = false in the script */
  .xmas-hat, .xmas-lights, .snow{display:none;}
  html.xmas .xmas-hat{display:block;}
  html.xmas .xmas-lights, html.xmas .snow{display:block;}
  .logo{position:relative;}
  .xmas-hat{position:absolute; left:5px; top:-12px; width:32px; height:auto; transform-origin:50% 82%; transform:rotate(-12deg); pointer-events:none; filter:drop-shadow(0 2px 3px rgba(0,0,0,0.35)); z-index:2;}
  .xmas-lights{position:absolute; left:0; right:0; top:100%; height:22px; pointer-events:none; overflow:hidden; z-index:1;
    background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='56' height='14' viewBox='0 0 56 14'%3E%3Cpath d='M0 0 Q28 12 56 0' fill='none' stroke='%23ffffff' stroke-opacity='.22' stroke-width='1.2'/%3E%3C/svg%3E") repeat-x left top;}
  .xmas-bulb{position:absolute; width:7px; height:10px; border-radius:50% 50% 55% 55%; background:var(--c); box-shadow:0 0 4px var(--c); opacity:.85; animation:bulbTwinkle 2.8s ease-in-out infinite;}
  .xmas-bulb::before{content:''; position:absolute; left:1.5px; top:-3px; width:4px; height:3px; background:#2a2540; border-radius:1px;}
  @keyframes bulbTwinkle{0%,100%{opacity:.9;} 50%{opacity:.55;}}
  .snow{position:absolute; inset:0; overflow:hidden; pointer-events:none; z-index:0;}
  .hero-grid{position:relative; z-index:1;}
  .snowflake{position:absolute; top:-12px; left:var(--x); width:var(--s); height:var(--s); border-radius:50%; background:#fff; opacity:var(--o); filter:blur(.3px); animation:snowFall var(--d) linear var(--delay) infinite;}
  @keyframes snowFall{
    0%{transform:translate3d(0,0,0);}
    50%{transform:translate3d(var(--drift),320px,0);}
    100%{transform:translate3d(calc(var(--drift) * -.4),680px,0);}
  }
  @media (prefers-reduced-motion: reduce){
    .snow{display:none !important;}
    .xmas-bulb{animation:none;}
  }

  .reveal{opacity:0; translate:0 22px; transition:opacity .6s ease, translate .6s ease;}
  .reveal.in{opacity:1; translate:0 0;}

  @media (prefers-reduced-motion: reduce){ .reveal{transition:none; opacity:1; translate:0;} }

  @media (max-width:980px){
    .hero-grid{grid-template-columns:1fr;}
    .fan{height:300px; margin-top:10px;}
    .about,.pricing-wrap{grid-template-columns:1fr;}
    .about .about-visual{order:-1;}
    .process-grid,.why-grid{grid-template-columns:1fr;}
    .grid-portfolio{grid-template-columns:repeat(2,1fr);}
    .about .signature{width:180px; margin-top:18px;}
    .stats-bar{grid-template-columns:repeat(2,1fr); row-gap:28px;}
    .stat:nth-child(2){border-right:none;}
    .footer-grid{grid-template-columns:1fr 1fr;}
    .nav-links{display:none;}
    .nav-mobile-toggle{display:flex;}
    .nav-cta{display:none;}
    .nav-right{margin-left:auto; margin-right:12px;}
  }
  @media (max-width:560px){
    .grid-portfolio{grid-template-columns:1fr;}
    .footer-grid{grid-template-columns:1fr;}
    .cta-banner{padding:52px 24px;}
    .price-card{padding:38px 28px;}
  }

  /* ===================== PRODUCTS PAGE / MARKETPLACE ===================== */
  .mobile-menu a.active{background:rgba(139,92,246,0.18); color:#fff;}
  .page-hero{padding:130px 0 70px;}
  .page-hero .hero-grid{align-items:center;}
  .page-hero p.lead{max-width:500px;}
  .hero-points{display:flex; flex-wrap:wrap; gap:10px 22px; margin-top:26px; font-size:.88rem; color:var(--muted-on-dark);}
  .hero-points span{display:inline-flex; align-items:center; gap:7px;}
  .hero-points svg{color:var(--purple-bright);}

  /* --- Latest product showcase (hero, right side) --- */
  .latest-stack{position:relative; display:flex; align-items:center; justify-content:flex-end;}
  .latest-card{position:relative; display:block; width:100%; max-width:540px; color:#fff; border-radius:16px; overflow:hidden; background:linear-gradient(160deg, #221B40, #17122D); border:1px solid rgba(183,156,255,0.25); box-shadow:0 24px 50px rgba(0,0,0,0.45); transition:transform .25s ease, box-shadow .25s ease;}
  .latest-card:hover{transform:translateY(-2px); box-shadow:0 28px 56px rgba(0,0,0,0.5);}
  .latest-card .thumb{position:relative; aspect-ratio:2/1; overflow:hidden;}
  .latest-card .thumb img{width:100%; height:100%; object-fit:cover; display:block; aspect-ratio:2/1;}
  .latest-head{padding:11px 16px; border-bottom:1px solid rgba(255,255,255,0.08);}
  .latest-pill{display:inline-flex; align-items:center; gap:8px; font-size:.7rem; font-weight:800; letter-spacing:.08em; text-transform:uppercase; color:#E9E2F8;}
  .pulse{width:8px; height:8px; border-radius:50%; background:#4ADE80;}
  .latest-info{padding:16px 18px 18px;}
  .latest-info .tag{font-size:.7rem; font-weight:700; letter-spacing:.06em; text-transform:uppercase; color:#B79CFF;}
  .latest-info h3{font-family:'Manrope',sans-serif; font-size:1.15rem; font-weight:800; margin:6px 0 6px;}
  .latest-info p{font-size:.84rem; line-height:1.5; color:#B8B0CF; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden;}
  .latest-foot{display:flex; align-items:center; justify-content:space-between; gap:12px; margin-top:14px;}
  .latest-price{font-family:'Manrope',sans-serif; font-weight:800; font-size:1.2rem;}
  .latest-price s{font-size:.82rem; font-weight:600; color:#8E86A8; margin-left:6px;}
  .latest-cta{display:inline-flex; align-items:center; gap:7px; padding:9px 16px; border-radius:100px; background:var(--purple); font-size:.82rem; font-weight:700;}

  /* --- section heads with arrows --- */
  .head-row{display:flex; align-items:flex-end; justify-content:space-between; gap:20px; flex-wrap:wrap;}
  .car-arrows{display:flex; gap:10px;}
  .car-arrow{width:44px; height:44px; border-radius:50%; border:1px solid var(--border); background:var(--surface); color:var(--text-dark); cursor:pointer; display:inline-flex; align-items:center; justify-content:center; transition:all .2s ease;}
  .car-arrow:hover:not(:disabled){background:var(--purple); color:#fff; border-color:var(--purple);}
  .car-arrow:disabled{opacity:.35; cursor:default;}
  .car-arrows.hidden{display:none;}

  /* --- popular carousel (3 visible) --- */
  .car-track{display:grid; grid-auto-flow:column; grid-auto-columns:calc((100% - 44px) / 3); gap:22px; overflow-x:auto; scroll-snap-type:x mandatory; scrollbar-width:none; padding:16px 6px 22px; margin:6px -6px -6px; scroll-padding-inline:6px;}
  .car-track::-webkit-scrollbar{display:none;}
  .car-track > *{scroll-snap-align:start;}
  .rank-pill{position:absolute; top:10px; left:10px; display:inline-flex; align-items:center; gap:5px; padding:5px 10px; border-radius:100px; background:rgba(15,11,28,0.78); backdrop-filter:blur(6px); border:1px solid rgba(245,185,66,0.5); color:#F5B942; font-size:.72rem; font-weight:800; letter-spacing:.04em;}

  /* --- marketplace layout --- */
  .market-layout{display:grid; grid-template-columns:268px minmax(0,1fr); gap:32px; margin-top:34px; align-items:start;}
  .market-side, .market-main{min-width:0;}
  .market-side{position:sticky; top:96px; display:flex; flex-direction:column; gap:16px;}
  .side-block{padding:18px; border-radius:var(--radius); background:var(--card-bg); border:1px solid var(--border);}
  .side-block h4{font-size:.72rem; font-weight:800; letter-spacing:.08em; text-transform:uppercase; color:var(--muted); margin-bottom:12px;}
  .cat-list{display:flex; flex-direction:column; gap:4px;}
  .cat-btn{display:flex; align-items:center; gap:11px; width:100%; padding:10px 12px; border-radius:10px; border:1px solid transparent; background:transparent; color:var(--text-dark); font:inherit; font-size:.9rem; font-weight:600; cursor:pointer; text-align:left; transition:background .2s ease, color .2s ease, border-color .2s ease, box-shadow .2s ease;}
  .cat-btn svg{width:17px; height:17px; flex-shrink:0; color:var(--purple);}
  .cat-btn .count{margin-left:auto; font-size:.72rem; font-weight:700; padding:2px 8px; border-radius:100px; background:var(--purple-tint); color:var(--purple);}
  .cat-btn:hover{background:var(--purple-tint);}
  .cat-btn.active{background:var(--purple); color:#fff;}
  .cat-btn.active svg{color:#fff;}
  .cat-btn.active .count{background:rgba(255,255,255,0.22); color:#fff;}
  .search-box{position:relative; display:block; width:100%;}
  .search-box svg{position:absolute; left:14px; top:50%; transform:translateY(-50%); width:16px; height:16px; color:var(--muted); pointer-events:none;}
  .search-box input, .select-wrap select{width:100%; padding:11px 16px 11px 40px; border-radius:10px; border:1px solid var(--border); background:var(--surface); color:var(--text-dark); font:inherit; font-size:.88rem; outline:none; transition:border-color .2s ease, box-shadow .2s ease;}
  .search-box input::placeholder{color:var(--muted);}
  .search-box input:focus, .select-wrap select:focus{border-color:var(--purple); box-shadow:0 0 0 3px rgba(139,92,246,0.18);}
  .select-wrap select{padding:11px 14px; cursor:pointer; appearance:auto;}
  .side-help{padding:20px; border-radius:var(--radius); background:linear-gradient(160deg, #1E1642, #150F2B); border:1px solid rgba(183,156,255,0.2); color:#fff;}
  .side-help b{display:block; font-family:'Manrope',sans-serif; font-size:1rem; margin-bottom:6px;}
  .side-help p{font-size:.84rem; line-height:1.55; color:#B8B0CF; margin-bottom:14px;}
  .side-help .btn{width:100%; padding:11px 16px; font-size:.85rem;}
  .market-head{display:flex; align-items:center; justify-content:space-between; gap:12px; margin-bottom:18px;}
  .market-head h3{font-family:'Manrope',sans-serif; font-size:1.25rem; font-weight:800;}
  .results-meta{font-size:.86rem; color:var(--muted);}
  .market-grid{display:grid; grid-template-columns:repeat(auto-fill, minmax(236px, 1fr)); gap:22px; transition:opacity .2s ease, transform .2s ease;}
  .market-grid.is-changing{opacity:0; transform:translateY(8px);}

  /* --- product cards --- */
  a.prod-card{display:flex; flex-direction:column; color:inherit; cursor:pointer; height:100%;}
  .prod-card .thumb{aspect-ratio:2/1;}
  .prod-card .thumb img{width:100%; height:100%; object-fit:cover; aspect-ratio:2/1; transition:transform .5s ease;}
  .prod-card:hover .thumb img{transform:scale(1.02);}
  .prod-badge{position:absolute; bottom:10px; left:10px; padding:5px 11px; border-radius:100px; font-size:.68rem; font-weight:800; letter-spacing:.05em; text-transform:uppercase; color:#fff; background:var(--purple);}
  .prod-go{position:absolute; top:10px; right:10px; width:32px; height:32px; border-radius:9px; background:rgba(20,16,31,0.7); backdrop-filter:blur(4px); color:#fff; display:flex; align-items:center; justify-content:center; transition:background .2s ease, transform .2s ease;}
  .prod-card:hover .prod-go{background:var(--purple);}
  .prod-card .cap{display:flex; flex-direction:column; flex:1;}
  .prod-card .cap p.desc{margin-top:8px; font-size:.84rem; line-height:1.55; color:var(--muted); display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden;}
  .prod-foot{display:flex; align-items:center; justify-content:space-between; gap:10px; margin-top:auto; padding-top:14px;}
  .prod-price{font-family:'Manrope',sans-serif; font-weight:800; font-size:1.08rem; color:var(--heading);}
  .prod-price s{font-size:.8rem; font-weight:600; color:var(--muted); margin-left:6px;}
  .prod-price.free{color:#22C55E;}
  .prod-price.none{font-size:.82rem; font-weight:600; color:var(--muted);}
  .prod-buy{display:inline-flex; align-items:center; gap:6px; padding:8px 14px; border-radius:100px; background:var(--purple); color:#fff; font-size:.8rem; font-weight:700; transition:box-shadow .2s ease, gap .2s ease;}
  .prod-card:hover .prod-buy{background:var(--purple-dark);}
  .prod-card .cap .tag-row{display:flex; align-items:center; justify-content:space-between;}
  .empty-state{display:none; text-align:center; padding:64px 24px; border:1px dashed var(--border); border-radius:var(--radius); background:var(--card-bg);}
  .empty-state.show{display:block;}
  .empty-state h3{font-family:'Manrope',sans-serif; font-size:1.2rem; font-weight:800; margin-bottom:8px;}
  .empty-state p{color:var(--muted); font-size:.95rem; margin:0 auto 22px; max-width:420px; line-height:1.6;}

  @media (max-width:1060px){ .car-track{grid-auto-columns:calc((100% - 22px) / 2);} }
  @media (max-width:980px){
    .latest-stack{justify-content:center;}
    .latest-card{max-width:520px;}
  }
  @media (max-width:900px){
    .market-layout{grid-template-columns:minmax(0,1fr); gap:22px;}
    .market-side{position:static;}
    .cat-list{flex-direction:row; overflow-x:auto; scrollbar-width:none; padding-bottom:2px;}
    .cat-list::-webkit-scrollbar{display:none;}
    .cat-btn{width:auto; white-space:nowrap; border:1px solid var(--border);}
    .side-help{display:none;}
  }
  @media (max-width:640px){ .car-track{grid-auto-columns:82%;} }