/* Fonts loaded via <link> above for maximum WordPress compatibility */

    /* ── RESET: scoped to #ghs-site ── */
    #ghs-site, #ghs-site *, #ghs-site *::before, #ghs-site *::after {
      box-sizing: border-box !important;
    }


    body { background: #080A0F !important; }
    .site-header, .wp-block-template-part, #masthead, #colophon,
    .site-footer, header.site-header { display: none !important; }

    /* ── WPBakery + WP theme full neutralisation ── */
    .wpb_row, .vc_row, .vc_column, .vc_column_inner,
    .wpb_wrapper, .wpb_column, .vc_column-inner,
    .vc_row-fluid, .vc_row.vc_row-fluid,
    .entry-content, .post-content, .page-content,
    .site, .site-content, #content, #primary, #main,
    .content-area, .container, .wrap, .inner-wrap,
    main.site-main, #page, article, .hentry,
    .wp-site-blocks, .entry-content > *, .wp-block-group,
    [class*="container"], [class*="content-wrap"] {
      padding: 0 !important;
      margin: 0 !important;
      max-width: 100% !important;
      width: 100% !important;
      float: none !important;
    }

    /* ── OUR ROOT: full bleed ── */
    #ghs-site {
      display: block !important;
      width: 100% !important;
      max-width: 100% !important;
      padding: 0 !important;
      margin: 0 !important;
      position: relative !important;
      overflow-x: hidden !important;
    }

    /* ── SIDE PADDING GUARANTEE ── */
    #ghs-site section   { padding-left: 80px !important; padding-right: 80px !important; }
    #ghs-site #hero     { padding-left: 80px !important; padding-right: 80px !important; padding-top: 100px !important; padding-bottom: 60px !important; }
    #ghs-site #trust    { padding-left: 80px !important; padding-right: 80px !important; }
    #ghs-site #services { padding-left: 80px !important; padding-right: 80px !important; }
    #ghs-site #traction { padding-left: 80px !important; padding-right: 80px !important; }
    #ghs-site #packages { padding-left: 80px !important; padding-right: 80px !important; }
    #ghs-site #process  { padding-left: 80px !important; padding-right: 80px !important; }
    #ghs-site #certs    { padding-left: 80px !important; padding-right: 80px !important; }
    #ghs-site #why      { padding-left: 80px !important; padding-right: 80px !important; }
    #ghs-site #frameworks { padding-left: 80px !important; padding-right: 80px !important; }
    #ghs-site #testimonials { padding-left: 80px !important; padding-right: 80px !important; }
    #ghs-site #cta      { padding-left: 80px !important; padding-right: 80px !important; }
    #ghs-site nav       { padding-left: 80px !important; padding-right: 80px !important; }
    #ghs-site footer    { padding-left: 80px !important; padding-right: 80px !important; }

    /* reset moved to top of file */

    /* ── Force body background even if WP theme sets white ── */
    body { background: #080A0F !important; }
    /* Remove any WP theme header/footer padding that shifts our fixed nav */
    .site-header, .wp-block-template-part, #masthead, #colophon,
    .site-footer, header.site-header { display: none !important; }
    /* ── WPBakery full neutralisation ── */
    /* Zero out every wrapper WPBakery could inject around our content */
    .wpb_row, .vc_row, .vc_column, .vc_column_inner,
    .wpb_wrapper, .wpb_column, .vc_column-inner,
    .vc_row-fluid, .vc_row.vc_row-fluid,
    .entry-content, .post-content, .page-content {
      padding: 0 !important;
      margin: 0 !important;
      max-width: 100% !important;
      width: 100% !important;
      float: none !important;
    }
    /* Root container — full bleed, zero offset */
    #ghs-site {
      display: block !important;
      width: 100% !important;
      max-width: 100% !important;
      padding: 0 !important;
      margin: 0 !important;
      position: relative !important;
      overflow-x: hidden !important;
    }

    /* ── DESIGN TOKENS ── */
    #ghs-site {
      --black:#080A0F;--deep:#0D1117;--surface:#131920;--card:#172028;
      --border:rgba(255,255,255,0.07);--purple:#6B2D8B;--purple-l:#8B3DAF;
      --purple-b:#9B4DC0;--purple-glow:rgba(107,45,139,0.22);
      --purple-s:rgba(107,45,139,0.1);--text:#E8EDF2;--muted:#6B7A8D;
      --fe:'Syne',sans-serif;--fb:'DM Sans',sans-serif;--fa:'Noto Kufi Arabic',sans-serif;
      /* Base layout */
      display: block;
      background: #080A0F;
      color: #E8EDF2;
      font-family: 'DM Sans', sans-serif;
      font-size: 16px;
      line-height: 1.7;
      overflow-x: hidden;
    }
    #ghs-site.ar { font-family: 'Noto Kufi Arabic', sans-serif !important; direction: rtl !important; }
    #ghs-site::before{content:'';position:fixed;inset:0;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 512 512' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.75' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.03'/%3E%3C/svg%3E");pointer-events:none;z-index:9999;opacity:.35}
    #ghs-site .grid-bg{position:absolute;inset:0;background-image:linear-gradient(rgba(107,45,139,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(107,45,139,.04) 1px,transparent 1px);background-size:60px 60px;pointer-events:none}
    /* NAV */
    #ghs-site nav{position:fixed !important;top:0;left:0;right:0;z-index:1000;padding:0 80px !important;height:72px;display:flex;align-items:center;justify-content:space-between;background:rgba(8,10,15,.88);backdrop-filter:blur(20px);border-bottom:1px solid var(--border);transition:all .3s}
    #ghs-site .nav-logo{display:flex;align-items:center;gap:10px;text-decoration:none}
    #ghs-site .nav-links{display:flex;align-items:center;gap:30px;list-style:none}
    #ghs-site .nav-links a{color:var(--muted);text-decoration:none;font-size:14px;font-weight:500;transition:color .2s}
    #ghs-site .nav-links a:hover{color:#fff}
    #ghs-site .nav-right{display:flex;align-items:center;gap:12px}
    #ghs-site .lang-toggle{background:var(--surface);border:1px solid var(--border);color:var(--muted);padding:6px 14px;border-radius:20px;font-size:13px;cursor:pointer;transition:all .2s;font-family:var(--fb)}
    #ghs-site .lang-toggle:hover{border-color:var(--purple-b);color:var(--purple-b)}
    #ghs-site .nav-cta{background:var(--purple);color:#fff;padding:9px 20px;border-radius:6px;text-decoration:none;font-size:14px;font-weight:700;transition:all .2s;font-family:var(--fe)}
    #ghs-site.ar .nav-cta{font-family:var(--fa)}
    #ghs-site .nav-cta:hover{background:var(--purple-l);transform:translateY(-1px);box-shadow:0 8px 28px var(--purple-glow)}
    #ghs-site .hamburger{display:none;flex-direction:column;gap:5px;cursor:pointer;background:none;border:none;padding:4px}
    #ghs-site .hamburger span{display:block;width:24px;height:2px;background:var(--text);border-radius:2px}
    /* HERO */
    #ghs-site #hero{position:relative;min-height:100vh;display:flex;align-items:center;padding:100px 80px 60px;overflow:hidden}
    #ghs-site .hg1{position:absolute;width:700px;height:700px;background:radial-gradient(circle,rgba(107,45,139,.14) 0%,transparent 70%);top:-150px;right:-100px;pointer-events:none}
    #ghs-site .hg2{position:absolute;width:450px;height:450px;background:radial-gradient(circle,rgba(107,45,139,.07) 0%,transparent 70%);bottom:0;left:5%;pointer-events:none}
    #ghs-site .hero-content{position:relative;z-index:2;max-width:700px}
    /* In Arabic RTL, shrink hero content so it doesn't collide with float cards */
    #ghs-site.ar .hero-content{max-width:52%}
    #ghs-site .hero-badge{display:inline-flex;align-items:center;gap:8px;background:rgba(107,45,139,.1);border:1px solid rgba(107,45,139,.3);padding:6px 14px;border-radius:20px;font-size:13px;color:var(--purple-b);font-weight:500;margin-bottom:26px;animation:fu .6s ease both}
    #ghs-site .bdot{width:6px;height:6px;background:var(--purple-b);border-radius:50%;animation:pulse 2s infinite}
    @keyframes pulse{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.4)}}
    #ghs-site h1{font-family:var(--fe);font-size:clamp(40px,5.5vw,74px);font-weight:800;line-height:1.05;letter-spacing:-2px;color:#fff;margin-bottom:22px;animation:fu .6s .1s ease both}
    #ghs-site.ar h1{font-family:var(--fa);letter-spacing:0;line-height:1.3;font-size:clamp(34px,4.8vw,64px)}
    #ghs-site h1 .acc{color:var(--purple-b)}
    #ghs-site h1 .strk{-webkit-text-stroke:2px rgba(255,255,255,.2);color:transparent}
    #ghs-site .hero-desc{font-size:17px;color:var(--muted);max-width:560px;margin-bottom:38px;line-height:1.8;font-weight:300;animation:fu .6s .2s ease both}
    #ghs-site.ar .hero-desc{max-width:100%;font-size:15px}
    #ghs-site .hero-actions{display:flex;gap:12px;flex-wrap:wrap;animation:fu .6s .3s ease both}
    #ghs-site .btn-p{background:var(--purple);color:#fff;padding:13px 28px;border-radius:8px;text-decoration:none;font-weight:700;font-size:15px;transition:all .25s;font-family:var(--fe);display:inline-flex;align-items:center;gap:8px}
    #ghs-site.ar .btn-p{font-family:var(--fa)}
    #ghs-site .btn-p:hover{background:var(--purple-l);transform:translateY(-2px);box-shadow:0 12px 36px var(--purple-glow)}
    #ghs-site .btn-s{background:transparent;color:var(--text);padding:13px 28px;border-radius:8px;text-decoration:none;font-weight:500;font-size:15px;border:1px solid var(--border);transition:all .25s;display:inline-flex;align-items:center;gap:8px}
    #ghs-site .btn-s:hover{border-color:rgba(255,255,255,.2);background:var(--surface)}
    #ghs-site .hero-stats{display:flex;gap:44px;margin-top:60px;padding-top:32px;border-top:1px solid var(--border);animation:fu .6s .4s ease both;flex-wrap:wrap}
    #ghs-site .sn{font-family:var(--fe);font-size:34px;font-weight:800;color:#fff;letter-spacing:-1px;line-height:1}
    #ghs-site .sn span{color:var(--purple-b)}
    #ghs-site .sl{font-size:12px;color:var(--muted);margin-top:4px}
    /* Float cards: right side in LTR, left side in RTL */
    #ghs-site .hero-float{position:absolute;right:5%;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;gap:13px;animation:fu .6s .5s ease both;z-index:2}
    #ghs-site.ar .hero-float{right:auto;left:5%}
    #ghs-site .fc {
      background: #141C26;
      border: 1px solid rgba(255,255,255,0.09);
      border-radius: 14px;
      padding: 22px 20px 20px;
      min-width: 220px;
      position: relative;
      overflow: visible;
      transition: transform .25s, border-color .25s, box-shadow .25s;
      box-shadow: 0 8px 32px rgba(0,0,0,0.35);
    }
    #ghs-site .fc:hover {
      transform: translateX(-5px);
      border-color: rgba(32,210,180,0.25);
      box-shadow: 0 12px 40px rgba(0,0,0,0.45);
    }
    #ghs-site.ar .fc:hover { transform: translateX(5px); }
    /* Teal/cyan top accent bar — matches screenshot */
    #ghs-site .fc::before {
      content: '';
      position: absolute;
      top: 0; left: 0; right: 0;
      height: 3px;
      background: linear-gradient(90deg, #20D2B4, #18A898);
      border-radius: 14px 14px 0 0;
    }
    #ghs-site .fi2 {
      font-size: 26px;
      margin-bottom: 12px;
      display: block;
      line-height: 1.3;
    }
    #ghs-site .ft {
      font-size: 15px;
      font-weight: 700;
      color: #ffffff;
      margin-bottom: 5px;
      letter-spacing: -0.2px;
      font-family: var(--fe);
    }
    #ghs-site.ar .ft { font-family: var(--fa); letter-spacing: 0; }
    #ghs-site .fs {
      font-size: 12px;
      color: #5A7A8E;
      line-height: 1.4;
    }
    /* SECTIONS */
    #ghs-site section{padding:96px 80px !important;position:relative !important}
    #ghs-site .slbl{display:inline-flex;align-items:center;gap:10px;font-size:11px;font-weight:600;letter-spacing:2px;text-transform:uppercase;color:var(--purple-b);margin-bottom:12px}
    #ghs-site .slbl::before{content:'';display:block;width:20px;height:1px;background:var(--purple-b)}
    #ghs-site.ar .slbl::before{display:none}
    #ghs-site.ar .slbl::after{content:'';display:block;width:20px;height:1px;background:var(--purple-b)}
    #ghs-site h2{font-family:var(--fe);font-size:clamp(28px,3.6vw,48px);font-weight:800;line-height:1.1;letter-spacing:-1.5px;color:#fff;margin-bottom:12px}
    #ghs-site.ar h2{font-family:var(--fa);letter-spacing:0;line-height:1.4}
    #ghs-site h2 .acc{color:var(--purple-b)}
    #ghs-site .sdesc{font-size:16px;color:var(--muted);max-width:540px;line-height:1.8;font-weight:300}
    @keyframes fu{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}
    /* TRUST */
    #ghs-site #trust{padding:34px 80px !important;background:var(--deep);border-top:1px solid var(--border);border-bottom:1px solid var(--border)}
    #ghs-site .ti{display:flex;align-items:center;gap:18px;flex-wrap:wrap}
    #ghs-site .tlbl{font-size:11px;color:var(--muted);font-weight:500;letter-spacing:1px;text-transform:uppercase;white-space:nowrap;flex-shrink:0;padding-right:18px;border-right:1px solid var(--border)}
    #ghs-site.ar .tlbl{padding-right:0;padding-left:18px;border-right:none;border-left:1px solid var(--border)}
    #ghs-site .tlogos{display:flex;align-items:center;gap:32px;flex-wrap:wrap}
    #ghs-site .tlogo{display:flex;align-items:center;gap:7px;color:var(--muted);font-size:13px;font-weight:600;transition:color .2s;white-space:nowrap}
    #ghs-site .tlogo:hover{color:#fff}
    #ghs-site .tdot{width:6px;height:6px;border-radius:2px;background:var(--purple-b);opacity:.7}
    /* SERVICES */
    #ghs-site #services{background:var(--deep)}
    #ghs-site .sh{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:52px;flex-wrap:wrap;gap:22px}
    #ghs-site .sg{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--border);border:1px solid var(--border);border-radius:16px;overflow:hidden}
    #ghs-site .sc{background:var(--card);padding:34px 30px;transition:background .3s}
    #ghs-site .sc:hover{background:#1A2430}
    #ghs-site .sc:hover .siw{background:var(--purple);border-color:var(--purple)}
    #ghs-site .sc:hover .siw svg{color:#fff}
    #ghs-site .snum{font-family:var(--fe);font-size:11px;font-weight:700;letter-spacing:2px;color:var(--muted);margin-bottom:18px}
    #ghs-site .siw{width:46px;height:46px;border-radius:10px;border:1px solid var(--border);display:flex;align-items:center;justify-content:center;margin-bottom:16px;transition:all .3s;background:var(--surface)}
    #ghs-site .siw svg{width:21px;height:21px;color:var(--purple-b);transition:color .3s}
    #ghs-site .stitle{font-family:var(--fe);font-size:18px;font-weight:700;color:#fff;margin-bottom:9px;letter-spacing:-.2px}
    #ghs-site.ar .stitle{font-family:var(--fa)}
    #ghs-site .sdsc{font-size:13px;color:var(--muted);line-height:1.8;font-weight:300}
    #ghs-site .stag{display:inline-block;margin-top:16px;background:rgba(107,45,139,.1);border:1px solid rgba(107,45,139,.25);color:var(--purple-b);font-size:11px;font-weight:600;letter-spacing:1px;text-transform:uppercase;padding:3px 9px;border-radius:4px}
    /* TRACTION */
    #ghs-site .tg{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-bottom:0}
    #ghs-site .tc{background:var(--card);border:1px solid var(--border);border-radius:14px;padding:34px 26px;position:relative;overflow:hidden;transition:all .3s}
    #ghs-site .tc:hover{border-color:rgba(107,45,139,.25);transform:translateY(-3px)}
    #ghs-site .tc::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--purple),var(--purple-b))}
    #ghs-site .tnum{font-family:var(--fe);font-size:46px;font-weight:800;color:var(--purple-b);letter-spacing:-2px;line-height:1;margin-bottom:9px}
    #ghs-site .ttitle{font-size:14px;font-weight:600;color:#fff;margin-bottom:5px}
    #ghs-site .tdesc{font-size:13px;color:var(--muted);line-height:1.7}
    /* PACKAGES */
    #ghs-site .ph{text-align:center;margin-bottom:52px}
    #ghs-site .ph .slbl{justify-content:center}
    #ghs-site .pg{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
    #ghs-site .pkc{background:var(--card);border:1px solid var(--border);border-radius:14px;padding:30px 22px;position:relative;transition:all .3s;display:flex;flex-direction:column}
    #ghs-site .pkc:hover{border-color:rgba(107,45,139,.25);transform:translateY(-4px);box-shadow:0 20px 50px rgba(0,0,0,.3)}
    #ghs-site .pkc.feat{background:linear-gradient(135deg,#1A0D26 0%,#110D1F 100%);border-color:rgba(107,45,139,.4)}
    #ghs-site .pbadge{display:inline-block;background:var(--purple);color:#fff;font-size:11px;font-weight:700;letter-spacing:1px;text-transform:uppercase;padding:4px 9px;border-radius:4px;margin-bottom:16px}
    #ghs-site .pname{font-family:var(--fe);font-size:20px;font-weight:800;color:#fff;margin-bottom:6px;letter-spacing:-.4px}
    #ghs-site.ar .pname{font-family:var(--fa)}
    #ghs-site .ptag{font-size:12px;color:var(--muted);margin-bottom:20px;line-height:1.6}
    #ghs-site .ppr{font-size:12px;color:var(--muted);margin-bottom:20px;padding-bottom:20px;border-bottom:1px solid var(--border)}
    #ghs-site .ppr strong{font-size:20px;color:#fff;font-weight:800}
    #ghs-site .pf{list-style:none;display:flex;flex-direction:column;gap:10px;flex:1}
    #ghs-site .pf li{display:flex;align-items:flex-start;gap:9px;font-size:13px;color:var(--text);line-height:1.5}
    #ghs-site .pf li::before{content:'';width:15px;height:15px;border-radius:50%;background:rgba(107,45,139,.12);border:1px solid rgba(107,45,139,.35);flex-shrink:0;margin-top:2px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='none' stroke='%239B4DC0' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round' d='M3 8l3 3 7-7'/%3E%3C/svg%3E");background-size:9px;background-repeat:no-repeat;background-position:center}
    #ghs-site .pcta{display:block;text-align:center;margin-top:22px;padding:11px;border-radius:8px;text-decoration:none;font-weight:700;font-size:13px;transition:all .25s;font-family:var(--fe)}
    #ghs-site.ar .pcta{font-family:var(--fa)}
    #ghs-site .pcta.out{border:1px solid var(--border);color:var(--text)}
    #ghs-site .pcta.out:hover{border-color:var(--purple-b);color:var(--purple-b)}
    #ghs-site .pcta.fill{background:var(--purple);color:#fff}
    #ghs-site .pcta.fill:hover{background:var(--purple-l)}
    /* PROCESS */
    #ghs-site #process{background:var(--deep)}
    #ghs-site .procg{display:grid;grid-template-columns:1fr 1fr;gap:72px;align-items:center}
    #ghs-site .pstep{display:flex;gap:20px;padding:24px 0;border-bottom:1px solid var(--border)}
    #ghs-site .pstep:last-child{border-bottom:none}
    #ghs-site .psn{font-family:var(--fe);font-size:11px;font-weight:700;color:var(--muted);width:26px;flex-shrink:0;padding-top:3px}
    #ghs-site .pst{font-family:var(--fe);font-size:16px;font-weight:700;color:#fff;margin-bottom:4px;transition:color .2s}
    #ghs-site.ar .pst{font-family:var(--fa)}
    #ghs-site .pstep:hover .pst{color:var(--purple-b)}
    #ghs-site .psd{font-size:13px;color:var(--muted);line-height:1.7}
    /* Terminal outer wrapper — the dark card with shadow from screenshot */
    /* ── TERMINAL OUTER WRAPPER ── */
    #ghs-site .pbox {
      background: #141C25;
      border: 1px solid rgba(255,255,255,0.08);
      border-radius: 22px;
      padding: 28px;
      position: relative;
      box-shadow:
        0 40px 100px rgba(0,0,0,0.6),
        0 0 0 1px rgba(255,255,255,0.03),
        inset 0 1px 0 rgba(255,255,255,0.05);
    }
    #ghs-site .pbox::before {
      content: '';
      position: absolute;
      inset: 0;
      border-radius: 22px;
      background: radial-gradient(ellipse at 70% 20%, rgba(107,45,139,0.07) 0%, transparent 60%);
      pointer-events: none;
    }
    /* ── TERMINAL INNER CARD ── */
    #ghs-site .term {
      background: #1C2533;
      border: 1px solid rgba(255,255,255,0.09);
      border-radius: 14px;
      padding: 22px 26px 26px;
      font-family: 'SF Mono','Fira Code','Fira Mono','Roboto Mono','Courier New',monospace;
      font-size: 13.5px;
      line-height: 1.85;
      overflow: hidden;
    }
    /* Traffic lights */
    #ghs-site .thdr { display: flex; gap: 7px; margin-bottom: 22px; align-items: center; }
    #ghs-site .td   { width: 13px; height: 13px; border-radius: 50%; flex-shrink: 0; }
    #ghs-site .tdr  { background: #FF5F57; box-shadow: 0 0 0 1px rgba(255,95,87,0.3); }
    #ghs-site .tdy  { background: #FFBD2E; box-shadow: 0 0 0 1px rgba(255,189,46,0.3); }
    #ghs-site .tdg  { background: #28CA41; box-shadow: 0 0 0 1px rgba(40,202,65,0.3); }
    /* Terminal line spacing */
    #ghs-site .term p { margin-bottom: 2px !important; }
    /* Text colours — matching screenshot exactly */
    #ghs-site .tp  { color: #9B6DCA; font-weight: 700; }         /* purple prompt */
    #ghs-site .tc2 { color: #E2EAF4; font-weight: 600; }         /* white command */
    #ghs-site .to  { color: #6B8FA8; }                           /* grey output */
    #ghs-site .ts  { color: #3DD68C; font-weight: 600; }         /* green success ✓ */
    #ghs-site .tw  { color: #E8B84B; font-weight: 600; }         /* amber warning ⚠ */
    /* Gap between command blocks */
    #ghs-site .term-gap { display: block; height: 18px; }
    /* CERTS */
    #ghs-site .certg{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-top:44px}
    #ghs-site .ci{background:var(--card);border:1px solid var(--border);border-radius:10px;padding:16px 20px;display:flex;align-items:center;gap:12px;transition:all .25s}
    #ghs-site .ci:hover{border-color:rgba(107,45,139,.25)}
    #ghs-site .cdot{width:7px;height:7px;background:var(--purple-b);border-radius:50%;flex-shrink:0}
    #ghs-site .ct{font-size:13px;color:var(--text);font-weight:500}
    #ghs-site .ca{font-size:11px;color:var(--purple-b);font-weight:700;margin-left:auto;flex-shrink:0;font-family:var(--fe)}
    /* WHY */
    #ghs-site .wg{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
    #ghs-site .wc{background:var(--card);border:1px solid var(--border);border-radius:14px;padding:30px 26px;transition:all .3s}
    #ghs-site .wc:hover{transform:translateY(-4px);border-color:rgba(107,45,139,.2)}
    #ghs-site .wi{font-size:28px;margin-bottom:16px;display:block}
    #ghs-site .wt{font-family:var(--fe);font-size:16px;font-weight:700;color:#fff;margin-bottom:8px;letter-spacing:-.2px}
    #ghs-site.ar .wt{font-family:var(--fa)}
    #ghs-site .wd{font-size:13px;color:var(--muted);line-height:1.8}
    /* FRAMEWORKS */
    #ghs-site .fwg{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:44px}
    #ghs-site .fwc{background:var(--card);border:1px solid var(--border);border-radius:10px;padding:18px;text-align:center;transition:all .25s}
    #ghs-site .fwc:hover{border-color:rgba(107,45,139,.3);background:#1A2430}
    #ghs-site .fwn{font-family:var(--fe);font-size:13px;font-weight:700;color:#fff;margin-bottom:3px}
    #ghs-site .fwd{font-size:11px;color:var(--muted)}
    /* TESTIMONIALS */
    #ghs-site #testimonials{background:var(--deep)}
    #ghs-site .testh{text-align:center;margin-bottom:52px}
    #ghs-site .testh .slbl{justify-content:center}
    #ghs-site .testg{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
    #ghs-site .testc{background:var(--card);border:1px solid var(--border);border-radius:14px;padding:30px;transition:all .3s}
    #ghs-site .testc:hover{border-color:rgba(107,45,139,.2)}
    #ghs-site .tq{font-size:34px;color:var(--purple-b);line-height:1;margin-bottom:12px;font-family:Georgia,serif;opacity:.5}
    #ghs-site .tt{font-size:14px;color:var(--text);line-height:1.8;margin-bottom:22px;font-style:italic;font-weight:300}
    #ghs-site .tauth{display:flex;align-items:center;gap:11px}
    #ghs-site .tav{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,var(--purple),var(--purple-b));display:flex;align-items:center;justify-content:center;font-family:var(--fe);font-weight:700;font-size:13px;color:#fff;flex-shrink:0}
    #ghs-site .tname{font-weight:600;font-size:13px;color:#fff}
    #ghs-site .trole{font-size:12px;color:var(--muted);margin-top:1px}
    /* CTA */
    #ghs-site #cta{text-align:center}
    #ghs-site .ctai{max-width:640px;margin:0 auto}
    #ghs-site .ctai h2{margin-bottom:16px}
    #ghs-site .ctai p{color:var(--muted);font-size:16px;margin-bottom:34px;line-height:1.8;font-weight:300}
    #ghs-site .ctaact{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}
    #ghs-site .ctacon{display:flex;justify-content:center;gap:32px;margin-top:52px;padding-top:32px;border-top:1px solid var(--border);flex-wrap:wrap}
    #ghs-site .coni{display:flex;align-items:center;gap:11px;text-decoration:none;color:var(--text);transition:color .2s}
    #ghs-site .coni:hover{color:var(--purple-b)}
    #ghs-site .conic{width:38px;height:38px;border-radius:9px;background:var(--surface);border:1px solid var(--border);display:flex;align-items:center;justify-content:center;font-size:15px;flex-shrink:0}
    #ghs-site .conl{font-size:11px;color:var(--muted);text-transform:uppercase;letter-spacing:1px}
    #ghs-site .conv{font-size:13px;font-weight:600;color:#fff;margin-top:2px}
    /* FOOTER */
    #ghs-site footer{background:var(--black);border-top:1px solid var(--border);padding:56px 80px 34px !important}
    #ghs-site .footer-inner{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:52px;margin-bottom:52px}
    #ghs-site .fdesc{font-size:13px;color:var(--muted);line-height:1.8;margin-top:13px;max-width:280px}
    #ghs-site .fcol h4{font-family:var(--fe);font-size:11px;font-weight:700;color:#fff;letter-spacing:1.5px;text-transform:uppercase;margin-bottom:16px}
    #ghs-site.ar .fcol h4{font-family:var(--fa);letter-spacing:0;text-transform:none}
    #ghs-site .flinks{list-style:none;display:flex;flex-direction:column;gap:10px}
    #ghs-site .flinks a{color:var(--muted);text-decoration:none;font-size:13px;transition:color .2s}
    #ghs-site .flinks a:hover{color:var(--purple-b)}
    #ghs-site .fbot{display:flex;justify-content:space-between;align-items:center;padding-top:24px;border-top:1px solid var(--border);flex-wrap:wrap;gap:12px}
    #ghs-site .fcopy{font-size:12px;color:var(--muted)}
    #ghs-site .fcopy span{color:var(--purple-b)}
    #ghs-site .flegal{display:flex;gap:20px}
    #ghs-site .flegal a{font-size:12px;color:var(--muted);text-decoration:none;transition:color .2s}
    #ghs-site .flegal a:hover{color:#fff}
    /* REVEAL */
    #ghs-site .reveal{opacity:0;transform:translateY(26px);transition:opacity .7s ease,transform .7s ease}
    #ghs-site .reveal.visible{opacity:1;transform:translateY(0)}
    /* MOBILE */
    @media(max-width:1024px){#ghs-site .hero-float{display:none}#ghs-site section,#ghs-site #hero,#ghs-site #trust,#ghs-site #services,#ghs-site #traction,#ghs-site #packages,#ghs-site #process,#ghs-site #why,#ghs-site #frameworks,#ghs-site #testimonials,#ghs-site #cta,#ghs-site nav,#ghs-site footer{padding-left:48px !important;padding-right:48px !important}#ghs-site .sg{grid-template-columns:repeat(2,1fr)}#ghs-site .pg{grid-template-columns:repeat(2,1fr)}#ghs-site .footer-inner{grid-template-columns:1fr 1fr;gap:36px}#ghs-site .fwg{grid-template-columns:repeat(2,1fr)}}
    @media(max-width:768px){#ghs-site section,#ghs-site #hero,#ghs-site #trust,#ghs-site #services,#ghs-site #traction,#ghs-site #packages,#ghs-site #process,#ghs-site #why,#ghs-site #frameworks,#ghs-site #testimonials,#ghs-site #cta,#ghs-site nav,#ghs-site footer{padding-left:24px !important;padding-right:24px !important}#ghs-site .nav-links{display:none}#ghs-site .hamburger{display:flex}#ghs-site h1{font-size:36px;letter-spacing:-1px}#ghs-site .hero-stats{gap:22px}#ghs-site .sg,#ghs-site .pg,#ghs-site .procg,#ghs-site .wg,#ghs-site .testg,#ghs-site .tg,#ghs-site .certg{grid-template-columns:1fr}#ghs-site .footer-inner{grid-template-columns:1fr}#ghs-site .fbot{flex-direction:column;align-items:flex-start}}
    #ghs-site.ar .slbl{letter-spacing:0}
    #ghs-site.ar h1{font-family:var(--fa)}
    #ghs-site.ar .sn{font-family:var(--fe)}
    #ghs-site.ar .tnum{font-family:var(--fe)}
    #ghs-site.ar .psn{font-family:var(--fe)}
  

/* ═══════════════════════════════════════════════
   GHS SECURITY THEME — EXTRA PAGE STYLES
   blog, single, 404, archive, search, page
   ═══════════════════════════════════════════════ */

/* ── GLOBAL LINK RESET ── */
#ghs-site a { text-decoration: none; color: inherit; }
#ghs-site a:hover { color: var(--purple-b); }

/* ── BLOG HERO ── */
#ghs-site #blog-hero {
  position: relative;
  padding: 140px 80px 80px;
  overflow: hidden;
  background: var(--deep);
  border-bottom: 1px solid var(--border);
}
#ghs-site .bh-inner {
  max-width: 760px;
  margin: 0 auto;
  text-align: center;
  position: relative;
  z-index: 2;
}
#ghs-site .bg1 {
  position: absolute;
  width: 600px; height: 600px;
  background: radial-gradient(circle, rgba(107,45,139,.12) 0%, transparent 70%);
  top: -200px; left: 50%;
  transform: translateX(-50%);
  pointer-events: none;
}
#ghs-site .blog-badge {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  background: rgba(107,45,139,.18);
  border: 1px solid rgba(155,77,192,.45);
  padding: 7px 16px;
  border-radius: 20px;
  font-size: 13px;
  color: #D4A0F0;
  font-weight: 600;
  margin-bottom: 22px;
  letter-spacing: 0.2px;
}
#ghs-site .blog-title {
  font-family: var(--fe);
  font-size: clamp(36px, 5vw, 60px);
  font-weight: 800;
  line-height: 1.1;
  letter-spacing: -2px;
  color: #fff;
  margin-bottom: 18px;
}
#ghs-site.ar .blog-title { font-family: var(--fa); letter-spacing: 0; line-height: 1.3; }
#ghs-site .blog-title .acc { color: var(--purple-b); }
#ghs-site .blog-sub {
  font-size: 17px;
  color: var(--muted);
  line-height: 1.8;
  font-weight: 300;
  max-width: 580px;
  margin: 0 auto;
}

