/* ===========================================================
   Comprar x Alugar — Arc Technologies
   Paleta SÓLIDA: roxo + laranja. Sem degradês, sem transparência.
   =========================================================== */
:root{
  /* Roxo */
  --roxo-900:#3B0A6E;
  --roxo-800:#4C1D95;
  --roxo-700:#5B21B6;
  --roxo-600:#6D28D9;
  --roxo-500:#7C3AED;
  --roxo-100:#EDE9FE;
  /* Laranja */
  --laranja-700:#C2410C;
  --laranja-600:#EA580C;
  --laranja-500:#F97316;
  --laranja-400:#FB923C;
  --laranja-100:#FFEDD5;
  /* Neutros */
  --tinta:#1F2937;
  --tinta-suave:#4B5563;
  --linha:#E5E7EB;
  --fundo:#F4F2FA;
  --branco:#FFFFFF;
  --radius:14px;
}

*{box-sizing:border-box;}
[hidden]{display:none !important;}
html,body{margin:0;padding:0;}
body{
  font-family:'Segoe UI',system-ui,-apple-system,Roboto,Arial,sans-serif;
  color:var(--tinta);
  background:var(--fundo);
  line-height:1.5;
}
.container{width:100%;max-width:1040px;margin:0 auto;padding:0 20px;}

.c-roxo{color:var(--roxo-700);}
.c-laranja{color:var(--laranja-600);}

/* Header */
.site-header{background:var(--roxo-800);color:var(--branco);}
.header-inner{display:flex;align-items:center;justify-content:space-between;height:60px;}
.brand{display:flex;align-items:center;background:var(--branco);padding:5px 12px;border-radius:8px;font-size:1.25rem;font-weight:800;letter-spacing:-.2px;}
.brand-arc{color:#F1BF00;}
.brand-tech{color:#AA151B;}
.header-tag{background:var(--roxo-600);color:var(--branco);font-size:.8rem;padding:5px 12px;border-radius:20px;}

/* Hero */
.hero{text-align:center;padding:38px 0 8px;}
.hero h1{font-size:2.6rem;margin:0 0 10px;color:var(--roxo-800);letter-spacing:-1px;}
.hero-x{color:var(--laranja-500);}
.hero-sub{max-width:640px;margin:0 auto;color:var(--tinta-suave);font-size:1.05rem;}

/* Cards */
.card{background:var(--branco);border:1px solid var(--linha);border-radius:var(--radius);padding:24px;margin:22px 0;}
.card-title{margin:0 0 18px;font-size:1.25rem;color:var(--roxo-800);}
.block-title{margin:26px 0 12px;font-size:1.05rem;color:var(--tinta);}
.block-title small{font-weight:400;color:var(--tinta-suave);font-size:.82rem;}

/* Seletor de premissa */
.mode-select{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:20px;}
.mode-btn{display:flex;flex-direction:column;gap:2px;background:var(--branco);border:2px solid var(--linha);color:var(--tinta-suave);padding:12px 14px;border-radius:10px;cursor:pointer;font-size:.95rem;font-weight:700;text-align:left;}
.mode-btn small{font-weight:500;font-size:.78rem;color:var(--tinta-suave);}
.mode-btn:hover{border-color:var(--roxo-500);}
.mode-btn.active{background:var(--roxo-700);border-color:var(--roxo-700);color:var(--branco);}
.mode-btn.active small{color:var(--roxo-100);}

/* Inputs */
.inputs-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px 22px;}
.field{display:flex;flex-direction:column;gap:6px;}
.field label{font-size:.9rem;font-weight:600;color:var(--tinta);}
.lock{font-weight:500;color:var(--laranja-600);font-size:.78rem;}
.hint{font-size:.78rem;color:var(--tinta-suave);}
.input-affix{display:flex;align-items:stretch;border:1px solid var(--linha);border-radius:10px;overflow:hidden;background:var(--branco);}
.input-affix:focus-within{border-color:var(--roxo-500);}
.input-affix input{flex:1;border:0;outline:0;padding:11px 12px;font-size:1rem;color:var(--tinta);width:100%;background:var(--branco);}
.affix{display:flex;align-items:center;padding:0 12px;background:var(--roxo-100);color:var(--roxo-700);font-weight:700;font-size:.9rem;}
.affix-r{background:var(--roxo-100);}

/* Result */
.verdict{border-radius:12px;padding:18px 20px;margin-bottom:20px;color:var(--branco);}
.verdict-roxo{background:var(--roxo-700);}
.verdict-laranja{background:var(--laranja-600);}
.verdict-label{display:inline-block;font-size:.72rem;letter-spacing:1.5px;text-transform:uppercase;font-weight:700;margin-bottom:4px;}
.verdict-text{margin:0;font-size:1.25rem;font-weight:700;}

.kpi-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;}
.kpi{border-radius:12px;padding:18px;display:flex;flex-direction:column;gap:8px;border:2px solid var(--linha);}
.kpi-label{font-size:.85rem;color:var(--tinta-suave);}
.kpi-value{font-size:1.55rem;font-weight:800;}
.kpi-roxo{border-color:var(--roxo-500);}
.kpi-roxo .kpi-value{color:var(--roxo-700);}
.kpi-laranja{border-color:var(--laranja-400);}
.kpi-laranja .kpi-value{color:var(--laranja-600);}
.kpi-neutro{border-color:var(--linha);}
.kpi-neutro .kpi-value{color:var(--tinta);}

