:root{
  --bg:#061523;
  --bg2:#091d32;
  --surface:rgba(255,255,255,.075);
  --surface2:rgba(255,255,255,.11);
  --border:rgba(255,255,255,.13);
  --text:#f6fbff;
  --muted:#a9bfd2;
  --gold:#f7b942;
  --green:#4fe08d;
  --cyan:#35d7ff;
  --blue:#2b74ff;
  --danger:#ff6b6b;
  --shadow:0 24px 80px rgba(0,0,0,.35);
  --radius:24px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;
  font-family:'IBM Plex Sans Arabic',system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;
  background:radial-gradient(circle at top right,rgba(43,116,255,.22),transparent 35%),linear-gradient(135deg,var(--bg),#02070d 70%);
  color:var(--text);
  overflow-x:hidden;
}
a{color:inherit;text-decoration:none}
img{max-width:100%;display:block}
.container{width:min(1160px,calc(100% - 40px));margin-inline:auto}
.section-pad{padding:92px 0}
.alt{background:linear-gradient(180deg,rgba(255,255,255,.025),rgba(255,255,255,.055))}
.page-glow{position:fixed;border-radius:999px;filter:blur(80px);opacity:.42;pointer-events:none;z-index:-1}
.page-glow-a{width:360px;height:360px;right:-90px;top:110px;background:var(--blue)}
.page-glow-b{width:320px;height:320px;left:-100px;bottom:80px;background:var(--gold)}
.site-header{
  position:sticky;top:0;z-index:50;
  backdrop-filter:blur(18px);
  background:rgba(6,21,35,.72);
  border-bottom:1px solid rgba(255,255,255,.08);
}
.nav-wrap{height:76px;display:flex;align-items:center;justify-content:space-between;gap:24px}
.brand{display:flex;align-items:center;gap:12px;font-weight:700;letter-spacing:.2px}
.brand img{width:42px;height:42px}
.brand span{font-size:19px}.brand b{color:var(--gold)}
.nav{display:flex;align-items:center;gap:22px;color:var(--muted);font-weight:600;font-size:15px}
.nav a{transition:.2s}.nav a:hover{color:#fff}
.nav-pill{padding:10px 16px;border:1px solid var(--border);border-radius:999px;background:rgba(255,255,255,.07);color:#fff!important}
.nav-toggle{display:none;background:none;border:0;gap:5px;flex-direction:column;padding:8px;cursor:pointer}
.nav-toggle span{display:block;width:24px;height:2px;background:#fff;border-radius:8px}
.hero{padding-top:110px;min-height:720px;display:flex;align-items:center}
.hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:56px;align-items:center}
.eyebrow,.mini-title{display:inline-flex;align-items:center;gap:10px;color:var(--cyan);font-weight:700;font-size:14px;margin-bottom:18px}
.eyebrow span{width:34px;height:2px;background:linear-gradient(90deg,var(--cyan),var(--gold));border-radius:999px}
h1,h2,h3,p{margin-top:0}h1{font-size:clamp(42px,7vw,76px);line-height:1.05;margin-bottom:22px;letter-spacing:-1.6px}h1 strong{color:var(--gold);font-size:.72em}
.lead{font-size:20px;line-height:1.9;color:var(--muted);max-width:620px}.risk-note{color:#91a8bc;font-size:13px;margin-top:18px}.hero-actions{display:flex;gap:14px;flex-wrap:wrap;margin:32px 0}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 22px;border-radius:14px;font-weight:800;border:1px solid transparent;transition:.2s}.btn:hover{transform:translateY(-2px)}.btn-primary{background:linear-gradient(135deg,var(--gold),#ff8f2e);color:#160c00;box-shadow:0 12px 34px rgba(247,185,66,.22)}.btn-ghost{background:rgba(255,255,255,.06);border-color:var(--border);color:#fff}.trust-row{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;max-width:560px}.trust-row div{background:rgba(255,255,255,.055);border:1px solid var(--border);border-radius:18px;padding:14px}.trust-row b{display:block;color:#fff;font-size:18px}.trust-row span{color:var(--muted);font-size:13px}.hero-card{position:relative;background:linear-gradient(150deg,rgba(255,255,255,.15),rgba(255,255,255,.055));border:1px solid rgba(255,255,255,.16);border-radius:32px;padding:22px;box-shadow:var(--shadow);overflow:hidden}.hero-card:before{content:"";position:absolute;inset:-1px;background:radial-gradient(circle at 10% 15%,rgba(53,215,255,.22),transparent 30%),radial-gradient(circle at 80% 0,rgba(247,185,66,.24),transparent 28%);pointer-events:none}.terminal-top,.score-panel,.bot-list,.license-box{position:relative}.terminal-top{display:flex;align-items:center;gap:8px;color:var(--muted);font-size:13px;margin-bottom:24px}.terminal-top span{width:11px;height:11px;border-radius:50%;background:var(--danger)}.terminal-top span:nth-child(2){background:var(--gold)}.terminal-top span:nth-child(3){background:var(--green)}.terminal-top em{font-style:normal;margin-inline-start:8px}.score-panel{display:grid;grid-template-columns:1fr 1.1fr;gap:18px}.score-main{background:rgba(0,0,0,.18);border:1px solid var(--border);border-radius:24px;padding:26px}.score-main small{color:var(--muted);display:block}.score-main strong{display:block;font-size:58px;color:var(--green);line-height:1}.score-main span{color:var(--muted)}.chart-lines{height:180px;display:flex;align-items:end;gap:12px;padding:20px;border:1px solid var(--border);border-radius:24px;background:rgba(0,0,0,.15)}.chart-lines i{flex:1;display:block;border-radius:10px 10px 0 0;background:linear-gradient(180deg,var(--cyan),rgba(53,215,255,.12))}.bot-list{display:grid;gap:12px;margin-top:18px}.bot-list div,.license-box{display:flex;align-items:center;justify-content:space-between;background:rgba(255,255,255,.07);border:1px solid var(--border);border-radius:18px;padding:15px 16px}.bot-list b{margin-inline-end:auto;margin-inline-start:10px}.bot-list em{color:var(--muted);font-style:normal;font-size:13px}.dot{width:11px;height:11px;border-radius:50%;display:inline-block}.green{background:var(--green)}.blue{background:var(--cyan)}.gold{background:var(--gold)}.license-box{margin-top:18px;background:rgba(79,224,141,.09)}.license-box span{color:var(--muted)}.license-box strong{color:var(--green)}.stats-strip{padding:28px 0;border-top:1px solid rgba(255,255,255,.08);border-bottom:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.035)}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.stats-grid div{padding:10px 0}.stats-grid b{display:block;color:#fff}.stats-grid span{color:var(--muted);font-size:14px}.section-head{text-align:center;max-width:760px;margin:0 auto 42px}.section-head.left{text-align:start;margin-inline:0}.section-head span{color:var(--gold);font-weight:800}.section-head h2{font-size:clamp(32px,4vw,48px);line-height:1.25;margin:10px 0 14px}.section-head p{color:var(--muted);line-height:1.9;font-size:18px}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.glass-card,.price-card,.results-card,.bot-card,.setup-steps div,.faq-list details{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:0 16px 46px rgba(0,0,0,.16)}.glass-card{padding:26px}.glass-card h3{font-size:22px;margin-bottom:10px;color:#fff}.glass-card p{line-height:1.8;color:var(--muted);margin-bottom:0}.split{display:grid;grid-template-columns:.85fr 1.15fr;gap:46px;align-items:center}.split.reverse{grid-template-columns:1.1fr .9fr}.bot-cards{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.bot-card{padding:22px}.bot-card strong{display:block;font-size:20px;color:#fff}.bot-card span{color:var(--muted)}.bot-card.wide{grid-column:1/-1;background:linear-gradient(135deg,rgba(53,215,255,.13),rgba(247,185,66,.1))}.results-card{display:grid;grid-template-columns:1fr .85fr;gap:30px;align-items:center;padding:36px;background:linear-gradient(135deg,rgba(43,116,255,.16),rgba(247,185,66,.08))}.results-card h2{font-size:42px;margin-bottom:12px}.results-card p{color:var(--muted);line-height:1.8}.metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.metrics div{border:1px solid var(--border);background:rgba(0,0,0,.16);border-radius:18px;padding:18px;text-align:center}.metrics b{display:block;color:var(--gold)}.metrics span{color:var(--muted);font-size:13px}.pricing-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.price-card{padding:28px}.price-card.featured{background:linear-gradient(180deg,rgba(247,185,66,.18),rgba(255,255,255,.075));border-color:rgba(247,185,66,.38);transform:translateY(-12px)}.price-card h3{font-size:28px}.price-card p{color:var(--muted)}.price-card strong{display:block;font-size:38px;margin:16px 0;color:#fff}.price-card ul{padding:0 18px 0 0;margin:0 0 24px;color:var(--muted);line-height:2}.price-card .btn{width:100%}.setup-steps{display:grid;gap:14px}.setup-steps div{display:flex;align-items:center;gap:18px;padding:18px}.setup-steps b{display:grid;place-items:center;width:48px;height:48px;border-radius:16px;background:rgba(247,185,66,.13);color:var(--gold)}.setup-steps span{color:#eaf4ff;font-weight:600}.faq-wrap{max-width:860px}.faq-list{display:grid;gap:12px}.faq-list details{padding:20px}.faq-list summary{cursor:pointer;font-weight:800;color:#fff}.faq-list p{color:var(--muted);line-height:1.8;margin:14px 0 0}.site-footer{padding:58px 0 22px;background:#030910;border-top:1px solid rgba(255,255,255,.08)}.footer-grid{display:grid;grid-template-columns:1.5fr .7fr .7fr;gap:30px}.footer-grid p{color:var(--muted);line-height:1.8;max-width:520px}.footer-grid h4{color:var(--gold)}.footer-grid a{display:block;color:var(--muted);margin:8px 0}.footer-brand{margin-bottom:14px}.copyright{border-top:1px solid rgba(255,255,255,.08);margin-top:28px;padding-top:20px;color:#7990a4;font-size:14px}.reveal{opacity:0;transform:translateY(18px);transition:.7s ease}.reveal.visible{opacity:1;transform:none}.delay-1{transition-delay:.12s}.delay-2{transition-delay:.24s}
@media(max-width:920px){.nav-toggle{display:flex}.nav{position:absolute;inset:76px 20px auto 20px;display:none;flex-direction:column;align-items:stretch;padding:18px;background:rgba(6,21,35,.96);border:1px solid var(--border);border-radius:22px;box-shadow:var(--shadow)}.nav.open{display:flex}.hero{padding-top:70px}.hero-grid,.split,.split.reverse,.results-card{grid-template-columns:1fr}.feature-grid,.pricing-grid,.stats-grid{grid-template-columns:1fr 1fr}.footer-grid{grid-template-columns:1fr}.price-card.featured{transform:none}}
@media(max-width:620px){.container{width:min(100% - 28px,1160px)}.section-pad{padding:68px 0}.trust-row,.score-panel,.bot-cards,.metrics,.feature-grid,.pricing-grid,.stats-grid{grid-template-columns:1fr}h1{font-size:40px}.lead{font-size:17px}.hero-card{padding:16px}.chart-lines{height:130px}.footer-grid{gap:10px}}

/* Part 06: dynamic public content */
.app-actions{margin-top:18px}.float-whatsapp{position:fixed;right:22px;bottom:22px;z-index:30;display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:0 18px;border-radius:999px;background:linear-gradient(135deg,#22c55e,#16a34a);color:#052e16;font-weight:900;box-shadow:0 20px 45px rgba(34,197,94,.28);border:1px solid rgba(255,255,255,.2)}.float-whatsapp:hover{transform:translateY(-2px);filter:brightness(1.05)}@media(max-width:640px){.float-whatsapp{right:14px;bottom:14px;min-height:42px;padding:0 14px;font-size:13px}}

/* Part 07: public Results Center */
.compact-hero{padding-bottom:70px}.filter-bar{display:grid;grid-template-columns:1fr 1fr auto auto;gap:14px;align-items:end;margin-bottom:24px;background:rgba(255,255,255,.055);border:1px solid rgba(255,255,255,.1);border-radius:24px;padding:18px}.public-results-grid,.featured-results-home{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:22px}.public-result-card,.mini-result-card{background:linear-gradient(180deg,rgba(255,255,255,.08),rgba(255,255,255,.035));border:1px solid rgba(255,255,255,.12);border-radius:26px;padding:22px;box-shadow:0 24px 70px rgba(0,0,0,.18);overflow:hidden}.result-card-top{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.public-result-card h2,.mini-result-card h3{margin:10px 0;color:#fff}.public-result-card p{color:var(--muted);line-height:1.8}.result-image{display:block;width:100%;max-height:220px;object-fit:cover;border-radius:18px;margin:10px 0 16px;border:1px solid rgba(255,255,255,.1)}.result-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:16px 0}.result-metrics.compact{grid-template-columns:repeat(3,1fr)}.result-metrics div{background:rgba(0,0,0,.18);border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:12px}.result-metrics b{display:block;color:#fff;font-size:18px}.result-metrics span,.result-metrics small{display:block;color:var(--muted);font-size:12px;margin-top:4px}.result-meta{display:flex;flex-wrap:wrap;gap:8px;margin:14px 0}.result-meta span{font-size:12px;color:#dbeafe;border:1px solid rgba(96,165,250,.22);background:rgba(37,99,235,.1);padding:6px 9px;border-radius:999px}.mini-result-card span{color:var(--muted);font-size:13px}.featured-results-home{margin-top:18px}.featured-results-home .mini-result-card{padding:18px}.results-card .btn{margin-top:16px}@media(max-width:980px){.filter-bar,.public-results-grid,.featured-results-home{grid-template-columns:1fr}.result-metrics{grid-template-columns:repeat(2,1fr)}}@media(max-width:620px){.result-metrics,.result-metrics.compact{grid-template-columns:1fr}}


/* Part 10: legal pages, SEO polish and production links */
.legal-page{padding-top:120px}.legal-container{max-width:940px}.legal-card{background:var(--surface);border:1px solid var(--border);border-radius:28px;padding:34px;box-shadow:var(--shadow);line-height:1.9;color:#dcecff}.legal-card h2,.legal-card h3{color:#fff}.legal-card h2{font-size:32px}.legal-card h3{margin-top:28px;color:var(--gold)}.legal-card p,.legal-card li{color:var(--muted)}.legal-card ul{padding-inline-start:24px}.legal-card strong{color:#fff}.legal-nav{display:flex!important;position:static!important;background:transparent!important;border:0!important;box-shadow:none!important;flex-direction:row!important;padding:0!important}.site-footer .copyright a{color:#dff7ff;text-decoration:underline;text-underline-offset:3px}.production-note{border:1px solid rgba(79,224,141,.24);background:rgba(79,224,141,.08);border-radius:18px;padding:14px;color:#d9ffe8;line-height:1.7}
@media(max-width:720px){.legal-card{padding:22px}.legal-nav{gap:12px;font-size:13px}.legal-page{padding-top:80px}}