/* ═══════════════════════════════════════
   CONVERXTUDIO — FRONTEND STYLES v1.0
   Futuristic · Holographic · Digital
═══════════════════════════════════════ */
@import url('https://fonts.googleapis.com/css2?family=Orbitron:wght@400;600;700;900&family=Rajdhani:wght@300;400;500;600&family=Share+Tech+Mono&display=swap');

:root {
  --teal: #00d4c8;
  --teal-dim: #00a89e;
  --teal-dark: #004d49;
  --orange: #ff6b00;
  --gold: #ffb300;
  --bg: #020810;
  --bg2: #030d18;
  --surface: rgba(0,212,200,.05);
  --surface2: rgba(0,212,200,.1);
  --border: rgba(0,212,200,.18);
  --border-hot: rgba(0,212,200,.45);
  --text: #e0f7f6;
  --text-dim: rgba(224,247,246,.5);
  --text-muted: rgba(224,247,246,.28);
  --font-display: 'Orbitron', monospace;
  --font-body: 'Rajdhani', sans-serif;
  --font-mono: 'Share Tech Mono', monospace;
}

*,*::before,*::after { box-sizing:border-box; margin:0; padding:0; }
html { scroll-behavior:smooth; }

body {
  background: var(--bg);
  color: var(--text);
  font-family: var(--font-body);
  font-size: 17px;
  line-height: 1.65;
  overflow-x: hidden;
}

/* ── SCROLLBAR ── */
::-webkit-scrollbar { width:4px; }
::-webkit-scrollbar-track { background:var(--bg); }
::-webkit-scrollbar-thumb { background:var(--teal-dark); }
::-webkit-scrollbar-thumb:hover { background:var(--teal); }

