@import url('https://fonts.googleapis.com/css2?family=Alexandria:wght@400;500;600;700;800&family=DM+Mono&display=swap');
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#09091d;color:#f4f1ff;font-family:Alexandria,Arial,sans-serif}main{overflow:hidden}.wrap{width:min(1160px,calc(100% - 48px));margin:auto}.grain{position:fixed;inset:0;opacity:.12;pointer-events:none;z-index:5;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 150 150' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.32'/%3E%3C/svg%3E")}.nav{height:92px;display:flex;align-items:center;justify-content:space-between;position:relative;z-index:2}.logo{font-size:27px;font-weight:800;color:white;text-decoration:none;letter-spacing:-2px}.logo span{color:#b590ff}.navlinks{display:flex;gap:28px}.navlinks a,.tiny-cta,footer a{color:#c5c1d8;text-decoration:none;font-size:14px}.tiny-cta{display:flex;gap:8px;align-items:center;border:1px solid #3b3960;border-radius:100px;padding:10px 16px}.hero{min-height:720px;position:relative;display:grid;grid-template-columns:1fr 1fr;align-items:center}.hero-copy{position:relative;z-index:1}.eyebrow{display:flex;gap:8px;align-items:center;color:#bda6ee;letter-spacing:.03em;font-size:13px;margin:0 0 18px}.hero h1,.section-head h2,.fit h2,.contact h2{font-size:clamp(48px,7vw,86px);line-height:1.13;letter-spacing:-4px;margin:0;font-weight:700}.hero em,h2 em,.result em{font-style:normal;background:linear-gradient(100deg,#b48bff,#fb95ff);-webkit-background-clip:text;color:transparent}.hero-text{max-width:390px;color:#bcb8ce;font-size:17px;line-height:2;margin:25px 0}.hero-actions{display:flex;gap:12px}.button{display:inline-flex;gap:10px;align-items:center;text-decoration:none;border-radius:100px;padding:14px 20px;font-size:14px;transition:.2s}.primary{background:#a477ff;color:#160d35;box-shadow:0 12px 30px #7b45cc55}.ghost{border:1px solid #49456c;color:white}.hero-art{height:520px;position:relative;display:grid;place-items:center}.glass-disc{width:305px;height:305px;border-radius:50%;border:1px solid #fff5;background:linear-gradient(145deg,#d5beff88,#7666ff22 35%,#ff93e366);backdrop-filter:blur(12px);box-shadow:inset 12px 12px 20px #fff2,inset -15px -20px 40px #1e096777,0 0 100px #8755ee55;transform:rotate(-15deg);display:flex;flex-direction:column;justify-content:center;text-align:center;font-size:29px}.glass-disc b{font-size:49px}.glass-disc i{font-style:normal;font-size:22px}.float-card{position:absolute;background:#ffffff14;border:1px solid #ffffff2e;backdrop-filter:blur(16px);padding:18px 20px;border-radius:14px;color:#d9d2ed;font-size:14px;line-height:1.8;box-shadow:0 15px 35px #0003}.float-card strong{color:#e5ccff;font-size:21px}.card-a{top:60px;left:4%;transform:rotate(-7deg)}.card-b{bottom:90px;right:2%;transform:rotate(8deg)}.card-b span{color:#c9a9ff;margin-left:16px}.orbit-text{position:absolute;border:1px solid #ffffff24;border-radius:50%;width:400px;height:400px;display:grid;place-items:start center;padding-top:8px;color:#c0a3f5;font:11px 'DM Mono';letter-spacing:2px;transform:rotate(30deg)}.orb{position:absolute;border-radius:50%;filter:blur(10px)}.orb-one{width:330px;height:330px;background:#5424a9;right:-170px;top:15px;opacity:.7}.orb-two{width:190px;height:190px;background:#e75cbb;left:25%;bottom:30px;opacity:.15}.scroll-note{position:absolute;bottom:28px;font-size:12px;color:#9b96b2}.scroll-note span{margin-right:10px;color:#c9a2ff}.services{padding:120px 0;display:grid;grid-template-columns:1fr 1.35fr;gap:70px}.section-head h2{font-size:clamp(38px,5vw,64px)}.service-list{border-top:1px solid #3d395a}.service{min-height:130px;display:grid;grid-template-columns:55px 1fr 1fr 25px;gap:18px;align-items:center;border-bottom:1px solid #3d395a}.service>span,.service p{color:#958fa8;font-size:13px}.service h3{margin:0 0 6px;font-size:21px}.service div p{margin:0;color:#bc9cfa}.service-desc{line-height:1.8}.work{background:#ece9f4;color:#17142b;padding:125px 0}.horizontal{display:flex;align-items:end;justify-content:space-between;margin-bottom:50px}.horizontal>p{width:260px;color:#5e596d;font-size:14px;line-height:2}.project-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.project{min-height:355px;border-radius:8px;overflow:hidden;display:flex;flex-direction:column;justify-content:space-between;padding:20px}.project-shape{flex:1;display:grid;place-items:center}.project-shape span{font-size:120px;line-height:1;font-family:serif}.cova{background:#c5ff53;color:#14331d}.nor{background:#282339;color:#f3ecff}.nor .project-shape span{font-size:150px}.mara{background:#ffb9d6;color:#721747}.vio{background:#a984ff;color:#25124d}.project-info{display:flex;justify-content:space-between;align-items:end}.project h3{margin:0;font-size:24px;letter-spacing:1px}.project p{margin:5px 0 0;font-size:12px}.text-link{color:#302a47;display:inline-flex;gap:10px;text-decoration:none;margin-top:30px;border-bottom:1px solid;padding-bottom:5px}.fit{padding:140px 0;display:grid;grid-template-columns:1fr 1fr;gap:100px;align-items:center}.fit-intro>p:not(.eyebrow),.contact-side>p{color:#aaa5bc;line-height:2;font-size:15px}.fit-points{display:flex;gap:15px;font-size:13px;color:#d2cae4}.fit-points span{display:flex;gap:5px;align-items:center}.matcher{border:1px solid #ffffff35;background:#ffffff0a;backdrop-filter:blur(15px);border-radius:24px;padding:42px;min-height:325px}.progress{height:3px;background:#ffffff25;margin-bottom:18px}.progress span{display:block;background:#b995ff;height:100%;transition:.3s}.matcher small{font:12px 'DM Mono';color:#ba9dea}.matcher h3{font-size:29px;line-height:1.6;margin:24px 0}.choices{display:grid;gap:10px}.choices button{font-family:inherit;background:#ffffff0d;border:1px solid #ffffff22;border-radius:10px;color:#f4f1ff;padding:15px 16px;text-align:right;display:flex;justify-content:space-between;align-items:center;cursor:pointer;font-size:14px}.choices button:hover{background:#a477ff;color:#160d35}.result h3{font-size:30px}.result>p{color:#bab5ca;line-height:2}.contact{border-top:1px solid #4a4564;padding:105px 0;display:flex;justify-content:space-between;align-items:end}.contact-side{max-width:315px}.light{background:#f2eefe;color:#201534;margin:15px 0}.whatsapp{color:#d8d2e8;text-decoration:none;font-size:13px;display:flex;align-items:center;gap:8px}footer{border-top:1px solid #2e2b48;min-height:90px;display:flex;align-items:center;justify-content:space-between}footer p{font-size:11px;color:#777186}@media(max-width:760px){.wrap{width:min(100% - 32px,1160px)}.nav{height:76px}.navlinks{display:none}.hero{display:block;min-height:720px;padding-top:65px}.hero h1{font-size:59px}.hero-art{height:360px;margin-top:15px}.glass-disc{width:230px;height:230px;font-size:21px}.glass-disc b{font-size:37px}.orbit-text{width:300px;height:300px}.services,.fit{grid-template-columns:1fr;gap:40px;padding:85px 0}.service{grid-template-columns:36px 1fr 24px;padding:18px 0}.service-desc{display:none}.horizontal{display:block}.horizontal>p{width:auto}.project-grid{grid-template-columns:1fr 1fr}.project{min-height:230px}.project-shape span{font-size:80px}.contact{display:block;padding:80px 0}.contact-side{margin-top:35px}footer p{display:none}.hero-actions{flex-wrap:wrap}}

/* Arabic headline lines need room for ascenders, dots and descenders. */
.hero h1 { line-height: 1.5; letter-spacing: 0; }
.hero h1 > span, .hero h1 > em { display: block; }
@media(max-width:760px) { .hero h1 { font-size: clamp(42px, 13.5vw, 59px); line-height: 1.5; } }
