:root{--navy:#07172b;--navy-2:#0d2440;--ink:#eaf2fb;--muted:#98a8ba;--gold:#dcae52;--gold-2:#f3cf78;--line:rgba(220,174,82,.28);--panel:rgba(15,38,65,.76);--green:#39c6a0;--radius:28px;--font-ar:'IBM Plex Sans Arabic',sans-serif;--font-en:'Manrope',sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--navy);color:var(--ink);font-family:var(--font-ar);font-size:17px;line-height:1.7;overflow-x:hidden}html[lang=en] body{font-family:var(--font-en)}body:before{content:"";position:fixed;inset:0;pointer-events:none;background:radial-gradient(circle at 76% 8%,rgba(42,89,130,.35),transparent 34%),linear-gradient(120deg,rgba(255,255,255,.018) 1px,transparent 1px);background-size:auto,64px 64px;z-index:-2}.skip{position:fixed;top:-100px;inset-inline-start:20px;background:var(--gold);color:var(--navy);padding:10px 18px;z-index:100}.skip:focus{top:12px}.site-header{height:88px;padding:0 clamp(22px,5vw,78px);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(255,255,255,.08);position:sticky;top:0;background:rgba(7,23,43,.88);backdrop-filter:blur(16px);z-index:20}.brand{display:flex;align-items:center;gap:12px;color:#fff;text-decoration:none;font-family:var(--font-en);font-size:14px;letter-spacing:.2em;font-weight:700}.brand-mark{width:38px;height:38px;border:1px solid var(--gold);display:grid;place-items:center;border-radius:50%;color:var(--gold);font-size:18px;letter-spacing:0}.nav{display:flex;gap:30px}.nav a,footer a{color:var(--muted);text-decoration:none;font-size:15px;transition:.2s}.nav a:hover,footer a:hover{color:var(--gold-2)}.header-actions{display:flex;align-items:center;gap:14px}.lang-switch,.menu-button{border:1px solid var(--line);background:transparent;color:var(--gold-2);height:42px;min-width:50px;border-radius:999px;font-weight:700;cursor:pointer}.menu-button{display:none;padding:0 13px}.menu-button span{display:block;background:#fff;width:21px;height:1px;margin:5px}.section,.hero{max-width:1440px;margin:auto;padding-inline:clamp(24px,6vw,92px)}.hero{min-height:calc(100vh - 88px);display:grid;grid-template-columns:1.02fr .98fr;align-items:center;position:relative;padding-block:80px}.hero-copy{position:relative;z-index:2}.eyebrow{color:var(--gold);font-size:14px;font-weight:700;letter-spacing:.08em;margin:0 0 18px}.hero h1{font-size:clamp(3.4rem,7vw,7rem);line-height:.98;letter-spacing:-.045em;margin:0;max-width:850px}.hero h1 em{font-style:normal;color:var(--gold-2)}.hero-lead{color:var(--muted);max-width:630px;font-size:clamp(1rem,1.4vw,1.25rem);margin:30px 0 38px}.hero-actions{display:flex;gap:14px;flex-wrap:wrap}.button{display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:11px 26px;border-radius:999px;text-decoration:none;border:1px solid var(--line);font-weight:700;cursor:pointer;font-family:inherit;font-size:16px}.button.primary{background:var(--gold);color:var(--navy);border-color:var(--gold)}.button.primary:hover{background:var(--gold-2)}.button.ghost{color:#fff}.hero-art{height:650px;position:relative;display:grid;place-items:center}.beads{width:min(560px,95%);filter:drop-shadow(0 38px 50px rgba(0,0,0,.45));transform:rotate(-7deg);z-index:2}.gold-ring{position:absolute;border:1px solid var(--line);border-radius:50%}.ring-a{width:570px;height:570px}.ring-b{width:410px;height:410px;border-color:rgba(57,198,160,.25)}.floating-card{position:absolute;z-index:3;background:rgba(10,29,52,.82);border:1px solid var(--line);backdrop-filter:blur(14px);padding:15px 20px;border-radius:18px;display:flex;gap:10px;align-items:center;box-shadow:0 20px 50px rgba(0,0,0,.22)}.floating-card span{color:var(--muted);font-size:13px}.card-one{inset-inline-start:0;top:22%;flex-direction:column;align-items:flex-start}.card-two{inset-inline-end:0;bottom:18%}.pulse{width:9px;height:9px;background:var(--green);border-radius:50%;box-shadow:0 0 0 8px rgba(57,198,160,.12)}.hero-index{position:absolute;inset-inline-end:3vw;bottom:22px;color:rgba(255,255,255,.08);font:700 11rem/1 var(--font-en)}.section{padding-block:120px;border-top:1px solid rgba(255,255,255,.07)}.manifesto{display:grid;grid-template-columns:.35fr 1fr;gap:60px}.section-number{font-family:var(--font-en);font-size:12px;color:var(--gold);letter-spacing:.16em}.manifesto h2,.section-heading h2,.support h2,.legal h1{font-size:clamp(2.5rem,5vw,5.4rem);line-height:1.07;margin:0;letter-spacing:-.035em}.manifesto h2 span,.support h2 span{color:var(--gold-2)}.manifesto>div>p{font-size:1.25rem;color:var(--muted);max-width:780px}.principles{grid-column:2;display:grid;grid-template-columns:repeat(3,1fr);margin-top:30px;border-top:1px solid var(--line)}.principles article{padding:28px 22px;border-inline-end:1px solid var(--line)}.principles span,.feature-list article>span,.steps>li>span{font-family:var(--font-en);font-size:12px;color:var(--gold)}.principles h3{font-size:18px}.section-heading{display:grid;grid-template-columns:1fr 1fr;align-items:end;gap:50px;margin-bottom:64px}.section-heading>p{color:var(--muted);font-size:1.14rem;max-width:650px}.product{background:linear-gradient(150deg,rgba(14,43,73,.55),transparent 70%)}.product-stage{display:grid;grid-template-columns:1.25fr .75fr;gap:64px}.product-visual{min-height:700px;position:relative;background:linear-gradient(145deg,rgba(35,72,103,.55),rgba(8,25,45,.2));border:1px solid var(--line);border-radius:var(--radius);overflow:hidden}.product-visual:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% 30%,rgba(220,174,82,.16),transparent 45%)}.app-icon{position:absolute;width:112px;border-radius:25%;top:42px;inset-inline-start:42px;z-index:4;box-shadow:0 20px 35px rgba(0,0,0,.35)}.screen{position:absolute;object-fit:cover;border-radius:24px;box-shadow:0 30px 70px rgba(0,0,0,.48);border:1px solid rgba(255,255,255,.16);z-index:2}.screen-dashboard{width:68%;bottom:-5%;inset-inline-start:5%;transform:rotate(-2deg)}.screen-tv{width:66%;top:10%;inset-inline-end:-7%;transform:rotate(4deg)}.feature-list{display:flex;flex-direction:column}.feature-list article{display:grid;grid-template-columns:44px 1fr;gap:18px;padding:25px 0;border-bottom:1px solid rgba(255,255,255,.1)}.feature-list h3,.steps h3{font-size:1.18rem;margin:0 0 5px}.feature-list p,.steps p{color:var(--muted);margin:0;font-size:15px}.text-link{color:var(--gold-2);margin-top:28px;text-decoration:none;font-weight:700}.section-heading.compact{grid-template-columns:1fr}.steps{list-style:none;padding:0;margin:0;border-top:1px solid var(--line)}.steps li{display:grid;grid-template-columns:70px .7fr;gap:30px;padding:32px 0;border-bottom:1px solid rgba(255,255,255,.09);transition:.25s}.steps li:hover{padding-inline:18px;background:rgba(255,255,255,.025)}.steps h3{font-size:clamp(1.25rem,2vw,1.8rem)}.support{display:grid;grid-template-columns:.8fr 1.2fr;gap:90px;background:linear-gradient(135deg,rgba(220,174,82,.08),transparent 55%)}.support-copy>p:not(.eyebrow){color:var(--muted);max-width:540px}.whatsapp-link{display:inline-flex;align-items:center;gap:12px;margin-top:24px;color:#8ee5c9;text-decoration:none;font-weight:700}.support-form{display:grid;grid-template-columns:1fr 1fr;gap:20px}.support-form label{display:flex;flex-direction:column;gap:8px;color:var(--muted);font-size:14px}.support-form .wide{grid-column:1/-1}.support-form input,.support-form select,.support-form textarea{width:100%;border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.045);color:#fff;border-radius:14px;padding:14px 16px;font:inherit;outline:none}.support-form input:focus,.support-form select:focus,.support-form textarea:focus{border-color:var(--gold)}.support-form select option{color:#111}.trap{position:absolute!important;left:-10000px!important}.support-form button{justify-self:start}footer{padding:42px clamp(24px,6vw,92px);display:grid;grid-template-columns:1fr auto auto auto;gap:30px;align-items:center;border-top:1px solid rgba(255,255,255,.1);color:var(--muted)}footer>div{display:flex;gap:22px}.legal-page .site-header{position:relative}.legal{max-width:900px;margin:auto;padding:110px 28px}.legal .updated{color:var(--gold);margin-bottom:70px}.legal section{padding:28px 0;border-top:1px solid rgba(255,255,255,.1)}.legal h2{font-size:1.35rem}.legal p{color:var(--muted)}.result-page{min-height:100vh;display:grid;place-items:center;padding:30px}.result-card{text-align:center;max-width:620px;padding:60px;background:var(--panel);border:1px solid var(--line);border-radius:var(--radius)}.result-icon{width:70px;height:70px;display:grid;place-items:center;margin:auto;border-radius:50%;background:var(--gold);color:var(--navy);font-size:2rem;font-weight:700}.result-card h1{font-size:2.3rem}.result-card p{color:var(--muted);margin-bottom:30px}
@media(max-width:900px){.nav{position:fixed;top:88px;inset-inline:0;background:#0a1e36;display:none;flex-direction:column;padding:25px 32px;border-bottom:1px solid var(--line)}.nav.open{display:flex}.menu-button{display:block}.hero{grid-template-columns:1fr;padding-top:55px}.hero-art{height:500px}.hero h1{font-size:clamp(3rem,13vw,5.8rem)}.hero-index{display:none}.manifesto,.section-heading,.product-stage,.support{grid-template-columns:1fr}.manifesto{gap:20px}.principles{grid-column:1}.product-stage{gap:35px}.product-visual{min-height:580px}.support{gap:45px}footer{grid-template-columns:1fr 1fr}footer>p{display:none}}
@media(max-width:600px){body{font-size:16px}.site-header{height:74px;padding-inline:18px}.brand{font-size:12px}.brand-mark{width:34px;height:34px}.nav{top:74px}.section{padding-block:78px}.hero{min-height:auto;padding-block:60px}.hero-art{height:390px}.ring-a{width:360px;height:360px}.ring-b{width:260px;height:260px}.floating-card{padding:11px 14px}.card-one{top:12%}.card-two{bottom:8%}.manifesto h2,.section-heading h2,.support h2,.legal h1{font-size:2.75rem}.principles{grid-template-columns:1fr}.principles article{border-bottom:1px solid var(--line)}.section-heading{margin-bottom:35px}.product-visual{min-height:440px}.app-icon{width:70px;top:20px;inset-inline-start:20px}.screen-dashboard{width:78%}.screen-tv{width:78%}.steps li{grid-template-columns:45px 1fr}.support-form{grid-template-columns:1fr}.support-form label{grid-column:1}.support-form button{width:100%}footer{grid-template-columns:1fr}footer>div{justify-content:flex-start}}