/* ── FILTER BAR ── */
#ghs-site #filter-bar {
  padding: 24px 80px;
  background: var(--black);
  border-bottom: 1px solid var(--border);
  position: sticky;
  top: 72px;
  z-index: 100;
  backdrop-filter: blur(16px);
}
#ghs-site .filter-inner { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; }
#ghs-site .filter-label {
  font-size: 11px; color: var(--muted);
  font-weight: 600; letter-spacing: 1px;
  text-transform: uppercase;
  margin-right: 8px; flex-shrink: 0;
}
#ghs-site.ar .filter-label { margin-right: 0; margin-left: 8px; letter-spacing: 0; text-transform: none; }
#ghs-site .filter-btn {
  background: var(--surface); border: 1px solid var(--border);
  color: var(--muted); padding: 7px 16px;
  border-radius: 20px; font-size: 13px;
  cursor: pointer; transition: all .2s;
  text-decoration: none; white-space: nowrap;
}
#ghs-site .filter-btn:hover,
#ghs-site .filter-btn.active {
  background: rgba(107,45,139,.15);
  border-color: rgba(107,45,139,.4);
  color: var(--purple-b);
}

/* ── POSTS SECTION ── */
#ghs-site #posts { padding: 56px 80px 88px; }
#ghs-site .posts-header {
  display: flex; align-items: center;
  justify-content: space-between;
  margin-bottom: 32px; flex-wrap: wrap; gap: 14px;
}
#ghs-site .posts-header h2 {
  font-family: var(--fe);
  font-size: 20px; font-weight: 800;
  color: #fff; letter-spacing: -.4px;
}
#ghs-site.ar .posts-header h2 { font-family: var(--fa); letter-spacing: 0; }

