*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Cairo,sans-serif;color:#172b40;background:#f7f9fc}.rtl{direction:rtl}.ltr{direction:ltr}.topbar{height:82px;background:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 max(5vw,24px);border-bottom:1px solid #e8edf2;position:sticky;top:0;z-index:10}.brand{display:flex;align-items:center;gap:10px;color:#10243a;text-decoration:none}.brand-mark{width:43px;height:43px;border-radius:14px;background:#eaf4f5;color:#07858a;display:grid;place-items:center}.brand b{display:block;font-size:22px;letter-spacing:1px;line-height:1.1}.brand small{display:block;font-size:10px;color:#718096}.topbar nav{display:flex;gap:28px}.topbar nav a{font-size:13px;color:#536477;text-decoration:none}.topbar nav a:hover{color:#07858a}.top-actions{display:flex;align-items:center;gap:8px}.access-btn,.lang-btn{border:1px solid #e1e8ee;background:#fff;color:#24394e;border-radius:10px;padding:9px;display:flex;align-items:center;gap:7px;cursor:pointer;font-family:inherit}.lang-btn{padding:8px 12px;font-size:12px}.hero{min-height:570px;background:linear-gradient(120deg,#10243a,#173d53 58%,#087f83);color:#fff;display:grid;grid-template-columns:1.05fr .95fr;align-items:center;padding:65px max(8vw,30px);overflow:hidden}.hero-content{max-width:620px}.eyebrow,.section-kicker{font-size:12px;letter-spacing:1.2px;color:#8fe0d7;font-weight:700;display:flex;align-items:center;gap:9px}.eyebrow span{width:8px;height:8px;background:#ffad67;border-radius:50%}h1{font-size:clamp(42px,5.2vw,68px);line-height:1.28;margin:20px 0;color:#fff;font-weight:800}.hero-lead{font-size:17px;line-height:2;color:#d7e5eb;max-width:570px}.hero-actions{display:flex;gap:12px;margin-top:28px;flex-wrap:wrap}.primary-btn,.secondary-btn{border:0;border-radius:12px;padding:13px 20px;display:inline-flex;align-items:center;justify-content:center;gap:10px;text-decoration:none;font:700 13px Cairo,sans-serif;cursor:pointer}.primary-btn{background:#ffad67;color:#172b40}.primary-btn:hover{background:#ffc18c}.secondary-btn{border:1px solid #7895a3;color:#fff}.hero-note{display:flex;align-items:center;gap:8px;color:#b9d0d8;font-size:12px;margin-top:25px}.hero-art{height:380px;position:relative;display:grid;place-items:center}.orbit{position:absolute;border:1px solid #6ba7a8;border-radius:50%;width:330px;height:330px;opacity:.35}.orbit-two{width:430px;height:230px;transform:rotate(-28deg)}.bridge{width:340px;height:190px;position:relative;border-bottom:9px solid #ffad67;border-radius:0 0 50% 50%;transform:translateY(20px)}.bridge:before{content:"";position:absolute;left:50%;top:0;width:7px;height:180px;background:#ffad67;transform:translate(-50%)}.bridge-cable{position:absolute;left:0;right:0;top:5px;height:120px;border-top:3px solid #d7e5eb;border-radius:50% 50% 0 0}.bridge-deck{position:absolute;bottom:-8px;left:0;right:0;height:7px;background:#ffad67}.bridge-pier,.bridge-pier.second{position:absolute;bottom:-9px;left:18%;height:130px;width:5px;background:#d7e5eb}.bridge-pier.second{left:auto;right:18%}.floating-card{position:absolute;background:#fff;color:#17364a;border-radius:13px;padding:12px 15px;display:flex;align-items:center;gap:9px;box-shadow:0 12px 35px #061a2c55;font-size:12px;font-weight:700}.floating-card svg{color:#07858a}.card-one{top:35px;right:5%}.card-two{bottom:48px;left:0}.card-three{top:45%;right:-2%}.tools-section{padding:85px max(8vw,30px);background:#f7f9fc}.section-heading{text-align:center;max-width:690px;margin:0 auto 38px}.section-kicker{color:#07858a;justify-content:center}.section-heading h2,.about-section h2{font-size:32px;margin:10px 0;color:#172b40}.section-heading p,.about-section p{color:#68798b;line-height:1.9;font-size:14px}.tool-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;max-width:1000px;margin:auto}.tool-card{background:#fff;border:1px solid #e8edf2;border-radius:18px;padding:27px;box-shadow:0 10px 30px #18364a08}.tool-icon{width:48px;height:48px;border-radius:14px;background:#eaf4f5;color:#07858a;display:grid;place-items:center}.tool-card h3{font-size:19px;margin:15px 0 5px}.tool-card p{font-size:12px;color:#738294;line-height:1.8;min-height:45px}.tool-output,.tool-card textarea{width:100%;min-height:105px;border:1px solid #e3eaf0;border-radius:11px;background:#f9fbfc;padding:13px;font:13px Cairo,sans-serif;color:#24394e;margin:12px 0;resize:vertical}.tool-output{color:#82909d;white-space:pre-wrap}.full{width:100%}.about-section{padding:75px max(8vw,30px);display:grid;grid-template-columns:180px 1fr;gap:35px;align-items:center;background:#fff}.about-symbol{height:150px;width:150px;border-radius:38px;background:#eaf4f5;color:#07858a;display:grid;place-items:center;position:relative}.about-symbol svg+svg{position:absolute;bottom:22px;left:20px;background:#fff;border-radius:10px;padding:5px}.about-section h2{margin-top:7px}.feature-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:25px}.feature-grid span{display:flex;align-items:center;gap:9px;font-size:12px;color:#42566a}.feature-grid svg{width:17px;color:#07858a}footer{background:#10243a;color:#c8d7df;padding:28px max(8vw,30px);display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap}.footer-brand{display:flex;align-items:center;gap:9px;color:#fff}.footer-brand svg{color:#ffad67}footer p{font-size:11px;color:#a9bdc8}footer small{font-size:10px;color:#8fa5b1}.large-text{font-size:1.12em}.high-contrast{filter:contrast(1.18)}.high-contrast .tool-card,.high-contrast .topbar{border:2px solid #10243a}@media(max-width:850px){.topbar nav{display:none}.hero{grid-template-columns:1fr;padding-top:55px}.hero-art{height:280px;transform:scale(.85)}.about-section{grid-template-columns:1fr}.about-symbol{display:none}}@media(max-width:600px){.topbar{height:70px;padding:0 16px}.top-actions{gap:4px}.access-btn{padding:8px}.lang-btn{font-size:0;padding:9px}.lang-btn svg{width:18px}.hero{padding:50px 22px 25px}.hero-art{height:220px;transform:scale(.7);margin:-10px -35px}.hero-lead{font-size:14px}.tools-section,.about-section{padding:55px 20px}.tool-grid,.feature-grid{grid-template-columns:1fr}.section-heading h2,.about-section h2{font-size:25px}.tool-card{padding:20px}footer{padding:25px 20px;display:block}footer p{line-height:1.8}}