/*
Theme Name: InkBytes
Theme URI: https://inkbytes.news
Author: InkBytes
Author URI: https://inkbytes.news
Description: Marketing landing theme for InkBytes — one elegant page per event, synthesized from many trusted sources. Single-page, ad-free, citation-traceable design.
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Requires at least: 6.0
Requires PHP: 7.4
Text Domain: inkbytes
*/

:root{
  --ink:#111111; --ink-muted:#666666; --border:#e5e5e5;
  --bg:#fafaf9; --accent:#1a1a2e; --accent-dot:#e05c5c;
  --accent-soft:#2a2a44; --maxw:1120px;
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{
  font-family:'Inter',system-ui,sans-serif;color:var(--ink);background:var(--bg);
  -webkit-font-smoothing:antialiased;line-height:1.55;
}
a{color:inherit;text-decoration:none}
.wrap{max-width:var(--maxw);margin:0 auto;padding:0 24px}
.serif{font-family:'Newsreader',Georgia,serif}
.accent{color:var(--accent-dot)}

/* ---------- header ---------- */
header{position:sticky;top:0;z-index:50;background:rgba(250,250,249,.85);backdrop-filter:blur(10px);border-bottom:1px solid var(--border)}
.nav{display:flex;align-items:center;justify-content:space-between;height:64px}
.brand{display:flex;align-items:center;gap:10px;font-weight:800;letter-spacing:-.02em;font-size:19px;color:var(--accent)}
.brand svg{height:26px;width:auto;color:var(--accent)}
.navlinks{display:flex;gap:28px;align-items:center;font-size:14px;font-weight:500;color:var(--ink-muted)}
.navlinks a:hover{color:var(--ink)}
.btn{display:inline-block;font-weight:600;font-size:14px;padding:10px 18px;border-radius:999px;transition:.18s;cursor:pointer;border:1px solid transparent}
.btn-primary{background:var(--accent);color:#fff}
.btn-primary:hover{background:var(--accent-soft);transform:translateY(-1px)}
.btn-ghost{border-color:var(--border);color:var(--ink)}
.btn-ghost:hover{border-color:var(--accent);color:var(--accent)}
.navlinks .btn{color:#fff}
@media(max-width:760px){.navlinks a:not(.btn){display:none}}

/* ---------- hero ---------- */
.hero{padding:84px 0 56px;text-align:center;position:relative;overflow:hidden}
.eyebrow{display:inline-flex;align-items:center;gap:8px;font-size:12.5px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--accent);background:#1a1a2e10;border:1px solid #1a1a2e22;padding:6px 14px;border-radius:999px;margin-bottom:26px}
.pulse{width:7px;height:7px;border-radius:50%;background:var(--accent-dot);box-shadow:0 0 0 0 var(--accent-dot);animation:pulse 2s infinite}
@keyframes pulse{0%{box-shadow:0 0 0 0 #e05c5c66}70%{box-shadow:0 0 0 8px #e05c5c00}100%{box-shadow:0 0 0 0 #e05c5c00}}
h1{font-family:'Newsreader',serif;font-weight:500;font-size:clamp(38px,6vw,68px);line-height:1.05;letter-spacing:-.02em;max-width:14ch;margin:0 auto 22px}
.sub{font-size:clamp(17px,2.2vw,21px);color:var(--ink-muted);max-width:60ch;margin:0 auto 34px}
.cta-row{display:flex;gap:14px;justify-content:center;flex-wrap:wrap}
.btn-lg{padding:14px 28px;font-size:15.5px}
.micro{margin-top:16px;font-size:13px;color:var(--ink-muted)}

/* event mock */
.mock{max-width:760px;margin:54px auto 0;background:#fff;border:1px solid var(--border);border-radius:16px;box-shadow:0 24px 60px -28px #1a1a2e44;text-align:left;overflow:hidden}
.mock-top{display:flex;align-items:center;gap:8px;padding:14px 18px;border-bottom:1px solid var(--border)}
.dot{width:10px;height:10px;border-radius:50%;background:#e5e5e5}
.mock-url{margin-left:10px;font-size:12.5px;color:var(--ink-muted)}
.mock-body{padding:26px 28px}
.mock-tag{font-size:11.5px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--accent-dot)}
.mock-h{font-family:'Newsreader',serif;font-size:27px;line-height:1.18;margin:8px 0 12px}
.mock-meta{display:flex;gap:14px;flex-wrap:wrap;font-size:12.5px;color:var(--ink-muted);margin-bottom:16px}
.chips{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:18px}
.chip{font-size:12px;font-weight:600;padding:5px 11px;border-radius:999px;background:#1a1a2e0d;color:var(--accent);border:1px solid #1a1a2e1a}
.mock-p{font-size:15px;color:#333;margin-bottom:12px}
.src{display:flex;align-items:center;gap:8px;font-size:12.5px;color:var(--ink-muted);padding-top:14px;border-top:1px dashed var(--border)}
.src b{color:var(--ink)}

/* ---------- sections ---------- */
section{padding:72px 0}
.kicker{font-size:13px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--accent-dot);text-align:center;margin-bottom:12px}
h2{font-family:'Newsreader',serif;font-weight:500;font-size:clamp(28px,4vw,42px);line-height:1.12;text-align:center;letter-spacing:-.01em;max-width:20ch;margin:0 auto 18px}
.lead{text-align:center;color:var(--ink-muted);font-size:18px;max-width:62ch;margin:0 auto 48px}

.band{background:var(--accent);color:#f4f4f6}
.band .kicker{color:#9aa0c4}
.band h2{color:#fff}
.band .lead{color:#c4c7da}

/* problem */
.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
@media(max-width:820px){.grid3{grid-template-columns:1fr}}
.card{background:#fff;border:1px solid var(--border);border-radius:14px;padding:28px}
.band .card{background:#22223c;border-color:#33334e}
.card .ico{font-size:24px;margin-bottom:14px;display:block}
.card h3{font-size:18px;font-weight:700;margin-bottom:8px}
.card p{font-size:14.5px;color:var(--ink-muted)}
.band .card p{color:#b6b9d0}
.band .card h3{color:#fff}

/* steps */
.steps{display:grid;grid-template-columns:repeat(5,1fr);gap:14px;counter-reset:s}
@media(max-width:920px){.steps{grid-template-columns:repeat(2,1fr)}}
@media(max-width:520px){.steps{grid-template-columns:1fr}}
.step{background:#fff;border:1px solid var(--border);border-radius:14px;padding:24px 20px;position:relative}
.step .n{width:30px;height:30px;border-radius:8px;background:var(--accent);color:#fff;font-weight:800;font-size:14px;display:grid;place-items:center;margin-bottom:14px}
.step h3{font-size:15.5px;font-weight:700;margin-bottom:6px}
.step p{font-size:13.5px;color:var(--ink-muted)}

/* compare table */
.tbl{width:100%;border-collapse:collapse;background:#fff;border:1px solid var(--border);border-radius:14px;overflow:hidden;font-size:14.5px}
.tbl th,.tbl td{padding:15px 18px;text-align:left;border-bottom:1px solid var(--border)}
.tbl thead th{background:#1a1a2e08;font-size:12.5px;letter-spacing:.04em;text-transform:uppercase;color:var(--ink-muted)}
.tbl tr:last-child td{border-bottom:none}
.tbl td:first-child{font-weight:600}
.tbl .ink-col{color:var(--accent);font-weight:600}
.yes{color:#1a8a4a;font-weight:700}
.no{color:#b6b9c4}
@media(max-width:680px){.tbl{font-size:13px}.tbl th,.tbl td{padding:11px 12px}}

/* features */
.grid2{display:grid;grid-template-columns:repeat(2,1fr);gap:22px}
@media(max-width:760px){.grid2{grid-template-columns:1fr}}
.feat{display:flex;gap:16px;align-items:flex-start}
.feat .fi{flex:0 0 44px;height:44px;width:44px;border-radius:11px;background:#1a1a2e0d;display:grid;place-items:center;font-size:20px}
.feat h3{font-size:16.5px;font-weight:700;margin-bottom:5px}
.feat p{font-size:14.5px;color:var(--ink-muted)}

/* pricing */
.price-wrap{display:grid;grid-template-columns:1fr 1fr;gap:22px;max-width:760px;margin:0 auto}
@media(max-width:680px){.price-wrap{grid-template-columns:1fr}}
.plan{background:#fff;border:1px solid var(--border);border-radius:18px;padding:34px 30px}
.plan.pro{border-color:var(--accent);box-shadow:0 20px 50px -26px #1a1a2e55;position:relative}
.plan.pro .badge{position:absolute;top:-13px;left:50%;transform:translateX(-50%);background:var(--accent-dot);color:#fff;font-size:11.5px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;padding:5px 14px;border-radius:999px}
.plan h3{font-size:17px;font-weight:700;margin-bottom:6px}
.plan .amt{font-family:'Newsreader',serif;font-size:46px;line-height:1;margin:6px 0 4px}
.plan .amt small{font-size:15px;color:var(--ink-muted);font-family:'Inter';font-weight:500}
.plan ul{list-style:none;margin:20px 0 24px}
.plan li{font-size:14.5px;padding:8px 0 8px 26px;position:relative;color:#333}
.plan li:before{content:"✓";position:absolute;left:0;color:var(--accent-dot);font-weight:800}
.plan li.off{color:var(--ink-muted)}
.plan li.off:before{content:"–";color:var(--border)}
.plan .btn{width:100%;text-align:center}

/* audience */
.aud{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;max-width:820px;margin:0 auto}
.aud span{font-size:14px;font-weight:500;background:#fff;border:1px solid var(--border);border-radius:999px;padding:9px 18px}

/* final cta */
.final{text-align:center}
.final h2{color:#fff;max-width:24ch}
.final p{color:#c4c7da;font-size:18px;max-width:50ch;margin:0 auto 30px}

footer{border-top:1px solid #33334e;background:var(--accent);color:#9aa0c4;font-size:13.5px;padding:40px 0}
.foot{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:16px}
.foot .brand{color:#fff}.foot .brand svg{color:#fff}
.foot a:hover{color:#fff}
.foot-links{display:flex;gap:22px}

/* ---------- WordPress admin-bar offset (logged-in only) ---------- */
.admin-bar header{top:32px}
@media screen and (max-width:782px){.admin-bar header{top:46px}}