:root{color-scheme:light;--paper:#fbf8f0;--ink:#20241d;--muted:#4c5547;--line:#d8d9ca;--green:#24462f;--lime:#e4efb7;--white:#fffdf8;font-family:"Segoe UI",system-ui,sans-serif;background:var(--paper);color:var(--ink)}
*{box-sizing:border-box}
body{margin:0}
a{color:inherit;text-underline-offset:.24em}
a:focus-visible{outline:3px solid #a2531e;outline-offset:5px}
.skip{position:absolute;inset-inline-start:1rem;top:.6rem;z-index:2;background:var(--white);padding:.7rem;transform:translateY(-160%)}
.skip:focus{transform:none}
.shell{width:min(1160px,calc(100% - 64px));margin-inline:auto}
.top,.footer{display:flex;justify-content:space-between;align-items:center;gap:1rem}
.top{min-height:88px;border-bottom:1px solid var(--line)}
.brand{display:inline-flex;align-items:center;gap:.65rem;font-size:1.4rem;font-weight:750;text-decoration:none;white-space:nowrap}
.brand img,.phone-head img{border-radius:24%;display:block}
nav{display:flex;align-items:center;flex-wrap:wrap;gap:clamp(.8rem,3vw,2rem);font-size:.91rem;font-weight:650}
nav a{text-decoration:none}
nav a:hover,.text-link:hover{text-decoration:underline}
.language{border:1px solid var(--line);border-radius:999px;padding:.5rem .85rem}
.hero{display:grid;grid-template-columns:1.16fr 1fr;align-items:center;gap:clamp(1.5rem,5vw,5rem);padding-block:46px 60px}
.eyebrow{font-size:.82rem;letter-spacing:.09em;text-transform:uppercase;font-weight:750;color:var(--green);display:flex;align-items:center;gap:.55rem;margin:0 0 1.4rem}
.eyebrow span{width:.55rem;height:.55rem;border-radius:100%;background:#55703e;flex:none}
h1,h2,h3,p,figure{margin:0}
h1,h2{font-family:Georgia,"Times New Roman",serif;font-weight:500;letter-spacing:-.06em}
h1{font-size:clamp(3.25rem,6.2vw,6.1rem);line-height:.99}
h1 em{font-weight:500;color:#36533a}
h2{font-size:clamp(2rem,4.1vw,3.5rem);line-height:1.08}
h3{font-size:1.13rem;line-height:1.3}
.lead{color:var(--muted);max-width:33rem;font-size:1.15rem;line-height:1.65;margin-top:1.45rem}
.actions{display:flex;align-items:center;flex-wrap:wrap;gap:1rem 1.4rem;margin-top:1.65rem}
.button,.text-link{display:inline-flex;align-items:center;gap:.6rem;font-size:.9rem;font-weight:700}
.button{background:var(--green);color:#fff;text-decoration:none;border-radius:999px;padding:.87rem 1.15rem}
.button:hover{background:#173622}
.text-link{text-decoration:none}
.showcase{min-width:0;position:relative;overflow:hidden;border-radius:1.7rem;background:radial-gradient(ellipse at 50% 42%,#416447,#233e2c 70%);padding:30px 14px 17px;color:white}
.showcase::before{content:"";position:absolute;inset:0;background:repeating-radial-gradient(circle at 50% 40%,transparent 0 52px,#eef6d319 53px 54px,transparent 55px 68px);pointer-events:none}
.demo{position:relative;display:grid;justify-items:center;gap:14px}
.phone{width:min(100%,272px);border:6px solid #17271d;border-radius:2rem;padding:13px;background:#f8f8ef;color:var(--ink);box-shadow:0 20px 35px #13231988;font-size:.86rem}
.phone-head,.phone-cta,.order div{display:flex;align-items:center;gap:.5rem}
.menu,.phone-cta span,.order b{margin-inline-start:auto}
.menu{font-size:1.25rem;line-height:1}
.cart{margin-top:12px;padding:14px 12px;background:var(--lime);border-radius:14px;display:grid;gap:4px}
.cart-icon{font-size:1.1rem;line-height:1;background:var(--green);color:#fff;border-radius:50%;width:27px;height:27px;display:grid;place-items:center;margin-bottom:4px}
.cart strong{font-size:1.15rem}
.cart small{color:#354332}
.order{margin:9px 0}
.order div{padding:8px 2px;border-bottom:1px solid var(--line)}
.order b{color:var(--green)}
.phone-cta{border-radius:10px;background:var(--green);color:#fff;padding:10px;font-size:.77rem;font-weight:700}
figcaption{font-size:.76rem;color:#e6eedf}
.flow{border-top:1px solid var(--line);padding-block:40px 50px}
.steps{display:grid;grid-template-columns:repeat(3,1fr);margin-top:25px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.steps article{padding:20px clamp(12px,2vw,26px) 23px}
.steps article+article{border-inline-start:1px solid var(--line)}
.steps article>span{display:grid;place-items:center;background:var(--lime);color:var(--green);width:34px;height:34px;border-radius:50%;margin-bottom:13px;font-size:1.1rem;font-weight:700}
.steps p,.details p{margin-top:.65rem;line-height:1.6;color:var(--muted)}
.details{display:grid;grid-template-columns:1.25fr 1fr;gap:16px;margin-bottom:45px}
.details>div{border-radius:1.35rem;padding:clamp(22px,4vw,43px)}
.partner{background:var(--lime)}
.data{border:1px solid var(--line)}
.details a{margin-top:1.15rem}
.footer{border-top:1px solid var(--line);padding-block:23px 30px}
.footer p{font-size:.8rem;color:var(--muted);margin-top:.35rem}
[lang=ar] h1,[lang=ar] h2{font-family:Tahoma,"Segoe UI",sans-serif;letter-spacing:normal;font-weight:750;line-height:1.24}
[lang=ar] h1{font-size:clamp(2.4rem,5.15vw,4.7rem)}
[lang=ar] h1 em{font-style:normal;font-weight:inherit}
[lang=ar] .eyebrow{letter-spacing:normal}
@media(max-width:800px){.shell{width:min(100% - 36px,640px)}.hero{grid-template-columns:1fr;gap:26px;padding-block:37px 37px}.showcase{padding-top:23px}.flow{padding-block:28px 34px}}
@media(max-width:560px){.top{min-height:70px}.top nav{gap:.65rem}.top nav a:first-child{display:none}.brand{font-size:1.2rem}.brand img{width:34px;height:34px}.steps,.details{grid-template-columns:1fr}.steps article{padding-inline:0}.steps article+article{border-inline-start:0;border-top:1px solid var(--line)}.footer{align-items:flex-start;flex-direction:column}.footer nav{gap:.8rem 1.2rem}.lead{font-size:1rem}}