/* Landing pages do Inglês na Rotina (docs/landing-pages, docs/09 #46). Tokens da marca: docs/05-marca-e-design.md.
   Mobile first. Movimentos leves e desligados com prefers-reduced-motion. */
:root{
  --roxo:#7A35F0;--roxo-soft:#EBE0FF;--ink:#4A1D9E;--roxo2:#5A34D6;--mostarda:#E89B14;--gold-soft:#FBECCB;
  --fundo:#F3EEE4;--card:#FFFFFF;--texto:#241A33;--texto2:#6B6280;--linha:#E2D8F2;--ok:#1E9E6A;--erro:#D8463F;
  --aurora:linear-gradient(118deg,#7A35F0,#9B5CFF 42%,#F0A91E);--grad-roxo:linear-gradient(135deg,#7A35F0,#A06BFF);--grad-mostarda:linear-gradient(135deg,#F7BE3A,#E08A0C);
  --r:18px;--r-sm:12px;--r-lg:26px;--sombra:0 10px 30px rgba(74,29,158,.12);
  --f-titulo:'Bricolage Grotesque',system-ui,sans-serif;--f-texto:'Plus Jakarta Sans',system-ui,sans-serif;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--fundo);color:var(--texto);font:400 17px/1.6 var(--f-texto);-webkit-font-smoothing:antialiased}
