/*
Theme Name: emartbd Ziyanah
Theme URI: https://ziyanahai.emartbd.net
Author: emartbd
Description: Public marketing/landing theme for the Ziyanah AI Smart Assistant sub-site. The Ziyanah WhatsApp plugin runs separately in wp-admin on this same site.
Version: 1.0
Text Domain: emartbd-ziyanah
*/

  :root{
    --ink:#0B1420; --panel:#111C2B; --panel-2:#16233A;
    --gold:#C9A227; --gold-dim:#7A6320;
    --jade:#3DAE8B; --jade-dim:#256B57;
    --paper:#EDEFF2; --paper-dim:#A7B0BD; --muted:#5C6B7D;
    --line:rgba(237,239,242,0.10);
    --font-display:'Space Grotesk', sans-serif;
    --font-body:'Inter', sans-serif;
    --font-bangla:'Noto Sans Bengali', sans-serif;
    --font-mono:'IBM Plex Mono', monospace;
  }
  *{margin:0;padding:0;box-sizing:border-box;}
  html{scroll-behavior:smooth;}
  body{background:var(--ink);color:var(--paper);font-family:var(--font-body);line-height:1.6;overflow-x:hidden;}
  body.lang-bn{font-family:var(--font-bangla);}
  body.lang-bn h1,body.lang-bn h2,body.lang-bn h3{font-family:var(--font-bangla);}
  ::selection{background:var(--gold);color:var(--ink);}
  a{color:inherit;text-decoration:none;}
  .wrap{max-width:1180px;margin:0 auto;padding:0 28px;}
  .view[hidden]{display:none;}

  body::before{
    content:'';position:fixed;inset:0;
    background-image:linear-gradient(var(--line) 1px, transparent 1px),linear-gradient(90deg, var(--line) 1px, transparent 1px);
    background-size:64px 64px;opacity:0.35;pointer-events:none;z-index:0;
    mask-image:radial-gradient(ellipse 80% 60% at 50% 0%, black 40%, transparent 90%);
  }

  /* ===== NAV ===== */
  nav{position:sticky;top:0;z-index:50;background:rgba(10,31,28,0.88);backdrop-filter:blur(10px);border-bottom:1px solid var(--line);}
  .nav-inner{display:flex;align-items:center;justify-content:space-between;padding:18px 28px;max-width:1180px;margin:0 auto;gap:20px;}
  .logo{font-family:var(--font-display);font-weight:700;font-size:20px;letter-spacing:-0.02em;display:flex;align-items:center;gap:8px;flex-shrink:0;cursor:pointer;}
  .logo .dot{width:8px;height:8px;background:var(--jade);border-radius:50%;box-shadow:0 0 12px var(--jade);}
  .logo span.sub{color:var(--muted);font-family:var(--font-mono);font-weight:400;font-size:13px;}
  .nav-links{display:flex;gap:30px;align-items:center;font-size:14px;color:var(--paper-dim);}
  .nav-links a:hover{color:var(--gold);}
  .nav-right{display:flex;align-items:center;gap:16px;flex-shrink:0;}
  .lang-switch{display:flex;border:1px solid var(--line);border-radius:4px;overflow:hidden;font-family:var(--font-mono);font-size:12px;flex-shrink:0;}
  .lang-switch button{padding:7px 12px;background:transparent;color:var(--muted);border:none;cursor:pointer;font-family:var(--font-mono);font-size:12px;transition:all .2s;}
  .lang-switch button.active{background:var(--jade);color:var(--ink);font-weight:600;}
  .lang-switch button:not(.active):hover{color:var(--paper);}
  .nav-cta{background:var(--gold);color:var(--ink);padding:9px 18px;border-radius:3px;font-weight:600;font-size:14px;white-space:nowrap;}
  body.lang-bn .nav-cta{font-family:var(--font-bangla);}
  @media(max-width:900px){.nav-links{display:none;}}

  /* ===== HERO ===== */
  header.hero{position:relative;z-index:1;padding:100px 0 70px;}
  .eyebrow{font-family:var(--font-mono);font-size:12px;letter-spacing:0.12em;color:var(--jade);text-transform:uppercase;display:flex;align-items:center;gap:10px;margin-bottom:24px;}
  .eyebrow::before{content:'';width:24px;height:1px;background:var(--jade);}
  h1{font-family:var(--font-display);font-size:clamp(34px,5.2vw,64px);font-weight:700;letter-spacing:-0.02em;line-height:1.08;max-width:820px;color:var(--paper);}
  h1 .accent{color:var(--gold);}
  .hero-sub{max-width:600px;margin-top:22px;font-size:17px;color:var(--paper-dim);}
  .hero-ctas{display:flex;gap:14px;margin-top:34px;flex-wrap:wrap;}
  .btn-primary{background:var(--gold);color:var(--ink);padding:13px 26px;border-radius:3px;font-weight:700;font-size:15px;box-shadow:0 0 0 1px var(--gold-dim);transition:transform .15s ease;display:inline-block;}
  .btn-primary:hover{transform:translateY(-2px);}
  .btn-ghost{border:1px solid var(--line);padding:13px 26px;border-radius:3px;font-weight:600;font-size:15px;color:var(--paper);transition:border-color .2s, background .2s;display:inline-block;}
  .btn-ghost:hover{border-color:var(--jade);background:rgba(61,174,139,0.06);}

  /* ===== SECTIONS ===== */
  .section{position:relative;z-index:1;padding:90px 0;}
  .section.tight{padding:60px 0 90px;}
  .section.alt{background:var(--panel);border-top:1px solid var(--line);border-bottom:1px solid var(--line);}
  .kicker{font-family:var(--font-mono);font-size:12px;color:var(--gold);letter-spacing:0.12em;text-transform:uppercase;margin-bottom:16px;}
  h2{font-family:var(--font-display);font-weight:700;font-size:clamp(26px,3.4vw,40px);letter-spacing:-0.01em;max-width:700px;margin-bottom:16px;}
  .section-sub{color:var(--paper-dim);max-width:620px;font-size:16px;margin-bottom:50px;}

  /* ===== SECTOR CARDS (hub homepage) ===== */
  .sector-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;}
  @media(max-width:900px){.sector-cards{grid-template-columns:1fr 1fr;}}
  @media(max-width:600px){.sector-cards{grid-template-columns:1fr;}}
  .sector-card{
    background:var(--panel);border:1px solid var(--line);border-radius:8px;
    padding:26px 24px;display:flex;flex-direction:column;gap:16px;
    transition:transform .2s, border-color .2s; cursor:pointer;
  }
  .sector-card:hover{transform:translateY(-4px);border-color:var(--jade-dim);}
  .sector-card.is-live{border-color:var(--jade-dim);background:linear-gradient(180deg, rgba(61,174,139,0.07), var(--panel) 45%);}
  .sc-top{display:flex;justify-content:space-between;align-items:flex-start;}
  .sc-idx{font-family:var(--font-mono);font-size:12px;color:var(--muted);}
  .sc-status{font-size:10.5px;font-weight:700;letter-spacing:0.06em;padding:4px 9px;border-radius:3px;}
  .sc-status.live{background:rgba(61,174,139,0.16);color:var(--jade);display:flex;align-items:center;gap:5px;}
  .sc-status.live .blip{width:5px;height:5px;border-radius:50%;background:var(--jade);animation:pulse 1.6s infinite;}
  .sc-status.soon{background:rgba(201,162,39,0.1);color:var(--gold);}
  @keyframes pulse{0%,100%{opacity:1;}50%{opacity:0.25;}}
  .sector-card h3{font-family:var(--font-display);font-size:19px;font-weight:600;}
  body.lang-bn .sector-card h3{font-family:var(--font-bangla);}
  .sector-card p{font-size:13.5px;color:var(--paper-dim);flex:1;}
  .sc-url{font-family:var(--font-mono);font-size:11.5px;color:var(--jade);}
  .sc-cta{font-size:13px;font-weight:600;color:var(--gold);display:flex;align-items:center;gap:6px;margin-top:2px;}
  .sc-cta .arrow{transition:transform .2s;}
  .sector-card:hover .sc-cta .arrow{transform:translateX(4px);}

  /* ===== BACK LINK ===== */
  .back-link{display:inline-flex;align-items:center;gap:8px;font-family:var(--font-mono);font-size:13px;color:var(--muted);margin-bottom:30px;transition:color .2s;}
  .back-link:hover{color:var(--jade);}

  /* ===== FEATURE GRID (ziyanai) ===== */
  .feat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line);border:1px solid var(--line);border-radius:6px;overflow:hidden;}
  .feat{background:var(--ink);padding:28px 24px;}
  .feat .icon{font-family:var(--font-mono);font-size:11px;color:var(--jade);margin-bottom:14px;letter-spacing:0.05em;}
  .feat h3{font-family:var(--font-display);font-size:17px;font-weight:600;margin-bottom:8px;}
  body.lang-bn .feat h3{font-family:var(--font-bangla);}
  .feat p{font-size:13.5px;color:var(--paper-dim);}
  @media(max-width:820px){.feat-grid{grid-template-columns:1fr 1fr;}}
  @media(max-width:560px){.feat-grid{grid-template-columns:1fr;}}
  .roadmap-note{margin-top:28px;font-size:14px;color:var(--paper-dim);max-width:660px;}
  .roadmap-note strong{color:var(--jade);}

  /* ===== PRICING ===== */
  .pricing-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;}
  @media(max-width:980px){.pricing-grid{grid-template-columns:1fr 1fr;}}
  @media(max-width:600px){.pricing-grid{grid-template-columns:1fr;}}
  .price-card{background:var(--panel);border:1px solid var(--line);border-radius:8px;padding:28px 22px;display:flex;flex-direction:column;position:relative;transition:border-color .2s, transform .2s;}
  .price-card:hover{transform:translateY(-4px);border-color:var(--jade-dim);}
  .price-card.featured{border-color:var(--gold);background:linear-gradient(180deg, rgba(201,162,39,0.08), var(--panel) 40%);}
  .price-card.featured .badge{position:absolute;top:-11px;right:20px;background:var(--gold);color:var(--ink);font-size:11px;font-weight:700;padding:4px 10px;border-radius:3px;font-family:var(--font-mono);}
  .price-tier{font-family:var(--font-mono);font-size:12px;color:var(--muted);letter-spacing:0.08em;text-transform:uppercase;margin-bottom:10px;}
  .price-amount{font-family:var(--font-display);font-size:30px;font-weight:700;margin-bottom:2px;}
  .price-amount span{font-size:13px;color:var(--muted);font-weight:400;font-family:var(--font-body);}
  body.lang-bn .price-amount span{font-family:var(--font-bangla);}
  .price-annual{font-size:12px;color:var(--jade);margin-bottom:20px;min-height:14px;}
  .price-features{list-style:none;font-size:13.5px;color:var(--paper-dim);flex:1;}
  .price-features li{padding:7px 0;border-top:1px solid var(--line);display:flex;gap:8px;}
  .price-features li:first-child{border-top:none;}
  .price-features li::before{content:'—';color:var(--jade);flex-shrink:0;}
  .price-btn{margin-top:22px;text-align:center;padding:11px;border-radius:3px;cursor:pointer;border:1px solid var(--line);font-weight:600;font-size:14px;transition:all .2s;}
  .price-card.featured .price-btn{background:var(--gold);color:var(--ink);border-color:var(--gold);}
  .price-btn:hover{border-color:var(--jade);}

  /* ===== COMPARISON ===== */
  .compare{display:grid;grid-template-columns:1.4fr 1fr 1fr;border:1px solid var(--line);border-radius:6px;overflow:hidden;font-size:14px;}
  .compare > div{padding:16px 20px;border-bottom:1px solid var(--line);}
  .compare > div:nth-child(3n+1){color:var(--paper-dim);}
  .compare > div:nth-child(3n+2){color:var(--muted);border-left:1px solid var(--line);border-right:1px solid var(--line);}
  .compare > div:nth-child(3n){color:var(--jade);font-weight:600;}
  .compare .head{background:var(--panel-2);font-family:var(--font-mono);font-size:11px;letter-spacing:0.06em;text-transform:uppercase;color:var(--paper) !important;font-weight:600;border-left:1px solid var(--line);border-right:1px solid var(--line);}
  .compare .head.first{border-left:none;}

  /* ===== SEGMENTS ===== */
  .seg-list{display:flex;flex-direction:column;border:1px solid var(--line);border-radius:6px;overflow:hidden;}
  .seg-row{display:grid;grid-template-columns:60px 1fr 2fr;gap:20px;padding:22px;border-bottom:1px solid var(--line);align-items:center;}
  .seg-row:last-child{border-bottom:none;}
  .seg-row .tier{font-family:var(--font-mono);color:var(--gold);font-size:13px;}
  .seg-row .who{font-family:var(--font-display);font-weight:600;font-size:16px;}
  body.lang-bn .seg-row .who{font-family:var(--font-bangla);}
  .seg-row .why{color:var(--paper-dim);font-size:13.5px;}
  @media(max-width:700px){.seg-row{grid-template-columns:1fr;gap:6px;}}

  /* ===== COMING SOON PAGES ===== */
  .cs-card{background:var(--panel);border:1px solid var(--line);border-radius:8px;padding:44px 40px;max-width:680px;}
  .cs-url-chip{display:inline-block;font-family:var(--font-mono);font-size:13px;color:var(--jade);background:rgba(61,174,139,0.08);border:1px solid var(--jade-dim);padding:6px 12px;border-radius:4px;margin-bottom:22px;}
  .cs-card p{color:var(--paper-dim);font-size:15px;max-width:560px;}
  .cs-card p.status-line{margin-top:20px;font-size:13.5px;color:var(--muted);border-top:1px solid var(--line);padding-top:20px;}

  /* ===== CTA / FOOTER ===== */
  .cta-band{background:var(--panel);border:1px solid var(--line);border-radius:8px;padding:50px 40px;text-align:center;margin-bottom:60px;}
  .cta-band h2{margin:0 auto 14px;text-align:center;}
  .cta-band p{color:var(--paper-dim);max-width:480px;margin:0 auto 28px;}
  footer{position:relative;z-index:1;padding:60px 0 40px;border-top:1px solid var(--line);}
  .footer-inner{display:flex;justify-content:space-between;flex-wrap:wrap;gap:24px;align-items:center;}
  .footer-note{font-size:13px;color:var(--muted);font-family:var(--font-mono);}