/*
Theme Name: CEOYO
Theme URI: https://ceoyo.example
Author: CEOYO
Author URI: https://ceoyo.example
Description: A clean, accessible theme tailored for CEOYO’s mission—making it easy for anyone to speak directly to a company’s CEO. Includes a submission page template, AJAX intake, a private CPT for messages, and branded front page.
Version: 1.0.0
License: GPL-2.0-or-later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: ceoyo
Tags: clean, accessibility-ready, minimal, business, corporate
*/

:root{
  --ceoyo-bg:#0b1220;
  --ceoyo-card:#111a2e;
  --ceoyo-accent:#24d3ee;
  --ceoyo-accent-2:#38bdf8;
  --ceoyo-text:#e6f1ff;
  --ceoyo-muted:#98a2b3;
  --radius-xl:1.2rem;
}

*{box-sizing:border-box;}
html{scroll-behavior:smooth;}
body{
  margin:0;
  font-family: system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif;
  background:linear-gradient(180deg,var(--ceoyo-bg),#060a14 50%,var(--ceoyo-bg));
  color:var(--ceoyo-text);
  line-height:1.6;
}

a{color:var(--ceoyo-accent);text-decoration:none}
a:hover{text-decoration:underline}

.container{
  width:min(1120px,92vw);
  margin-inline:auto;
  padding:24px;
}

.site-header{
  position:sticky; top:0; backdrop-filter:saturate(140%) blur(6px);
  background:rgba(6,10,20,.6); border-bottom:1px solid rgba(255,255,255,.06);
  z-index:10;
}
.navbar{display:flex;align-items:center;justify-content:space-between;gap:16px;}
.brand{display:flex;align-items:center;gap:12px;}
.brand .logo{width:38px;height:38px;border-radius:10px;background:radial-gradient(80% 120% at 0% 0%,var(--ceoyo-accent-2),var(--ceoyo-accent));display:inline-block}
.brand .title{font-size:1.15rem;font-weight:700;letter-spacing:.2px}
nav ul{display:flex;gap:18px;list-style:none;margin:0;padding:0}
nav a{padding:10px 12px;border-radius:10px}
nav a:hover{background:rgba(255,255,255,.06);text-decoration:none}

.hero{
  padding:72px 0 36px 0;
  display:grid; gap:22px;
}
.hero h1{
  font-size: clamp(2rem, 3.6vw, 3rem);
  line-height:1.15;
  margin:0;
}
.hero p{color:var(--ceoyo-muted); font-size:1.1rem; margin:0 0 8px 0;}
.cta-row{display:flex;flex-wrap:wrap;gap:12px;margin-top:8px}
.btn{
  display:inline-flex; align-items:center; justify-content:center;
  padding:12px 16px; border-radius:12px; font-weight:600; border:1px solid rgba(255,255,255,.12);
  background:linear-gradient(180deg,rgba(36,211,238,.2),rgba(36,211,238,.06));
  color:var(--ceoyo-text);
}
.btn:hover{transform:translateY(-1px); box-shadow:0 8px 24px rgba(36,211,238,.1); text-decoration:none}
.btn.secondary{background:transparent}

.cards{
  display:grid; grid-template-columns:repeat(12,1fr); gap:16px; margin:36px 0 8px;
}
.card{
  grid-column: span 12;
  background:var(--ceoyo-card);
  border:1px solid rgba(255,255,255,.08);
  border-radius: var(--radius-xl);
  padding:20px;
}
@media(min-width:860px){
  .card.third{grid-column:span 4}
}

.card h3{margin:.2rem 0 .4rem 0}
.card p{color:var(--ceoyo-muted)}

.site-footer{margin-top:48px;padding:24px 0;border-top:1px solid rgba(255,255,255,.08);color:var(--ceoyo-muted);}
.site-footer a{color:var(--ceoyo-text)}
.site-footer .footer-inner{display:flex;flex-wrap:wrap;gap:20px;align-items:center;justify-content:space-between}

.form-card{background:var(--ceoyo-card); border:1px solid rgba(255,255,255,.08); border-radius:var(--radius-xl); padding:22px; margin:16px 0}
label{display:block; font-weight:600; margin:16px 0 6px}
input[type=text],input[type=email],input[type=datetime-local],select,textarea{
  width:100%; padding:12px 12px; background:#0a111f; color:var(--ceoyo-text);
  border:1px solid rgba(255,255,255,.12); border-radius:12px; outline:none;
}
textarea{min-height:140px; resize:vertical;}
.helper{font-size:.92rem;color:var(--ceoyo-muted)}
.badge{display:inline-flex;padding:6px 10px;border-radius:999px;background:rgba(36,211,238,.16);border:1px solid rgba(36,211,238,.3);font-weight:600;gap:8px;align-items:center}

.notice{padding:12px 14px;border-radius:12px;margin:10px 0;border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.04)}
.notice.success{border-color:rgba(36,211,238,.45); background:rgba(36,211,238,.12)}
.notice.error{border-color:#ef4444; background:rgba(239,68,68,.12)}

.small{font-size:.92rem;color:var(--ceoyo-muted);}
*/