:root{
      --orange:#ff4b2b;
      --orange-dark:#e83d20;
      --orange-soft:#fff1ec;
      --ink:#101b2b;
      --text:#344154;
      --muted:#718096;
      --line:#e8edf2;
      --surface:#ffffff;
      --surface-soft:#fff9f7;
      --dark:#101820;
      --shadow:0 24px 70px rgba(16,24,40,.10);
    }

    *{box-sizing:border-box}

    html{scroll-behavior:smooth}

    body{
      margin:0;
      background:#fff;
      color:var(--ink);
      font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
      line-height:1.55;
    }

    a{color:inherit;text-decoration:none}

    .container{
      width:min(1160px,calc(100% - 48px));
      margin:0 auto;
    }

    /* NAV */
    .navbar{
      height:78px;
      border-bottom:1px solid var(--line);
      background:rgba(255,255,255,.96);
      display:flex;
      align-items:center;
      position:sticky;
      top:0;
      z-index:100;
    }

    .navbar-inner{
      display:flex;
      align-items:center;
      justify-content:space-between;
      gap:30px;
    }

    .logo{
      font-size:23px;
      line-height:1;
      font-weight:900;
      letter-spacing:-1.2px;
      white-space:nowrap;
    }

    .logo span{color:var(--orange)}

    .nav-menu{
      display:flex;
      align-items:center;
      gap:30px;
      font-size:14px;
      font-weight:750;
      color:#475569;
    }

    .nav-menu a:not(.btn):hover{color:var(--orange)}

    .btn{
      display:inline-flex;
      align-items:center;
      justify-content:center;
      min-height:46px;
      padding:0 18px;
      border-radius:12px;
      border:1px solid transparent;
      font-size:14px;
      font-weight:850;
      white-space:nowrap;
      transition:.18s ease;
    }

    .btn-primary{
      background:var(--orange);
      color:#fff;
      box-shadow:0 10px 24px rgba(255,75,43,.20);
    }

    .btn-primary:hover{background:var(--orange-dark);transform:translateY(-1px)}

    .btn-secondary{
      background:#fff;
      border-color:#dfe5ea;
      color:var(--ink);
    }

    .btn-secondary:hover{border-color:#cbd3db;background:#fafafa}

    /* HERO */
    .hero{
      background:
        radial-gradient(circle at 82% 18%,rgba(255,207,194,.55),transparent 28%),
        linear-gradient(180deg,#fff 0%,#fffaf8 100%);
      padding:76px 0 82px;
      overflow:hidden;
    }

    .hero-grid{
      display:grid;
      grid-template-columns:minmax(0,1fr) minmax(420px,520px);
      align-items:center;
      gap:72px;
    }

    .eyebrow{
      display:inline-flex;
      align-items:center;
      min-height:34px;
      padding:0 13px;
      border-radius:999px;
      background:var(--orange-soft);
      color:#d83c20;
      font-size:12px;
      font-weight:900;
      letter-spacing:.07em;
      text-transform:uppercase;
    }

    .hero h1{
      margin:19px 0 22px;
      max-width:690px;
      font-size:clamp(46px,5.3vw,68px);
      line-height:1.015;
      letter-spacing:-3px;
      font-weight:900;
    }

    .hero h1 .accent{color:var(--orange)}

    .hero-copy{
      max-width:650px;
      margin:0;
      color:var(--text);
      font-size:18px;
      line-height:1.65;
    }

    .hero-copy strong{color:#3e4c60}

    .hero-actions{
      display:flex;
      flex-wrap:wrap;
      gap:12px;
      margin-top:30px;
    }

    .hero-note{
      margin-top:13px;
      color:#8a95a3;
      font-size:12px;
    }

    /* HERO PRODUCT MOCKUP */
    .hero-visual{
      position:relative;
      width:100%;
      min-height:440px;
      display:flex;
      align-items:center;
      justify-content:center;
    }

    .mockup{
      width:100%;
      max-width:450px;
      border:1px solid #e1e6eb;
      border-radius:25px;
      background:#fff;
      box-shadow:var(--shadow);
      overflow:hidden;
      position:relative;
      z-index:2;
    }

    .mockup-top{
      height:62px;
      padding:0 21px;
      display:flex;
      align-items:center;
      justify-content:space-between;
      border-bottom:1px solid var(--line);
      font-weight:850;
    }

    .online{
      font-size:12px;
      color:#1d2939;
    }

    .online::before{
      content:"";
      width:7px;
      height:7px;
      display:inline-block;
      border-radius:50%;
      background:#111827;
      margin-right:7px;
    }

    .mockup-body{padding:23px}

    .mockup-label{
      color:#8a95a3;
      font-size:11px;
      font-weight:700;
      letter-spacing:.04em;
      margin-bottom:11px;
    }

    .product{
      display:flex;
      align-items:center;
      gap:14px;
      padding:17px;
      border-radius:17px;
      background:#fff6f2;
    }

    .pizza-icon{
      width:52px;
      height:52px;
      flex:0 0 52px;
      display:grid;
      place-items:center;
      font-size:31px;
      background:#fff;
      border-radius:15px;
    }

    .product-info{min-width:0}

    .product-name{
      font-size:16px;
      font-weight:850;
    }

    .product-meta{
      margin-top:3px;
      color:#7b8794;
      font-size:12px;
    }

    .product-price{
      margin-left:auto;
      padding-left:10px;
      font-size:14px;
      font-weight:900;
      white-space:nowrap;
    }

    .structured{
      margin-top:15px;
      padding:15px 16px;
      border-radius:14px;
      background:#f5f7f8;
    }

    .structured strong{
      display:block;
      font-size:13px;
      margin-bottom:3px;
    }

    .structured span{
      color:#687586;
      font-size:12px;
    }

    .floating{
      position:absolute;
      z-index:3;
      padding:13px 16px;
      background:#fff;
      border:1px solid #e3e8ed;
      border-radius:14px;
      box-shadow:0 15px 35px rgba(16,24,40,.09);
      font-size:12px;
      font-weight:850;
    }

    .floating small{
      display:block;
      margin-top:2px;
      color:#7b8794;
      font-size:11px;
      font-weight:600;
    }

    .floating-left{left:0;top:65px}
    .floating-right{right:0;bottom:48px}

    /* SECTIONS */
    section{scroll-margin-top:90px}

    .section{padding:86px 0}

    .section-soft{background:var(--surface-soft)}

    .section-dark{
      background:var(--dark);
      color:#fff;
    }

    .section-header{
      max-width:760px;
      margin:0 auto;
      text-align:center;
    }

    .kicker{
      margin-bottom:9px;
      color:var(--orange);
      font-size:12px;
      font-weight:900;
      letter-spacing:.08em;
      text-transform:uppercase;
    }

    .section-dark .kicker{color:#ff927b}

    h2{
      margin:0;
      font-size:clamp(31px,4vw,45px);
      line-height:1.08;
      letter-spacing:-1.8px;
      font-weight:900;
    }

    .section-lead{
      margin:15px auto 0;
      max-width:720px;
      color:var(--muted);
      font-size:17px;
    }

    .section-dark .section-lead{color:#b7c0ca}

    /* FLOW */
    .flow{
      margin:42px auto 0;
      display:flex;
      align-items:center;
      justify-content:center;
      flex-wrap:wrap;
      gap:10px;
    }

    .flow-item{
      min-width:155px;
      padding:18px 20px;
      border:1px solid #dfe5ea;
      border-radius:16px;
      background:#fff;
      color:var(--ink);
      font-weight:850;
      box-shadow:0 8px 25px rgba(16,24,40,.06);
    }

    .flow-arrow{
      color:var(--orange);
      font-size:24px;
      font-weight:900;
    }

    /* CHAT */
    .chat{
      width:min(760px,100%);
      margin:40px auto 0;
      border:1px solid #e1e6eb;
      border-radius:22px;
      background:#fff;
      box-shadow:0 18px 55px rgba(16,24,40,.08);
      overflow:hidden;
    }

    .chat-head{
      padding:16px 20px;
      border-bottom:1px solid var(--line);
      font-weight:850;
    }

    .bubble{
      width:fit-content;
      max-width:78%;
      margin:17px;
      padding:13px 16px;
      border-radius:16px;
      background:#f2f5f7;
      font-size:14px;
      color:#39475a;
    }

    .bubble.user{
      margin-left:auto;
      background:var(--orange-soft);
    }

    .bubble strong{
      display:block;
      margin-bottom:4px;
      color:var(--ink);
      font-size:12px;
    }

    .center-actions{
      display:flex;
      justify-content:center;
      margin-top:27px;
    }

    /* BENEFITS */
    .benefits{
      margin-top:38px;
      display:grid;
      grid-template-columns:repeat(4,1fr);
      gap:17px;
    }

    .benefit{
      padding:25px;
      border:1px solid var(--line);
      border-radius:19px;
      background:#fff;
    }

    .benefit-icon{
      width:43px;
      height:43px;
      display:grid;
      place-items:center;
      border-radius:13px;
      background:var(--orange-soft);
      font-size:20px;
      margin-bottom:17px;
    }

    .benefit h3{
      margin:0 0 7px;
      font-size:17px;
    }

    .benefit p{
      margin:0;
      color:var(--muted);
      font-size:14px;
    }

    /* TRADITION VS AGENTS */
    .comparison{
      display:grid;
      grid-template-columns:1fr 1fr;
      gap:20px;
      margin-top:40px;
    }

    .comparison-card{
      padding:28px;
      border:1px solid var(--line);
      border-radius:20px;
      background:#fff;
    }

    .comparison-card.featured{
      border:2px solid #ffc0b0;
      background:#fffaf8;
    }

    .comparison-card h3{margin:0 0 15px;font-size:19px}

    .comparison-card ul{
      margin:0;
      padding-left:20px;
      color:#657286;
    }

    .comparison-card li{margin:10px 0}

    /* CTA */
    .cta{
      text-align:center;
    }

    .cta .section-lead{max-width:650px}

    .footer{
      padding:30px 0;
      border-top:1px solid var(--line);
      color:#7b8794;
      font-size:13px;
    }

    .footer-inner{
      display:flex;
      justify-content:space-between;
      flex-wrap:wrap;
      gap:18px;
    }

    /* MOBILE */
    @media(max-width:900px){
      .hero-grid{
        grid-template-columns:1fr;
        gap:45px;
      }

      .hero h1{max-width:760px}

      .hero-visual{
        min-height:390px;
      }

      .benefits{
        grid-template-columns:repeat(2,1fr);
      }
    }

    @media(max-width:650px){
      .container{width:min(100% - 30px,1160px)}

      .navbar{height:70px}

      .nav-menu{
        gap:10px;
      }

      .nav-menu a:not(.btn){display:none}

      .hero{
        padding:55px 0 60px;
      }

      .hero h1{
        font-size:44px;
        letter-spacing:-2.2px;
      }

      .hero-copy{font-size:17px}

      .hero-actions .btn{
        width:100%;
      }

      .hero-visual{
        min-height:370px;
      }

      .mockup{
        max-width:100%;
      }

      .floating-left{left:-5px;top:25px}
      .floating-right{right:-5px;bottom:25px}

      .benefits,
      .comparison{
        grid-template-columns:1fr;
      }

      .section{padding:65px 0}

      .flow{
        flex-direction:column;
      }

      .flow-arrow{
        transform:rotate(90deg);
      }
    }

/* =========================================================
   PÁGINAS INTERNAS — identidade visual compartilhada
   ========================================================= */
.pa-page { background:#fff; color:var(--ink); }
.pa-wrap { width:min(1160px,calc(100% - 48px)); margin:0 auto; }
.pa-nav { height:78px; border-bottom:1px solid var(--line); background:rgba(255,255,255,.96); display:flex; align-items:center; position:sticky; top:0; z-index:100; }
.pa-nav-inner { display:flex; align-items:center; justify-content:space-between; gap:30px; }
.pa-logo { font-size:23px; line-height:1; font-weight:900; letter-spacing:-1.2px; white-space:nowrap; }
.pa-logo span { color:var(--orange); }
.pa-nav-menu { display:flex; align-items:center; gap:30px; font-size:14px; font-weight:750; color:#475569; }
.pa-nav-menu a:not(.btn):hover { color:var(--orange); }
.pa-footer { padding:30px 0; border-top:1px solid var(--line); color:#7b8794; font-size:13px; }
.pa-footer-inner { display:flex; justify-content:space-between; flex-wrap:wrap; gap:18px; }
.pa-footer a:hover, .footer a:hover { color:var(--orange); }

.pa-hero { background:radial-gradient(circle at 82% 18%,rgba(255,207,194,.45),transparent 28%),linear-gradient(180deg,#fff 0%,#fffaf8 100%); padding:76px 0 82px; }
.pa-center { text-align:center; }
.pa-eyebrow { display:inline-flex; align-items:center; min-height:34px; padding:0 13px; border-radius:999px; background:var(--orange-soft); color:#d83c20; font-size:12px; font-weight:900; letter-spacing:.07em; text-transform:uppercase; }
.pa-h1 { max-width:900px; margin:19px auto 22px; font-size:clamp(42px,5.3vw,68px); line-height:1.04; letter-spacing:-2.8px; font-weight:900; }
.pa-accent { color:var(--orange); }
.pa-lead { max-width:760px; margin:0 auto; color:var(--text); font-size:18px; line-height:1.65; }
.pa-small { color:var(--muted); font-size:13px; }
.pa-actions { display:flex; align-items:center; justify-content:center; flex-wrap:wrap; gap:12px; margin-top:28px; }
.pa-btn { display:inline-flex; align-items:center; justify-content:center; min-height:46px; padding:0 18px; border-radius:12px; border:1px solid transparent; font-size:14px; font-weight:850; white-space:normal; transition:.18s ease; }
.pa-btn-primary { background:var(--orange); color:#fff; box-shadow:0 10px 24px rgba(255,75,43,.20); }
.pa-btn-primary:hover { background:var(--orange-dark); transform:translateY(-1px); }
.pa-btn-secondary { background:#fff; border-color:#dfe5ea; color:var(--ink); }
.pa-btn-secondary:hover { border-color:#cbd3db; background:#fafafa; }
.pa-section { padding:82px 0; }
.pa-section-soft { background:var(--surface-soft); }
.pa-section-dark { background:var(--dark); color:#fff; }
.pa-section-head { max-width:760px; margin:0 auto 38px; text-align:center; }
.pa-kicker { margin-bottom:9px; color:var(--orange); font-size:12px; font-weight:900; letter-spacing:.08em; text-transform:uppercase; }
.pa-section-dark .pa-kicker { color:#ff927b; }
.pa-h2 { margin:0; font-size:clamp(31px,4vw,45px); line-height:1.08; letter-spacing:-1.8px; font-weight:900; }
.pa-section-lead { margin:15px auto 0; max-width:720px; color:var(--muted); font-size:17px; }
.pa-section-dark .pa-section-lead { color:#b7c0ca; }
.pa-flow { margin:42px auto 0; display:flex; align-items:center; justify-content:center; flex-wrap:wrap; gap:10px; }
.pa-flow-item { min-width:155px; padding:18px 20px; border:1px solid #dfe5ea; border-radius:16px; background:#fff; color:var(--ink); font-weight:850; box-shadow:0 8px 25px rgba(16,24,40,.06); text-align:center; }
.pa-flow-arrow { color:var(--orange); font-size:24px; font-weight:900; }
.pa-chat { width:min(760px,100%); margin:40px auto 0; border:1px solid #e1e6eb; border-radius:22px; background:#fff; box-shadow:0 18px 55px rgba(16,24,40,.08); overflow:hidden; }
.pa-chat-head { padding:16px 20px; border-bottom:1px solid var(--line); font-weight:850; }
.pa-bubble { width:fit-content; max-width:78%; margin:17px; padding:13px 16px; border-radius:16px; background:#f2f5f7; font-size:14px; color:#39475a; }
.pa-bubble-user { margin-left:auto; background:var(--orange-soft); }
.pa-bubble strong { display:block; margin-bottom:4px; color:var(--ink); font-size:12px; }
.pa-cards { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:17px; margin-top:38px; }
.pa-card { padding:25px; border:1px solid var(--line); border-radius:19px; background:#fff; }
.pa-card h3 { margin:0 0 9px; font-size:18px; }
.pa-card p { margin:0; color:var(--muted); font-size:14px; }
.pa-icon { margin-bottom:14px; font-size:25px; }
.pa-table-wrap { width:100%; overflow-x:auto; border:1px solid var(--line); border-radius:16px; }
.pa-table { width:100%; border-collapse:collapse; min-width:700px; background:#fff; }
.pa-table th, .pa-table td { padding:16px; text-align:left; border-bottom:1px solid var(--line); }
.pa-table th { background:#f7f9fb; color:#475569; font-size:12px; text-transform:uppercase; letter-spacing:.04em; }
.pa-table tr:last-child td { border-bottom:0; }
.pa-table .pa-highlight { background:#fff4ef; }
.pa-disclaimer { color:var(--muted); font-size:12px; line-height:1.6; margin-top:18px; }
.pa-calc { display:grid; grid-template-columns:1fr 1fr; gap:18px; max-width:900px; margin:35px auto 0; }
.pa-calc-box { padding:25px; border:1px solid var(--line); border-radius:18px; background:#fff; }
.pa-label { display:block; margin-bottom:8px; font-size:13px; font-weight:800; }
.pa-input { width:100%; min-height:46px; border:1px solid #d8e0e8; border-radius:10px; padding:10px 12px; font:inherit; }
.pa-result { margin-top:5px; font-size:32px; font-weight:900; color:var(--orange); }
.plans-section, .info-section { padding:72px 0; }
.hero-center { text-align:center; max-width:900px; }
.plans { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:24px; max-width:900px; margin:0 auto; align-items:stretch; }
.plan { position:relative; display:flex; flex-direction:column; padding:32px; border:1px solid var(--line); border-radius:22px; background:#fff; box-shadow:0 12px 36px rgba(16,24,40,.06); }
.plan.featured { border:2px solid #ffb29f; background:#fffaf8; }
.plan-badge { align-self:flex-start; margin-bottom:12px; padding:6px 10px; border-radius:999px; background:var(--orange-soft); color:#d83c20; font-size:11px; font-weight:900; }
.plan-icon { font-size:28px; margin-bottom:10px; }
.plan h2 { font-size:28px; margin:0 0 8px; }
.plan-description { color:var(--muted); min-height:50px; }
.price { margin:18px 0 0; }
.price-value { font-size:42px; font-weight:900; letter-spacing:-1.5px; }
.price-period { color:var(--muted); }
.price-note { margin-top:2px; color:var(--muted); font-size:13px; }
.features { list-style:none; padding:0; margin:20px 0 24px; }
.features li { display:flex; gap:10px; margin:12px 0; color:#475569; }
.check { color:#16a34a; font-weight:900; }
.plan .btn { margin-top:auto; }
.plan-footnote { color:var(--muted); font-size:12px; line-height:1.5; }
.info-box { max-width:900px; margin:0 auto; padding:25px 28px; border:1px solid #ffd0c4; border-radius:18px; background:var(--orange-soft); }
.info-box p { margin:7px 0 0; color:var(--text); }
@media(max-width:900px) {
  .pa-cards { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .pa-calc { grid-template-columns:1fr; }
}
@media(max-width:650px) {
  .pa-wrap { width:min(100% - 30px,1160px); }
  .pa-nav { height:auto; min-height:70px; padding:14px 0; }
  .pa-nav-inner { align-items:flex-start; flex-direction:column; gap:15px; }
  .pa-nav-menu { gap:10px; flex-wrap:wrap; }
  .pa-nav-menu a:not(.btn) { display:none; }
  .pa-hero { padding:55px 0 60px; }
  .pa-h1 { font-size:42px; letter-spacing:-2px; }
  .pa-lead { font-size:17px; }
  .pa-section { padding:65px 0; }
  .pa-flow { flex-direction:column; }
  .pa-flow-arrow { transform:rotate(90deg); }
  .pa-cards, .plans { grid-template-columns:1fr; }
  .plan { padding:25px; }
  .pa-footer-inner { flex-direction:column; }
  .hero-grid { grid-template-columns:1fr; }
}