:root{--blue:#1f6fe0;--blue-dark:#174fa8;--ink:#1d2433;--muted:#5b6475;--sky:#eaf4fe;--coral:#ff8f8a;--mint:#7fd8b0;--yellow:#ffd36b;--lavender:#b9a7f0}
*{box-sizing:border-box}
body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;color:var(--ink);line-height:1.6;
  background:
    radial-gradient(circle at 8% 40%,rgba(127,216,176,.18) 0 120px,transparent 121px),
    radial-gradient(circle at 94% 62%,rgba(185,167,240,.20) 0 140px,transparent 141px),
    radial-gradient(circle at 12% 88%,rgba(255,143,138,.14) 0 100px,transparent 101px),
    linear-gradient(180deg,#e3f0fd 0%,var(--sky) 40%,#f2f8ff 100%);
  background-attachment:fixed}
.hero{background:#dcecfb url("robot-hero.jpg") right center/cover no-repeat;min-height:min(720px,56.25vw);display:flex;align-items:center}
@media (min-width:761px){.hero-inner>*{max-width:min(520px,44vw)}}
.hero-inner{width:100%;max-width:1180px;margin:0 auto;padding:56px 24px}
.hero-inner>*{max-width:520px}
h1{font-size:3rem;line-height:1.15;margin:0 0 14px;color:#12305f}
.lead{font-size:1.3rem;margin:0 0 8px}
.fine{font-size:.9rem;color:var(--muted);margin:0 0 26px}
main{max-width:720px;margin:0 auto;padding:16px 20px 40px}
h2{font-size:1.3rem;margin:0 0 8px;color:var(--blue-dark)}
section{background:rgba(255,255,255,.92);border-radius:16px;padding:20px 22px;margin:18px 0;box-shadow:0 2px 10px rgba(31,111,224,.08);border-top:5px solid var(--blue)}
section:nth-of-type(4n+1){border-top-color:var(--coral)}
section:nth-of-type(4n+2){border-top-color:var(--mint)}
section:nth-of-type(4n+3){border-top-color:var(--yellow)}
section:nth-of-type(4n+4){border-top-color:var(--lavender)}
ul.checks{list-style:none;padding:0;margin:0}
ul.checks li{padding-left:30px;position:relative;margin:8px 0}
ul.checks li:before{content:"✓";position:absolute;left:0;top:1px;width:21px;height:21px;border-radius:50%;background:var(--mint);color:#fff;font-weight:700;font-size:.8rem;display:flex;align-items:center;justify-content:center}
ol.steps{list-style:none;counter-reset:s;padding:0;margin:0}
ol.steps li{counter-increment:s;position:relative;padding-left:40px;margin:12px 0;min-height:28px}
ol.steps li:before{content:counter(s);position:absolute;left:0;top:0;width:28px;height:28px;border-radius:50%;background:var(--lavender);color:#fff;font-weight:700;display:flex;align-items:center;justify-content:center}
ol.steps li:nth-child(2):before{background:var(--coral)}
ol.steps li:nth-child(3):before{background:var(--mint)}
ol.steps li:nth-child(4):before{background:var(--yellow);color:#5a4300}
.btn{display:inline-block;background:var(--blue);color:#fff;text-decoration:none;font-weight:700;padding:14px 28px;border-radius:999px;font-size:1.1rem;box-shadow:0 6px 16px rgba(31,111,224,.28)}
.btn:hover{background:var(--blue-dark)}
.btn-sm{padding:6px 14px;font-size:.9rem;margin-left:8px;box-shadow:none}
.btn-lg{width:100%;text-align:center;font-size:1.2rem;padding:18px}
.cta{margin-top:18px}
.contact{text-align:center}
.contact a{color:var(--blue)}
footer{text-align:center;color:var(--muted);font-size:.85rem;padding:20px 0 32px}
@media (max-width:760px){
  .hero{display:block;min-height:0;background-size:auto 360px;background-position:72% bottom;background-color:#e6f2fd;padding-bottom:300px;position:relative}
  .hero:before{content:"";position:absolute;left:0;right:0;top:0;height:calc(100% - 300px);background:linear-gradient(180deg,rgba(234,244,254,.9),rgba(234,244,254,.6) 85%,rgba(234,244,254,0))}
  .hero-inner{position:relative;padding:36px 20px 8px;text-align:center}
  .hero-inner>*{max-width:none}
  h1{font-size:2.1rem}
  .lead{font-size:1.15rem}
}
@media (max-width:480px){.btn-sm{display:block;width:max-content;margin:6px 0 0}}