:root{--purple:#7b2f92;--purple2:#5b216d;--teal:#087a72;--blue:#3e8dca;--ink:#17131d;--muted:#665f69;--soft:#f5f2f6;--line:#e8e1ea;--white:#fff;--green:#137d71}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:"Almarai",Arial,sans-serif;color:var(--ink);background:#fff;line-height:1.85}body.en{font-family:"Inter",Arial,sans-serif}.container{width:min(1180px,calc(100% - 40px));margin:auto}.skip-link{position:absolute;top:-60px;right:20px;background:#111;color:#fff;padding:10px 14px;z-index:999}.skip-link:focus{top:10px}.site-header{position:sticky;top:0;z-index:100;background:rgba(255,255,255,.92);backdrop-filter:blur(18px);border-bottom:1px solid var(--line)}.nav-wrap{height:78px;display:flex;align-items:center;gap:24px}.brand img{width:116px;height:52px;object-fit:contain}.main-nav{display:flex;gap:20px;margin-inline-start:auto}.main-nav a{text-decoration:none;color:#2a242e;font-weight:700;font-size:14px}.main-nav a:hover{color:var(--purple)}.lang-btn,.menu-btn{border:1px solid #d8cde0;background:#fff;color:var(--purple);border-radius:999px;padding:9px 14px;font-weight:800}.menu-btn{display:none}.hero{padding:76px 0 86px;background:radial-gradient(circle at 8% 10%,#f1e3f6,transparent 32%),linear-gradient(135deg,#fff,#f5fbfb)}.hero-grid{display:grid;grid-template-columns:1.1fr .65fr;gap:74px;align-items:center}.eyebrow,.section-label{text-transform:uppercase;letter-spacing:.08em;font-weight:800;font-size:13px;color:var(--purple)}h1,h2,h3{line-height:1.25}.hero h1,.page-hero h1{font-size:clamp(42px,6vw,76px);letter-spacing:-.045em;margin:12px 0 22px}.hero-text,.page-hero p{font-size:18px;color:var(--muted);max-width:760px}.hero-actions{display:flex;gap:13px;margin:30px 0}.btn{display:inline-flex;align-items:center;justify-content:center;padding:13px 19px;border-radius:14px;text-decoration:none;font-weight:800;border:1px solid transparent}.primary{background:var(--purple);color:#fff;box-shadow:0 14px 30px rgba(123,47,146,.22)}.ghost{background:#fff;color:var(--purple);border-color:#d9c8df}.white{background:#fff;color:var(--purple)}.hero-book{margin:0;background:#fff;border-radius:28px;padding:18px;box-shadow:0 30px 80px rgba(45,25,52,.18);transform:rotate(1deg)}.hero-book img{width:100%;border-radius:16px;display:block}.hero-book figcaption,.visual-card figcaption{font-size:12px;color:var(--muted);padding:10px 6px 0}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:34px}.metrics div{padding-top:16px;border-top:1px solid #dfd6e2}.metrics strong{display:block;color:var(--purple);font-size:30px}.metrics span{font-size:12px;color:var(--muted)}.section{padding:88px 0}.soft{background:var(--soft)}.dark{background:#17131b;color:#fff}.split{display:grid;grid-template-columns:.85fr 1.15fr;gap:70px}.section h2{font-size:clamp(32px,4.4vw,54px);letter-spacing:-.035em;margin:8px 0 28px}.statement{background:#fff;border:1px solid var(--line);border-radius:26px;padding:34px;box-shadow:0 20px 55px rgba(55,34,62,.08);font-size:20px;color:#514a54}.section-head{max-width:780px;margin-bottom:42px}.visual-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:28px;align-items:start}.visual-card{margin:0;background:#fff;border:1px solid var(--line);border-radius:24px;padding:12px;box-shadow:0 16px 50px rgba(42,29,48,.08);overflow:hidden}.visual-card img{display:block;width:100%;height:auto;border-radius:15px}.mini-cards{display:grid;gap:16px}.mini-cards article{border:1px solid var(--line);border-radius:22px;padding:24px;background:#fff}.mini-cards article span,.letter{display:grid;place-items:center;width:48px;height:48px;border-radius:50%;background:#f0e2f5;color:var(--purple);font-weight:900;font-size:22px}.mini-cards h3{font-size:23px;margin:18px 0 7px}.mini-cards p{color:var(--muted);margin:0;font-size:14px}.light{color:#dfbce9}.five-products{display:grid;grid-template-columns:repeat(5,1fr);gap:13px}.five-products article{background:linear-gradient(180deg,#251f29,#1b171e);border:1px solid #39313e;border-radius:20px;padding:24px;min-height:170px}.five-products span{color:#d9afe5;font-size:12px}.five-products h3{font-size:21px;margin:26px 0 4px}.five-products p{margin:0;color:#eee}.two-visuals{display:grid;grid-template-columns:1fr 1fr;gap:24px}.cta-section{padding-top:30px}.cta-box{border-radius:30px;padding:46px;background:linear-gradient(135deg,var(--purple),var(--purple2));color:#fff;display:flex;justify-content:space-between;align-items:center;gap:30px}.cta-box h2{margin:7px 0 0;font-size:38px}.page-hero{padding:92px 0;color:#fff}.page-hero .eyebrow{color:#e5c4ee}.page-hero p{color:rgba(255,255,255,.84)}.purple{background:linear-gradient(135deg,#7b2f92,#4e1b60)}.teal{background:linear-gradient(135deg,#087a72,#075b56)}.blue{background:linear-gradient(135deg,#3e8dca,#23669f)}.charcoal{background:linear-gradient(135deg,#211b24,#0f0d11)}.component-detail{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.component-detail article{border:1px solid var(--line);border-radius:24px;padding:26px}.component-detail h3{font-size:24px}.tags{display:flex;flex-wrap:wrap;gap:8px}.tags span{background:#f4f0f5;border-radius:999px;padding:6px 11px;font-size:12px}.gallery-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.stakeholders{display:grid;grid-template-columns:repeat(5,1fr);gap:14px}.stakeholders article{padding:22px;border-radius:20px;background:#fff;border:1px solid var(--line)}.stakeholders b{color:var(--purple)}.stakeholders h3{font-size:20px}.stakeholders p{font-size:13px;color:var(--muted)}.build-steps{display:grid;gap:18px}.build-steps article{display:grid;grid-template-columns:90px 1fr;gap:24px;border:1px solid var(--line);border-radius:24px;padding:28px}.build-steps article>span{display:grid;place-items:center;width:64px;height:64px;border-radius:20px;background:var(--teal);color:#fff;font-weight:900;font-size:22px}.build-steps h2{font-size:32px;margin:0 0 8px}.build-steps p{color:var(--muted)}.build-steps ul{display:flex;gap:8px;list-style:none;padding:0}.build-steps li{background:#edf7f6;border-radius:999px;padding:5px 10px;font-size:12px;color:var(--teal)}.builder{border-radius:28px;background:#17131b;color:#fff;padding:34px;display:grid;grid-template-columns:1fr 1fr;gap:34px}.builder-controls{display:grid;gap:22px}.builder label{display:grid;gap:8px;font-weight:700}.builder input[type=number]{padding:13px;border:0;border-radius:12px;font:inherit}.builder input[type=range]{width:100%}.builder output{color:#d9afe5}.ratio-result{display:grid;grid-template-columns:1fr 1fr;gap:16px}.ratio-result div{background:#241f27;border-radius:20px;padding:25px}.ratio-result strong{display:block;font-size:50px;color:#d9afe5}.ratio-result span{font-size:13px}.application-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:16px}.application-grid article{border:1px solid var(--line);border-radius:20px;padding:22px}.application-grid span{color:var(--blue);font-weight:900}.application-grid h3{font-size:21px}.application-grid p{font-size:13px;color:var(--muted)}.applications-table{overflow:auto;background:#fff;border:1px solid var(--line);border-radius:22px;padding:12px;margin-bottom:28px}.applications-table table{width:100%;border-collapse:collapse;min-width:620px}.applications-table th,.applications-table td{padding:14px;border-bottom:1px solid var(--line);text-align:center}.applications-table thead{background:#edf4fa}.centered-image{max-width:760px;margin:auto}.download-card{display:grid;grid-template-columns:320px 1fr;gap:42px;align-items:center}.download-card img{width:100%;border-radius:22px;box-shadow:0 24px 65px rgba(44,28,49,.16)}.download-card h2{font-size:44px}.download-card .btn{margin-inline-end:8px}.resource-gallery{columns:3 320px;column-gap:20px}.resource-gallery figure{break-inside:avoid;margin:0 0 20px;background:#fff;border:1px solid var(--line);padding:10px;border-radius:20px}.resource-gallery img{width:100%;border-radius:13px;display:block}.resource-gallery figcaption{padding:9px;font-size:13px}.timeline-image{max-width:900px;margin:auto}.brand-roles{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.brand-roles article{border:1px solid var(--line);border-radius:22px;padding:25px}.brand-roles h3{font-size:26px;color:var(--purple)}.brand-roles p{font-size:14px;color:var(--muted)}.brand-roles a{color:var(--purple);font-weight:700}.ecosystem{padding:78px 0;background:#f2edf4}.ecosystem-head{max-width:760px}.ecosystem-head h2{font-size:38px}.ecosystem-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.ecosystem-grid a{text-decoration:none;color:var(--ink);background:#fff;border:1px solid var(--line);border-radius:18px;padding:20px}.ecosystem-grid strong{display:block;color:var(--purple);font-size:20px}.ecosystem-grid span{display:block;font-size:12px;color:var(--muted);margin-top:6px}footer{background:#17131b;color:#fff;padding:48px 0}.footer-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:36px}.footer-brand img{width:120px;height:55px;object-fit:contain;filter:brightness(0) invert(1)}footer h3{font-size:15px;color:#d8afe3}footer a{display:block;color:#fff;text-decoration:none;margin:6px 0;font-size:13px}.copyright{grid-column:1/-1;border-top:1px solid #332d37;padding-top:20px;color:#a89eaa;font-size:12px}.whatsapp{position:fixed;bottom:22px;left:22px;width:58px;height:58px;border-radius:50%;display:grid;place-items:center;background:#25d366;box-shadow:0 15px 35px rgba(0,0,0,.24);z-index:90}.whatsapp svg{width:34px;fill:#fff}
@media(max-width:980px){.main-nav{display:none;position:absolute;top:78px;right:20px;left:20px;flex-direction:column;background:#fff;padding:18px;border-radius:18px;box-shadow:0 18px 50px rgba(0,0,0,.12)}.main-nav.open{display:flex}.menu-btn{display:block;margin-inline-start:auto}.hero-grid,.visual-grid,.split,.download-card{grid-template-columns:1fr}.hero-book{max-width:520px;margin:auto}.five-products,.stakeholders,.application-grid{grid-template-columns:repeat(2,1fr)}.component-detail,.gallery-grid{grid-template-columns:1fr 1fr}.brand-roles,.ecosystem-grid{grid-template-columns:1fr 1fr}.builder{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr 1fr}.footer-brand{grid-column:1/-1}}@media(max-width:640px){.container{width:min(100% - 24px,1180px)}.brand img{width:92px}.hero{padding-top:50px}.hero h1,.page-hero h1{font-size:41px}.hero-actions{flex-direction:column}.metrics{grid-template-columns:1fr 1fr}.two-visuals,.component-detail,.gallery-grid,.stakeholders,.five-products,.application-grid,.brand-roles,.ecosystem-grid,.footer-grid{grid-template-columns:1fr}.build-steps article{grid-template-columns:1fr}.build-steps ul{flex-wrap:wrap}.ratio-result{grid-template-columns:1fr}.cta-box{flex-direction:column;align-items:flex-start;padding:30px}.download-card h2{font-size:34px}.section{padding:66px 0}.page-hero{padding:68px 0}.resource-gallery{columns:1}.whatsapp{left:14px;bottom:14px}}