/* Chart */
.chart-wrap{background:var(--branco);border:1px solid var(--linha);border-radius:12px;padding:14px;}

/* Summary table */
.summary-table{width:100%;border-collapse:collapse;}
.summary-table td{padding:11px 12px;border-bottom:1px solid var(--linha);font-size:.95rem;}
.summary-table tr td:last-child{text-align:right;font-variant-numeric:tabular-nums;}
.summary-table .row-key td{font-weight:700;}
.summary-table .row-key.roxo td:last-child{color:var(--roxo-700);}
.summary-table .row-key.laranja td:last-child{color:var(--laranja-600);}
.summary-table .row-strong{background:var(--roxo-100);}
.summary-table .row-strong td{font-weight:800;font-size:1.02rem;}

/* CTA discreto */
.cta-wrap{text-align:center;margin-top:26px;}
.cta-link{background:none;border:1px solid var(--roxo-500);color:var(--roxo-700);padding:10px 20px;border-radius:24px;font-size:.92rem;cursor:pointer;font-weight:600;}
.cta-link:hover{background:var(--roxo-700);color:var(--branco);}

/* Flow */
.flow-toggle{width:100%;display:flex;align-items:center;justify-content:space-between;background:var(--roxo-100);border:0;color:var(--roxo-800);font-weight:700;font-size:1rem;padding:16px 18px;border-radius:10px;cursor:pointer;}
.flow-toggle .chev{transition:transform .2s;}
.flow-toggle[aria-expanded="true"] .chev{transform:rotate(180deg);}
.flow-body{padding-top:8px;}
.formulas{margin:0;padding-left:18px;color:var(--tinta-suave);font-size:.9rem;}
.formulas li{margin:6px 0;}
.formulas code{background:var(--roxo-100);color:var(--roxo-800);padding:1px 6px;border-radius:5px;font-size:.86rem;}

.table-scroll{max-height:460px;overflow:auto;border:1px solid var(--linha);border-radius:10px;}
.flow-table{width:100%;border-collapse:collapse;font-size:.82rem;}
.flow-table th,.flow-table td{padding:7px 10px;border-bottom:1px solid var(--linha);text-align:right;white-space:nowrap;font-variant-numeric:tabular-nums;}
.flow-table th{position:sticky;top:0;background:var(--roxo-800);color:var(--branco);text-align:right;z-index:1;}
.flow-table th:first-child,.flow-table td:first-child{text-align:center;}
.flow-table .th-roxo{background:var(--roxo-600);}
.flow-table .th-laranja{background:var(--laranja-600);}
.flow-table tbody tr:nth-child(even){background:var(--fundo);}
.flow-table .yr td{font-weight:700;background:var(--laranja-100);}

/* Footer */
.site-footer{background:var(--roxo-900);color:var(--branco);margin-top:30px;padding:22px 0;}
.site-footer p{margin:0;font-size:.82rem;text-align:center;}

/* Quadro inline "Fale com um consultor" */
.cta-link[aria-expanded="true"]{background:var(--roxo-700);color:var(--branco);}
.lead-panel{margin:18px auto 0;max-width:620px;background:var(--branco);border:1px solid var(--linha);border-top:4px solid var(--laranja-500);border-radius:12px;padding:22px;}
.lead-title{margin:0 0 4px;color:var(--roxo-800);font-size:1.15rem;}
.lead-sub{margin:0 0 16px;color:var(--tinta-suave);font-size:.9rem;}
.lead-fields{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;}
.lead-panel input[type="text"],.lead-panel input[type="email"],.lead-panel input[type="tel"]{
  border:1px solid var(--linha);border-radius:10px;padding:11px 12px;font-size:1rem;width:100%;outline:0;
}
.lead-panel input:focus{border-color:var(--roxo-500);}
.check{display:flex;gap:9px;align-items:flex-start;font-size:.84rem;color:var(--tinta-suave);margin:14px 0 16px;}
.check input{margin-top:3px;}
.btn-submit{background:var(--laranja-600);color:var(--branco);border:0;padding:12px 26px;border-radius:10px;font-size:1rem;font-weight:700;cursor:pointer;}
.btn-submit:hover{background:var(--laranja-700);}
.form-msg{margin:14px 0 0;font-size:.9rem;font-weight:600;text-align:center;}
.form-msg.ok{color:var(--roxo-700);}
.form-msg.err{color:var(--laranja-700);}

/* Responsivo */
@media (max-width:720px){
  .hero h1{font-size:2rem;}
  .inputs-grid{grid-template-columns:1fr;}
  .kpi-grid{grid-template-columns:1fr;}
  .lead-fields{grid-template-columns:1fr;}
  .kpi-value{font-size:1.35rem;}
}