@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Sans+Arabic:wght@400;450;500;600;700&display=swap');
:root{--bg:#101211;--panel:#191c19;--text:#f2f4ec;--muted:#a5aaa2;--line:#31372f;--lime:#c7f86b}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--bg);color:var(--text);font-family:'IBM Plex Sans Arabic',Tahoma,sans-serif;font-size:16px;line-height:1.8}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button,a,input,textarea,select{ -webkit-tap-highlight-color:transparent}a,button{touch-action:manipulation}a:focus-visible,button:focus-visible,summary:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid var(--lime);outline-offset:5px}button{cursor:pointer}p{color:var(--muted);margin:12px 0 24px}h1,h2,h3{line-height:1.4;margin:0 0 20px;font-weight:600}h1{font-size:clamp(2.7rem,5vw,4.9rem);letter-spacing:-1.8px}h2{font-size:clamp(1.8rem,3vw,2.8rem);letter-spacing:-.7px}h3{font-size:1.3rem}em{font-style:normal;color:var(--lime)}main,footer,.nav-wrap{max-width:1280px;margin:auto;padding-inline:48px}header{border-bottom:1px solid var(--line);background:#101211ed;position:sticky;top:0;z-index:20;backdrop-filter:blur(18px)}.nav-wrap{height:100px;display:flex;align-items:center;justify-content:space-between;gap:32px}.logo{display:flex;flex-direction:column;line-height:1}.brand{font-family:Arial,sans-serif;font-size:40px;font-weight:900;letter-spacing:-3px;direction:ltr;display:inline-block}.brand span{font-size:14px;vertical-align:top;letter-spacing:0;color:var(--lime)}.brand-sub{font-size:9px;letter-spacing:1.7px;margin-top:7px}nav{display:flex;gap:27px;font-size:14px}nav a{color:var(--muted);transition:color .2s}nav a:hover,nav a.active{color:var(--lime)}.button{display:inline-flex;align-items:center;justify-content:center;gap:12px;padding:14px 27px;border:1px solid var(--lime);background:var(--lime);color:#142008;border-radius:8px;font-weight:600;transition:transform .2s,background .2s}.button:hover{transform:translateY(-3px);background:#d7ff95}.button.small{font-size:14px;padding:10px 20px}.button.outline{color:var(--text);border-color:#454a40;background:transparent}.button.outline:hover{background:#252a21}.button.dark{background:#101211;border-color:#101211;color:white}.eyebrow{display:block;font-size:14px;letter-spacing:.3px;color:var(--lime);margin-bottom:20px}.pill{display:inline-block;border:1px solid #3c4a29;background:#1b2416;padding:5px 15px;border-radius:30px;font-size:13px}.hero{display:grid;grid-template-columns:1fr 1fr;align-items:center;min-height:660px;gap:30px;padding-block:65px 45px}.hero h1{margin-bottom:25px;line-height:1.32}.hero p{font-size:18px}.actions{display:flex;gap:15px;flex-wrap:wrap}.hero-note{font-size:13px;color:var(--muted);display:flex;align-items:center;gap:12px;margin-top:29px}.line{width:26px;height:1px;background:var(--lime)}.hero-art{position:relative;height:470px;display:grid;place-items:center;isolation:isolate;background:radial-gradient(ellipse,#a1d14512,transparent 65%);direction:ltr}.orbit{position:absolute;width:360px;height:360px;border:1px solid #a8ce6740;border-radius:50%;transform:rotate(-30deg) scaleX(.65);animation:orbit 22s linear infinite}.orbit-two{transform:rotate(35deg) scaleX(.65);animation-direction:reverse;width:400px;height:400px}.orbit-three{transform:rotate(90deg) scaleX(.65);animation-duration:30s;width:440px;height:440px}.core{width:225px;height:225px;border:1px solid #bde38a55;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-direction:column;background:radial-gradient(at 25% 20%,#789746,#24331b 55%,#101510);box-shadow:inset 0 0 40px #cfef8c0a,0 0 85px #98c6551a;z-index:1}.core>span{font:bold 92px Arial;letter-spacing:-10px;color:var(--lime);padding-right:10px}.core small{font:9px Arial;letter-spacing:2px;color:#d4dfc6;margin-top:15px}.floating{position:absolute;border:1px solid #4d593b;background:#1a2018ed;border-radius:10px;padding:14px 18px;z-index:2;direction:rtl;font-size:15px;box-shadow:0 14px 35px #0005;animation:float 6s ease-in-out infinite}.floating>span{color:var(--lime);font-size:23px;float:right;margin-left:12px}.floating small{display:block;direction:ltr;font:10px Arial;letter-spacing:.6px;color:var(--muted)}.tag-one{right:4px;top:55px}.tag-two{left:-3px;top:220px;animation-delay:-2s}.tag-three{right:30px;bottom:45px;animation-delay:-4s}.art-caption{position:absolute;bottom:0;font:9px Arial;letter-spacing:3px;color:#8d9782}.stats{display:grid;grid-template-columns:repeat(3,1fr) 1.2fr;border-block:1px solid var(--line);padding-block:30px;gap:25px}.stats>div{display:flex;align-items:center;gap:15px;border-left:1px solid var(--line)}.stats strong{font:500 46px Arial;color:var(--lime)}.stats span{font-size:14px;color:var(--muted)}.stats .stats-note{border:0;display:block;text-align:left;font-size:17px}.stats-note b{font-weight:500}section{padding-block:85px}.section-head{display:flex;align-items:end;justify-content:space-between;gap:25px;margin-bottom:34px}.section-head h2{margin-bottom:0}.section-head p{font-size:15px}.muted{color:var(--muted)}.text-link{color:var(--lime);font-weight:500;font-size:15px;display:inline-block}.text-link:hover{text-decoration:underline;text-underline-offset:7px}.grid{display:grid;gap:18px}.services{grid-template-columns:repeat(3,1fr)}.service-card{display:block;background:var(--panel);padding:28px;border:1px solid var(--line);border-radius:12px;transition:border-color .25s,transform .25s}.service-card:hover{border-color:#9cbc65;transform:translateY(-6px)}.card-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:28px}.service-icon{width:47px;height:47px;display:grid;place-items:center;color:var(--lime);font:27px Arial;background:#28301f;border:1px solid #414d31;border-radius:10px}.index{color:#8b9386;font:12px Arial;letter-spacing:1px}.service-card h3{font-size:20px;margin-bottom:12px}.service-card p{font-size:14px;min-height:52px}.card-bottom{border-top:1px solid var(--line);padding-top:18px;font-size:13px;display:flex;align-items:center;justify-content:space-between}.card-bottom strong{font-size:17px}.arrow{font-size:24px;color:var(--lime)}.industry-section{border-block:1px solid var(--line);display:grid;grid-template-columns:1fr 1fr;gap:80px}.industry-list{display:grid;grid-template-columns:1fr 1fr;gap:0 30px}.industry-list a{border-bottom:1px solid var(--line);padding:19px 0;display:flex;justify-content:space-between;font-size:15px}.industry-list a:hover{color:var(--lime)}.steps{grid-template-columns:repeat(4,1fr)}.panel{border:1px solid var(--line);background:var(--panel);border-radius:12px;padding:28px}.panel p{font-size:15px}.step-no{font:36px Arial;color:#88a951;display:block;margin-bottom:35px}.steps h3{font-size:19px}.steps p{margin-bottom:0;font-size:14px}.cta{background:var(--lime);border-radius:16px;color:#17220c;display:flex;align-items:center;justify-content:space-between;padding:48px;margin:10px 0 85px;gap:25px}.cta h2{font-size:36px;margin:0}.cta em,.cta .eyebrow{color:#3f571f}.cta .eyebrow{margin-bottom:15px}footer{border-top:1px solid var(--line);padding-top:50px}.footer-top{display:grid;grid-template-columns:1fr 2fr;gap:70px;padding-bottom:45px}.footer-top p{font-size:14px;margin:10px 0}.footer-links{display:grid;grid-template-columns:repeat(3,1fr);gap:12px 25px;font-size:14px;color:var(--muted)}.footer-links a:hover{color:var(--lime)}.footer-bottom{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding-block:20px;font-size:12px;color:var(--muted)}.page-heading{padding-block:70px 50px;max-width:850px}.page-heading h1{font-size:clamp(2.5rem,4.7vw,4.5rem)}.page-heading p{font-size:19px;max-width:700px}.detail-layout{display:grid;grid-template-columns:1.65fr 1fr;gap:55px;padding-bottom:65px;align-items:start}.feature-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.feature-grid h3{font-size:18px;margin:12px 0 0}.green{color:var(--lime)}.quote{position:sticky;top:125px}.price{font-size:42px;line-height:1.5;font-weight:600;color:var(--lime)}.price small{font-size:16px;color:var(--muted);font-weight:400}.quote>.button{width:100%;margin-top:15px}.quote>small{display:block;color:var(--muted);font-size:12px;margin-top:12px;text-align:center}hr{border:0;border-top:1px solid var(--line);margin:25px 0}.compact{padding-block:35px}.packages{grid-template-columns:repeat(3,1fr);padding-bottom:30px}.industries{grid-template-columns:1fr 1fr}.industries h2{font-size:26px;margin-top:20px}.table-wrap{overflow:auto;border:1px solid var(--line);border-radius:12px}table{width:100%;border-collapse:collapse;min-width:700px;text-align:right}th,td{padding:21px;border-bottom:1px solid var(--line)}th{background:#242b1c;color:var(--lime);font-weight:500}td{font-size:15px}td a{color:var(--lime)}tr:last-child td{border:0}tr:hover td{background:#191e16}.readable{max-width:850px;margin-bottom:80px}.empty{text-align:center;padding:70px 25px;margin-bottom:85px}.empty-symbol{font-size:60px;color:var(--lime)}.empty p{max-width:520px;margin:0 auto 30px}details{border-bottom:1px solid var(--line);padding:22px 0}summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;gap:20px;font-weight:500}summary::-webkit-details-marker{display:none}summary span{color:var(--lime)}details[open] summary span{transform:rotate(45deg)}details p{margin-bottom:0}form label{display:block;margin-bottom:20px;font-size:15px}input,select,textarea{display:block;width:100%;margin-top:8px;border:1px solid #454e3d;border-radius:7px;background:#11150f;color:white;padding:13px}select option{background:#11150f}textarea{resize:vertical}.notice{border-right:2px solid var(--lime);padding-right:14px;font-size:14px}#form-status{color:var(--lime)}li{padding-block:5px;color:var(--muted)}main> .grid{margin-bottom:70px}.skip{position:fixed;right:15px;top:-80px;z-index:50;background:var(--lime);color:black;padding:10px}.skip:focus{top:10px}.menu-toggle{display:none}.animate{transition:opacity .7s,transform .7s}.animate:not(.visible){opacity:0;transform:translateY(20px)}@keyframes float{50%{transform:translateY(-10px)}}@keyframes orbit{to{rotate:360deg}}
@media(min-width:1500px){.hero{min-height:720px}}@media(max-width:1100px){nav{gap:15px}.nav-wrap{gap:15px}main,footer,.nav-wrap{padding-inline:30px}.hero h1{font-size:60px}.hero-art{transform:scale(.9)}.tag-two{left:-15px}.stats{gap:15px}.stats strong{font-size:36px}.steps{grid-template-columns:1fr 1fr}.industry-section{gap:40px}}
@media(max-width:800px){main,footer,.nav-wrap{padding-inline:22px}.nav-wrap{height:80px}.menu-toggle{display:block;background:transparent;border:1px solid var(--line);border-radius:6px;color:white;font-size:24px;padding:2px 12px;margin-right:auto}nav{display:none;position:absolute;top:80px;right:0;left:0;background:#171c14;padding:25px;box-shadow:0 20px 30px #0005}nav.open{display:grid;grid-template-columns:1fr 1fr;gap:24px}.hero{grid-template-columns:1fr;padding-top:45px;gap:20px}.hero h1{font-size:58px}.hero-art{height:400px;max-width:480px;width:100%;margin:auto}.hero-copy p{font-size:17px}.stats{grid-template-columns:repeat(3,1fr);gap:12px}.stats>div{flex-direction:column;align-items:start;gap:5px}.stats>div:nth-child(3){border:0}.stats .stats-note{display:none}.stats span{font-size:12px}.services{grid-template-columns:1fr 1fr}.section-head{align-items:start;flex-direction:column}.industry-section{grid-template-columns:1fr;gap:25px}.cta{padding:30px;flex-direction:column;align-items:start}.cta h2{font-size:29px}.detail-layout{grid-template-columns:1fr;gap:25px}.quote{position:static}.packages{grid-template-columns:1fr 1fr}.footer-top{grid-template-columns:1fr;gap:30px}.footer-links{gap:18px;font-size:13px}section{padding-block:60px}.page-heading{padding-block:45px 30px}.page-heading h1{font-size:44px}.page-heading p{font-size:17px}}
@media(max-width:480px){.nav-wrap>.button{padding:9px 12px;font-size:12px}.brand{font-size:34px}.brand-sub{font-size:8px}.hero h1{font-size:49px;letter-spacing:-1px}.hero-art{transform:scale(.83);margin-block:-30px}.tag-one{right:-12px}.tag-two{left:-20px}.tag-three{right:5px}.orbit-three{width:400px;height:400px}.services,.packages,.industries{grid-template-columns:1fr}.steps{gap:12px}.steps .panel{padding:20px}.steps h3{font-size:17px}.step-no{margin-bottom:20px}.service-card p{min-height:0}.stats strong{font-size:34px}.footer-links{grid-template-columns:1fr 1fr}.footer-bottom{gap:10px;flex-direction:column}.industry-list{gap:0 20px}.industry-list a{font-size:13px}.feature-grid .panel{padding:18px}.feature-grid h3{font-size:16px}.actions{gap:10px}.actions .button{padding:12px 19px;font-size:14px}.desktop{display:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.animate:not(.visible){opacity:1;transform:none}}

/* Light visual identity */
:root{--bg:#fafcf9;--panel:#fff;--text:#17231c;--muted:#58645b;--line:#dce5d9;--lime:#326b22}
header{background:#fafcf9ee}.brand span{color:#326b22}.button{background:#c4ed80;border-color:#c4ed80;color:#203315}.button:hover{background:#b5e36d}.button.outline{color:var(--text);border-color:#b8c7b1;background:#fff}.button.outline:hover{background:#edf4e8}.pill{border-color:#d0e4bc;background:#eef7e3;color:#386827}.hero-art{background:radial-gradient(ellipse,#bce78b45,transparent 68%)}.orbit{border-color:#79a85470}.core{border-color:#8eb46c;background:radial-gradient(at 25% 20%,#f4ffe4,#c4e697 60%,#9bc370);box-shadow:inset 0 0 40px #fff8,0 15px 70px #91b16a25}.core>span{color:#2d501e}.core small{color:#3d5d2d}.floating{border-color:#cfdfc2;background:#ffffffef;box-shadow:0 14px 35px #38532610}.art-caption{color:#657759}.stats strong{color:#326b22}.service-card{box-shadow:0 4px 16px #263a1d03}.service-card:hover{border-color:#81ab64;box-shadow:0 12px 30px #45652c10}.service-icon{background:#edf6e4;border-color:#d5e5c7;color:#48762c}.index{color:#64785b}.step-no{color:#46792e}.cta{background:#d1efaa;color:#203315}.cta em,.cta .eyebrow{color:#416c28}.cta .button{background:#233c19;border-color:#233c19;color:#fff}.cta .button:hover{background:#365b26}.price{color:#326b22}th{background:#edf5e6;color:#31591f}tr:hover td{background:#f4f9ef}input,select,textarea{border-color:#bdcdb4;background:#fff;color:#17231c}select option{background:#fff}.menu-toggle{color:#203315;background:#fff}nav.open{background:#fafcf9;box-shadow:0 20px 30px #31511c10}.skip{background:#c4ed80;color:#203315}::selection{background:#d1efaa;color:#203315}
