:root{--accent:#c7081b;--ink:#1b1416;--mut:#5b5155;--bg:#faf6f4;--line:#dfd5d8}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:110px}body{margin:0;background:var(--bg);color:var(--ink);font-family:'Public Sans',system-ui,sans-serif;-webkit-font-smoothing:antialiased}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a,button{touch-action:manipulation}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,[tabindex]:focus-visible{outline:3px solid #1668a8;outline-offset:4px}h1,h2,h3{font-family:'Archivo',system-ui,sans-serif;letter-spacing:-.025em;margin:0;line-height:1.12}h1{font-size:clamp(40px,5.1vw,68px);font-weight:900}h1 span{color:var(--accent)}h2{font-size:clamp(30px,3.5vw,44px);font-weight:800}h3{font-size:20px}p{color:var(--mut);line-height:1.65}img{max-width:100%;object-fit:cover}.wrap{max-width:1200px;margin:auto;padding-inline:28px}.section{padding-block:76px}.centered{text-align:center}.section-heading{max-width:65ch;margin-bottom:38px}.section-heading.centered{margin-inline:auto}.section-heading p{font-size:17px}.kick{color:var(--accent);text-transform:uppercase;letter-spacing:.05em;font-size:14px;font-weight:700;margin-bottom:12px}.actions{display:flex;flex-wrap:wrap;gap:14px;align-items:center}.btn-a,.btn-o,.btn-light,.btn-wa,.btn-call{display:inline-flex;justify-content:center;align-items:center;gap:6px;min-height:46px;padding:14px 24px;border-radius:999px;font-weight:700;text-align:center;border:1.5px solid transparent}.btn-a{background:var(--accent);color:#fff;box-shadow:0 8px 24px #c7081b30}.btn-a:hover{background:#a80616;text-decoration:none}.btn-o{border-color:#85777d;color:var(--ink)}.btn-light{background:#fff;color:var(--accent)}.btn-wa{background:#25d366;color:#10321d}.btn-call{background:#a90617;color:#fff;border-color:#f0a8af}.fine,small{font-size:13px;color:var(--mut);line-height:1.6}.fine a{text-decoration:underline}.white{background:#fff;border-block:1px solid var(--line)}.sr-only,.skip{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.skip:focus{position:fixed;inset:8px auto auto 8px;width:auto;height:auto;clip-path:none;padding:12px;background:white;z-index:100}.multiline{white-space:pre-line}
header{position:sticky;top:0;z-index:50;background:#faf6f4f5;border-bottom:1px solid var(--line);backdrop-filter:blur(10px)}.navigation{display:flex;align-items:center;gap:24px;min-height:78px;position:relative}.brand{display:flex;flex-shrink:0}.brand img{object-fit:contain}.navlinks{display:flex;align-items:center;gap:22px;flex:1}.navigation a{color:var(--ink);font-size:14px;font-weight:600;white-space:nowrap}.navlinks a,.language,.login{display:inline-flex;align-items:center;min-height:44px}.nav-actions{display:flex;align-items:center;gap:16px;margin-inline-start:auto}.navigation .nav-connect{color:white;padding:11px 18px}.menu{display:none;background:transparent;border:1px solid #85777d;border-radius:10px;min-height:44px;padding:8px 10px;color:var(--ink)}
.grid-hero,.grid-cov{display:grid;grid-template-columns:1.05fr .95fr;gap:56px;align-items:center}.grid-cov{grid-template-columns:.95fr 1.05fr}.badge{display:inline-block;background:#f6e3e4;color:var(--accent);font-weight:700;font-size:13px;padding:9px 14px;border-radius:20px;margin-bottom:22px}.intro{font-size:19px;max-width:36ch;margin:22px 0 32px}.hero-visual{position:relative;min-width:0}.hero-photo,.coverage-photo{width:100%;height:auto;border-radius:26px;box-shadow:0 24px 60px -30px #1b141670;display:block}.hero-photo{aspect-ratio:4/5}.coverage-photo{aspect-ratio:5/4}.connection{position:absolute;bottom:24px;inset-inline-start:-20px;display:flex;gap:16px;align-items:center;padding:16px 20px;border-radius:16px;background:white;box-shadow:0 12px 30px #1b141630}.connection small{display:block}.pulse{width:14px;height:14px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 8px #c7081b20;animation:ecoPulse 2.4s ease infinite}.stats{display:flex;flex-wrap:wrap;gap:20px;margin-top:36px}.stats>div{flex:1;min-width:100px}.stats strong{font-family:'Archivo',sans-serif;font-size:26px}.stats strong span{color:var(--accent)}.stats small{display:block}.trust{background:white;border-block:1px solid var(--line);font-weight:600;color:var(--mut);font-size:14px}.trust .wrap{display:flex;flex-wrap:wrap;justify-content:center;gap:18px 28px;padding-block:22px}.grid-4{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}.card{padding:26px 22px;background:white;border:1px solid var(--line);border-radius:18px}.card p{font-size:14.5px;margin-bottom:0}.icon{display:grid;place-items:center;width:46px;height:46px;border-radius:12px;background:#f6e3e4;color:var(--accent);font-size:20px;font-weight:900;margin-bottom:18px}.grid-plans{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:16px}.plan{position:relative;display:flex;flex-direction:column;background:white;padding:26px 20px;border:1px solid var(--line);border-radius:20px}.plan h3{font-size:18px}.plan p{font-size:13px;min-height:44px;margin-block:8px 16px}.plan .speed{font-family:'Archivo',sans-serif;font-size:40px;font-weight:900}.plan .speed small{font:600 13px 'Public Sans',sans-serif;color:inherit}.allowance{font-size:13px;font-weight:700;margin-block:12px 18px}.plan .price{font-size:30px;font-weight:800;border-top:1px solid var(--line);padding-top:18px;margin-bottom:20px}.plan .price small{color:inherit}.plan .btn-o{margin-top:auto;border-color:var(--accent);color:var(--accent);padding:12px 6px;font-size:14px;background:white}.plan.featured{background:var(--accent);color:#fff;border-color:var(--accent)}.plan.featured p{color:white}.popular{position:absolute;top:-13px;inset-inline-start:50%;transform:translateX(-50%);background:var(--ink);color:white;padding:6px 12px;font-size:11px;border-radius:999px;white-space:nowrap}.table-scroll{overflow-x:auto;margin-top:36px;border:1px solid var(--line);border-radius:20px;background:white}table{width:100%;border-collapse:collapse;text-align:start}th,td{padding:16px 22px;text-align:start;font-size:14px}thead{background:var(--ink);color:white}tbody tr+tr{border-top:1px solid var(--line)}tbody tr:nth-child(odd){background:#fcf2f2}td:last-child{font-weight:800;white-space:nowrap}.table-scroll a{text-decoration:underline;display:inline-flex;align-items:center;min-height:30px}.grid-3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:36px}.step{display:block;font:900 54px 'Archivo',sans-serif;color:#a65d66;margin-bottom:10px}.form-wrap{max-width:640px;margin:auto;padding-inline:28px}form{display:grid;gap:9px;border:1px solid var(--line);background:var(--bg);border-radius:20px;padding:26px}form label{font-weight:700;font-size:14px;margin-top:8px}form input,form select{width:100%;min-width:0;padding:14px;border:1px solid #85777d;border-radius:12px;background:white;color:var(--ink);font-size:16px}form p{margin:6px 0}.btn-a:disabled{cursor:default;box-shadow:none}#leadmsg:empty{display:none}#leadmsg{font-weight:700}#leadmsg[data-state=error]{color:#a80616}#leadmsg[data-state=success]{color:#17643e}.cta{background:var(--accent);color:white}.cta h2{max-width:24ch;margin:auto;font-size:clamp(30px,4vw,50px)}.cta p{color:white;font-size:18px;max-width:48ch;margin:20px auto 30px}.cta .actions{justify-content:center}footer{background:var(--ink);color:#cfc7ca}footer p{color:#b6adb1;font-size:14px}footer a{color:#fff;font-size:14px}footer h2{color:white;font-size:15px;letter-spacing:.04em;margin-bottom:16px}.grid-foot{display:grid;grid-template-columns:1.3fr 1fr 1fr 1.2fr;gap:36px;padding-bottom:40px}.grid-foot>div{min-width:0}.footer-links{display:flex;flex-direction:column;align-items:start;gap:4px}.footer-links a{min-height:32px;display:inline-flex;align-items:center;overflow-wrap:anywhere}footer .wa-link{color:#25d366}.copyright{border-top:1px solid #ffffff30;display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;padding-block:22px;font-size:13px;color:#b6adb1}
@keyframes ecoPulse{50%{box-shadow:0 0 0 12px #c7081b10}}@keyframes ecoRise{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}.rise{animation:ecoRise .6s ease both}
[dir=rtl] body,[dir=rtl] h1,[dir=rtl] h2,[dir=rtl] h3{font-family:'Noto Sans Arabic',system-ui,sans-serif;letter-spacing:0}[dir=rtl] h1,[dir=rtl] h2{line-height:1.45}[dir=rtl] .popular{transform:translateX(50%)}
@media(max-width:1150px){.navigation{gap:16px}.navlinks{gap:12px}.nav-actions{gap:12px}.navigation .nav-connect{display:none}.grid-plans{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-4,.grid-foot{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:850px){.navigation{flex-wrap:wrap;gap:8px;padding-block:10px;min-height:70px}.brand img{width:110px;height:34px}.js .menu{display:block}.navlinks{order:3;width:100%;flex-basis:100%;flex-wrap:wrap;gap:6px 20px}.js .navlinks{display:none}.js .navlinks.open{display:flex}.navlinks a{padding-inline:4px}.grid-hero,.grid-cov{grid-template-columns:minmax(0,1fr);gap:34px}.hero-visual{max-width:560px;width:100%;margin-inline:auto}.connection{inset-inline-start:16px}.grid-3{grid-template-columns:1fr;gap:26px}.section{padding-block:56px}.intro{max-width:none}.grid-plans{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:540px){.wrap{padding-inline:18px}.navigation{padding-inline:14px}.brand img{width:82px;height:30px}.nav-actions{gap:9px}.navigation a,.menu{font-size:13px}.menu{padding-inline:8px}.grid-plans,.grid-4,.grid-foot{grid-template-columns:minmax(0,1fr)}.section{padding-block:44px}.grid-foot{gap:28px}.stats{gap:12px}.stats>div{min-width:82px}.stats small{font-size:12px}.plan p{min-height:0}.plan{padding:26px}.form-wrap{padding-inline:18px}form{padding:20px 16px}.actions>a{max-width:100%}th,td{padding:12px 8px;font-size:12px}.table-scroll{border-radius:12px}.connection{padding:12px 16px}.copyright{font-size:12px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}
/* WebKit's native RTL select can widen the document to the longest option. */
form select{appearance:none;-webkit-appearance:none;text-overflow:ellipsis;overflow:hidden;padding-inline-end:34px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='m1 1 5 5 5-5' fill='none' stroke='%235b5155' stroke-width='2'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center}
[dir=rtl] form select{background-position:left 12px center}
