/* ============================================================
   CYBERSPHERE — Home page styles (scoped under #cs-home)
   Dark-mode-first · signal-green on near-black.
   Tudo escopado em #cs-home para não conflitar com o tema WP.
   ============================================================ */

@import url("https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:ital,wght@0,400;0,500;0,600;0,700;0,800;1,400&family=Poppins:wght@400;500;600&family=JetBrains+Mono:wght@400;600&display=swap");

/* ---------- TOKENS (scoped) ---------- */
#cs-home{
  --cs-green:#28D600; --cs-green-bright:#4DF221; --cs-green-deep:#1FA800;
  --accent:#28D600; --accent-bright:#4DF221; --accent-deep:#1FA800;
  --accent-rgb:40,214,0;

  --ink-1000:#050705; --ink-950:#0A0D0A; --ink-900:#101410; --ink-850:#161A16;
  --ink-800:#1E1E1E; --ink-700:#262B26; --ink-600:#353B35; --ink-500:#4A524A;

  --fg-1:#FFFFFF; --fg-2:#C2CABF; --fg-muted:#899085; --fg-faint:#5C635B;
  --fg-on-green:#06200A;

  --status-info:#3DA6FF; --status-warn:#FFB020; --status-crit:#FF3B45;

  --font-display:"Plus Jakarta Sans",system-ui,sans-serif;
  --font-body:"Plus Jakarta Sans",system-ui,sans-serif;
  --font-alt:"Poppins","Plus Jakarta Sans",system-ui,sans-serif;
  --font-mono:"JetBrains Mono",ui-monospace,Menlo,monospace;

  --bodyfont:var(--font-body);

  --r-sm:8px; --r-md:12px; --r-lg:16px; --r-xl:24px; --r-pill:999px;
  --maxw:1200px;
  --glow:0 0 0 1px rgba(var(--accent-rgb),.35), 0 0 24px rgba(var(--accent-rgb),.28);
  --hero-bg-opacity:.85;
  --reveal-dist:18px;

  font-family:var(--font-body);
  color:var(--fg-1);
  background:var(--ink-950);
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
  line-height:1.5;
  position:relative;
  overflow-x:clip;
}

#cs-home *,#cs-home *::before,#cs-home *::after{box-sizing:border-box;}
#cs-home ::selection{background:rgba(var(--accent-rgb),.3);}
#cs-home img{display:block;max-width:100%;}
#cs-home a{color:inherit;text-decoration:none;}
#cs-home button{font-family:inherit;}
#cs-home h1,#cs-home h2,#cs-home h3,#cs-home h4,#cs-home p{margin:0;}
#cs-home ul{margin:0;padding:0;list-style:none;}

/* ---------- LAYOUT SHELL ---------- */
#cs-home .cs-wrap{max-width:var(--maxw);margin:0 auto;padding:0 32px;}
#cs-home .cs-section{position:relative;}

/* ---------- TYPE HELPERS ---------- */
#cs-home .eyebrow{
  font-family:var(--font-display);font-weight:700;font-size:13px;
  letter-spacing:.18em;text-transform:uppercase;color:var(--accent);
  display:inline-flex;align-items:center;gap:10px;
}
#cs-home .eyebrow .dot{width:6px;height:6px;border-radius:50%;background:var(--accent);box-shadow:0 0 8px var(--accent);}

#cs-home h1.display{
  font-family:var(--font-display);font-weight:800;font-size:clamp(40px,6.2vw,72px);
  line-height:1.02;letter-spacing:-.025em;color:#fff;text-wrap:balance;
}
#cs-home h2.h2{
  font-family:var(--font-display);font-weight:800;font-size:clamp(30px,3.6vw,42px);
  line-height:1.08;letter-spacing:-.02em;color:#fff;text-wrap:balance;
}
#cs-home .lede{font-family:var(--bodyfont);font-size:clamp(16px,1.4vw,19px);line-height:1.6;color:var(--fg-2);}
#cs-home .accent{color:var(--accent);}

