.codex-home,.codex-products,.codex-tech,.codex-product-detail{background:#06080f;color:#eaf6ff;padding:48px 20px 72px}
.codex-home a,.codex-products a,.codex-tech a,.codex-product-detail a{color:#eaffff;text-decoration:none}
.codex-home-hero,.codex-page-hero,.codex-tech-hero{max-width:1180px;margin:0 auto 48px;padding:72px 28px;border:1px solid rgba(0,212,255,.22);border-radius:24px;background:radial-gradient(circle at 20% 20%,rgba(0,212,255,.22),transparent 32%),radial-gradient(circle at 80% 20%,rgba(255,122,26,.18),transparent 30%),linear-gradient(135deg,#07111f,#090d18)}
.codex-home-hero h1,.codex-page-hero h1,.codex-tech-hero h1,.codex-product-hero h1{font-size:clamp(34px,5vw,64px);line-height:1.08;margin:14px 0;color:#fff}
.codex-home-hero p,.codex-page-hero p,.codex-tech-hero p,.codex-product-hero p{font-size:18px;line-height:1.8;color:#b8c8d8;max-width:880px}
.codex-home-hero span,.codex-tech-hero span,.codex-kicker{color:#00d4ff;font-weight:800;letter-spacing:.08em}
.codex-home-hero strong,.codex-page-hero strong,.codex-tech-hero strong{display:block;margin-top:18px;color:#ffb16a}
.codex-home-hero a,.codex-product-cta a,.codex-product-actions a{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 18px;margin:12px 10px 0 0;border-radius:10px;background:#00a6ff;color:#fff;font-weight:800;box-shadow:0 0 24px rgba(0,166,255,.3)}
.codex-product-section,.codex-product-detail section,.codex-tech section{max-width:1180px;margin:42px auto}
.codex-product-section h2,.codex-product-detail h2,.codex-tech h2{font-size:30px;color:#fff}
.codex-product-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.codex-product-card{border:1px solid rgba(0,212,255,.18);border-radius:18px;overflow:hidden;background:rgba(8,18,35,.8);box-shadow:0 16px 44px rgba(0,0,0,.26);display:flex;flex-direction:column}
.codex-card-img{display:block;aspect-ratio:10/7;background:#07111f;overflow:hidden}
.codex-card-img img,.codex-product-hero img{display:block;width:100%;height:100%;object-fit:cover}
.codex-card-body{padding:18px;display:flex;flex-direction:column;gap:10px;flex:1}
.codex-card-body span{color:#00ffb8;font-size:13px;font-weight:800}
.codex-card-body h3{font-size:21px;color:#fff;margin:0}
.codex-card-body p,.codex-detail-grid p,.codex-product-detail p,.codex-tech p{color:#b8c8d8;line-height:1.75;margin:0}
.codex-card-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:auto}
.codex-card-actions a{border:1px solid rgba(0,212,255,.4);border-radius:9px;padding:10px;text-align:center}
.codex-card-actions a.primary{background:#00a6ff;border-color:#00a6ff;color:#fff}
.codex-product-hero{max-width:1180px;margin:0 auto 42px;display:grid;grid-template-columns:1fr 1fr;gap:32px;align-items:center}
.codex-product-hero figure{margin:0;border-radius:20px;overflow:hidden;border:1px solid rgba(0,212,255,.2)}
.codex-detail-grid,.codex-tech-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}
.codex-tech-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.codex-detail-grid article,.codex-tech-grid article,.codex-product-detail section{border:1px solid rgba(0,212,255,.16);border-radius:18px;background:rgba(8,18,35,.72);padding:24px}
.codex-spec-table{width:100%;border-collapse:collapse;color:#dff8ff;background:rgba(8,18,35,.72);border-radius:16px;overflow:hidden}
.codex-spec-table th,.codex-spec-table td{border:1px solid rgba(0,212,255,.16);padding:14px;text-align:left}
.codex-spec-table th{width:220px;color:#00d4ff}
.codex-chip-list{display:flex;flex-wrap:wrap;gap:12px;padding:0;list-style:none}
.codex-chip-list li{padding:10px 14px;border:1px solid rgba(0,212,255,.3);border-radius:999px;color:#eaf6ff;background:rgba(0,212,255,.08)}
.codex-note{color:#8ea4b8!important;font-size:14px!important;margin-top:12px!important}
.codex-product-cta{text-align:center;border:1px solid rgba(255,122,26,.26);border-radius:22px;background:linear-gradient(135deg,rgba(0,212,255,.12),rgba(255,122,26,.1));padding:34px!important}
details{border-top:1px solid rgba(0,212,255,.12);padding:14px 0;color:#b8c8d8}
summary{cursor:pointer;color:#fff;font-weight:800}
@media(max-width:900px){.codex-product-grid,.codex-product-hero,.codex-detail-grid,.codex-tech-grid{grid-template-columns:1fr}.codex-home,.codex-products,.codex-tech,.codex-product-detail{padding:28px 14px 52px}}