@import url('https://fonts.googleapis.com/css2?family=Rubik:wght@400;500;700;800&display=swap');
:root{--navy:#0B2A3F;--teal:#0E7C86;--teal2:#E3F2F3;--orange:#F26B1D;--ink:#1C2B33;--mut:#5B6C75;--bg:#F7FAFB;--line:#D6E3E6}
*{box-sizing:border-box}body{margin:0;font-family:Rubik,Arial,sans-serif;color:var(--ink);background:var(--bg);line-height:1.7;direction:rtl}
a{color:var(--teal)}img{max-width:100%}
.wrap{max-width:1140px;margin:auto;padding:0 18px}
header{background:#fff;border-bottom:3px solid var(--orange);position:sticky;top:0;z-index:50}
.hd{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 0}
.brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--navy)}
.wm{font-weight:800;font-size:1.45rem;letter-spacing:-.5px}.wm b{color:var(--orange)}
.by{display:flex;align-items:center;gap:4px;font-size:.7rem;color:var(--mut)}.by img{height:22px}
nav ul{list-style:none;margin:0;padding:0;display:flex;gap:4px;flex-wrap:wrap}
nav a{display:block;padding:8px 10px;border-radius:6px;text-decoration:none;color:var(--navy);font-weight:500;font-size:.95rem}
nav a:hover,nav a.on{background:var(--teal2);color:var(--teal)}
.dd{position:relative}.dd ul{display:none;position:absolute;top:100%;right:0;background:#fff;border:1px solid var(--line);border-radius:8px;min-width:230px;flex-direction:column;padding:6px;box-shadow:0 8px 24px #0002}
.dd:hover ul{display:flex}
.call{background:var(--orange);color:#fff!important;padding:9px 16px;border-radius:999px;text-decoration:none;font-weight:700;white-space:nowrap}
#mt{display:none;background:none;border:2px solid var(--navy);border-radius:6px;font-size:1.2rem;padding:2px 10px}
.hero{background:linear-gradient(160deg,var(--navy),#0d4a5c);color:#fff;padding:56px 0 64px;position:relative;overflow:hidden}
.hero:after{content:"";position:absolute;left:-60px;bottom:-60px;width:260px;height:260px;border:28px solid #ffffff10;border-radius:50%}
.hero h1{font-size:2.4rem;line-height:1.2;margin:.2em 0}.hero p{font-size:1.15rem;max-width:640px;opacity:.92}
.tag{display:inline-block;background:var(--orange);color:#fff;font-size:.8rem;padding:3px 12px;border-radius:4px;font-weight:700}
.btns{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}
.btn{display:inline-block;padding:12px 22px;border-radius:8px;font-weight:700;text-decoration:none;border:2px solid var(--orange);background:var(--orange);color:#fff;cursor:pointer;font:inherit;font-weight:700}
.btn.o{background:transparent;color:#fff;border-color:#fff}.btn.t{background:var(--teal);border-color:var(--teal)}
section{padding:48px 0}section.alt{background:#fff}
h2{color:var(--navy);font-size:1.8rem;margin:0 0 .4em}h2:after{content:"";display:block;width:56px;height:4px;background:var(--orange);margin-top:6px}
.grid{display:grid;gap:18px;grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}
.card{background:#fff;border:1px solid var(--line);border-top:4px solid var(--teal);border-radius:10px;padding:20px}
.card h3{margin:.2em 0;color:var(--navy)}.card a.more{font-weight:700;text-decoration:none}
.feat{display:grid;grid-template-columns:1.2fr 1fr;gap:24px;align-items:center;background:var(--teal2);border-radius:14px;padding:28px;border-right:8px solid var(--orange)}
.steps{counter-reset:s;display:grid;gap:14px;grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}
.steps div{background:#fff;border:1px solid var(--line);border-radius:10px;padding:18px;position:relative}
.steps div:before{counter-increment:s;content:counter(s);display:inline-grid;place-items:center;width:34px;height:34px;border-radius:50%;background:var(--orange);color:#fff;font-weight:800;margin-bottom:6px}
table{width:100%;border-collapse:collapse;background:#fff;font-size:.95rem}th,td{padding:10px;border-bottom:1px solid var(--line);text-align:right}th{background:var(--navy);color:#fff}
.note{background:#FFF4EC;border-right:4px solid var(--orange);padding:12px 16px;border-radius:6px}
.todo{background:#FFE9A8;padding:2px 6px;border-radius:4px;font-weight:700}
.calc{display:grid;grid-template-columns:1fr 1fr;gap:22px}.calc label{display:block;font-weight:700;margin-top:12px}
input,select,textarea{width:100%;padding:11px;border:1px solid var(--line);border-radius:8px;font:inherit;background:#fff}
.res{background:var(--navy);color:#fff;border-radius:12px;padding:22px}.res .big{font-size:2rem;font-weight:800;color:#FFB27A}
.res table{background:transparent;color:#fff}.res td{border-color:#ffffff22}
.ph{background:repeating-linear-gradient(45deg,#e8eff1,#e8eff1 10px,#f3f7f8 10px,#f3f7f8 20px);border:2px dashed var(--line);border-radius:10px;aspect-ratio:4/3;display:grid;place-items:center;color:var(--mut);text-align:center;padding:10px}
article{max-width:780px}article h2{font-size:1.4rem;margin-top:1.4em}
details{background:#fff;border:1px solid var(--line);border-radius:8px;padding:12px 16px;margin:8px 0}summary{font-weight:700;cursor:pointer;color:var(--navy)}
.crumb{font-size:.85rem;opacity:.8}.crumb a{color:#fff}
footer{background:var(--navy);color:#cfe0e4;padding:36px 0 80px;font-size:.92rem}footer a{color:#fff;text-decoration:none}footer .grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}footer h4{color:#fff;margin:0 0 8px}footer ul{list-style:none;padding:0;margin:0}
.wa{position:fixed;bottom:16px;left:16px;background:#25D366;color:#fff;border-radius:999px;padding:12px 18px;font-weight:700;text-decoration:none;box-shadow:0 4px 14px #0004;z-index:60}
.form{background:#fff;border:1px solid var(--line);border-radius:12px;padding:22px}
@media(max-width:860px){#mt{display:block}nav{display:none;position:absolute;top:100%;right:0;left:0;background:#fff;border-bottom:2px solid var(--line);padding:10px}nav.open{display:block}nav ul{flex-direction:column}.dd ul{display:flex;position:static;box-shadow:none;border:0;padding-right:14px}.hero h1{font-size:1.75rem}.feat,.calc{grid-template-columns:1fr}.hd .call{display:none}.by span{display:none}}
.hp{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);opacity:0;pointer-events:none}html,body{overflow-x:hidden}
.trust{background:#fff;border-bottom:1px solid var(--line)}.trust .wrap{display:flex;flex-wrap:wrap;gap:10px 26px;justify-content:center;padding:14px 18px;font-weight:500;color:var(--navy);font-size:.95rem}
.chk{list-style:none;padding:0}.chk li:before{content:"✓ ";color:var(--orange);font-weight:800}
.icon-big{font-size:7rem;text-align:center}.urgent{background:var(--orange);color:#fff;padding:8px 0;font-size:.95rem}.urgent a{color:#fff;font-weight:700}
@media(max-width:860px){body{padding-bottom:84px}.wa{width:56px;height:56px;padding:0;display:grid;place-items:center;font-size:0;bottom:14px;left:14px}.wa:before{content:"💬";font-size:1.6rem}.icon-big{font-size:4rem}}