/* ---------- BUTTONS ---------- */
#cs-home .btn{
  font-family:var(--font-display);font-weight:700;font-size:15px;border-radius:10px;
  padding:13px 22px;cursor:pointer;border:1px solid transparent;display:inline-flex;
  align-items:center;gap:9px;white-space:nowrap;transition:all .18s cubic-bezier(.2,.7,.2,1);
}
#cs-home .btn svg{width:17px;height:17px;}
#cs-home .btn.lg{padding:16px 28px;font-size:17px;}
#cs-home .btn.sm{padding:9px 16px;font-size:14px;}
#cs-home .btn-primary{background:var(--accent);color:var(--fg-on-green);box-shadow:0 0 24px rgba(var(--accent-rgb),.22);}
#cs-home .btn-primary:hover{background:var(--accent-bright);box-shadow:0 0 34px rgba(var(--accent-rgb),.42);transform:translateY(-1px);}
#cs-home .btn-primary:active{background:var(--accent-deep);transform:scale(.98);}
#cs-home .btn-secondary{background:transparent;color:#fff;border-color:var(--ink-700);}
#cs-home .btn-secondary:hover{border-color:var(--accent);color:var(--accent);}
#cs-home .btn-outline{background:transparent;color:var(--accent);border-color:var(--accent);}
#cs-home .btn-outline:hover{background:rgba(var(--accent-rgb),.1);}
#cs-home .btn-ghost{background:transparent;color:var(--fg-2);}
#cs-home .btn-ghost:hover{color:#fff;}

/* ---------- HEADER ---------- */
#cs-home .cs-header{position:sticky;top:0;z-index:50;background:rgba(10,13,10,.25);
  backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);
  border-bottom:1px solid transparent;transition:background .25s ease,border-color .25s ease;}
#cs-home .cs-header.scrolled{background:rgba(10,13,10,.82);border-bottom-color:var(--ink-700);}
#cs-home .cs-header .bar{max-width:var(--maxw);margin:0 auto;padding:15px 32px;
  display:flex;align-items:center;justify-content:space-between;gap:20px;}
#cs-home .logo{display:inline-flex;align-items:center;gap:11px;}
#cs-home .logo img{height:30px;width:30px;object-fit:contain;}
#cs-home .logo .word{font-family:var(--font-display);font-weight:800;font-size:19px;letter-spacing:-.01em;color:#fff;}
#cs-home .cs-nav{display:flex;align-items:center;gap:30px;}
#cs-home .cs-nav a{font-family:var(--font-display);font-weight:600;font-size:14.5px;color:var(--fg-2);transition:color .15s;}
#cs-home .cs-nav a:hover{color:#fff;}
#cs-home .header-cta{display:flex;align-items:center;gap:12px;}
#cs-home .menu-toggle{display:none;background:transparent;border:1px solid var(--ink-700);color:#fff;
  width:42px;height:42px;border-radius:10px;cursor:pointer;align-items:center;justify-content:center;}
#cs-home .menu-toggle svg{width:22px;height:22px;}

/* mobile drawer */
#cs-home .cs-drawer{position:fixed;inset:0;z-index:60;background:rgba(5,7,5,.86);
  backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);
  opacity:0;pointer-events:none;transition:opacity .25s ease;display:flex;flex-direction:column;}
#cs-home .cs-drawer.open{opacity:1;pointer-events:auto;}
#cs-home .cs-drawer .drawer-top{display:flex;align-items:center;justify-content:space-between;padding:18px 24px;border-bottom:1px solid var(--ink-800);}
#cs-home .cs-drawer nav{display:flex;flex-direction:column;padding:18px 24px;gap:4px;}
#cs-home .cs-drawer nav a{font-family:var(--font-display);font-weight:600;font-size:22px;color:#fff;padding:14px 0;border-bottom:1px solid var(--ink-850);}
#cs-home .cs-drawer .drawer-cta{padding:24px;margin-top:auto;display:flex;flex-direction:column;gap:12px;}
#cs-home .cs-drawer .drawer-cta .btn{justify-content:center;}