/* ── CURSOR ── */
#cxs-cursor { position:fixed; width:12px; height:12px; background:var(--teal); border-radius:50%; pointer-events:none; z-index:9999; transform:translate(-50%,-50%); transition:transform .1s,width .2s,height .2s; box-shadow:0 0 12px var(--teal),0 0 24px var(--teal); mix-blend-mode:screen; }
#cxs-cursor-ring { position:fixed; width:36px; height:36px; border:1px solid rgba(0,212,200,.5); border-radius:50%; pointer-events:none; z-index:9998; transform:translate(-50%,-50%); transition:transform .18s ease; }
@media(max-width:768px){ #cxs-cursor,#cxs-cursor-ring{ display:none; } body{ cursor:auto; } }

/* ── BG CANVAS ── */
#cxs-canvas { position:fixed; top:0; left:0; width:100%; height:100%; z-index:0; pointer-events:none; }
.cxs-grid-overlay { position:fixed; inset:0; background-image:linear-gradient(rgba(0,212,200,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(0,212,200,.03) 1px,transparent 1px); background-size:60px 60px; z-index:1; pointer-events:none; }
.cxs-scanlines { position:fixed; inset:0; background:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(0,0,0,.06) 2px,rgba(0,0,0,.06) 4px); z-index:2; pointer-events:none; }

.cxs-wrapper { position:relative; z-index:10; }

/* ── TYPOGRAPHY ── */
h1,h2,h3,h4 { font-family:var(--font-display); color:var(--text); line-height:1.2; }
p { color:var(--text-dim); line-height:1.75; }
a { color:var(--teal); text-decoration:none; transition:opacity .3s; }
a:hover { opacity:.8; }
img { max-width:100%; height:auto; }

/* ── NAV ── */
.cxs-nav {
  position:fixed; top:0; left:0; right:0; z-index:100;
  padding:0 5vw; height:72px;
  display:flex; align-items:center; justify-content:space-between;
  background:linear-gradient(180deg,rgba(2,8,16,.95),rgba(2,8,16,0));
  backdrop-filter:blur(12px);
  border-bottom:1px solid rgba(0,212,200,.08);
  transition:border-color .3s;
}
.cxs-nav.scrolled { border-bottom-color:rgba(0,212,200,.15); }
.cxs-nav-logo { font-family:var(--font-display); font-size:1.05rem; font-weight:700; letter-spacing:.12em; color:var(--teal); text-decoration:none; display:flex; align-items:center; gap:10px; text-shadow:0 0 20px rgba(0,212,200,.5); }
.cxs-nav-logo-icon { width:30px; height:30px; }
.cxs-nav-logo-icon svg { width:100%; height:100%; }
.cxs-nav-links { display:flex; gap:2.2rem; list-style:none; }
.cxs-nav-links a { font-size:.78rem; font-weight:600; letter-spacing:.15em; text-transform:uppercase; color:var(--text-dim); text-decoration:none; position:relative; transition:color .3s; }
.cxs-nav-links a::after { content:''; position:absolute; bottom:-4px; left:0; right:100%; height:1px; background:var(--teal); transition:right .3s; }
.cxs-nav-links a:hover { color:var(--teal); opacity:1; }
.cxs-nav-links a:hover::after { right:0; }
.cxs-nav-cta { font-family:var(--font-display); font-size:.68rem; font-weight:600; letter-spacing:.15em; color:var(--bg); background:linear-gradient(135deg,var(--teal),var(--teal-dim)); border:none; padding:.55rem 1.4rem; clip-path:polygon(8px 0%,100% 0%,calc(100% - 8px) 100%,0% 100%); cursor:pointer; transition:box-shadow .3s,transform .2s; text-decoration:none; }
.cxs-nav-cta:hover { box-shadow:0 0 30px rgba(0,212,200,.5); transform:translateY(-1px); color:var(--bg); opacity:1; }
.cxs-hamburger { display:none; flex-direction:column; gap:5px; background:none; border:none; padding:4px; cursor:pointer; }
.cxs-hamburger span { display:block; width:24px; height:1px; background:var(--teal); transition:all .3s; }

/* ── MOBILE NAV ── */
.cxs-mobile-nav { display:none; position:fixed; top:72px; left:0; right:0; z-index:99; background:rgba(2,8,16,.98); border-bottom:1px solid rgba(0,212,200,.15); backdrop-filter:blur(20px); padding:1.5rem 5vw; }
.cxs-mobile-nav.open { display:flex; flex-direction:column; gap:1.2rem; }
.cxs-mobile-nav a { font-size:.9rem; font-weight:600; letter-spacing:.12em; text-transform:uppercase; color:var(--text-dim); }
.cxs-mobile-nav a:hover { color:var(--teal); }

/* ── BUTTONS ── */
.cxs-btn-primary { font-family:var(--font-display); font-size:.72rem; font-weight:700; letter-spacing:.18em; text-transform:uppercase; color:var(--bg); background:linear-gradient(135deg,var(--teal),var(--teal-dim)); border:none; padding:1rem 2.5rem; display:inline-block; clip-path:polygon(12px 0%,100% 0%,calc(100% - 12px) 100%,0% 100%); transition:box-shadow .3s,transform .2s; text-decoration:none; }
.cxs-btn-primary:hover { box-shadow:0 0 40px rgba(0,212,200,.6); transform:translateY(-2px); color:var(--bg); opacity:1; }
.cxs-btn-secondary { font-family:var(--font-display); font-size:.72rem; font-weight:700; letter-spacing:.18em; text-transform:uppercase; color:var(--teal); background:transparent; border:1px solid var(--border-hot); padding:1rem 2.5rem; display:inline-block; transition:background .3s,box-shadow .3s,transform .2s; text-decoration:none; }
.cxs-btn-secondary:hover { background:var(--surface2); box-shadow:0 0 30px rgba(0,212,200,.2); transform:translateY(-2px); color:var(--teal); opacity:1; }

/* ── SECTION COMMONS ── */
section { padding:100px 5vw; position:relative; }
.cxs-section-tag { font-family:var(--font-mono); font-size:.68rem; letter-spacing:.3em; color:var(--teal); text-transform:uppercase; margin-bottom:1rem; display:flex; align-items:center; gap:.8rem; }
.cxs-section-tag::before { content:''; display:inline-block; width:30px; height:1px; background:var(--teal); }
.cxs-section-title { font-family:var(--font-display); font-size:clamp(1.8rem,4vw,3rem); font-weight:700; line-height:1.15; margin-bottom:1.5rem; letter-spacing:-.01em; }
.cxs-section-title .accent { color:var(--teal); }
.cxs-section-desc { font-size:1rem; color:var(--text-dim); max-width:580px; line-height:1.75; }

/* ── HERO ── */
.cxs-hero { min-height:100vh; display:flex; flex-direction:column; align-items:center; justify-content:center; padding:120px 5vw 80px; text-align:center; position:relative; overflow:hidden; }
.cxs-hero-orb { position:absolute; width:600px; height:600px; border-radius:50%; background:radial-gradient(circle at 40% 40%,rgba(0,212,200,.08),rgba(0,168,158,.04) 40%,transparent 70%); border:1px solid rgba(0,212,200,.06); top:50%; left:50%; transform:translate(-50%,-50%); animation:cxsOrbPulse 6s ease-in-out infinite; pointer-events:none; }
.cxs-hero-orb::before { content:''; position:absolute; inset:30px; border-radius:50%; border:1px solid rgba(0,212,200,.08); animation:cxsOrbPulse 6s ease-in-out infinite reverse; }
.cxs-data-line { position:absolute; font-family:var(--font-mono); font-size:.65rem; color:rgba(0,212,200,.2); white-space:nowrap; animation:cxsDataFloat 8s ease-in-out infinite; pointer-events:none; }
.cxs-data-line:nth-child(1){top:20%;left:5%;animation-delay:0s}
.cxs-data-line:nth-child(2){top:35%;right:4%;animation-delay:-2s}
.cxs-data-line:nth-child(3){bottom:30%;left:3%;animation-delay:-4s}
.cxs-data-line:nth-child(4){bottom:20%;right:5%;animation-delay:-6s}
.cxs-hero-badge { font-family:var(--font-mono); font-size:.72rem; letter-spacing:.25em; color:var(--teal); border:1px solid var(--border); padding:.4rem 1.2rem; margin-bottom:2.5rem; display:inline-block; position:relative; background:var(--surface); animation:cxsFadeInDown .8s ease both; }
.cxs-hero-badge::before { content:''; position:absolute; top:-1px; left:20%; width:30%; height:1px; background:linear-gradient(90deg,transparent,var(--teal),transparent); }
.cxs-hero-title { font-family:var(--font-display); font-size:clamp(2.8rem,7vw,6.5rem); font-weight:900; line-height:1; letter-spacing:-.02em; margin-bottom:.15em; animation:cxsFadeInUp .9s ease .2s both; }
.cxs-hero-title .line-white { display:block; color:var(--text); text-shadow:0 0 60px rgba(0,212,200,.15); }
.cxs-hero-title .line-grad { display:block; background:linear-gradient(135deg,var(--teal) 0%,var(--gold) 60%,var(--orange) 100%); -webkit-background-clip:text; -webkit-text-fill-color:transparent; background-clip:text; filter:drop-shadow(0 0 30px rgba(0,212,200,.4)); position:relative; }
.cxs-glitch-wrap::before,.cxs-glitch-wrap::after { content:attr(data-text); position:absolute; top:0; left:0; right:0; overflow:hidden; background:transparent; -webkit-text-fill-color:var(--teal); }
.cxs-glitch-wrap::before { animation:cxsGlitch 4s step-end infinite; -webkit-text-fill-color:var(--orange); opacity:.5; }
.cxs-glitch-wrap::after { animation:cxsGlitch 4s step-end infinite .5s; -webkit-text-fill-color:var(--teal); opacity:.4; }
.cxs-hero-subtitle { font-size:clamp(1rem,2vw,1.2rem); font-weight:300; color:var(--text-dim); max-width:600px; margin:1.5rem auto 3rem; letter-spacing:.04em; animation:cxsFadeInUp .9s ease .35s both; }
.cxs-hero-actions { display:flex; gap:1.2rem; justify-content:center; flex-wrap:wrap; animation:cxsFadeInUp .9s ease .5s both; }

/* ── STATS BAR ── */
.cxs-stats-bar { padding:2rem 5vw; border-top:1px solid var(--border); border-bottom:1px solid var(--border); background:var(--surface); display:grid; grid-template-columns:repeat(4,1fr); gap:2rem; backdrop-filter:blur(8px); }
.cxs-stat-item { text-align:center; padding:1rem; position:relative; }
.cxs-stat-item::after { content:''; position:absolute; right:0; top:20%; bottom:20%; width:1px; background:var(--border); }
.cxs-stat-item:last-child::after { display:none; }
.cxs-stat-num { font-family:var(--font-display); font-size:2rem; font-weight:700; color:var(--teal); text-shadow:0 0 20px rgba(0,212,200,.4); display:block; }
.cxs-stat-label { font-size:.75rem; letter-spacing:.15em; text-transform:uppercase; color:var(--text-dim); margin-top:.2rem; display:block; }

/* ── SERVICES ── */
.cxs-services-header { display:grid; grid-template-columns:1fr 1fr; gap:4rem; align-items:end; margin-bottom:5rem; }
.cxs-services-intro { font-family:var(--font-mono); font-size:.75rem; color:var(--text-muted); line-height:2; border-left:1px solid var(--border); padding-left:1.5rem; }
.cxs-services-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:1.5px; }
.cxs-service-card { background:var(--surface); border:1px solid var(--border); padding:2.5rem 2rem; position:relative; overflow:hidden; transition:background .4s,border-color .4s,transform .3s; }
.cxs-service-card::before { content:''; position:absolute; top:0; left:0; right:0; height:2px; background:linear-gradient(90deg,transparent,var(--teal),transparent); opacity:0; transition:opacity .4s; }
.cxs-service-card::after { content:''; position:absolute; inset:0; background:radial-gradient(circle at 30% 30%,rgba(0,212,200,.06),transparent 60%); opacity:0; transition:opacity .4s; }
.cxs-service-card:hover { background:var(--surface2); border-color:var(--border-hot); transform:translateY(-4px); }
.cxs-service-card:hover::before,.cxs-service-card:hover::after { opacity:1; }
.cxs-svc-icon { width:48px; height:48px; margin-bottom:1.5rem; color:var(--teal); position:relative; z-index:1; }
.cxs-svc-num { font-family:var(--font-mono); font-size:.65rem; color:var(--text-muted); letter-spacing:.2em; margin-bottom:.75rem; position:relative; z-index:1; }
.cxs-svc-name { font-family:var(--font-display); font-size:.95rem; font-weight:700; letter-spacing:.05em; color:var(--text); margin-bottom:.8rem; position:relative; z-index:1; }
.cxs-svc-desc { font-size:.88rem; color:var(--text-dim); line-height:1.7; position:relative; z-index:1; }
.cxs-svc-tag { display:inline-block; margin-top:1.2rem; font-family:var(--font-mono); font-size:.62rem; letter-spacing:.15em; color:var(--teal); border:1px solid rgba(0,212,200,.25); padding:.2rem .7rem; position:relative; z-index:1; }
.cxs-svc-link { position:absolute; inset:0; z-index:5; }

