:root{
  --hp-blue:#0d6efd;
  --hp-blue-100:#e7f3ff;
  --hp-blue-200:#d2ecff;
  --hp-dark:#1b1f24;
  --hp-text:#2b2f36;
  --hp-muted:#5a6b7b;
  --radius-xl:28px;
  --cta-bg:#11b04b;
  --cta-bg-hover:#0ea244;
  --cta-shadow:0 10px 22px rgba(17,176,75,.25);
  --light-gray:#f7f8fa;
  --navbar-gray:#f5f7fa;
}
html{ scroll-behavior:smooth; }
body { font-family: "Heebo","Montserrat", system-ui, -apple-system, Roboto, Arial, sans-serif; color: var(--hp-text); }

/* NAVBAR */
.navbar { background-color: var(--navbar-gray); box-shadow: 0 2px 4px rgba(0,0,0,.06); }
.navbar-brand img { height: 40px; }
.nav-link { color:#0b3965 !important; font-weight:700; }
.nav-link:hover { color: var(--hp-blue) !important; }

/* HERO */
.hero { background-color: #d2ecff; padding-top: 120px; padding-bottom: 60px; text-align: center; }
.hero h1 { font-size: 2.6rem; font-weight: 800; line-height: 1.15; color:#0b3965; }
.hero .bold { font-weight: 900; }
.hero .highlight { color: var(--hp-blue); }
.hero p { font-size: 1.1rem; color: #3d4b59; max-width: 760px; margin: 18px auto 0; }
.hero iframe { max-width: 100%; width: 560px; height: 280px; border-radius: 14px; margin-top: 22px; border: 0; box-shadow: 0 8px 24px rgba(13,110,253,.15); }

/* CTA pattern */
.btn-success,.about .btn-cta,.specs .btn-cta,.rental .btn-cta,.robot-card .btn{
  background: var(--cta-bg) !important; color:#fff !important; border:0 !important; border-radius: 999px !important;
  font-weight:800 !important; padding: 12px 28px !important; box-shadow: var(--cta-shadow) !important;
}
.btn-success:hover,.about .btn-cta:hover,.specs .btn-cta:hover,.rental .btn-cta:hover,.robot-card .btn:hover{
  filter: brightness(.96); background: var(--cta-bg-hover) !important; color:#fff !important;
}

/* ROBOTS */
.section-robots{ padding: 64px 0 40px; background: var(--light-gray); position: relative; overflow: hidden; }
.section-robots .kicker{ letter-spacing: .35em; text-transform: uppercase; font-weight: 800; color:#2a71aa; font-size:.85rem; }
.section-robots h2{ font-size: 2.4rem; font-weight: 900; color: #1f2730; margin: 6px 0 12px; }
.section-robots .underline{ width: 110px; height: 4px; background: var(--hp-blue); border-radius: 8px; margin: 10px auto 0; }
.section-robots .lead{ max-width: 980px; margin: 26px auto 0; color:#3c4a57; font-size:1.04rem; }
.robot-card{ position: relative; border: 0; border-radius: var(--radius-xl); overflow: hidden; background:#fff; box-shadow: 0 10px 24px rgba(0,0,0,.06); transition: transform .25s ease, box-shadow .25s ease; min-height: 100%; }
.robot-card:hover{ transform: translateY(-5px); box-shadow: 0 16px 34px rgba(0,0,0,.10); }
.robot-card .shape{ position:absolute; inset:0; z-index:0;
  background: radial-gradient(120% 60% at 0% 100%, #e8f5ff 0%, #e8f5ff 40%, transparent 41%), radial-gradient(120% 70% at 100% 0%, #d6efff 0%, #d6efff 38%, transparent 40%); }
.robot-card.alt .shape{ background: radial-gradient(120% 70% at 0% 0%, #0f69d6 0%, #0f69d6 42%, transparent 44%), linear-gradient(135deg,#e6f3ff 0%,#cfe8ff 100%); }
.robot-img-wrap{ position: relative; z-index: 1; padding: 24px; }
.robot-img{ width: 100%; max-width: 460px; object-fit: cover; border-radius: 18px; background:#cfe8ff; }
.robot-card .content{ position: relative; z-index: 1; padding: 20px 24px 28px; }
.robot-card h3{ font-size: 1.12rem; font-weight: 900; margin: 0 0 6px; color:#1f2730; }
.robot-card p{ margin:0 0 14px; font-weight: 800; color:#e42b2b; }

/* ABOUT */
.about{ padding: 72px 0; background: #ffffff; }
.about .title{ color:#0d6efd; font-weight: 900; font-size: 2.6rem; line-height: 1.1; margin-bottom: 10px; }
.about .underline{ width: 200px; height: 4px; background:#0d6efd; border-radius: 8px; margin: 10px 0 22px; }
.about .copy{ font-size: 1.18rem; color:#2f3a46; line-height: 1.7; }
.about .panel{ background:#f4f7fb; border-radius: 36px; padding: 28px; box-shadow: 0 10px 24px rgba(0,0,0,.06); }
.about .panel iframe{ width: 100%; height: 360px; border: 0; border-radius: 22px; display: block; }

/* IMPACT */
.impact{ background: url('../images/robo_colaba.png') center/cover no-repeat; position: relative; padding: 80px 0; }
.impact::before{ content:""; position:absolute; inset:0; background: rgba(13,110,253,.9); }
.impact .container{ position: relative; z-index: 1; }
.impact h2{ font-size: 2.4rem; font-weight: 900; color:#fff; line-height: 1.3; }
.impact h2 span{ font-weight: 600; display:block; margin-top: 4px; }

/* BENEFITS */
.benefits{ padding: 90px 0; background: var(--light-gray); }
.benefits .title{ font-size: 2.2rem; font-weight: 900; color:#1f2730; margin-bottom: 14px; }
.benefits .title span{ color:#0d6efd; }
.benefits .underline{ width: 120px; height: 3px; background:#0d6efd; border-radius: 6px; margin: 8px 0 18px; }
.benefits .copy{ font-size: 1.05rem; color:#3a4550; line-height: 1.7; }
.benefit-box{ background:#fff; border-radius: 20px; padding: 28px 22px; text-align: center; box-shadow: 0 8px 18px rgba(0,0,0,.08); transition: transform .25s ease, box-shadow .25s ease; }
.benefit-box:hover{ transform: translateY(-4px); box-shadow: 0 12px 28px rgba(0,0,0,.12); }
.benefit-box i{ font-size: 2rem; color:#0d6efd; margin-bottom: 14px; }
.benefit-box h5{ font-size: 1.1rem; font-weight: 800; color:#1f2730; margin-bottom: 6px; }
.benefit-box p{ margin: 0; font-size: .95rem; color:#5c6670; }

/* SPECS */
.specs{ padding: 80px 0 40px; background: #fff; }
.specs .kicker{ letter-spacing:.35em; text-transform:uppercase; font-weight:800; color:#2a71aa; font-size:.85rem; text-align:center; }
.specs h2{ text-align:center; font-weight:900; font-size:2.4rem; color:#1f2730; margin:6px 0 10px; }
.specs .underline{ width:110px; height:4px; background:#0d6efd; border-radius:8px; margin:10px auto 0; }
.specs .lead{ text-align:center; max-width:980px; margin:24px auto 36px; color:#3a4550; }
.spec-card{ background:#f3f6f8; border-radius:18px; padding:22px 24px; height:100%; box-shadow:0 8px 18px rgba(0,0,0,.06); }
.spec-card.blue{ background:#0d77bd; color:#fff; }
.spec-card.blue h4, .spec-card.blue li{ color:#fff; }
.spec-card h4{ font-size:1.02rem; font-weight:900; color:#1f2730; margin-bottom:14px; }
.spec-card ul{ margin:0; padding-left:18px; }
.spec-card li{ font-size:.96rem; color:#39414a; margin-bottom:8px; }
.spec-card.tl{ border-top-left-radius:80px; } .spec-card.tr{ border-top-right-radius:80px; }
.spec-card.bl{ border-bottom-left-radius:80px; } .spec-card.br{ border-bottom-right-radius:80px; }
.specs .cta-wrap{ text-align:center; padding:28px 0 0; }

/* RENTAL */
.rental{ position: relative; padding: 90px 0 60px; margin-bottom: 0;
  background: url('../images/locacao_robos.png') center/cover no-repeat fixed; color:#fff; text-align:center; overflow:hidden; }
.rental::before{ content:""; position:absolute; inset:0; background: rgba(13,110,253,.86); }
.rental .container{ position:relative; z-index:1; }
.rental .kicker{ letter-spacing:.35em; text-transform:uppercase; font-weight:800; font-size:.85rem; color:#cfe8ff; }
.rental h2{ font-weight:900; font-size:2.6rem; line-height:1.1; margin:6px 0 10px; color:#fff; }
.rental .underline{ width:110px; height:4px; background:#cfe8ff; border-radius:8px; margin:12px auto 20px; opacity:.9; }
.rental .lead{ max-width:980px; margin:0 auto; font-size:1.12rem; line-height:1.75; color:#eef7ff; }

/* FOOTER */
.footer{ background:#f2f2f2; padding:60px 0 40px; font-size:.95rem; color:#2c3238; margin-top:0 !important; }
.footer .logo img{ max-height:60px; margin-bottom:14px; }
.footer .desc{ color:#444; margin-bottom:20px; }
.footer .info-box{ background:#fff; border-radius:18px; padding:24px 30px; box-shadow:0 6px 14px rgba(0,0,0,.06); }
.footer .info-box h6{ font-weight:800; font-size:1.05rem; margin-bottom:6px; color:#1a1f25; }
.footer .info-box p{ margin:0; font-size:.92rem; color:#555; }

/* MODAL */
.hp-modal .modal-content{ border-radius: 22px; border: 1px solid var(--hp-blue); box-shadow: 0 18px 48px rgba(0,0,0,.18); }
.hp-modal .modal-header{ border-bottom: 0; padding-bottom: 0; }
.hp-modal .modal-title{ font-weight: 900; color: #1f2730; }
.hp-modal .close-x{ border: 0; background: transparent; font-size: 1.6rem; line-height: 1; color: #e03131; opacity: 1; }
.hp-modal .form-label{ font-weight: 700; }
.hp-modal .form-control{ border-radius: 12px; padding: 12px 14px; }
.hp-modal .btn-submit{ background: var(--hp-blue); color: #fff; border: 0; border-radius: 999px; font-weight: 800; padding: 12px 28px; }
.hp-modal .btn-submit:hover{ filter: brightness(.96); color: #fff; }

/* Helpers */
@media (max-width: 991.98px){
  .section-robots h2{ font-size: 2rem; }
  .benefits{ padding: 64px 0; }
  .benefits .title{ font-size: 1.9rem; }
  .rental{ padding:72px 0 50px; }
  .rental h2{ font-size:2.2rem; }
  .about .panel iframe{ height: 260px; }
}
@media (max-width: 575.98px){
  .hero h1{ font-size: 1.9rem; padding: 0 12px; }
  .hero iframe{ width: 100%; height: 200px; }
  .benefit-box{ margin-bottom: 20px; }
  .about{ padding: 56px 0; }
  .about .panel{ padding: 18px; border-radius: 26px; }
  .about .panel iframe{ height: 220px; border-radius: 16px; }
}

/* Reveal animation */
.reveal{ opacity:0; transform: translateY(18px); transition: all .6s ease; }
.reveal.revealed{ opacity:1; transform: none; }