:root{--navy:#061b2b;--ink:#0a1722;--teal:#00b79f;--mint:#dff9f4;--cloud:#f4f7f8;--line:#dce5e8}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);font-family:'IBM Plex Sans Arabic','Manrope',sans-serif;background:#fff}.nav{height:78px;display:flex;align-items:center;justify-content:space-between;padding:0 6vw;border-bottom:1px solid var(--line);position:sticky;top:0;background:#ffffffee;backdrop-filter:blur(14px);z-index:20}.brand{text-decoration:none;color:var(--navy);font:800 25px Manrope;letter-spacing:-1px}.brand b{color:var(--teal)}.brand small{font-size:7px;display:block;letter-spacing:2px}.nav nav{display:flex;gap:26px;align-items:center}.nav nav a{color:#374650;text-decoration:none;font-weight:600;font-size:14px}.pill{background:var(--navy);color:#fff!important;padding:11px 18px;border-radius:99px}.hero{min-height:760px;background:radial-gradient(circle at 10% 20%,#dff9f4 0,transparent 32%),var(--cloud);display:grid;grid-template-columns:1fr 1.15fr;gap:5vw;align-items:center;padding:7vw 6vw}.eyebrow{color:#008f7d;text-transform:uppercase;font:700 12px Manrope;letter-spacing:1.8px}.hero h1{font:800 clamp(46px,6vw,86px)/1.03 'IBM Plex Sans Arabic';margin:18px 0}.hero h1 em{font-style:normal;color:#008e7b}.hero-copy>p{font-size:21px;line-height:1.8;color:#52616b;max-width:650px}.actions{display:flex;gap:14px;margin:30px 0}.actions a{padding:14px 22px;border-radius:8px;text-decoration:none;font-weight:700}.primary{background:var(--teal);color:#fff}.secondary{border:1px solid #9aabb3;color:var(--navy)}.note{font-size:12px!important}.visual{perspective:1200px}.window{background:#fff;border-radius:18px;box-shadow:0 35px 80px #071d2b26;overflow:hidden;transform:rotateY(-5deg)}.bar{height:46px;background:var(--navy);display:flex;align-items:center;padding:0 16px;gap:7px}.bar i{width:9px;height:9px;border-radius:50%;background:#ff6b6b}.bar i:nth-child(2){background:#ffca4b}.bar i:nth-child(3){background:#3bd87f}.bar span{margin-right:auto;color:#aef3e9;font:600 11px Manrope}.dash{padding:28px}.dash-head{display:flex;justify-content:space-between;align-items:start}.dash-head small{color:#75848c}.dash-head h2{font:700 22px Manrope;margin:7px 0}.dash-head>b{font:700 8px Manrope;color:#008e7b;border:1px solid #8ce1d6;padding:6px;border-radius:5px}.metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:11px;margin:18px 0}.metrics article{border:1px solid var(--line);padding:13px;border-radius:9px}.metrics small,.metrics span{display:block;color:#809098;font:500 9px Manrope}.metrics strong{display:block;font:800 28px Manrope;margin:7px 0}.chart{height:150px;display:flex;align-items:end;gap:8px;padding:20px;border:1px solid var(--line);border-radius:10px;background:linear-gradient(#fff,#f7fbfb)}.chart span{flex:1;background:linear-gradient(var(--teal),#008e7b);border-radius:4px 4px 0 0}.signals{margin-top:15px}.signals>p{font:500 11px Manrope;border-top:1px solid #edf1f2;padding:9px 0;margin:0}.signals i{display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:6px}.signals p span{float:right;color:#73828a}.green{background:#14bb8a}.amber{background:#ffbf43}.red{background:#ff6868}.statement{padding:9vw 14vw;background:var(--navy);color:#fff}.statement span{color:#82dacf}.statement h2{font-size:clamp(38px,5vw,70px);line-height:1.25;max-width:1000px;margin:20px 0}.grid{padding:7vw 6vw;display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line)}.grid article{background:#fff;padding:40px;min-height:230px}.grid b{color:var(--teal);font:700 12px Manrope}.grid h3{font:700 21px Manrope}.grid p{color:#62717a;line-height:1.8}.security{padding:8vw 7vw;display:grid;grid-template-columns:1.2fr 1fr;gap:8vw;background:var(--mint)}.security h2,.flow h2,.demo h2{font-size:clamp(34px,4vw,58px);margin:15px 0}.security p{font-size:19px;line-height:1.9}.security ul{list-style:none;padding:0}.security li{padding:18px 0;border-bottom:1px solid #aadbd3;font-weight:700}.security li:before{content:'✓';color:#008e7b;margin-left:10px}.flow{padding:7vw 6vw}.flow>div{display:grid;grid-template-columns:repeat(4,1fr);margin-top:40px}.flow span{font:800 48px Manrope;color:#b7c8cd;border-top:3px solid var(--teal);padding-top:20px}.flow small{display:block;font:700 16px 'IBM Plex Sans Arabic';color:var(--ink);margin-top:12px}.demo{padding:8vw 7vw;background:var(--cloud);display:grid;grid-template-columns:1fr 1fr;gap:8vw}.demo p{color:#62717a;line-height:1.8}.demo form{display:grid;grid-template-columns:1fr 1fr;gap:14px}.demo label{font-size:13px;font-weight:700}.demo input,.demo select,.demo textarea{width:100%;margin-top:6px;border:1px solid #c8d3d7;background:#fff;padding:12px;border-radius:7px;font:inherit}.demo label:last-of-type{grid-column:1/-1}.demo button{grid-column:1/-1;padding:14px;border:0;border-radius:7px;background:var(--navy);color:#fff;font-weight:700}.demo output{grid-column:1/-1;color:#008e7b}footer{padding:35px 6vw;display:flex;align-items:center;gap:30px;background:#03131f;color:#9fb0b9}footer .brand{color:#fff}footer a{margin-right:auto;color:#5ee0cf}@media(max-width:850px){.nav nav a:not(.pill){display:none}.hero,.security,.demo{grid-template-columns:1fr}.hero{padding-top:100px}.grid{grid-template-columns:1fr}.flow>div{grid-template-columns:1fr 1fr}.window{transform:none}.demo form{grid-template-columns:1fr}.demo label{grid-column:1/-1}}
.brand-logo{display:flex;align-items:center;gap:.65rem}.brand-logo img{display:block;width:96px;height:48px;object-fit:cover;border-radius:8px}.brand-logo small{font-size:.55rem;letter-spacing:.18em}.hp{position:absolute!important;left:-9999px!important;opacity:0!important;pointer-events:none!important}