/* ---------- HERO ---------- */
#cs-home .hero{position:relative;overflow:hidden;border-bottom:1px solid var(--ink-800);}
#cs-home .hero .bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:var(--hero-bg-opacity);}
#cs-home .hero .scrim{position:absolute;inset:0;background:linear-gradient(180deg,rgba(10,13,10,.55) 0%,rgba(10,13,10,.18) 38%,rgba(10,13,10,.94) 100%);}
#cs-home .hero .cs-wrap{position:relative;padding:120px 32px 132px;}
#cs-home .hero-inner{max-width:1040px;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:48px;align-items:end;}
#cs-home .hero-copy{max-width:680px;}
#cs-home .hero h1{margin-top:22px;}
#cs-home .hero .lede{max-width:560px;margin:26px 0 0;}
#cs-home .hero-actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:36px;}
#cs-home .hero-trust{display:flex;align-items:center;gap:10px;margin-top:40px;color:var(--fg-muted);font-size:13.5px;}
#cs-home .sd{width:9px;height:9px;border-radius:50%;background:var(--accent);box-shadow:0 0 8px var(--accent);flex-shrink:0;}

/* hero live telemetry chip */
#cs-home .live-card{width:300px;background:rgba(16,20,16,.7);backdrop-filter:blur(10px);
  border:1px solid var(--ink-700);border-radius:16px;padding:16px;box-shadow:0 24px 60px rgba(0,0,0,.5);}
#cs-home .live-card .lc-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px;}
#cs-home .live-card .lc-title{display:flex;align-items:center;gap:8px;font-family:var(--font-display);font-weight:700;font-size:13px;color:#fff;}
#cs-home .live-card .lc-title img{height:20px;width:20px;}
#cs-home .live-pill{display:inline-flex;align-items:center;gap:6px;font-family:var(--font-display);font-weight:600;font-size:11px;
  color:var(--accent);background:rgba(var(--accent-rgb),.12);border:1px solid rgba(var(--accent-rgb),.4);border-radius:999px;padding:3px 9px;}
#cs-home .live-pill .sd{width:6px;height:6px;animation:cs-pulse 2.4s ease-in-out infinite;}
#cs-home .lc-metrics{display:grid;grid-template-columns:1fr 1fr;gap:9px;}
#cs-home .lc-tile{background:var(--ink-900);border:1px solid var(--ink-700);border-radius:11px;padding:12px;}
#cs-home .lc-tile .lab{display:flex;align-items:center;gap:6px;color:var(--fg-muted);font-size:11px;font-weight:600;}
#cs-home .lc-tile .lab svg{width:13px;height:13px;}
#cs-home .lc-tile .val{font-family:var(--font-display);font-weight:800;font-size:24px;color:#fff;margin-top:5px;letter-spacing:-.02em;}
#cs-home .lc-tile .delta{font-family:var(--font-mono);font-size:11px;margin-top:1px;color:var(--accent);}
#cs-home .lc-tile .delta.crit{color:var(--status-crit);}

/* ---------- NEWSLETTER CARD (hero side) ---------- */
#cs-home .nl-card{width:330px;background:rgba(16,20,16,.72);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);
  border:1px solid var(--ink-700);border-radius:18px;padding:22px;box-shadow:0 24px 60px rgba(0,0,0,.5);}
#cs-home .nl-card .nc-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px;}
#cs-home .nl-card .nc-brand{display:flex;align-items:center;gap:8px;font-family:var(--font-display);font-weight:700;font-size:13px;color:#fff;}
#cs-home .nl-card .nc-brand svg{width:20px;height:20px;color:var(--accent);}
#cs-home .nl-card .nc-pill{display:inline-flex;align-items:center;gap:6px;font-family:var(--font-display);font-weight:600;font-size:11px;
  color:var(--accent);background:rgba(var(--accent-rgb),.12);border:1px solid rgba(var(--accent-rgb),.4);border-radius:999px;padding:3px 10px;}
#cs-home .nl-card h3{font-family:var(--font-display);font-weight:800;font-size:21px;color:#fff;letter-spacing:-.02em;line-height:1.16;margin-bottom:16px;}
#cs-home .nc-topics{display:flex;flex-direction:column;gap:12px;margin-bottom:20px;}
#cs-home .nc-topics li{display:flex;align-items:center;gap:10px;color:var(--fg-2);font-size:14px;}
#cs-home .nc-topics svg{width:16px;height:16px;color:var(--accent);flex-shrink:0;}
#cs-home .nl-card .btn{width:100%;justify-content:center;}

