/*
Theme Name: BYTR AI
Theme URI: https://Bytr-AI.app
Author: BYTR AI Team
Description: A lightweight, responsive WordPress theme for BYTR AI-powered sites.
Version: 1.0.0
Requires at least: 6.0
Requires PHP: 8.0
License: GPL v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: bytr-ai
*/

:root { --bytr-ink:#101827; --bytr-muted:#64748b; --bytr-brand:#6d28d9; --bytr-cyan:#06b6d4; --bytr-surface:#f8fafc; --bytr-border:#e2e8f0; }
* { box-sizing:border-box; }
body { margin:0; color:var(--bytr-ink); background:#fff; font-family:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; line-height:1.6; }
a { color:var(--bytr-brand); text-decoration:none; }
a:hover { text-decoration:underline; }
.bytr-container { width:min(1120px, calc(100% - 40px)); margin-inline:auto; }
.bytr-header { border-bottom:1px solid var(--bytr-border); background:#fff; position:relative; z-index:2; }
.bytr-header-inner { display:flex; align-items:center; justify-content:space-between; min-height:72px; gap:24px; }
.bytr-brand { color:var(--bytr-ink); font-size:1.3rem; font-weight:800; letter-spacing:-.04em; display:inline-flex; align-items:center; gap:.18em; }
.bytr-brand img { width:28px; height:28px; display:block; }
.bytr-brand span { color:var(--bytr-brand); animation:bytr-logo-flash 2.8s ease-in-out infinite; text-shadow:0 0 0 rgba(6,182,212,0); }
@keyframes bytr-logo-flash { 0%, 65%, 100% { transform:scale(1); color:var(--bytr-brand); text-shadow:0 0 0 rgba(6,182,212,0); } 72% { transform:scale(1.08); color:var(--bytr-cyan); text-shadow:0 0 18px rgba(6,182,212,.72), 0 0 34px rgba(109,40,217,.35); } 78% { transform:scale(1); color:#8b5cf6; text-shadow:0 0 8px rgba(139,92,246,.65); } }
@media (prefers-reduced-motion:reduce) { .bytr-brand span { animation:none; } }
.bytr-nav { display:flex; gap:20px; align-items:center; flex-wrap:wrap; }
.bytr-nav a { color:var(--bytr-muted); font-size:.95rem; font-weight:600; }
.bytr-hero { background:radial-gradient(circle at 80% 20%, rgba(6,182,212,.17), transparent 34%), linear-gradient(135deg,#faf5ff 0%,#fff 55%,#ecfeff 100%); padding:112px 0 96px; }
.bytr-eyebrow { color:var(--bytr-brand); font-weight:800; letter-spacing:.12em; text-transform:uppercase; font-size:.78rem; }
.bytr-hero h1 { max-width:760px; margin:14px 0 18px; font-size:clamp(2.5rem,7vw,5.2rem); line-height:1.02; letter-spacing:-.07em; }
.bytr-hero p { max-width:640px; color:var(--bytr-muted); font-size:1.2rem; }
.bytr-actions { display:flex; flex-wrap:wrap; gap:12px; margin-top:30px; }
.bytr-button { display:inline-flex; align-items:center; justify-content:center; border-radius:10px; padding:12px 18px; font-weight:800; border:1px solid var(--bytr-brand); background:var(--bytr-brand); color:#fff; }
.bytr-button:hover { text-decoration:none; filter:brightness(.95); }
.bytr-button.secondary { background:#fff; color:var(--bytr-brand); }
.bytr-section { padding:76px 0; }
.bytr-section h2 { font-size:clamp(1.8rem,4vw,3rem); line-height:1.1; letter-spacing:-.05em; margin:0 0 12px; }
.bytr-lead { color:var(--bytr-muted); max-width:680px; }
.bytr-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:18px; margin-top:34px; }
.bytr-card { border:1px solid var(--bytr-border); border-radius:16px; padding:24px; background:#fff; box-shadow:0 10px 30px rgba(15,23,42,.05); }
.bytr-card h3 { margin:0 0 8px; font-size:1.2rem; }
.bytr-card p { color:var(--bytr-muted); margin:0; }
.bytr-content { padding:60px 0; }
.bytr-footer { border-top:1px solid var(--bytr-border); color:var(--bytr-muted); padding:28px 0; font-size:.9rem; }
@media (max-width:760px) { .bytr-header-inner { align-items:flex-start; flex-direction:column; padding:16px 0; } .bytr-grid { grid-template-columns:1fr; } .bytr-hero { padding:76px 0; } }