@font-face{font-family:Almarai;src:url('assets/Almarai.ttf')}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#f6f8f6;color:#093628;font-family:Almarai,Arial,sans-serif;font-size:14px;line-height:1.9}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button,a.btn{cursor:pointer}button,.btn{border:0;border-radius:12px;padding:12px 23px;background:#128982;color:white;display:inline-block}button:hover,.btn:hover{filter:brightness(.94)}button.secondary,.secondary{background:white;color:#093628;border:1px solid #d9e5df}.wrap{max-width:1240px;margin:auto;padding:0 35px}.top{background:#093628;color:#e5f0e9;font-size:11px;padding:7px;text-align:center}.nav{display:flex;align-items:center;justify-content:space-between;padding-top:20px;padding-bottom:20px;background:white}.brand{font-size:25px;font-weight:bold;letter-spacing:-1px}.brand b{color:#128982}.brand small{display:block;font-size:9px;letter-spacing:2px;color:#6c8278}.links{display:flex;gap:28px;font-size:13px}.nav-actions{display:flex;gap:10px;align-items:center}.mobile{display:none}.eyebrow{font-size:11px;color:#128982;letter-spacing:1px;font-weight:bold}h1{font-size:52px;line-height:1.6;letter-spacing:-1.5px;margin:14px 0}h1 em{font-style:normal;color:#128982}h2{font-size:30px;line-height:1.6;margin:8px 0 15px}h3{font-size:17px;margin:8px 0}p{color:#698074;margin:10px 0 22px}.hero{background:#edf3ed;padding:55px 0 65px;position:relative;overflow:hidden}.hero-grid{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}.hero-photo{position:relative}.hero-photo>img{width:100%;height:475px;object-fit:cover;border-radius:150px 150px 24px 24px}.float{position:absolute;background:white;border-radius:15px;padding:15px 20px;box-shadow:0 12px 35px #09362816;font-size:12px}.float.first{bottom:30px;right:-22px}.float.second{top:45px;left:-25px}.star{color:#b47d00}.actions{display:flex;gap:12px;margin:25px 0}.trust{display:flex;gap:30px;margin-top:28px;font-size:11px;color:#698074}.trust strong{display:block;color:#093628;font-size:23px}.searchbar{background:white;margin:-25px auto 0;position:relative;z-index:1;padding:22px;border-radius:17px;box-shadow:0 12px 30px #0936280a;display:flex;gap:18px;align-items:center}.searchbar label{flex:1;border-left:1px solid #e0e7e2;padding-left:15px;font-size:11px;color:#698074}.searchbar select{display:block;border:0;width:100%;color:#093628;background:white;padding:5px}.section{padding:60px 0}.section-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:25px}.muted{color:#75877e;font-size:12px}.grid4{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.card{background:white;border:1px solid #e0e8e2;border-radius:18px;padding:24px}.service .ico{font-size:26px;background:#e8f4ee;color:#128982;width:55px;height:55px;border-radius:15px;display:grid;place-items:center;margin-bottom:20px}.service p{font-size:12px}.service a{color:#128982;font-size:12px}.soft{background:#edf3ed}.expert{padding:10px}.expert img{width:100%;height:235px;object-fit:cover;border-radius:12px}.expert .info{padding:10px 13px}.badge{background:#e9f4ed;color:#128982;border-radius:7px;padding:3px 9px;font-size:10px;display:inline-block}.expert-foot{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #edf1ee;margin-top:12px;padding-top:13px}.expert-foot button{font-size:11px;padding:8px 13px}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:25px;text-align:center}.step-number{margin:0 auto 15px;background:#093628;color:#FEB913;border-radius:50%;width:45px;height:45px;display:grid;place-items:center}.steps p{font-size:12px}.split{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:center}.split img{width:100%;height:330px;object-fit:cover;border-radius:20px}.quote{font-size:16px;line-height:2.3}.cta{background:#093628;color:white;padding:35px;border-radius:22px;display:flex;justify-content:space-between;align-items:center}.cta h2{font-size:26px}.cta p{color:#bbd3c7;margin-bottom:0}.gold{background:#FEB913;color:#093628}footer{padding:40px 0 20px;background:white}.footgrid{display:grid;grid-template-columns:2fr 1fr 1fr 1.5fr;gap:35px}footer p,footer a{font-size:12px}footer a{display:block;margin:8px 0}.copyright{border-top:1px solid #e4eae5;margin-top:25px;padding-top:15px;font-size:10px;color:#819087}.demo{background:#fff8df;color:#775900;font-size:11px;text-align:center;padding:6px}.dash{display:grid;grid-template-columns:225px 1fr;min-height:100vh}.sidebar{background:#093628;color:#c3d5cb;padding:30px 20px}.sidebar .brand{color:white;margin-bottom:35px}.sidebar a{display:block;padding:12px 15px;border-radius:10px;margin:5px 0;font-size:12px}.sidebar a.active{background:#128982;color:white}.sidebar .sidefoot{font-size:10px;margin-top:65px;color:#94afa0}.main{padding:0 32px 35px;min-width:0}.dash-top{height:85px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #e1e9e3}.avatar{display:inline-grid;place-items:center;width:35px;height:35px;border-radius:50%;background:#dcece0;color:#128982;margin-left:9px}.dash-title{display:flex;align-items:center;justify-content:space-between;padding:26px 0 20px}.dash-title h1{font-size:24px;margin:0}.dash-title p{font-size:11px;margin:3px 0}.kpi strong{font-size:29px;display:block;margin:8px 0}.kpi span{font-size:11px}.up{color:#128982;font-size:10px}.dash-panels{display:grid;grid-template-columns:1.65fr 1fr;gap:20px;margin:22px 0}.panel{background:white;border:1px solid #e0e8e2;border-radius:16px;padding:22px}.panel h3{font-size:14px}.panelhead{display:flex;justify-content:space-between;align-items:center}.chart{display:flex;align-items:end;justify-content:space-around;height:170px;border-bottom:1px solid #e6eee8;margin:20px 0 5px;direction:ltr}.bar{background:#128982;border-radius:7px 7px 0 0;width:24px;box-shadow:13px 0 #d5e9df}.chartlabels{display:flex;justify-content:space-around;font-size:9px;color:#829289;direction:ltr}.meter{height:7px;background:#edf3ee;border-radius:10px;margin:8px 0 20px;overflow:hidden}.meter i{display:block;background:#128982;height:100%;border-radius:10px}.statline{display:flex;justify-content:space-between;font-size:11px}.filters{display:flex;gap:10px;margin:16px 0}.filters input,.filters select{padding:8px 12px;border:1px solid #dce6df;border-radius:8px;background:#fafcfb;font-size:11px}table{border-collapse:collapse;width:100%;font-size:11px;text-align:right}th{background:#f4f7f4;color:#71837a;font-weight:normal}th,td{padding:12px 9px;border-bottom:1px solid #edf1ee}td small{display:block;color:#85968c}.status{font-size:10px;border-radius:6px;padding:4px 8px;background:#e9f4ed;color:#128982}.status.pending{background:#fff6da;color:#8c6d13}.lower{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:20px}.activity{border-bottom:1px solid #edf1ee;padding:10px 0;font-size:11px}.activity small{color:#82958a;display:block}.minirow{display:flex;justify-content:space-between;padding:10px 0;font-size:11px}.modal{position:fixed;inset:0;background:#06251f99;z-index:100;display:none;align-items:center;justify-content:center;padding:20px}.modal.open{display:flex}.dialog{background:#f9fbf9;border-radius:22px;padding:30px;width:650px;max-height:90vh;overflow:auto}.dialog h2{font-size:23px}.dialog label{display:block;font-size:12px;margin:12px 0}.dialog input,.dialog select,.dialog textarea{width:100%;padding:10px;border:1px solid #cedfd4;background:white;border-radius:10px;margin-top:5px}.dialog .times{display:flex;flex-wrap:wrap;gap:10px}.dialog .times button{background:white;color:#093628;border:1px solid #cedfd4}.dialog .times button.selected{background:#128982;color:white}.progress{display:flex;justify-content:space-between;font-size:10px;margin:20px 0}.progress .on{color:#128982;font-weight:bold}.dialog .close{float:left;background:transparent;color:#093628;padding:0;font-size:23px}.toast{position:fixed;bottom:25px;left:25px;padding:15px 25px;background:#093628;color:white;border-radius:12px;z-index:200;display:none}.hidden{display:none}@media(max-width:800px){.wrap{padding-left:20px;padding-right:20px}.links{display:none}.links.open{display:flex;position:absolute;top:100px;right:0;background:white;width:100%;z-index:10;padding:20px;flex-direction:column}.mobile{display:block;padding:8px 12px}.nav-actions .secondary{display:none}.hero-grid,.split{grid-template-columns:1fr;gap:30px}h1{font-size:34px}.hero{padding:30px 0 50px}.hero-photo>img{height:340px}.float.second{left:0}.float.first{right:0}.searchbar{flex-wrap:wrap}.searchbar label{min-width:40%}.grid4,.grid3{grid-template-columns:repeat(2,1fr)}.steps{grid-template-columns:1fr 1fr}.footgrid{grid-template-columns:1fr 1fr}.cta{display:block}.section{padding:40px 0}h2{font-size:24px}.dash{grid-template-columns:1fr}.sidebar{display:none}.sidebar.open{display:block}.main{padding:0 15px}.dash-panels,.lower{grid-template-columns:1fr}.dash-title{gap:15px}.dash-title h1{font-size:19px}.panel{overflow:auto}.kpi{padding:15px}.kpi strong{font-size:22px}.filters{flex-wrap:wrap}table{min-width:650px}.trust{gap:20px}}@media(max-width:450px){.grid3{grid-template-columns:1fr}.nav-actions .btn{font-size:11px;padding:10px}.brand{font-size:21px}.section-head{align-items:start;gap:15px}.section-head>a{font-size:11px}.hero-photo>img{height:300px}}@page{size:1440px 2900px;margin:0} @media print{body{font-size:14px}.modal,.toast{display:none!important}.wrap{max-width:1240px}.hero-grid{display:flex}.hero-grid>div{width:50%}.grid3,.grid4,.steps,.footgrid,.split,.dash-panels,.lower{display:flex}.grid3>*,.grid4>*,.steps>*,.footgrid>*,.split>*,.dash-panels>*,.lower>*{flex:1}.hero-photo>img{height:420px}.section{padding:40px 0}.dash{display:flex}.sidebar{width:225px;flex-shrink:0}.main{width:1215px}.chart{height:170px}.card,.panel{break-inside:avoid}}
/* Stable shared layouts for browser and HTML rendering. */
.wrap{width:1240px;max-width:100%}.hero-grid,.grid3,.grid4,.steps,.split,.footgrid,.dash-panels,.lower{display:flex}.hero-grid>div,.split>*{flex:1;min-width:0}.grid3>*,.grid4>*,.steps>*,.footgrid>*,.lower>*{flex:1;min-width:0}.dash-panels>section:first-child{flex:1.65;min-width:0}.dash-panels>section:last-child{flex:1;min-width:0}button,.btn{line-height:24px;min-height:44px;white-space:nowrap}.nav .brand{flex-shrink:0}.nav .links{white-space:nowrap}.dash{display:flex}.sidebar{width:225px;flex-shrink:0}.main{flex:1}.hero-photo{min-width:0}.hero-photo>img{display:block}.expert img{display:block}.grid3 .expert{width:calc(33.33% - 15px)}.footgrid>div:first-child{flex:1.6}@media(max-width:800px){.wrap{width:100%}.hero-grid,.split,.dash-panels,.lower{flex-direction:column}.hero-grid>div{width:100%}.grid4,.grid3,.steps,.footgrid{flex-wrap:wrap}.grid4>*,.grid3>*,.steps>*,.footgrid>*{flex:auto;width:calc(50% - 15px)}.hero-photo{width:100%}.dash{display:block}.main{width:auto}.sidebar{width:100%}.grid3 .expert{width:calc(50% - 15px)}}@media(max-width:450px){.grid3>*{width:100%}.grid3 .expert{width:100%}}