/* ---------- FOCUS (no que trabalhamos) ---------- */
#cs-home .focus{padding:100px 0;}
#cs-home .focus-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;}
#cs-home .lens-row{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:18px;}
#cs-home .lens{background:var(--ink-900);border:1px solid var(--ink-700);border-radius:14px;padding:22px;display:flex;flex-direction:column;gap:10px;transition:border-color .2s,transform .2s;}
#cs-home .lens:hover{border-color:rgba(var(--accent-rgb),.4);transform:translateY(-3px);}
#cs-home .lens .li{width:40px;height:40px;border-radius:10px;background:rgba(var(--accent-rgb),.1);border:1px solid rgba(var(--accent-rgb),.3);display:flex;align-items:center;justify-content:center;}
#cs-home .lens .li svg{width:20px;height:20px;color:var(--accent);}
#cs-home .lens h4{font-family:var(--font-display);font-weight:700;font-size:16px;color:#fff;letter-spacing:-.01em;}
#cs-home .lens p{font-family:var(--bodyfont);font-size:13.5px;line-height:1.55;color:var(--fg-muted);}
#cs-home .pcard .tag-soon{position:absolute;top:18px;right:18px;font-family:var(--font-display);font-weight:700;font-size:10px;
  letter-spacing:.12em;text-transform:uppercase;color:var(--status-warn);background:rgba(255,176,32,.12);
  border:1px solid rgba(255,176,32,.4);border-radius:999px;padding:5px 10px;}
#cs-home .cta-actions{display:flex;gap:14px;justify-content:center;flex-wrap:wrap;margin-top:34px;}
#cs-home .cta-sub{margin:18px auto 0;color:var(--fg-muted);font-size:13.5px;display:flex;align-items:center;justify-content:center;gap:8px;}

/* ---------- PILLARS ---------- */
#cs-home .pillars{padding:100px 0;}
#cs-home .sec-head{text-align:center;max-width:660px;margin:0 auto 52px;}
#cs-home .sec-head .eyebrow{margin-bottom:16px;}
#cs-home .sec-head .lede{margin-top:16px;}
#cs-home .pillar-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px;}
#cs-home .pcard{background:var(--ink-850);border-radius:16px;padding:28px;border:1px solid var(--ink-700);
  box-shadow:0 6px 20px rgba(0,0,0,.35);position:relative;transition:transform .22s cubic-bezier(.2,.7,.2,1),box-shadow .22s,border-color .22s;}
#cs-home .pcard:hover{transform:translateY(-4px);border-color:rgba(var(--accent-rgb),.4);box-shadow:0 0 0 1px rgba(var(--accent-rgb),.4),0 14px 30px rgba(0,0,0,.45);}
#cs-home .pcard.featured{border-color:transparent;box-shadow:0 0 0 1px rgba(var(--accent-rgb),.5),0 0 34px rgba(var(--accent-rgb),.2);}
#cs-home .pcard .tag-core{position:absolute;top:18px;right:18px;font-family:var(--font-display);font-weight:700;font-size:10px;
  letter-spacing:.12em;text-transform:uppercase;color:var(--fg-on-green);background:var(--accent);border-radius:999px;padding:5px 10px;}
#cs-home .pcard .picon{width:48px;height:48px;border-radius:12px;background:rgba(var(--accent-rgb),.1);
  border:1px solid rgba(var(--accent-rgb),.3);display:flex;align-items:center;justify-content:center;}
#cs-home .pcard .picon svg{width:24px;height:24px;color:var(--accent);}
#cs-home .pcard h3{font-family:var(--font-display);font-weight:700;font-size:20px;color:#fff;margin:18px 0 10px;letter-spacing:-.01em;}
#cs-home .pcard p{font-family:var(--bodyfont);font-size:14.5px;line-height:1.6;color:var(--fg-muted);}
#cs-home .pcard .plink{display:inline-flex;align-items:center;gap:6px;margin-top:16px;color:var(--accent);font-family:var(--font-display);font-weight:600;font-size:14px;opacity:0;transform:translateY(4px);transition:all .2s;}
#cs-home .pcard .plink svg{width:15px;height:15px;}
#cs-home .pcard:hover .plink{opacity:1;transform:none;}

/* ---------- BLOG ---------- */
#cs-home .blog{padding:100px 0;border-top:1px solid var(--ink-800);position:relative;overflow:hidden;}
#cs-home .blog .blog-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.16;}
#cs-home .blog .cs-wrap{position:relative;}
#cs-home .blog-head{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:32px;}
#cs-home .blog-head .lt{max-width:560px;}
#cs-home .blog-head .eyebrow{margin-bottom:14px;}
#cs-home .filters{display:flex;flex-wrap:wrap;gap:9px;margin-bottom:30px;}
#cs-home .chip{font-family:var(--font-display);font-weight:600;font-size:13.5px;color:var(--fg-2);background:var(--ink-850);
  border:1px solid var(--ink-700);border-radius:999px;padding:8px 16px;cursor:pointer;transition:all .15s;}
