:root{
    --ground:#0D0C0E;
    --surface:#17161A;
    --surface-2:#211F24;
    --ink:#F1EEEA;
    --ink-soft:#C9C4BE;
    --muted:#918B85;
    --accent:#F2941F;
    --accent-lum:#FFB44D;
    --accent-ink:#1A1206;
    --accent-soft:#2C1F0E;
    --signal:#D9A455;
    --border:#2B282E;
    --border-strong:#413D44;
    --tint:#1A1512;
    --wash-1:rgba(242,148,31,.20);
    --wash-2:rgba(255,255,255,.05);
    --wash-3:rgba(242,148,31,.11);
    --glow:rgba(242,148,31,.20);
    --cw:#2CB463;
    --cw-lum:#4FE3A8;
    --panel-a:#241A12;
    --panel-b:#0A090B;
    --panel-c:#2E1D0C;
    --panel:#131115;
    --panel-2:#1D1B21;
    --panel-ink:#F3F0EB;
    --panel-muted:#A29B92;
    --panel-line:rgba(242,148,31,.20);
    --panel-lum:#F2941F;
    --grain:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='180' height='180' filter='url(%23n)'/%3E%3C/svg%3E");
    --shadow:0 1px 2px rgba(0,0,0,.6), 0 22px 50px -26px rgba(0,0,0,.9);

    --display:"Archivo","Helvetica Neue",Arial,sans-serif;
    --body:"Public Sans","Segoe UI",system-ui,sans-serif;
    --mono:"JetBrains Mono",ui-monospace,Consolas,monospace;
    --col:1160px;
  }

  *{box-sizing:border-box}
  [hidden]{display:none !important}
  body{
    margin:0;color:var(--ink);font-family:var(--body);font-size:17px;line-height:1.6;
    background-color:var(--ground);
    background-image:
      radial-gradient(1200px 780px at 2% -8%, var(--wash-1), transparent 56%),
      radial-gradient(1000px 620px at 106% 18%, rgba(242,148,31,.10), transparent 54%),
      radial-gradient(900px 620px at 88% 72%, rgba(79,227,168,.07), transparent 56%),
      radial-gradient(1100px 820px at 40% 108%, var(--wash-3), transparent 58%),
      linear-gradient(180deg, #17141A 0%, var(--ground) 38%, #0B0A0C 100%);
    background-attachment:fixed;
    -webkit-font-smoothing:antialiased;
  }
  body::before{
    content:"";position:fixed;inset:0;pointer-events:none;z-index:0;
    background-image:var(--grain);background-size:180px 180px;opacity:.05;
  }
  header.site,main,footer.site{position:relative;z-index:1}
  h1,h2,h3,h4{
    font-family:var(--display);margin:0;line-height:1.05;letter-spacing:-.02em;
    font-variation-settings:"wdth" 112;text-wrap:balance;
  }
  p{margin:0}
  a{color:inherit}
  ul{margin:0;padding:0;list-style:none}

  .wrap{width:100%;max-width:var(--col);margin-inline:auto;padding-inline:20px}
  section{padding-block:clamp(54px,7vw,100px)}
  .band{background:color-mix(in srgb, var(--surface) 72%, transparent);border-block:1px solid var(--border)}
  .opener{padding-block:clamp(44px,6vw,80px) clamp(54px,7vw,100px);border-top:0}
  .tint{
    background-image:linear-gradient(180deg, color-mix(in srgb, var(--tint) 85%, transparent) 0%, transparent 80%);
    border-block:1px solid var(--border);
  }

  /* faixa escura reaproveitavel: redefine os tokens no escopo da secao */
  .dark-band{
    --surface:#16221C;
    --surface-2:#1B2A22;
    --ink:#EDF5F0;
    --ink-soft:#C6D8CD;
    --muted:var(--panel-muted);
    --border:var(--panel-line);
    --border-strong:rgba(62,209,127,.32);
    --accent:var(--cw-lum);
    --accent-ink:#04120C;
    --accent-soft:rgba(62,209,127,.16);
    --signal:#D9A455;
    --shadow:0 18px 44px -22px rgba(0,0,0,.9);
    background-color:var(--panel);color:var(--panel-ink);
    background-image:
      radial-gradient(820px 480px at 88% -10%, rgba(79,227,168,.26), transparent 58%),
      radial-gradient(640px 440px at 4% 110%, rgba(44,180,99,.16), transparent 56%),
      linear-gradient(200deg, #12251C 0%, #0F1A16 48%, #0A0F0C 100%);
    border-block:1px solid var(--panel-line);
  }

  .eyebrow{
    font-family:var(--mono);font-size:11.5px;letter-spacing:.18em;text-transform:uppercase;
    color:var(--signal);display:flex;align-items:center;gap:10px;margin-bottom:16px;font-weight:500;
  }
  .eyebrow::after{content:"";flex:1;height:1px;background:var(--border);max-width:120px}

  h2.big{font-size:clamp(30px,4.1vw,50px);font-weight:700}
  .lede{margin-top:18px;font-size:clamp(16.5px,1.4vw,19px);color:var(--ink-soft);max-width:56ch}

  .btn{
    display:inline-flex;align-items:center;gap:9px;font-weight:600;font-size:15px;text-decoration:none;
    padding:12px 20px;border-radius:4px;border:1px solid transparent;cursor:pointer;font-family:var(--body);
    transition:transform .12s ease, background-color .12s ease;
  }
  .btn:active{transform:translateY(1px)}
  .btn-primary{background:var(--accent);color:var(--accent-ink)}
  .btn-primary:hover{background:var(--accent-lum)}
  .btn-ghost{border-color:var(--border-strong);color:var(--ink);background:transparent}
  .btn-ghost:hover{background:var(--surface-2)}
  .btn-sm{padding:9px 15px;font-size:14px}
  .bar .btn{flex:none;white-space:nowrap;padding:9px 14px;font-size:13.5px}
  .btn .arw{font-family:var(--mono);font-size:13px;opacity:.75}
  a:focus-visible,button:focus-visible{outline:2px solid var(--accent-lum);outline-offset:3px}

  /* ---------- header ---------- */
  header.site{
    position:sticky;top:env(safe-area-inset-top,0px);z-index:50;
    background:color-mix(in srgb, var(--ground) 86%, transparent);
    backdrop-filter:saturate(1.4) blur(12px);border-bottom:1px solid var(--border);
  }
  .bar{display:flex;align-items:center;gap:14px;min-height:64px;flex-wrap:nowrap}
  .brand{display:flex;align-items:center;gap:10px;text-decoration:none}
  .mark{height:30px;width:auto;flex:none;display:block}
  .logo-full{width:150px;height:auto;display:block}
  .brand{flex:none}
  .brand b{font-family:var(--display);font-weight:700;font-size:17px;font-variation-settings:"wdth" 112;letter-spacing:-.01em;white-space:nowrap}
  nav.main{
    margin-left:auto;display:flex;align-items:center;gap:0;flex-wrap:nowrap;
    min-width:0;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none;justify-content:flex-end;
  }
  nav.main::-webkit-scrollbar{display:none}
  nav.main a{text-decoration:none;color:var(--ink-soft);font-size:13.5px;font-weight:500;padding:7px 9px;border-radius:4px;white-space:nowrap;flex:none}
  nav.main a:hover{background:var(--surface-2);color:var(--ink)}

  /* ---------- hero (faixa escura) ---------- */
  .hero{
    background-color:var(--panel);color:var(--panel-ink);
    background-image:
      radial-gradient(880px 500px at 8% 114%, var(--glow), transparent 60%),
      radial-gradient(700px 420px at 94% -14%, rgba(224,162,78,.13), transparent 56%),
      linear-gradient(158deg, var(--panel-a) 0%, var(--panel) 52%, var(--panel-c) 100%);
    padding-block:0 clamp(40px,5vw,64px);border-bottom:1px solid var(--panel-line);
    overflow:hidden;
  }
  .ticker{
    border-bottom:1px solid var(--panel-line);overflow:hidden;white-space:nowrap;
    padding-block:10px;-webkit-mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);
            mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);
  }
  .ticker div{display:inline-block;animation:slide 34s linear infinite;will-change:transform}
  .ticker span{
    font-family:var(--mono);font-size:12px;letter-spacing:.2em;text-transform:uppercase;
    color:var(--panel-lum);opacity:.7;padding-inline:18px;
  }
  @keyframes slide{from{transform:translateX(0)}to{transform:translateX(-50%)}}

  .hero-inner{padding-top:clamp(44px,6vw,78px)}
  .hero .eyebrow{color:var(--panel-lum)}
  .hero .eyebrow::after{background:var(--panel-line)}
  .hero h1{
    font-size:clamp(31px,4.6vw,56px);font-weight:800;font-variation-settings:"wdth" 104;
    letter-spacing:-.025em;max-width:19ch;line-height:1.08;
  }
  .hero h1 em{font-style:normal;color:var(--panel-lum)}
  .hero .lede{color:var(--panel-muted);max-width:54ch}
  .hero-cta{display:flex;gap:12px;flex-wrap:wrap;margin-top:30px}
  .hero .btn-ghost{border-color:var(--panel-line);color:var(--panel-ink)}
  .hero .btn-ghost:hover{background:var(--panel-2)}

  .tiles{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;margin-top:clamp(38px,5vw,60px)}
  .tile{
    display:flex;flex-direction:column;gap:6px;text-decoration:none;
    background:var(--panel-2);border:1px solid var(--panel-line);border-radius:5px;padding:20px;
    transition:transform .14s ease, border-color .14s ease;
  }
  .tile:hover{transform:translateY(-3px);border-color:var(--panel-lum)}
  .tile .k{font-family:var(--mono);font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--panel-muted)}
  .tile-logo{height:38px;width:auto;display:block;margin-block:2px 4px}
  .tile h3{font-size:25px;font-weight:700;font-variation-settings:"wdth" 110;color:var(--panel-ink);margin-top:4px}
  .tile p{font-size:14.5px;color:var(--panel-muted)}
  .tile .go{font-family:var(--mono);font-size:12px;color:var(--panel-lum);margin-top:12px}
  .tile.on{border-color:var(--panel-lum);background:linear-gradient(180deg,var(--panel-2),rgba(79,227,168,.07))}

  /* ---------- pipeline ---------- */
  .pipe{background:var(--surface);border:1px solid var(--border);border-radius:6px;box-shadow:var(--shadow);overflow:hidden}
  .pipe-head{display:flex;align-items:center;gap:12px;padding:12px 18px;border-bottom:1px solid var(--border);flex-wrap:wrap}
  .pipe-head h3{font-size:14.5px;font-weight:600;font-variation-settings:"wdth" 100;letter-spacing:0}
  .pipe-head .tag{font-family:var(--mono);font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);margin-left:auto}
  .rail{position:relative;height:3px;background:var(--border)}
  .rail i{position:absolute;top:-2px;left:0;width:64px;height:7px;border-radius:99px;background:linear-gradient(90deg,transparent,var(--accent-lum));animation:run 5.2s linear infinite}
  @keyframes run{from{left:-8%}to{left:104%}}
  .nodes{display:grid;grid-template-columns:repeat(6,1fr)}
  .nodes-4{grid-template-columns:repeat(4,1fr)}
  .mod-wrap{margin-top:20px}
  .node{padding:18px 16px 22px;border-right:1px solid var(--border)}
  .node:last-child{border-right:0}
  .node .ix{font-family:var(--mono);font-size:10.5px;color:var(--muted);letter-spacing:.1em}
  .node .doc{font-family:var(--mono);font-size:13px;font-weight:700;color:var(--accent);display:block;margin-top:8px}
  .node h4{font-size:14.5px;font-weight:600;margin-top:10px;font-variation-settings:"wdth" 100;letter-spacing:0;line-height:1.25}
  .node p{font-size:13.5px;color:var(--muted);margin-top:5px;line-height:1.45}

  /* ---------- product switcher ---------- */
  .seg{display:inline-flex;background:var(--surface-2);border:1px solid var(--border);border-radius:5px;padding:3px;gap:3px;margin-top:26px;flex-wrap:wrap}
  .seg button{font-family:var(--body);font-size:14.5px;font-weight:600;color:var(--ink-soft);background:transparent;border:0;padding:9px 16px;border-radius:3px;cursor:pointer}
  .seg button[aria-selected="true"]{background:var(--surface);color:var(--accent);box-shadow:0 1px 2px rgba(0,0,0,.08)}
  .panel{margin-top:20px;background:var(--surface);border:1px solid var(--border);border-radius:6px;display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);overflow:hidden}
  .panel .side{padding:28px;border-right:1px solid var(--border)}
  .panel .side .kind{font-family:var(--mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--signal)}
  .panel .side h3{font-size:clamp(26px,3vw,36px);font-weight:700;margin-top:10px}
  .panel .side p{color:var(--ink-soft);margin-top:12px;font-size:16px;max-width:42ch}
  .panel .side .btn{margin-top:22px}
  .specs{padding:10px 0}
  .spec{display:grid;grid-template-columns:98px minmax(0,1fr);gap:14px;padding:13px 24px;border-bottom:1px solid var(--border);align-items:baseline}
  .spec:last-child{border-bottom:0}
  .spec .k{font-family:var(--mono);font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}
  .spec .v{font-size:15px;color:var(--ink-soft)}
  .spec .v b{font-weight:600;color:var(--ink)}

  /* ---------- cooweb ---------- */
  .cw-head{display:grid;grid-template-columns:auto 1fr;gap:clamp(20px,4vw,52px);align-items:end}
  .cw-head h2{line-height:0}
  .cw-logo{width:clamp(210px,26vw,320px);height:auto;display:block}
  .cw-head p{color:var(--ink-soft);font-size:17.5px;max-width:60ch;padding-bottom:8px}
  .cw-grid{display:grid;grid-template-columns:repeat(3,1fr);margin-top:40px;border:1px solid var(--border);border-radius:6px;overflow:hidden;background:var(--surface)}
  .feat{padding:24px;border-right:1px solid var(--border);border-bottom:1px solid var(--border);transition:background-color .15s ease}
  .feat:hover{background:var(--surface-2)}
  .feat:nth-child(3n){border-right:0}
  .feat:nth-last-child(-n+3){border-bottom:0}
  .feat .code{font-family:var(--mono);font-size:10.5px;letter-spacing:.14em;color:var(--signal);text-transform:uppercase}
  .feat h4{font-size:19px;margin-top:10px;font-weight:700;font-variation-settings:"wdth" 104}
  .feat p{font-size:14.8px;color:var(--muted);margin-top:8px;line-height:1.5}
  .cw-note{margin-top:24px;background:var(--surface);border:1px solid var(--border);border-left:3px solid var(--accent);border-radius:5px;padding:20px 22px}
  .cw-note p{font-size:15.5px;color:var(--ink-soft)}
  .cw-note b{font-family:var(--display);font-variation-settings:"wdth" 108;font-weight:700}

  /* ---------- projetos sob medida ---------- */
  .sublabel{font-family:var(--mono);font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--muted);margin-top:38px}
  .proj{display:flex;flex-wrap:wrap;justify-content:center;gap:14px;margin-top:14px}
  .pcard{
    flex:1 1 240px;max-width:268px;
    background:var(--surface);border:1px solid var(--border);border-radius:5px;
    padding:22px 20px;display:flex;flex-direction:column;gap:9px;min-height:198px;
    transition:border-color .14s ease, transform .14s ease;
  }
  .pcard:hover{border-color:var(--accent);transform:translateY(-2px)}
  .pcard .k{font-family:var(--mono);font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:var(--signal)}
  .pcard h4{font-size:23px;font-weight:700;font-variation-settings:"wdth" 108}
  .pcard p{font-size:14.8px;color:var(--muted);line-height:1.5}
  a.pcard{text-decoration:none}
  .visite{font-family:var(--mono);font-size:11.5px;color:var(--accent);margin-top:auto;padding-top:8px}


  /* ---------- parcerias ---------- */
  .orgs{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:30px}
  .org{background:var(--surface);border:1px solid var(--border);border-radius:6px;padding:24px;display:flex;flex-direction:column;gap:9px}
  .org .k{font-family:var(--mono);font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--signal)}
  .org h4{font-size:26px;font-weight:700;font-variation-settings:"wdth" 110}
  .org p{font-size:15px;color:var(--muted);line-height:1.5}
  .rec{
    margin-top:16px;border:1px dashed var(--border-strong);border-radius:6px;
    padding:26px 28px;display:flex;flex-direction:column;gap:10px;
  }
  .rec-k{font-family:var(--mono);font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}
  .rec-q{
    margin:0;font-family:var(--display);font-variation-settings:"wdth" 104;font-weight:500;
    font-size:clamp(19px,2.2vw,26px);line-height:1.3;color:var(--ink-soft);
  }
  .rec-a{font-size:14px;color:var(--muted)}
  .rev{
    align-self:flex-start;font-family:var(--mono);font-size:10px;letter-spacing:.1em;text-transform:uppercase;
    color:var(--signal);border:1px solid var(--signal);border-radius:3px;padding:3px 7px;opacity:.85;
  }
  @media (max-width:860px){ .orgs{grid-template-columns:1fr} }


  /* ---------- engenharia ---------- */
  .eng{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:32px}
  .eng div{border-top:2px solid var(--accent);padding-top:16px}
  .eng h4{font-size:18px;font-weight:700;font-variation-settings:"wdth" 104}
  .eng p{font-size:15px;color:var(--muted);margin-top:7px}

  /* ---------- recursos ---------- */
  .res{display:grid;grid-template-columns:repeat(3,1fr);margin-top:32px;border:1px solid var(--border);border-radius:6px;overflow:hidden;background:var(--surface)}
  .res .item{padding:22px 24px;border-right:1px solid var(--border);border-bottom:1px solid var(--border)}
  .res .item:nth-child(3n){border-right:0}
  .res .item:nth-last-child(-n+3){border-bottom:0}
  .res .item h4{font-size:17px;font-weight:700;font-variation-settings:"wdth" 104}
  .res .item p{font-size:14.5px;color:var(--muted);margin-top:5px}
  .res .item .docs{font-family:var(--mono);font-size:11.5px;color:var(--accent);margin-top:10px;letter-spacing:.03em}


  /* ---------- ramos ---------- */
  .ramos{display:flex;flex-direction:column;align-items:center;gap:36px;text-align:center}
  .eyebrow-mid{justify-content:center;margin-bottom:0}
  .eyebrow-mid::after{display:none}
  .grupo{display:flex;flex-direction:column;align-items:center;gap:16px;width:100%}
  .grupo-tit{
    font-family:var(--display);font-size:22px;font-weight:700;font-variation-settings:"wdth" 110;
    color:var(--accent);letter-spacing:-.01em;
  }
  .grupo .chips{justify-content:center;max-width:880px;margin-top:0}
  .chips{display:flex;flex-wrap:wrap;gap:7px;margin-top:22px;align-items:center}
  .chip{font-size:14px;background:var(--surface);border:1px solid var(--border);border-radius:3px;padding:6px 12px;color:var(--ink-soft)}
  .chip.head{background:var(--accent);border-color:var(--accent);color:var(--accent-ink);font-family:var(--mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase}

  /* ---------- utilitários ---------- */
  .dl{margin-top:30px;border:1px solid var(--border);border-radius:6px;overflow:hidden;background:var(--surface)}
  .dl a{
    display:grid;grid-template-columns:150px 1fr auto;gap:18px;align-items:center;
    padding:15px 22px;border-bottom:1px solid var(--border);text-decoration:none;
    transition:background-color .13s ease;
  }
  .dl a:last-child{border-bottom:0}
  .dl a:hover{background:var(--surface-2)}
  .dl .k{font-family:var(--mono);font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}
  .dl .n{font-size:16px;font-weight:600}
  .dl .n small{display:block;font-weight:400;font-size:14px;color:var(--muted);margin-top:2px}
  .dl .go{font-family:var(--mono);font-size:12px;color:var(--accent);white-space:nowrap}

  /* ---------- representante ---------- */
  .rep{display:grid;grid-template-columns:1.05fr .95fr;gap:clamp(24px,4vw,56px);align-items:start}
  .steps{counter-reset:s;display:flex;flex-direction:column;gap:2px;margin-top:26px}
  .steps li{
    counter-increment:s;display:grid;grid-template-columns:auto 1fr;gap:16px;align-items:start;
    padding:16px 0;border-bottom:1px solid var(--border);
  }
  .steps li:last-child{border-bottom:0}
  .steps li::before{
    content:counter(s,decimal-leading-zero);font-family:var(--mono);font-size:12px;font-weight:700;
    color:var(--accent);background:var(--accent-soft);border-radius:3px;padding:5px 8px;
  }
  .steps h4{font-size:17px;font-weight:700;font-variation-settings:"wdth" 104}
  .steps p{font-size:15px;color:var(--muted);margin-top:4px}

  /* ---------- contato ---------- */
  .split{display:grid;grid-template-columns:1fr 1fr;gap:clamp(24px,4vw,56px);align-items:center}
  .card{background:var(--surface);border:1px solid var(--border);border-radius:6px;padding:28px;box-shadow:var(--shadow)}
  .cl{display:flex;flex-direction:column;gap:16px;margin-top:4px}
  .cl .row{display:grid;grid-template-columns:92px 1fr;gap:14px;align-items:baseline}
  .cl .k{font-family:var(--mono);font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}
  .cl .v{font-size:16px}
  .cl .v a{text-decoration:none;border-bottom:1px solid var(--border-strong)}
  .cl .v a:hover{border-color:var(--accent);color:var(--accent)}

  /* ---------- footer ---------- */
  footer.site{background:var(--surface);border-top:1px solid var(--border);padding-block:46px 30px}
  .fgrid{display:grid;grid-template-columns:1.6fr 1fr 1fr;gap:28px}
  footer .sem-link li{font-size:15px;color:var(--ink-soft)}
  footer h5{font-family:var(--mono);font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);margin:0 0 13px;font-weight:500}
  footer li{margin-bottom:7px}
  footer li a{font-size:15px;color:var(--ink-soft);text-decoration:none}
  footer li a:hover{color:var(--accent)}
  .parc{
    margin-top:36px;display:flex;align-items:center;gap:24px;flex-wrap:wrap;
    background:var(--surface-2);border:1px solid var(--border);border-left:3px solid var(--accent);
    border-radius:6px;padding:18px 24px;
  }
  .parc-k{font-family:var(--mono);font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}
  .parc-nomes{display:flex;gap:18px;flex-wrap:wrap;align-items:center}
  .parc-marca{display:inline-flex;align-items:center;justify-content:center;background:#FFFFFF;border-radius:8px;width:190px;height:66px;padding:8px 14px;text-decoration:none;transition:transform .12s ease,box-shadow .12s ease}
.parc-marca:hover{transform:translateY(-1px);box-shadow:0 6px 18px -8px rgba(0,0,0,.6)}
  .parc-marca img{height:auto;width:auto;max-height:42px;max-width:100%;display:block}

  .fnote{margin-top:22px;padding-top:18px;border-top:1px solid var(--border);display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;font-size:13px;color:var(--muted);font-family:var(--mono)}

  @media (max-width:980px){
    .cw-head,.split,.panel,.rep{grid-template-columns:1fr}
    .panel .side{border-right:0;border-bottom:1px solid var(--border)}
    .tiles{grid-template-columns:1fr 1fr}
    .nodes{grid-template-columns:repeat(3,1fr)}
    .node:nth-child(3n){border-right:0}
    .node:nth-child(-n+3){border-bottom:1px solid var(--border)}
    .cw-grid,.res,.eng{grid-template-columns:1fr 1fr}
    .feat:nth-child(3n),.res .item:nth-child(3n){border-right:1px solid var(--border)}
    .feat:nth-child(2n),.res .item:nth-child(2n){border-right:0}
    .feat:nth-last-child(-n+3),.res .item:nth-last-child(-n+3){border-bottom:1px solid var(--border)}
    .feat:nth-last-child(-n+2),.res .item:nth-last-child(-n+2){border-bottom:0}
    .fgrid{grid-template-columns:1fr 1fr}
    .dl a{grid-template-columns:1fr auto}
    .dl .k{display:none}
  }
  @media (max-width:640px){
    body{font-size:16px;background-image:none}
    .wrap{padding-inline:16px}
    nav.main{display:none}
    .tiles,.nodes,.cw-grid,.res,.eng,.fgrid{grid-template-columns:1fr}
    .pcard{max-width:none;flex-basis:100%}
    .node,.feat,.res .item{border-right:0 !important;border-bottom:1px solid var(--border) !important}
    .node:last-child,.feat:last-child,.res .item:last-child{border-bottom:0 !important}
    .spec{grid-template-columns:1fr;gap:3px;padding-inline:20px}
    .panel .side{padding:22px}
    .cl .row{grid-template-columns:1fr;gap:2px}
    .dl a{grid-template-columns:1fr;gap:6px}
  }
  @media (prefers-reduced-motion:reduce){
    *{animation:none !important;transition:none !important}
    .rail i{left:0;width:100%;background:var(--accent-lum);opacity:.5}
  }

  /* menu do celular */
  .burger{display:none;align-items:center;justify-content:center;width:42px;height:38px;
    border:1px solid var(--border-strong);background:transparent;border-radius:6px;cursor:pointer;
    color:inherit;flex:none;margin-left:auto;padding:0}
  .burger i{display:block;width:18px;height:2px;background:currentColor;position:relative}
  .burger i::before,.burger i::after{content:"";position:absolute;left:0;width:18px;height:2px;background:currentColor;transition:transform .16s ease,top .16s ease}
  .burger i::before{top:-6px}
  .burger i::after{top:6px}
  .burger[aria-expanded="true"] i{background:transparent}
  .burger[aria-expanded="true"] i::before{top:0;transform:rotate(45deg)}
  .burger[aria-expanded="true"] i::after{top:0;transform:rotate(-45deg)}
  .menu-mob{display:none;border-top:1px solid var(--border);background:var(--ground);
    padding:8px 20px 18px;max-height:calc(100vh - 64px);overflow-y:auto}
  .menu-mob a.mm{display:block;padding:13px 2px;font-size:16.5px;font-weight:600;
    text-decoration:none;color:var(--ink);border-bottom:1px solid var(--border)}
  .menu-mob a.mm:last-of-type{border-bottom:0}
  .menu-mob .mm-cta{display:flex;flex-direction:column;gap:10px;margin-top:14px}
  .menu-mob .mm-cta .btn{justify-content:center}
  @media (max-width:620px){
    .burger{display:inline-flex}
    .menu-mob.aberto{display:block}
    .bar{gap:9px}
    header.site .bar > .btn{padding:9px 14px;font-size:13.5px;margin-left:auto;margin-right:auto}
    header.site .bar > .btn .arw{display:none}
    .burger{margin-left:0}
  }