:root{--blue:#075cc4;--blue-dark:#073c91;--ink:#111827;--muted:#667386;--line:#e3e9f1;--wash:#f5f8fc;--shadow:0 20px 60px #10274c12}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:#fff;font-family:'DM Sans',sans-serif;line-height:1.6}a{color:inherit;text-decoration:none}.container{width:min(1120px,calc(100% - 42px));margin:auto}.page-header{position:sticky;top:0;z-index:30;background:#ffffffed;backdrop-filter:blur(14px);border-bottom:1px solid #e9edf3}.page-nav{height:76px;display:flex;justify-content:space-between;align-items:center}.page-brand{display:flex;align-items:center;gap:10px}.page-brand img{width:48px;height:54px;object-fit:contain}.page-brand b{display:block;font:800 14px Manrope,sans-serif;line-height:1.1}.page-brand small{display:block;font-size:9px;letter-spacing:.25em;color:#657083;margin-top:5px}.page-links{display:flex;align-items:center;gap:25px;color:#455166;font-weight:600;font-size:12px}.page-links a:hover{color:var(--blue)}.language{background:#fff;border:1px solid var(--line);border-radius:999px;padding:9px 13px;color:#43516a;font-weight:700;cursor:pointer}.button{display:inline-flex;align-items:center;justify-content:center;gap:9px;padding:13px 20px;border-radius:999px;background:var(--blue);color:white;font-size:13px;font-weight:700;box-shadow:0 8px 20px #075cc42b;transition:transform .2s,background .2s}.button:hover{transform:translateY(-2px);background:var(--blue-dark)}.button.light{background:white;color:var(--blue);box-shadow:none;border:1px solid var(--line)}.page-hero{padding:74px 0 68px;background:radial-gradient(ellipse at 88% 18%,#eaf3ff,transparent 40%),linear-gradient(120deg,#fff,#f7faff);position:relative;overflow:hidden}.page-hero:after{content:"";position:absolute;width:420px;height:420px;border:1px solid #dce7f4;border-radius:50%;right:-240px;bottom:-300px;box-shadow:0 0 0 50px #eef4fb88,0 0 0 100px #f1f6fb88}.breadcrumb{font-size:11px;color:#748198;margin-bottom:23px;position:relative;z-index:1}.breadcrumb a{color:var(--blue);font-weight:700}.eyebrow{font-size:11px;text-transform:uppercase;letter-spacing:.16em;color:var(--blue);font-weight:800}.page-hero h1{max-width:780px;font:800 clamp(38px,5.5vw,61px)/1.08 Manrope,sans-serif;letter-spacing:-.05em;margin:14px 0 18px;position:relative;z-index:1}.page-hero p{max-width:690px;color:#5f6c7f;font-size:16px;line-height:1.85;margin:0;position:relative;z-index:1}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:26px;position:relative;z-index:1}.page-section{padding:70px 0}.page-section.soft{background:var(--wash)}.section-title{font:800 clamp(28px,4vw,39px)/1.15 Manrope,sans-serif;letter-spacing:-.04em;margin:10px 0 14px}.section-lead{max-width:710px;color:var(--muted);font-size:14px;line-height:1.8;margin:0 0 30px}.eyebrow.small{font-size:10px}.detail-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.detail-card{padding:22px;border:1px solid var(--line);border-radius:17px;background:#fff;box-shadow:0 8px 24px #10274c05;transition:transform .24s,border-color .24s,box-shadow .24s}.detail-card:hover{transform:translateY(-4px);border-color:#bfd5f2;box-shadow:var(--shadow)}.detail-icon{width:39px;height:39px;display:grid;place-items:center;border-radius:12px;background:#edf4ff;color:var(--blue);font-size:18px;margin-bottom:16px}.detail-card h3{font:700 15px Manrope,sans-serif;margin:0 0 8px}.detail-card p{font-size:12px;line-height:1.75;color:var(--muted);margin:0}.deliverable-list{display:grid;grid-template-columns:1fr 1fr;gap:12px}.deliverable{background:#fff;border:1px solid var(--line);border-radius:13px;padding:15px 17px;display:flex;align-items:flex-start;gap:12px;font-size:13px;color:#465366}.check{width:23px;height:23px;display:grid;place-items:center;flex:none;border-radius:50%;background:#eaf6ef;color:#168954;font-size:12px}.process-row{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.process-step{border-top:1px solid #dfe6ef;padding-top:17px}.process-step .number{color:var(--blue);font:800 12px Manrope}.process-step h3{font:700 15px Manrope;margin:9px 0 7px}.process-step p{font-size:12px;color:var(--muted);margin:0;line-height:1.75}.callout{background:linear-gradient(115deg,#075cc4,#073c91);color:#fff;border-radius:23px;padding:34px 38px;display:flex;align-items:center;justify-content:space-between;gap:25px;overflow:hidden;position:relative}.callout:after{content:"";position:absolute;width:270px;height:270px;border:1px solid #ffffff22;border-radius:50%;right:20%;top:-200px;box-shadow:0 0 0 36px #ffffff09,0 0 0 72px #ffffff07}.callout>div,.callout>a{position:relative;z-index:1}.callout h2{font:800 26px Manrope;margin:0 0 7px;letter-spacing:-.03em}.callout p{margin:0;color:#d5e4fa;font-size:13px}.callout .button{background:#fff;color:#0750aa;box-shadow:none;white-space:nowrap}.related{display:flex;gap:10px;flex-wrap:wrap}.related a{padding:10px 14px;border-radius:999px;border:1px solid var(--line);font-size:12px;color:#4b5970;background:#fff;transition:.2s}.related a:hover{color:var(--blue);border-color:#a9c5e9;transform:translateY(-2px)}.systems-empty{border:1px dashed #b9cce3;border-radius:22px;background:linear-gradient(135deg,#fff,#f4f8fd);padding:52px 30px;text-align:center}.empty-icon{width:74px;height:74px;margin:0 auto 18px;border-radius:24px;background:#eaf2fd;color:var(--blue);display:grid;place-items:center;font-size:31px}.systems-empty h2{font:800 24px Manrope;margin:0 0 8px}.systems-empty p{max-width:560px;margin:0 auto 20px;color:var(--muted);font-size:13px;line-height:1.8}.system-instructions{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:22px}.instruction{padding:19px;border-radius:15px;background:#fff;border:1px solid var(--line)}.instruction b{display:block;font:700 13px Manrope;margin-bottom:5px}.instruction span{font-size:11px;color:var(--muted);line-height:1.65}.footer{background:#101e34;color:#dce5f1;padding:30px 0 20px;margin-top:70px}.footer-row{display:flex;justify-content:space-between;align-items:center;gap:25px}.footer-logo{display:flex;align-items:center;gap:10px}.footer-logo img{width:38px;height:42px;background:white;border-radius:8px;object-fit:contain}.footer-logo b{display:block;font:800 12px Manrope}.footer-logo small{display:block;font-size:8px;letter-spacing:.23em;color:#aab8cc}.footer-links{display:flex;gap:20px;flex-wrap:wrap;font-size:11px;color:#c5d0df}.copyright{border-top:1px solid #ffffff18;margin-top:20px;padding-top:15px;font-size:10px;color:#8998ad;display:flex;justify-content:space-between}.reveal{opacity:0;transform:translateY(20px);transition:opacity .65s ease,transform .65s cubic-bezier(.2,.7,.2,1)}.reveal.is-visible{opacity:1;transform:none}.detail-card.reveal:nth-child(3n+2){transition-delay:.08s}.detail-card.reveal:nth-child(3n){transition-delay:.16s}.page-hero .container{animation:arrive .75s both}@keyframes arrive{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.en{} .ar{display:none}body[dir=rtl]{font-family:Cairo,'DM Sans',sans-serif;direction:rtl}body[dir=rtl] .ar{display:revert}body[dir=rtl] .en{display:none}body[dir=rtl] .page-hero h1,body[dir=rtl] .section-title,body[dir=rtl] .callout h2,body[dir=rtl] .systems-empty h2,body[dir=rtl] .detail-card h3,body[dir=rtl] .process-step h3{font-family:Cairo,sans-serif;letter-spacing:0}body[dir=rtl] .page-links{font-family:Cairo,sans-serif}body[dir=rtl] .eyebrow{letter-spacing:0}body[dir=rtl] .check{flex:none}body[dir=rtl] .footer-row,body[dir=rtl] .copyright{direction:rtl}body[dir=rtl] .callout{flex-direction:row-reverse}body[dir=rtl] .callout:after{right:auto;left:20%}body[dir=rtl] .hero-actions{flex-direction:row-reverse}body[dir=rtl] .language{font-family:Cairo,sans-serif}
@media(max-width:760px){.page-nav{height:68px}.page-links{gap:12px;font-size:11px}.page-brand img{width:41px;height:47px}.page-brand b{font-size:12px}.page-brand small{font-size:8px}.page-hero{padding:54px 0}.detail-grid{grid-template-columns:1fr 1fr}.process-row{gap:16px}.callout{display:block;padding:27px 24px}.callout .button{margin-top:19px}.system-instructions{grid-template-columns:1fr}.footer-row{display:block}.footer-links{margin-top:18px}.page-nav .page-cta{display:none}}
@media(max-width:520px){.container{width:calc(100% - 32px)}.page-brand{gap:7px}.page-links{gap:9px}.page-links a:first-child{display:none}.page-links .language{padding:8px 10px}.page-hero h1{font-size:39px}.page-hero p{font-size:14px}.page-section{padding:56px 0}.detail-grid,.deliverable-list{grid-template-columns:1fr}.process-row{grid-template-columns:1fr;gap:23px}.systems-empty{padding:38px 20px}.footer-links{gap:10px 16px}.copyright{gap:8px;flex-direction:column}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.reveal{opacity:1;transform:none}}