/* ── FEATURED CARD ── */
#ghs-site .feat-card {
  background: var(--card); border: 1px solid var(--border);
  border-radius: 18px; overflow: hidden;
  display: grid; grid-template-columns: 1fr 1fr;
  transition: border-color .3s;
  margin-bottom: 0;
}
#ghs-site .feat-card:hover { border-color: rgba(107,45,139,.3); }
#ghs-site .feat-img {
  position: relative; min-height: 340px;
  display: flex; align-items: center;
  justify-content: center; overflow: hidden;
}
#ghs-site .feat-img img { width: 100%; height: 100%; object-fit: cover; }
#ghs-site .feat-img-pattern {
  position: absolute; inset: 0;
  background-image: linear-gradient(rgba(107,45,139,.06) 1px, transparent 1px),
                    linear-gradient(90deg, rgba(107,45,139,.06) 1px, transparent 1px);
  background-size: 30px 30px;
}
#ghs-site .feat-img-icon { font-size: 80px; position: relative; z-index: 2; opacity: .8; }
#ghs-site .feat-img-badge {
  position: absolute; top: 20px; left: 20px;
  background: var(--purple); color: #fff;
  font-size: 11px; font-weight: 700;
  letter-spacing: 1px; text-transform: uppercase;
  padding: 5px 11px; border-radius: 5px;
}
#ghs-site.ar .feat-img-badge { left: auto; right: 20px; }
#ghs-site .feat-body { padding: 40px 36px; display: flex; flex-direction: column; justify-content: center; }
#ghs-site .feat-cat {
  font-size: 11px; font-weight: 700;
  letter-spacing: 2px; text-transform: uppercase;
  color: var(--purple-b); margin-bottom: 12px;
}
#ghs-site.ar .feat-cat { letter-spacing: 0; text-transform: none; }
#ghs-site .feat-h {
  font-family: var(--fe);
  font-size: clamp(20px, 2.2vw, 28px);
  font-weight: 800; color: #fff;
  line-height: 1.2; letter-spacing: -.5px; margin-bottom: 12px;
}
#ghs-site.ar .feat-h { font-family: var(--fa); letter-spacing: 0; line-height: 1.4; }
#ghs-site .feat-h a { color: #fff; }
#ghs-site .feat-h a:hover { color: var(--purple-b); }
#ghs-site .feat-desc { font-size: 14px; color: var(--muted); line-height: 1.8; font-weight: 300; margin-bottom: 24px; }
#ghs-site .feat-meta { display: flex; align-items: center; gap: 16px; margin-bottom: 22px; flex-wrap: wrap; }
#ghs-site .meta-item { display: flex; align-items: center; gap: 5px; font-size: 12px; color: var(--muted); }
#ghs-site .meta-dot { width: 3px; height: 3px; background: var(--border); border-radius: 50%; }
#ghs-site .read-more {
  display: inline-flex; align-items: center; gap: 8px;
  background: var(--purple); color: #fff;
  padding: 11px 22px; border-radius: 8px;
  font-weight: 700; font-size: 14px;
  transition: all .25s; font-family: var(--fe); width: fit-content;
}
#ghs-site.ar .read-more { font-family: var(--fa); }
#ghs-site .read-more:hover { background: var(--purple-l); transform: translateY(-2px); box-shadow: 0 10px 28px var(--purple-glow); color: #fff; }

