:root{--bg:#f7f5f0;--surface:#fff;--ink:#2b211c;--muted:#736c65;--line:#dfdbd3;--brand:#a34420;--brand-hover:#813317;--soft:#f0e8df;--gold:#ecb165;--shadow:0 24px 70px #36251018;--font:'Tajawal','DM Sans',sans-serif;color-scheme:light}
html[data-theme=dark]{--bg:#171512;--surface:#22201c;--ink:#f4efe7;--muted:#b6aca0;--line:#39342c;--brand:#f0a466;--brand-hover:#ffba83;--soft:#30271f;--gold:#ecb165;--shadow:0 24px 70px #0005;color-scheme:dark}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:110px}body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--font);font-size:17px;line-height:1.7;-webkit-font-smoothing:antialiased}button,input,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a{color:inherit;text-decoration:none}button{color:inherit}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid var(--brand);outline-offset:5px}h1,h2,h3,p{margin:0}img{max-width:100%}.container{width:min(1280px,calc(100% - 100px));margin:auto}.header{position:sticky;top:0;z-index:30;background:var(--bg);border-bottom:1px solid var(--line)}.nav{height:100px;display:flex;align-items:center;gap:35px}.brand{display:flex;align-items:center;gap:10px;flex-shrink:0}.wordmark{font-family:Georgia,serif;font-size:33px;font-weight:bold;line-height:1}.wordmark>span{color:var(--brand)}.wordmark small{display:block;font:9px 'Manrope',sans-serif;letter-spacing:5px;margin-top:6px;text-align:center}.logo-crop{width:44px;height:44px;border-radius:50%;overflow:hidden;display:block;position:relative;background:#fafbfc}.logo-crop img{max-width:none;width:124px;position:absolute;left:-39px;top:-47px}.nav nav{display:flex;gap:25px;align-items:center;margin-inline:auto;font-size:15px;font-weight:600}.nav nav a{transition:color .2s;white-space:nowrap}.nav nav a:hover{color:var(--brand)}.nav-actions{display:flex;align-items:center;gap:14px}.plain-btn,.icon-btn{border:0;background:transparent;display:grid;place-items:center;min-width:38px;min-height:42px}.plain-btn{font-family:Manrope,sans-serif;font-size:13px;font-weight:700}.icon-btn{font-size:24px}.nav-divider{height:18px;width:1px;background:var(--line)}.button{border:1px solid var(--brand);background:var(--brand);color:#fff;display:inline-flex;justify-content:center;align-items:center;gap:25px;border-radius:7px;padding:15px 23px;font-size:16px;font-weight:700;line-height:1.3;min-height:53px;transition:background .2s,transform .2s}.button:hover{background:var(--brand-hover);transform:translateY(-2px)}html[data-theme=dark] .button{color:#21150e}.button.small{padding:12px 17px;font-size:14px;min-height:45px}.button.secondary{background:transparent;border-color:var(--line);color:var(--ink)}.button.secondary:hover{background:var(--soft)}.menu{display:none}.skip{position:fixed;top:-100px;z-index:100;padding:10px;background:var(--surface)}.skip:focus{top:10px}.hero{display:grid;grid-template-columns:1fr 1fr;gap:68px;min-height:690px;align-items:center;padding-block:62px 74px}.eyebrow{font-size:14px;font-weight:700;display:flex;align-items:center;gap:12px;color:var(--brand);margin-bottom:24px}.mini-line{width:28px;height:1px;background:var(--brand)}h1{font-size:clamp(42px,4.15vw,64px);font-weight:800;line-height:1.4;letter-spacing:-1.5px}h1 em{font-style:normal;color:var(--brand)}.lead{margin-top:24px;font-size:18px;line-height:1.9;color:var(--muted);max-width:490px}.hero-buttons{display:flex;gap:13px;flex-wrap:wrap;margin-top:30px}.direction-arrow{font-size:23px}.trial-note{font-size:13px;color:var(--muted);margin-top:15px}.hero-bottom{margin-top:35px;padding-top:25px;border-top:1px solid var(--line);display:flex;align-items:center;gap:12px;font-size:14px;color:var(--muted);max-width:430px}.round-icon{border:1px solid var(--line);border-radius:50%;width:32px;height:32px;display:grid;place-items:center;color:var(--brand);font-size:20px}.hero-visual{position:relative;height:535px;min-width:0;direction:ltr}.scene{height:475px;width:89%;margin-left:auto;position:relative;overflow:hidden;border-radius:14px 14px 90px 14px;background:linear-gradient(120deg,#5b4835,#a18363)}.scene-heading{position:absolute;z-index:2;top:22px;inset-inline:23px;display:flex;justify-content:space-between;color:#fff9;font:9px Manrope,sans-serif;letter-spacing:2px}.photo-shade{position:absolute;inset:0;background:linear-gradient(180deg,#21160b22 20%,#21160b99 100%)}.scene-caption{position:absolute;bottom:105px;left:30px;right:30px;color:white;text-align:start;direction:rtl}.scene-caption>span{font-size:22px;font-weight:700;display:block}.scene-caption small{font-size:14px;opacity:.75}.pos-preview{position:absolute;bottom:0;left:-16px;width:340px;background:var(--surface);border:1px solid var(--line);border-radius:12px;box-shadow:var(--shadow);transform:rotate(-3deg);direction:rtl}.pos-top{padding:15px 18px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;gap:15px}.pos-brand{font:bold 20px Georgia,serif;direction:ltr}.pos-brand i{color:var(--brand);font-size:8px;vertical-align:middle}.preview-label{font-size:11px;color:var(--muted);background:var(--bg);padding:2px 6px;border-radius:4px}.pos-dots{color:var(--muted);line-height:1;letter-spacing:2px}.pos-content{padding:16px 19px}.pos-heading{display:flex;align-items:center;justify-content:space-between}.pos-heading small{display:block;color:var(--muted);font-size:11px}.pos-heading strong{font-size:16px}.pos-icon{width:30px;height:30px;background:var(--soft);color:var(--brand);border-radius:50%;display:grid;place-items:center}.demo-stats{display:flex;gap:28px;margin-top:16px}.demo-stats>div+div{border-inline-start:1px solid var(--line);padding-inline-start:22px}.demo-stats small{font-size:11px;color:var(--muted);display:block}.demo-stats strong{font:700 23px Manrope,sans-serif;display:block;margin-top:4px}.demo-stats strong small{display:inline;font:11px var(--font)}.chart{height:57px;display:flex;gap:8px;align-items:flex-end;direction:ltr;margin-top:16px;border-bottom:1px solid var(--line);padding-bottom:1px}.chart i{height:var(--height);flex:1;background:var(--soft);border-radius:3px 3px 0 0}.chart i:nth-child(3n),.chart i:last-child{background:#cd8d51}.pos-footer{display:flex;justify-content:space-between;font-size:10px;color:var(--muted);margin-top:9px}.visual-tag{position:absolute;right:-14px;bottom:19px;display:flex;gap:12px;align-items:center;font-size:14px;line-height:1.5;direction:rtl;background:var(--bg);padding:8px;border-radius:5px}.visual-tag>span:first-child{font-size:36px;color:var(--brand)}dialog{border:1px solid var(--line);border-radius:18px;padding:40px;max-width:460px;width:calc(100% - 36px);background:var(--surface);color:var(--ink);box-shadow:var(--shadow)}dialog::backdrop{background:#120e0a99;backdrop-filter:blur(4px)}.dialog-close{position:absolute;top:8px;inset-inline-end:8px}.dialog-symbol{font-size:38px;color:var(--brand)}dialog h2{font-size:26px;margin:12px 0}dialog p{color:var(--muted);margin-bottom:25px}html[lang=en]{--font:'DM Sans',sans-serif}html[lang=en] h1{font-family:Manrope,sans-serif;font-size:clamp(38px,3.8vw,59px);line-height:1.2;letter-spacing:-2px}html[lang=en] .scene-caption,html[lang=en] .pos-preview,html[lang=en] .visual-tag{direction:ltr}html[lang=en] .nav nav{gap:18px;font-size:14px}html[lang=en] .nav{gap:25px}
@media(min-width:1500px){.hero{gap:100px}}@media(max-width:1150px){.container{width:calc(100% - 60px)}.nav-trial{display:none!important}.hero{gap:35px}.hero-visual{height:500px}.pos-preview{width:300px}.visual-tag{right:-5px;font-size:12px;max-width:140px}.hero h1{font-size:45px}.scene-caption>span{font-size:19px}.nav nav{gap:20px}.nav{gap:20px}}@media(max-width:800px){.container{width:calc(100% - 40px)}.header .nav{height:78px;justify-content:space-between}.nav-actions{gap:7px}.nav nav{display:none;position:absolute;top:78px;left:0;right:0;background:var(--bg);padding:22px;border-bottom:1px solid var(--line);align-items:stretch;gap:0}.nav nav.open{display:flex;flex-direction:column}.nav nav a{padding:12px}.menu{display:grid}.hero{grid-template-columns:1fr;gap:45px;padding-block:42px 55px}.hero-copy{max-width:580px}.hero h1{font-size:clamp(38px,7.5vw,56px);letter-spacing:-1px}.eyebrow{margin-bottom:18px}.lead{font-size:17px;margin-top:18px}.hero-bottom{margin-top:24px;padding-top:18px}.hero-visual{height:480px;width:min(100%,560px);margin:auto}.scene{height:425px;width:88%}.pos-preview{width:310px;left:0}.visual-tag{right:0;bottom:8px;max-width:150px;font-size:13px}.scene-caption{bottom:120px}.hero-buttons .button{padding:15px 19px;font-size:15px;gap:15px}html[lang=en] .hero h1{font-size:clamp(36px,7.5vw,53px)}.wordmark{font-size:30px}}@media(max-width:430px){.hero-visual{height:450px}.scene{height:385px;width:91%}.pos-preview{width:270px;bottom:12px}.visual-tag{bottom:-23px;font-size:12px;max-width:none;padding:0}.visual-tag>span:first-child{font-size:25px}.visual-tag br{display:none}.scene-heading{font-size:7px;letter-spacing:1px}.scene-caption{bottom:165px;left:20px;right:20px}.scene-caption>span{font-size:17px}.scene-caption small{font-size:12px}.pos-content{padding:13px 17px}.hero-buttons{gap:9px}.hero-buttons .button{font-size:14px;padding-inline:15px}.nav-divider{display:none}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}
.scene{background-image:url("cafe.jpg");background-size:cover;background-position:47% center}