#cs-home .chip:hover{border-color:var(--ink-600);color:#fff;}
#cs-home .chip.active{background:rgba(var(--accent-rgb),.12);border-color:var(--accent);color:var(--accent);}

#cs-home .blog-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr;grid-auto-rows:1fr;gap:18px;}
#cs-home .post{position:relative;background:var(--ink-850);border:1px solid var(--ink-700);border-radius:16px;overflow:hidden;
  display:flex;flex-direction:column;cursor:pointer;transition:transform .22s cubic-bezier(.2,.7,.2,1),border-color .22s,box-shadow .22s;}
#cs-home .post:hover{transform:translateY(-4px);border-color:rgba(var(--accent-rgb),.4);box-shadow:0 14px 30px rgba(0,0,0,.45);}
#cs-home .post .thumb{position:relative;aspect-ratio:16/10;overflow:hidden;background:var(--ink-900);}
#cs-home .post .thumb img{width:100%;height:100%;object-fit:cover;object-position:center 80%;transition:transform .4s ease;opacity:.92;}
#cs-home .post:hover .thumb img{transform:scale(1.05);}
#cs-home .post .thumb .cat{position:absolute;left:14px;top:14px;font-family:var(--font-display);font-weight:700;font-size:11px;
  letter-spacing:.08em;text-transform:uppercase;color:var(--accent);background:rgba(5,7,5,.7);backdrop-filter:blur(6px);
  border:1px solid rgba(var(--accent-rgb),.4);border-radius:999px;padding:5px 11px;}
#cs-home .post .body{padding:20px;display:flex;flex-direction:column;gap:10px;flex:1;}
#cs-home .post .body h3{font-family:var(--font-display);font-weight:700;color:#fff;letter-spacing:-.01em;line-height:1.22;}
#cs-home .post .body p{font-family:var(--bodyfont);font-size:14px;line-height:1.55;color:var(--fg-muted);}
#cs-home .post .meta{display:flex;align-items:center;gap:10px;margin-top:auto;padding-top:6px;color:var(--fg-faint);font-size:12.5px;font-family:var(--font-mono);}
#cs-home .post .meta .mdot{width:3px;height:3px;border-radius:50%;background:var(--fg-faint);}

/* featured (first) post spans 2 rows tall on left */
#cs-home .post.feat{grid-row:span 2;}
#cs-home .post.feat .thumb{aspect-ratio:auto;flex:1;min-height:230px;}
#cs-home .post.feat .body h3{font-size:26px;}
#cs-home .post.feat .body p{font-size:15.5px;}
#cs-home .post:not(.feat) .body h3{font-size:17px;}
#cs-home .post.hidden{display:none;}

/* ---------- CTA / NEWSLETTER ---------- */
#cs-home .cta{position:relative;overflow:hidden;border-top:1px solid var(--ink-800);}
#cs-home .cta .bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;}
#cs-home .cta .scrim{position:absolute;inset:0;background:rgba(10,13,10,.6);}
#cs-home .cta .cs-wrap{position:relative;padding:104px 32px;text-align:center;}
#cs-home .cta h2{margin:0 auto;max-width:760px;font-size:clamp(32px,4.4vw,48px);}
#cs-home .cta .lede{max-width:540px;margin:20px auto 0;}
#cs-home .nl-form{display:flex;gap:10px;max-width:520px;margin:34px auto 0;}
#cs-home .nl-field{flex:1;display:flex;align-items:center;gap:9px;background:rgba(5,7,5,.6);border:1px solid var(--ink-700);
  border-radius:12px;padding:0 14px;transition:all .15s;}