/* ── POSTS GRID ── */
#ghs-site .posts-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 18px; }
#ghs-site .post-card {
  background: var(--card); border: 1px solid var(--border);
  border-radius: 14px; overflow: hidden;
  transition: all .3s; display: flex; flex-direction: column;
}
#ghs-site .post-card:hover {
  transform: translateY(-5px);
  border-color: rgba(107,45,139,.25);
  box-shadow: 0 18px 44px rgba(0,0,0,.3);
}
#ghs-site .post-thumb {
  height: 170px; position: relative;
  display: flex; align-items: center;
  justify-content: center; overflow: hidden;
}
#ghs-site .post-thumb img { width: 100%; height: 100%; object-fit: cover; transition: transform .4s; }
#ghs-site .post-card:hover .post-thumb img { transform: scale(1.05); }
#ghs-site .post-thumb-pattern {
  position: absolute; inset: 0;
  background-image: linear-gradient(rgba(107,45,139,.07) 1px, transparent 1px),
                    linear-gradient(90deg, rgba(107,45,139,.07) 1px, transparent 1px);
  background-size: 20px 20px;
}
#ghs-site .post-thumb-icon { font-size: 44px; position: relative; z-index: 2; opacity: .75; }
#ghs-site .post-cat-badge {
  position: absolute; bottom: 10px; left: 10px;
  background: rgba(107,45,139,.85);
  backdrop-filter: blur(8px); color: #fff;
  font-size: 10px; font-weight: 700;
  letter-spacing: 1px; text-transform: uppercase;
  padding: 4px 10px; border-radius: 4px;
}
#ghs-site.ar .post-cat-badge { left: auto; right: 10px; letter-spacing: 0; text-transform: none; }
#ghs-site .post-body { padding: 20px 18px 22px; flex: 1; display: flex; flex-direction: column; }
#ghs-site .post-h { font-family: var(--fe); font-size: 15px; font-weight: 700; color: #fff; line-height: 1.35; letter-spacing: -.2px; margin-bottom: 9px; }
#ghs-site.ar .post-h { font-family: var(--fa); letter-spacing: 0; line-height: 1.5; }
#ghs-site .post-h a { color: #fff; }
#ghs-site .post-h a:hover { color: var(--purple-b); }
#ghs-site .post-excerpt { font-size: 12px; color: var(--muted); line-height: 1.7; font-weight: 300; flex: 1; margin-bottom: 16px; }
#ghs-site .post-footer { display: flex; align-items: center; justify-content: space-between; padding-top: 12px; border-top: 1px solid var(--border); }
#ghs-site .post-date { font-size: 11px; color: var(--muted); }
#ghs-site .post-read { font-size: 11px; color: var(--purple-b); font-weight: 600; display: flex; align-items: center; gap: 4px; }
#ghs-site .tb-1 { background: linear-gradient(135deg,#1A0D26,#0D1117); }
#ghs-site .tb-2 { background: linear-gradient(135deg,#0D1A26,#060E14); }
#ghs-site .tb-3 { background: linear-gradient(135deg,#1A1A0D,#0D1117); }
#ghs-site .tb-4 { background: linear-gradient(135deg,#1A0D0D,#0D1117); }
#ghs-site .tb-5 { background: linear-gradient(135deg,#0D1A1A,#0D1117); }
#ghs-site .tb-6 { background: linear-gradient(135deg,#160D1A,#0D1117); }

