/* ====================== VIRADO NA GOTA — site ======================
   Paleta azul + vermelho + branco sobre preto · cordel/xilogravura
   Tipos: Alfa Slab One (display) · Oswald (rótulos/UI) · Bitter (texto) */
@import url('https://fonts.googleapis.com/css2?family=Alfa+Slab+One&family=Oswald:wght@400;500;600;700&family=Bitter:ital,wght@0,400;0,500;0,600;0,700;1,400;1,500&display=swap');

:root{
  --ink:#14110E;        /* fundo */
  --ink-2:#1C1813;      /* cartões */
  --ink-3:#262017;      /* hover / faixa */
  --line:rgba(244,241,232,.12);
  --paper:#F4F1E8;      /* texto claro */
  --white:#FAF8F2;
  --muted:#B7AE9B;      /* texto secundário */
  --red:#D6362A;  --red-d:#B81E14;  --red-l:#EA5142;
  --blue:#0D95AD; --blue-d:#0A6E82; --blue-l:#3FBDD3;
  --r:4px;
  --maxw:1120px;
  --gut:clamp(20px,5vw,40px);
  --fs:1;               /* multiplicador de tamanho de texto (acessibilidade) */
}

*{box-sizing:border-box;}
html{scroll-behavior:smooth;}
body{
  margin:0;background:var(--ink);color:var(--paper);
  font-family:'Bitter',serif;font-size:18px;line-height:1.62;
  -webkit-font-smoothing:antialiased;
  background-image:
    radial-gradient(rgba(244,241,232,.022) 1px,transparent 1px);
  background-size:26px 26px;
}
::selection{background:var(--red);color:var(--white);}
a{color:inherit;text-decoration:none;}
img{max-width:100%;display:block;}

.wrap{max-width:var(--maxw);margin:0 auto;padding:0 var(--gut);}

/* text-scale: zoom only the main content, header stays fixed-size */
main{zoom:var(--fs);}
@supports not (zoom:1){ main{font-size:calc(1em*var(--fs));} }

/* skip link */
.skip{position:fixed;left:12px;top:-60px;z-index:120;background:var(--blue);color:#06222a;
  font-family:'Oswald';font-weight:600;text-transform:uppercase;letter-spacing:.06em;font-size:14px;
  padding:11px 18px;border-radius:var(--r);transition:top .15s ease;}
.skip:focus{top:12px;outline:3px solid var(--white);outline-offset:2px;}

/* visible keyboard focus everywhere */
a:focus-visible,button:focus-visible,.btn:focus-visible{
  outline:3px solid var(--blue-l);outline-offset:3px;border-radius:3px;
}
.display{font-family:'Alfa Slab One',serif;font-weight:400;letter-spacing:.005em;line-height:.96;}
.osw{font-family:'Oswald',sans-serif;}
.em{font-family:'Bitter',serif;font-style:italic;font-weight:500;color:var(--red);}
.em.blue{color:var(--blue-l);}

/* section label */
.eyebrow{
  font-family:'Oswald';font-weight:600;text-transform:uppercase;
  letter-spacing:.28em;font-size:13px;color:var(--blue-l);
  display:flex;align-items:center;gap:14px;margin:0 0 18px;
}
.eyebrow::before{content:"";width:30px;height:2px;background:var(--blue);}

section{padding:clamp(64px,9vw,118px) 0;position:relative;}
.sec-head h2{
  font-family:'Alfa Slab One',serif;font-weight:400;
  font-size:clamp(30px,4.6vw,56px);line-height:1.02;margin:0 0 26px;
  color:var(--white);max-width:18ch;text-wrap:balance;
}

