/* ===================== HERO ===================== */
.hero{width:100%;position:relative;}
.hero .stage-d{height:calc(100vw * 799 / 1920);background:var(--c-dark-blue);}
.hero .inner-d{height:799px;z-index:1;}
.hero .stage-m{height:calc(100vw * 917 / 375);}
.hero .inner-m{height:917px;background:#fff;}

/* ---------- Desktop background (fills the hero band) ---------- */
.hero__bg{position:absolute;inset:0;overflow:hidden;z-index:0;background:var(--c-dark-blue) url('../images/hero-flag.png') left center/cover no-repeat;}
.hero__flag{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:left center;display:block;}
/* Single seamless fade: flag (left) dissolves into solid dark blue (right) */
.hero__fade-r{position:absolute;top:0;bottom:0;right:0;width:62%;background:linear-gradient(to left,var(--c-dark-blue) 0%,var(--c-dark-blue) 40%,rgba(16,67,124,0) 100%);}
.hero__fade-b{position:absolute;left:0;right:0;bottom:0;height:27%;background:linear-gradient(to bottom,rgba(12,29,55,0),rgba(12,29,55,.55));}

/* ---------- Desktop content ---------- */
.hero__title{position:absolute;top:16px;right:257px;font-family:var(--font-display);font-weight:700;font-size:130px;line-height:150px;color:#fff;white-space:nowrap;z-index:5;}
.hero__redbox{position:absolute;top:170px;right:261px;width:356px;height:179px;background:var(--c-red);z-index:5;}
.hero__danger{position:absolute;top:186px;right:276px;font-family:var(--font-display);font-weight:700;font-size:200px;line-height:150px;color:#fff;white-space:nowrap;z-index:6;}
.hero__subtitle{position:absolute;top:405px;right:263px;width:721px;font-family:var(--font-display);font-weight:400;font-size:45px;line-height:52px;color:#fff;text-align:right;z-index:5;}
.hero__faces{position:absolute;top:545px;right:262px;width:279px;height:67px;z-index:5;}
.hero__faces img{width:100%;height:100%;object-fit:contain;}
.hero__count{position:absolute;top:564px;right:565px;font-family:var(--font-body);font-weight:400;font-size:26px;color:#fff;white-space:nowrap;z-index:5;}
.hero__count b{font-weight:800;}

.hero__cta{position:absolute;top:668px;left:50%;transform:translateX(-50%);width:684px;text-align:center;font-family:var(--font-display);font-weight:700;font-size:50px;line-height:64px;color:#fff;z-index:7;}
.hero__cta-arrow{position:absolute;top:730px;left:calc(50% - 12.5px);width:25px;height:25px;z-index:7;}
.hero__cta-arrow img{width:100%;height:100%;filter:brightness(0) invert(1);}
.hero__cta-line{position:absolute;top:738px;height:7px;background:var(--c-gold);border-radius:4px;z-index:6;}
.hero__cta-line--1{left:761px;width:173px;}
.hero__cta-line--2{left:980px;width:178px;}

.hero__nagish{position:absolute;left:15px;top:738px;width:44px;height:44px;border-radius:50%;background:var(--c-blue);display:flex;align-items:center;justify-content:center;z-index:8;}
.hero__nagish img{width:24px;height:24px;filter:brightness(0) invert(1);}

/* ---------- Form (shared card look) ---------- */
.form-card{position:absolute;left:376px;top:85px;width:448px;height:535px;background:#fff;border-radius:10px;box-shadow:0 0 20px rgba(16,67,124,.6);z-index:9;}
.form-head{position:absolute;left:375px;top:76px;width:448px;height:87px;background:var(--c-blue);border-radius:10px 10px 0 0;z-index:10;display:flex;align-items:center;justify-content:center;}
.form-head h3{margin:0;font-family:var(--font-display);font-weight:700;font-size:60px;color:#fff;white-space:nowrap;}
.form-field{position:absolute;left:414px;width:371px;height:56px;background:var(--c-field);border:none;border-bottom:2px solid var(--c-dark-blue);border-radius:6px;z-index:11;padding:0 18px;text-align:right;font-family:var(--font-body);font-size:22px;color:var(--c-text-navy);}
.form-field::placeholder{color:var(--c-text-navy);opacity:1;}
.form-field--1{top:186px;}
.form-field--2{top:258px;}
.form-field--3{top:329px;}
.form-field--4{top:399px;}
.form-check{position:absolute;left:760px;top:474px;width:25px;height:25px;background:var(--c-dark-blue);border-radius:4px;z-index:11;display:flex;align-items:center;justify-content:center;}
.form-check img{width:18px;height:18px;}
.form-check-label{position:absolute;top:476px;right:1170px;width:267px;text-align:right;font-family:var(--font-body);font-size:18px;color:var(--c-text-navy);z-index:11;}
.form-submit{position:absolute;left:414px;top:527px;width:371px;height:60px;background:var(--grad-gold-btn);border-radius:60px;z-index:11;display:flex;align-items:center;justify-content:center;}
.form-submit span{font-family:var(--font-display);font-weight:700;font-size:31px;line-height:19px;color:#fff;white-space:nowrap;}

/* ===================== HERO MOBILE ===================== */
.hero__m-banner{position:absolute;left:0;top:0;width:375px;height:569px;background:var(--c-dark-blue);overflow:hidden;}
.hero__m-flag{position:absolute;left:0;top:205px;width:375px;height:364px;object-fit:cover;display:block;}
.hero__m-flag-fade{position:absolute;left:0;top:205px;width:375px;height:364px;background:linear-gradient(to top,rgba(16,67,124,0),var(--c-dark-blue));}
.hero__m-redbox{position:absolute;top:112px;left:74px;width:234px;height:117.7px;background:var(--c-red);z-index:4;}
.hero__m-title{position:absolute;top:13px;right:29px;font-family:var(--font-display);font-weight:700;font-size:85.5px;line-height:98.6px;color:#fff;white-space:nowrap;z-index:5;}
.hero__m-danger{position:absolute;top:122px;right:77px;font-family:var(--font-display);font-weight:700;font-size:131.5px;line-height:98.6px;color:#fff;white-space:nowrap;z-index:5;}
.hero__m-subtitle{position:absolute;top:268px;left:13.5px;width:348px;text-align:center;font-family:var(--font-display);font-weight:400;font-size:25px;line-height:30px;color:#fff;z-index:5;}
.hero__m-faces{position:absolute;top:383px;left:83px;width:210px;height:50px;z-index:5;}
.hero__m-faces img{width:100%;height:100%;object-fit:contain;}
.hero__m-count{position:absolute;top:454px;left:0;width:375px;text-align:center;font-family:var(--font-body);font-size:18px;color:#fff;z-index:5;}
.hero__m-count b{font-weight:800;}

/* Mobile form */
.m-form-card{position:absolute;left:18px;top:503px;width:341px;height:414.5px;background:#fff;border-radius:10px;box-shadow:0 0 18px rgba(16,67,124,.35);z-index:9;}
.m-form-head{position:absolute;left:18px;top:503px;width:341px;height:66px;background:var(--c-blue);border-radius:10px 10px 0 0;z-index:10;display:flex;align-items:center;justify-content:center;}
.m-form-head h3{margin:0;font-family:var(--font-display);font-weight:700;font-size:46px;color:#fff;white-space:nowrap;}
.m-form-field{position:absolute;left:47.7px;width:282.7px;height:42.7px;background:var(--c-field);border:none;border-bottom:2px solid var(--c-dark-blue);border-radius:6px;z-index:11;padding:0 14px;text-align:right;font-family:var(--font-body);font-size:17px;color:var(--c-text-navy);}
.m-form-field::placeholder{color:var(--c-text-navy);opacity:1;}
.m-form-field--1{top:587px;}
.m-form-field--2{top:641px;}
.m-form-field--3{top:695px;}
.m-form-field--4{top:749px;}
.m-form-check{position:absolute;left:311px;top:806px;width:19.2px;height:19.2px;background:var(--c-dark-blue);border-radius:4px;z-index:11;display:flex;align-items:center;justify-content:center;}
.m-form-check img{width:13.7px;height:13.7px;}
.m-form-check-label{position:absolute;top:807px;right:53px;width:204px;text-align:right;font-family:var(--font-body);font-size:14px;color:var(--c-text-navy);z-index:11;}
.m-form-submit{position:absolute;left:47.7px;top:846px;width:282.7px;height:45.7px;background:var(--grad-gold-btn);border-radius:60px;z-index:11;display:flex;align-items:center;justify-content:center;}
.m-form-submit span{font-family:var(--font-display);font-weight:700;font-size:23.62px;line-height:14.477px;color:#fff;white-space:nowrap;}