:root{--bg:#070504;--panel:#110d0a;--gold:#d8ad55;--gold2:#fff0b8;--text:#fff8ea;--muted:#b9ab91;--line:rgba(216,173,85,.22);--glass:rgba(255,255,255,.055)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at top,#20150b,#070504 48%,#030202);color:var(--text);font-family:Inter,Segoe UI,Arial,sans-serif;overflow-x:hidden}body.ar{direction:rtl;font-family:Tajawal,Segoe UI,Arial,sans-serif}.splash{position:fixed;inset:0;background:#030202;z-index:9999;display:grid;place-items:center;transition:opacity .7s ease,visibility .7s}.splash.hide{opacity:0;visibility:hidden}.splash-logo{width:150px;border:1px solid var(--gold);box-shadow:0 0 70px rgba(216,173,85,.28);animation:pulse 1.8s ease-in-out infinite}.splash-text{position:absolute;margin-top:235px;letter-spacing:.28em;color:var(--gold2);font-weight:800}.splash-sub{position:absolute;margin-top:295px;letter-spacing:.2em;color:var(--muted);font-size:12px}.splash-orbit{position:absolute;width:270px;height:270px;border-radius:50%;border:1px solid transparent;border-top-color:var(--gold);animation:spin 1.4s linear infinite}.topbar{position:fixed;top:18px;left:50%;transform:translateX(-50%);width:min(1180px,calc(100% - 32px));z-index:50;display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:rgba(8,6,4,.62);backdrop-filter:blur(18px);border:1px solid var(--line);border-radius:999px}.brand{display:flex;align-items:center;gap:10px;color:var(--text);text-decoration:none;font-weight:800;letter-spacing:.08em}.brand img{width:38px;height:38px;object-fit:cover;border-radius:10px;border:1px solid var(--gold)}nav{display:flex;align-items:center;gap:18px}nav a{color:var(--muted);text-decoration:none;font-size:14px}.pill,.btn{border:1px solid var(--line);color:var(--text);background:var(--glass);padding:10px 16px;border-radius:999px;text-decoration:none;cursor:pointer}.hero{min-height:100vh;position:relative;display:grid;align-items:center;padding:150px 7vw 80px;overflow:hidden}.hero-bg{position:absolute;inset:0;background:url('../img/jareh-hero-back.jpg') center/cover no-repeat;filter:saturate(.9) brightness(.5);transform:scale(1.06)}.hero-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(4,3,2,.94),rgba(7,5,4,.72),rgba(7,5,4,.35)),radial-gradient(circle at 34% 50%,rgba(216,173,85,.25),transparent 35%)}.hero-content{position:relative;max-width:850px}.eyebrow,.section-tag{display:inline-flex;padding:8px 12px;border:1px solid var(--line);border-radius:999px;color:var(--gold2);background:rgba(216,173,85,.08);letter-spacing:.12em;text-transform:uppercase;font-size:12px}.hero h1{font-size:clamp(48px,10vw,128px);line-height:.88;margin:22px 0;background:linear-gradient(90deg,#fff,#ffdf8c,#9f742e);-webkit-background-clip:text;color:transparent;letter-spacing:-.06em}.lead{font-size:clamp(18px,2.1vw,28px);line-height:1.45;color:#eadfcb;max-width:760px}.hero-actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:28px}.primary{background:linear-gradient(135deg,#d8ad55,#8b6124);color:#090604;border-color:#f4d181;font-weight:800}.ghost{background:rgba(255,255,255,.06)}.founder-card{position:absolute;right:7vw;bottom:60px;width:330px;padding:14px;background:rgba(11,8,5,.72);border:1px solid var(--line);border-radius:28px;backdrop-filter:blur(18px);display:flex;gap:14px;align-items:center;box-shadow:0 25px 80px rgba(0,0,0,.4)}.founder-card img{width:74px;height:92px;object-fit:cover;border-radius:20px}.founder-card span{display:block;color:var(--muted);font-size:13px;margin-top:6px}.section{padding:95px 7vw;border-top:1px solid rgba(216,173,85,.12)}.split{display:grid;grid-template-columns:1.05fr .95fr;gap:60px;align-items:center}.copy h2,.section-head h2,.bio-card h2{font-size:clamp(34px,5vw,70px);line-height:1;margin:18px 0}.copy p,.project p,.bio-card p,.privacy-wrap p{color:var(--muted);line-height:1.8;font-size:17px}.logo-stage{min-height:420px;border:1px solid var(--line);border-radius:44px;background:linear-gradient(145deg,rgba(216,173,85,.08),rgba(255,255,255,.03));display:grid;place-items:center;position:relative;overflow:hidden}.logo-stage img{width:min(260px,60%);border:1px solid var(--gold);box-shadow:0 40px 100px rgba(0,0,0,.5);z-index:2}.logo-stage span{position:absolute;bottom:38px;color:var(--gold2);letter-spacing:.18em}.gold-ring{position:absolute;width:340px;height:340px;border-radius:50%;background:radial-gradient(circle,transparent 54%,rgba(216,173,85,.18) 55%,transparent 70%);filter:blur(.2px);animation:spin 16s linear infinite}.section-head{max-width:850px;margin-bottom:36px}.device-grid{display:grid;grid-template-columns:1.5fr .65fr;gap:30px;align-items:center}.desktop-mockup,.phone-mockup,.project,.bio-card{background:linear-gradient(145deg,rgba(255,255,255,.07),rgba(255,255,255,.025));border:1px solid var(--line);box-shadow:0 30px 90px rgba(0,0,0,.33)}.desktop-mockup{border-radius:34px;padding:18px;min-height:430px}.mock-top{display:flex;gap:8px;padding-bottom:14px}.mock-top span{width:12px;height:12px;border-radius:50%;background:var(--gold)}.mock-body{height:355px;border-radius:22px;background:radial-gradient(circle at 30% 20%,rgba(216,173,85,.24),transparent 34%),linear-gradient(135deg,#120c06,#060403);padding:36px}.dash-title{font-size:44px;font-weight:900;color:var(--gold2)}.dash-line{height:8px;width:70%;background:linear-gradient(90deg,var(--gold),transparent);border-radius:99px;margin:24px 0}.dash-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.dash-cards b{height:105px;border-radius:18px;background:rgba(255,255,255,.07);display:grid;place-items:center;color:var(--gold2)}.phone-mockup{height:430px;border-radius:42px;padding:46px 24px;text-align:center;position:relative}.notch{position:absolute;top:16px;left:50%;transform:translateX(-50%);width:92px;height:18px;background:#020202;border-radius:99px}.phone-mockup img{width:115px;border:1px solid var(--gold);border-radius:18px;margin:40px auto 26px}.phone-mockup strong{display:block;font-size:28px}.phone-mockup small{color:var(--muted)}.project-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.project{border-radius:28px;padding:28px;min-height:270px;position:relative;overflow:hidden;transition:transform .35s ease,border-color .35s}.project:hover{transform:translateY(-8px);border-color:rgba(255,230,170,.65)}.project span{color:var(--gold);font-weight:900}.project h3{font-size:24px;margin:18px 0 8px}.project a{position:absolute;bottom:24px;color:var(--gold2);text-decoration:none;font-weight:800}.bio-card{border-radius:44px;padding:24px;display:grid;grid-template-columns:300px 1fr;gap:38px;align-items:center}.bio-card img{width:100%;border-radius:32px;border:1px solid var(--line)}footer{padding:40px 7vw;display:flex;justify-content:space-between;align-items:center;color:var(--muted);border-top:1px solid var(--line)}footer img{width:54px;border:1px solid var(--gold);border-radius:12px}.cookie{position:fixed;right:22px;bottom:22px;max-width:430px;background:rgba(10,7,5,.9);border:1px solid var(--line);border-radius:24px;padding:18px;backdrop-filter:blur(16px);z-index:80;display:none}.cookie.show{display:block}.cookie p{color:var(--muted);line-height:1.5}.cookie button{background:var(--gold);border:0;border-radius:99px;padding:10px 20px;font-weight:800}.reveal{opacity:0;transform:translateY(24px);transition:opacity .8s ease,transform .8s ease}.reveal.show{opacity:1;transform:none}.privacy-wrap{max-width:900px;margin:140px auto 70px;padding:0 24px}.privacy-wrap h1{font-size:54px}.privacy-wrap h2{color:var(--gold2);margin-top:34px}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{50%{transform:scale(1.04);box-shadow:0 0 100px rgba(216,173,85,.45)}}@media(max-width:980px){.founder-card{position:relative;right:auto;bottom:auto;margin-top:28px}.hero{display:block}.split,.device-grid,.bio-card{grid-template-columns:1fr}.project-grid{grid-template-columns:repeat(2,1fr)}nav a{display:none}.topbar{top:10px}.hero h1{font-size:58px}}@media(max-width:620px){.section{padding:70px 22px}.project-grid{grid-template-columns:1fr}.dash-cards{grid-template-columns:1fr}.desktop-mockup{min-height:360px}.dash-title{font-size:30px}.brand span{font-size:12px}.founder-card{width:100%}.hero{padding:130px 22px 60px}.hero h1{font-size:46px}footer{display:block}.cookie{left:14px;right:14px}}