/* ── PROCESS ── */
.cxs-process-layout { display:grid; grid-template-columns:1fr 1.5fr; gap:6rem; align-items:center; }
.cxs-process-step { display:flex; gap:1.5rem; padding:1.8rem 0; border-bottom:1px solid var(--border); transition:padding-left .3s; }
.cxs-process-step:hover { padding-left:.5rem; }
.cxs-step-num { font-family:var(--font-mono); font-size:.65rem; color:var(--teal); min-width:32px; padding-top:.2rem; }
.cxs-step-title { font-family:var(--font-display); font-size:.85rem; font-weight:600; color:var(--text); margin-bottom:.4rem; letter-spacing:.06em; }
.cxs-step-desc { font-size:.85rem; color:var(--text-dim); line-height:1.65; }

/* Hologram */
.cxs-holo-display { aspect-ratio:1; max-width:460px; margin-left:auto; position:relative; }
.cxs-holo-frame { position:absolute; inset:0; border:1px solid var(--border-hot); background:var(--surface); overflow:hidden; }
.cxs-holo-frame::before { content:''; position:absolute; inset:0; background:linear-gradient(45deg,transparent 48%,rgba(0,212,200,.04) 50%,transparent 52%),linear-gradient(-45deg,transparent 48%,rgba(0,212,200,.04) 50%,transparent 52%); background-size:20px 20px; }
.cxs-holo-inner { position:absolute; inset:20px; border:1px solid rgba(0,212,200,.1); display:flex; flex-direction:column; align-items:center; justify-content:center; gap:1rem; }
.cxs-holo-ring { width:180px; height:180px; border-radius:50%; border:1px solid rgba(0,212,200,.3); position:relative; animation:cxsSpin 12s linear infinite; }
.cxs-holo-ring::before { content:''; position:absolute; inset:10px; border-radius:50%; border:1px solid rgba(255,179,0,.2); animation:cxsSpin 8s linear infinite reverse; }
.cxs-holo-ring::after { content:''; position:absolute; inset:30px; border-radius:50%; border:1px solid rgba(0,212,200,.15); }
.cxs-holo-center { position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); font-family:var(--font-display); font-size:.6rem; color:var(--teal); letter-spacing:.2em; text-align:center; line-height:2; animation:cxsHoloPulse 3s ease-in-out infinite; }
.cxs-holo-corner { position:absolute; width:16px; height:16px; border-color:var(--teal); border-style:solid; opacity:.6; }
.cxs-holo-corner.tl{top:0;left:0;border-width:2px 0 0 2px} .cxs-holo-corner.tr{top:0;right:0;border-width:2px 2px 0 0}
.cxs-holo-corner.bl{bottom:0;left:0;border-width:0 0 2px 2px} .cxs-holo-corner.br{bottom:0;right:0;border-width:0 2px 2px 0}
.cxs-holo-data { font-family:var(--font-mono); font-size:.6rem; color:rgba(0,212,200,.5); text-align:left; width:100%; padding:0 1rem; line-height:2; }
.cxs-holo-data .accent { color:var(--gold); }

