/* Jompom Get Started hero: blue gradient, dot grid, "Build your plan" h1 with a tilted sun highlight, promise stickers. */
.jp-gs-hero{position:relative;overflow:hidden;color:#fff;padding:150px 0 120px;background:radial-gradient(50% 80% at 85% 30%,rgba(67,186,255,.9),rgba(67,186,255,0) 70%),linear-gradient(135deg,#1d8bca 0%,#0b5d8f 55%,#08466c 100%)}
.jp-gs-hero .gs-dots{position:absolute;inset:0;background-image:radial-gradient(rgba(255,255,255,.16) 1.6px,transparent 1.8px);background-size:28px 28px;pointer-events:none}
.jp-gs-hero .wrap{position:relative;display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:30px;align-items:end}
.jp-gs-hero .gs-kicker{display:inline-flex;align-items:center;gap:10px;padding:8px 16px 8px 10px;border-radius:999px;background:var(--ink);color:#fff;font-size:14px;font-weight:600;border:2px solid rgba(255,255,255,.18)}
.jp-gs-hero .gs-kicker i{width:12px;height:12px;border-radius:50%;background:var(--sun)}
.jp-gs-hero h1{color:#fff;font-size:clamp(44px,7vw,100px);line-height:.9;letter-spacing:-.045em;margin:22px 0}
.jp-gs-hero h1 em{font-style:normal;display:inline-block;background:var(--sun);color:var(--ink);padding:0 .14em .06em;border-radius:.16em;box-shadow:.06em .06em 0 var(--ink);transform:rotate(-2deg)}
.jp-gs-hero .gs-lead{font-size:clamp(16px,1.5vw,19px);max-width:34em;color:#e9f6ff}
.jp-gs-hero .gs-promise{display:flex;flex-direction:column;gap:12px;justify-self:end}
.jp-gs-hero .gs-promise li{display:flex;align-items:center;gap:12px;background:#fff;color:var(--ink);border:3px solid var(--ink);box-shadow:var(--hard);border-radius:16px;padding:11px 16px;font:700 16px/1.2 var(--jp-display);transform:rotate(var(--r,0deg))}
.jp-gs-hero .gs-promise li:nth-child(3n+1){--r:-2deg}
.jp-gs-hero .gs-promise li:nth-child(3n+2){--r:1.5deg;background:var(--sun);margin-left:28px}
.jp-gs-hero .gs-promise li:nth-child(3n){--r:-1deg;background:var(--sky)}
.jp-gs-hero .gs-promise svg{width:22px;height:22px;flex-shrink:0;fill:none;stroke:var(--ink);stroke-width:2.6;stroke-linecap:round;stroke-linejoin:round}

@media (max-width:980px){
  .jp-gs-hero .wrap{grid-template-columns:minmax(0,1fr)}
  .jp-gs-hero .gs-promise{justify-self:start}
}
@media (max-width:640px){
  .jp-gs-hero{padding:126px 0 100px}
  .jp-gs-hero .gs-promise li:nth-child(3n+2){margin-left:0}
}