#cs-home .nl-field.focus{border-color:var(--accent);box-shadow:0 0 0 3px rgba(var(--accent-rgb),.15);}
#cs-home .nl-field svg{width:18px;height:18px;color:var(--fg-faint);flex-shrink:0;}
#cs-home .nl-field.focus svg{color:var(--accent);}
#cs-home .nl-field input{flex:1;background:none;border:none;outline:none;color:#fff;font-size:15.5px;font-family:var(--bodyfont);padding:15px 0;min-width:0;}
#cs-home .nl-field input::placeholder{color:var(--fg-faint);}
#cs-home .nl-form .btn{justify-content:center;}
#cs-home .nl-note{margin:14px auto 0;color:var(--fg-muted);font-size:13px;display:flex;align-items:center;justify-content:center;gap:7px;}
#cs-home .nl-note svg{width:14px;height:14px;color:var(--accent);}
#cs-home .nl-error{color:var(--status-crit);font-size:13px;margin-top:10px;min-height:16px;}
#cs-home .nl-success{display:none;flex-direction:column;align-items:center;gap:14px;max-width:460px;margin:30px auto 0;}
#cs-home .nl-success.show{display:flex;}
#cs-home .nl-success .check{width:56px;height:56px;border-radius:50%;background:rgba(var(--accent-rgb),.12);
  border:1px solid rgba(var(--accent-rgb),.5);display:flex;align-items:center;justify-content:center;}
#cs-home .nl-success .check svg{width:28px;height:28px;color:var(--accent);}
#cs-home .nl-secondary{margin-top:18px;}

/* ---------- FOOTER ---------- */
#cs-home .cs-footer{background:var(--ink-1000);border-top:1px solid var(--ink-800);}
#cs-home .footer-top{max-width:var(--maxw);margin:0 auto;padding:64px 32px 40px;
  display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:40px;}
#cs-home .footer-brand p{font-size:14px;line-height:1.6;color:var(--fg-muted);max-width:280px;margin-top:16px;}
#cs-home .socials{display:flex;gap:12px;margin-top:20px;}
#cs-home .socials a{width:36px;height:36px;border-radius:9px;border:1px solid var(--ink-700);display:flex;
  align-items:center;justify-content:center;color:var(--fg-2);transition:all .15s;}
#cs-home .socials a:hover{border-color:var(--accent);color:var(--accent);}
#cs-home .socials a svg{width:16px;height:16px;}
#cs-home .fcol h4{font-family:var(--font-display);font-weight:700;font-size:13px;color:#fff;letter-spacing:.08em;text-transform:uppercase;margin-bottom:16px;}
#cs-home .fcol .links{display:flex;flex-direction:column;gap:11px;}
#cs-home .fcol .links a{font-size:14px;color:var(--fg-muted);transition:color .15s;}
#cs-home .fcol .links a:hover{color:#fff;}
#cs-home .footer-bottom{max-width:var(--maxw);margin:0 auto;padding:20px 32px;border-top:1px solid var(--ink-800);
  display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px;}
#cs-home .footer-bottom span{font-size:13px;color:var(--fg-faint);}

/* ============================================================
   LAYOUT VARIANTS (driven by data-attrs from Tweaks)
   ============================================================ */
/* Hero centered */
#cs-home[data-hero="centralizado"] .hero-inner{grid-template-columns:1fr;justify-items:center;text-align:center;}
#cs-home[data-hero="centralizado"] .hero-copy{max-width:780px;}
#cs-home[data-hero="centralizado"] .hero .lede{margin-left:auto;margin-right:auto;}
#cs-home[data-hero="centralizado"] .hero-actions{justify-content:center;}
#cs-home[data-hero="centralizado"] .hero-trust{justify-content:center;}
#cs-home[data-hero="centralizado"] .live-card,#cs-home[data-hero="centralizado"] .nl-card{display:none;}

/* Pillars layouts */
#cs-home[data-pilares="colunas"] .pillar-grid{grid-template-columns:repeat(4,1fr);}
#cs-home[data-pilares="colunas"] .pcard{padding:22px;}
#cs-home[data-pilares="colunas"] .pcard p{font-size:13.5px;}
#cs-home[data-pilares="lista"] .pillar-grid{grid-template-columns:1fr;gap:14px;}
#cs-home[data-pilares="lista"] .pcard{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:24px;padding:24px 28px;}
#cs-home[data-pilares="lista"] .pcard h3{margin:0 0 6px;}
#cs-home[data-pilares="lista"] .pcard .pbody{}
#cs-home[data-pilares="lista"] .pcard .plink{margin-top:0;opacity:1;transform:none;white-space:nowrap;}
#cs-home[data-pilares="lista"] .pcard .tag-core{position:static;justify-self:start;margin-bottom:8px;}

