:root{--blue1:#031d52;--blue2:#075bd8;--blue3:#1185ff;--green1:#00a942;--green2:#25dc6c;--gold:#ffd25f}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:#075bd8}
body{min-height:100vh;min-height:100svh;font-family:system-ui,-apple-system,"Segoe UI",Tahoma,Arial,sans-serif;color:#fff;overflow-x:hidden}
.landing{min-height:100vh;min-height:100svh;width:100%;display:grid;place-items:center;padding:18px;background:radial-gradient(circle at 50% 15%,#1593ff 0,#075bd8 34%,#043b9d 68%,#031d52 100%)}
.hero{width:min(650px,100%);display:flex;flex-direction:column;align-items:center;text-align:center;padding:22px 12px 32px}
.jo-logo{display:block;width:min(310px,72vw);height:auto;aspect-ratio:1/1;object-fit:cover;border-radius:30px;margin:0 auto 18px;box-shadow:0 20px 60px rgba(0,20,80,.3)}
h1{margin:0 0 10px;font-size:clamp(38px,9vw,70px);line-height:1.08;font-weight:900;text-shadow:0 5px 22px rgba(0,0,0,.28)}
h1 span{color:#fff}h1 b{color:var(--gold);font-size:1.15em}
#heroSubtitle{margin:0 0 28px;color:#fff;font-size:clamp(22px,5vw,32px);line-height:1.45;font-weight:900;text-shadow:0 3px 14px rgba(0,0,0,.22)}
.call-button{appearance:none;border:2px solid #72f5a6;width:min(410px,92vw);padding:20px 30px;border-radius:999px;background:linear-gradient(135deg,var(--green1),var(--green2));color:#fff;font:900 clamp(25px,5vw,33px)/1 system-ui,-apple-system,"Segoe UI",Tahoma,Arial,sans-serif;display:flex;align-items:center;justify-content:center;gap:12px;cursor:pointer;box-shadow:0 0 0 9px rgba(31,215,101,.13),0 18px 48px rgba(0,130,58,.42);animation:pulse 1.25s ease-in-out infinite}
.call-button:active{transform:scale(.98)}
.offer{margin-top:23px;display:flex;flex-direction:column;align-items:center;gap:10px;color:#fff;font-size:18px;font-weight:900}
.offer strong{direction:ltr;font-variant-numeric:tabular-nums;min-width:120px;padding:12px 20px;border-radius:14px;background:#03255f;border:2px solid rgba(190,225,255,.72);color:#fff;font-size:34px;line-height:1;box-shadow:0 12px 35px rgba(0,0,0,.22)}
@keyframes pulse{0%,100%{transform:scale(1)}50%{transform:scale(1.035)}}
@media(max-width:600px){.landing{padding:12px}.hero{padding:14px 5px 26px}.jo-logo{width:min(260px,68vw);border-radius:24px}}
@media(prefers-reduced-motion:reduce){.call-button{animation:none}}