/* Sinal v2 — visual 1stgeniusAI + Sinal (24/10/2026). Fonte: styles/sinal-v2.css; o build copia para dist. */
:root{--ink:#0b1230;--navy:#010b28;--bg:#f2f4fa;--paper:#fff;--muted:#56607a;--line:#0b12301a;--blue:#0b78ee;--cyan:#36c6f2;--violet:#7649ec;--magenta:#e44ff1;--grad:linear-gradient(120deg,#10aaf1 0%,#7649ec 55%,#e44ff1 100%);--radius:22px;--shadow:0 1px 2px #0b123010,0 12px 32px -12px #0b123033}
body{background:var(--bg);color:var(--ink);font:17px/1.7 system-ui,-apple-system,"Segoe UI",sans-serif;-webkit-font-smoothing:antialiased}
a:focus-visible,summary:focus-visible,button:focus-visible{outline:3px solid var(--violet);outline-offset:4px}

/* Cabeçalho */
.n-header{border-bottom:1px solid var(--line);background:#f2f4facc;backdrop-filter:blur(10px);position:sticky;top:0;z-index:5;padding:14px 5%}
.n-brand{font:700 24px Space,system-ui,sans-serif;letter-spacing:-.5px;color:var(--ink)}
.n-brand img{width:34px;height:34px;border-radius:9px}
.n-brand span{background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}
.n-header nav a{text-decoration:none;color:var(--muted)}.n-header nav a:hover{color:var(--ink)}

/* Página de edição */
.sv{max-width:760px;margin:0 auto;padding:0 20px 72px}
.sv-cover{position:relative;margin:28px -4px 28px;padding:clamp(28px,6vw,52px);border-radius:28px;background:var(--navy);color:#f2f4fa;overflow:hidden;isolation:isolate}
.sv-cover::before{content:"";position:absolute;inset:-40% -20% auto auto;width:70%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,#7649ec88,transparent 65%);z-index:-1}
.sv-cover::after{content:"";position:absolute;inset:auto auto -45% -25%;width:75%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,#10aaf166,transparent 65%);z-index:-1}
.sv-kicker{display:flex;align-items:center;gap:10px;font:600 12px/1 system-ui,sans-serif;letter-spacing:.16em;text-transform:uppercase;color:#c9d2ee;margin:0}
.sv-kicker img{width:26px;height:26px;border-radius:7px}
.sv-number{font:700 clamp(64px,16vw,120px)/.9 Space,system-ui,sans-serif;letter-spacing:-.06em;margin:22px 0 6px;background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}
.sv-meta{display:flex;flex-wrap:wrap;gap:8px 14px;font-size:14px;color:#c9d2ee;margin:0 0 18px}
.sv-meta span{display:inline-flex;align-items:center;gap:6px}
.sv-cover h1{font:700 clamp(30px,6.4vw,48px)/1.08 Space,system-ui,sans-serif;letter-spacing:-.03em;margin:0 0 18px;max-width:18ch;color:#fff}
.sv-hook{font-size:clamp(17px,2.4vw,19px);line-height:1.6;color:#e3e8f7;margin:0;max-width:56ch}
.sv-audio{margin-top:26px;padding:16px 18px;border-radius:18px;background:#ffffff12;border:1px solid #ffffff24;display:grid;gap:10px}
.sv-audio strong{display:flex;align-items:center;gap:10px;font:600 15px system-ui,sans-serif}
.sv-audio strong::before{content:"";width:34px;height:34px;border-radius:50%;background:var(--grad);flex-shrink:0;box-shadow:0 0 0 0 #7649ec66;animation:svPulse 2.4s ease-out infinite}
.sv-audio audio{width:100%;height:40px;border-radius:999px;color-scheme:dark}
.sv-audio small{font-size:12px;color:#aab4d4}

/* Sumário em chips */
.sv-toc{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 28px;padding:0;list-style:none}
.sv-toc a{display:inline-flex;align-items:center;gap:8px;padding:9px 14px;border-radius:999px;background:var(--paper);border:1px solid var(--line);text-decoration:none;font-size:14px;line-height:1.3;box-shadow:var(--shadow);transition:transform .18s,border-color .18s}
.sv-toc a:hover{transform:translateY(-2px);border-color:#7649ec66}

/* Cartões das pautas */
.sv-card{background:var(--paper);border-radius:var(--radius);padding:clamp(22px,5vw,36px);margin:0 0 22px;box-shadow:var(--shadow);border:1px solid var(--line);scroll-margin-top:90px}
.sv-card-head{display:flex;align-items:center;gap:14px;margin-bottom:6px}
.sv-emoji{width:52px;height:52px;border-radius:16px;display:grid;place-items:center;font-size:28px;background:linear-gradient(135deg,#10aaf11f,#e44ff11f);flex-shrink:0}
.sv-count{font:600 12px system-ui,sans-serif;letter-spacing:.14em;color:var(--muted)}
.sv-card h2{font:700 clamp(23px,4.4vw,30px)/1.18 Space,system-ui,sans-serif;letter-spacing:-.02em;margin:10px 0 18px}
.sv-step{margin:0 0 18px}
.sv-label{display:inline-block;font:700 11px/1 system-ui,sans-serif;letter-spacing:.14em;text-transform:uppercase;color:var(--blue);margin-bottom:6px}
.sv-step p,.sv-body p{margin:0 0 12px}
.sv-step ol,.sv-body ol{margin:6px 0 14px;padding-left:22px}.sv-step li,.sv-body li{margin:0 0 6px}
.sv-take{position:relative;margin:20px 0 6px;padding:18px 20px 18px 22px;border-radius:16px;background:#f5f2ff;font-weight:500}
.sv-take::before{content:"";position:absolute;left:0;top:14px;bottom:14px;width:4px;border-radius:4px;background:var(--grad)}
.sv-take .sv-label{color:var(--violet)}
.sv-take p{margin:0}
.sv-limit{font-size:14px;color:var(--muted);margin:14px 0 0;line-height:1.55}
.sv-sources{display:flex;flex-wrap:wrap;gap:6px 14px;margin-top:18px;padding-top:14px;border-top:1px dashed var(--line);font-size:13px;color:var(--muted)}
.sv-sources a{color:var(--muted)}.sv-sources a:hover{color:var(--ink)}

/* Teste no seu negócio */
.sv-test{margin:30px 0 22px;padding:clamp(22px,5vw,34px);border-radius:var(--radius);background:linear-gradient(var(--paper),var(--paper)) padding-box,var(--grad) border-box;border:2px solid transparent;box-shadow:var(--shadow)}
.sv-test h2{font:700 clamp(22px,4vw,28px)/1.2 Space,system-ui,sans-serif;margin:0 0 6px}
.sv-test-facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:18px 0}
.sv-test-facts div{background:var(--bg);border-radius:14px;padding:12px 14px;font-size:14px;line-height:1.45}
.sv-test-facts b{display:block;font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin-bottom:4px}
.sv-test ol{padding-left:22px;margin:0 0 12px}.sv-test li{margin:0 0 8px}
.sv-test .sv-note{font-size:13px;color:var(--muted);margin:0}

/* Convite final */
.sv-invite{text-align:center;padding:34px 12px 8px}
.sv-invite p{font:500 clamp(19px,3.4vw,23px)/1.45 Space,system-ui,sans-serif;max-width:30ch;margin:0 auto 18px}
.sv-btn{display:inline-flex;align-items:center;gap:8px;padding:14px 22px;border-radius:999px;background:var(--ink);color:#fff;text-decoration:none;font:600 16px system-ui,sans-serif;transition:transform .18s,box-shadow .18s}
.sv-btn:hover{transform:translateY(-2px);box-shadow:0 10px 24px -10px #7649ecaa}

/* Arquivo e notícias (markup antigo, só reestilizado) */
.n-hero{max-width:760px;padding:44px 20px 10px}
.masthead{font-size:clamp(72px,16vw,150px);background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}
.masthead span{color:inherit}
.dot{background:var(--violet);box-shadow:0 0 0 5px #7649ec33}
.n-layout{max-width:1100px}
.n-archive a{background:var(--paper);border-radius:var(--radius);box-shadow:var(--shadow);border:1px solid var(--line);padding:22px 24px;margin-bottom:16px;display:block;text-decoration:none}
.n-story{background:var(--paper);border-radius:var(--radius);padding:24px;box-shadow:var(--shadow);border:1px solid var(--line);margin-bottom:20px}

/* Inscrição combinando com a marca */
.sinal-signup{background:var(--navy);background-image:radial-gradient(circle at 90% 0%,#7649ec55,transparent 50%),radial-gradient(circle at 0% 100%,#10aaf144,transparent 45%);border-radius:28px}
.sinal-signup .signup-kicker,.sinal-signup a{color:var(--cyan)}
.sinal-signup button{background:var(--grad);color:#fff}
.sinal-signup button:hover{background:var(--grad);filter:brightness(1.08)}
.signup-consent input{accent-color:var(--violet)}
.n-footer{border-top:1px solid var(--line)}

/* Movimento leve */
/* Manda pra quem precisa (compartilhar no WhatsApp; secundário, o CTA único continua sendo .sv-btn) */
.sv-share{margin:0 0 22px;padding:clamp(20px,5vw,30px);border-radius:var(--radius);background:#eafaf0;border:1px solid #bfe8cf}
.sv-share h2{font:700 clamp(20px,3.6vw,24px)/1.2 Space,system-ui,sans-serif;margin:0 0 8px}
.sv-share p{margin:0 0 14px}
.sv-wa{display:inline-flex;align-items:center;gap:8px;padding:11px 18px;border-radius:999px;border:1.5px solid #1f9d55;color:#0b6b35;text-decoration:none;font:600 15px system-ui,sans-serif;transition:background .18s}
.sv-wa:hover{background:#d5f3e0}
@keyframes svUp{from{transform:translateY(18px)}to{transform:none}}
@keyframes svPulse{0%{box-shadow:0 0 0 0 #7649ec66}70%{box-shadow:0 0 0 12px #7649ec00}100%{box-shadow:0 0 0 0 #7649ec00}}
.sv-cover>*,.sv-toc,.sv-card,.sv-test,.sv-share,.sv-invite{animation:svUp .7s cubic-bezier(.2,.7,.2,1) both}
.sv-cover>*:nth-child(2){animation-delay:.06s}.sv-cover>*:nth-child(3){animation-delay:.12s}.sv-cover>*:nth-child(4){animation-delay:.18s}.sv-cover>*:nth-child(5){animation-delay:.24s}.sv-cover>*:nth-child(6){animation-delay:.3s}
.sv-toc{animation-delay:.32s}.sv-card:nth-of-type(1){animation-delay:.38s}.sv-card:nth-of-type(2){animation-delay:.44s}
@supports (animation-timeline:view()){.sv-card,.sv-test,.sv-share,.sv-invite{animation:svUp linear both;animation-timeline:view();animation-range:entry 0% entry 40%}}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}}

/* Celular */
@media (max-width:640px){.sv{padding:0 14px 56px}.sv-cover{margin:16px 0 22px;border-radius:24px}.sv-test-facts{grid-template-columns:1fr}.sv-emoji{width:46px;height:46px;font-size:24px}.n-header nav{display:none}.sv-card{padding:22px 18px}}