/* Blog layouts */
#cs-home[data-blog="grade"] .blog-grid{grid-template-columns:repeat(3,1fr);grid-auto-rows:auto;}
#cs-home[data-blog="grade"] .post.feat{grid-row:span 1;}
#cs-home[data-blog="grade"] .post.feat .thumb{aspect-ratio:16/10;flex:none;min-height:0;}
#cs-home[data-blog="grade"] .post.feat .body h3{font-size:17px;}
#cs-home[data-blog="grade"] .post.feat .body p{font-size:14px;}

/* ============================================================
   ANIMATIONS
   ============================================================ */
@keyframes cs-pulse{0%,100%{box-shadow:0 0 0 0 rgba(var(--accent-rgb),.5);opacity:1;}50%{box-shadow:0 0 0 5px rgba(var(--accent-rgb),0);opacity:.7;}}

#cs-home .reveal{opacity:0;transform:translateY(var(--reveal-dist));transition:opacity .6s cubic-bezier(.2,.7,.2,1),transform .6s cubic-bezier(.2,.7,.2,1);}
#cs-home .reveal.in{opacity:1;transform:none;}
#cs-home .reveal.d1{transition-delay:.08s;}
#cs-home .reveal.d2{transition-delay:.16s;}
#cs-home .reveal.d3{transition-delay:.24s;}
#cs-home .reveal.d4{transition-delay:.32s;}

#cs-home[data-motion="off"] .reveal{opacity:1;transform:none;transition:none;}
#cs-home[data-motion="off"] .live-pill .sd{animation:none;}

@media (prefers-reduced-motion:reduce){
  #cs-home .reveal{opacity:1;transform:none;transition:none;}
  #cs-home .live-pill .sd{animation:none;}
  #cs-home .post .thumb img{transition:none;}
}

/* ============================================================
   RESPONSIVE
   ============================================================ */
@media (max-width:980px){
  #cs-home .blog-grid{grid-template-columns:1fr 1fr;}
  #cs-home .post.feat{grid-column:span 2;grid-row:span 1;}
  #cs-home .post.feat .thumb{aspect-ratio:16/9;flex:none;min-height:0;}
  #cs-home[data-blog="grade"] .blog-grid{grid-template-columns:1fr 1fr;}
  #cs-home[data-pilares="colunas"] .pillar-grid{grid-template-columns:repeat(2,1fr);}
  #cs-home .footer-top{grid-template-columns:1fr 1fr;gap:32px;}
  #cs-home .footer-brand{grid-column:span 2;}
}
@media (max-width:1024px){
  #cs-home .cs-nav,#cs-home .header-cta .btn{display:none;}
  #cs-home .menu-toggle{display:flex;}
  #cs-home .hero-inner{grid-template-columns:1fr;}
  #cs-home .live-card,#cs-home .nl-card{display:none;}
  #cs-home .focus-grid{grid-template-columns:1fr;}
}
@media (max-width:840px){
  #cs-home .hero .cs-wrap{padding:90px 24px 96px;}
  #cs-home .focus{padding:72px 0;}
  #cs-home .lens-row{grid-template-columns:1fr;}
  #cs-home .cs-wrap{padding:0 24px;}
  #cs-home .pillars,#cs-home .blog{padding:72px 0;}
  #cs-home[data-pilares="lista"] .pcard{grid-template-columns:auto 1fr;}
  #cs-home[data-pilares="lista"] .pcard .plink{grid-column:2;justify-self:start;}
}
@media (max-width:560px){
  #cs-home .pillar-grid,#cs-home[data-pilares="colunas"] .pillar-grid{grid-template-columns:1fr;}
  #cs-home .blog-grid,#cs-home[data-blog="grade"] .blog-grid{grid-template-columns:1fr;}
  #cs-home .post.feat{grid-column:span 1;}
  #cs-home .nl-form{flex-direction:column;}
  #cs-home .footer-top{grid-template-columns:1fr;}
  #cs-home .footer-brand{grid-column:span 1;}
  #cs-home .footer-bottom{flex-direction:column;align-items:flex-start;}
  #cs-home .hero-actions .btn{flex:1;justify-content:center;}
}