/* ── PAGINATION ── */
#ghs-site .ghs-pagination { margin-top: 48px; display: flex; justify-content: center; }
#ghs-site .ghs-pagination ul { list-style: none; display: flex; gap: 8px; }
#ghs-site .ghs-pagination li a,
#ghs-site .ghs-pagination li span {
  display: block; padding: 8px 16px;
  background: var(--card); border: 1px solid var(--border);
  border-radius: 8px; color: var(--muted);
  font-size: 14px; transition: all .2s;
}
#ghs-site .ghs-pagination li a:hover { border-color: var(--purple-b); color: var(--purple-b); }
#ghs-site .ghs-pagination li span.current { background: var(--purple); color: #fff; border-color: var(--purple); }

/* ── NO POSTS ── */
#ghs-site .ghs-no-posts {
  text-align: center; padding: 80px 20px;
}
#ghs-site .no-posts-icon { font-size: 48px; margin-bottom: 20px; }
#ghs-site .ghs-no-posts h2 { font-family: var(--fe); font-size: 28px; color: #fff; margin-bottom: 12px; }
#ghs-site .ghs-no-posts p { color: var(--muted); margin-bottom: 28px; }

/* ── SINGLE POST ── */
#ghs-site .single-hero {
  position: relative;
  padding: 120px 80px 60px;
  background: var(--deep);
  border-bottom: 1px solid var(--border);
  overflow: hidden;
}
#ghs-site .single-hero-inner { max-width: 860px; position: relative; z-index: 2; }
#ghs-site .single-breadcrumb {
  display: flex; align-items: center; gap: 8px;
  font-size: 12px; color: var(--muted);
  margin-bottom: 20px;
}
#ghs-site .single-breadcrumb a { color: var(--muted); }
#ghs-site .single-breadcrumb a:hover { color: var(--purple-b); }
#ghs-site .single-breadcrumb span { color: var(--muted); }
#ghs-site .single-cat {
  font-size: 11px; font-weight: 700;
  letter-spacing: 2px; text-transform: uppercase;
  color: var(--purple-b); margin-bottom: 14px;
}
#ghs-site .single-title {
  font-family: var(--fe);
  font-size: clamp(28px, 4vw, 52px);
  font-weight: 800; color: #fff;
  line-height: 1.1; letter-spacing: -1.5px;
  margin-bottom: 22px;
}
#ghs-site.ar .single-title { font-family: var(--fa); letter-spacing: 0; line-height: 1.3; }
#ghs-site .single-meta { display: flex; align-items: center; gap: 16px; flex-wrap: wrap; margin-bottom: 32px; }
#ghs-site .single-thumb { border-radius: 12px; overflow: hidden; margin-top: 32px; }
#ghs-site .single-thumb img { width: 100%; height: auto; display: block; }

