*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:Arial,"Tahoma",sans-serif;color:#172033;direction:rtl;min-height:100vh;background:#eef4ff url("background.png") left center/cover fixed no-repeat}
body::before{content:"";position:fixed;inset:0;background:rgba(255,255,255,.20);z-index:-1;pointer-events:none}
.header{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;padding:12px 6%;background:rgba(255,255,255,.72);backdrop-filter:blur(9px);border-bottom:1px solid rgba(25,70,130,.10)}
.brand{font-size:29px;font-weight:800;direction:ltr;white-space:nowrap}.brand span,.brand-mark span{color:#216cf3}
.menu{border:0;background:transparent;font-size:31px;line-height:1;color:#172033}
main{max-width:900px;margin:auto;padding:42px 18px 70px}
.hero,.panel,.principle{background:rgba(255,255,255,.76);border:1px solid rgba(255,255,255,.88);box-shadow:0 18px 55px rgba(20,55,110,.13);border-radius:34px;backdrop-filter:blur(5px)}
.hero{text-align:center;padding:52px 24px 46px}.brand-mark{font-size:31px;font-weight:800;direction:ltr}.tagline{display:inline-block;margin:18px 0 8px;padding:9px 20px;border-radius:30px;background:rgba(224,237,255,.82);color:#216cf3;font-weight:700}.hero h1{font-size:clamp(42px,8vw,64px);margin:18px 0 10px}.intro{max-width:650px;margin:0 auto;color:#5f6b7a;font-size:19px;line-height:1.8}
.choice-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;max-width:720px;margin:34px auto 0}.choice{border:0;border-radius:25px;padding:28px 20px;cursor:pointer;font-family:inherit;box-shadow:0 12px 30px rgba(20,55,110,.13);transition:.2s;display:flex;flex-direction:column;align-items:center;gap:8px}.choice:hover{transform:translateY(-2px)}.choice.customer{background:#216cf3;color:white}.choice.provider{background:rgba(255,255,255,.94);color:#216cf3;border:2px solid #216cf3}.choice-icon{font-size:38px}.choice-title{font-size:28px;font-weight:800}.choice-text{font-size:16px;opacity:.9}
.panel{margin-top:25px;padding:30px}.panel h2{font-size:32px;margin:8px 0}.panel>p{color:#667085;line-height:1.7}.back-btn{border:0;background:transparent;color:#216cf3;font:inherit;font-weight:700;padding:5px;cursor:pointer}label{display:block;font-weight:700;margin:18px 0 8px;font-size:17px}select,input,textarea{width:100%;padding:15px 17px;border:1px solid #d7deea;border-radius:15px;background:rgba(255,255,255,.96);font:inherit;font-size:17px;outline:none}select:focus,input:focus,textarea:focus{border-color:#216cf3;box-shadow:0 0 0 3px rgba(33,108,243,.11)}textarea{resize:vertical}.primary-btn{width:100%;border:0;border-radius:16px;padding:16px 20px;margin-top:18px;background:#216cf3;color:#fff;font:inherit;font-weight:800;font-size:19px;cursor:pointer}.services-area{margin-top:28px}.services-area h3{font-size:23px}.service-list{display:grid;grid-template-columns:1fr 1fr;gap:12px}.service-list button{border:1px solid #dfe6f0;background:rgba(255,255,255,.9);border-radius:15px;padding:15px;text-align:right;font:inherit;color:#172033}.note,.form-message{margin-top:18px;color:#16824c;font-weight:700;line-height:1.7}.principle{margin-top:25px;text-align:center;padding:25px;font-size:17px}.principle strong{color:#216cf3}.principle p{margin:8px 0 0;color:#667085;line-height:1.8}.hidden{display:none}footer{text-align:center;padding:30px 20px 45px;background:rgba(255,255,255,.72);backdrop-filter:blur(7px);border-top:1px solid rgba(25,70,130,.1)}footer .brand{font-size:24px}footer small{display:block;margin-top:8px;color:#667085}
@media(max-width:650px){.header{padding:11px 17px}.brand{font-size:25px}main{padding:22px 12px 45px}.hero{padding:42px 17px}.hero h1{font-size:42px}.choice-grid{grid-template-columns:1fr;gap:14px;margin-top:30px}.choice{padding:23px 18px}.choice-title{font-size:25px}.panel{padding:23px 17px;border-radius:27px}.service-list{grid-template-columns:1fr}.brand-mark{font-size:28px}}

/* V7: clean two-choice home screen */
.hero .tagline{margin-top:0}
.choice-icon{font-family:Arial,sans-serif;font-weight:800}
@media(max-width:650px){.hero{padding:38px 15px 36px}.choice-grid{grid-template-columns:1fr;max-width:430px}.choice{min-height:145px}.choice-icon{font-size:34px}}

/* Emergency assistance */
.emergency-btn{margin:24px auto 0;display:flex;align-items:center;justify-content:center;gap:9px;border:0;border-radius:14px;padding:11px 18px;background:#d92727;color:#fff;font:inherit;font-weight:800;font-size:16px;cursor:pointer;box-shadow:0 8px 20px rgba(217,39,39,.22)}
.emergency-light{font-size:18px;line-height:1}.emergency-hint{margin:8px 0 0;color:#667085;font-size:12px}
.emergency-panel{border-color:rgba(217,39,39,.22)}.emergency-options{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:20px}
.emergency-option{border:1px solid #ead3d3;background:rgba(255,248,248,.95);border-radius:16px;padding:16px;text-align:right;font:inherit;cursor:pointer;color:#172033;min-height:88px}.emergency-option span{display:block;font-weight:800;margin-top:5px}.emergency-option small{display:block;color:#667085;margin-top:4px;font-size:12px}.emergency-option:hover,.emergency-option.selected{border-color:#d92727;box-shadow:0 0 0 2px rgba(217,39,39,.08)}
.emergency-location{margin-top:22px;padding:18px;border-radius:18px;background:rgba(255,255,255,.65);border:1px solid rgba(217,39,39,.14)}.location-title{font-weight:800;font-size:19px}.emergency-location p{color:#667085;line-height:1.7}.or-divider{text-align:center;margin:12px 0;color:#98a2b3}.or-divider span{padding:0 10px}.emergency-results{margin-top:22px}.provider-list{display:grid;gap:10px;margin-top:14px}.provider-card{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px;border:1px solid #dfe6f0;background:rgba(255,255,255,.92);border-radius:15px}.provider-card .info strong{display:block}.provider-card .info small{display:block;color:#667085;margin-top:4px}.provider-actions{display:flex;gap:7px;flex-wrap:wrap}.provider-actions a,.provider-actions button{border:1px solid #d7deea;background:#fff;border-radius:10px;padding:9px 11px;text-decoration:none;color:#172033;font:inherit;font-weight:700}.provider-actions .call{background:#216cf3;color:#fff;border-color:#216cf3}
@media(max-width:650px){.emergency-options{grid-template-columns:1fr}.provider-card{align-items:flex-start;flex-direction:column}.provider-actions{width:100%}.provider-actions a,.provider-actions button{flex:1;text-align:center}}


.provider-map-wrap{margin-top:18px;padding:16px;border-radius:18px;background:rgba(255,255,255,.72);border:1px solid rgba(0,0,0,.08)}
.provider-map-wrap h3{margin:0 0 6px}
.provider-map-wrap p{margin:0 0 12px;color:#555;font-size:14px}
.provider-map{height:280px;border-radius:14px;overflow:hidden}
.map-btn{background:#1f6feb!important;color:#fff!important}

/* V11: show the large background clearly; keep content in the foreground */
body::before{background:rgba(255,255,255,.08)}
main{position:relative;z-index:2}
.hero{position:relative;background:transparent;border:0;box-shadow:none;backdrop-filter:none;padding-top:105px}
.hero .tagline{background:rgba(255,255,255,.22);backdrop-filter:blur(2px);color:#fff;text-shadow:0 1px 4px rgba(0,0,0,.35)}
.hero h1{position:relative;z-index:3;color:#fff;text-shadow:0 2px 8px rgba(0,0,0,.5)}
.hero .intro{position:relative;z-index:3;color:#fff;text-shadow:0 2px 6px rgba(0,0,0,.45)}
.choice-grid{position:relative;z-index:3}
.choice.customer{background:rgba(33,108,243,.88);backdrop-filter:blur(2px)}
.choice.provider{background:rgba(255,255,255,.78);backdrop-filter:blur(2px)}
.emergency-btn{position:absolute;top:18px;left:18px;z-index:5;margin:0;box-shadow:0 10px 25px rgba(100,0,0,.3)}
.emergency-hint{display:none}
@media(max-width:650px){.hero{padding-top:92px}.emergency-btn{top:14px;left:14px;font-size:15px;padding:10px 15px}}

/* V12: customer flow and clean approved home */
.hero{padding-top:115px}
.hero .tagline,.hero h1,.hero .intro{display:none}
.choice-grid{max-width:640px;margin:0 auto;grid-template-columns:1fr;gap:16px}
.choice{min-height:118px;justify-content:center}
.choice-text{display:none}
@media(min-width:651px){.choice-grid{grid-template-columns:1fr 1fr}.choice{min-height:150px}}
@media(max-width:650px){.hero{padding-top:92px}.choice{min-height:132px}.choice-title{font-size:28px}}

/* V15: approved home layout */
body{background-position:center top;background-size:cover}
.header{position:sticky;top:0}
main{max-width:100%;padding:0 14px 60px}
.hero{min-height:calc(100vh - 70px);padding:280px 10px 55px;background:transparent;border:0;box-shadow:none;backdrop-filter:none;text-align:center;position:relative}
.hero h1{display:block;margin:0 auto 48px;font-size:clamp(50px,12vw,82px);line-height:1.05;color:#172033;text-shadow:0 3px 8px rgba(255,255,255,.7);direction:ltr;position:relative;z-index:3}
.hero h1::first-letter{color:#172033}
.hero .tagline,.hero .intro{display:none}
.choice-grid{position:relative;z-index:3;display:grid;grid-template-columns:1fr;gap:18px;max-width:640px;margin:0 auto}
.choice{min-height:138px;border-radius:32px;padding:25px 22px;justify-content:center;gap:12px;box-shadow:0 14px 32px rgba(20,55,110,.16)}
.choice.customer{background:rgba(33,108,243,.92);color:#fff}
.choice.provider{background:rgba(255,255,255,.88);color:#216cf3;border:3px solid #216cf3}
.choice-icon{font-size:44px}.choice-title{font-size:31px}
.emergency-btn{position:absolute;top:18px;left:14px;z-index:6;margin:0;border-radius:16px;padding:12px 20px;font-size:18px;background:#e32626;box-shadow:0 10px 24px rgba(100,0,0,.28);direction:rtl}
.emergency-light{font-size:21px}
.emergency-hint{display:none}
.principle{margin-top:10px}
@media(max-width:650px){
  .header{padding:11px 17px}
  .brand{font-size:25px}
  main{padding:0 12px 40px}
  .hero{min-height:calc(100vh - 65px);padding:175px 8px 45px}
  .hero h1{font-size:clamp(48px,13vw,70px);margin-bottom:48px;white-space:nowrap}
  .choice-grid{max-width:710px;gap:18px}
  .choice{min-height:145px;border-radius:32px}
  .choice-title{font-size:30px}
  .choice-icon{font-size:42px}
  .emergency-btn{top:18px;left:14px;font-size:17px;padding:11px 18px;border-radius:16px}
}

.location-box{margin:14px 0;padding:16px;border:1px solid rgba(25,103,210,.25);border-radius:16px;background:rgba(255,255,255,.7)}
.location-box strong{display:block;color:#155dcc;font-size:18px;margin-bottom:6px}
.location-box p{margin:5px 0 12px;color:#667085;font-size:14px;line-height:1.6}
.secondary-btn{width:100%;border:1px solid #2471e8;background:#fff;color:#1764d1;border-radius:12px;padding:12px;font-size:15px;font-weight:700;cursor:pointer}
.location-status{margin-top:8px;font-size:13px;color:#667085;min-height:20px}

/* V20: functional mobile navigation menu */
.main-menu{position:fixed;top:0;right:0;left:0;z-index:19;padding:76px 16px 16px;background:rgba(255,255,255,.96);backdrop-filter:blur(12px);box-shadow:0 12px 30px rgba(20,55,110,.14);border-bottom:1px solid rgba(25,70,130,.12)}
.main-menu-inner{max-width:900px;margin:auto;display:grid;gap:10px}
.menu-item{width:100%;border:1px solid #dfe6f0;background:#fff;border-radius:15px;padding:15px 18px;text-align:right;font:inherit;font-size:18px;font-weight:800;color:#172033;cursor:pointer}
.menu-item:hover{border-color:#216cf3;color:#216cf3}
.menu.is-open{color:#216cf3}


/* FINAL APPROVED HOME LAYOUT — compact, translucent, mobile-first */
html,body{min-height:100%;}
body{background:#eef4ff url("background.png") center top/cover fixed no-repeat;}
.header{height:82px;padding:10px 5%;background:rgba(225,241,255,.82);backdrop-filter:blur(5px);border-bottom:1px solid rgba(25,70,130,.08);}
.header .brand{font-size:29px;font-weight:800;}
.header .menu{font-size:38px;font-weight:400;}
main{max-width:100%;padding:0 12px 45px;}
.hero{min-height:calc(100vh - 82px);padding:38px 0 45px;background:transparent;border:0;box-shadow:none;backdrop-filter:none;display:flex;flex-direction:column;align-items:center;text-align:center;gap:0;}
.hero h1,.hero .tagline,.hero .intro{display:none!important;}
.emergency-btn{position:static!important;order:1;width:min(86vw,640px);min-height:72px;margin:0 0 30px!important;padding:10px 22px;border:2px solid rgba(255,255,255,.88);border-radius:36px;background:rgba(235,28,35,.82);backdrop-filter:blur(2px);box-shadow:0 10px 24px rgba(100,0,0,.22);font-size:25px;line-height:1.1;gap:14px;justify-content:space-between;direction:rtl;}
.emergency-btn::after{content:'→';font-size:38px;line-height:1;order:-1;}
.emergency-light{font-size:27px;line-height:1;}
.emergency-btn>span:nth-child(2){flex:1;text-align:center;white-space:nowrap;}
.choice-grid{order:2;width:min(90vw,640px);max-width:none;margin:0;display:flex;flex-direction:column;gap:20px;}
.choice{width:100%;min-height:130px;border-radius:32px;padding:18px 30px;display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:16px;box-shadow:0 10px 25px rgba(20,55,110,.12);}
.choice.customer{background:rgba(33,108,243,.76);border:2px solid rgba(255,255,255,.55);backdrop-filter:blur(3px);color:#fff;}
.choice.provider{background:rgba(255,255,255,.63);border:3px solid rgba(33,108,243,.9);backdrop-filter:blur(3px);color:#216cf3;}
.choice-icon{font-size:48px;line-height:1;order:3;min-width:72px;text-align:center;}
.choice-title{font-size:34px;font-weight:800;flex:1;text-align:center;white-space:nowrap;order:2;}
.choice::after{content:'→';font-size:42px;line-height:1;min-width:58px;text-align:center;order:1;}
.principle{display:none!important;}
footer{display:none!important;}
@media(max-width:650px){
 .header{height:78px;padding:9px 18px;}
 .header .brand{font-size:27px;}
 .header .menu{font-size:36px;}
 .hero{min-height:calc(100vh - 78px);padding:38px 0 35px;}
 .emergency-btn{width:86vw;min-height:64px;margin-bottom:28px!important;padding:8px 18px;font-size:22px;border-radius:34px;gap:10px;}
 .emergency-light{font-size:24px;}
 .emergency-btn::after{font-size:34px;}
 .choice-grid{width:90vw;gap:18px;}
 .choice{min-height:126px;border-radius:31px;padding:16px 22px;}
 .choice-icon{font-size:43px;min-width:62px;}
 .choice-title{font-size:31px;}
 .choice::after{font-size:36px;min-width:45px;}
}