:root{--blue:#0867c5;--blue-dark:#0b376b;--sky:#e8f6ff;--line:#d4e9f8;--text:#153b65}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:76px}
body{margin:0;background:#f4fbff;color:var(--text);font-family:Tajawal,Arial,sans-serif;line-height:1.55}
button,input{font:inherit}
.page-width{width:min(100% - 20px,760px);margin-inline:auto}
.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.site-nav{background:#fff;border-bottom:1px solid var(--line)}
.nav-inner{min-height:58px;display:flex;align-items:center;justify-content:space-between;gap:10px}
.brand{display:flex;align-items:center;gap:8px;color:var(--blue-dark);text-decoration:none}
.brand-mark{display:grid;place-items:center;width:34px;height:34px;border-radius:11px;background:var(--blue);color:#fff;font:900 22px Arial}
.brand strong,.brand small{display:block;line-height:1.15}
.brand strong{font-size:17px}.brand small{font-size:11px;color:#5a7897}
.nav-cta{padding:7px 13px;border-radius:10px;background:var(--sky);color:var(--blue-dark);font-weight:800;text-decoration:none}
main{padding-top:10px;padding-bottom:28px}
.hero,.visual-section,.final-offer,.order-section{margin-bottom:16px}
.trust-strip{padding:9px 7px;text-align:center;border:1px solid var(--line);border-radius:13px 13px 0 0;background:#fff;color:var(--blue-dark);font-size:14px;font-weight:800}
.trust-strip span{padding-inline:7px;color:#8ebde1}
.campaign-image{display:block;width:100%;height:auto;aspect-ratio:1055/1491;object-fit:contain;border-radius:20px;background:#e8f6ff}
.hero .campaign-image{border-radius:0 0 20px 20px}
.hero-offer,.offer-box,.order-card{background:#fff;border:1px solid var(--line);border-radius:20px;box-shadow:0 9px 28px rgba(14,86,151,.08)}
.hero-offer{display:grid;gap:10px;padding:14px;margin-top:10px}
.price{display:flex;align-items:baseline;justify-content:center;flex-wrap:wrap;gap:4px 12px;text-align:center}
.price span{width:100%;color:#527999;font-size:13px;font-weight:800}
.price strong{color:var(--blue-dark);font-size:clamp(27px,6vw,38px);line-height:1.1}
.price s{color:#8193a4;font-size:17px}
.cta,.submit{display:flex;align-items:center;justify-content:center;min-height:54px;width:100%;padding:10px 18px;border:0;border-radius:14px;background:var(--blue);color:#fff;font-size:20px;font-weight:900;text-decoration:none;cursor:pointer;box-shadow:0 8px 17px rgba(8,103,197,.19)}
.cta:focus-visible,.submit:focus-visible,.nav-cta:focus-visible,.sticky-cta a:focus-visible{outline:3px solid #85c9ff;outline-offset:2px}
.visual-section h2{margin:0 0 9px;padding:0 5px;color:var(--blue-dark);font-size:clamp(20px,4.7vw,26px);line-height:1.3;text-align:center}
.visual-section p{margin:8px 6px 0;text-align:center;font-size:15px}
.cta-small{min-height:48px;margin-top:10px;font-size:17px}
.offer-box{display:grid;gap:12px;padding:19px 16px;text-align:center}
.offer-box h2{margin:0;color:var(--blue-dark);font-size:23px;line-height:1.25}
.offer-perks{display:flex;justify-content:center;flex-wrap:wrap;gap:8px 16px;color:var(--blue-dark);font-size:14px;font-weight:800}
.offer-box small{color:#657b91;font-size:12px}
.order-section{scroll-margin-top:12px}
.order-card{padding:20px 16px}
.order-card h2{margin:0;color:var(--blue-dark);font-size:24px;text-align:center}
.order-card>p:first-of-type{margin:4px 0 14px;color:#567894;text-align:center;font-size:14px}
.form-field{margin:0 0 13px}.form-field label{display:block;margin-bottom:4px;font-size:15px;font-weight:800}
.form-field input{width:100%;min-height:50px;padding:10px 13px;border:1px solid #b9d8ef;border-radius:11px;background:#fbfdff;color:var(--text);font-size:17px}
.form-field input:focus{outline:2px solid #6dbafb;border-color:var(--blue)}
.form-field input.invalid{border-color:#c23e51}.err{display:block;color:#a22a40;font-size:13px}
.order-total{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:5px 0 12px;padding:10px 0;border-top:1px solid var(--line)}
.order-total strong{color:var(--blue-dark);font-size:22px}
.submit:disabled{opacity:.65;cursor:wait}
.privacy{margin:9px 0 0;text-align:center;font-size:12px;color:#66839b}
.safety-note{padding:12px 14px;border-radius:14px;background:#ecf5fb;color:#566f83;font-size:12px}
.footer{display:flex;align-items:center;justify-content:center;gap:10px;padding:24px 12px 96px;background:var(--blue-dark);color:#fff;text-align:center}
.footer small{font-size:12px}
.modal{position:fixed;inset:0;z-index:30;display:none;place-items:center;padding:18px;background:rgba(10,35,63,.76)}
.modal.show{display:grid}.modal-box{width:min(100%,420px);padding:25px;border-radius:22px;background:#fff;text-align:center;box-shadow:0 20px 50px #001a3850}
.modal-icon{display:grid;place-items:center;width:58px;height:58px;margin:auto;border-radius:50%;background:#d9f6e7;color:#0b8747;font-size:34px;font-weight:900}
.modal-box h3{margin:12px 0;color:var(--blue-dark)}.modal-box p{margin:9px 0}.modal-box button{margin-top:8px;padding:10px 24px;border:0;border-radius:11px;background:var(--blue);color:#fff;font-weight:800;cursor:pointer}
.sticky-cta{position:fixed;right:0;bottom:0;left:0;z-index:20;display:none;align-items:center;justify-content:space-between;gap:12px;padding:9px 12px max(9px,env(safe-area-inset-bottom));border-top:1px solid var(--line);background:#ffffffef;box-shadow:0 -5px 22px #1248791c}
.sticky-cta.show{display:flex}.sticky-cta strong{color:var(--blue-dark);font-size:20px;white-space:nowrap}.sticky-cta a{display:grid;place-items:center;min-height:45px;min-width:145px;padding:7px 12px;border-radius:11px;background:var(--blue);color:#fff;font-weight:900;text-decoration:none}
@media(min-width:700px){.page-width{width:min(100% - 32px,760px)}.nav-inner{min-height:66px}.visual-section h2{margin-bottom:12px}.offer-box,.order-card{padding:24px}.footer{padding-bottom:26px}}
@media(min-width:701px){.sticky-cta.show{display:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}