:root{
      --bg:#0A0A0A;
      --panel:#121412;
      --panel-2:#181B18;
      --line:#242824;
      --ink:#EDEFEA;
      --ink-2:#A8ADA4;
      --ink-3:#6E736A;
      --green:#37C978;
      --green-dim:#1E5C3A;
      --amber:#E8A33C;
      --red:#E86A5C;
      --radius:14px;
    }
    *{margin:0;padding:0;box-sizing:border-box}
    html{scroll-behavior:smooth}
    body{
      background:var(--bg);color:var(--ink);
      font-family:'Inter',system-ui,sans-serif;
      font-size:16px;line-height:1.65;
      -webkit-font-smoothing:antialiased;
    }
    .container{max-width:880px;margin:0 auto;padding:0 20px}
    .display{font-family:'Space Grotesk',sans-serif;font-weight:700;letter-spacing:-0.02em;line-height:1.12;text-wrap:balance}
    .label{
      display:inline-block;font-family:'JetBrains Mono',monospace;font-size:12px;
      letter-spacing:0.14em;text-transform:uppercase;color:var(--green);
      border:1px solid var(--green-dim);border-radius:999px;padding:6px 14px;
    }
    a{color:var(--green)}
    code{font-family:'JetBrains Mono',monospace;font-size:0.88em;background:var(--panel-2);border:1px solid var(--line);border-radius:5px;padding:1px 6px;color:var(--ink);word-break:break-word}

    /* HERO */
    #hero{padding:88px 0 56px;border-bottom:1px solid var(--line)}
    #hero h1{font-size:clamp(32px,6vw,56px);margin:22px 0 18px}
    #hero h1 em{font-style:normal;color:var(--green)}
    #hero p.sub{font-size:clamp(17px,2.4vw,20px);color:var(--ink-2);max-width:680px}
    #hero p.sub + p.sub{margin-top:14px}
    .hero-facts{display:flex;flex-wrap:wrap;gap:10px;margin-top:28px}
    .fact{
      font-family:'JetBrains Mono',monospace;font-size:13px;color:var(--ink-2);
      background:var(--panel);border:1px solid var(--line);border-radius:8px;padding:8px 14px;
    }
    .fact strong{color:var(--ink);font-weight:500}
    .nav{display:flex;flex-wrap:wrap;gap:8px;margin-top:30px}
    .nav a{font-family:'JetBrains Mono',monospace;font-size:12px;color:var(--ink-2);text-decoration:none;border:1px solid var(--line);border-radius:999px;padding:6px 12px}
    .nav a:hover{color:var(--green);border-color:var(--green-dim)}

    /* SECTIONS */
    section{padding:56px 0}
    .sec-head{margin-bottom:28px}
    .sec-head h2{font-size:clamp(24px,4vw,34px)}
    .sec-head p{color:var(--ink-2);margin-top:10px;max-width:660px}
    .kicker{font-family:'JetBrains Mono',monospace;font-size:12px;letter-spacing:0.14em;text-transform:uppercase;color:var(--ink-3);margin-bottom:10px}
    .divider{border:none;border-top:1px solid var(--line)}
    p.txt{color:var(--ink-2);margin-bottom:14px;max-width:700px}
    p.txt b{color:var(--ink);font-weight:600}

    /* FLUXO */
    .fluxo{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}
    @media(max-width:720px){.fluxo{grid-template-columns:1fr 1fr}}
    .etapa{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:18px;position:relative}
    .etapa .n{font-family:'JetBrains Mono',monospace;font-size:11px;letter-spacing:0.12em;text-transform:uppercase;color:var(--green);display:block;margin-bottom:6px}
    .etapa.voce .n{color:var(--amber)}
    .etapa b{display:block;font-family:'Space Grotesk',sans-serif;font-size:18px;margin-bottom:4px}
    .etapa span{font-size:13.5px;color:var(--ink-2);display:block}

    /* CUSTO */
    .custo{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:22px 22px 18px;margin-top:22px}
    .custo h3{font-family:'Space Grotesk',sans-serif;font-size:17px;font-weight:600;margin-bottom:4px}
    .custo .sub{font-size:13.5px;color:var(--ink-3);margin-bottom:16px}
    .barra{display:grid;grid-template-columns:150px 1fr 70px;gap:12px;align-items:center;margin-bottom:10px;font-size:14px}
    @media(max-width:560px){.barra{grid-template-columns:110px 1fr 58px;font-size:13px}}
    .barra .nome{color:var(--ink-2)}
    .barra .trilho{height:10px;background:var(--panel-2);border-radius:999px;overflow:hidden}
    .barra .trilho i{display:block;height:100%;background:var(--green);border-radius:999px}
    .barra.claude .trilho i{background:var(--ink-3)}
    .barra .v{font-family:'JetBrains Mono',monospace;font-size:13px;text-align:right;color:var(--ink)}
    .custo .total{display:flex;justify-content:space-between;border-top:1px solid var(--line);margin-top:12px;padding-top:12px;font-family:'JetBrains Mono',monospace;font-size:13px;color:var(--ink-2)}
    .custo .total b{color:var(--green);font-weight:500}

    /* PEÇA */
    .peca{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:28px;margin-bottom:26px}
    @media(max-width:560px){.peca{padding:22px 18px}}
    .peca-top{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-bottom:6px}
    .peca-num{
      font-family:'Space Grotesk',sans-serif;font-weight:700;font-size:15px;color:var(--bg);
      background:var(--green);border-radius:8px;min-width:34px;height:34px;
      display:inline-flex;align-items:center;justify-content:center;
    }
    .peca h3{font-family:'Space Grotesk',sans-serif;font-size:clamp(20px,3vw,26px);font-weight:600;letter-spacing:-0.01em}
    .badges{display:flex;gap:8px;flex-wrap:wrap;margin:12px 0 18px}
    .badge{font-family:'JetBrains Mono',monospace;font-size:12px;border-radius:6px;padding:4px 10px;border:1px solid var(--line);color:var(--ink-2)}
    .badge.preco{color:var(--ink);background:var(--panel-2);font-weight:500}
    .badge.ok{color:var(--green);border-color:var(--green-dim)}
    .bloco{margin-bottom:18px}
    .bloco h4{font-family:'JetBrains Mono',monospace;font-size:11px;letter-spacing:0.12em;text-transform:uppercase;color:var(--green);margin-bottom:8px;font-weight:500}
    .bloco p{color:var(--ink-2);font-size:15px;margin-bottom:10px}
    .bloco p b{color:var(--ink);font-weight:600}
    ol.passos{list-style:none;counter-reset:p;display:grid;gap:10px;margin-bottom:18px}
    ol.passos li{counter-increment:p;position:relative;padding:12px 16px 12px 50px;background:var(--panel-2);border:1px solid var(--line);border-radius:10px;font-size:14.5px;color:var(--ink-2)}
    ol.passos li::before{content:counter(p);position:absolute;left:14px;top:12px;font-family:'Space Grotesk',sans-serif;font-weight:700;font-size:13px;color:var(--bg);background:var(--green);border-radius:6px;width:24px;height:24px;display:flex;align-items:center;justify-content:center}
    ol.passos li b{color:var(--ink);font-weight:600}
    .aviso{
      display:flex;gap:10px;align-items:flex-start;
      background:var(--panel-2);border-left:2px solid var(--amber);border-radius:0 8px 8px 0;
      padding:12px 16px;margin:0 0 18px;font-size:14px;color:var(--ink-2);
    }
    .aviso b{color:var(--ink)}
    .aviso.verde{border-left-color:var(--green)}

    /* CÓDIGO */
    .code-box{background:#0D120E;border:1px solid var(--line);border-radius:10px;overflow:hidden;margin-bottom:18px}
    .code-head{display:flex;align-items:center;justify-content:space-between;padding:9px 14px;border-bottom:1px solid var(--line)}
    .code-head span{font-family:'JetBrains Mono',monospace;font-size:11px;letter-spacing:0.12em;text-transform:uppercase;color:var(--ink-3)}
    .code-box pre{padding:14px 16px;overflow-x:auto;font-family:'JetBrains Mono',monospace;font-size:12.5px;line-height:1.6;color:var(--ink-2);white-space:pre}
    .copy-btn{
      font-family:'Inter',sans-serif;font-size:12.5px;font-weight:600;color:var(--bg);
      background:var(--green);border:none;border-radius:6px;padding:6px 14px;cursor:pointer;
    }
    .copy-btn.ghost{background:transparent;color:var(--ink-2);border:1px solid var(--line)}
    .copy-btn:hover{filter:brightness(1.1)}

    /* PERGUNTAS */
    .rodada{border:1px solid var(--line);border-radius:10px;margin-bottom:12px;background:var(--panel-2)}
    .rodada summary{cursor:pointer;list-style:none;padding:14px 16px;display:flex;justify-content:space-between;gap:12px;align-items:baseline}
    .rodada summary::-webkit-details-marker{display:none}
    .rodada summary b{font-weight:600;color:var(--ink)}
    .rodada summary span{font-family:'JetBrains Mono',monospace;font-size:12px;color:var(--ink-3);white-space:nowrap}
    .rodada summary::after{content:'+';font-family:'JetBrains Mono',monospace;color:var(--green);margin-left:8px}
    .rodada[open] summary::after{content:'−'}
    @media(max-width:640px){.rodada summary{flex-wrap:wrap;gap:4px}.rodada summary b{flex:1 1 100%}.rodada summary span{white-space:normal;font-size:11.5px}.rodada summary::after{position:absolute;right:16px;top:14px}.rodada summary{position:relative;padding-right:36px}}
    .peca > :last-child,.bloco > p:last-child{margin-bottom:0}
    .rodada .corpo{padding:0 16px 16px}
    .rodada .corpo p{font-size:14px;color:var(--ink-2);margin-bottom:12px}
    .q{border-top:1px solid var(--line);padding:10px 0}
    .q .qn{font-size:14px;color:var(--ink);font-weight:600}
    .q .qd{font-size:13.5px;color:var(--ink-2);margin:2px 0 6px}
    .chips{display:flex;flex-wrap:wrap;gap:6px}
    .chip{font-family:'JetBrains Mono',monospace;font-size:11.5px;color:var(--ink-2);background:var(--bg);border:1px solid var(--line);border-radius:999px;padding:3px 10px}

    /* MOEDA */
    .moeda{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:6px 0 18px}
    @media(max-width:640px){.moeda{grid-template-columns:1fr}}
    .caso{background:var(--panel-2);border:1px solid var(--line);border-radius:10px;padding:16px}
    .caso .t{font-family:'JetBrains Mono',monospace;font-size:11px;letter-spacing:0.12em;text-transform:uppercase;margin-bottom:10px}
    .caso.bom .t{color:var(--green)}
    .caso.ruim .t{color:var(--red)}
    .caso .linha{display:grid;grid-template-columns:96px 1fr 44px;gap:10px;align-items:center;font-size:13px;color:var(--ink-2);margin-bottom:6px}
    .caso .linha .tr{height:8px;background:var(--bg);border-radius:999px;overflow:hidden}
    .caso .linha .tr i{display:block;height:100%;background:var(--green)}
    .caso.ruim .linha .tr i{background:var(--red)}
    .caso .linha .v{font-family:'JetBrains Mono',monospace;text-align:right}
    .caso .rod{font-size:13px;color:var(--ink-3);margin-top:8px}

    /* PROMPT */
    .prompt-box{background:#0D120E;border:1px solid var(--green-dim);border-radius:10px;overflow:hidden}
    .prompt-head{display:flex;align-items:center;justify-content:space-between;padding:10px 16px;border-bottom:1px solid var(--green-dim)}
    .prompt-head span{font-family:'JetBrains Mono',monospace;font-size:11px;letter-spacing:0.12em;text-transform:uppercase;color:var(--green)}
    .prompt-box pre{
      padding:16px 18px;white-space:pre-wrap;word-break:break-word;
      font-family:'JetBrains Mono',monospace;font-size:13px;line-height:1.6;color:var(--ink-2);
      max-height:520px;overflow:auto;
    }

    /* ACHADOS / RESULTADO */
    .achados{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:8px 0 24px}
    @media(max-width:640px){.achados{grid-template-columns:1fr}}
    .achado{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:18px}
    .achado b{display:block;font-family:'Space Grotesk',sans-serif;font-size:30px;color:var(--green);line-height:1.1;margin-bottom:6px}
    .achado span{font-size:14px;color:var(--ink-2)}
    .btn{
      display:inline-flex;align-items:center;gap:10px;
      font-family:'Inter',sans-serif;font-weight:600;font-size:16px;text-decoration:none;
      color:var(--bg);background:var(--green);border-radius:10px;padding:14px 22px;
    }
    .btn:hover{filter:brightness(1.08)}
    .btn.sec{background:transparent;color:var(--ink);border:1px solid var(--line)}
    .btns{display:flex;flex-wrap:wrap;gap:12px;align-items:center}
    .nota{font-size:14px;color:var(--ink-3);margin-top:16px}

    /* CLUB */
    #club{padding:72px 0}
    .club-card{background:linear-gradient(180deg,#101a13 0%,var(--panel) 100%);border:1px solid var(--green-dim);border-radius:18px;padding:36px 32px}
    @media(max-width:560px){.club-card{padding:28px 20px}}
    .club-card h2{font-size:clamp(26px,4.4vw,38px);margin:14px 0 18px}
    .club-card p{color:var(--ink-2);font-size:16.5px;margin-bottom:14px;max-width:680px}
    .club-card p b{color:var(--ink);font-weight:600}
    .inventario{display:grid;gap:8px;margin:20px 0 22px}
    .inventario div{display:flex;gap:12px;font-size:15px;color:var(--ink-2)}
    .inventario div::before{content:'→';color:var(--green);font-weight:700;flex-shrink:0}
    .pergunta{font-family:'Space Grotesk',sans-serif;font-size:clamp(18px,2.6vw,22px);color:var(--ink);line-height:1.35;margin:24px 0 26px;max-width:680px}

    footer{border-top:1px solid var(--line);padding:48px 0 64px;text-align:center}
    footer p{color:var(--ink-3);font-size:14px}
    footer .handle{font-family:'Space Grotesk',sans-serif;font-weight:600;font-size:18px;color:var(--ink);display:block;margin-bottom:6px}
    @media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}