:root{--green-950:#032921;--green-900:#04372A;--green-800:#064E3B;--green-700:#0B6B51;--green-100:#E7F0EA;--gold:#C9A24B;--gold-light:#E4C077;--cream:#FAF7F0;--cream-2:#F1EBDC;--ink:#17201A;--ink-soft:#57635B;--line:#E4DFCF;--radius-lg:24px;--radius:16px;--shadow:0 30px 60px -25px rgba(4,55,42,.35);--shadow-sm:0 10px 24px -12px rgba(4,55,42,.25)}
*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:'Tajawal',sans-serif;background:var(--cream);color:var(--ink);overflow-x:hidden;cursor:default}
h1,h2,h3,h4{font-family:'Almarai',sans-serif;font-weight:800;color:var(--green-950);line-height:1.2}
.container{max-width:1200px;margin:0 auto;padding:0 24px}a{color:inherit;text-decoration:none;cursor:pointer}img{max-width:100%;display:block}section{position:relative}.hidden{display:none!important}
.eyebrow{font-family:'IBM Plex Sans Arabic',sans-serif;font-size:13px;font-weight:600;color:var(--gold);display:inline-flex;align-items:center;gap:8px;margin-bottom:16px}.eyebrow::before{content:"";width:22px;height:2px;background:var(--gold)}
header{position:sticky;top:0;z-index:200;background:rgba(250,247,240,.92);backdrop-filter:blur(12px);border-bottom:1px solid var(--line);transition:box-shadow .3s}
.nav{display:flex;align-items:center;justify-content:space-between;padding:16px 24px}
.brand{display:flex;align-items:center;gap:12px;font-family:'Almarai';font-weight:800;font-size:22px;color:var(--green-950)}
.brand-logo{width:42px;height:42px;border-radius:11px;background:linear-gradient(135deg,var(--green-950),var(--green-800));display:flex;align-items:center;justify-content:center;color:var(--gold);font-size:20px;font-weight:800;box-shadow:0 4px 12px rgba(3,41,33,.2)}
.nav-links{display:flex;gap:30px;font-size:14.5px;font-weight:500;color:var(--ink-soft)}.nav-links a{position:relative;padding:6px 0;transition:color .2s}.nav-links a::after{content:"";position:absolute;bottom:0;right:0;left:0;height:2px;background:var(--gold);transform:scaleX(0);transition:transform .25s ease}.nav-links a:hover::after{transform:scaleX(1)}.nav-links a:hover{color:var(--green-800)}
.nav-cta{display:flex;align-items:center;gap:12px}
.lang-switch{font-family:'IBM Plex Sans Arabic';font-size:13px;color:var(--ink-soft);border:1px solid var(--line);padding:7px 14px;border-radius:999px;cursor:pointer;background:none;transition:all .2s}.lang-switch:hover{border-color:var(--green-700);color:var(--green-800)}
.btn-login{background:none;color:var(--green-800);border:1.5px solid var(--green-800);padding:10px 22px;border-radius:999px;font-weight:700;font-size:13.5px;cursor:pointer;transition:all .2s}.btn-login:hover{background:var(--green-800);color:#fff;transform:translateY(-1px)}
.btn-primary{background:var(--green-800);color:#fff;padding:11px 24px;border-radius:999px;font-weight:700;font-size:14px;box-shadow:var(--shadow-sm);transition:all .2s;cursor:pointer;border:none}.btn-primary:hover{background:var(--green-700);transform:translateY(-2px);box-shadow:0 8px 20px -8px rgba(6,78,59,.4)}
.hero{padding:100px 0 0;overflow:hidden}.hero::before{content:"";position:absolute;top:-260px;left:50%;transform:translateX(-50%);width:1000px;height:1000px;border-radius:50%;background:radial-gradient(circle,rgba(201,162,75,.14),transparent 68%);pointer-events:none}
.hero-inner{text-align:center;max-width:840px;margin:0 auto;padding-bottom:60px}
.hero h1{font-size:58px;letter-spacing:-1.5px;margin-bottom:22px}
.hero p.lead{font-size:18.5px;color:var(--ink-soft);line-height:1.9;max-width:600px;margin:0 auto 36px}
.hero-badges{display:flex;justify-content:center;gap:8px;margin-bottom:28px}.hero-badge{background:var(--green-100);color:var(--green-800);font-family:'IBM Plex Sans Arabic';font-size:12px;font-weight:700;padding:6px 14px;border-radius:999px;animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,100%{transform:scale(1)}50%{transform:scale(1.05)}}
.hero-cta{display:flex;justify-content:center;gap:14px;margin-bottom:20px}
.btn-gold{background:var(--gold);color:var(--green-950);padding:16px 36px;border-radius:999px;font-weight:800;font-size:16.5px;box-shadow:0 16px 32px -12px rgba(201,162,75,.7);transition:.25s;display:inline-block;border:none;cursor:pointer}.btn-gold:hover{transform:translateY(-3px) scale(1.02);box-shadow:0 20px 40px -12px rgba(201,162,75,.8)}
.btn-outline{border:1.5px solid var(--green-800);color:var(--green-800);padding:14.5px 32px;border-radius:999px;font-weight:700;font-size:15px;transition:.2s;display:inline-block;background:none;cursor:pointer}.btn-outline:hover{background:var(--green-800);color:#fff;transform:translateY(-2px)}
.hero-hint{font-family:'IBM Plex Sans Arabic';font-size:13px;color:var(--ink-soft);padding:8px 16px;background:rgba(255,255,255,.5);border-radius:8px;display:inline-block}
.hero-trust{display:flex;justify-content:center;gap:12px;margin:28px 0;flex-wrap:wrap}.hero-trust .t{font-family:'IBM Plex Sans Arabic';font-size:12.5px;color:var(--green-800);display:flex;align-items:center;gap:6px;background:#fff;border:1px solid var(--green-100);padding:8px 16px;border-radius:12px;box-shadow:var(--shadow-sm)}.hero-trust .t::before{content:"✓";color:var(--green-700);font-weight:800;font-size:14px}
.segments{display:flex;justify-content:center;gap:8px;margin-bottom:60px}.segment-pill{background:#fff;border:1px solid var(--line);padding:8px 18px;border-radius:999px;font-family:'IBM Plex Sans Arabic';font-size:13px;font-weight:600;color:var(--ink-soft);cursor:pointer;transition:all .2s}.segment-pill:hover{border-color:var(--green-700);color:var(--green-800);transform:translateY(-2px);box-shadow:0 4px 12px rgba(11,107,81,.15)}
.receipt-stage{position:relative;max-width:520px;margin:0 auto}.receipt-wrap{position:relative}
.float-badge{position:absolute;background:#fff;padding:10px 16px;border-radius:12px;box-shadow:var(--shadow);font-family:'IBM Plex Sans Arabic';font-size:12px;font-weight:700;color:var(--green-800);display:flex;align-items:center;gap:8px;z-index:2;transition:transform .3s}.float-badge:hover{transform:scale(1.05);z-index:10}
.fb-1{top:10%;right:-30px;animation:f 4s ease-in-out infinite}.fb-2{bottom:20%;left:-30px;animation:f 4s ease-in-out infinite 1s}
@keyframes f{0%,100%{transform:translateY(0)}50%{transform:translateY(-12px)}}
.receipt{background:#fff;border-radius:16px;padding:20px;box-shadow:var(--shadow);border:1px solid var(--line);overflow:hidden;transition:transform .3s}.receipt:hover{transform:translateY(-5px)}.receipt img{width:100%;height:auto;border-radius:8px}
.stats{background:var(--green-950);color:#fff;padding:50px 0}.stats-inner{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;text-align:center}.stat{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:24px;transition:all .3s}.stat:hover{transform:translateY(-5px);background:rgba(255,255,255,.08);border-color:var(--gold)}.stat .n{font-family:'Almarai';font-size:42px;font-weight:800;color:var(--gold);margin-bottom:4px}.stat .l{font-family:'IBM Plex Sans Arabic';font-size:13px;opacity:.8}
.features{padding:100px 0}.features-head{text-align:center;margin-bottom:50px}.features-head h2{font-size:36px;margin-bottom:12px}.features-head p{font-size:16px;color:var(--ink-soft)}
.tabs{display:flex;justify-content:center;gap:8px;margin-bottom:40px}.tab-btn{background:none;border:none;font-family:'Tajawal';font-size:15px;font-weight:700;color:var(--ink-soft);padding:10px 24px;border-radius:999px;cursor:pointer;transition:all .2s}.tab-btn:hover{background:var(--green-100);color:var(--green-800)}.tab-btn.active{background:var(--green-800);color:#fff;box-shadow:0 4px 12px rgba(6,78,59,.3)}
.tab-panel{display:none}.tab-panel.active{display:block;animation:fadeIn .3s ease}
@keyframes fadeIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}
.cat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.cat-card{background:#fff;border-radius:var(--radius-lg);padding:28px;box-shadow:var(--shadow-sm);border:1px solid var(--line);transition:all .3s;position:relative;overflow:hidden}.cat-card::before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--green-700),var(--gold));transform:scaleX(0);transition:transform .3s}.cat-card:hover{transform:translateY(-8px);box-shadow:0 20px 40px -12px rgba(4,55,42,.2);border-color:var(--green-700)}.cat-card:hover::before{transform:scaleX(1)}.cat-num{font-family:'IBM Plex Sans Arabic';font-size:12px;font-weight:700;color:var(--gold);margin-bottom:12px}.cat-card h3{font-size:18px;margin-bottom:14px;transition:color .2s}.cat-card:hover h3{color:var(--green-700)}.cat-card ul{list-style:none;padding:0}.cat-card ul li{font-size:14px;color:var(--ink-soft);padding:6px 0;padding-right:24px;position:relative}.cat-card ul li::before{content:"✓";position:absolute;right:0;color:var(--green-700);font-weight:800;font-size:13px}
.spotlight{padding:100px 0;background:var(--cream-2)}.spotlight-grid{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}.spotlight h2{font-size:32px;margin-bottom:16px}.spotlight .lead{font-size:16px;color:var(--ink-soft);line-height:1.9;margin-bottom:24px}.checklist{display:flex;flex-direction:column;gap:12px}.checklist .row{display:flex;align-items:flex-start;gap:10px;font-size:14px;transition:transform .2s;padding:8px 12px;border-radius:8px}.checklist .row:hover{transform:translateX(-5px);background:rgba(231,240,234,.5)}.checklist .tick{color:var(--green-700);font-weight:800;flex-shrink:0}.badge-unique{display:inline-block;background:var(--green-100);color:var(--green-800);font-family:'IBM Plex Sans Arabic';font-size:12px;font-weight:700;padding:4px 12px;border-radius:999px;margin-bottom:16px}.spotlight-visual img{width:100%;border-radius:var(--radius-lg);box-shadow:var(--shadow);transition:transform .3s}.spotlight-visual:hover img{transform:scale(1.02)}
.cloud-section{padding:100px 0;text-align:center}.cloud-section h2{font-size:36px;margin-bottom:12px}.cloud-section .sub{font-size:16px;color:var(--ink-soft);margin-bottom:40px}.chip-cloud{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;max-width:800px;margin:0 auto 40px}.chip{background:#fff;border:1px solid var(--line);padding:8px 18px;border-radius:999px;font-family:'IBM Plex Sans Arabic';font-size:13px;font-weight:500;color:var(--ink-soft);transition:all .2s;cursor:default}.chip:hover{border-color:var(--green-700);color:var(--green-800);transform:translateY(-3px);box-shadow:0 6px 16px rgba(11,107,81,.15);background:var(--green-100)}.cloud-count{margin-top:20px}.cloud-count .num{font-family:'Almarai';font-size:48px;font-weight:800;color:var(--gold)}.cloud-count .lbl{font-family:'IBM Plex Sans Arabic';font-size:14px;color:var(--ink-soft)}
.pricing{padding:100px 0;background:var(--cream-2)}.price-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-top:50px}.price-card{background:#fff;border-radius:var(--radius-lg);padding:28px;box-shadow:var(--shadow-sm);border:1px solid var(--line);position:relative;transition:all .3s}.price-card:hover{transform:translateY(-8px);box-shadow:0 20px 40px -12px rgba(4,55,42,.2)}.price-card.popular{border:2px solid var(--gold)}.popular-tag{position:absolute;top:-12px;left:50%;transform:translateX(-50%);background:var(--gold);color:var(--green-950);font-family:'IBM Plex Sans Arabic';font-size:12px;font-weight:800;padding:4px 16px;border-radius:999px;white-space:nowrap}.price-card h3{font-size:20px;margin-bottom:8px}.price-card .desc{font-size:13px;color:var(--ink-soft);margin-bottom:16px}.price-card .amount{font-family:'Almarai';font-size:32px;font-weight:800;margin-bottom:16px}.price-card .amount span{font-size:13px;font-weight:400;color:var(--ink-soft)}.price-card hr{border:none;border-top:1px solid var(--line);margin:16px 0}.price-card ul{list-style:none;padding:0;margin-bottom:20px}.price-card ul li{font-size:13px;padding:5px 0;padding-right:20px;position:relative;color:var(--ink-soft)}.price-card ul li::before{content:"✓";position:absolute;right:0;color:var(--green-700);font-weight:800}
.comparison-section{padding:80px 0}.comparison-table{max-width:1100px;margin:0 auto;background:#fff;border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow);border:1px solid var(--line)}.comparison-table table{width:100%;border-collapse:collapse}.comparison-table th,.comparison-table td{padding:16px 20px;text-align:center;border-bottom:1px solid var(--line)}.comparison-table th{background:var(--green-950);color:#fff;font-family:'IBM Plex Sans Arabic';font-size:14px;font-weight:600}.comparison-table td:first-child,.comparison-table th:first-child{text-align:right;background:var(--cream-2);font-weight:600}.comparison-table th:first-child{color:#fff;background:var(--green-900)}.comparison-table .section-header td{background:var(--green-800);color:#fff;font-weight:700;text-align:center;font-size:13px;text-transform:uppercase;letter-spacing:1px}.comparison-table .infinity{color:var(--gold);font-weight:800}.comparison-table .yes{color:var(--green-700);font-weight:800}.comparison-table .no{color:#999}.comparison-table tr:hover td{background:rgba(231,240,234,.3)}
.demo{padding:100px 0}.demo-grid{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}.demo h2{font-size:32px;margin-bottom:16px}.demo .lead{font-size:16px;color:var(--ink-soft);line-height:1.9;margin-bottom:24px}.demo-points{display:flex;flex-direction:column;gap:12px}.demo-points .row{display:flex;align-items:flex-start;gap:10px;font-size:14px;transition:transform .2s;padding:8px 12px;border-radius:8px}.demo-points .row:hover{transform:translateX(-5px);background:rgba(231,240,234,.5)}.demo-points .tick{color:var(--gold);font-weight:800}.form-card{background:#fff;border-radius:var(--radius-lg);padding:32px;box-shadow:var(--shadow);border:1px solid var(--line);transition:box-shadow .3s}.form-card:hover{box-shadow:0 35px 70px -25px rgba(4,55,42,.4)}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:16px}.field{display:flex;flex-direction:column;gap:6px;margin-bottom:16px}.field label{font-family:'IBM Plex Sans Arabic';font-size:13px;font-weight:600}.field input,.field textarea,.field select{border:1px solid var(--line);border-radius:10px;padding:12px 14px;font-size:14px;background:var(--cream);transition:border-color .2s}.field input:focus,.field textarea:focus{outline:none;border-color:var(--green-700);box-shadow:0 0 0 3px rgba(11,107,81,.1)}.field.full{grid-column:1/-1}.form-submit{width:100%;background:var(--green-800);color:#fff;border:none;padding:16px;border-radius:10px;font-weight:800;font-size:16px;cursor:pointer;transition:all .2s}.form-submit:hover{background:var(--green-700);transform:translateY(-2px);box-shadow:0 8px 20px -6px rgba(6,78,59,.4)}
.about{padding:100px 0;background:var(--cream-2)}.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}.about-pillars{display:grid;grid-template-columns:1fr 1fr;gap:20px}.pillar{background:#fff;border-radius:var(--radius);padding:24px;box-shadow:var(--shadow-sm);border:1px solid var(--line);transition:all .3s}.pillar:hover{transform:translateY(-5px);box-shadow:0 15px 30px -10px rgba(4,55,42,.2);border-color:var(--green-100)}.pillar .ico{font-size:28px;margin-bottom:12px}.pillar h4{font-size:16px;margin-bottom:8px}.pillar p{font-size:13px;color:var(--ink-soft);line-height:1.6}
.contact{padding:100px 0}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:60px}.contact-cards{display:flex;flex-direction:column;gap:16px}.c-card{display:flex;gap:14px;align-items:flex-start;padding:16px;border-radius:12px;transition:background .2s}.c-card:hover{background:var(--green-100)}.c-card .ico{width:40px;height:40px;border-radius:10px;background:var(--green-100);display:flex;align-items:center;justify-content:center;font-size:18px;flex-shrink:0;transition:transform .2s}.c-card:hover .ico{transform:scale(1.1)}.c-card h4{font-size:15px;margin-bottom:4px}.c-card p{font-size:13px;color:var(--ink-soft);line-height:1.6}.contact-form{background:#fff;border-radius:var(--radius-lg);padding:32px;box-shadow:var(--shadow);border:1px solid var(--line)}
.faq{padding:100px 0;background:var(--cream-2)}.faq-head{text-align:center;margin-bottom:40px}.faq-list{max-width:800px;margin:0 auto}.faq-item{background:#fff;border:1px solid var(--line);border-radius:12px;margin-bottom:12px;overflow:hidden;transition:box-shadow .2s}.faq-item:hover{box-shadow:var(--shadow-sm)}.faq-q{width:100%;text-align:right;background:none;border:none;padding:18px 24px;font-family:'Tajawal';font-size:15px;font-weight:700;color:var(--green-950);cursor:pointer;display:flex;justify-content:space-between;align-items:center}.faq-q .plus{font-size:20px;color:var(--gold);transition:transform .2s}.faq-a{max-height:0;overflow:hidden;transition:max-height .3s}.faq-a p{padding:0 24px 18px;font-size:14px;color:var(--ink-soft);line-height:1.8}.faq-item.open .faq-a{max-height:300px}.faq-item.open .plus{transform:rotate(45deg)}
footer{background:var(--green-950);color:#fff;padding:60px 0 30px}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:40px;margin-bottom:40px}.footer-brand{display:flex;align-items:center;gap:12px;font-family:'Almarai';font-weight:800;font-size:22px;margin-bottom:12px}.footer-brand .brand-logo{width:42px;height:42px;border-radius:11px;background:linear-gradient(135deg,var(--gold),var(--gold-light));display:flex;align-items:center;justify-content:center;color:var(--green-950);font-size:20px}.footer-grid p{font-size:14px;opacity:.7;line-height:1.6}.footer-grid h4{color:#fff;font-size:15px;margin-bottom:16px}.footer-grid ul{list-style:none;padding:0}.footer-grid ul li{padding:4px 0}.footer-grid ul li a{font-size:14px;opacity:.7;transition:all .2s}.footer-grid ul li a:hover{opacity:1;color:var(--gold);padding-right:4px}
.social-row{display:flex;gap:10px;margin-top:16px}.social-row a{width:40px;height:40px;border-radius:10px;background:rgba(255,255,255,.1);display:flex;align-items:center;justify-content:center;transition:all .25s}.social-row a svg{width:20px;height:20px;fill:#fff}.social-row a:hover{transform:translateY(-3px) scale(1.1)}.social-row a.s-wa:hover{background:#25D366}.social-row a.s-tw:hover{background:#000}.social-row a.s-ig:hover{background:linear-gradient(45deg,#f09433,#e6683c,#dc2743,#cc2366,#bc1888)}.social-row a.s-sc:hover{background:#FFFC00}.social-row a.s-sc:hover svg{fill:#000}.social-row a.s-tk:hover{background:#000;border:1px solid #ff0050}
.ltr{direction:ltr;display:inline-block}
.footer-bottom{text-align:center;padding-top:20px;border-top:1px solid rgba(255,255,255,.1);font-family:'IBM Plex Sans Arabic';font-size:13px;opacity:.6}
.reveal{opacity:0;transform:translateY(30px);transition:opacity .6s ease,transform .6s ease}.reveal.in{opacity:1;transform:translateY(0)}
.toast{position:fixed;bottom:24px;right:24px;background:var(--green-800);color:#fff;padding:16px 24px;border-radius:12px;font-size:14px;font-weight:600;z-index:9999;transform:translateY(100px);opacity:0;transition:.3s}.toast.show{transform:translateY(0);opacity:1}.toast.error{background:#dc3545}
@media(max-width:968px){.nav-links{display:none}.hero h1{font-size:36px}.stats-inner{grid-template-columns:repeat(2,1fr)}.cat-grid,.spotlight-grid,.demo-grid,.about-grid,.contact-grid{grid-template-columns:1fr}.price-grid{grid-template-columns:1fr 1fr}.footer-grid{grid-template-columns:1fr 1fr}.about-pillars{grid-template-columns:1fr}.comparison-table{font-size:12px}}