:root{
    color-scheme:dark;
    --bg:#0E0E0E; --bg2:#000;
    --panel:#181818; --panel2:#1F1F1F; --panel3:#282828;
    --ink:#F8F8F8; --ink2:#E0E0E0; --muted:#A8A8A8; --faint:#949494; --ghost:#696969;
    --violet:#F3573F; --violet-br:#FA6E58; --magenta:#FD9888; --magenta-br:#D9D9D9;
    --gold:#FD9888; --gold-br:#D9D9D9;
    --good:#54E0A6; --line:rgba(255,255,255,.06); --line2:rgba(255,255,255,.11);
    --field:rgba(253,152,136,.30);
    --grad:linear-gradient(100deg,var(--violet-br),var(--magenta));
    --ease:cubic-bezier(.16,1,.3,1);
    --sans:"Manrope",system-ui,sans-serif;
    --disp:"Manrope",system-ui,sans-serif;
    --mono:"IBM Plex Mono",ui-monospace,monospace;
    --maxw:1000px;
  }
  *{box-sizing:border-box;margin:0;padding:0}
  html{scroll-behavior:smooth}
  @media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{animation:none!important;transition:none!important}}
  body{
    background:var(--bg);color:var(--ink);font-family:var(--sans);font-size:15px;line-height:1.55;
    -webkit-font-smoothing:antialiased;
    background-image:
      radial-gradient(60rem 34rem at 84% -6%, rgba(253,152,136,.10), transparent 60%),
      radial-gradient(52rem 32rem at 6% 4%, rgba(250,110,88,.12), transparent 58%);
    background-attachment:fixed;
  }
  ::selection{background:var(--magenta);color:#fff}
  .wrap{max-width:var(--maxw);margin:0 auto;padding:0 22px}
  .mono{font-family:var(--mono)}
  .grad{background:var(--grad);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent}
  h1 .grad,footer .arrow .grad{background:linear-gradient(95deg,#D9D9D9 0%,#FA6E58 34%,#F4F4F4 50%,#FA6E58 66%,#D9D9D9 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent}

  /* fields */
  input.fld,textarea.area{
    font-family:var(--mono);font-size:12.5px;color:var(--ink);background:rgba(255,255,255,.015);
    border:0;border-bottom:1px solid var(--field);width:100%;padding:7px 2px;transition:border-color .15s,background .15s;
  }
  input.fld:focus,textarea.area:focus{outline:none;border-bottom-color:var(--magenta-br);background:rgba(253,152,136,.05)}
  input.fld::placeholder,textarea.area::placeholder{color:var(--ghost)}
  textarea.area{resize:vertical;min-height:44px;border:1px solid var(--line2);border-radius:7px;padding:9px 11px;line-height:1.6}
  input.fld.rs{border-bottom-color:var(--field)}
  .flabel{font-family:var(--mono);font-size:11px;color:var(--muted);letter-spacing:.02em;display:block;margin-bottom:3px}
  .lead-in{margin:10px 0 4px;font-size:13.5px;color:var(--ink2);max-width:78ch}
  .q{margin-top:14px}
  .q .qt{font-size:13.5px;color:var(--ink2);line-height:1.45}

  /* header */
  header{padding:44px 0 8px}
  .brand{display:flex;align-items:center;gap:9px;font-family:var(--sans);font-weight:800;font-size:16px;letter-spacing:-.01em}
  .brand .mk{width:22px;height:22px;border-radius:6px;background:var(--grad);box-shadow:0 0 18px rgba(253,152,136,.4)}
  .brand .sys{font-weight:400;color:var(--muted);font-size:12px;letter-spacing:.22em;text-transform:uppercase;margin-left:2px}
  h1{font-family:var(--disp);font-weight:800;font-size:clamp(32px,5.6vw,58px);line-height:.98;letter-spacing:-.045em;margin-top:24px;text-wrap:balance}
  .sub-h{margin-top:16px;color:var(--ink2);font-size:clamp(15px,1.7vw,17px);max-width:60ch}
  .ribbon{margin-top:24px;display:flex;flex-wrap:wrap;align-items:center;gap:9px;font-family:var(--mono);font-size:11px;letter-spacing:.08em;text-transform:uppercase}
  .ribbon .step{padding:7px 13px;border:1px solid var(--line2);border-radius:100px;color:var(--ink2);background:var(--panel)}
  .ribbon .arw{color:var(--magenta-br);font-weight:700}
  .principio{margin-top:26px;border:1px solid var(--line2);border-radius:12px;padding:20px 22px;background:linear-gradient(180deg,rgba(250,110,88,.08),transparent);position:relative;overflow:hidden}
  .principio::before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--grad)}
  .principio .pl{font-family:var(--mono);font-size:10.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--violet-br);margin-bottom:9px}
  .principio p{font-size:16px;color:var(--ink);line-height:1.5;max-width:70ch}

  /* section */
  .sec{margin-top:26px;border:1px solid var(--line);border-radius:22px;background:linear-gradient(155deg,rgba(243,87,63,.055),rgba(255,255,255,.012)),var(--panel);padding:28px 28px 30px;position:relative;box-shadow:0 1px 0 rgba(255,255,255,.03) inset}
  .sec-head{display:flex;gap:16px;align-items:flex-start;padding-bottom:16px;border-bottom:1px dashed var(--line2);margin-bottom:18px}
  .sec-num{font-family:var(--sans);font-weight:900;font-size:26px;line-height:1;letter-spacing:-.03em;background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent;flex:none;min-width:40px}
  .sec-head .ht h2{font-family:var(--sans);font-weight:800;font-size:20px;letter-spacing:-.01em;line-height:1.15}
  .sec-head .ht p{color:var(--muted);font-size:13px;margin-top:5px;max-width:66ch}
  .sub{margin-top:20px}
  .sub:first-child{margin-top:0}
  .sub-l{font-family:var(--mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--violet-br);font-weight:500;margin-bottom:12px;display:flex;align-items:center;gap:8px}
  .sub-l::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--magenta);flex:none}
  .note{margin-top:14px;font-size:12px;color:var(--faint);line-height:1.6;border-left:2px solid var(--ghost);padding-left:12px}
  .grid2{display:grid;grid-template-columns:1fr 1fr;gap:16px}
  .grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
  .rows{display:flex;flex-direction:column;gap:12px}

  /* market data table */
  .tblwrap{overflow-x:auto;margin-top:6px;border:1px solid var(--line2);border-radius:10px}
  table.md{width:100%;border-collapse:collapse;font-family:var(--mono);font-size:11.5px;min-width:820px;table-layout:fixed}
  table.md th,table.md td{border:1px solid var(--line);padding:0;text-align:left}
  table.md thead th{background:var(--panel3);color:var(--muted);padding:9px 10px;text-transform:uppercase;letter-spacing:.05em;font-weight:500;font-size:10px}
  table.md thead th:first-child,table.md tbody td:first-child{width:132px}
  table.md tbody td:first-child{background:var(--panel2);color:var(--ink2);padding:10px 10px;font-size:10.5px;line-height:1.4;vertical-align:top}
  table.md tbody td{vertical-align:top}
  table.md tbody td textarea{display:block;border:0;background:transparent;width:100%;padding:8px 9px;font-family:var(--mono);font-size:11px;line-height:1.55;color:var(--ink);resize:none;overflow:hidden;min-height:67px}
  table.md tbody td textarea::placeholder{color:var(--ghost)}
  table.md tbody td textarea:focus{outline:none;background:rgba(253,152,136,.07)}

  /* 1-5 scale */
  .scale-row{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:9px 0;border-bottom:1px dashed var(--line)}
  .scale-row:last-child{border-bottom:0}
  .scale-row .cr{font-size:13px;color:var(--ink2)}
  .scale{display:flex;gap:5px;flex:none}
  .scale button{width:28px;height:28px;border-radius:7px;border:1px solid var(--line2);background:var(--panel2);color:var(--muted);font-family:var(--mono);font-size:12px;cursor:pointer;transition:all .12s}
  .scale button:hover{border-color:var(--violet)}
  .scale button.on{background:var(--grad);color:#fff;border-color:transparent;box-shadow:0 0 14px rgba(253,152,136,.4);font-weight:700}
  .score-box{margin-top:16px;display:flex;align-items:center;justify-content:space-between;gap:14px;background:linear-gradient(180deg,rgba(250,110,88,.10),transparent);border:1px solid var(--line2);border-radius:10px;padding:14px 18px}
  .score-box .sl{font-family:var(--mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}
  .score-box .sv{font-family:var(--sans);font-weight:900;font-size:26px;letter-spacing:-.02em}
  .score-box .sv b{background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}
  .score-box .sv .den{color:var(--faint);font-weight:400;font-size:18px}

  /* checkboxes */
  .chks{display:grid;grid-template-columns:1fr 1fr;gap:9px 20px;margin-top:4px}
  .chk{display:flex;align-items:center;gap:10px;cursor:pointer;font-size:13px;color:var(--ink2)}
  .chk input{position:absolute;opacity:0;width:0;height:0}
  .chk .bx{width:17px;height:17px;border:1.5px solid var(--field);border-radius:5px;flex:none;display:flex;align-items:center;justify-content:center;transition:all .14s}
  .chk input:checked+.bx{background:var(--grad);border-color:transparent}
  .chk input:checked+.bx::after{content:"✓";font-size:11px;color:#fff;font-weight:800}
  .chk input:checked~span{color:var(--ink)}
  .chk input:focus-visible+.bx{outline:2px solid var(--magenta-br);outline-offset:2px}

  /* sim/nao + radios */
  .binrow{display:flex;align-items:center;gap:16px;flex-wrap:wrap;font-size:13px;color:var(--ink2);margin-top:6px}
  .radio{display:inline-flex;align-items:center;gap:7px;cursor:pointer}
  .radio input{position:absolute;opacity:0;width:0;height:0}
  .radio .dot{width:15px;height:15px;border-radius:50%;border:1.5px solid var(--field);flex:none}
  .radio input:checked+.dot{border-color:var(--magenta);background:radial-gradient(circle,var(--magenta) 0 5px,transparent 6px)}
  .pcts{display:flex;gap:8px;flex-wrap:wrap;margin-top:8px}
  .pcts .radio .dot{border-radius:6px}
  .pcts .radio input:checked+.dot{background:var(--grad);border-color:transparent}

  /* transformation flow */
  .flow{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;margin-top:6px;align-items:stretch}
  .flow-node{border:1px solid var(--line2);border-radius:10px;padding:14px 12px;background:linear-gradient(180deg,var(--panel2),var(--panel));position:relative}
  .flow-node .fn-l{font-family:var(--mono);font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--violet-br);font-weight:700}
  .flow-node .fn-q{font-size:11px;color:var(--muted);margin:7px 0 8px;line-height:1.35;min-height:30px}
  .flow-node textarea{width:100%;min-height:52px;background:rgba(255,255,255,.02);border:1px solid var(--line);border-radius:6px;color:var(--ink);font-family:var(--mono);font-size:11px;padding:7px;resize:vertical}
  .flow-node textarea:focus{outline:none;border-color:var(--magenta-br)}
  .flow-node:not(:last-child)::after{content:"→";position:absolute;right:-8px;top:50%;transform:translateY(-50%);color:var(--magenta-br);font-weight:800;z-index:2;font-family:var(--mono)}

  /* consequence chain */
  .chain{display:flex;flex-direction:column;gap:0;margin-top:6px}
  .chain-node{border:1px solid var(--line2);border-radius:10px;padding:13px 15px;background:var(--panel2)}
  .chain-node .cl{font-family:var(--mono);font-size:10.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--magenta-br);font-weight:700}
  .chain-node .cq{font-size:12px;color:var(--muted);margin:4px 0 6px}
  .chain-arw{text-align:center;color:var(--faint);font-family:var(--mono);padding:5px 0}

  /* deployment steps */
  .steps{counter-reset:st;display:flex;flex-direction:column;gap:9px;margin-top:6px}
  .steps .step{display:flex;gap:13px;align-items:center;padding:11px 14px;border:1px solid var(--line);border-radius:9px;background:var(--panel2)}
  .steps .step::before{counter-increment:st;content:"0" counter(st);font-family:var(--mono);font-size:13px;font-weight:700;background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent;flex:none}
  .steps .step span{font-size:13px;color:var(--ink2)}

  /* fill-in-the-blank sentence */
  .fillsent{font-size:15px;line-height:2.9;color:var(--ink2);margin-top:8px;padding-bottom:8px}
  .fillsent input{display:inline-block;width:auto;min-width:150px;font-family:var(--mono);font-size:13px;color:var(--magenta-br);border:0;border-bottom:1px solid var(--field);background:transparent;padding:3px 6px;text-align:center}
  .fillsent input:focus{outline:none;border-bottom-color:var(--magenta-br)}
  .fillsent .slot{position:relative;display:inline-block;vertical-align:baseline;margin:0 3px;text-align:center;line-height:1}
  .fillsent .hint{position:absolute;left:0;right:0;top:100%;display:block;font-family:var(--mono);font-size:9.5px;color:var(--faint);text-align:center;line-height:1;margin-top:3px;pointer-events:none}

  /* monetization */
  .money{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;margin-top:6px}
  .money .mfield .flabel{color:var(--violet-br)}
  .cur{position:relative}
  .cur::before{content:"R$";position:absolute;left:2px;bottom:8px;font-family:var(--mono);font-size:12px;color:var(--faint)}
  .cur input{padding-left:26px}

  /* callouts (rule/diamond) */
  .callout{margin-top:18px;border:1px solid var(--line2);border-radius:12px;padding:20px;background:linear-gradient(150deg,rgba(250,110,88,.10),rgba(253,152,136,.06));text-align:center}
  .callout .ct{font-family:var(--sans);font-weight:800;font-size:14px;letter-spacing:.02em;color:var(--ink);margin-bottom:10px}
  .callout .cf{font-family:var(--mono);font-size:13px;color:var(--violet-br);letter-spacing:.02em;line-height:1.7}
  .callout .cn{font-size:12.5px;color:var(--muted);margin-top:10px;line-height:1.55;max-width:60ch;margin-left:auto;margin-right:auto}

  /* R$100k model */
  .model .cells{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:8px}
  .cell{border:1px solid var(--line2);border-radius:10px;padding:13px;background:var(--panel2)}
  .cell .cl{font-family:var(--mono);font-size:9.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);line-height:1.3;min-height:24px}
  .cell input{margin-top:6px;font-family:var(--mono);font-size:14px;color:var(--ink);background:transparent;border:0;border-bottom:1px solid var(--field);width:100%;padding:4px 0}
  .cell input:focus{outline:none;border-bottom-color:var(--magenta-br)}
  .cell.out{background:linear-gradient(180deg,rgba(253,152,136,.12),transparent);border-color:var(--magenta)}
  .cell.out .cv{font-family:var(--sans);font-weight:900;font-size:20px;margin-top:6px;background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}
  .themath{margin-top:16px;border:1px dashed var(--line2);border-radius:10px;padding:16px 18px;font-family:var(--mono);font-size:13px;color:var(--ink2);line-height:2}
  .themath b{color:var(--magenta-br)}
  .themath .tot{font-family:var(--sans);font-weight:900;font-size:22px;margin-top:6px;display:block;background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}

  /* final decision */
  .final{margin-top:26px;border:1px solid var(--magenta);border-radius:16px;background:linear-gradient(160deg,#131313,#0a0a0a);padding:30px 26px;box-shadow:0 0 50px rgba(253,152,136,.08) inset}
  .final .fh{font-family:var(--mono);font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--magenta-br)}
  .final h2{font-family:var(--sans);font-weight:900;font-size:24px;margin-top:8px;letter-spacing:-.02em}
  .final .fgrid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:14px;margin-top:20px}
  .final .ff .flabel{color:var(--violet-br)}
  .meta-goal{margin-top:22px;display:flex;align-items:center;justify-content:center;gap:14px;flex-wrap:wrap;background:var(--grad);border-radius:12px;padding:18px 24px;text-align:center}
  .meta-goal .ml{font-family:var(--mono);font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:rgba(255,255,255,.85)}
  .meta-goal .mv{font-family:var(--sans);font-weight:900;font-size:30px;color:#fff;letter-spacing:-.02em}

  /* offer test */
  .offer-test{margin-top:26px;border:1px solid rgba(253,152,136,.3);border-radius:22px;background:linear-gradient(155deg,rgba(250,110,88,.08),rgba(255,255,255,.012)),var(--panel);padding:30px 28px;box-shadow:0 0 50px rgba(243,87,63,.06) inset}
  .offer-test .oth{display:flex;align-items:center;gap:10px;font-family:var(--sans);font-weight:800;font-size:18px;letter-spacing:-.01em}
  .offer-test .oth .tro{color:var(--gold)}
  .offer-test .subt{color:var(--muted);font-size:13px;margin-top:6px}
  .otlist{margin-top:18px;display:grid;grid-template-columns:1fr 1fr;gap:10px 24px}
  .ot{display:flex;align-items:center;gap:11px;cursor:pointer;font-size:13px;color:var(--ink2)}
  .ot input{position:absolute;opacity:0;width:0;height:0}
  .ot .bx{width:18px;height:18px;border:1.5px solid rgba(253,152,136,.5);border-radius:5px;flex:none;display:flex;align-items:center;justify-content:center;transition:all .14s}
  .ot input:checked+.bx{background:linear-gradient(120deg,var(--gold),var(--magenta-br));border-color:transparent}
  .ot input:checked+.bx::after{content:"✓";font-size:12px;color:#0C0C0C;font-weight:800}
  .ot input:checked~span{color:var(--ink)}
  .ot-count{margin-top:18px;font-family:var(--mono);font-size:12px;color:var(--gold);letter-spacing:.04em}

  /* principios */
  .princ{margin-top:26px;border:1px solid var(--line2);border-radius:14px;background:var(--panel);padding:24px}
  .princ .ph{font-family:var(--mono);font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--violet-br);margin-bottom:16px}
  .princ .pl{display:flex;flex-direction:column;gap:12px}
  .princ .pi{display:flex;gap:12px;font-size:13.5px;color:var(--ink2);line-height:1.5}
  .princ .pi .d{color:var(--magenta-br);flex:none;font-weight:800}
  .princ .tag{margin-top:20px;text-align:center;font-family:var(--sans);font-weight:900;font-size:17px;letter-spacing:-.01em;background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}

  footer{margin-top:40px;padding:26px 0 60px;text-align:center;border-top:1px solid var(--line)}
  footer .arrow{font-family:var(--sans);font-weight:800;font-size:clamp(15px,2.2vw,22px);letter-spacing:-.01em}
  footer .micro{margin-top:12px;color:var(--muted);font-size:13px}
  footer .savenote{margin-top:16px;font-size:12px;color:var(--faint);max-width:60ch;margin-left:auto;margin-right:auto}
  footer .savenote b{color:var(--ink2);font-weight:600}
  footer .sig{margin-top:20px;font-family:var(--mono);font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--faint)}

  .savebar{position:fixed;bottom:16px;right:16px;z-index:60;display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end;max-width:calc(100vw - 32px)}
  .savebar button{font-family:var(--mono);font-size:11px;letter-spacing:.04em;text-transform:uppercase;padding:11px 18px;border-radius:100px;border:1px solid var(--line2);background:rgba(31,31,31,.82);backdrop-filter:blur(10px);color:var(--ink2);cursor:pointer;transition:all .25s var(--ease)}
  .savebar button:hover{transform:translateY(-2px);box-shadow:0 10px 30px rgba(0,0,0,.45)}
  .savebar #btnPrint{border-color:transparent;color:#fff;font-weight:600;background:conic-gradient(at 50% 0%,var(--violet-br) 90deg,var(--violet) 180deg,#353535 270deg)}
  .savebar #btnPrint:hover{filter:brightness(1.12);box-shadow:0 0 42px rgba(243,87,63,.38)}
  .savebar .saved{color:var(--good);border-color:var(--good)}

  @media (max-width:760px){
    .grid2,.grid3,.money,.chks,.otlist,.model .cells,.final .fgrid{grid-template-columns:1fr}
    .flow{grid-template-columns:1fr}
    .flow-node:not(:last-child)::after{content:"↓";right:50%;top:auto;bottom:-9px;transform:translateX(50%)}
    .savebar{bottom:10px;right:10px;left:10px;gap:6px;max-width:none}
    .savebar .wide-only{display:none}
    .savebar button{padding:10px 12px;font-size:10px;letter-spacing:.02em}
  }
  @media (max-width:430px){
    .scale-row{flex-direction:column;align-items:stretch;gap:9px}
    .scale{justify-content:space-between}
    .scale button{width:36px;height:32px}
  }
  /* ── IMPRESSAO / PDF ─────────────────────────────────────────────────────
     Tema editorial proprio. A regra de ferro do meio impresso: BORDA e TEXTO
     sempre saem; FUNDO nao (o checkbox "Graficos de segundo plano" do Chrome vem
     DESLIGADO e vence o print-color-adjust). Entao toda a estetica aqui e feita
     de tipografia, reguas e bordas — nada depende de fundo pra ficar bonito nem
     pra ser entendido. Vale igual com o checkbox ligado ou desligado. */
  @page{size:A4;margin:0}
  @media print{
    :root{
      --bg:#fff; --bg2:#fff;
      --panel:#fff; --panel2:#fff; --panel3:#fff;
      --ink:#181818; --ink2:#363636; --muted:#666666; --faint:#787878; --ghost:#BBBBBB;
      --violet:#DA4730; --violet-br:#DA4730; --magenta:#DA4730; --magenta-br:#BC3924;
      --gold:#DA4730; --gold-br:#BC3924; --good:#0F7048;
      /* linhas violeta-acinzentadas: e o que faz parecer da marca, e nao formulario */
      --line:#EBEBEB; --line2:#DCDCDC; --field:#CECECE;
      --grad:linear-gradient(100deg,#DA4730,#F3573F);
    }
    html,body{background:#fff!important;background-image:none!important;color:var(--ink);font-size:12px}
    .wrap{max-width:none;padding:15mm 14mm}

    /* texto com gradiente recortado fica INVISIVEL sem fundo — vira cor solida */
    .grad,h1 .grad,footer .arrow .grad,.princ .tag,.sec-num,.cell.out .cv,.themath .tot{
      background:none!important;-webkit-text-fill-color:#DA4730!important;color:#DA4730!important
    }

    /* ── CAPA: pagina 1 inteira ───────────────────────────────────────────── */
    header{
      display:flex;flex-direction:column;justify-content:flex-start;
      min-height:252mm;padding:0!important;margin:0
    }
    header h1{margin-top:auto}
    header .principio{margin-top:auto}
    header::after{
      content:"André Lourenço · Playbook de Nichos";
      font-family:var(--mono);font-size:8.5px;letter-spacing:.2em;text-transform:uppercase;
      color:var(--faint);margin-top:30px;padding-top:13px;border-top:1px solid var(--line)
    }
    .brand{font-size:15px}
    .brand .mk{background:#fff!important;border:2.5px solid #DA4730;box-shadow:none!important}
    h1{font-size:41px!important;line-height:1.02;margin-top:26px;letter-spacing:-.035em}
    .sub-h{font-size:14px;margin-top:14px;max-width:52ch;color:var(--muted)}
    .ribbon{margin-top:30px;padding-top:22px;border-top:2px solid #DA4730;gap:7px}
    .ribbon .step{border:1px solid var(--line2)!important;background:none!important;
      color:var(--ink2)!important;font-size:9.5px;padding:6px 11px}
    .ribbon .arw{color:#DA4730}
    .principio{background:none!important;border:0!important;border-left:3px solid #DA4730!important;
      border-radius:0!important;margin-top:30px;padding:4px 0 4px 16px}
    .principio .pl{color:#DA4730}
    .principio p{font-size:13.5px;line-height:1.6}

    /* ── SECOES: cada uma abre no topo de uma pagina ──────────────────────── */
    .sec,.final,.offer-test,.princ{
      background:none!important;background-image:none!important;box-shadow:none!important;
      border:0!important;border-radius:0!important;padding:0!important;margin:0!important;
      break-before:page;break-inside:auto
    }
    .sec-head{
      display:flex;align-items:baseline;gap:14px;
      border-bottom:2px solid #DA4730!important;border-top:0!important;
      padding-bottom:9px;margin-bottom:22px
    }
    .sec-num{font-size:30px!important;min-width:auto}
    .sec-head .ht h2{font-size:21px}
    .sec-head .ht p{font-size:12px;margin-top:3px}
    .sub{margin-top:26px}
    .sub-l{color:#DA4730!important;font-size:10px;letter-spacing:.16em;margin-bottom:11px}
    .q .qt,.flabel{color:var(--ink2)}

    /* blocos internos: contorno leve violeta-acinzentado, sem preenchimento */
    .callout,.flow-node,.chain-node,.cell,.score-box,.steps .step,.ot,.tblwrap,.mfield{
      background:none!important;background-image:none!important;box-shadow:none!important
    }
    .callout,.flow-node,.chain-node,.cell,.score-box,.steps .step{
      border:1px solid var(--line)!important
    }
    .callout{border-left:3px solid #DA4730!important}
    .cell.out,.score-box{border:1.5px solid #DA4730!important}
    .meta-goal{background:none!important;border:2px solid #DA4730!important;box-shadow:none!important}
    .meta-goal *{color:#721E11!important}
    .note{color:var(--muted)}

    /* campos: filete fino pra escrever, sem cara de formulario */
    input.fld,textarea.area,table.md textarea,.fillsent input{
      background:none!important;color:var(--ink)!important
    }
    input.fld,.fillsent input{border-bottom:1px solid var(--field)!important}
    textarea.area{border:1px solid var(--line2)!important;border-radius:6px}
    /* a CELULA ja tem filete; borda no textarea seria dupla e ainda comeria 2px da
       altura que o auto-crescimento calculou sem ela (box-sizing:border-box) */
    table.md tbody td textarea{border:0!important}
    input::placeholder,textarea::placeholder{color:#CECECE!important}

    /* ESTADO POR BORDA, nunca por fundo (senao marcado == desmarcado no papel) */
    .chk .bx,.radio .dot{background:none!important;border:1.5px solid var(--field)!important}
    .chk input:checked+.bx{border:1.5px solid #DA4730!important}
    .chk input:checked+.bx::after{content:"\2713";color:#DA4730;font:700 12px/1 var(--sans)}
    .radio input:checked+.dot{border:5px solid #DA4730!important}
    .scale button{background:none!important;border:1px solid var(--line2)!important;
      color:var(--muted)!important;box-shadow:none!important}
    .scale button.on{border:2px solid #DA4730!important;color:#A12E1C!important;
      font-weight:700;box-shadow:none!important}

    /* ── TABELA: sem grade pesada ─────────────────────────────────────────── */
    .tblwrap{overflow:visible!important;border:0!important}
    table.md{min-width:0!important;font-size:8.5px;border:0!important}
    table.md th,table.md td{border:0!important;border-bottom:1px solid var(--line)!important}
    table.md tbody td+td,table.md thead th+th{border-left:1px solid #F3F3F3!important}
    table.md thead th{border-bottom:1.5px solid #DA4730!important;background:none!important;
      color:#DA4730!important;font-size:8px;padding:7px 6px;letter-spacing:.1em}
    table.md tbody td:first-child{background:none!important;color:var(--ink2)!important;
      font-size:8.5px;padding:7px 6px}
    table.md tbody td textarea{font-size:8.5px;padding:6px;min-height:0}

    /* rodape */
    footer{border-top:2px solid #DA4730!important;margin-top:34px;padding:20px 0 0}
    footer .arrow{font-size:15px}
    footer .micro{color:var(--muted);font-size:12px}
    footer .sig{color:var(--faint)}
    .savebar,footer .savenote{display:none!important}

    /* QUEBRA DE PAGINA: um bloco MAIOR que a folha nao se protege com
       `break-inside:avoid` — so empurra e abre pagina em branco. Protege o que cabe. */
    .q,.scale-row,.flow-node,.chain-node,.cell,.steps .step,.ot,.callout,
    .mfield,.score-box,.meta-goal,tr,.fillsent,.rows,.lead-in,.note{break-inside:avoid}
    table.md thead{display:table-header-group}   /* repete o cabecalho ao virar a pagina */
    table.md tbody tr{break-inside:avoid}
    .sec-head,h2,.sub-l,.flabel,.lead-in,.sub>.sub-l+*{break-after:avoid}
  }