:root {
  --bg: #f6f8fb;
  --surface: #ffffff;
  --ink: #101828;
  --muted: #667085;
  --line: #e4e7ec;
  --accent: #5b5ce2;
  --accent-soft: #eef0ff;
  --dark: #111827;
  --max: 1120px;
}
* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { margin:0; font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; color:var(--ink); background:var(--bg); line-height:1.6; }
a { color:inherit; text-decoration:none; }
img { max-width:100%; display:block; }
.container { width:min(calc(100% - 32px), var(--max)); margin:0 auto; }
.site-header { position:sticky; top:0; z-index:20; background:rgba(246,248,251,.92); backdrop-filter:blur(14px); border-bottom:1px solid rgba(228,231,236,.9); }
.nav { min-height:72px; display:flex; align-items:center; justify-content:space-between; gap:24px; }
.brand { display:flex; flex-direction:column; align-items:flex-start; line-height:1; }
.brand-main { font-size:22px; font-weight:850; letter-spacing:-.04em; }
.brand-main span { color:var(--accent); }
.brand-sub { margin-top:5px; font-size:9px; font-weight:800; letter-spacing:.16em; text-transform:uppercase; color:#98a2b3; }
.nav-links { display:flex; align-items:center; gap:24px; font-size:14px; font-weight:650; color:#344054; }
.nav-links a:hover { color:var(--accent); }
.hero { padding:72px 0 44px; }
.eyebrow { display:inline-flex; align-items:center; gap:8px; padding:7px 11px; border-radius:999px; background:var(--accent-soft); color:#4849c9; font-size:12px; font-weight:800; text-transform:uppercase; letter-spacing:.08em; }
.hero-grid { display:grid; grid-template-columns:1.05fr .95fr; gap:48px; align-items:center; margin-top:18px; }
h1,h2,h3 { line-height:1.1; letter-spacing:-.035em; margin:0; }
h1 { font-size:clamp(42px,7vw,76px); max-width:800px; }
.hero p { color:var(--muted); font-size:18px; max-width:680px; margin:22px 0 0; }
.meta { display:flex; gap:14px; flex-wrap:wrap; margin-top:24px; color:#667085; font-size:13px; }
.hero-card { min-height:420px; border-radius:28px; padding:28px; background:linear-gradient(145deg,#191b32,#3638a8 55%,#7475f1); position:relative; overflow:hidden; color:white; box-shadow:0 24px 60px rgba(54,56,168,.22); }
.hero-card::before,.hero-card::after { content:""; position:absolute; border-radius:999px; filter:blur(4px); opacity:.4; }
.hero-card::before { width:250px;height:250px; right:-80px; top:-60px; background:#a5b4fc; }
.hero-card::after { width:180px;height:180px; left:-50px; bottom:-50px; background:#67e8f9; }
.ai-window { position:relative; z-index:2; width:100%; background:rgba(255,255,255,.1); border:1px solid rgba(255,255,255,.22); backdrop-filter:blur(16px); border-radius:20px; padding:18px; margin-top:50px; }
.ai-top { display:flex; gap:6px; margin-bottom:18px; }.dot{width:8px;height:8px;border-radius:50%;background:rgba(255,255,255,.55)}
.ai-row { display:grid; grid-template-columns:42px 1fr; gap:12px; align-items:start; margin:14px 0; }
.ai-icon { width:42px;height:42px;border-radius:12px;background:rgba(255,255,255,.16);display:grid;place-items:center;font-weight:800; }
.ai-line { height:9px; border-radius:999px; background:rgba(255,255,255,.22); margin:7px 0; }.ai-line.sm{width:62%}.ai-line.md{width:82%}
.section { padding:56px 0; }
.section-head { display:flex; align-items:end; justify-content:space-between; gap:20px; margin-bottom:24px; }
.section-head h2 { font-size:34px; }.section-head p{margin:0;color:var(--muted);max-width:520px}
.grid { display:grid; grid-template-columns:repeat(3,1fr); gap:20px; }
.card { background:var(--surface); border:1px solid var(--line); border-radius:20px; overflow:hidden; transition:.22s ease; }
.card:hover { transform:translateY(-3px); box-shadow:0 14px 34px rgba(16,24,40,.08); }
.card-art { aspect-ratio:16/10; padding:22px; display:flex; align-items:flex-end; background:linear-gradient(135deg,#eef2ff,#f5f3ff); }
.card-art.finance{background:linear-gradient(135deg,#ecfdf3,#f0fdf4)}.card-art.tech{background:linear-gradient(135deg,#ecfeff,#eff6ff)}
.mini-visual { width:100%;height:100%;border-radius:16px;border:1px solid rgba(91,92,226,.18);background:rgba(255,255,255,.62);display:flex;align-items:end;padding:16px;gap:8px; }
.bar{flex:1;border-radius:8px 8px 3px 3px;background:#818cf8}.bar:nth-child(2){height:55%}.bar:nth-child(3){height:80%}.bar:nth-child(4){height:45%}.bar:nth-child(5){height:70%}
.card-body { padding:20px; }.tag{font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.07em;color:var(--accent)}
.card h3{font-size:21px;margin-top:9px}.card p{color:var(--muted);font-size:14px;margin:10px 0 0}.read{display:inline-block;margin-top:16px;font-size:14px;font-weight:750;color:#3538cd}
.newsletter { background:var(--dark); color:white; border-radius:28px; padding:42px; display:grid; grid-template-columns:1fr auto; gap:32px; align-items:center; }
.newsletter p{color:#cbd5e1;margin:10px 0 0;max-width:620px}.newsletter h2{font-size:34px}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 18px;border-radius:12px;background:white;color:#111827;font-weight:800}
.site-footer { margin-top:64px; border-top:1px solid var(--line); padding:34px 0 48px; color:#667085; font-size:13px; }.footer-row{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}.footer-links{display:flex;gap:18px;flex-wrap:wrap}
.article-wrap { width:min(calc(100% - 32px), 780px); margin:0 auto; padding:70px 0 40px; }.article-wrap h1{font-size:clamp(40px,7vw,64px)}.article-dek{font-size:20px;color:var(--muted);margin:22px 0}.article-note{background:var(--accent-soft);border:1px solid #d8dcff;border-radius:16px;padding:16px 18px;color:#4143a6;font-size:14px;margin:26px 0}.article-wrap h2{font-size:30px;margin:42px 0 14px}.article-wrap p{font-size:17px;color:#344054;margin:0 0 20px}.article-wrap ul{color:#344054;padding-left:20px}.article-wrap li{margin:8px 0}.article-hero{height:360px;border-radius:24px;background:linear-gradient(145deg,#191b32,#3638a8 55%,#7475f1);margin:32px 0;display:grid;place-items:center;color:white;font-size:54px;font-weight:900;letter-spacing:-.06em}.page { width:min(calc(100% - 32px), 820px); margin:0 auto; padding:72px 0; }.page h1{font-size:52px}.page h2{font-size:26px;margin:34px 0 10px}.page p,.page li{color:#475467}.contact-box{margin-top:28px;padding:24px;background:white;border:1px solid var(--line);border-radius:18px}
@media(max-width:820px){.nav-links{gap:14px}.nav-links a:nth-child(-n+3){display:none}.hero{padding-top:46px}.hero-grid{grid-template-columns:1fr;gap:30px}.hero-card{min-height:330px}.grid{grid-template-columns:1fr}.newsletter{grid-template-columns:1fr;padding:30px}.section-head{align-items:start;flex-direction:column}.article-hero{height:260px}.page h1{font-size:42px}}
@media(max-width:520px){.container{width:min(calc(100% - 24px),var(--max))}.nav{min-height:64px}.hero{padding-top:34px}.hero-card{padding:18px;border-radius:22px}.ai-window{margin-top:34px}.section{padding:40px 0}.newsletter{border-radius:22px}.article-wrap,.page{width:min(calc(100% - 24px),820px);padding-top:44px}}

.card-link{display:block;height:100%}.more-grid{margin-top:20px}.article-kicker{font-size:13px;color:#667085;margin-top:10px}.article-wrap blockquote{margin:26px 0;padding:18px 20px;border-left:3px solid var(--accent);background:#fff;border-radius:0 14px 14px 0;color:#344054}.brand:hover .brand-main{color:#3538cd}

/* Lightweight editorial covers */
.hero-cover-link{display:block;border-radius:28px;overflow:hidden;box-shadow:0 24px 60px rgba(54,56,168,.14);background:#fff}
.hero-cover{width:100%;height:auto;aspect-ratio:16/10;object-fit:cover}
.card-art.image-art{padding:0;background:#eef2f7;overflow:hidden}
.card-art.image-art img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}
.card:hover .card-art.image-art img{transform:scale(1.025)}
.article-cover{margin:32px 0 36px;border-radius:24px;overflow:hidden;background:#eef2f7}
.article-cover img{width:100%;height:auto;display:block;aspect-ratio:16/10;object-fit:cover}
@media(max-width:820px){.hero-cover-link,.article-cover{border-radius:20px}}

.thumb-debate{
  min-height:180px;
  background:
    radial-gradient(circle at 28% 42%,#c7d2fe 0 12%,transparent 13%),
    radial-gradient(circle at 72% 42%,#d8c7c2 0 12%,transparent 13%),
    linear-gradient(115deg,transparent 0 45%,rgba(255,255,255,.65) 46% 54%,transparent 55%),
    linear-gradient(135deg,#eef2ff,#dbe4ee);
}

.thumb-debate{width:100%;height:100%;min-height:0;}

.footer-links .cookie-settings-link{
  margin:0;
  padding:0;
  border:0;
  background:transparent;
  color:inherit;
  text-decoration:none;
  border-radius:0;
  cursor:pointer;
  font:inherit;
}
.footer-links .cookie-settings-link:hover{text-decoration:underline}