:root{--paper:#ECE6D8;--paper2:#DDD3BF;--ink:#15140F;--forest:#1F3A2B;--sage:#B5CEA5;--mut:#5C574A;--ease:cubic-bezier(.2,.7,.2,1)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:84px}
body{margin:0;background:var(--paper);color:var(--ink);font-family:'IBM Plex Sans Arabic',system-ui,sans-serif;font-size:17px;line-height:1.8;overflow-x:clip;-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}h1,h2,h3,p,ul,ol{margin:0}ul,ol{padding:0;list-style:none}
.wrap{max-width:1200px;margin:0 auto;padding-inline:24px}.sec{padding-block:96px}
.nav{position:sticky;top:0;z-index:20;background:var(--paper);border-bottom:1.5px solid var(--ink);transition:box-shadow .3s}
.nav.s{box-shadow:0 6px 0 rgba(21,20,15,.08)}
.nav-in{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-block:12px;flex-wrap:wrap}
.logo{display:flex;align-items:center;gap:10px;font-weight:700;font-size:22px}.logo svg{fill:var(--forest)}
.links{display:flex;gap:28px;font-size:15px;font-weight:500;flex-wrap:wrap}.links a{position:relative}
.links a:after{content:"";position:absolute;inset:auto 0 -3px 0;height:2px;background:var(--forest);transform:scaleX(0);transform-origin:right;transition:transform .35s var(--ease)}.links a:hover:after{transform:scaleX(1)}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1.5px solid var(--ink);border-radius:6px;padding:10px 22px;font:600 15px inherit;font-family:inherit;cursor:pointer;transition:transform .25s var(--ease),box-shadow .25s var(--ease),background .25s,color .25s}
.btn-lg{padding:15px 30px;font-size:17px}.block{width:100%}
.btn-ink{background:var(--ink);color:var(--paper);box-shadow:4px 4px 0 var(--sage)}.btn-ink:hover{transform:translate(-2px,-2px);box-shadow:7px 7px 0 var(--sage)}
.btn-line{background:transparent}.btn-line:hover{background:var(--ink);color:var(--paper)}
.btn-sage{background:var(--sage);color:var(--ink);border-color:var(--sage)}.btn-sage:hover{transform:translateY(-3px)}
.btn-outl{border-color:var(--paper);color:var(--paper)}.btn-outl:hover{background:var(--paper);color:var(--forest)}
.hero{display:flex;flex-wrap:wrap;align-items:center;gap:48px;padding-block:72px 80px}
.hero-txt{flex:1 1 540px;min-width:0}.hero-art{flex:1 1 420px;min-width:0;position:relative;height:460px;max-width:460px}
.tag{display:inline-flex;align-items:center;gap:10px;border:1.5px solid var(--ink);border-radius:6px;padding:5px 14px;font-size:14px;font-weight:500}.tag i{width:8px;height:8px;border-radius:50%;background:var(--forest)}
h1{font-size:clamp(42px,6.6vw,92px);line-height:1.18;font-weight:700;letter-spacing:-.01em;margin:24px 0 22px}
.mark{position:relative;display:inline-block;color:var(--forest)}.mark svg{position:absolute;inset:auto 0 -6px 0;width:100%;height:14px;fill:none;stroke:var(--sage);stroke-width:6;stroke-linecap:round;z-index:-1}
.lead{max-width:540px;color:var(--mut);font-size:19px;margin-bottom:30px}.row{display:flex;flex-wrap:wrap;gap:14px}
.trust{display:flex;flex-wrap:wrap;gap:8px 24px;margin-top:34px;font-size:15px;font-weight:500}.trust li:before{content:"✦";color:var(--forest);margin-inline-end:8px}
.slab{position:absolute;inset:30px 0 0 30px;background:var(--forest);transform:rotate(3deg);border-radius:6px}
.win{position:absolute;top:18px;right:14px;left:50px;background:var(--paper);border:2px solid var(--ink);border-radius:8px;box-shadow:10px 10px 0 var(--ink);overflow:hidden;animation:fl 7s ease-in-out infinite}
.bar{display:flex;gap:6px;padding:11px 14px;border-bottom:2px solid var(--ink);background:var(--paper2)}.bar i{width:9px;height:9px;border-radius:50%;border:1.5px solid var(--ink)}
.wb{padding:22px;display:flex;flex-direction:column;gap:12px}.wb b{display:block;height:18px;background:var(--ink);border-radius:3px}.wb u{display:block;height:8px;width:84%;background:var(--ink);opacity:.25;border-radius:3px}.wb em{display:block;height:34px;width:116px;background:var(--forest);border-radius:5px;margin:6px 0 8px}
.cards{display:flex;gap:10px}.cards span{flex:1;height:76px;border:2px solid var(--ink);border-radius:6px}
.ph{position:absolute;bottom:2px;left:0;width:118px;height:214px;background:var(--ink);border:2px solid var(--ink);border-radius:20px;box-shadow:6px 6px 0 var(--sage);padding:16px 12px;display:flex;flex-direction:column;gap:9px;animation:fl 7s -3s ease-in-out infinite}
.ph b{height:10px;width:60%;background:var(--paper);border-radius:3px}.ph u{height:6px;background:var(--paper);opacity:.3;border-radius:3px}.ph em{height:58px;background:var(--sage);border-radius:6px;margin-top:4px}.ph s{height:24px;background:var(--paper);border-radius:5px;margin-top:auto}
.stamp{position:absolute;top:-6px;left:-6px;width:104px;height:104px;border-radius:50%;background:var(--sage);border:2px solid var(--ink);display:grid;place-content:center;text-align:center;font-size:13px;font-weight:600;line-height:1.2;transform:rotate(-12deg);animation:spin 18s linear infinite}.stamp span{font-size:38px;font-weight:700;line-height:1}
@keyframes fl{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes spin{to{transform:rotate(348deg)}}
.ticker{background:var(--ink);color:var(--paper);overflow:hidden;border-block:1.5px solid var(--ink);direction:ltr;padding:14px 0}
.track{display:flex;width:max-content;animation:mq 38s linear infinite}.track span{direction:rtl;padding-inline:26px;font-size:20px;font-weight:600;white-space:nowrap}.track span:after{content:"✦";margin-inline-start:52px;color:var(--sage)}
@keyframes mq{to{transform:translateX(-50%)}}.ticker:hover .track{animation-play-state:paused}
.head{display:flex;flex-wrap:wrap;align-items:baseline;gap:6px 20px;margin-bottom:44px}.head h2{font-size:clamp(34px,4.6vw,58px);line-height:1.2}.head p{color:var(--mut);flex-basis:100%}
.no{font-weight:700;font-size:15px;border:1.5px solid currentColor;border-radius:6px;padding:0 10px}
.svc a,.svc div{display:flex;align-items:center;gap:24px;padding:26px 8px;border-top:1.5px solid var(--ink);transition:background .35s var(--ease),color .35s,padding .35s var(--ease)}
.svc>:last-child{border-bottom:1.5px solid var(--ink)}.svc>:hover{background:var(--forest);color:var(--paper);padding-inline:26px}
.svc .n{font-weight:700;color:var(--forest);width:44px;transition:color .3s}.svc>:hover .n{color:var(--sage)}.svc h3{font-size:clamp(22px,2.8vw,34px);flex:0 1 46%}.svc p{flex:1;color:var(--mut);font-size:16px;transition:color .3s}.svc>:hover p{color:#d6d0c1}
.dark{background:var(--ink);color:var(--paper)}.dark .no{color:var(--sage)}
.proj{display:flex;flex-wrap:wrap;gap:40px;align-items:center}.p-info{flex:1 1 440px;min-width:0}.p-info h3{font-size:clamp(40px,6vw,84px);line-height:1.1;margin:14px 0 18px}.p-info p{color:#c9c3b3;max-width:480px;margin-bottom:22px}
.chip{display:inline-block;border:1.5px solid var(--sage);color:var(--sage);border-radius:6px;padding:2px 14px;font-size:14px;margin:0 0 8px 8px}
.p-art{flex:1 1 400px;min-width:0;background:var(--sage);border-radius:8px;padding:44px;display:flex;justify-content:center}
.lv{width:100%;max-width:380px;background:var(--paper);color:var(--ink);border:2px solid var(--ink);border-radius:8px;box-shadow:8px 8px 0 var(--forest);padding:22px;transition:transform .5s var(--ease)}.p-art:hover .lv{transform:rotate(-2deg) scale(1.02)}
.lv b{display:block;margin-bottom:12px}.lv div{display:flex;justify-content:space-between;border:2px solid var(--ink);border-radius:6px;padding:10px 14px;margin-bottom:9px;font-weight:600;font-size:15px}.lv div:first-of-type{background:var(--sage)}.lv i{display:block;height:10px;border-radius:5px;background:var(--paper2);margin-top:14px;overflow:hidden}.lv i:after{content:"";display:block;width:42%;height:100%;background:var(--forest)}
.steps{display:flex;flex-wrap:wrap;gap:0}.steps li{flex:1 1 250px;padding:0 28px 8px 0;border-inline-start:1.5px solid var(--ink);padding-inline-start:26px}.steps .big{font-size:84px;line-height:1;font-weight:700;color:transparent;-webkit-text-stroke:1.5px var(--forest);margin-bottom:12px}.steps h3{font-size:24px;margin-bottom:6px}.steps p{color:var(--mut);font-size:16px}
.pk{display:flex;flex-wrap:wrap;gap:20px;align-items:stretch}.pc{flex:1 1 320px;min-width:0;border:1.5px solid var(--ink);border-radius:8px;padding:34px;display:flex;flex-direction:column;gap:14px;transition:transform .4s var(--ease),box-shadow .4s var(--ease)}.pc:hover{transform:translate(-4px,-4px);box-shadow:8px 8px 0 var(--ink)}
.pc.hl{background:var(--forest);color:var(--paper);border-color:var(--forest)}.pc.hl:hover{box-shadow:8px 8px 0 var(--sage)}.pc small{opacity:.7;font-size:15px}.pc h3{font-size:28px}.price{font-size:64px;font-weight:700;line-height:1}.price span{font-size:17px;font-weight:500;opacity:.7}
.pc li{display:flex;gap:10px;padding:5px 0;font-size:16px}.pc li:before{content:"✓";font-weight:700;color:var(--forest)}.pc.hl li:before{color:var(--sage)}
.faqs{max-width:900px}details{border-top:1.5px solid var(--ink)}details:last-child{border-bottom:1.5px solid var(--ink)}summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;gap:16px;padding:22px 0;font-size:20px;font-weight:600}summary::-webkit-details-marker{display:none}summary:after{content:"+";font-size:30px;line-height:1;color:var(--forest);transition:transform .35s var(--ease)}details[open] summary:after{transform:rotate(45deg)}details p{padding:0 0 22px;color:var(--mut);max-width:680px}
.forest{background:var(--forest);color:var(--paper)}.forest .no{color:var(--sage)}.cgrid{display:flex;flex-wrap:wrap;gap:48px;align-items:flex-start}.c-txt{flex:1 1 380px;min-width:0}.c-txt h2{font-size:clamp(38px,5.4vw,72px);line-height:1.15;margin:18px 0 16px}.c-txt p{color:#cfd8c5;margin-bottom:26px;max-width:420px}
.card{flex:1 1 460px;min-width:0;background:var(--paper);color:var(--ink);border:2px solid var(--ink);border-radius:8px;box-shadow:10px 10px 0 var(--sage);padding:34px}
.field{border:0;padding:0;margin:0 0 18px;min-width:0}label,legend{display:block;font-weight:600;font-size:15px;margin-bottom:6px;padding:0}
input[type=text],input[type=tel],input[type=url],textarea{width:100%;font:inherit;background:#F6F1E5;border:1.5px solid var(--ink);border-radius:6px;padding:12px 14px;color:var(--ink);transition:box-shadow .25s,background .25s}input:focus,textarea:focus{outline:0;box-shadow:4px 4px 0 var(--sage);background:#fff}
.chips{display:flex;flex-wrap:wrap;gap:8px}.chips label{margin:0;cursor:pointer}.chips input{position:absolute;opacity:0;pointer-events:none}.chips span{display:inline-block;border:1.5px solid var(--ink);border-radius:6px;padding:6px 14px;font-size:15px;font-weight:500;transition:background .25s,color .25s}.chips input:checked+span{background:var(--ink);color:var(--paper)}.chips input:focus-visible+span{outline:2px solid var(--forest);outline-offset:2px}
.consent{display:flex;gap:10px;font-weight:400;font-size:14px;margin-bottom:6px;align-items:flex-start}.consent input{margin-top:6px;accent-color:var(--forest)}
.err{color:#9B2C1C;font-size:13px;min-height:0;margin-top:4px}.hp{position:absolute;left:-9999px}
.ok{text-align:center;padding:30px 0}.okc{width:72px;height:72px;border-radius:50%;background:var(--sage);border:2px solid var(--ink);display:grid;place-content:center;font-size:34px;font-weight:700;margin:0 auto 16px}.ok h3{font-size:28px}.ok p{color:var(--mut)}
.foot{background:var(--ink);color:var(--paper);overflow:hidden;padding-top:40px}.foot .big{font-size:clamp(120px,26vw,360px);font-weight:700;line-height:.95;color:transparent;-webkit-text-stroke:1.5px #4a463c;text-align:center}.foot p{text-align:center;padding:18px 0 26px;color:#8F867C;font-size:14px}
.rv{opacity:0;transform:translateY(26px);transition:opacity .8s var(--ease),transform .8s var(--ease)}.rv.in{opacity:1;transform:none}
@media(max-width:760px){.sec{padding-block:64px}.links{display:none}.svc a,.svc div{flex-wrap:wrap;gap:6px 16px}.svc h3{flex-basis:calc(100% - 70px)}.svc p{flex-basis:100%}.hero-art{height:400px}.steps li{border-inline-start:0;border-top:1.5px solid var(--ink);padding:18px 0 22px}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important;scroll-behavior:auto!important}.rv{opacity:1;transform:none}}