:root{--ink:#13201e;--green:#0d3a33;--green2:#174b42;--gold:#b79a63;--cream:#f3f0e8;--paper:#fbfaf6;--line:#dedbd1;--muted:#68726f;--white:#fff}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:"Tajawal",sans-serif;-webkit-font-smoothing:antialiased}.container{width:min(1180px,calc(100% - 40px));margin:auto}.nav-wrap{position:sticky;top:0;z-index:20;background:rgba(251,250,246,.9);backdrop-filter:blur(14px);border-bottom:1px solid rgba(19,32,30,.07)}.nav{height:76px;display:flex;align-items:center;justify-content:space-between;direction:ltr}.brand{font:800 23px/1 Arial,sans-serif;letter-spacing:4px;color:var(--ink);text-decoration:none;display:flex;align-items:center;gap:9px}.brand-dot{width:10px;height:10px;border:2px solid var(--gold);transform:rotate(45deg);display:inline-block}.nav-links{display:flex;gap:32px;direction:rtl}.nav-links a{color:#45514e;text-decoration:none;font-size:14px;font-weight:600}.nav-links a:hover{color:var(--gold)}.button{background:var(--green);color:#fff;text-decoration:none;border:0;border-radius:4px;padding:16px 25px;font:700 15px "Tajawal";cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:.25s}.button:hover{background:var(--green2);transform:translateY(-2px)}.button-small{padding:11px 20px;font-size:13px}.hero{min-height:720px;padding:92px 0 70px;display:grid;grid-template-columns:.92fr 1.25fr;gap:55px;align-items:center;direction:ltr}.hero-copy{direction:rtl}.eyebrow,.kicker{font-size:13px;font-weight:700;color:var(--gold);letter-spacing:.6px}.eyebrow{display:flex;align-items:center;gap:10px}.eyebrow span{width:28px;height:1px;background:var(--gold)}h1{font-size:clamp(52px,6vw,84px);line-height:1.08;margin:20px 0 26px;letter-spacing:-3px}h1 em{font-style:normal;color:var(--gold)}.hero-copy>p{font-size:19px;line-height:1.9;color:var(--muted);max-width:530px}.hero-actions{display:flex;align-items:center;gap:28px;margin-top:34px}.text-link{color:var(--ink);font-weight:700;text-decoration:none}.text-link span{color:var(--gold);margin-right:7px}.trust-row{display:flex;gap:0;margin-top:55px;border-top:1px solid var(--line);padding-top:25px}.trust-row div{display:flex;flex-direction:column;padding:0 22px;border-left:1px solid var(--line)}.trust-row div:first-child{padding-right:0}.trust-row div:last-child{border:0}.trust-row strong{font-size:14px}.trust-row span{font-size:12px;color:var(--muted);margin-top:4px}.hero-visual{position:relative;direction:rtl;min-height:530px;display:flex;align-items:center}.glow{position:absolute;width:470px;height:470px;border-radius:50%;background:radial-gradient(circle,rgba(183,154,99,.22),transparent 68%);left:8%;top:0}.dashboard-shell{width:92%;background:#fff;border:1px solid #e7e5de;border-radius:14px;box-shadow:0 35px 90px rgba(25,50,46,.15);overflow:hidden;position:relative;z-index:2;transform:perspective(1200px) rotateY(3deg) rotateX(1deg)}.dash-top{height:48px;border-bottom:1px solid #eee;display:flex;align-items:center;justify-content:space-between;padding:0 18px;direction:ltr}.mini-brand{font:700 11px Arial;letter-spacing:2px}.live{font-size:9px;color:#58716b}.live i{display:inline-block;width:6px;height:6px;background:#4db798;border-radius:50%;margin-right:5px}.dash-body{display:grid;grid-template-columns:104px 1fr;direction:ltr}.dash-body aside{background:var(--green);color:#a9beb9;padding:28px 15px;display:flex;flex-direction:column;gap:21px;font-size:10px;direction:rtl}.dash-body aside b{color:#fff;background:rgba(255,255,255,.08);margin:-8px;padding:9px;border-radius:4px}.dash-content{padding:25px 24px;direction:rtl;background:#fcfcfa}.dash-title{display:flex;justify-content:space-between;align-items:center}.dash-title div{display:flex;flex-direction:column}.dash-title small{font-size:8px;color:#9aa29f}.dash-title strong{font-size:15px}.dash-title>span{font-size:8px;border:1px solid #ddd;padding:6px 10px}.metric-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin:18px 0}.metric-grid div{background:#fff;border:1px solid #e8e8e3;border-radius:6px;padding:12px}.metric-grid small{font-size:7px;color:#7a8582;display:block}.metric-grid b{font:700 20px Arial;display:block;margin:7px 0}.metric-grid i{font-style:normal;font-size:7px;color:#888}.metric-grid .up{color:#3a8d74}.chart-card{background:#fff;border:1px solid #e8e8e3;padding:14px;border-radius:6px}.chart-head{display:flex;justify-content:space-between;font-size:9px}.chart-head small{font-size:7px;color:#888}.bars{height:115px;display:flex;align-items:flex-end;gap:10px;padding:15px 5px 0;border-bottom:1px solid #eee;direction:ltr}.bars i{flex:1;background:linear-gradient(var(--gold),#d9c9a8);border-radius:3px 3px 0 0}.request-row{margin-top:10px;display:flex;align-items:center;gap:10px;background:#fff;padding:10px;border:1px solid #eee;border-radius:5px}.request-row .room{width:30px;height:30px;border-radius:50%;background:#edf3f1;display:grid;place-items:center;font:700 8px Arial}.request-row div{display:flex;flex:1;flex-direction:column}.request-row b{font-size:9px}.request-row small{font-size:7px;color:#888}.request-row em{font-style:normal;font-size:7px;color:#947338;background:#f5eedf;padding:5px 7px}.phone-card{position:absolute;z-index:3;width:195px;bottom:0;right:-12px;background:#fdfcf9;border:5px solid #122d29;border-radius:24px;padding:19px 13px;box-shadow:0 25px 55px rgba(11,38,33,.25)}.phone-head{display:flex;justify-content:space-between;font-size:9px;color:#71807c}.phone-head b{background:#e9efed;padding:4px 7px;border-radius:10px}.phone-card h3{font-size:18px;margin:20px 0 14px}.service-icons{display:grid;grid-template-columns:repeat(2,1fr);gap:7px}.service-icons span{background:#fff;border:1px solid #e5e5df;border-radius:7px;padding:12px 5px;text-align:center;color:var(--gold);font-size:18px}.service-icons small{display:block;color:var(--ink);font-size:8px;margin-top:5px}.sent{display:flex;gap:8px;align-items:center;background:var(--green);color:#fff;padding:11px;border-radius:7px;margin-top:10px}.sent i{width:22px;height:22px;background:var(--gold);border-radius:50%;font-style:normal;display:grid;place-items:center}.sent div{display:flex;flex-direction:column}.sent b{font-size:8px}.sent small{font-size:7px;color:#b8ccc7}.statement{background:var(--cream);padding:95px 0;text-align:center}.statement p{color:var(--gold);font-size:14px;font-weight:600}.statement h2{font-size:clamp(34px,4.2vw,58px);line-height:1.35;margin:15px 0}.statement h2 span{color:#73807c;font-weight:500}.section{padding:120px 0}.section-head{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:55px}.section-head h2{font-size:clamp(36px,4vw,55px);line-height:1.25;margin:14px 0 0}.section-head>p{max-width:400px;color:var(--muted);line-height:1.85;margin:0}.flow-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--line);border:1px solid var(--line)}.flow-grid article{background:var(--paper);padding:30px 25px 35px;min-height:300px;position:relative}.flow-grid .dark{background:var(--green);color:#fff}.flow-grid .step{font:500 11px Arial;color:var(--gold)}.flow-grid .icon{font-size:28px;color:var(--gold);margin:44px 0 30px}.flow-grid h3{font-size:19px}.flow-grid p{font-size:14px;line-height:1.8;color:var(--muted)}.flow-grid .dark p{color:#b5c5c1}.feature-section{background:var(--green);color:#fff}.section-head.light p{color:#b6c7c3}.feature-grid{display:grid;grid-template-columns:1.25fr .75fr;grid-template-rows:1fr 1fr;gap:18px}.feature-grid article{border:1px solid rgba(255,255,255,.13);border-radius:8px;padding:34px;background:rgba(255,255,255,.035);overflow:hidden}.feature-main{grid-row:1/3;min-height:620px}.label{font-size:11px;color:var(--gold);border:1px solid rgba(183,154,99,.4);display:inline-block;padding:6px 10px;border-radius:20px}.feature-grid h3{font-size:30px;line-height:1.35;margin:25px 0 10px}.feature-grid p{color:#b5c5c1;line-height:1.8}.mini-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:rgba(255,255,255,.12);margin-top:55px}.mini-stats div{background:#17453e;padding:20px}.mini-stats b{font:700 26px Arial;display:block}.mini-stats span{color:#9eb4af;font-size:10px}.line-chart{margin-top:70px}.line-chart svg{width:100%}.line{stroke:var(--gold);stroke-width:3;fill:none}.area{fill:url(#area)}.guest-mock{background:#fff;color:var(--ink);border-radius:7px;padding:15px;margin-top:25px}.guest-mock>span{font-weight:700;font-size:12px}.guest-mock>div{display:flex;gap:6px;margin:12px 0}.guest-mock i{font-style:normal;background:#eff3f1;border-radius:4px;padding:9px;font-size:9px;flex:1;text-align:center}.guest-mock button{width:100%;background:var(--gold);color:#fff;border:0;padding:9px;border-radius:3px;font:700 9px "Tajawal"}.tasks{margin-top:22px}.tasks>div{display:flex;align-items:center;gap:10px;background:#fff;color:var(--ink);padding:11px;margin-top:7px;border-radius:5px}.tasks i{width:7px;height:7px;border-radius:50%;background:#4ea582}.tasks i.urgent{background:#d68a67}.tasks span{display:flex;flex-direction:column;flex:1}.tasks b{font-size:10px}.tasks small{font-size:8px;color:#78827f}.tasks em{font:500 9px Arial;font-style:normal}.performance-card{border:1px solid var(--line);display:grid;grid-template-columns:.8fr 1.2fr;padding:45px;background:#fff}.donut-wrap{display:flex;align-items:center;gap:28px;border-left:1px solid var(--line)}.donut{width:150px;height:150px;border-radius:50%;background:conic-gradient(var(--green) 0 92%,#e8e6df 92%);display:grid;place-items:center;position:relative}.donut:after{content:"";position:absolute;width:110px;height:110px;background:#fff;border-radius:50%}.donut div{position:relative;z-index:1;text-align:center}.donut b{display:block;font:700 27px Arial}.donut span{font-size:9px;color:#7c8582}.donut-wrap h3{font-size:20px}.donut-wrap p{font-size:13px;color:var(--muted);max-width:160px;line-height:1.7}.departments{padding-right:45px}.dep-head,.departments>div{display:grid;grid-template-columns:150px 1fr 45px;align-items:center;gap:17px;font-size:12px;margin:17px 0}.dep-head{color:#949c99;border-bottom:1px solid var(--line);padding-bottom:11px}.departments i{height:6px;background:#eceae3;border-radius:5px;overflow:hidden}.departments i b{display:block;height:100%;background:var(--gold)}.departments em{font:500 11px Arial;font-style:normal}.contact-section{background:var(--cream);padding:110px 0}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:110px;align-items:center}.contact-copy h2{font-size:clamp(38px,4vw,56px);line-height:1.3;margin:16px 0}.contact-copy>p{color:var(--muted);line-height:1.9;max-width:470px}.whatsapp{display:flex;align-items:center;gap:14px;color:var(--ink);text-decoration:none;margin-top:40px}.whatsapp>span{width:45px;height:45px;border:1px solid var(--gold);border-radius:50%;display:grid;place-items:center;color:var(--gold)}.whatsapp div{display:flex;flex-direction:column}.whatsapp small{color:var(--muted)}.whatsapp b{font:600 18px Arial;margin-top:3px;direction:ltr}.contact-form{background:#fff;padding:35px;box-shadow:0 25px 60px rgba(35,46,43,.09)}.form-head{display:flex;flex-direction:column;margin-bottom:25px}.form-head b{font-size:24px}.form-head span{font-size:13px;color:var(--muted);margin-top:4px}.contact-form label{display:block;font-size:12px;font-weight:700;margin-bottom:17px}.contact-form label>span{color:#939b98;font-weight:400}.contact-form input,.contact-form textarea{display:block;width:100%;border:1px solid #dddcd6;background:#fdfcf9;padding:13px 14px;margin-top:7px;font:500 13px "Tajawal";outline:none;border-radius:3px}.contact-form input:focus,.contact-form textarea:focus{border-color:var(--gold)}.two-cols{display:grid;grid-template-columns:1fr 1fr;gap:12px}.submit{width:100%;justify-content:space-between}.submit i{font-style:normal;font-size:20px}.submit:disabled{opacity:.6;cursor:wait}.form-status{min-height:20px;margin:12px 0 0;font-size:12px}.form-status.success{color:#268064}.form-status.error{color:#b04a42}.privacy{display:block;text-align:center;color:#8e9693;font-size:9px}.honey{position:absolute!important;left:-9999px!important}footer{background:#092e28;color:#fff;padding:43px 0}.footer-grid{display:grid;grid-template-columns:1fr 1fr 1fr;align-items:center;direction:ltr}.footer-grid .brand{color:#fff}.footer-grid p{direction:rtl;text-align:center;color:#9db2ad;font-size:12px}.footer-grid>div{display:flex;flex-direction:column;align-items:flex-end;gap:5px}.footer-grid a{color:#fff;text-decoration:none;font-size:12px}.footer-grid span{color:#78918b;font-size:10px}@media(max-width:900px){.nav-links{display:none}.hero{grid-template-columns:1fr;padding-top:65px}.hero-visual{min-height:510px}.section-head{align-items:flex-start;flex-direction:column;gap:20px}.flow-grid{grid-template-columns:1fr 1fr}.feature-grid{grid-template-columns:1fr;grid-template-rows:auto}.feature-main{grid-row:auto}.performance-card,.contact-grid{grid-template-columns:1fr}.donut-wrap{border-left:0;border-bottom:1px solid var(--line);padding-bottom:35px}.departments{padding:25px 0 0}.contact-grid{gap:55px}}@media(max-width:580px){.container{width:min(100% - 28px,1180px)}.nav{height:66px}.button-small{padding:9px 13px}.hero{padding-top:50px;gap:20px;min-height:auto}.hero-copy{text-align:center}.hero-copy>p{font-size:16px}.eyebrow,.hero-actions{justify-content:center}.hero-actions{flex-direction:column;gap:16px}.trust-row{justify-content:center}.trust-row div{padding:0 10px}.trust-row strong{font-size:11px}.dashboard-shell{width:100%;transform:none}.dash-body{grid-template-columns:68px 1fr}.dash-body aside{padding:20px 8px}.metric-grid div{padding:8px}.metric-grid b{font-size:15px}.dash-content{padding:16px 10px}.phone-card{width:160px;right:-5px}.statement,.section{padding:75px 0}.flow-grid{grid-template-columns:1fr}.flow-grid article{min-height:240px}.flow-grid .icon{margin:25px 0}.feature-section{padding:75px 0}.feature-grid article{padding:24px}.feature-main{min-height:auto}.mini-stats{margin-top:30px}.mini-stats div{padding:12px}.mini-stats b{font-size:18px}.line-chart{margin-top:35px}.performance-card{padding:24px}.donut-wrap{flex-direction:column;text-align:center}.departments>div,.dep-head{grid-template-columns:105px 1fr 35px;gap:8px;font-size:10px}.contact-section{padding:75px 0}.contact-form{padding:24px 18px}.two-cols{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr;gap:20px;justify-items:center}.footer-grid>div{align-items:center}.footer-grid p{text-align:center}h1{letter-spacing:-2px}}