#ghs-site .single-body-wrap {
  display: grid;
  grid-template-columns: 1fr 320px;
  gap: 48px;
  padding: 56px 80px 88px;
  max-width: 1400px;
  margin: 0 auto;
  overflow: visible;
}
#ghs-site .single-content {
  font-size: 16px; line-height: 1.9;
  color: var(--text);
}
#ghs-site .single-content h2 { font-family: var(--fe); font-size: 28px; font-weight: 800; color: #fff; margin: 40px 0 16px; letter-spacing: -.5px; }
#ghs-site .single-content h3 { font-family: var(--fe); font-size: 22px; font-weight: 700; color: #fff; margin: 32px 0 12px; }
#ghs-site .single-content p { color: var(--muted); margin-bottom: 20px; }
#ghs-site .single-content a { color: var(--purple-b); text-decoration: underline; }
#ghs-site .single-content ul, #ghs-site .single-content ol { color: var(--muted); padding-left: 24px; margin-bottom: 20px; }
#ghs-site .single-content li { margin-bottom: 8px; }
#ghs-site .single-content blockquote {
  border-left: 3px solid var(--purple-b);
  padding: 16px 24px; margin: 28px 0;
  background: var(--card); border-radius: 0 8px 8px 0;
  font-style: italic; color: var(--text);
}
#ghs-site .single-content code {
  background: var(--card); padding: 2px 8px;
  border-radius: 4px; font-family: 'Courier New', monospace;
  font-size: 13px; color: var(--purple-b);
}
#ghs-site .single-content pre {
  background: #0A0E14; border: 1px solid var(--border);
  border-radius: 10px; padding: 20px 24px;
  overflow-x: auto; margin: 24px 0;
}
#ghs-site .single-content img { max-width: 100%; border-radius: 10px; margin: 20px 0; }

