:root{--red:#f83f13;--orange:#f27928;--black:#090200;--cream:#f4e9e1;--white:#f4f4f4;--muted:#b8aaa1;--glass:rgba(255,255,255,.06)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--black);color:var(--white);font-family:Poppins,Arial,sans-serif;overflow-x:hidden}body:before{content:"";position:fixed;inset:0;background:radial-gradient(circle at 50% -20%,rgba(248,63,19,.28),transparent 35%),linear-gradient(135deg,rgba(244,233,225,.04),transparent 30%),#090200;z-index:-3}.cursor-glow{position:fixed;width:280px;height:280px;border-radius:50%;background:radial-gradient(circle,rgba(248,63,19,.18),transparent 65%);pointer-events:none;transform:translate(-50%,-50%);z-index:-1}.nav{position:fixed;top:18px;left:50%;transform:translateX(-50%);width:min(1160px,calc(100% - 32px));display:flex;align-items:center;justify-content:space-between;padding:14px 18px;border:1px solid rgba(244,244,244,.12);background:rgba(9,2,0,.72);backdrop-filter:blur(18px);border-radius:999px;z-index:50}.brand{text-decoration:none;color:var(--white);letter-spacing:.08em;font-weight:300}.brand b{color:var(--red);font-weight:800}.brand small{font-size:10px;margin-left:6px;color:#bfb6b1}.navlinks{display:flex;gap:24px}.navlinks a,.nav-cta{color:#ddd;text-decoration:none;font-size:13px}.nav-cta{background:var(--red);color:white;padding:10px 16px;border-radius:999px;font-weight:700}.section{position:relative;min-height:auto;padding:120px max(24px,calc((100vw - 1160px)/2))}.hero{min-height:100vh;display:grid;grid-template-columns:1.05fr .95fr;align-items:center;overflow:hidden}.pattern{position:absolute;inset:auto 0 0 0;height:38%;opacity:.22;background-image:radial-gradient(circle,var(--red) 1.4px,transparent 1.5px);background-size:18px 18px;mask-image:linear-gradient(transparent,#000)}.orb{position:absolute;border-radius:50%;filter:blur(40px);opacity:.45}.o1{width:350px;height:350px;background:var(--red);right:10%;top:20%}.o2{width:220px;height:220px;background:var(--orange);left:12%;bottom:15%}.eyebrow{color:var(--orange);text-transform:uppercase;letter-spacing:.18em;font-size:12px;font-weight:800}.hero h1,.section h2{font-size:clamp(44px,7vw,104px);line-height:.9;margin:0 0 24px;font-weight:900;letter-spacing:-.06em}.hero h1 span,.hot b,.big-x{color:var(--red)}.lead{max-width:650px;color:#d5cac4;font-size:clamp(17px,2vw,22px);line-height:1.65}.hero-actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:34px}.btn{padding:15px 22px;border-radius:999px;text-decoration:none;font-weight:800}.primary{background:linear-gradient(135deg,var(--red),var(--orange));color:white;box-shadow:0 20px 60px rgba(248,63,19,.25)}.ghost{border:1px solid rgba(255,255,255,.18);color:white}.hero-mark{display:grid;place-items:center}.x-ring{width:min(430px,78vw);aspect-ratio:1;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle,rgba(244,244,244,.1),rgba(248,63,19,.12) 40%,transparent 61%),linear-gradient(145deg,rgba(255,255,255,.12),rgba(255,255,255,.02));border:1px solid rgba(255,255,255,.15);box-shadow:inset 0 0 90px rgba(248,63,19,.2),0 40px 130px rgba(0,0,0,.55)}.x-ring span{font-size:62px;letter-spacing:.05em}.x-ring b{color:var(--red)}.x-ring small{position:absolute;margin-top:88px;color:#aaa}.scroll-line{position:absolute;bottom:30px;left:50%;height:70px;width:1px;background:rgba(255,255,255,.15)}.scroll-line i{display:block;height:22px;background:var(--red);animation:drop 1.5s infinite}@keyframes drop{to{transform:translateY(48px);opacity:0}}.split{display:grid;grid-template-columns:1fr 420px;gap:60px;align-items:center}.split h2,.services h2,.gallery h2,.contact h2,.manifesto h2{font-size:clamp(36px,5vw,70px)}.arabic-card,.panel,.service,.contact-form{background:linear-gradient(145deg,rgba(255,255,255,.08),rgba(255,255,255,.025));border:1px solid rgba(255,255,255,.11);border-radius:30px;padding:32px;box-shadow:0 20px 90px rgba(0,0,0,.25)}.arabic-card{font-family:'Noto Kufi Arabic',sans-serif;line-height:2;color:#eee}.timeline{display:grid;grid-template-columns:1fr auto 1fr auto 1fr;gap:18px;align-items:stretch;padding-top:40px}.step{padding:30px;border-bottom:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.04);border-radius:26px}.step b{font-size:54px}.step p,.panel p,.service p,.manifesto p{color:#cbbfb8;line-height:1.7}.arrow{display:grid;place-items:center;color:var(--red);font-size:34px}.identity-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:20px}.panel.dark{grid-row:span 2;background:linear-gradient(145deg,rgba(248,63,19,.16),rgba(255,255,255,.035))}.swatches{display:grid;gap:12px}.swatches span{display:flex;align-items:center;gap:12px;color:#ddd}.swatches span:before{content:"";width:46px;height:46px;border-radius:14px;background:var(--c);border:1px solid rgba(255,255,255,.2)}.type-demo{font-size:24px}.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:34px}.service{transition:.35s transform,.35s border-color}.service:hover{transform:translateY(-8px);border-color:rgba(248,63,19,.55)}.service span{color:var(--red);font-weight:900}.masonry{columns:3 260px;column-gap:18px;margin-top:30px}.masonry img{width:100%;display:block;margin:0 0 18px;border-radius:24px;border:1px solid rgba(255,255,255,.12);break-inside:avoid;box-shadow:0 24px 80px rgba(0,0,0,.38)}.manifesto{text-align:center;overflow:hidden}.big-x{position:absolute;inset:0;display:grid;place-items:center;font-size:50vw;font-weight:900;opacity:.05;z-index:-1}.manifesto p{font-size:20px}.contact{display:grid;grid-template-columns:.9fr 1.1fr;gap:40px;align-items:start}.contact-form{display:grid;gap:14px}.contact-form input,.contact-form select,.contact-form textarea{width:100%;padding:16px 18px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12);border-radius:16px;color:white;font:inherit}.contact-form textarea{min-height:130px}.contact-form button{padding:16px;border:0;border-radius:16px;background:var(--red);color:white;font-weight:900;font:inherit}footer{padding:40px 24px;text-align:center;border-top:1px solid rgba(255,255,255,.1);color:#bfb4ad}.reveal{opacity:0;transform:translateY(28px);transition:1s cubic-bezier(.2,.8,.2,1)}.reveal.show{opacity:1;transform:none}.delay{transition-delay:.12s}.delay2{transition-delay:.22s}.delay3{transition-delay:.32s}.delay4{transition-delay:.42s}@media(max-width:850px){.navlinks{display:none}.hero,.split,.identity-grid,.contact{grid-template-columns:1fr}.hero{padding-top:140px}.timeline{grid-template-columns:1fr}.arrow{transform:rotate(90deg)}.cards{grid-template-columns:1fr}.section{padding-top:90px;padding-bottom:90px}}