:root{--primary:#1D2347;--primary2:#2E4A7D;--accent:#35C7B5;--bg:#F5F7FB;--surface:#fff;--text:#171B30;--muted:#6B7280;--border:#E3E8F0;--shadow:0 22px 60px rgba(29,35,71,.10);--container:min(1180px,calc(100% - 40px))}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:'Tajawal',sans-serif}img{display:block;width:100%}a{text-decoration:none;color:inherit}.landing-shell{min-height:calc(100vh - 100px);background:radial-gradient(circle at 15% 0,rgba(53,199,181,.12),transparent 28%),radial-gradient(circle at 90% 15%,rgba(46,74,125,.13),transparent 32%),var(--bg)}
.landing-header{width:var(--container);margin:auto;text-align:center;padding:62px 0 58px}.landing-logo{display:inline-grid;place-items:center;width:126px;height:126px;border-radius:30px;background:#fff;border:1px solid var(--border);box-shadow:var(--shadow);margin-bottom:26px;padding:13px}.landing-logo img{height:100%;object-fit:contain}.platform-label{display:block;color:var(--primary2);font-size:13px;font-weight:700;margin-bottom:15px}.landing-header h1{font-size:clamp(36px,4.8vw,66px);line-height:1.35;letter-spacing:-.04em;max-width:900px;margin:0 auto 20px}.landing-header p{max-width:700px;margin:auto;color:var(--muted);font-size:16px;line-height:1.9}
.buildings-section{width:var(--container);margin:auto;padding:0 0 100px}.section-title-row{display:flex;align-items:end;justify-content:space-between;gap:40px;margin-bottom:34px}.section-title-row span{font-size:12px;color:var(--primary2);font-weight:700}.section-title-row h2{font-size:34px;margin:8px 0 0}.section-title-row p{margin:0;color:var(--muted)}.buildings-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.building-card{background:var(--surface);border:1px solid var(--border);border-radius:26px;overflow:hidden;box-shadow:0 8px 26px rgba(29,35,71,.05);transition:.35s;opacity:0;transform:translateY(20px)}.building-card.visible{opacity:1;transform:none}.building-card:hover{transform:translateY(-8px);box-shadow:var(--shadow);border-color:rgba(46,74,125,.24)}.building-image{height:270px;position:relative;overflow:hidden}.building-image img{height:100%;object-fit:cover;transition:.45s}.building-card:hover .building-image img{transform:scale(1.045)}.building-state{position:absolute;top:18px;right:18px;background:rgba(255,255,255,.92);backdrop-filter:blur(8px);border-radius:999px;padding:8px 12px;font-size:10px;font-weight:700;display:flex;align-items:center;gap:7px}.building-state i{width:8px;height:8px;border-radius:50%;background:#2EB67D;box-shadow:0 0 0 4px rgba(46,182,125,.13)}.building-info{display:flex;align-items:center;justify-content:space-between;padding:24px}.building-info h3{font-size:20px;margin:0 0 8px}.building-info p{color:var(--muted);font-size:13px;margin:0}.open-arrow{width:44px;height:44px;border-radius:14px;background:#EFF3F8;color:var(--primary);display:grid;place-items:center;font-size:22px;transition:.3s}.building-card:hover .open-arrow{background:var(--primary);color:#fff}
.landing-footer{min-height:100px;background:#111936;color:#fff;display:flex;align-items:center;justify-content:center;gap:16px;padding:22px}.landing-footer img{width:50px;height:50px;object-fit:contain;background:#fff;border-radius:12px}.landing-footer p{margin:0;color:#CBD3E0;font-size:12px}
@media(max-width:950px){.buildings-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:650px){:root{--container:min(100% - 28px,1180px)}.landing-header{padding-top:40px}.landing-logo{width:104px;height:104px}.landing-header h1{font-size:36px}.section-title-row{display:block}.section-title-row p{margin-top:12px}.buildings-grid{grid-template-columns:1fr}.building-image{height:245px}.landing-footer{flex-direction:column;text-align:center}}