:root{--bg:#090909;--bg2:#11100e;--ink:#f7f4ed;--mute:#b6b0a4;--line:#37332b;--gold:#d8b45a;--gold2:#f1d889;--blue:#d8b45a;--wa:#25d366;--paper:#f5f3ee;--pink:#0b0b0b;--head:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;--body:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;color-scheme:dark}
*{box-sizing:border-box}html{scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--ink);font:400 17px/1.6 var(--body);-webkit-font-smoothing:antialiased}
[dir=rtl] body,[dir=rtl] h1,[dir=rtl] h2,[dir=rtl] b{font-family:'Tajawal',var(--body)}
img{max-width:100%;display:block}a{color:inherit}
.wrap{max-width:1200px;margin-inline:auto;padding-left:max(20px,env(safe-area-inset-left,0px));padding-right:max(20px,env(safe-area-inset-right,0px))}
h1,h2{font-family:var(--head);letter-spacing:-.03em;line-height:1.04;margin:0;text-wrap:balance}
.eyebrow{font:700 12px var(--head);letter-spacing:.2em;text-transform:uppercase;color:var(--gold);margin:0 0 14px}
[dir=rtl] .eyebrow{letter-spacing:0;font-size:14px}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;border-radius:99px;padding:14px 24px;font:700 15px var(--head);text-decoration:none;border:1px solid transparent;transition:transform .2s,box-shadow .2s,background .2s;cursor:pointer}
.btn:hover{transform:translateY(-2px)}
.btn.wa{background:linear-gradient(135deg,#f1d889,#d8b45a);color:#1a1405;box-shadow:0 10px 30px #d8b45a33}
.btn.wa:before{content:"";width:18px;height:18px;flex:0 0 18px;background:currentColor;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2a10 10 0 0 0-8.6 15.1L2 22l5-1.3A10 10 0 1 0 12 2zm5.3 14.1c-.2.6-1.3 1.2-1.8 1.2-.5.1-1 .2-3.3-.7-2.8-1.1-4.6-4-4.7-4.2-.1-.2-1.1-1.5-1.1-2.9s.7-2 1-2.3c.3-.3.6-.3.8-.3h.6c.2 0 .4 0 .6.5l.8 2c.1.2.1.4 0 .6l-.4.6-.4.4c-.1.1-.3.3-.1.6.2.3.8 1.3 1.7 2.1 1.2 1 2.1 1.3 2.4 1.5.3.1.5.1.6-.1l.9-1.1c.2-.3.4-.2.6-.1l1.9.9c.3.1.5.2.5.3.1.2.1.8-.1 1.4z'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2a10 10 0 0 0-8.6 15.1L2 22l5-1.3A10 10 0 1 0 12 2zm5.3 14.1c-.2.6-1.3 1.2-1.8 1.2-.5.1-1 .2-3.3-.7-2.8-1.1-4.6-4-4.7-4.2-.1-.2-1.1-1.5-1.1-2.9s.7-2 1-2.3c.3-.3.6-.3.8-.3h.6c.2 0 .4 0 .6.5l.8 2c.1.2.1.4 0 .6l-.4.6-.4.4c-.1.1-.3.3-.1.6.2.3.8 1.3 1.7 2.1 1.2 1 2.1 1.3 2.4 1.5.3.1.5.1.6-.1l.9-1.1c.2-.3.4-.2.6-.1l1.9.9c.3.1.5.2.5.3.1.2.1.8-.1 1.4z'/%3E%3C/svg%3E") center/contain no-repeat}
.btn.line{border-color:#625638;color:var(--ink)}.btn.line:hover{border-color:var(--gold)}
.btn.big{padding:17px 30px;font-size:16px}.btn.sm{padding:9px 16px;font-size:13px}.btn.full{width:100%}
header.top{position:sticky;top:0;z-index:40;background:#090909cc;backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}
header.top .wrap{display:flex;align-items:center;justify-content:space-between;gap:18px;height:66px}
.brand{display:flex;align-items:center;gap:9px;font:800 17px var(--head);text-decoration:none;white-space:nowrap}
.brand em{font-style:normal;color:var(--gold)}
.nav{display:flex;gap:24px}.nav a{text-decoration:none;color:#b6b0a4;font-size:14px;font-weight:600}.nav a:hover{color:var(--gold2)}
.tr{display:flex;gap:10px;align-items:center}
.lang{background:none;border:1px solid #625638;color:#f7f4ed;border-radius:99px;padding:8px 13px;font:700 12px var(--body);cursor:pointer}
/* hero */
.hero{position:relative;overflow:hidden;min-height:calc(100svh - 66px);display:grid;align-items:center;isolation:isolate;background:radial-gradient(60% 60% at 75% 40%,#241d10 0,#090909 65%)}
.hero canvas{position:absolute;inset:0;width:100%;height:100%;z-index:-1}
.hero-in{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:40px;align-items:center;padding-block:56px}
.hero h1{font-size:clamp(2.6rem,5.6vw,5rem);margin:0 0 20px}
.hero h1 em{font-style:normal;display:block;background:linear-gradient(100deg,#f1d889,#d8b45a 45%,#f1d889 60%,#b8933f);-webkit-background-clip:text;background-clip:text;color:transparent;background-size:200% 100%;animation:sh 6s linear infinite}
@keyframes sh{to{background-position:200% 0}}
.lede{font-size:19px;color:#e2ddd3;max-width:540px;margin:0 0 28px}
.cta{display:flex;flex-wrap:wrap;gap:12px}
.micro{margin:22px 0 0;color:var(--mute);font-size:14px}.micro b{color:var(--gold2);font:800 16px var(--head)}
.deck{position:relative;height:min(62vh,560px);perspective:1500px;transform-style:preserve-3d}
.deck .card{position:absolute;margin:0;width:78%;left:11%;top:50%;border-radius:16px;overflow:hidden;box-shadow:0 0 0 1px #544932,0 40px 90px #000c;transform-style:preserve-3d;backface-visibility:hidden;outline:1px solid transparent;transition:transform .9s cubic-bezier(.2,.7,.2,1);will-change:transform}
.deck .card img{width:100%;height:auto;transform:translateZ(0)}
.deck .card:after{content:"";position:absolute;inset:0;background:linear-gradient(140deg,#ffffff1f,#fff0 40%,#0005);pointer-events:none}
.strip{border-block:1px solid var(--line);background:var(--bg2)}
.strip .wrap{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px}
.strip .wrap>div{padding:22px 18px;display:grid;gap:4px}
.strip b{font:700 15px var(--head);color:var(--gold2)}.strip span{font-size:14px;color:var(--mute)}
/* sections */
.sec{padding-block:96px;background:var(--bg)}.sec.dk{background:var(--bg2)}
.head{max-width:720px;margin-bottom:40px}.head h2{font-size:clamp(2rem,4vw,3.2rem);margin-bottom:12px}.head p{color:var(--mute);margin:0}
.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:26px}
.sample{display:block;text-decoration:none;background:#121212;border:1px solid var(--line);border-radius:20px;overflow:hidden;transition:border-color .3s}
.sample:hover{border-color:#d8b45a66}
.sample .shot{overflow:hidden;aspect-ratio:1200/692;background:#000}
.sample .shot img{width:100%;height:100%;object-fit:cover;transition:transform .8s cubic-bezier(.2,.7,.2,1)}
.sample:hover .shot img{transform:scale(1.04)}
.sample .meta{display:grid;gap:4px;padding:18px 22px 20px}
.sample b{font:700 19px var(--head)}.sample span{color:var(--mute);font-size:14px}.sample i{font-style:normal;color:var(--gold);font-weight:700;font-size:14px;margin-top:6px}
.steps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.steps li{background:#121212;border:1px solid var(--line);border-radius:20px;padding:28px}
.steps span{font:800 13px var(--head);color:var(--gold);letter-spacing:.1em}.steps b{display:block;font:700 21px/1.2 var(--head);margin:12px 0 10px}.steps p{margin:0;color:var(--mute)}
.pricing{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,.9fr);gap:24px;align-items:stretch}
.market{background:#121212;border:1px solid var(--line);border-radius:20px;padding:26px;overflow-x:auto}
table{width:100%;border-collapse:collapse;font-size:15px;min-width:420px}
th{font:700 12px var(--head);letter-spacing:.12em;text-transform:uppercase;color:var(--mute);text-align:start;padding:10px 12px;border-bottom:1px solid var(--line)}
[dir=rtl] th{letter-spacing:0;font-size:13px}
td{padding:16px 12px;border-bottom:1px solid #2a2620;font-variant-numeric:tabular-nums}
td a{color:var(--blue);text-decoration:none;border-bottom:1px solid #625638}
.fine{font-size:13px;color:#aaa396;margin:16px 0 0}
.ours{position:relative;border-radius:22px;padding:30px;background:linear-gradient(160deg,#1d1709,#0d0b06 60%);border:1px solid #6b5526;box-shadow:0 30px 80px #000a,0 0 80px #d8b45a22}
.amt{display:flex;align-items:baseline;gap:10px;margin:6px 0 6px}
.amt small{font:700 16px var(--head);color:var(--gold2)}.amt b{font:800 72px/1 var(--head);letter-spacing:-.04em;color:#fff}.amt s{color:#8c7a52;font:600 18px var(--head)}
.once{color:var(--gold2);margin:0 0 18px;font-weight:600}
.ours ul{list-style:none;margin:0 0 24px;padding:0;display:grid;gap:10px}
.ours li{padding-inline-start:26px;position:relative;color:#e8e2d1}
.ours li:before{content:"";position:absolute;inset-inline-start:0;top:.55em;width:14px;height:8px;border-left:2px solid var(--gold);border-bottom:2px solid var(--gold);transform:rotate(-45deg)}
.studio{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:48px;align-items:center}
.studio h2{font-size:clamp(1.9rem,3.6vw,3rem);margin-bottom:16px}.studio p{color:var(--mute)}
.studio-shot{margin:0;border-radius:18px;overflow:hidden;box-shadow:0 0 0 1px #544932,0 40px 100px #000c;transform:perspective(1400px) rotateY(-12deg) rotateX(4deg)}
.faq details{border-bottom:1px solid var(--line);padding:18px 0}
.faq summary{cursor:pointer;font:700 18px var(--head);list-style:none;display:flex;justify-content:space-between;gap:16px}
.faq summary:after{content:"+";color:var(--gold);font-size:22px;line-height:1}.faq details[open] summary:after{content:"−"}
.faq summary::-webkit-details-marker{display:none}
.faq p{color:var(--mute);margin:12px 0 0;max-width:720px}
.final{padding-block:110px;text-align:center;background:radial-gradient(50% 70% at 50% 100%,#2a2210 0,#090909 70%)}
.final h2{font-size:clamp(2rem,4.6vw,3.6rem);margin:0 auto 28px;max-width:820px}
.num{margin:18px 0 0;color:var(--mute);font:600 16px var(--head);letter-spacing:.04em;user-select:all}
.float{position:fixed;z-index:50;bottom:max(18px,env(safe-area-inset-bottom,0px));inset-inline-end:max(18px,env(safe-area-inset-right,0px));display:none;align-items:center;gap:8px;background:var(--wa);color:#04210f;font:800 14px var(--head);padding:14px 18px;border-radius:99px;text-decoration:none;box-shadow:0 12px 30px #0008}
footer{border-top:1px solid var(--line);padding-block:30px;background:#090909}
footer .wrap{display:flex;flex-wrap:wrap;gap:16px 28px;align-items:center;justify-content:space-between}
footer nav{display:flex;flex-wrap:wrap;gap:10px 20px}footer nav a{color:var(--mute);text-decoration:none;font-size:14px}
footer small{flex-basis:100%;color:#8f887c;font-size:13px}
.tilt{transition:transform .25s ease,box-shadow .25s}
.rv{opacity:0;transform:translateY(24px);transition:opacity .8s ease,transform .8s cubic-bezier(.2,.7,.2,1)}.rv.in{opacity:1;transform:none}
@media(max-width:980px){.nav{display:none}.hero-in{grid-template-columns:1fr;padding-block:36px 48px}.deck{height:min(52vw,380px);order:-1}.strip .wrap{grid-template-columns:repeat(2,minmax(0,1fr))}.steps,.pricing,.studio{grid-template-columns:1fr}.studio-shot{transform:none}}
@media(max-width:640px){.grid{grid-template-columns:1fr}.tr .btn{display:none}.float{display:inline-flex}.lede{font-size:17px}.amt b{font-size:60px}.deck{height:62vw}.sec{padding-block:70px}}
@media(prefers-reduced-motion:reduce){.hero h1 em{animation:none}.rv{opacity:1;transform:none;transition:none}.deck .card{transition:none}}
.strip .wrap>div{min-width:0}.strip b,.strip span,.ours li{overflow-wrap:anywhere}
.hero .copy{position:relative;isolation:isolate}
.hero .copy:before{content:"";position:absolute;inset:-14% -12%;z-index:-1;background:radial-gradient(60% 60% at 45% 50%,#090909e6 0,#090909b0 50%,transparent 78%);pointer-events:none}
.deck .card{width:72%;left:6%}
@media(max-width:980px){.deck .card{width:80%;left:4%}}

/* Cortex brand system: same tokens, type and components as poweredbycortex.ae (cortex.css) */
h1,h2{font-weight:900;letter-spacing:-.065em;line-height:.97}
.hero h1{letter-spacing:-.08em;line-height:.92}
.hero h1 em{background:none;color:var(--gold2);-webkit-text-fill-color:currentColor;animation:none}
.head h2{line-height:.97}
.eyebrow{font:900 11px var(--body);letter-spacing:.17em}
.btn{border-radius:8px;font:850 14px var(--body);padding:12px 20px;min-height:46px}
.btn.big{padding:14px 24px;font-size:15px}
.btn.wa{background:var(--gold);border-color:var(--gold);color:#17130a;box-shadow:none}
.btn.wa:hover{background:var(--gold2)}
.btn.line{background:#10100dbf;border-color:var(--gold);color:var(--gold2)}
.btn.line:hover{background:#242018}
header.top{background:#0a0a0bee;border-bottom-color:#383023}
header.top .wrap{height:76px}
.brand{font:900 26px/1 var(--body);letter-spacing:-.065em;gap:0;color:var(--ink)}
.brand img{width:32px;height:32px;margin-inline-end:8px}
.brand-dot{color:var(--gold)}
.brand em{font:900 11px var(--body);letter-spacing:.17em;text-transform:uppercase;color:var(--gold);margin-inline-start:14px;padding-inline-start:14px;border-inline-start:1px solid #383023;align-self:center;line-height:26px}
.nav a{font-weight:750;color:var(--mute)}
.lang{border-radius:8px;border-color:#625638;color:var(--gold2);font-weight:800}
.float{background:var(--gold);color:#17130a;border-radius:8px}
.sample,.steps li,.market{border-radius:17px}
.sample b,.steps b,.faq summary,.studio h2{letter-spacing:-.04em}
.amt b{font-weight:900;letter-spacing:-.07em}
.micro b,.strip b{font-weight:900}
footer small{color:#8f887c}
[dir=rtl] h1,[dir=rtl] h2,[dir=rtl] .sample b,[dir=rtl] .steps b{letter-spacing:0;line-height:1.2}
@media(max-width:640px){.brand{font-size:23px}.brand em{margin-inline-start:10px;padding-inline-start:10px}header.top .wrap{height:65px}}