body{background:var(--paper);color:var(--ink);padding:0}
body>header{position:sticky;top:0;z-index:20;background:rgba(246,244,238,.94);backdrop-filter:blur(16px);border-bottom:1px solid var(--line)}
body>header nav{width:min(var(--shell),calc(100% - 48px));height:72px;margin-inline:auto;display:flex;align-items:center;justify-content:space-between;gap:28px;padding:0}
.logo{display:flex;align-items:center;direction:ltr;font-family:"IBM Plex Sans",sans-serif;font-size:1.35rem;font-weight:700;letter-spacing:-.04em}
.logo::before{content:"";display:block;width:36px;height:36px;margin-right:10px;border-radius:10px;background:var(--ink) url("assets/favicon-20260714.svg") center/cover no-repeat;box-shadow:0 0 0 1px rgba(11,11,10,.08)}
.logo span{color:var(--brand-text);margin-left:4px}
body>header .nav-links{display:flex;align-items:center;gap:28px;margin-inline-start:auto}
body>header .nav-links a{font-size:.9rem;font-weight:600;color:#575550;padding:9px 0;position:relative}body>header .nav-links a:not(.btn)::after{content:"";position:absolute;inset-inline:0;bottom:1px;height:2px;background:var(--accent);transform:scaleX(0);transition:transform .2s}body>header .nav-links a:not(.btn):hover::after,body>header .nav-links a.active::after{transform:scaleX(1)}
body>header .nav-links a:hover,body>header .nav-links a.active{color:var(--ink)}
body>header .btn{background:var(--ink);color:#fff;border-radius:12px;padding:9px 17px}.btn svg{display:none}
.menu-toggle{display:none;background:transparent;border:1px solid var(--line);border-radius:10px;width:42px;height:40px;padding:9px;cursor:pointer}.menu-toggle span{display:block;width:18px;height:2px;background:var(--ink);margin:3px auto}
.page-hero{width:min(var(--shell),calc(100% - 48px));margin:32px auto 0;background:var(--ink);color:#fff;border-radius:var(--radius);padding:72px 64px;text-align:start!important;direction:ltr!important;position:relative;overflow:hidden;isolation:isolate}.page-hero::before{content:"";position:absolute;width:290px;height:290px;border:56px solid rgba(0,237,123,.13);border-radius:50%;inset-inline-end:-72px;top:-102px;z-index:-1}.page-hero::after{content:"";position:absolute;width:18px;height:18px;border-radius:50%;background:var(--orange);inset-inline-end:54px;bottom:38px;box-shadow:0 0 0 11px rgba(250,84,28,.12);z-index:-1}
.page-hero h1{font-family:"IBM Plex Sans",sans-serif!important;font-size:clamp(3rem,7vw,6.5rem);line-height:.95;letter-spacing:-.06em;margin:0!important;color:#fff}
.page-hero .last-updated{font-family:"IBM Plex Sans",sans-serif!important;color:#aaa8a2;margin-top:24px;font-size:.95rem}
.lang-toggle{display:inline-flex!important;background:#20201e!important;border:1px solid #343431!important;border-radius:12px!important;padding:4px!important;margin-top:24px!important}
.lang-toggle button{border-radius:8px!important;padding:7px 16px!important;color:#aaa8a2!important}
.lang-toggle button.active{background:var(--accent)!important;color:var(--ink)!important}
.content-section{width:min(800px,calc(100% - 48px));margin:0 auto;padding:76px 0 110px;color:var(--ink);background:transparent}
.content-section h2{font-family:"IBM Plex Sans","IBM Plex Sans Arabic",sans-serif;font-size:1.65rem;line-height:1.25;letter-spacing:-.025em;margin:58px 0 15px;padding-top:28px;border-top:1px solid var(--line);color:var(--ink);position:relative}.content-section h2::before{content:"";display:inline-block;width:9px;height:9px;border-radius:50%;background:var(--orange);margin-inline-end:10px;vertical-align:.14em}
.content-section h2:first-child{margin-top:0}.content-section p,.content-section li{color:#4e4c47;font-size:1rem;line-height:1.85}.content-section p+p{margin-top:14px}.content-section ul{padding-inline-start:24px;margin:14px 0 20px}.content-section li{margin:7px 0}.content-section strong{color:var(--ink)}.content-section a{color:var(--accent-ink);font-weight:600;text-decoration:underline;text-decoration-color:rgba(0,122,66,.35);text-underline-offset:3px}
.ar-mode .content-section-ar{font-family:"IBM Plex Sans Arabic",sans-serif!important}.ar-mode .content-section-ar h2,.ar-mode .content-section-ar p,.ar-mode .content-section-ar li,.ar-mode .page-hero h1,.ar-mode .page-hero p{font-family:"IBM Plex Sans Arabic",sans-serif!important}.ar-mode .page-hero{direction:rtl!important}
.faq-list{margin-top:30px;border-top:1px solid var(--line)}.faq-item{border-bottom:1px solid var(--line)}.faq-question{width:100%;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:23px 0;background:none;border:0;color:var(--ink);font:600 1.05rem "IBM Plex Sans";text-align:left;cursor:pointer}.faq-question svg{width:20px;transition:transform .2s}.faq-answer{display:none;padding:0 0 26px;max-width:690px}.faq-item.active .faq-answer{display:block}.faq-item.active .faq-question svg{transform:rotate(180deg)}.contact-card{margin-top:55px;background:var(--ink);color:#fff;border-radius:22px;padding:38px;position:relative;overflow:hidden}.contact-card::after{content:"Q";position:absolute;right:-12px;bottom:-55px;font:700 9rem/1 "IBM Plex Sans";color:rgba(0,237,123,.1);pointer-events:none}.contact-card>*{position:relative;z-index:1}.contact-card h3{font-size:1.8rem;margin-bottom:10px}.contact-card p{color:#aaa8a2}
body>footer{border-top:1px solid var(--line);padding:48px 0;background:transparent;color:var(--ink)}.footer-content{width:min(var(--shell),calc(100% - 48px));margin-inline:auto}.footer-main{display:grid;grid-template-columns:1fr 1fr;gap:50px}.footer-brand p{color:var(--muted);max-width:430px;margin-top:15px}.footer-links{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.footer-column h4{font-size:.78rem;color:var(--accent-ink);margin-bottom:10px}.footer-column ul{list-style:none}.footer-column li{margin:6px 0}.footer-column a{font-size:.86rem;color:#55534e}.footer-bottom{display:flex;justify-content:space-between;color:#918e87;font-size:.78rem;padding-top:28px;margin-top:35px;border-top:1px solid var(--line)}
@media(max-width:800px){body>header nav{width:min(100% - 28px,var(--shell));height:64px}body>header .nav-links{position:absolute;top:64px;inset-inline:14px;background:var(--paper);border:1px solid var(--line);border-radius:16px;padding:16px;flex-direction:column;align-items:stretch;gap:2px;box-shadow:0 18px 50px rgba(0,0,0,.12);display:none}body>header .nav-links.active{display:flex}.menu-toggle{display:block}body>header .nav-links .btn{display:none}.page-hero{width:calc(100% - 28px);padding:52px 28px;border-radius:22px}.content-section{width:calc(100% - 36px);padding:55px 0 75px}.footer-content{width:calc(100% - 36px)}.footer-main{grid-template-columns:1fr}.footer-links{grid-template-columns:repeat(3,1fr)}}
@media(max-width:520px){.page-hero h1{font-size:3.4rem}.footer-links{grid-template-columns:1fr 1fr}.footer-bottom{flex-direction:column;gap:8px}}
