*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#f7f2e9;color:#08275b;font-family:Arial,sans-serif;overflow-x:hidden}main{width:100%}.screen{position:relative;width:100%;max-width:1536px;margin:0 auto;background:#f7f2e9;overflow:hidden}.screen img{display:block;width:100%;height:auto;margin:0 auto}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.hotspot{position:absolute;display:block}.hero-cta{left:4.8%;top:50%;width:46%;height:7%}.guide-cta{right:7%;bottom:7%;width:29%;height:8%}.mobile-clean-footer{padding:24px 18px;background:#08275b;color:white;display:flex;gap:14px;justify-content:center;flex-wrap:wrap;font-size:13px}.mobile-clean-footer a{color:white;font-weight:700}.hidden{display:none}
@media(max-width:700px){
  .screen{width:100vw;max-width:100vw;margin:0;border:0;background:#f7f2e9}
  .screen picture{display:block;width:100%}
  .screen img{display:block;width:100vw;height:auto;max-width:none;margin:0}
  .hero-cta,.guide-cta{display:none}
  .mobile-clean-footer{padding:20px 16px 28px;font-size:12px;gap:10px 14px}
}
/* Screen 10: approved artwork + real Netlify form layered precisely over printed controls */
.screen10-live-form{position:absolute;left:56.25%;top:39.7%;width:34.7%;height:39%;z-index:5}
.screen10-live-form .lead-field,.screen10-live-form .lead-details{position:absolute;left:0;width:100%;border:0;background:rgba(255,255,255,.96);color:#08275b;font:inherit;outline:0;padding:0 4.2%;border-radius:9px;box-shadow:0 0 0 1px rgba(8,39,91,.08)}
.screen10-live-form .lead-field:focus,.screen10-live-form .lead-details:focus{box-shadow:0 0 0 2px #d59a21}
.screen10-live-form .lead-name{top:0;height:13.2%}.screen10-live-form .lead-budget{top:15.3%;height:13.2%}.screen10-live-form .lead-goal{top:30.7%;height:13.2%}.screen10-live-form .lead-contact{top:46.1%;height:13.2%}
.screen10-live-form .lead-details{top:61.5%;height:10.5%;font-size:12px;opacity:0;transition:.15s}.screen10-live-form:focus-within .lead-details{opacity:.98}
.screen10-live-form .lead-submit{position:absolute;left:0;top:61.5%;width:100%;height:13.8%;border:0;background:transparent;cursor:pointer;border-radius:9px}
.screen10-live-form:focus-within .lead-submit{top:74%}
.lead-success{display:none;position:absolute;left:0;top:91%;width:100%;padding:7px 10px;text-align:center;background:#fff8e8;color:#08275b;border-radius:8px;font-weight:700;font-size:12px}
.screen10-social{position:absolute;z-index:6;bottom:16.7%;height:8%;width:8%;border-radius:50%}.s10-wa{left:59.3%}.s10-tg{left:72.5%}.s10-ig{left:85.3%}
@media(max-width:700px){
 .screen10-live-form{left:56.25%;top:39.7%;width:34.7%;height:39%;font-size:8px}
 .screen10-live-form .lead-field,.screen10-live-form .lead-details{border-radius:4px;padding-left:4%}
 .lead-success{font-size:7px;padding:3px}
}

/* FINAL MOBILE WIDTH LOCK — all 10 screens use exactly the same viewport width */
@media (max-width:700px){
  html,body,main{width:100%;max-width:100%;margin:0;padding:0;overflow-x:hidden}
  main>.screen{
    display:block;
    width:100vw !important;
    max-width:100vw !important;
    min-width:100vw !important;
    margin:0 !important;
    padding:0 !important;
    left:0 !important;
    right:auto !important;
  }
  main>.screen>picture{
    display:block !important;
    width:100vw !important;
    max-width:100vw !important;
    min-width:100vw !important;
    margin:0 !important;
    padding:0 !important;
  }
  main>.screen>picture>img{
    display:block !important;
    width:100vw !important;
    max-width:100vw !important;
    min-width:100vw !important;
    height:auto !important;
    margin:0 !important;
    padding:0 !important;
  }
}