:root{--navy:#1F3864;--navy-3:#0c1830;--green:#4F7942;--green-2:#6f9a5f;--ink:#0f1b2f;--muted:#586274;--line:#e7ecf3;--bg:#f6f8fb}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{font-family:Inter,-apple-system,Segoe UI,Roboto,sans-serif;color:var(--ink);background:#fff;line-height:1.65;-webkit-font-smoothing:antialiased}
h1,h2,h3,.bf{font-family:Sora,Inter,sans-serif}
[dir=rtl] body,[dir=rtl] h1,[dir=rtl] h2,[dir=rtl] h3,[dir=rtl] .bf{font-family:Cairo,Tajawal,sans-serif}
[dir=rtl] .tag,[dir=rtl] .eyebrow,[dir=rtl] .klabel,[dir=rtl] .badge{letter-spacing:0;text-transform:none}
[dir=rtl] h1,[dir=rtl] h2{letter-spacing:0}
a{color:inherit;text-decoration:none}
.wrap{max-width:1180px;margin:0 auto;padding:0 26px}
.reveal{opacity:0;transform:translateY(26px);transition:opacity .7s ease,transform .7s cubic-bezier(.2,.7,.2,1)}
.reveal.in{opacity:1;transform:none}
.tag{display:inline-block;color:var(--green);font-weight:700;letter-spacing:2.5px;text-transform:uppercase;font-size:12.5px}
h2{font-size:clamp(28px,3.6vw,42px);font-weight:800;letter-spacing:-.5px;line-height:1.12;margin:14px 0 18px;color:var(--navy)}
h3{color:var(--navy)}
.lead{color:var(--muted);font-size:clamp(16px,1.6vw,18.5px);max-width:66ch}
section{padding:94px 0}
.btn{display:inline-flex;align-items:center;gap:9px;padding:15px 26px;border-radius:12px;font-weight:700;font-size:15.5px;font-family:inherit;transition:.25s;cursor:pointer}
.btn-green{background:var(--green);color:#fff;box-shadow:0 10px 26px rgba(79,121,66,.32)}
.btn-green:hover{transform:translateY(-2px);box-shadow:0 16px 34px rgba(79,121,66,.42)}
.btn-dark{border:1.5px solid var(--line);color:var(--navy)}.btn-dark:hover{border-color:var(--navy);transform:translateY(-2px)}
.btn-ghost{border:1.5px solid rgba(255,255,255,.3);color:#fff}.btn-ghost:hover{border-color:var(--green-2)}
.badge{display:inline-block;font-size:11px;font-weight:700;letter-spacing:1px;text-transform:uppercase;padding:4px 10px;border-radius:999px;vertical-align:middle;margin:0 8px}
.badge.live{background:rgba(79,121,66,.14);color:#3c5f31}
.badge.soon{background:rgba(31,56,100,.10);color:#3a4d70}
header{position:sticky;top:0;z-index:30;background:rgba(255,255,255,.82);backdrop-filter:saturate(180%) blur(14px);border-bottom:1px solid rgba(231,236,243,.9)}
.nav{display:flex;align-items:center;justify-content:space-between;height:80px}
.nav .logo{height:40px}
.nav ul{display:flex;gap:26px;list-style:none;font-weight:600;font-size:15px;align-items:center}
.nav a.link:hover{color:var(--green)}
.nav .cta{background:var(--navy);color:#fff;padding:11px 18px;border-radius:10px}.nav .cta:hover{background:var(--green)}
.lang{border:1.5px solid var(--line);background:#fff;color:var(--navy);font-weight:700;font-family:Sora;border-radius:9px;padding:9px 14px;cursor:pointer;font-size:14px}
.lang:hover{border-color:var(--green);color:var(--green)}
.burger{display:none;flex-direction:column;gap:5px;background:none;border:0;cursor:pointer;padding:8px}
.burger span{width:26px;height:2.5px;background:var(--navy);border-radius:2px;transition:.3s}
.mobile{position:fixed;inset:0 0 0 auto;width:min(82vw,340px);background:#fff;transform:translateX(100%);transition:.35s cubic-bezier(.2,.7,.2,1);z-index:40;box-shadow:-20px 0 60px rgba(15,27,47,.18);padding:88px 30px 30px}
.mobile.open{transform:none}
[dir=rtl] .mobile{inset:0 auto 0 0;transform:translateX(-100%)}[dir=rtl] .mobile.open{transform:none}
.mobile a{display:block;padding:15px 0;font-weight:600;font-size:19px;color:var(--navy);border-bottom:1px solid var(--line)}
.mobile .cta{color:#fff;background:var(--green);text-align:center;border-radius:12px;margin-top:18px;border:0}
.scrim{position:fixed;inset:0;background:rgba(12,24,48,.4);opacity:0;pointer-events:none;transition:.3s;z-index:35}
.scrim.open{opacity:1;pointer-events:auto}
.mclose{position:absolute;top:22px;right:24px;font-size:30px;line-height:1;border:0;background:none;color:var(--navy);cursor:pointer}
[dir=rtl] .mclose{right:auto;left:24px}
@media(max-width:900px){.nav ul{display:none}.burger{display:flex}}
.hero{position:relative;overflow:hidden;padding:118px 0 128px}
#net{position:absolute;inset:0;width:100%;height:100%;z-index:0}
.hero .wrap{position:relative;z-index:2}
.hero .eyebrow,.hero .acronym{color:#8fb27f;font-weight:800;letter-spacing:4px;text-transform:uppercase;font-size:13px;margin-bottom:14px;font-family:Sora}
.hero h1{font-size:clamp(38px,6vw,68px);font-weight:800;letter-spacing:-1.2px;line-height:1.06;color:#fff;max-width:17ch}
.hero h1 em{font-style:normal;background:linear-gradient(100deg,#8fb27f,#cfe3c2);-webkit-background-clip:text;background-clip:text;color:transparent}
.hero p{margin-top:22px;font-size:clamp(17px,2vw,21px);color:#e7eef7;max-width:64ch}
.hero .btns{margin-top:34px;display:flex;gap:14px;flex-wrap:wrap}
.hero .btn-dark{border-color:rgba(255,255,255,.42);color:#fff}.hero .btn-dark:hover{border-color:#8fb27f}
.hero .mini{margin-top:40px;display:flex;gap:28px;flex-wrap:wrap;color:#c7d3e6;font-weight:600;font-size:14.5px}
.hero .mini b{color:#fff}
.hero-logo{height:84px;width:auto;margin-bottom:18px;display:inline-block;background:#fff;padding:12px 20px;border-radius:16px;box-shadow:0 12px 34px rgba(0,0,0,.30)}
[dir=rtl] .hero-logo{margin-left:auto}
.homehero{background:linear-gradient(90deg,rgba(12,24,48,.94) 0%,rgba(12,24,48,.80) 44%,rgba(12,24,48,.40) 100%),url("scenes/01-hero-project-intelligence.webp") center right/cover no-repeat}
[dir=rtl] .homehero{background:linear-gradient(270deg,rgba(12,24,48,.94) 0%,rgba(12,24,48,.80) 44%,rgba(12,24,48,.40) 100%),url("scenes/01-hero-project-intelligence.webp") center left/cover no-repeat}
@media(max-width:760px){.homehero{background:linear-gradient(180deg,rgba(12,24,48,.86),rgba(12,24,48,.94)),url("scenes/01-hero-project-intelligence.webp") center/cover no-repeat}}
/* Concept-scene figures (16:9 cinematic bands) */
.scene{margin:30px 0 4px;border-radius:16px;overflow:hidden;border:1px solid rgba(255,255,255,.12);box-shadow:0 24px 60px rgba(0,0,0,.42);background:#0c1830}
.scene img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover}
.scenecap{color:#8fb27f;font-size:12.5px;font-weight:600;letter-spacing:.3px;margin:10px 2px 0;font-style:italic}
.bglight .scenecap{color:#5c7050}
.plist{max-width:72ch;margin:18px 0 0;padding-inline-start:20px}
.plist li{margin:9px 0;color:var(--ink);font-size:16px}
.dark .plist li{color:#cdd9ea}
.disc{background:#0a1426;color:#7488a3;font-size:12.5px;padding:22px 0;border-top:1px solid rgba(255,255,255,.06)}
.disc a{color:#9db3cf}
.subhero{background:linear-gradient(160deg,rgba(18,41,77,.90),rgba(12,24,48,.95)),url("bg/bg08.jpg") center/cover no-repeat;padding:96px 0 70px}
.slogan{font-family:Sora,sans-serif;color:#8fb27f;font-weight:700;letter-spacing:2px;font-size:13.5px;text-transform:uppercase;margin-bottom:10px}
[dir=rtl] .slogan{letter-spacing:0;text-transform:none;font-family:Cairo,sans-serif}
.subhero .crumb{color:#8fb27f;font-weight:700;font-size:13px;letter-spacing:1px;margin-bottom:14px}
.subhero .crumb a{color:#c7d3e6}
/* platform / cards / packages */
.dark{background:linear-gradient(180deg,rgba(12,24,48,.90),rgba(18,35,63,.95)),url("bg/bg14.jpg") center/cover;color:#fff;position:relative;overflow:hidden}
.dark h2{color:#fff}.dark .lead{color:#b9c4d6}
.pgrid{display:grid;grid-template-columns:repeat(2,1fr);gap:22px;margin-top:46px}
@media(max-width:760px){.pgrid{grid-template-columns:1fr}}
.glass{background:linear-gradient(180deg,rgba(255,255,255,.07),rgba(255,255,255,.03));border:1px solid rgba(255,255,255,.10);border-radius:18px;padding:30px;transition:.3s;display:block}
.glass:hover{transform:translateY(-4px);border-color:rgba(143,178,127,.5);box-shadow:0 24px 50px rgba(0,0,0,.35)}
.glass .ic{width:52px;height:52px;border-radius:13px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--navy),var(--green));margin-bottom:16px;font-size:24px}
.glass h3{font-size:20px;margin-bottom:8px;color:#fff}.glass p{color:#aeb9cc;font-size:15px}
.glass .more{color:#8fb27f;font-weight:700;font-size:14px;margin-top:12px;display:inline-block}
.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:46px}
@media(max-width:900px){.cards{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.cards{grid-template-columns:1fr}}
.pc{background:#fff;border:1px solid var(--line);border-radius:16px;padding:28px;transition:.28s;position:relative;overflow:hidden;display:block}
.pc:after{content:"";position:absolute;left:0;top:0;height:3px;width:0;background:linear-gradient(90deg,var(--navy),var(--green));transition:width .35s}
[dir=rtl] .pc:after{left:auto;right:0}
.pc:hover{transform:translateY(-5px);box-shadow:0 22px 48px rgba(31,56,100,.12);border-color:#d3ddea}.pc:hover:after{width:100%}
.pc .k{font-weight:800;font-size:13px;letter-spacing:2px;color:var(--green)}
.pc h3{color:var(--navy);font-size:20px;margin:12px 0 8px}.pc p{color:var(--muted);font-size:15px}
.pc .more{color:var(--green);font-weight:700;font-size:14px;margin-top:12px;display:inline-block}
/* Project Truth Loop */
.loop{display:flex;flex-wrap:wrap;gap:10px;margin-top:44px;align-items:stretch;justify-content:center}
.loop .step{flex:1 1 150px;min-width:140px;background:#fff;border:1px solid var(--line);border-radius:14px;padding:16px 14px;text-align:center;position:relative}
.loop .step .n{font-family:Sora;font-weight:800;color:var(--green);font-size:13px}
.loop .step b{display:block;color:var(--navy);font-size:15px;margin-top:4px}
.loop .step span{color:var(--muted);font-size:12.5px}
.loop .arrow{align-self:center;color:var(--green-2);font-weight:800;font-size:20px}
[dir=rtl] .loop .arrow{transform:scaleX(-1)}
.loopnote{text-align:center;color:var(--muted);margin-top:22px;font-size:14.5px}
/* audience */
.aud{display:flex;flex-wrap:wrap;gap:10px;margin-top:40px}
.aud button{border:1px solid var(--line);background:#fff;border-radius:999px;padding:11px 20px;font-weight:700;color:var(--navy);cursor:pointer;font-family:inherit;font-size:14.5px;transition:.2s}
.aud button.on,.aud button:hover{background:var(--navy);color:#fff;border-color:var(--navy)}
.audpanel{margin-top:26px;background:#fff;border:1px solid var(--line);border-radius:16px;padding:30px;display:none}
.audpanel.on{display:block}
.audpanel h3{font-size:20px;margin-bottom:8px}.audpanel p{color:var(--muted)}
.audpanel ul{margin:14px 0 0;padding-inline-start:20px;color:var(--muted)}
.audpanel li{margin:6px 0}
/* comparison + tables */
.tblwrap{overflow-x:auto;margin-top:36px;border:1px solid var(--line);border-radius:16px}
table.cmp{width:100%;border-collapse:collapse;font-size:14.5px;min-width:640px}
table.cmp th,table.cmp td{text-align:start;padding:14px 16px;border-bottom:1px solid var(--line)}
table.cmp thead th{background:var(--navy);color:#fff;font-weight:700}
table.cmp tbody tr:nth-child(even){background:#fafcfe}
table.cmp .ok{color:var(--green);font-weight:700}
table.cmp .no{color:#b0623a}
/* live vs roadmap */
.live-row{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin-top:36px}
@media(max-width:760px){.live-row{grid-template-columns:1fr}}
.live-col{background:#fff;border:1px solid var(--line);border-radius:16px;padding:26px}
.live-col h3{font-size:18px;margin-bottom:12px}
.live-col.livec{border-top:4px solid var(--green)}
.live-col.roadc{border-top:4px solid var(--navy)}
.live-col ul{list-style:none}
.live-col li{padding:8px 0;border-bottom:1px solid var(--line);color:var(--muted);font-size:14.5px}
.live-col li b{color:var(--navy)}
/* io blocks */
.io{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:36px}
@media(max-width:820px){.io{grid-template-columns:1fr}}
.io .box{background:#fff;border:1px solid var(--line);border-radius:16px;padding:24px}
.io .box h4{color:var(--green);font-size:13px;letter-spacing:1.5px;text-transform:uppercase;margin-bottom:12px}
.io .box ul{list-style:none}.io .box li{padding:6px 0;color:var(--muted);font-size:14.5px;border-bottom:1px solid var(--line)}
/* offers */
.offers{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:40px}
@media(max-width:900px){.offers{grid-template-columns:repeat(2,1fr)}}@media(max-width:560px){.offers{grid-template-columns:1fr}}
.offer{background:#fff;border:1px solid var(--line);border-radius:14px;padding:22px;transition:.25s}
.offer:hover{border-color:var(--green);transform:translateY(-3px);box-shadow:0 16px 34px rgba(31,56,100,.10)}
.offer b{color:var(--navy);font-size:16px;display:block;margin-bottom:6px}
.offer span{color:var(--muted);font-size:14px}
.offer .len{color:var(--green);font-weight:700;font-size:12.5px;margin-top:8px;display:block}
/* faq */
.faq{margin-top:36px;max-width:840px}
.faq details{border:1px solid var(--line);border-radius:12px;padding:4px 18px;margin-bottom:12px;background:#fff}
.faq summary{cursor:pointer;font-weight:700;color:var(--navy);padding:14px 0;list-style:none;font-size:16px}
.faq summary::-webkit-details-marker{display:none}
.faq summary:after{content:"+";float:inline-end;color:var(--green);font-weight:800}
.faq details[open] summary:after{content:"–"}
.faq p{color:var(--muted);padding:0 0 16px;font-size:15px}
/* pillars/chips */
.chips{display:flex;flex-wrap:wrap;gap:12px;margin-top:34px}
.chip{border:1px solid var(--line);background:#fff;border-radius:999px;padding:11px 20px;font-weight:600;color:var(--navy);font-size:15px;transition:.2s}
.chip:hover{background:var(--navy);color:#fff;transform:translateY(-2px)}
.bglight{background:var(--bg)}
/* founder */
.founder{background:linear-gradient(rgba(12,24,48,.88),rgba(18,35,63,.94)),url("bg/bg11.jpg") center/cover no-repeat;position:relative}
.founder h2{color:#fff}
.fgrid{display:grid;grid-template-columns:.8fr 1.2fr;gap:44px;align-items:center;margin-top:40px}
@media(max-width:840px){.fgrid{grid-template-columns:1fr;gap:26px}}
.fcard{background:linear-gradient(160deg,#274a80,#1c3460);border-radius:22px;padding:40px 30px;color:#fff;text-align:center;box-shadow:0 30px 70px rgba(15,27,47,.28)}
.fphoto{width:220px;height:220px;object-fit:cover;object-position:center 20%;border-radius:18px;margin:0 auto 16px;display:block;border:5px solid #fff;box-shadow:0 0 0 3px #5d82bd,0 16px 34px rgba(0,0,0,.28)}
.fcard h3{font-size:23px;color:#fff}.fcard .role{color:#9db98e;font-weight:600;margin-top:6px;font-size:14px}
.fbody p{color:#cdd9ea;font-size:16.5px}
.fbody .quote{color:#fff;font-weight:600;font-size:18px;border-inline-start:3px solid var(--green);padding-inline-start:16px;margin:18px 0}
/* contact */
.contact{background:linear-gradient(160deg,rgba(31,56,100,.90),rgba(12,24,48,.95)),url("bg/bg09.jpg") center/cover no-repeat;color:#fff;text-align:center;position:relative;overflow:hidden}
.contact:before{content:"";position:absolute;inset:0;background:radial-gradient(600px 300px at 50% 120%,rgba(79,121,66,.28),transparent 60%)}
.contact .wrap{position:relative}.contact h2{color:#fff}
.contact p{color:#c6d1e2;font-size:19px;max-width:56ch;margin:16px auto 0}
.contact .btns{margin-top:32px;display:flex;gap:14px;justify-content:center;flex-wrap:wrap}
.contact .mail{display:inline-block;margin-top:26px;font-size:clamp(18px,2.6vw,26px);font-weight:800;color:#8fb27f;font-family:Sora}
.social{display:flex;gap:14px;justify-content:center;flex-wrap:wrap;margin-top:26px}
.social a{width:46px;height:46px;border-radius:50%;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.18);display:flex;align-items:center;justify-content:center;transition:.25s}
.social a:hover{background:var(--green);border-color:var(--green);transform:translateY(-3px)}
.social svg{width:20px;height:20px;fill:#fff}
footer{background:#0a1426;color:#8394ad;padding:38px 0;font-size:14px}
.foot{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px}
.foot a{color:#aebbce}.foot a:hover{color:#8fb27f}
.fsocial{display:flex;gap:15px;align-items:center;width:100%;margin-top:6px}
.fsocial a{color:#9fb2c8;display:inline-flex}
.fsocial a:hover{color:#8fb27f}
.fsocial svg{width:19px;height:19px;fill:currentColor;display:block}
.cform{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.14);border-radius:18px;padding:28px 26px;max-width:600px;margin:28px auto 10px;display:grid;gap:15px;text-align:left;box-shadow:0 22px 54px rgba(0,0,0,.30)}
[dir=rtl] .cform{text-align:right}
.cform .row2{display:grid;grid-template-columns:1fr 1fr;gap:15px}
@media(max-width:600px){.cform{padding:22px 18px}.cform .row2{grid-template-columns:1fr}}
.cform label{color:#cbd6e6;font-size:12.5px;font-weight:600;margin-bottom:6px;display:block;letter-spacing:.2px}
.cform input,.cform textarea{width:100%;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.18);border-radius:11px;padding:13px 14px;color:#fff;font:inherit;font-size:15px;transition:.2s}
.cform textarea{min-height:130px;resize:vertical}
.cform input::placeholder,.cform textarea::placeholder{color:#8194aa}
.cform input:focus,.cform textarea:focus{outline:none;border-color:#8fb27f;background:rgba(255,255,255,.1);box-shadow:0 0 0 3px rgba(143,178,127,.15)}
.cform button{justify-content:center;width:100%;margin-top:4px;padding:15px}
.cform .note{font-size:13.5px;min-height:18px;font-weight:600;text-align:center}
.cform .note.ok{color:#8fd49a}.cform .note.err{color:#e6a2a2}