/* kené diamond rule (anaconda) */
.kene-rule{height:16px;background-repeat:repeat-x;background-position:center;opacity:.9;}
.kene-rule.blue{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='30' height='16'%3E%3Cpath d='M15 1 L29 8 L15 15 L1 8 Z' fill='none' stroke='%230D95AD' stroke-width='1.6'/%3E%3Cpath d='M15 5 L20 8 L15 11 L10 8 Z' fill='%230D95AD'/%3E%3C/svg%3E");}
.kene-rule.red{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='30' height='16'%3E%3Cpath d='M15 1 L29 8 L15 15 L1 8 Z' fill='none' stroke='%23D6362A' stroke-width='1.6'/%3E%3Cpath d='M15 5 L20 8 L15 11 L10 8 Z' fill='%23D6362A'/%3E%3C/svg%3E");}
.kene-rule.paper{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='30' height='16'%3E%3Cpath d='M15 1 L29 8 L15 15 L1 8 Z' fill='none' stroke='%23F4F1E8' stroke-width='1.4' opacity='.5'/%3E%3Cpath d='M15 5 L20 8 L15 11 L10 8 Z' fill='%23F4F1E8' opacity='.5'/%3E%3C/svg%3E");}

/* ---------------- buttons ---------------- */
.btn{
  font-family:'Oswald';font-weight:600;text-transform:uppercase;letter-spacing:.06em;
  font-size:15px;padding:14px 26px;border-radius:var(--r);
  display:inline-flex;align-items:center;gap:9px;cursor:pointer;border:2px solid transparent;
  transition:transform .12s ease, background .15s ease, color .15s ease;
}
.btn:active{transform:translateY(1px);}
.btn-red{background:var(--red);color:var(--white);}
.btn-red:hover{background:var(--red-l);}
.btn-blue{background:var(--blue);color:#06222a;}
.btn-blue:hover{background:var(--blue-l);}
.btn-ghost{background:transparent;color:var(--white);border-color:var(--line);}
.btn-ghost:hover{border-color:var(--blue);color:var(--blue-l);}

/* ---------------- top bar ---------------- */
header.bar{
  position:fixed;top:0;left:0;right:0;z-index:50;
  background:rgba(20,17,14,.82);backdrop-filter:blur(10px);
  border-bottom:1px solid var(--line);
}
/* utility row: language + accessibility */
.util{border-bottom:1px solid var(--line);}
.util .wrap{display:flex;align-items:center;gap:18px;height:38px;justify-content:flex-end;}
.ctrl-group{display:flex;align-items:center;gap:8px;}
.ctrl-group .gl{font-family:'Oswald';text-transform:uppercase;letter-spacing:.14em;font-size:10px;color:var(--muted);}
.seg{display:flex;border:1px solid var(--line);border-radius:var(--r);overflow:hidden;}
.lang-btn{font-family:'Oswald';font-weight:600;font-size:12px;letter-spacing:.05em;
  background:transparent;color:var(--muted);border:0;padding:5px 10px;cursor:pointer;line-height:1;
  border-right:1px solid var(--line);transition:background .15s,color .15s;}
.lang-btn:last-child{border-right:0;}
.lang-btn:hover{color:var(--white);}
.lang-btn[aria-pressed="true"]{background:var(--blue);color:#06222a;}
.a11y-divider{width:1px;height:18px;background:var(--line);}
.icon-btn{display:inline-flex;align-items:center;justify-content:center;gap:5px;
  background:transparent;border:1px solid var(--line);border-radius:var(--r);
  color:var(--paper);cursor:pointer;height:26px;min-width:30px;padding:0 8px;
  font-family:'Oswald';font-weight:600;line-height:1;transition:border-color .15s,background .15s,color .15s;}
.icon-btn:hover{border-color:var(--blue);color:var(--blue-l);}
.icon-btn[aria-pressed="true"]{background:var(--blue);color:#06222a;border-color:var(--blue);}
.icon-btn .a-sm{font-size:11px;} .icon-btn .a-lg{font-size:16px;}
#fs-label{font-family:'Oswald';font-size:11px;color:var(--muted);min-width:34px;text-align:center;}

.bar .main-row{display:flex;align-items:center;gap:22px;height:66px;}
.brand{display:flex;align-items:center;gap:11px;font-family:'Oswald';font-weight:700;
  text-transform:uppercase;letter-spacing:.13em;font-size:17px;color:var(--white);}
.brand .drop{width:18px;height:25px;flex:0 0 auto;}
.bar nav{display:flex;gap:26px;margin-left:14px;}
.bar nav a{font-family:'Oswald';font-weight:500;text-transform:uppercase;letter-spacing:.05em;
  font-size:14px;color:var(--muted);padding:4px 0;border-bottom:2px solid transparent;}
.bar nav a:hover{color:var(--white);border-color:var(--red);}
.bar .spacer{flex:1;}
.bar .tag{font-family:'Oswald';text-transform:uppercase;letter-spacing:.16em;font-size:11px;color:var(--muted);}
.menu-btn{display:none;background:none;border:0;color:var(--white);font-size:26px;cursor:pointer;line-height:1;}

/* ---------------- hero ---------------- */
.hero{padding-top:150px;padding-bottom:90px;position:relative;overflow:hidden;}
.hero .kicker{font-family:'Oswald';font-weight:600;text-transform:uppercase;letter-spacing:.22em;
  font-size:13px;color:var(--blue-l);margin-bottom:22px;display:flex;align-items:center;gap:12px;}
.hero h1{font-family:'Alfa Slab One',serif;font-weight:400;
  font-size:clamp(52px,11vw,140px);line-height:.9;margin:0 0 28px;color:var(--white);
  text-shadow:5px 5px 0 var(--red-d);}
.hero h1 .br{color:var(--blue-l);text-shadow:5px 5px 0 #073642;}
.hero .lede{font-size:clamp(19px,2.3vw,26px);line-height:1.5;max-width:30ch;color:var(--paper);margin:0 0 34px;}
.hero .lede b{color:var(--white);font-weight:600;}
.hero .cta-row{display:flex;flex-wrap:wrap;gap:14px;align-items:center;}
.hero .scroll{position:absolute;right:var(--gut);bottom:46px;font-family:'Oswald';
  text-transform:uppercase;letter-spacing:.2em;font-size:12px;color:var(--muted);
  writing-mode:vertical-rl;display:flex;align-items:center;gap:10px;}
.hero .scroll::after{content:"";height:46px;width:1px;background:linear-gradient(var(--blue),transparent);}
/* drops column decoration */
.drops-deco{position:absolute;right:6%;top:120px;display:flex;flex-direction:column;gap:18px;opacity:.9;pointer-events:none;}
.drops-deco .drop{width:34px;height:48px;}
.drops-deco .drop:nth-child(2){margin-left:40px;width:26px;height:37px;}
.drops-deco .drop:nth-child(3){margin-left:14px;width:44px;height:62px;}
.drops-deco .drop:nth-child(4){margin-left:54px;width:20px;height:28px;}
@media(max-width:860px){.drops-deco{display:none;}}

/* ---------------- para quem (cards) ---------------- */
.intro-p{font-size:20px;line-height:1.6;color:var(--muted);max-width:60ch;margin:0 0 48px;}
.intro-p b{color:var(--paper);font-weight:600;}
.grid4{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;}
.card{
  background:var(--ink-2);border:1px solid var(--line);border-radius:var(--r);
  padding:30px 26px 30px;position:relative;overflow:hidden;
  transition:transform .18s ease,border-color .18s ease;
}
.card::before{content:"";position:absolute;left:0;top:0;height:4px;width:100%;background:var(--blue);}
.card:nth-child(2)::before{background:var(--red);}
.card:nth-child(3)::before{background:var(--paper);opacity:.6;}
.card:nth-child(4)::before{background:var(--blue);}
.card:hover{transform:translateY(-4px);border-color:var(--blue);}
.card .ico{width:54px;height:54px;margin-bottom:20px;}
.card h3{font-family:'Oswald';font-weight:600;text-transform:uppercase;letter-spacing:.03em;
  font-size:18px;color:var(--white);margin:0 0 12px;line-height:1.15;}
.card p{font-size:15.5px;line-height:1.55;color:var(--muted);margin:0;}

/* ---------------- manifesto band ---------------- */
.band{background:var(--red);color:var(--white);position:relative;overflow:hidden;}
.band .grain{position:absolute;inset:0;pointer-events:none;mix-blend-mode:screen;opacity:.08;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");}
.band h2{color:var(--white);}
.band h2 .em{color:#0b2a30;background:var(--blue-l);padding:0 .18em;font-style:italic;}
.band p{font-size:19px;line-height:1.62;max-width:62ch;color:#fdecea;}
.band p b{color:var(--white);font-weight:700;}
.proverbs{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;margin-top:54px;
  background:rgba(255,255,255,.18);border:1px solid rgba(255,255,255,.18);border-radius:var(--r);overflow:hidden;}
.proverb{background:var(--red);padding:34px 26px;}
.proverb .q{font-family:'Alfa Slab One',serif;font-size:23px;line-height:1.04;color:var(--white);margin:0 0 12px;}
.proverb .d{font-size:14px;color:#fbd7d2;line-height:1.5;margin:0;}

/* ---------------- workshops ---------------- */
.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;}
.wk{background:var(--ink-2);border:1px solid var(--line);border-radius:var(--r);padding:34px 30px;position:relative;
  transition:transform .18s,border-color .18s;}
.wk:hover{transform:translateY(-4px);border-color:var(--red);}
.wk .num{font-family:'Alfa Slab One',serif;font-size:46px;color:var(--blue-l);opacity:.6;line-height:1;margin-bottom:18px;}
.wk h3{font-family:'Oswald';font-weight:600;font-size:24px;color:var(--white);margin:0 0 14px;line-height:1.1;}
.wk p{font-size:16px;line-height:1.55;color:var(--muted);margin:0 0 22px;}
.wk .chip{font-family:'Oswald';text-transform:uppercase;letter-spacing:.08em;font-size:12px;font-weight:600;
  color:var(--blue-l);border:1px solid var(--blue);border-radius:999px;padding:6px 14px;display:inline-flex;gap:7px;align-items:center;}
.wk .chip::before{content:"+";font-weight:700;}

/* ---------------- preço (tiers) ---------------- */
.tiers{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;align-items:start;}
.tier{background:var(--ink-2);border:1px solid var(--line);border-radius:var(--r);overflow:hidden;display:flex;flex-direction:column;}
.tier .top{padding:28px 28px 24px;border-bottom:1px solid var(--line);}
.tier .name{font-family:'Oswald';font-weight:600;text-transform:uppercase;letter-spacing:.1em;font-size:14px;color:var(--muted);margin-bottom:14px;}
.tier .price{font-family:'Alfa Slab One',serif;font-size:30px;line-height:1.05;color:var(--white);}
.tier .price small{font-family:'Bitter';font-style:italic;font-weight:400;font-size:16px;color:var(--muted);display:block;margin-top:6px;}
.tier .body{padding:24px 28px 28px;display:flex;flex-direction:column;gap:18px;flex:1;}
.tier .body > p{font-size:15.5px;line-height:1.55;color:var(--paper);margin:0;}
.tier ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px;}
.tier li{font-size:15px;color:var(--muted);padding-left:26px;position:relative;line-height:1.4;}
.tier li::before{content:"";position:absolute;left:0;top:7px;width:13px;height:18px;
  background:no-repeat center/contain;}
.tier.t1{border-top:4px solid var(--blue);}
.tier.t2{border-top:4px solid var(--red);}
.tier.t3{border-top:4px solid var(--paper);}
.tier.t1 li::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13' height='18'%3E%3Cpath d='M6.5 1C6.5 1 1 9 1 12a5.5 5.5 0 0 0 11 0C12 9 6.5 1 6.5 1Z' fill='%230D95AD'/%3E%3C/svg%3E");}
.tier.t2 li::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13' height='18'%3E%3Cpath d='M6.5 1C6.5 1 1 9 1 12a5.5 5.5 0 0 0 11 0C12 9 6.5 1 6.5 1Z' fill='%23D6362A'/%3E%3C/svg%3E");}
.tier.t3 li::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13' height='18'%3E%3Cpath d='M6.5 1C6.5 1 1 9 1 12a5.5 5.5 0 0 0 11 0C12 9 6.5 1 6.5 1Z' fill='%23F4F1E8'/%3E%3C/svg%3E");}
.tier .badge{font-family:'Oswald';text-transform:uppercase;letter-spacing:.06em;font-size:12px;font-weight:600;
  align-self:flex-start;padding:5px 12px;border-radius:999px;}
.tier.t1 .badge{background:rgba(13,149,173,.16);color:var(--blue-l);}
.tier.t2 .badge{background:rgba(214,54,42,.16);color:var(--red-l);}
.tier.t3 .badge{background:rgba(244,241,232,.12);color:var(--paper);}

.howpay{margin-top:30px;display:grid;grid-template-columns:1fr 1fr;gap:22px;}
.howpay .note{background:var(--ink-2);border:1px solid var(--line);border-left:3px solid var(--blue);
  border-radius:var(--r);padding:24px 26px;font-size:16px;line-height:1.6;color:var(--paper);}
.howpay .note:last-child{border-left-color:var(--red);}
.howpay .note b{color:var(--white);font-weight:700;}

/* ---------------- como funciona (steps) ---------------- */
.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:0;border:1px solid var(--line);border-radius:var(--r);overflow:hidden;}
.step{padding:34px 28px;border-right:1px solid var(--line);position:relative;}
.step:last-child{border-right:0;}
.step .num{font-family:'Oswald';font-weight:700;font-size:14px;letter-spacing:.1em;color:var(--blue-l);margin-bottom:16px;}
.step h3{font-family:'Oswald';font-weight:600;font-size:20px;color:var(--white);margin:0 0 12px;line-height:1.12;}
.step p{font-size:15px;line-height:1.55;color:var(--muted);margin:0;}
.step:nth-child(4){background:var(--ink-2);}

/* ---------------- final CTA ---------------- */
.final{text-align:center;}
.final h2{font-family:'Alfa Slab One',serif;font-size:clamp(34px,6vw,72px);line-height:.98;color:var(--white);margin:0 auto 30px;max-width:16ch;}
.final .lines{font-size:19px;line-height:1.8;color:var(--muted);max-width:48ch;margin:0 auto 36px;}
.final .lines b{color:var(--white);font-weight:600;}
.final .cta-row{display:flex;gap:14px;justify-content:center;flex-wrap:wrap;}
.final .drop-big{width:50px;height:70px;margin:0 auto 26px;}

/* ---------------- case fundador (ACRICA) ---------------- */
.case-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:22px;margin:0 0 34px;}
.case-stats .cstat{border-left:3px solid var(--red);padding-left:16px;}
.case-stats .cn{font-family:'Alfa Slab One',serif;font-size:44px;line-height:1;color:var(--blue-l);}
.case-stats .cl{font-family:'Oswald';text-transform:uppercase;letter-spacing:.06em;font-size:12px;color:var(--muted);margin-top:8px;line-height:1.4;}
@media(max-width:760px){.case-stats{grid-template-columns:1fr 1fr;gap:26px 18px;}}

/* ---------------- footer ---------------- */
footer{border-top:1px solid var(--line);padding:54px 0 64px;background:#100D0B;}
footer .wrap{display:flex;flex-wrap:wrap;gap:30px;align-items:flex-start;justify-content:space-between;}
footer .fbrand{font-family:'Oswald';font-weight:700;text-transform:uppercase;letter-spacing:.13em;font-size:20px;color:var(--white);display:flex;align-items:center;gap:11px;}
footer .fbrand .drop{width:18px;height:25px;}
footer p{font-size:15px;color:var(--muted);line-height:1.6;margin:8px 0 0;max-width:42ch;}
footer a.lnk{color:var(--blue-l);border-bottom:1px solid var(--blue);}
footer .meta{font-family:'Oswald';text-transform:uppercase;letter-spacing:.14em;font-size:12px;color:var(--muted);text-align:right;}
footer .meta .q{font-style:italic;font-family:'Bitter';text-transform:none;letter-spacing:0;font-size:15px;color:var(--paper);display:block;margin-bottom:10px;}

/* ---------------- reveal: disabled — content is always visible ---------------- */
.rv{opacity:1;transform:none;}

/* anchored sections clear the fixed header */
section[id], main > [id]{scroll-margin-top:118px;}

/* ================= HIGH CONTRAST MODE ================= */
html.hc{
  --ink:#000000; --ink-2:#0A0A0A; --ink-3:#141414;
  --line:rgba(255,255,255,.42);
  --paper:#FFFFFF; --white:#FFFFFF; --muted:#ECE7DC;
  --red:#FF6B5C; --red-d:#E0382A; --red-l:#FF8A7D;
  --blue:#57C9DE; --blue-d:#1C8FA6; --blue-l:#86DCEC;
}
html.hc body{background:#000;}
html.hc .card,html.hc .wk,html.hc .tier,html.hc .step,html.hc .howpay .note,html.hc footer{background:#0A0A0A;}
html.hc .band{background:#8E1206;}
html.hc .band p{color:#fff;}
html.hc .proverb{background:#8E1206;}
html.hc .btn-blue{color:#002028;}
html.hc .lang-btn[aria-pressed="true"],html.hc .icon-btn[aria-pressed="true"]{color:#002028;}
html.hc .card p,html.hc .wk p,html.hc .tier li,html.hc .step p,html.hc .intro-p{color:#F4EFE4;}

/* ---------------- responsive ---------------- */
@media(max-width:980px){
  .grid4{grid-template-columns:repeat(2,1fr);}
  .grid3,.tiers{grid-template-columns:1fr;}
  .proverbs{grid-template-columns:1fr;}
  .steps{grid-template-columns:1fr 1fr;}
  .step:nth-child(2){border-right:0;}
  .step{border-bottom:1px solid var(--line);}
  .howpay{grid-template-columns:1fr;}
}
@media(max-width:760px){
  .bar nav,.bar .tag{display:none;}
  .menu-btn{display:block;}
  .util .wrap{justify-content:space-between;gap:10px;}
  .ctrl-group .gl{display:none;}
  .bar nav.open{display:flex;position:absolute;top:104px;left:0;right:0;flex-direction:column;
    background:var(--ink);border-bottom:1px solid var(--line);padding:14px var(--gut) 20px;gap:6px;}
  .bar nav.open a{padding:10px 0;border-bottom:1px solid var(--line);}
  section[id], main > [id]{scroll-margin-top:150px;}
}
@media(max-width:430px){
  .util .wrap{height:auto;flex-wrap:wrap;padding-top:6px;padding-bottom:6px;gap:8px;}
  .icon-btn{height:24px;}
}
@media(max-width:520px){
  .grid4{grid-template-columns:1fr;}
  .steps{grid-template-columns:1fr;}
  .step{border-right:0;}
}