/* ── CAPABILITIES ── */
.cxs-cap-grid { display:grid; grid-template-columns:repeat(2,1fr); gap:4rem; margin-top:4rem; align-items:start; }
.cxs-cap-visual { position:sticky; top:100px; }
.cxs-tech-sphere { width:100%; aspect-ratio:1; max-width:400px; margin:0 auto; position:relative; }
.cxs-sphere-ring { position:absolute; inset:0; border-radius:50%; border:1px solid rgba(0,212,200,.15); }
.cxs-sphere-ring:nth-child(2){inset:15%;border-color:rgba(255,179,0,.12);animation:cxsSpin 15s linear infinite}
.cxs-sphere-ring:nth-child(3){inset:30%;border-color:rgba(0,212,200,.2);animation:cxsSpin 10s linear infinite reverse}
.cxs-sphere-ring:nth-child(4){inset:45%;background:radial-gradient(circle,rgba(0,212,200,.15),transparent);border-color:rgba(0,212,200,.3);animation:cxsHoloPulse 4s ease-in-out infinite}
.cxs-sphere-label { position:absolute; font-family:var(--font-mono); font-size:.6rem; color:var(--teal); letter-spacing:.15em; white-space:nowrap; }
.cxs-cap-list { display:flex; flex-direction:column; gap:1px; }
.cxs-cap-item { display:grid; grid-template-columns:auto 1fr auto; gap:1rem; align-items:center; padding:1.2rem 1.5rem; border:1px solid var(--border); background:var(--surface); transition:all .3s; }
.cxs-cap-item:hover { border-color:var(--border-hot); background:var(--surface2); transform:translateX(6px); }
.cxs-cap-dot { width:8px; height:8px; border-radius:50%; background:var(--teal); box-shadow:0 0 8px var(--teal); }
.cxs-cap-dot.gold { background:var(--gold); box-shadow:0 0 8px var(--gold); }
.cxs-cap-dot.orange { background:var(--orange); box-shadow:0 0 8px var(--orange); }
.cxs-cap-name { font-size:.9rem; font-weight:500; color:var(--text); letter-spacing:.05em; }
.cxs-cap-bar-wrap { width:80px; height:2px; background:rgba(0,212,200,.1); position:relative; overflow:hidden; }
.cxs-cap-bar { position:absolute; left:0; top:0; bottom:0; background:linear-gradient(90deg,var(--teal),var(--gold)); animation:cxsBarFill 2s ease both; animation-play-state:paused; }