#ghs-site .single-tags { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; margin: 40px 0; padding-top: 28px; border-top: 1px solid var(--border); }
#ghs-site .tags-label { font-size: 12px; color: var(--muted); font-weight: 600; }
#ghs-site .single-tag {
  background: var(--surface); border: 1px solid var(--border);
  color: var(--muted); padding: 4px 12px;
  border-radius: 20px; font-size: 12px; transition: all .2s;
}
#ghs-site .single-tag:hover { border-color: var(--purple-b); color: var(--purple-b); }

#ghs-site .single-author-box {
  display: flex; gap: 20px; align-items: flex-start;
  padding: 28px; background: var(--card);
  border: 1px solid var(--border); border-radius: 14px;
  margin: 32px 0;
}
#ghs-site .author-avatar {
  width: 52px; height: 52px; border-radius: 50%;
  background: linear-gradient(135deg, var(--purple), var(--purple-b));
  display: flex; align-items: center; justify-content: center;
  font-family: var(--fe); font-weight: 800; font-size: 14px;
  color: #fff; flex-shrink: 0;
}
#ghs-site .author-name { font-weight: 700; font-size: 15px; color: #fff; margin-bottom: 6px; }
#ghs-site .author-bio { font-size: 13px; color: var(--muted); line-height: 1.7; }

#ghs-site .single-post-nav {
  display: flex;
  gap: 16px;
  padding-top: 32px;
  border-top: 1px solid var(--border);
  margin-top: 40px;
  margin-bottom: 0;
  position: relative;
  z-index: 1;
  clear: both;
}
#ghs-site .post-nav-item {
  flex: 1;
  background: var(--card);
  border: 1px solid var(--border);
  border-radius: 12px;
  padding: 20px;
  transition: all .25s;
  display: flex;
  flex-direction: column;
  gap: 6px;
  text-decoration: none;
  color: inherit;
  min-width: 0;
}
#ghs-site .post-nav-item:hover { border-color: rgba(107,45,139,.3); }
#ghs-site .nav-dir { font-size: 11px; color: var(--purple-b); font-weight: 600; letter-spacing: 1px; text-transform: uppercase; }
#ghs-site .nav-title { font-size: 14px; color: #fff; font-weight: 600; line-height: 1.4; }

