:root{--ink:#2c1e16;--muted:#705f52;--paper:#fbf7f1;--sand:#efe0ca;--line:#ddcbb5;--gold:#b6813f;--green:#155b4d;--white:#fff}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,"Noto Sans Arabic",sans-serif;line-height:1.75}
a{color:inherit}
.seo-header{position:sticky;top:0;z-index:10;border-bottom:1px solid var(--line);background:rgba(251,247,241,.96);backdrop-filter:blur(10px)}
.seo-nav{width:min(1160px,calc(100% - 32px));min-height:78px;margin:auto;display:flex;align-items:center;gap:24px}
.seo-brand{display:flex;align-items:center;gap:10px;text-decoration:none;font-weight:800;letter-spacing:.08em}
.seo-brand img{width:42px;height:42px;object-fit:contain}
.seo-links{display:flex;align-items:center;gap:22px;margin-inline-start:auto}
.seo-links a{text-decoration:none;font-size:14px;font-weight:700}
.seo-language{border:1px solid var(--line);border-radius:999px;padding:7px 14px;background:var(--white)}
.seo-hero{background:linear-gradient(135deg,var(--sand),#f7eee2);border-bottom:1px solid var(--line)}
.seo-hero-inner,.seo-section,.seo-footer-inner{width:min(1040px,calc(100% - 32px));margin:auto}
.seo-hero-inner{padding:86px 0 80px}
.seo-eyebrow{color:var(--green);font-size:13px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
.seo-hero h1{max-width:900px;margin:16px 0 20px;font-size:clamp(38px,6vw,72px);line-height:1.12;letter-spacing:-.035em}
.seo-hero p{max-width:760px;margin:0;color:var(--muted);font-size:clamp(17px,2vw,21px)}
.seo-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px}
.seo-button{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 22px;border:1px solid var(--ink);border-radius:999px;text-decoration:none;font-weight:800}
.seo-button-primary{background:var(--ink);color:var(--white)}
.seo-section{padding:70px 0}
.seo-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:54px;align-items:start}
.seo-section h2{margin:0 0 18px;font-size:clamp(29px,4vw,44px);line-height:1.2}
.seo-section h3{margin:32px 0 10px;font-size:21px}
.seo-section p,.seo-section li{color:var(--muted)}
.seo-card{border:1px solid var(--line);border-radius:20px;padding:28px;background:var(--white);box-shadow:0 14px 35px rgba(54,35,22,.06)}
.seo-card strong{display:block;margin-bottom:12px;font-size:20px}
.seo-card ul{margin:0;padding-inline-start:20px}
.seo-service-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:24px}
.seo-service-list a{display:block;border:1px solid var(--line);border-radius:16px;padding:18px;background:var(--white);text-decoration:none;font-weight:800}
.seo-breadcrumb{font-size:13px;color:var(--muted);margin-bottom:20px}
.seo-footer{border-top:1px solid var(--line);background:#261a13;color:#f8eee3}
.seo-footer-inner{padding:42px 0;display:flex;flex-wrap:wrap;gap:18px;justify-content:space-between;align-items:center}
.seo-footer a{color:#f8eee3}
@media(max-width:760px){.seo-nav{min-height:68px}.seo-links a:not(.seo-language){display:none}.seo-hero-inner{padding:58px 0}.seo-grid{grid-template-columns:1fr;gap:26px}.seo-service-list{grid-template-columns:1fr}.seo-section{padding:52px 0}.seo-footer-inner{display:block}.seo-footer-inner p{margin:8px 0}}
