/* ── PAGE-SPECIFIC ─────────────────────────── */
  .page-hero{
    position:relative;padding:160px 0 80px;overflow:hidden;
  }
  .page-hero::before{
    content:"";position:absolute;inset:0;z-index:0;
    background-image:
      linear-gradient(var(--border) 1px, transparent 1px),
      linear-gradient(90deg, var(--border) 1px, transparent 1px);
    background-size:64px 64px;
    mask-image:radial-gradient(ellipse 70% 60% at 50% 20%, black, transparent 70%);
    -webkit-mask-image:radial-gradient(ellipse 70% 60% at 50% 20%, black, transparent 70%);
  }
  .page-hero::after{
    content:"";position:absolute;top:-100px;left:50%;
    width:900px;height:500px;transform:translateX(-50%);
    background:radial-gradient(ellipse 50% 50% at 50% 50%, var(--accent-glow), transparent 70%);
    filter:blur(60px);z-index:0;opacity:.5;pointer-events:none;
  }
  .page-hero__inner{position:relative;z-index:1;max-width:880px}
  .page-hero__pill{
    display:inline-flex;align-items:center;gap:8px;
    padding:6px 14px;border-radius:100px;
    background:var(--surface);border:1px solid var(--border-2);
    font-size:12px;color:var(--text-2);
    margin-bottom:28px;
    font-family:'Geist Mono',monospace;letter-spacing:.02em;
  }
  .page-hero__pill .dot{
    width:6px;height:6px;border-radius:50%;background:var(--accent);
    box-shadow:0 0 0 0 var(--accent-glow);
    animation:dot-pulse 2s ease-in-out infinite;
  }
  .page-hero h1{
    font-size:clamp(44px, 7vw, 88px);font-weight:600;
    letter-spacing:-.045em;line-height:.98;
    text-wrap:balance;margin-bottom:24px;
  }
  .page-hero h1 .soft{color:var(--text-soft)}
  .page-hero h1 .accent{color:var(--accent)}
  .page-hero__sub{
    font-size:clamp(16px, 1.4vw, 20px);color:var(--text-2);
    line-height:1.55;max-width:600px;margin-bottom:36px;
    text-wrap:pretty;
  }
  .page-hero__actions{display:flex;gap:12px;flex-wrap:wrap}

  /* ── INCLUI section ────────────────────────── */
  .includes{padding:80px 0;border-top:1px solid var(--border);background:var(--bg-2)}
  .inc-grid{
    display:grid;grid-template-columns:repeat(3, 1fr);gap:0;
    border:1px solid var(--border);border-radius:var(--r-lg);
    overflow:hidden;background:var(--surface);
  }
  .inc{
    padding:32px 28px;
    border-right:1px solid var(--border);
    border-bottom:1px solid var(--border);
    transition:background .25s;
    position:relative;
  }
  .inc:hover{background:var(--surface-2)}
  .inc:nth-child(3n){border-right:none}
  .inc:nth-last-child(-n+3){border-bottom:none}
  .inc__icon{
    width:38px;height:38px;border-radius:8px;
    background:var(--accent-soft);
    border:1px solid color-mix(in oklab, var(--accent) 30%, transparent);
    display:flex;align-items:center;justify-content:center;
    color:var(--accent);margin-bottom:18px;
  }
  .inc__icon svg{width:18px;height:18px}
  .inc h3{
    font-size:17px;font-weight:600;letter-spacing:-.015em;margin-bottom:8px;
  }
  .inc p{
    font-size:14px;color:var(--text-2);line-height:1.6;
    text-wrap:pretty;
  }

  /* ── PROCESS ───────────────────────────────── */
  .process{padding:100px 0;border-top:1px solid var(--border)}
  .process__steps{
    display:grid;grid-template-columns:repeat(4, 1fr);gap:0;
    margin-top:48px;
    border:1px solid var(--border);border-radius:var(--r-lg);
    overflow:hidden;background:var(--surface);
  }
  .step{
    padding:28px 24px 32px;
    border-right:1px solid var(--border);
    position:relative;transition:background .25s;
  }
  .step:last-child{border-right:none}
  .step:hover{background:var(--surface-2)}
  .step__num{
    font-family:'Geist Mono',monospace;font-size:11px;color:var(--text-soft);
    text-transform:uppercase;letter-spacing:.08em;
    margin-bottom:18px;display:flex;justify-content:space-between;
  }
  .step__num .time{color:var(--accent);font-weight:500}
  .step__dot{
    width:36px;height:36px;border-radius:8px;
    background:var(--surface-2);border:1px solid var(--border-2);
    display:flex;align-items:center;justify-content:center;
    margin-bottom:18px;color:var(--accent);
    transition:transform .3s var(--ease-spring),background .25s;
  }
  .step:hover .step__dot{transform:rotate(-6deg) scale(1.08);background:var(--accent-soft)}
  .step__dot svg{width:18px;height:18px}
  .step h3{font-size:18px;font-weight:600;letter-spacing:-.015em;margin-bottom:8px}
  .step p{font-size:14px;color:var(--text-2);line-height:1.6;text-wrap:pretty}

  /* ── COMPARISON / "Não vendemos template" ──── */
  .compare{padding:100px 0;border-top:1px solid var(--border);background:var(--bg-2)}
  .compare__grid{
    display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:48px;
  }
  .compare-col{
    background:var(--surface);
    border:1px solid var(--border);
    border-radius:var(--r-lg);
    padding:28px 28px 24px;
    position:relative;
  }
  .compare-col--bad{opacity:.65}
  .compare-col__head{
    font-family:'Geist Mono',monospace;font-size:11px;
    text-transform:uppercase;letter-spacing:.08em;
    color:var(--text-soft);
    margin-bottom:18px;padding-bottom:14px;
    border-bottom:1px solid var(--border);
    display:flex;align-items:center;gap:8px;
  }
  .compare-col--good .compare-col__head{color:var(--accent)}
  .compare-col__head::before{
    content:"";display:inline-block;width:8px;height:8px;border-radius:50%;
    background:currentColor;
  }
  .compare-col ul li{
    font-size:14.5px;color:var(--text-2);line-height:1.6;
    padding:10px 0 10px 26px;position:relative;
    border-bottom:1px dashed var(--border);
  }
  .compare-col ul li:last-child{border-bottom:none}
  .compare-col--good li::before{
    content:"";position:absolute;left:0;top:14px;
    width:14px;height:14px;border-radius:50%;
    background:var(--accent-soft);
    border:1px solid var(--accent);
  }
  .compare-col--good li::after{
    content:"";position:absolute;left:4px;top:18px;
    width:6px;height:3px;border-left:1.5px solid var(--accent);
    border-bottom:1.5px solid var(--accent);transform:rotate(-45deg);
  }
  .compare-col--bad li::before{
    content:"×";position:absolute;left:0;top:7px;
    width:14px;height:14px;text-align:center;line-height:14px;
    color:var(--text-faint);font-size:18px;
  }

  /* ── FINAL CTA ─────────────────────────────── */
  .cta-final{
    padding:120px 0;border-top:1px solid var(--border);
    position:relative;overflow:hidden;text-align:center;
  }
  .cta-final::before{
    content:"";position:absolute;top:50%;left:50%;
    width:800px;height:800px;border-radius:50%;
    background:radial-gradient(circle, var(--accent-glow), transparent 70%);
    transform:translate(-50%,-50%);filter:blur(80px);opacity:.4;pointer-events:none;
  }
  .cta-final__inner{position:relative;z-index:1;max-width:720px;margin:0 auto}
  .cta-final span.caps{color:var(--accent);margin-bottom:18px;display:inline-block}
  .cta-final h2{
    font-size:clamp(36px,5vw,56px);font-weight:600;letter-spacing:-.035em;line-height:1.05;
    margin-bottom:18px;text-wrap:balance;
  }
  .cta-final h2 .soft{color:var(--text-soft)}
  .cta-final p{font-size:17px;color:var(--text-2);margin-bottom:32px;line-height:1.55}
  .cta-final__actions{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}

  @media(max-width:880px){
    .inc-grid{grid-template-columns:1fr 1fr}
    .inc:nth-child(3n){border-right:1px solid var(--border)}
    .inc:nth-child(2n){border-right:none}
    .process__steps{grid-template-columns:1fr 1fr}
    .step:nth-child(2){border-right:none}
    .step:nth-child(1),.step:nth-child(2){border-bottom:1px solid var(--border)}
    .compare__grid{grid-template-columns:1fr}
  }
  @media(max-width:560px){
    .inc-grid,.process__steps{grid-template-columns:1fr}
    .inc{border-right:none !important}
    .step{border-right:none !important;border-bottom:1px solid var(--border)}
    .step:last-child{border-bottom:none}
  }
@media(max-width:600px){
  .page-hero{padding:110px 0 48px}
  .page-hero h1{font-size:clamp(32px,10vw,52px);letter-spacing:-.03em}
  .page-hero__sub{font-size:15px}
  .page-hero__actions{flex-direction:column}
  .page-hero__actions a{width:100%;justify-content:center;text-align:center}
}