/* ── SIDEBAR ── */
#ghs-site .single-sidebar { display: flex; flex-direction: column; gap: 24px; }
#ghs-site .sidebar-cta-card {
  background: linear-gradient(135deg, #1A0D26, #110D1F);
  border: 1px solid rgba(107,45,139,.4);
  border-radius: 16px; padding: 28px;
  text-align: center;
}
#ghs-site .sidebar-cta-icon { font-size: 36px; margin-bottom: 16px; display: block; }
#ghs-site .sidebar-cta-card h3 { font-family: var(--fe); font-size: 18px; font-weight: 800; color: #fff; margin-bottom: 10px; letter-spacing: -.3px; }
#ghs-site .sidebar-cta-card p { font-size: 13px; color: var(--muted); margin-bottom: 20px; line-height: 1.7; }
#ghs-site .sidebar-cta-btn { display: block; text-align: center; }
#ghs-site .sidebar-widget {
  background: var(--card); border: 1px solid var(--border);
  border-radius: 14px; padding: 24px;
}
#ghs-site .widget-title { font-family: var(--fe); font-size: 13px; font-weight: 700; color: #fff; letter-spacing: 1px; text-transform: uppercase; margin-bottom: 16px; }
#ghs-site.ar .widget-title { font-family: var(--fa); letter-spacing: 0; text-transform: none; }
#ghs-site .sidebar-topics { list-style: none; display: flex; flex-direction: column; gap: 8px; }
#ghs-site .sidebar-topics li a {
  display: flex; justify-content: space-between;
  font-size: 13px; color: var(--muted);
  padding: 8px 10px; border-radius: 8px;
  transition: all .2s;
}
#ghs-site .sidebar-topics li a:hover { background: var(--surface); color: var(--purple-b); }
#ghs-site .topic-count {
  background: var(--surface); padding: 2px 8px;
  border-radius: 10px; font-size: 11px; color: var(--muted);
}
#ghs-site .sidebar-nl { text-align: center; }
#ghs-site .sidebar-nl h4 { font-family: var(--fe); font-size: 15px; font-weight: 700; color: #fff; margin-bottom: 8px; }
#ghs-site .sidebar-nl p { font-size: 13px; color: var(--muted); margin-bottom: 16px; }
#ghs-site .sidebar-nl .nl-icon { display: block; font-size: 28px; margin-bottom: 12px; }

/* ── RELATED POSTS ── */
#ghs-site .related-posts {
  padding: 56px 80px 88px;
  background: var(--deep);
  border-top: 1px solid var(--border);
}
#ghs-site .related-inner { max-width: 1400px; margin: 0 auto; }

/* ── 404 PAGE ── */
#ghs-site #ghs-404 {
  min-height: 100vh;
  display: flex; align-items: center;
  padding: 120px 80px 80px;
  position: relative; overflow: hidden;
}
#ghs-site .error-404-inner {
  display: grid; grid-template-columns: 1fr 1fr;
  gap: 60px; align-items: center;
  width: 100%; max-width: 1200px; margin: 0 auto;
}
#ghs-site .error-code {
  font-family: var(--fe); font-size: 120px;
  font-weight: 800; color: var(--purple-b);
  letter-spacing: -6px; line-height: 1;
  margin-bottom: 16px; opacity: .8;
}
#ghs-site .error-title {
  font-family: var(--fe); font-size: clamp(28px, 4vw, 48px);
  font-weight: 800; color: #fff;
  letter-spacing: -1.5px; margin-bottom: 16px;
}
#ghs-site.ar .error-title { font-family: var(--fa); letter-spacing: 0; }
#ghs-site .error-desc { font-size: 16px; color: var(--muted); line-height: 1.8; margin-bottom: 32px; }
#ghs-site .error-actions { display: flex; gap: 14px; flex-wrap: wrap; margin-bottom: 40px; }
#ghs-site .error-links-label { font-size: 12px; color: var(--muted); margin-bottom: 14px; letter-spacing: 1px; text-transform: uppercase; }
#ghs-site .error-links-grid { display: grid; grid-template-columns: repeat(2,1fr); gap: 10px; }
#ghs-site .error-link-card {
  background: var(--card); border: 1px solid var(--border);
  border-radius: 10px; padding: 14px;
  display: flex; align-items: center; gap: 10px;
  font-size: 13px; color: var(--muted);
  transition: all .25s;
}
#ghs-site .error-link-card:hover { border-color: rgba(107,45,139,.3); color: var(--purple-b); }

/* ── SEARCH FORM ── */
#ghs-site .ghs-search-form {
  display: flex; gap: 10px;
  max-width: 500px; margin: 24px auto 0;
}
#ghs-site .ghs-search-input {
  flex: 1; background: var(--surface);
  border: 1px solid var(--border); color: var(--text);
  padding: 12px 16px; border-radius: 8px;
  font-size: 14px; outline: none; transition: border-color .2s;
  font-family: var(--fb);
}
#ghs-site .ghs-search-input::placeholder { color: var(--muted); }
#ghs-site .ghs-search-input:focus { border-color: rgba(107,45,139,.4); }
#ghs-site .ghs-search-btn { white-space: nowrap; }

/* ── GENERIC PAGE ── */
#ghs-site .ghs-page-hero {
  position: relative;
  padding: 120px 80px 60px;
  background: var(--deep);
  border-bottom: 1px solid var(--border);
  overflow: hidden;
}
#ghs-site .page-hero-inner { max-width: 800px; position: relative; z-index: 2; }
#ghs-site .page-hero-title {
  font-family: var(--fe);
  font-size: clamp(32px, 4vw, 56px);
  font-weight: 800; color: #fff;
  letter-spacing: -1.5px; margin-top: 16px;
}
#ghs-site.ar .page-hero-title { font-family: var(--fa); letter-spacing: 0; }
#ghs-site .ghs-page-content { padding: 64px 80px 96px; }
#ghs-site .page-content-inner { max-width: 800px; }
#ghs-site .page-body { font-size: 16px; line-height: 1.9; color: var(--muted); }
#ghs-site .page-body h2 { font-family: var(--fe); font-size: 26px; font-weight: 800; color: #fff; margin: 36px 0 14px; }
#ghs-site .page-body h3 { font-family: var(--fe); font-size: 20px; font-weight: 700; color: #fff; margin: 28px 0 10px; }
#ghs-site .page-body p { margin-bottom: 18px; }
#ghs-site .page-body a { color: var(--purple-b); }
#ghs-site .page-body ul, #ghs-site .page-body ol { padding-left: 24px; margin-bottom: 18px; }
#ghs-site .page-body li { margin-bottom: 8px; }

/* ── RESPONSIVE ── */
@media (max-width: 1024px) {
  #ghs-site #blog-hero,
  #ghs-site #filter-bar,
  #ghs-site #posts,
  #ghs-site .single-hero,
  #ghs-site .single-body-wrap,
  #ghs-site .related-posts,
  #ghs-site .ghs-page-hero,
  #ghs-site .ghs-page-content,
  #ghs-site #ghs-404 { padding-left: 48px !important; padding-right: 48px !important; }
  #ghs-site .feat-card { grid-template-columns: 1fr; }
  #ghs-site .feat-img { min-height: 220px; }
  #ghs-site .single-body-wrap { grid-template-columns: 1fr; }
  #ghs-site .single-sidebar { display: none; }
  #ghs-site .error-404-inner { grid-template-columns: 1fr; }
  #ghs-site .error-terminal { display: none; }
}
@media (max-width: 768px) {
  #ghs-site #blog-hero,
  #ghs-site #filter-bar,
  #ghs-site #posts,
  #ghs-site .single-hero,
  #ghs-site .single-body-wrap,
  #ghs-site .related-posts,
  #ghs-site .ghs-page-hero,
  #ghs-site .ghs-page-content,
  #ghs-site #ghs-404 { padding-left: 24px !important; padding-right: 24px !important; }
  #ghs-site .posts-grid { grid-template-columns: 1fr; }
  #ghs-site .single-post-nav { flex-direction: column; }
  #ghs-site .error-code { font-size: 72px; }
  #ghs-site .error-actions { flex-direction: column; }
  #ghs-site .blog-title { letter-spacing: -1px; }
}