img{max-width:100%;height:auto;display:block}
a{color:var(--roxo)}
h1,h2,h3{font-family:var(--f-titulo);font-weight:700;line-height:1.12;letter-spacing:-.01em;margin:0 0 .5em}
h1{font-size:clamp(32px,6vw,56px)}h2{font-size:clamp(26px,4.4vw,40px)}h3{font-size:clamp(19px,2.6vw,23px)}
p{margin:0 0 1em}
.wrap{max-width:1120px;margin:0 auto;padding:0 20px}
.sec{padding:64px 0}.sec.alt{background:#fff}.sec.roxo{background:var(--grad-roxo);color:#fff}.sec.roxo a{color:#fff}
.eyebrow{display:inline-block;font:700 13px/1 var(--f-texto);letter-spacing:.08em;text-transform:uppercase;color:var(--roxo);background:var(--roxo-soft);padding:8px 12px;border-radius:999px;margin-bottom:14px}
.sec.roxo .eyebrow{background:rgba(255,255,255,.18);color:#fff}
.lead{font-size:19px;color:var(--texto2)}.sec.roxo .lead{color:rgba(255,255,255,.9)}
.grid{display:grid;gap:18px}
@media(min-width:760px){.g2{grid-template-columns:1fr 1fr}.g3{grid-template-columns:repeat(3,1fr)}.g4{grid-template-columns:repeat(4,1fr)}}
.card{background:var(--card);border-radius:var(--r);padding:22px;box-shadow:var(--sombra);border:1px solid var(--linha)}
.card .num{display:inline-grid;place-items:center;width:34px;height:34px;border-radius:50%;background:var(--roxo-soft);color:var(--roxo);font-weight:800;margin-bottom:10px}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:0;border-radius:999px;padding:16px 26px;font:800 17px/1 var(--f-texto);cursor:pointer;text-decoration:none;transition:transform .15s ease,box-shadow .15s ease}
.btn-cta{background:var(--grad-mostarda);color:#241A33;box-shadow:0 8px 22px rgba(232,155,20,.35)}
.btn-cta:hover{transform:translateY(-1px)}
.btn-sec{background:#fff;color:var(--roxo);border:2px solid var(--roxo)}
/* topo */
.topo{position:sticky;top:0;z-index:20;background:rgba(243,238,228,.92);backdrop-filter:blur(8px);border-bottom:1px solid var(--linha)}
.topo .wrap{display:flex;align-items:center;justify-content:space-between;height:64px}
.topo img{height:34px;width:auto}
/* hero */
.hero{padding:42px 0 56px;background:radial-gradient(1200px 500px at 85% -10%,rgba(155,92,255,.18),transparent),var(--fundo)}
.hero .wrap{display:grid;gap:32px;align-items:center}
@media(min-width:900px){.hero .wrap{grid-template-columns:1.1fr .9fr}}
.hero-foto{border-radius:var(--r-lg);overflow:hidden;box-shadow:var(--sombra);background:var(--roxo-soft);aspect-ratio:4/5}
.hero-foto img{width:100%;height:100%;object-fit:cover}
.selos{display:flex;flex-wrap:wrap;gap:8px;margin:18px 0 0;padding:0;list-style:none}
.selos li{background:#fff;border:1px solid var(--linha);border-radius:999px;padding:7px 12px;font-size:14px;font-weight:600}
/* listas */
.check{list-style:none;padding:0;margin:0;display:grid;gap:10px}
.check li{padding-left:30px;position:relative}
.check li:before{content:"";position:absolute;left:0;top:.35em;width:18px;height:18px;border-radius:50%;background:var(--roxo) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3'%3E%3Cpath d='M5 12l5 5 9-10'/%3E%3C/svg%3E") center/12px no-repeat}
.x li:before{background:#D9D2E6 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3'%3E%3Cpath d='M6 6l12 12M18 6L6 18'/%3E%3C/svg%3E") center/11px no-repeat}
/* FAQ */
details.faq{background:#fff;border:1px solid var(--linha);border-radius:var(--r-sm);padding:16px 18px;margin-bottom:10px}
details.faq summary{cursor:pointer;font-weight:700;list-style:none}
details.faq summary::-webkit-details-marker{display:none}
details.faq[open] summary{margin-bottom:8px}
/* formulário nativo (inr-lead-form.js) */
.form-box{background:#fff;border-radius:var(--r-lg);padding:24px;box-shadow:var(--sombra);border:1px solid var(--linha)}
.form-box h3{margin-bottom:6px}
.inr-form{display:grid;gap:14px}
.inr-form label.campo{display:grid;gap:6px;font-weight:700;font-size:15px}
.inr-form input,.inr-form select,.inr-form textarea{font:500 16px/1.4 var(--f-texto);padding:13px 14px;border-radius:var(--r-sm);border:1.5px solid #D7CBEE;background:#FCFAFF;color:var(--texto);width:100%}
.inr-form input:focus,.inr-form select:focus,.inr-form textarea:focus{outline:3px solid rgba(122,53,240,.25);border-color:var(--roxo)}
.inr-form .consent{display:flex;gap:10px;align-items:flex-start;font-size:13.5px;color:var(--texto2);font-weight:500}
.inr-form .consent input{width:18px;height:18px;margin-top:2px;flex:none}
.inr-form .hp{position:absolute!important;left:-9999px!important;width:1px;height:1px;overflow:hidden}
.inr-form .erro{color:var(--erro);font-size:14px;font-weight:600;min-height:1em}
.inr-form .btn{width:100%}
.inr-form .passo{font-size:13px;color:var(--texto2);font-weight:700}
.inr-form-carregando{color:var(--texto2);font-size:15px}
/* rodapé e CTA fixo no celular */
.rodape{padding:28px 0 96px;font-size:14px;color:var(--texto2);text-align:center}
.rodape a{color:var(--texto2)}
.cta-fixo{position:fixed;left:12px;right:12px;bottom:12px;z-index:30;display:none}
@media(max-width:759px){.cta-fixo{display:flex}.cta-fixo .btn{width:100%}}
/* aviso de cookies */
.cookies{position:fixed;left:12px;right:12px;bottom:12px;z-index:40;max-width:560px;margin:0 auto;background:#241A33;color:#fff;border-radius:var(--r);padding:16px 18px;box-shadow:var(--sombra);font-size:14px;display:grid;gap:12px}
.cookies a{color:#F7BE3A}
.cookies .acoes{display:flex;gap:10px;justify-content:flex-end}
.cookies button{border:0;border-radius:999px;padding:10px 16px;font:700 14px/1 var(--f-texto);cursor:pointer}
.cookies .sim{background:var(--mostarda);color:#241A33}.cookies .nao{background:transparent;color:#fff;border:1.5px solid rgba(255,255,255,.5)}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
[hidden]{display:none!important}
/* marca (igual ao app: ícone-relógio + "Inglês / na Rotina") */
.logo{display:inline-flex;align-items:center;gap:10px;text-decoration:none;color:var(--texto)}
.logo img{width:36px;height:36px}
.logo .mn{display:grid;line-height:1}
.logo .mn small{font:600 13px/1 var(--f-texto);color:var(--texto2)}
.logo .mn b{font:700 19px/1.05 var(--f-titulo);color:var(--ink)}
.sec.roxo .logo .mn b,.sec.roxo .logo .mn small{color:#fff}
/* marcador de conteúdo pendente (foto da Larissa, prova que ainda não chegou): some quando o conteúdo real entra */
.pendente{display:grid;place-items:center;text-align:center;padding:22px;min-height:260px;border:2px dashed var(--mostarda);background:var(--gold-soft);color:#7a4b00;font-weight:700;border-radius:var(--r-lg)}
.legenda{font-size:13.5px;color:var(--texto2);margin-top:8px}
.hero-foto.paisagem{aspect-ratio:16/10}