/* ── MANIFESTO ── */
.cxs-manifesto { text-align:center; padding:120px 5vw; overflow:hidden; position:relative; }
.cxs-manifesto-bg { position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); font-family:var(--font-display); font-size:clamp(4rem,14vw,14rem); font-weight:900; color:rgba(0,212,200,.025); letter-spacing:-.03em; white-space:nowrap; pointer-events:none; user-select:none; }
.cxs-manifesto-quote { font-family:var(--font-display); font-size:clamp(1.5rem,3.5vw,2.8rem); font-weight:700; line-height:1.35; max-width:900px; margin:0 auto; position:relative; z-index:1; letter-spacing:-.01em; color:var(--text); }
.cxs-manifesto-quote em { font-style:normal; background:linear-gradient(135deg,var(--teal),var(--gold),var(--orange)); -webkit-background-clip:text; -webkit-text-fill-color:transparent; background-clip:text; }
.cxs-manifesto-sub { font-family:var(--font-mono); font-size:.75rem; color:var(--text-muted); letter-spacing:.2em; margin-top:2rem; position:relative; z-index:1; }

/* ── CONTACT ── */
.cxs-contact-layout { display:grid; grid-template-columns:1fr 1fr; gap:6rem; align-items:start; }
.cxs-contact-tagline { font-size:1.05rem; color:var(--text-dim); line-height:1.75; margin-bottom:2.5rem; }
.cxs-contact-details { display:flex; flex-direction:column; gap:1rem; }
.cxs-contact-item { display:flex; gap:1rem; align-items:center; font-family:var(--font-mono); font-size:.8rem; color:var(--text-dim); }
.cxs-contact-icon { width:32px; height:32px; border:1px solid var(--border); display:flex; align-items:center; justify-content:center; flex-shrink:0; color:var(--teal); }
.cxs-contact-form { display:flex; flex-direction:column; gap:1rem; }
.cxs-form-field { display:flex; flex-direction:column; gap:.4rem; }
.cxs-form-label { font-family:var(--font-mono); font-size:.65rem; letter-spacing:.2em; color:var(--teal); text-transform:uppercase; }
.cxs-form-input,.cxs-form-textarea { background:var(--surface); border:1px solid var(--border); color:var(--text); font-family:var(--font-body); font-size:.95rem; padding:.9rem 1rem; outline:none; transition:border-color .3s,background .3s; width:100%; }
.cxs-form-input:focus,.cxs-form-textarea:focus { border-color:var(--teal); background:var(--surface2); }
.cxs-form-input::placeholder,.cxs-form-textarea::placeholder { color:var(--text-muted); font-size:.88rem; }
.cxs-form-textarea { resize:vertical; min-height:120px; }
.cxs-form-grid { display:grid; grid-template-columns:1fr 1fr; gap:1rem; }
.cxs-form-submit { font-family:var(--font-display); font-size:.72rem; font-weight:700; letter-spacing:.18em; text-transform:uppercase; color:var(--bg); background:linear-gradient(135deg,var(--teal),var(--teal-dim)); border:none; padding:1.1rem; width:100%; cursor:pointer; transition:box-shadow .3s,transform .2s; margin-top:.5rem; clip-path:polygon(8px 0%,100% 0%,calc(100% - 8px) 100%,0% 100%); }
.cxs-form-submit:hover { box-shadow:0 0 40px rgba(0,212,200,.5); transform:translateY(-2px); }
.cxs-form-msg { font-family:var(--font-mono); font-size:.75rem; padding:.8rem 1rem; border-left:3px solid var(--teal); background:var(--surface); color:var(--text); display:none; }
.cxs-form-msg.success { border-left-color:#00e676; }
.cxs-form-msg.error { border-left-color:#ff4545; }

/* ── PAGE HERO (inner pages) ── */
.cxs-page-hero { padding:140px 5vw 80px; position:relative; overflow:hidden; border-bottom:1px solid var(--border); background:var(--bg2); }
.cxs-page-hero .cxs-section-title { font-size:clamp(2rem,5vw,4rem); margin-bottom:1rem; }
.cxs-page-hero p { max-width:600px; font-size:1.05rem; }
.cxs-page-entry { padding:80px 5vw; max-width:860px; }
.cxs-page-entry h2 { font-size:1.6rem; margin:2.5rem 0 1rem; color:var(--teal); }
.cxs-page-entry h3 { font-size:1.2rem; margin:2rem 0 .8rem; color:var(--text); }
.cxs-page-entry p { margin-bottom:1.2rem; }
.cxs-page-entry ul,.cxs-page-entry ol { padding-left:1.5rem; margin-bottom:1.2rem; color:var(--text-dim); }
.cxs-page-entry li { margin-bottom:.5rem; }

/* ── BLOG ── */
.cxs-blog-grid { display:grid; grid-template-columns:repeat(auto-fill,minmax(320px,1fr)); gap:1.5px; }
.cxs-post-card { background:var(--surface); border:1px solid var(--border); position:relative; overflow:hidden; transition:background .3s,border-color .3s,transform .3s; }
.cxs-post-card:hover { background:var(--surface2); border-color:var(--border-hot); transform:translateY(-4px); }
.cxs-post-thumb { display:block; overflow:hidden; aspect-ratio:16/9; }
.cxs-post-thumb img { width:100%; height:100%; object-fit:cover; transition:transform .5s; }
.cxs-post-card:hover .cxs-post-thumb img { transform:scale(1.05); }
.cxs-post-body { padding:1.5rem; }
.cxs-post-meta { font-family:var(--font-mono); font-size:.62rem; letter-spacing:.15em; color:var(--teal); margin-bottom:.75rem; }
.cxs-post-title { font-family:var(--font-display); font-size:1rem; font-weight:700; color:var(--text); margin-bottom:.75rem; letter-spacing:.02em; line-height:1.35; }
.cxs-post-excerpt { font-size:.88rem; color:var(--text-dim); line-height:1.65; }
.cxs-post-read-more { display:inline-flex; align-items:center; gap:.5rem; font-family:var(--font-mono); font-size:.65rem; letter-spacing:.15em; color:var(--teal); margin-top:1rem; }
.cxs-post-read-more::after { content:'→'; transition:transform .3s; }
.cxs-post-card:hover .cxs-post-read-more::after { transform:translateX(4px); }
.cxs-post-link { position:absolute; inset:0; }

/* ── PAGINATION ── */
.cxs-pagination { display:flex; gap:.5rem; justify-content:center; padding:3rem 0; }
.cxs-pagination a,.cxs-pagination span { font-family:var(--font-mono); font-size:.75rem; letter-spacing:.1em; padding:.6rem 1rem; border:1px solid var(--border); color:var(--text-dim); background:var(--surface); transition:all .3s; }
.cxs-pagination a:hover { border-color:var(--teal); color:var(--teal); background:var(--surface2); }
.cxs-pagination .current { border-color:var(--teal); color:var(--teal); background:var(--surface2); }

/* ── 404 ── */
.cxs-404 { min-height:100vh; display:flex; flex-direction:column; align-items:center; justify-content:center; text-align:center; padding:5vw; }
.cxs-404-num { font-family:var(--font-display); font-size:clamp(6rem,20vw,16rem); font-weight:900; color:rgba(0,212,200,.08); line-height:1; }
.cxs-404-title { font-family:var(--font-display); font-size:1.5rem; color:var(--text); margin-bottom:1rem; }

/* ── FOOTER ── */
.cxs-footer { border-top:1px solid var(--border); padding:3rem 5vw 2rem; background:var(--bg); }
.cxs-footer-grid { display:grid; grid-template-columns:1.5fr 1fr 1fr 1fr; gap:4rem; margin-bottom:3rem; }
.cxs-footer-brand {}
.cxs-footer-logo-txt { font-family:var(--font-display); font-size:1rem; font-weight:700; color:var(--teal); letter-spacing:.12em; text-shadow:0 0 20px rgba(0,212,200,.4); margin-bottom:.75rem; display:block; }
.cxs-footer-tagline { font-family:var(--font-mono); font-size:.72rem; color:var(--text-muted); letter-spacing:.08em; line-height:1.8; }
.cxs-footer-social { display:flex; gap:1rem; margin-top:1.5rem; }
.cxs-footer-social a { width:34px; height:34px; border:1px solid var(--border); display:flex; align-items:center; justify-content:center; color:var(--text-muted); transition:all .3s; font-size:.8rem; }
.cxs-footer-social a:hover { border-color:var(--teal); color:var(--teal); }
.cxs-footer-col-title { font-family:var(--font-mono); font-size:.65rem; letter-spacing:.25em; color:var(--teal); text-transform:uppercase; margin-bottom:1.2rem; }
.cxs-footer-links { list-style:none; display:flex; flex-direction:column; gap:.7rem; }
.cxs-footer-links a { font-size:.85rem; color:var(--text-muted); transition:color .3s; letter-spacing:.05em; }
.cxs-footer-links a:hover { color:var(--teal); }
.cxs-footer-bottom { border-top:1px solid var(--border); padding-top:1.5rem; display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap; gap:1rem; }
.cxs-footer-copy { font-family:var(--font-mono); font-size:.65rem; color:var(--text-muted); letter-spacing:.08em; }

/* ── REVEAL ANIMATION ── */
.cxs-reveal { opacity:0; transform:translateY(30px); transition:opacity .7s ease,transform .7s ease; }
.cxs-reveal.visible { opacity:1; transform:translateY(0); }

/* ── BLINK ── */
.cxs-blink { animation:cxsBlink 1s step-end infinite; }

/* ── CTA SECTION ── */
.cxs-cta-section { padding:80px 5vw; text-align:center; background:var(--bg2); border-top:1px solid var(--border); border-bottom:1px solid var(--border); position:relative; overflow:hidden; }
.cxs-cta-title { font-family:var(--font-display); font-size:clamp(1.6rem,3vw,2.5rem); font-weight:700; color:var(--text); margin-bottom:1rem; }
.cxs-cta-desc { color:var(--text-dim); max-width:480px; margin:0 auto 2rem; }
.cxs-cta-btns { display:flex; gap:1rem; justify-content:center; flex-wrap:wrap; }

/* ── KEYFRAMES ── */
@keyframes cxsFadeInDown { from{opacity:0;transform:translateY(-20px)} to{opacity:1;transform:translateY(0)} }
@keyframes cxsFadeInUp { from{opacity:0;transform:translateY(30px)} to{opacity:1;transform:translateY(0)} }
@keyframes cxsOrbPulse { 0%,100%{transform:translate(-50%,-50%) scale(1);opacity:.8} 50%{transform:translate(-50%,-50%) scale(1.05);opacity:1} }
@keyframes cxsDataFloat { 0%,100%{transform:translateY(0);opacity:.2} 50%{transform:translateY(-10px);opacity:.4} }
@keyframes cxsSpin { from{transform:rotate(0deg)} to{transform:rotate(360deg)} }
@keyframes cxsHoloPulse { 0%,100%{opacity:.6} 50%{opacity:1} }
@keyframes cxsBarFill { from{width:0} to{width:var(--w,80%)} }
@keyframes cxsBlink { 0%,100%{opacity:1} 50%{opacity:0} }
@keyframes cxsGlitch {
  0%{clip-path:inset(0 0 95% 0);transform:translateX(-4px)}
  20%{clip-path:inset(40% 0 50% 0);transform:translateX(4px)}
  40%{clip-path:inset(80% 0 5% 0);transform:translateX(-2px)}
  60%{clip-path:inset(20% 0 70% 0);transform:translateX(2px)}
  80%{clip-path:inset(60% 0 30% 0);transform:translateX(-3px)}
  100%{clip-path:inset(0 0 95% 0);transform:translateX(0)}
}

/* ── RESPONSIVE ── */
@media(max-width:1024px) {
  .cxs-services-grid { grid-template-columns:repeat(2,1fr); }
  .cxs-process-layout { grid-template-columns:1fr; }
  .cxs-holo-display { max-width:360px; margin:0 auto; }
  .cxs-cap-grid { grid-template-columns:1fr; }
  .cxs-cap-visual { position:relative; top:auto; }
  .cxs-footer-grid { grid-template-columns:1fr 1fr; gap:2.5rem; }
  .cxs-contact-layout { grid-template-columns:1fr; gap:3rem; }
}
@media(max-width:768px) {
  section { padding:70px 5vw; }
  .cxs-nav-links { display:none; }
  .cxs-nav-cta { display:none; }
  .cxs-hamburger { display:flex; }
  .cxs-services-header { grid-template-columns:1fr; gap:2rem; }
  .cxs-services-grid { grid-template-columns:1fr; }
  .cxs-stats-bar { grid-template-columns:repeat(2,1fr); }
  .cxs-form-grid { grid-template-columns:1fr; }
  .cxs-footer-grid { grid-template-columns:1fr; gap:2rem; }
  .cxs-footer-bottom { flex-direction:column; text-align:center; }
  .cxs-data-line { display:none; }
  .cxs-blog-grid { grid-template-columns:1fr; }
  .cxs-page-entry { padding:50px 5vw; }
}