/*
Theme Name: GameQuants
Theme URI: https://gamequants.com
Author: GameQuants
Author URI: https://gamequants.com
Description: Custom WordPress theme for GameQuants — a sports intelligence / quantitative betting analytics platform. Pixel-faithful conversion of the GameQuants v3 design preview into a fully functional, deployable WordPress theme with custom page templates, a working contact form, native blog support, and theme-customizer-controlled stats.
Version: 1.0.0
Requires at least: 6.0
Tested up to: 6.7
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: gamequants
Tags: dark, purple, custom-colors, custom-menu, custom-logo, featured-images, threaded-comments, translation-ready, full-width-template, blog, e-commerce-ready

This stylesheet contains the WordPress theme header above (required by WordPress)
and the complete visual design system below, ported 1:1 from the original
GameQuants v3 HTML preview.
*/

/* =========================================================
   1. DESIGN TOKENS (root variables)
   ========================================================= */
:root{
  --v:#7C3AED;--v2:#A855F7;--v3:#C084FC;
  --mg:#EC4899;--mg2:#F472B6;
  --am:#F59E0B;--teal:#06B6D4;--grn:#10B981;--red:#EF4444;
  --bg:#09060F;--bg2:#110D1A;--surf:#1E1530;--surf2:#261C3A;
  --txt:#F1EAF8;--muted:#9B87B5;--faint:#4A3E60;--white:#fff;
  --bdr:rgba(124,58,237,0.2);--bdr2:rgba(168,85,247,0.35);
  --FD:'Syne',sans-serif;--FB:'DM Sans',sans-serif;--FM:'Space Mono',monospace;
  --R:.3s cubic-bezier(.4,0,.2,1);
}
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{font-family:var(--FB);background:var(--bg);color:var(--txt);-webkit-font-smoothing:antialiased;overflow-x:hidden}
::selection{background:var(--v);color:#fff}
.W{max-width:1300px;margin:0 auto;padding:0 clamp(20px,4vw,64px)}
h1,h2,h3,h4{font-family:var(--FD);font-weight:800;line-height:1.1}
h1{font-size:clamp(2.4rem,5vw,4.8rem)}
h2{font-size:clamp(1.9rem,3.5vw,3.4rem)}
h3{font-size:clamp(1.1rem,2vw,1.6rem)}
p{color:var(--muted);line-height:1.75}
a{color:var(--v2);text-decoration:none;transition:color var(--R)}
img{max-width:100%;height:auto;display:block}
.B{display:inline-flex;align-items:center;gap:8px;padding:13px 28px;border-radius:6px;font-family:var(--FB);font-weight:600;font-size:.88rem;letter-spacing:.05em;cursor:pointer;border:none;transition:all var(--R);text-decoration:none;white-space:nowrap}
.Bp{background:var(--v);color:#fff}.Bp:hover{background:#6D28D9;transform:translateY(-2px);box-shadow:0 12px 28px rgba(124,58,237,.4);color:#fff}
.Bo{background:transparent;color:var(--v2);border:1.5px solid var(--v2)}.Bo:hover{background:rgba(124,58,237,.12);color:var(--white)}
.Bg{background:rgba(255,255,255,.06);color:var(--txt);border:1px solid var(--bdr2)}.Bg:hover{background:rgba(255,255,255,.1);color:var(--white)}
.pill{display:inline-flex;align-items:center;gap:6px;font-family:var(--FM);font-size:.65rem;letter-spacing:.12em;text-transform:uppercase;padding:5px 14px;border-radius:100px}
.pv{background:rgba(124,58,237,.15);border:1px solid rgba(168,85,247,.35);color:var(--v2)}
.pm{background:rgba(236,72,153,.12);border:1px solid rgba(236,72,153,.3);color:#F472B6}
.pt{background:rgba(6,182,212,.1);border:1px solid rgba(6,182,212,.3);color:var(--teal)}
@keyframes pu{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.7)}}
.dot{width:6px;height:6px;border-radius:50%;background:currentColor;animation:pu 2s infinite;flex-shrink:0}
#nav{position:fixed;top:0;left:0;right:0;z-index:1000;padding:0 clamp(20px,4vw,64px);transition:all var(--R)}
#nav.sc{background:rgba(9,6,15,.93);backdrop-filter:blur(20px);border-bottom:1px solid var(--bdr)}
.nw{display:flex;align-items:center;justify-content:space-between;height:68px;max-width:1300px;margin:0 auto}
.logo{display:flex;align-items:center;gap:11px;text-decoration:none}
.lm{width:38px;height:38px;border-radius:8px;background:var(--v);display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;flex-shrink:0}
.lt{font-family:var(--FD);font-size:1.4rem;font-weight:800;color:var(--white)}
.lt em{color:var(--v2);font-style:normal}
.nl{display:flex;align-items:center;gap:2px;list-style:none}
.nl a{font-size:.85rem;font-weight:500;color:var(--muted);padding:7px 14px;border-radius:6px;transition:all var(--R)}
.nl a:hover,.nl a.on,.nl li.current-menu-item>a,.nl li.current_page_item>a{color:var(--white);background:rgba(124,58,237,.14)}
.ncta{background:var(--v)!important;color:#fff!important;font-weight:600!important;border-radius:6px!important;padding:8px 20px!important}
.ncta:hover{background:#6D28D9!important;color:#fff!important}
.ham{display:none;background:none;border:1px solid var(--bdr2);border-radius:6px;padding:7px 11px;color:var(--txt);cursor:pointer;font-size:1.1rem}
.sec{padding:clamp(64px,9vw,120px) 0}
.sh{text-align:center;margin-bottom:60px}
.sh h2{color:var(--white);margin-bottom:12px}
.hl{color:var(--v2)}
.sh p{font-size:1rem;max-width:520px;margin:0 auto}
.ph{padding:130px 0 70px;background:var(--bg);position:relative;overflow:hidden;text-align:center}
.ph::before{content:'';position:absolute;top:0;right:0;width:55%;height:100%;background:linear-gradient(140deg,rgba(124,58,237,.07),rgba(236,72,153,.04));clip-path:polygon(28% 0,100% 0,100% 100%,0 100%)}
.ph-inner{position:relative;z-index:2}
.ph h1{color:var(--white);margin-bottom:14px}
.ph p{font-size:1.05rem;max-width:540px;margin:0 auto}
.bct{font-family:var(--FM);font-size:.62rem;color:var(--muted);text-transform:uppercase;letter-spacing:.1em;margin-bottom:16px}
.bct a{color:var(--v2)}
/* CTA BOX */
.cta-box{position:relative;border-radius:20px;overflow:hidden;padding:76px 56px;text-align:center;background:var(--surf)}
.cta-box::before{content:'';position:absolute;inset:0;background:linear-gradient(135deg,rgba(124,58,237,.22),rgba(236,72,153,.12),transparent)}
.cta-box::after{content:'';position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,var(--v),var(--mg),var(--am))}
.cta-inner{position:relative;z-index:2}
.cta-inner h2{color:var(--white);margin-bottom:14px}
.cta-inner p{font-size:1rem;margin-bottom:32px;max-width:460px;margin-left:auto;margin-right:auto}
.cta-btns{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}
/* FOOTER */
footer{background:var(--bg2);border-top:1px solid var(--bdr);padding-top:64px}
.ft-main{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:48px;padding-bottom:48px;border-bottom:1px solid var(--bdr)}
.fb-desc{font-size:.85rem;line-height:1.8;margin:14px 0 20px}
.ft-socials{display:flex;gap:8px}
.soc{width:34px;height:34px;border-radius:7px;background:var(--surf);border:1px solid var(--bdr);display:flex;align-items:center;justify-content:center;color:var(--muted);transition:all var(--R);text-decoration:none;flex-shrink:0}
.soc:hover{background:var(--v);color:#fff;border-color:var(--v)}
.soc svg{width:15px;height:15px}
.fc h4{color:var(--white);font-family:var(--FM);font-size:.65rem;text-transform:uppercase;letter-spacing:.12em;margin-bottom:16px}
.fl{list-style:none}
.fl li{margin-bottom:9px}
.fl a{color:var(--muted);font-size:.83rem;transition:color var(--R)}
.fl a:hover{color:var(--v2)}
.fbot{padding:20px 0;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px}
.fcopy{font-size:.74rem;color:var(--muted)}
.fleg{display:flex;gap:16px}
.fleg a{font-size:.72rem;color:var(--muted);transition:color var(--R)}
.fleg a:hover{color:var(--v2)}
@media(max-width:1024px){.ft-main{grid-template-columns:1fr 1fr;gap:32px}}
@media(max-width:680px){.nl{display:none}.ham{display:flex;align-items:center;gap:6px}.nl.open{display:flex;flex-direction:column;position:fixed;top:68px;left:0;right:0;background:rgba(9,6,15,.98);border-bottom:1px solid var(--bdr);padding:18px;gap:4px}.ft-main{grid-template-columns:1fr}.cta-box{padding:44px 22px}}

/* =========================================================
   2. PAGE COMPONENTS (hero, dashboard, sports strip, ticker,
      services tiles, why-section, accuracy chart, process,
      blog cards, testimonials, about, services-page, blog-page,
      contact) — ported from the original design system
   ========================================================= */

/* HOME */
.hero{min-height:100vh;display:flex;align-items:center;padding:100px 0 80px;position:relative;overflow:hidden;background:var(--bg)}
.hbg-grid{position:absolute;inset:0;background-image:radial-gradient(circle,rgba(124,58,237,.18) 1px,transparent 1px);background-size:36px 36px;opacity:.55;pointer-events:none}
.hbg-slash{position:absolute;top:-10%;right:-8%;width:60%;height:130%;background:linear-gradient(140deg,rgba(124,58,237,.07),rgba(236,72,153,.05),transparent);clip-path:polygon(22% 0,100% 0,100% 100%,0 100%);pointer-events:none}
.hfade{position:absolute;bottom:0;left:0;right:0;height:200px;background:linear-gradient(to top,var(--bg),transparent);pointer-events:none;z-index:1}
.hero-inner{position:relative;z-index:2;display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}
.hero-eyebrow{font-family:var(--FM);font-size:.65rem;letter-spacing:.15em;text-transform:uppercase;color:var(--am);background:rgba(245,158,11,.1);border:1px solid rgba(245,158,11,.3);padding:4px 12px;border-radius:3px;display:inline-block;margin-bottom:12px}
.hero h1{color:var(--white);letter-spacing:-.02em;margin-bottom:22px}
.hero h1 .cv{color:var(--v2)}.hero h1 .cm{color:var(--mg)}
.hero-sub{font-size:clamp(.95rem,1.5vw,1.1rem);margin-bottom:36px;max-width:500px;line-height:1.8}
.hero-acts{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:48px}
.hero-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--bdr);border:1px solid var(--bdr);border-radius:10px;overflow:hidden}
.hs{background:var(--surf);padding:16px 12px;text-align:center}
.hs-v{font-family:var(--FD);font-size:1.75rem;font-weight:800;color:var(--white);line-height:1}
.hs-v .u{color:var(--v2)}
.hs-l{font-family:var(--FM);font-size:.58rem;color:var(--muted);text-transform:uppercase;letter-spacing:.1em;margin-top:4px}
/* HERO DASHBOARD */
.dash-wrap{background:var(--surf);border:1px solid var(--bdr2);border-radius:16px;padding:22px;margin-bottom:12px}
.dh{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}
.dh-t{font-family:var(--FM);font-size:.62rem;text-transform:uppercase;letter-spacing:.12em;color:var(--muted)}
.live-tag{display:flex;align-items:center;gap:5px;font-family:var(--FM);font-size:.6rem;color:var(--grn);background:rgba(16,185,129,.1);border:1px solid rgba(16,185,129,.25);padding:3px 9px;border-radius:100px}
.match-vs{display:grid;grid-template-columns:1fr auto 1fr;gap:8px;align-items:center;text-align:center;margin-bottom:14px}
.tlogo{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 6px}
.tl-a{background:rgba(124,58,237,.25);border:1.5px solid rgba(124,58,237,.5)}
.tl-b{background:rgba(236,72,153,.2);border:1.5px solid rgba(236,72,153,.45)}
.tn{font-family:var(--FD);font-size:.95rem;font-weight:700;color:var(--white)}
.tc-city{font-family:var(--FM);font-size:.58rem;color:var(--muted);text-transform:uppercase;letter-spacing:.08em;margin-top:2px}
.vs-b{font-family:var(--FD);font-size:1.2rem;font-weight:800;color:var(--faint);background:var(--surf2);width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}
.pbar{height:8px;background:var(--surf2);border-radius:100px;overflow:hidden;display:flex}
.pb-a{background:linear-gradient(90deg,var(--v),var(--v2));border-radius:100px 0 0 100px}
.pb-b{background:linear-gradient(90deg,var(--mg2),var(--mg));border-radius:0 100px 100px 0}
.prob-row{display:flex;justify-content:space-between;margin-top:5px}
.pl{font-family:var(--FM);font-size:.6rem}.pl.a{color:var(--v2)}.pl.b{color:var(--mg)}
.odds-g{display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px;margin-bottom:12px}
.og{border-radius:8px;padding:11px 8px;text-align:center;border:1px solid var(--bdr);background:var(--surf2)}
.og.best{border-color:rgba(168,85,247,.5);background:rgba(124,58,237,.12)}
.og-v{font-family:var(--FD);font-size:1.45rem;font-weight:800;color:var(--white);line-height:1}
.og.best .og-v{color:var(--v2)}
.og-l{font-family:var(--FM);font-size:.55rem;color:var(--muted);text-transform:uppercase;letter-spacing:.08em;margin-top:3px}
.og-badge{display:inline-block;font-size:.55rem;background:rgba(168,85,247,.2);color:var(--v2);padding:2px 6px;border-radius:2px;margin-top:3px;font-family:var(--FM)}
.mmetrics{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.mm{background:var(--surf);border:1px solid var(--bdr);border-radius:9px;padding:12px 14px;display:flex;align-items:center;gap:10px}
.mm-ic{width:32px;height:32px;border-radius:7px;display:flex;align-items:center;justify-content:center;flex-shrink:0}
.mm-ic svg{width:18px;height:18px}
.mi-g{background:rgba(16,185,129,.15);border:1px solid rgba(16,185,129,.25)}
.mi-v{background:rgba(124,58,237,.15);border:1px solid rgba(124,58,237,.3)}
.mi-a{background:rgba(245,158,11,.12);border:1px solid rgba(245,158,11,.25)}
.mi-t{background:rgba(6,182,212,.1);border:1px solid rgba(6,182,212,.25)}
.mm-l{font-family:var(--FM);font-size:.58rem;text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}
.mm-v{font-family:var(--FD);font-size:1.1rem;font-weight:800;line-height:1.2;margin-top:1px}
.mvg{color:var(--grn)}.mvv{color:var(--v2)}.mva{color:var(--am)}.mvt{color:var(--teal)}
/* SPORTS STRIP */
.sports-strip{background:var(--bg2);border-top:1px solid var(--bdr);border-bottom:1px solid var(--bdr);padding:26px 0}
.si-row{display:flex;align-items:center;justify-content:center;flex-wrap:wrap}
.si{display:flex;flex-direction:column;align-items:center;gap:8px;padding:12px 28px;border-right:1px solid var(--bdr);transition:background var(--R);cursor:default}
.si:last-child{border-right:none}
.si:hover{background:rgba(124,58,237,.07)}
.si svg{width:36px;height:36px;display:block}
.si span{font-family:var(--FM);font-size:.6rem;text-transform:uppercase;letter-spacing:.1em;color:var(--muted)}
/* TICKER */
.ticker{background:var(--bg2);border-top:1px solid var(--bdr);border-bottom:1px solid var(--bdr);padding:10px 0;overflow:hidden;position:relative}
.ticker::before,.ticker::after{content:'';position:absolute;top:0;bottom:0;width:80px;z-index:2;pointer-events:none}
.ticker::before{left:0;background:linear-gradient(to right,var(--bg2),transparent)}
.ticker::after{right:0;background:linear-gradient(to left,var(--bg2),transparent)}
.ti{display:flex;animation:tk 32s linear infinite;white-space:nowrap}
.ti-i{display:inline-flex;align-items:center;gap:8px;padding:0 28px;font-family:var(--FM);font-size:.7rem;color:var(--muted)}
.ti-tag{color:var(--v2);font-weight:700}
.up{color:var(--grn)}.dn{color:var(--red)}
@keyframes tk{0%{transform:translateX(0)}100%{transform:translateX(-50%)}}
/* SERVICES TILE */
.sv-bg{background:var(--bg2)}
.sv-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--bdr);border:1px solid var(--bdr);border-radius:14px;overflow:hidden}
.sv-card{background:var(--bg2);padding:0 0 28px 0;position:relative;overflow:hidden;transition:background var(--R);display:flex;flex-direction:column}
.sv-card:hover{background:var(--surf)}
.sv-card::before{content:'';position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,var(--v),var(--mg));transform:scaleX(0);transform-origin:left;transition:transform var(--R);z-index:2}
.sv-card:hover::before{transform:scaleX(1)}
.sv-graphic{width:100%;aspect-ratio:16/9;overflow:hidden;display:block;flex-shrink:0;background:var(--surf2)}
.sv-graphic svg{width:100%;height:100%;display:block}
.sv-body{padding:22px 24px 0}
.sv-num{font-family:var(--FD);font-size:2.6rem;font-weight:800;color:var(--faint);line-height:1;margin-bottom:8px;transition:color var(--R)}
.sv-card:hover .sv-num{color:rgba(124,58,237,.4)}
.sv-card h3{color:var(--white);font-size:1.02rem;margin-bottom:8px}
.sv-card p{font-size:.82rem;margin-bottom:16px;flex:1;color:var(--muted)}
.sv-link{font-family:var(--FM);font-size:.6rem;text-transform:uppercase;letter-spacing:.1em;color:var(--v2);display:inline-flex;align-items:center;gap:4px}
.sv-link::after{content:'→'}
/* WHY */
.why-grid{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:start}
.feat-list{display:flex;flex-direction:column;gap:16px;margin-top:32px}
.fi{display:flex;gap:14px;align-items:flex-start}
.fi-ic{width:40px;height:40px;min-width:40px;border-radius:9px;display:flex;align-items:center;justify-content:center;background:var(--surf);border:1px solid var(--bdr2);flex-shrink:0}
.fi-ic svg{width:20px;height:20px}
.fi-body h4{color:var(--white);font-size:.95rem;font-family:var(--FD);font-weight:700;margin-bottom:3px}
.fi-body p{font-size:.83rem;margin:0;line-height:1.65}
/* ACCURACY CHART */
.acc-chart{background:var(--surf);border:1px solid var(--bdr2);border-radius:14px;padding:24px}
.ac-t{font-family:var(--FM);font-size:.62rem;text-transform:uppercase;letter-spacing:.12em;color:var(--muted);margin-bottom:18px;display:flex;justify-content:space-between;align-items:center}
.ac-live{display:flex;align-items:center;gap:5px;font-size:.6rem;color:var(--grn)}
.ac-live::before{content:'';width:5px;height:5px;border-radius:50%;background:var(--grn);animation:pu 2s infinite}
.bars{display:flex;align-items:flex-end;gap:10px;height:120px;margin-bottom:10px}
.bar-col{display:flex;flex-direction:column;align-items:center;gap:4px;flex:1}
.bar-wrap{width:100%;height:100px;display:flex;align-items:flex-end}
.bf{width:100%;border-radius:4px 4px 0 0}
.bar-pct{font-family:var(--FM);font-size:.65rem;font-weight:700;text-align:center}
.bar-lbl{font-family:var(--FM);font-size:.56rem;color:var(--muted);text-transform:uppercase;letter-spacing:.06em;text-align:center}
.msr-row{display:grid;grid-template-columns:1fr 1fr 1fr;gap:10px;margin-top:14px}
.msr{background:var(--surf2);border-radius:8px;padding:12px;text-align:center}
.msr-v{font-family:var(--FD);font-size:1.4rem;font-weight:800;line-height:1}
.msr-l{font-family:var(--FM);font-size:.56rem;color:var(--muted);text-transform:uppercase;letter-spacing:.08em;margin-top:3px}
/* PROCESS */
.proc-bg{background:var(--bg2)}
.proc-row{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;position:relative}
.proc-connector{position:absolute;top:32px;left:12%;right:12%;height:2px;background:linear-gradient(90deg,transparent,var(--v),var(--mg),transparent)}
.pc-card{text-align:center;position:relative;z-index:1}
.proc-ic{width:56px;height:56px;margin:0 auto 12px;display:block}
.proc-num{width:64px;height:64px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 16px;position:relative}
.proc-num svg{position:absolute;inset:0;width:64px;height:64px}
.proc-num span{font-family:var(--FD);font-weight:800;font-size:1.3rem;color:#fff;position:relative;z-index:2}
.pc-card h4{color:var(--white);font-size:.93rem;font-family:var(--FD);font-weight:700;margin-bottom:8px}
.pc-card p{font-size:.8rem;line-height:1.65}
/* BLOG */
.blog-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:18px}
.bc{background:var(--surf);border:1px solid var(--bdr);border-radius:14px;overflow:hidden;transition:all var(--R);display:flex;flex-direction:column}
.bc:hover{border-color:var(--bdr2);transform:translateY(-4px)}
.bc-img{width:100%;aspect-ratio:16/9;overflow:hidden;display:block;flex-shrink:0}
.bc.feat .bc-img{aspect-ratio:16/10}
.bc-img svg{width:100%;height:100%;display:block}
.bc-body{padding:20px;display:flex;flex-direction:column;flex:1}
.bc-cat{display:inline-block;font-family:var(--FM);font-size:.6rem;letter-spacing:.1em;text-transform:uppercase;padding:3px 9px;border-radius:3px;margin-bottom:8px}
.cat-v{color:var(--v2);background:rgba(124,58,237,.12)}
.cat-m{color:#F472B6;background:rgba(236,72,153,.1)}
.cat-a{color:var(--am);background:rgba(245,158,11,.1)}
.cat-t{color:var(--teal);background:rgba(6,182,212,.1)}
.bc h3{color:var(--white);font-size:.98rem;margin-bottom:8px;line-height:1.4;transition:color var(--R);font-family:var(--FD);font-weight:700}
.bc:hover h3{color:var(--v2)}
.bc.feat h3{font-size:1.3rem}
.bc p{font-size:.82rem;margin-bottom:12px;flex:1;line-height:1.65}
.bc-meta{display:flex;gap:10px;align-items:center;margin-top:auto;padding-top:12px;border-top:1px solid var(--bdr)}
.bc-date,.bc-read{font-family:var(--FM);font-size:.58rem;color:var(--muted)}
/* TESTIMONIALS */
.test-bg{background:var(--bg2)}
.test-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:44px}
.tc{background:var(--surf);border:1px solid var(--bdr);border-radius:14px;padding:26px;transition:border-color var(--R);display:flex;flex-direction:column}
.tc:hover{border-color:var(--bdr2)}
.tc-stars{color:var(--am);font-size:.85rem;letter-spacing:2px;margin-bottom:10px}
.tc-text{font-size:.88rem;line-height:1.8;color:var(--txt);margin-bottom:16px;flex:1}
.tc-author{display:flex;align-items:center;gap:10px;padding-top:14px;border-top:1px solid var(--bdr);margin-top:auto}
.tc-av{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-family:var(--FD);font-weight:800;font-size:.95rem;color:#fff;flex-shrink:0}
.av1{background:var(--v)}.av2{background:#9333EA}.av3{background:var(--mg)}
.tc-name{color:var(--white);font-size:.88rem;font-weight:600}
.tc-role{color:var(--muted);font-size:.7rem;font-family:var(--FM)}
/* ABOUT */
.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:72px;align-items:start}
.astat-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:32px}
.ast{background:var(--surf);border:1px solid var(--bdr);border-radius:10px;padding:18px}
.ast-v{font-family:var(--FD);font-size:2rem;font-weight:800;color:var(--v2);line-height:1}
.ast-l{font-family:var(--FM);font-size:.6rem;color:var(--muted);text-transform:uppercase;letter-spacing:.08em;margin-top:4px}
.val-card{background:var(--surf);border:1px solid var(--bdr2);border-radius:14px;padding:24px;margin-bottom:12px}
.val-card h4{color:var(--white);font-family:var(--FD);font-weight:700;font-size:.98rem;margin-bottom:12px}
.vi{display:flex;gap:9px;align-items:flex-start;margin-bottom:9px;font-size:.84rem;color:var(--muted)}
.vi .ck{color:var(--v2);flex-shrink:0;margin-top:1px}
.vi strong{color:var(--txt)}
.team-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:44px}
.tcard{background:var(--surf);border:1px solid var(--bdr);border-radius:14px;padding:24px;text-align:center;transition:all var(--R)}
.tcard:hover{border-color:var(--bdr2);transform:translateY(-4px)}
.tav{width:64px;height:64px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-family:var(--FD);font-weight:800;font-size:1.4rem;color:#fff;margin:0 auto 12px;border:3px solid rgba(255,255,255,.1)}
.ta1{background:var(--v)}.ta2{background:#9333EA}.ta3{background:#C026D3}.ta4{background:var(--mg)}
.tcard h4{color:var(--white);font-size:.95rem;font-family:var(--FD);font-weight:700;margin-bottom:2px}
.trole{display:block;font-family:var(--FM);font-size:.6rem;color:var(--v2);text-transform:uppercase;letter-spacing:.08em;margin-bottom:9px}
.tcard p{font-size:.8rem;margin:0;line-height:1.6}
/* SERVICES PAGE */
.svc-pg-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}
.spc{background:var(--surf);border:1px solid var(--bdr);border-radius:14px;overflow:hidden;transition:all var(--R);display:flex;flex-direction:column}
.spc:hover{border-color:var(--bdr2);transform:translateY(-4px)}
.spc-graphic{width:100%;aspect-ratio:16/8;overflow:hidden;display:block;flex-shrink:0;background:var(--surf2)}
.spc-graphic svg{width:100%;height:100%;display:block}
.spc-body{padding:28px 28px 28px;display:flex;flex-direction:column;flex:1;position:relative}
.spc-stripe{position:absolute;top:0;left:0;width:3px;bottom:0}
.ss-v{background:linear-gradient(180deg,var(--v),var(--v2))}
.ss-m{background:linear-gradient(180deg,var(--mg),var(--mg2))}
.ss-a{background:linear-gradient(180deg,var(--am),#FCD34D)}
.ss-t{background:linear-gradient(180deg,var(--teal),#22D3EE)}
.spc h3{color:var(--white);margin-bottom:10px;font-size:1.2rem}
.spc p{font-size:.86rem;margin-bottom:16px;line-height:1.7;flex:1}
.spc-feats{list-style:none;margin-bottom:20px}
.spc-feats li{display:flex;gap:7px;font-size:.82rem;color:var(--muted);margin-bottom:6px}
.spc-feats .ck{color:var(--v2);flex-shrink:0}
/* PRICING */
.price-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:48px}
.prc{background:var(--surf);border:1px solid var(--bdr);border-radius:14px;padding:30px;transition:all var(--R)}
.prc.featured{border-color:var(--v);position:relative;overflow:hidden}
.prc.featured::before{content:'Most Popular';position:absolute;top:-1px;left:50%;transform:translateX(-50%);font-family:var(--FM);font-size:.58rem;letter-spacing:.1em;text-transform:uppercase;background:var(--v);color:#fff;padding:4px 14px;border-radius:0 0 8px 8px}
.prc-tier{font-family:var(--FM);font-size:.65rem;text-transform:uppercase;letter-spacing:.12em;color:var(--muted);margin-bottom:8px}
.prc-price{font-family:var(--FD);font-size:2.6rem;font-weight:800;color:var(--white);line-height:1;margin-bottom:6px}
.prc-price span{font-size:.95rem;color:var(--muted);font-weight:400;font-family:var(--FB)}
.prc-desc{font-size:.83rem;margin-bottom:22px;padding-bottom:22px;border-bottom:1px solid var(--bdr)}
.prc-feats{list-style:none;margin-bottom:24px}
.prc-feats li{display:flex;gap:8px;font-size:.83rem;color:var(--muted);margin-bottom:8px}
.prc-feats .ck{color:var(--grn);flex-shrink:0}
/* BLOG PAGE */
.blog-pg-grid{display:grid;grid-template-columns:1fr 300px;gap:48px;align-items:start}
.bl-item{background:var(--surf);border:1px solid var(--bdr);border-radius:14px;padding:24px;display:grid;grid-template-columns:88px 1fr;gap:16px;margin-bottom:16px;transition:all var(--R)}
.bl-item:hover{border-color:var(--bdr2);transform:translateX(4px)}
.bl-thumb{width:88px;height:72px;border-radius:8px;overflow:hidden;display:block;flex-shrink:0}
.bl-thumb svg{width:88px;height:72px;display:block}
.bl-item h3{color:var(--white);font-size:1rem;margin-bottom:6px;line-height:1.4;transition:color var(--R);font-family:var(--FD);font-weight:700}
.bl-item:hover h3{color:var(--v2)}
.bl-item p{font-size:.81rem;margin-bottom:8px;line-height:1.6}
.side-w{background:var(--surf);border:1px solid var(--bdr);border-radius:14px;padding:22px;margin-bottom:16px}
.sw-t{color:var(--white);font-family:var(--FM);font-size:.65rem;text-transform:uppercase;letter-spacing:.1em;padding-bottom:11px;margin-bottom:14px;border-bottom:1px solid var(--bdr)}
.cat-li{list-style:none}
.cat-li li{display:flex;justify-content:space-between;align-items:center;padding:7px 0;border-bottom:1px solid rgba(124,58,237,.06);font-size:.83rem}
.cat-li li:last-child{border:none}
.cat-li a{color:var(--muted);transition:color var(--R)}
.cat-li a:hover{color:var(--v2)}
.cnt{background:rgba(124,58,237,.12);color:var(--v2);font-family:var(--FM);font-size:.6rem;padding:2px 7px;border-radius:3px}
/* CONTACT */
.contact-grid{display:grid;grid-template-columns:1fr 1.5fr;gap:56px;align-items:start}
.ci-list{list-style:none;margin-top:24px}
.ci-li{display:flex;gap:13px;align-items:flex-start;padding:16px 0;border-bottom:1px solid var(--bdr)}
.ci-li:last-child{border:none}
.ci-icon{width:38px;height:38px;min-width:38px;border-radius:9px;background:var(--surf);border:1px solid var(--bdr2);display:flex;align-items:center;justify-content:center;flex-shrink:0}
.ci-icon svg{width:18px;height:18px}
.ci-t strong{display:block;color:var(--white);font-size:.88rem;margin-bottom:2px}
.ci-t span{font-size:.82rem;color:var(--muted);font-family:var(--FM)}
.form-box{background:var(--surf);border:1px solid var(--bdr2);border-radius:16px;padding:40px;position:relative;overflow:hidden}
.form-box::before{content:'';position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,var(--v),var(--mg))}
.form-box h3{color:var(--white);margin-bottom:26px;font-size:1.5rem}
.frow{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:14px}
.fg{margin-bottom:14px}
.fg label{display:block;font-family:var(--FM);font-size:.62rem;text-transform:uppercase;letter-spacing:.1em;color:var(--muted);margin-bottom:7px}
.fg input,.fg select,.fg textarea{width:100%;background:var(--bg2);border:1px solid var(--bdr);border-radius:7px;padding:11px 13px;color:var(--white);font-family:var(--FB);font-size:.87rem;outline:none;transition:border-color var(--R);appearance:none}
.fg input:focus,.fg select:focus,.fg textarea:focus{border-color:var(--v2);box-shadow:0 0 0 3px rgba(124,58,237,.1)}
.fg textarea{resize:vertical;min-height:100px}
.fg select option{background:var(--surf)}
/* ABOUT CHART */
.ab-chart{background:var(--surf);border:1px solid var(--bdr2);border-radius:14px;padding:20px;overflow:hidden}
.ab-chart-t{font-family:var(--FM);font-size:.62rem;text-transform:uppercase;letter-spacing:.12em;color:var(--muted);margin-bottom:14px;display:flex;justify-content:space-between;align-items:center}
/* RESPONSIVE */
@media(max-width:1024px){
  .hero-inner{grid-template-columns:1fr}.hero-r{display:none}
  .sv-grid{grid-template-columns:repeat(2,1fr)}.blog-grid{grid-template-columns:1fr 1fr}.bc.feat{grid-column:1/-1}
  .why-grid,.about-grid,.contact-grid{grid-template-columns:1fr;gap:40px}
  .team-grid{grid-template-columns:repeat(2,1fr)}.proc-row{grid-template-columns:repeat(2,1fr)}.proc-connector{display:none}
  .price-grid{grid-template-columns:1fr}.hero-stats{grid-template-columns:repeat(2,1fr)}.blog-pg-grid{grid-template-columns:1fr}
}
@media(max-width:680px){
  .sv-grid,.blog-grid,.test-grid,.svc-pg-grid{grid-template-columns:1fr}.bc.feat{grid-column:auto}
  .hero-acts{flex-direction:column;align-items:flex-start}.hero-stats{grid-template-columns:repeat(4,1fr)}
  .bl-item{grid-template-columns:1fr}.bl-thumb{width:100%;height:140px}
  .frow{grid-template-columns:1fr}.si-row{justify-content:flex-start;overflow-x:auto;flex-wrap:nowrap}.si{padding:10px 18px}
}

/* =========================================================
   3. WORDPRESS CORE REQUIRED STYLES
   ========================================================= */
.screen-reader-text{border:0;clip:rect(1px,1px,1px,1px);clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute!important;width:1px;word-wrap:normal!important}
.screen-reader-text:focus{background-color:#1E1530;border-radius:6px;box-shadow:0 0 4px rgba(0,0,0,.6);clip:auto!important;clip-path:none;color:#F1EAF8;display:block;font-size:.9rem;font-weight:600;height:auto;left:8px;line-height:normal;padding:14px 20px;text-decoration:none;top:8px;width:auto;z-index:100000}
.alignleft{float:left;margin:0 24px 16px 0}
.alignright{float:right;margin:0 0 16px 24px}
.aligncenter{display:block;margin:0 auto 16px}
.alignwide{width:100%;max-width:1300px}
.alignfull{width:100vw;position:relative;left:50%;right:50%;margin-left:-50vw;margin-right:-50vw}
.wp-caption{max-width:100%}
.wp-caption-text{font-family:var(--FM);font-size:.7rem;color:var(--muted);margin-top:6px;text-align:center}
.bypostauthor{}
.gallery{display:grid;grid-template-columns:repeat(var(--gallery-columns,3),1fr);gap:12px;margin:24px 0}
.gallery-item{list-style:none}
.gallery-caption{font-size:.7rem;color:var(--muted);margin-top:4px}
.wp-block-image img,.entry-content img{border-radius:10px}
.entry-content a{text-decoration:underline;text-decoration-color:var(--bdr2)}
.entry-content ul,.entry-content ol{color:var(--muted);padding-left:1.4em;margin-bottom:1.2em;line-height:1.8}
.entry-content blockquote{border-left:3px solid var(--v);padding:8px 20px;margin:24px 0;color:var(--txt);font-style:italic;background:var(--surf);border-radius:0 8px 8px 0}
.entry-content table{width:100%;border-collapse:collapse;margin:20px 0}
.entry-content table th,.entry-content table td{border:1px solid var(--bdr);padding:10px 14px;text-align:left;font-size:.85rem}
.entry-content table th{color:var(--white);background:var(--surf)}
.entry-content pre{background:var(--surf2);border:1px solid var(--bdr);border-radius:8px;padding:16px;overflow-x:auto;font-family:var(--FM);font-size:.8rem;margin-bottom:1.2em}
.entry-content code{font-family:var(--FM);background:var(--surf2);padding:2px 6px;border-radius:4px;font-size:.85em}
.entry-content h2,.entry-content h3,.entry-content h4{color:var(--white);margin:1.4em 0 .6em}
.entry-content p{margin-bottom:1.2em}
/* Pagination */
.gq-pagination{display:flex;gap:8px;justify-content:center;margin-top:48px;flex-wrap:wrap}
.gq-pagination a,.gq-pagination span{font-family:var(--FM);font-size:.72rem;padding:9px 16px;border-radius:6px;border:1px solid var(--bdr);color:var(--muted);transition:all var(--R)}
.gq-pagination a:hover{border-color:var(--bdr2);color:var(--white)}
.gq-pagination .current{background:var(--v);color:#fff;border-color:var(--v)}
/* Comments */
.comments-area{margin-top:56px;padding-top:40px;border-top:1px solid var(--bdr)}
.comments-title{color:var(--white);margin-bottom:24px}
.comment-list{list-style:none}
.comment-body{background:var(--surf);border:1px solid var(--bdr);border-radius:12px;padding:20px;margin-bottom:16px}
.comment-author .fn{color:var(--white);font-weight:600;font-style:normal;font-size:.88rem}
.comment-metadata{font-family:var(--FM);font-size:.65rem;color:var(--muted);margin-bottom:10px}
.comment-content p{font-size:.86rem;margin-bottom:0}
.comment-reply-link{font-family:var(--FM);font-size:.62rem;text-transform:uppercase;letter-spacing:.08em;color:var(--v2)}
.comment-respond{margin-top:24px}
.comment-form input[type=text],.comment-form input[type=email],.comment-form input[type=url],.comment-form textarea{width:100%;background:var(--bg2);border:1px solid var(--bdr);border-radius:7px;padding:11px 13px;color:var(--white);font-family:var(--FB);font-size:.87rem;outline:none;margin-bottom:14px}
.comment-form label{display:block;font-family:var(--FM);font-size:.62rem;text-transform:uppercase;letter-spacing:.1em;color:var(--muted);margin-bottom:7px}
/* 404 */
.gq-404{text-align:center;padding:160px 0 120px}
.gq-404 h1{font-size:clamp(4rem,12vw,9rem);color:var(--v2);line-height:1}
.gq-404 p{max-width:420px;margin:14px auto 32px}
/* Search form (used in sidebar widget + search results) */
.gq-search-form{display:flex;gap:7px}
.gq-search-form input[type=search]{flex:1;background:var(--bg);border:1px solid var(--bdr);border-radius:7px;padding:9px 11px;color:var(--white);font-size:.83rem;outline:none;font-family:var(--FB)}
/* Widgets fallback */
.widget{margin-bottom:16px}
.widget_search .search-form{display:flex;gap:7px}
/* Skip link target focus ring */
a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid var(--v2);outline-offset:2px}