/* ============================================================
   T360 — Landing site styles (built on colors_and_type.css)
   Mode: dark petrol hero/footer · warm cream body · antique gold
   ============================================================ */

*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;
  font-family:var(--font-sans);
  color:var(--ink-soft);
  background:var(--cream);
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
}
img{display:block;max-width:100%}
a{color:inherit;text-decoration:none}
::selection{background:rgba(201,162,74,.28)}

.container{max-width:1200px;margin:0 auto;padding:0 40px}
.section{padding:120px 0;position:relative}
[id]{scroll-margin-top:90px}
.section--tight{padding:84px 0}

/* ---------- ground variants ---------- */
.bg-cream{background:var(--cream)}
.bg-cream2{
  background:
    radial-gradient(120% 80% at 50% 0%, #FBF6EC 0%, var(--cream) 55%, var(--cream-2) 100%);
}
.bg-petrol{background:var(--petrol-900);color:var(--on-petrol)}
.bg-petrol .lead{color:var(--on-petrol-mut)}

/* ============================================================
   TYPOGRAPHY HELPERS
   ============================================================ */
.eyebrow{
  font-size:14px;font-weight:600;letter-spacing:.22em;text-transform:uppercase;
  color:var(--gold-ink);margin:0;
}
.bg-petrol .eyebrow{color:var(--gold-soft)}

/* eyebrow flanked by diamond-tipped gold rules */
.erule{display:flex;align-items:center;gap:16px;margin:0 0 26px}
.erule.center{justify-content:center}
.erule .l{height:1px;flex:1;max-width:90px;background:var(--gold-line);opacity:.6}
.erule.center .l{max-width:80px}
.erule .dia{width:7px;height:7px;border:1.4px solid var(--gold-line);transform:rotate(45deg);flex:none}
.erule .lab{font-size:13px;font-weight:600;letter-spacing:.24em;text-transform:uppercase;color:var(--gold-ink);white-space:nowrap}
.bg-petrol .erule .lab{color:var(--gold-soft)}
.bg-petrol .erule .l,.bg-petrol .erule .dia{border-color:var(--gold-soft);background:var(--gold-soft);opacity:.5}

/* two-tone serif display heading: line 1 ink, line 2 gold foil */
h1,h2,h3{margin:0;font-family:var(--font-display);font-weight:500;line-height:1.06;letter-spacing:.005em}
.htitle .l1{display:block;color:var(--petrol-900)}
.htitle .l2{display:block;background:var(--grad-gold-text);-webkit-background-clip:text;background-clip:text;color:transparent;padding-bottom:.05em}
.bg-petrol .htitle .l1{color:var(--sand-50)}
.htitle.up{text-transform:uppercase;letter-spacing:.03em;line-height:1.02}

.serif{font-family:var(--font-display)}
.gold{color:var(--gold-ink)}
.bg-petrol .gold{color:var(--gold-soft)}

.lead{font-size:20px;line-height:1.62;color:var(--ink-soft);margin:0;font-weight:400}
.lead b{color:var(--gold-ink);font-weight:600}
.bg-petrol .lead b{color:var(--gold-soft)}

.section-head{max-width:760px}
.section-head.center{margin:0 auto;text-align:center}
.section-head h2{font-size:54px}
.section-head .lead{margin-top:22px}

/* diamond divider */
.ddiv{display:flex;align-items:center;gap:14px;margin:24px 0}
.ddiv.center{justify-content:center}
.ddiv .l{height:1px;width:70px;background:var(--gold-line);opacity:.7}
.ddiv .dia{width:9px;height:9px;border:1.5px solid var(--gold-line);transform:rotate(45deg);flex:none}

/* ============================================================
   BUTTONS
   ============================================================ */
.btn{
  display:inline-flex;align-items:center;justify-content:center;gap:10px;
  font-family:var(--font-sans);font-weight:600;font-size:15px;letter-spacing:.04em;
  padding:16px 34px;border-radius:var(--radius-pill);cursor:pointer;border:1.5px solid transparent;
  transition:transform var(--dur-fast) var(--ease-out),background var(--dur-base) var(--ease-soft),
             color var(--dur-base) var(--ease-soft),border-color var(--dur-base) var(--ease-soft),box-shadow var(--dur-base) var(--ease-soft);
  white-space:nowrap;
}
.btn i{width:18px;height:18px}
.btn:active{transform:translateY(1px)}

.btn--gold{background:var(--gold-deep);color:#23180A;box-shadow:0 8px 22px rgba(184,146,61,.28)}
.btn--gold:hover{background:var(--gold-soft);box-shadow:0 10px 26px rgba(184,146,61,.36)}

.btn--solid{background:var(--petrol-900);color:var(--sand-50)}
.btn--solid:hover{background:var(--petrol-700)}

.btn--outline{background:transparent;border-color:var(--gold-line);color:var(--gold-ink)}
.btn--outline:hover{background:rgba(201,162,74,.10)}
.bg-petrol .btn--outline{border-color:rgba(216,185,104,.6);color:var(--sand-50)}
.bg-petrol .btn--outline:hover{background:rgba(216,185,104,.12)}

.btn--lg{padding:19px 42px;font-size:16px}

/* text link with growing underline */
.tlink{position:relative;color:var(--gold-ink);font-weight:600;font-size:15px;letter-spacing:.03em;display:inline-flex;align-items:center;gap:7px}
.tlink::after{content:"";position:absolute;left:0;bottom:-3px;height:1.5px;width:0;background:var(--gold-line);transition:width var(--dur-base) var(--ease-out)}
.tlink:hover::after{width:100%}
.bg-petrol .tlink{color:var(--gold-soft)}

/* ============================================================
   NAVBAR
   ============================================================ */
.nav{position:fixed;top:0;left:0;right:0;z-index:60;
  background:rgba(10,32,30,.0);transition:background var(--dur-base) var(--ease-soft),box-shadow var(--dur-base) var(--ease-soft),backdrop-filter var(--dur-base);
}
.nav.scrolled{background:rgba(9,26,25,.82);backdrop-filter:blur(14px) saturate(1.1);box-shadow:0 1px 0 rgba(216,185,104,.14)}
.nav-inner{display:flex;align-items:center;justify-content:space-between;height:84px}
.nav-brand{display:flex;align-items:center;gap:13px}
.nav-brand img.mark{width:38px}
.nav-brand img.word{height:24px}
.nav-links{display:flex;align-items:center;gap:34px}
.nav-links a{font-size:15px;font-weight:500;color:var(--sand-100);opacity:.82;letter-spacing:.01em;transition:opacity var(--dur-fast)}
.nav-links a:hover{opacity:1}
.nav-cta{display:flex;align-items:center;gap:22px}
.nav-switch{font-size:13.5px;font-weight:600;letter-spacing:.04em;color:var(--gold-soft);display:inline-flex;align-items:center;gap:6px;opacity:.9}
.nav-switch:hover{opacity:1}
.nav-toggle{display:none;background:none;border:none;color:var(--sand-100);cursor:pointer}
@media(max-width:980px){
  .nav-links{display:none}
  .nav .btn{display:none}
}

/* ============================================================
   HERO
   ============================================================ */
.hero{position:relative;overflow:hidden;background:
   radial-gradient(120% 90% at 82% 8%, #16403B 0%, var(--petrol-900) 46%, var(--petrol-950) 100%);
}
.hero::after{content:"";position:absolute;inset:0;pointer-events:none;
  background:url("assets/logo-mark.png") no-repeat;background-size:760px;background-position:right -180px top -120px;opacity:.05}
.hero-inner{position:relative;z-index:2;display:grid;grid-template-columns:1.15fr .85fr;gap:60px;align-items:center;padding:150px 0 110px}
.hero h1{font-size:66px;color:var(--sand-50);line-height:1.04}
.hero h1 .gold{display:inline}
.hero .lead{margin-top:28px;max-width:560px;font-size:21px}
.hero-actions{display:flex;flex-wrap:wrap;gap:16px;margin-top:40px}
.hero-meta{display:flex;gap:30px;margin-top:46px;flex-wrap:wrap}
.hero-meta .mi{display:flex;align-items:flex-start;gap:12px;max-width:215px}
.hero-meta .mi i{width:22px;height:22px;color:var(--gold-soft);flex:none;margin-top:2px;stroke-width:1.5}
.hero-meta .mi span{font-size:14.5px;line-height:1.45;color:var(--on-petrol-mut)}
.hero-meta .mi b{color:var(--sand-50);font-weight:600;display:block;font-size:15px;margin-bottom:1px}

/* hero ring visual */
.hero-art{position:relative;display:flex;align-items:center;justify-content:center;min-height:420px}
.hero-art .ringwrap{position:relative;width:100%;max-width:430px;aspect-ratio:1;display:flex;align-items:center;justify-content:center}
.hero-art .glow{position:absolute;inset:6%;border-radius:50%;background:radial-gradient(circle,rgba(216,185,104,.20),transparent 62%);filter:blur(6px)}
.hero-art .ring-o{position:absolute;border:1px solid rgba(216,185,104,.32);border-radius:50%}
.hero-art .ring-o.a{inset:0}
.hero-art .ring-o.b{inset:13%;border-color:rgba(216,185,104,.18)}
.hero-art img{width:62%;position:relative;z-index:2;filter:drop-shadow(0 22px 40px rgba(0,0,0,.5))}
.hero-orbit{position:absolute;width:13px;height:13px}
.hero-orbit .dia{width:9px;height:9px;border:1.4px solid var(--gold-soft);transform:rotate(45deg);opacity:.7}

@media(max-width:900px){
  .hero-inner{grid-template-columns:1fr;gap:30px;padding:48px 0 80px}
  .hero h1{font-size:46px}
  .hero-inner{padding:120px 0 80px}
  .hero-art{min-height:280px;order:-1}
  .hero-art .ringwrap{max-width:300px}
}

/* ============================================================
   CARDS / GRIDS
   ============================================================ */
.grid{display:grid;gap:28px}
.cols-5{grid-template-columns:repeat(5,1fr)}
.cols-4{grid-template-columns:repeat(4,1fr)}
.cols-3{grid-template-columns:repeat(3,1fr)}
.cols-2{grid-template-columns:repeat(2,1fr)}

.card{background:#FFFDFA;border:1px solid var(--cream-line);border-radius:var(--radius-lg);padding:34px 30px;box-shadow:var(--shadow-sm);transition:transform var(--dur-base) var(--ease-out),box-shadow var(--dur-base) var(--ease-out)}
.card:hover{transform:translateY(-4px);box-shadow:var(--shadow-md)}
.card h3{font-size:23px;color:var(--petrol-900);margin-bottom:10px}
.card p{margin:0;font-size:16px;line-height:1.58;color:var(--ink-soft)}

/* beaded gold icon ring */
.gicon{border-radius:50%;border:1.5px solid var(--gold-line);display:flex;align-items:center;justify-content:center;position:relative;background:rgba(255,255,255,.5);flex:none}
.gicon i{color:var(--gold-ink);stroke-width:1.4}
.gicon::before,.gicon::after{content:"";position:absolute;border-radius:50%;background:var(--gold-line)}
.gicon::before{width:6px;height:6px;top:8%;right:12%}
.gicon::after{width:4px;height:4px;top:24%;right:2%}
.bg-petrol .gicon{border-color:rgba(216,185,104,.55);background:rgba(255,255,255,.04)}
.bg-petrol .gicon i{color:var(--gold-soft)}
.bg-petrol .gicon::before,.bg-petrol .gicon::after{background:var(--gold-soft)}

/* pillar card */
.pillar{display:flex;flex-direction:column;align-items:center;text-align:center;gap:16px;padding:36px 22px}
.pillar .gicon{width:84px;height:84px}
.pillar .gicon i{width:36px;height:36px}
.pillar .pname{font-family:var(--font-display);font-weight:500;font-size:21px;color:var(--petrol-900)}
.pillar p{font-size:14.5px;line-height:1.5;color:var(--ink-soft);margin:0}

/* checklist */
.chklist{display:grid;gap:18px}
.chk{display:flex;align-items:flex-start;gap:15px}
.chk .cc{width:32px;height:32px;border-radius:50%;border:1.5px solid var(--gold-line);display:flex;align-items:center;justify-content:center;flex:none;margin-top:1px}
.chk .cc i{width:16px;height:16px;color:var(--gold-ink);stroke-width:2}
.chk p{margin:0;font-size:17px;line-height:1.45;color:var(--ink-soft)}
.chk p b{color:var(--petrol-900);font-weight:700}
.bg-petrol .chk .cc{border-color:rgba(216,185,104,.55)}
.bg-petrol .chk .cc i{color:var(--gold-soft)}
.bg-petrol .chk p{color:var(--on-petrol-mut)}
.bg-petrol .chk p b{color:var(--sand-50)}

/* ============================================================
   OUTCOMES WHEEL
   ============================================================ */
.wheel{position:relative;width:430px;height:430px;flex:none;margin:0 auto}
.wheel .hub{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:140px}
.whl{position:absolute;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;gap:8px;width:120px}
.whl .gicon{width:78px;height:78px}
.whl .gicon i{width:32px;height:32px}
.whl label{font-size:13px;letter-spacing:.07em;text-transform:uppercase;color:var(--gold-ink);font-weight:600;line-height:1.2;text-align:center}
@media(max-width:520px){.wheel{transform:scale(.78);margin:-40px auto}}

/* ============================================================
   STEP TIMELINE (journey)
   ============================================================ */
.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:28px;position:relative}
.steps::before{content:"";position:absolute;top:42px;left:8%;right:8%;height:1px;background:linear-gradient(90deg,transparent,var(--gold-line) 12%,var(--gold-line) 88%,transparent);opacity:.5}
.step{display:flex;flex-direction:column;align-items:center;text-align:center;gap:16px;position:relative}
.step .gicon{width:84px;height:84px;background:var(--cream)}
.step .gicon i{width:34px;height:34px}
.step .snum{font-family:var(--font-display);font-size:14px;letter-spacing:.2em;color:var(--gold-ink);font-weight:600}
.step .stitle{font-family:var(--font-display);font-weight:500;font-size:20px;color:var(--petrol-900);line-height:1.15}
.step p{margin:0;font-size:15px;line-height:1.5;color:var(--ink-soft)}
@media(max-width:820px){.steps{grid-template-columns:1fr 1fr}.steps::before{display:none}}

/* ============================================================
   TEAM
   ============================================================ */
.team-card{text-align:center;display:flex;flex-direction:column;align-items:center}
.pcirc{width:188px;height:188px;border-radius:50%;border:1.5px solid var(--gold-line);padding:8px;position:relative;background:rgba(255,255,255,.5);margin-bottom:22px}
.pcirc::before{content:"";position:absolute;width:9px;height:9px;border-radius:50%;background:var(--gold-line);top:9%;right:8%}
.pcirc image-slot{width:100%;height:100%;border-radius:50%;display:block}
.team-card .tname{font-family:var(--font-display);font-weight:500;font-size:26px;color:var(--petrol-900);line-height:1.12}
.team-card .trole{font-size:13px;letter-spacing:.12em;text-transform:uppercase;color:var(--gold-ink);font-weight:600;margin:9px 0 16px;max-width:280px}
.team-card .tbio{font-size:15.5px;line-height:1.55;color:var(--ink-soft);max-width:300px}

/* ============================================================
   FEATURE SPLIT (3 specialists together)
   ============================================================ */
.split{display:grid;grid-template-columns:1fr 1fr;gap:72px;align-items:center}
.specialist-row{display:flex;gap:30px;justify-content:center;margin-top:8px}
.spec{display:flex;flex-direction:column;align-items:center;text-align:center;gap:12px;max-width:170px}
.spec .gicon{width:104px;height:104px}
.spec .gicon i{width:46px;height:46px}
.spec .sname{font-family:var(--font-display);font-size:18px;text-transform:uppercase;letter-spacing:.05em;color:var(--gold-soft);font-weight:500}
.spec p{font-size:14px;line-height:1.45;color:var(--on-petrol-mut);margin:0}
@media(max-width:880px){.split{grid-template-columns:1fr;gap:40px}}

/* ============================================================
   CALLOUT
   ============================================================ */
.callout{border:1px solid var(--gold-line);border-radius:var(--radius-xl);padding:46px 54px 40px;text-align:center;position:relative;background:rgba(255,253,250,.5)}
.callout .badge{position:absolute;top:-30px;left:50%;transform:translateX(-50%);width:60px;height:60px;border-radius:50%;border:1.5px solid var(--gold-line);background:var(--cream);display:flex;align-items:center;justify-content:center}
.callout .badge i{width:27px;height:27px;color:var(--gold-ink);stroke-width:1.4}
.callout .small{font-size:18px;color:var(--ink-soft);margin:0 0 8px}
.callout .big{font-family:var(--font-display);font-weight:500;font-size:32px;line-height:1.2;color:var(--petrol-900);margin:0}
.callout .big em{font-style:italic;color:var(--gold-ink)}

/* ============================================================
   FAQ
   ============================================================ */
.faq{max-width:840px;margin:0 auto}
.faq details{border-bottom:1px solid var(--cream-line);padding:8px 0}
.faq summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:24px 4px;font-family:var(--font-display);font-weight:500;font-size:22px;color:var(--petrol-900);transition:color var(--dur-fast)}
.faq summary::-webkit-details-marker{display:none}
.faq summary:hover{color:var(--gold-ink)}
.faq summary .ic{width:28px;height:28px;border-radius:50%;border:1.5px solid var(--gold-line);display:flex;align-items:center;justify-content:center;flex:none;transition:transform var(--dur-base) var(--ease-out)}
.faq summary .ic i{width:15px;height:15px;color:var(--gold-ink)}
.faq details[open] summary .ic{transform:rotate(45deg)}
.faq .ans{padding:0 4px 26px;font-size:17px;line-height:1.62;color:var(--ink-soft);max-width:720px}

/* ============================================================
   CTA BAND
   ============================================================ */
.ctaband{position:relative;overflow:hidden;background:
   radial-gradient(120% 120% at 50% 0%, #16403B 0%, var(--petrol-900) 55%, var(--petrol-950) 100%);
  text-align:center;padding:104px 0}
.ctaband::after{content:"";position:absolute;inset:0;background:url("assets/logo-mark.png") no-repeat center;background-size:560px;opacity:.05;pointer-events:none}
.ctaband .inner{position:relative;z-index:2;max-width:760px;margin:0 auto}
.ctaband h2{font-size:50px;color:var(--sand-50)}
.ctaband .lead{margin:22px auto 0;color:var(--on-petrol-mut);max-width:560px}
.ctaband .hero-actions{justify-content:center}

/* ============================================================
   FORM
   ============================================================ */
.formwrap{max-width:720px;margin:0 auto;background:#FFFDFA;border:1px solid var(--cream-line);border-radius:var(--radius-xl);padding:54px 56px;box-shadow:var(--shadow-md)}
.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}
.field{display:flex;flex-direction:column;gap:8px}
.field.full{grid-column:1/-1}
.field label{font-size:13px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--gold-ink)}
.field input,.field select,.field textarea{
  font-family:var(--font-sans);font-size:16px;color:var(--charcoal);
  background:var(--cream);border:1px solid var(--cream-line);border-radius:var(--radius-md);
  padding:14px 16px;transition:border-color var(--dur-fast),box-shadow var(--dur-fast);
}
.field textarea{resize:vertical;min-height:104px}
.field input:focus,.field select:focus,.field textarea:focus{outline:none;border-color:var(--gold-line);box-shadow:0 0 0 3px rgba(201,162,74,.16)}
.form-note{font-size:13.5px;color:var(--taupe-600);margin:18px 0 0;text-align:center}
.form-ok{display:none;text-align:center;padding:30px 0}
.form-ok .gicon{width:74px;height:74px;margin:0 auto 22px}
.form-ok .gicon i{width:34px;height:34px}
.form-ok h3{font-size:30px;color:var(--petrol-900);margin-bottom:10px}
.form-ok p{color:var(--ink-soft);font-size:17px;max-width:420px;margin:0 auto}
@media(max-width:640px){.form-grid{grid-template-columns:1fr}.formwrap{padding:36px 26px}}

/* ============================================================
   FOOTER
   ============================================================ */
.footer{background:var(--petrol-950);color:var(--on-petrol-mut);padding:80px 0 40px}
.footer-top{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:48px;padding-bottom:54px;border-bottom:1px solid var(--border-on-deep)}
.footer-brand img.word{height:30px;margin-bottom:22px}
.footer-brand p{font-size:15px;line-height:1.6;max-width:340px;margin:0}
.footer-brand .serif{font-family:var(--font-display);font-style:italic;color:var(--gold-soft);font-size:18px;margin-top:20px}
.fcol h4{font-size:12.5px;letter-spacing:.18em;text-transform:uppercase;color:var(--gold-soft);font-weight:600;margin:0 0 20px}
.fcol a,.fcol span{display:flex;align-items:center;gap:10px;font-size:15px;color:var(--on-petrol-mut);margin-bottom:14px;transition:color var(--dur-fast)}
.fcol a:hover{color:var(--sand-50)}
.fcol i{width:17px;height:17px;color:var(--gold-soft);flex:none}
.footer-bot{display:flex;align-items:center;justify-content:space-between;padding-top:30px;font-size:13px;color:var(--petrol-400);flex-wrap:wrap;gap:12px}
@media(max-width:820px){.footer-top{grid-template-columns:1fr;gap:36px}}

/* ============================================================
   SCROLL REVEAL
   ============================================================ */
@media(prefers-reduced-motion:no-preference){
  .reveal{opacity:0;transform:translateY(26px);transition:opacity .7s var(--ease-out),transform .7s var(--ease-out)}
  .reveal.in{opacity:1;transform:none}
  .reveal.d1{transition-delay:.08s}
  .reveal.d2{transition-delay:.16s}
  .reveal.d3{transition-delay:.24s}
}

/* ---------- responsive grids ---------- */
@media(max-width:1000px){
  .cols-5{grid-template-columns:repeat(2,1fr)}
  .cols-4{grid-template-columns:repeat(2,1fr)}
  .cols-3{grid-template-columns:1fr}
  .section{padding:84px 0}
  .section-head h2,.ctaband h2{font-size:38px}
  .container{padding:0 24px}
}
@media(max-width:560px){
  .cols-5,.cols-2{grid-template-columns:1fr}
  .hero h1{font-size:38px}
}

/* ── Mobile fixes (≤ 600px) ── */
@media(max-width:600px){

  /* 1. Headings com font-size inline — !important sobrescreve inline styles */
  .htitle{font-size:30px!important;line-height:1.1!important}
  .htitle.up{font-size:24px!important;letter-spacing:.02em!important}
  .section-head h2{font-size:30px!important}
  .section-head .lead{font-size:16px!important}
  .ctaband h2{font-size:28px!important}

  /* 2. Formulário CTA — heading menor */
  .fb-head .htitle{font-size:28px!important}
  .fb-head .lead{font-size:16px!important}

  /* 3. Para quem — chklist 2-col → 1 col, sem texto cortado */
  #para-quem .chklist{grid-template-columns:1fr!important;gap:16px!important}
  #diferencial .chklist{grid-template-columns:1fr!important;gap:14px!important}

  /* 4. Diferencial — specialist-row empilha verticalmente */
  .specialist-row{flex-direction:column!important;align-items:center!important;gap:20px!important}
  .spec{max-width:100%!important}

  /* 5. O que é — wheel escala menor e fica abaixo do texto */
  .wheel{width:300px!important;height:300px!important}
  .wheel .hub{width:90px!important}
  .whl{width:80px!important}
  .whl .gicon{width:52px!important;height:52px!important}
  .whl .gicon i{width:22px!important;height:22px!important}
  .whl label{font-size:10px!important}

  /* 6. Hero meta — itens em coluna */
  .hero-meta{flex-direction:column!important;gap:14px!important}

  /* 7. Steps — mantém 2 colunas mas reduz gap */
  .steps{gap:16px!important}
  .step .gicon{width:64px!important;height:64px!important}
  .step .gicon i{width:26px!important;height:26px!important}
  .step .stitle{font-size:17px!important}
  .step p{font-size:13px!important}

  /* 8. Team card */
  .pcirc{width:150px!important;height:150px!important}
  .team-card .tname{font-size:22px!important}

  /* 9. Callout */
  .callout{padding:38px 24px 28px!important}
  .callout .big{font-size:22px!important}
  .callout .small{font-size:16px!important}

  /* 10. Chk text size */
  .chk p{font-size:15px!important}

  /* 11. Section padding menor */
  .section{padding:60px 0!important}
  .formband{padding:72px 0!important}

  /* 12. Lead font no hero */
  .hero .lead{font-size:17px!important}

  /* 13. Form card no mobile */
  .fb-card{padding:28px 20px 24px!important}
  .fb-grid{grid-template-columns:1fr!important}
}