:root{--bg:#0b0c0e;--panel:#121317;--ink:#e9eef0;--muted:#a9b0b6;--brand:#10b981;--brand2:#0ea5a4;--hdr:#0d0f12;--line:#161a20;--header-h:60px}*{box-sizing:border-box}html,body,#root{height:100%}body{background:var(--bg);color:var(--ink);direction:rtl;margin:0;font-family:Heebo,system-ui,-apple-system,Segoe UI,Roboto,Arial;line-height:1.6}a{color:inherit;text-decoration:none}.wrap{max-width:1120px;margin:auto;padding:0 16px}.topnav{z-index:1000;-webkit-backdrop-filter:saturate(120%)blur(8px);backdrop-filter:saturate(120%)blur(8px);border-bottom:1px solid var(--line);background:#0d0f12eb;position:sticky;top:0}.topbar{min-height:var(--header-h);justify-content:space-between;align-items:center;gap:12px;display:flex}.brand{align-items:center;gap:10px;font-weight:900;display:flex}.brand .dot{background:linear-gradient(90deg,var(--brand),var(--brand2));border-radius:999px;width:10px;height:10px}.navlinks{color:#cdd3d8;gap:18px;font-size:14px;display:flex}.navcta{background:linear-gradient(90deg,var(--brand),var(--brand2));color:#062c26;border:none;border-radius:12px;align-items:center;gap:8px;padding:10px 14px;font-weight:900;display:inline-flex}.navcta.back{color:#d8f7ef;background:#1b2329;border:1px solid #26333a}.burger{color:#e9eef0;background:#161a20;border:1px solid #2b3237;border-radius:10px;padding:8px 10px;display:none}.mobile-sheet{display:none}@media (max-width:1024px){.mobile-sheet{left:0;right:0;top:var(--header-h);z-index:900;pointer-events:none;display:block;position:fixed}.mobile-sheet:not(.open){display:none}}.mobile-menu{pointer-events:auto;opacity:0;background:#101215;border:1px solid #1b1f25;border-radius:12px;flex-direction:column;gap:16px;margin:8px 12px;padding:16px;animation:.18s ease-out forwards sheetIn;display:flex;transform:translateY(-8px);box-shadow:0 10px 24px #00000059}@keyframes sheetIn{to{opacity:1;transform:translateY(0)}}.mobile-menu a{color:var(--ink);font-weight:600}.hero{background:radial-gradient(60% 50% at 50% 0,#10b9811a,#0000),linear-gradient(160deg,#0b0c0e 0%,#0f1116 60%,#0a0c10 100%);place-items:center;min-height:66vh;padding:28px 0;display:grid;position:relative}.hero-grid{grid-template-columns:.95fr 1.05fr;align-items:center;gap:28px;display:grid}.hero-media{place-items:center;display:grid}h1{margin:10px 0;font-size:clamp(24px,5.4vw,36px);font-weight:900;line-height:1.18}.lead{color:#cdd3d8;margin:8px 0 4px;font-size:clamp(14px,3.6vw,18px)}.badge{color:var(--muted)}.cta{flex-wrap:wrap;gap:8px;margin-top:10px;display:flex}.btn{color:#e7f7f2;cursor:pointer;background:#172027;border:1px solid #2b3237;border-radius:14px;justify-content:center;align-items:center;gap:8px;padding:12px 16px;font-weight:800;display:inline-flex}.btn.primary{background:linear-gradient(90deg,var(--brand),var(--brand2));color:#062c26;border-color:#0000}.btn.ghost{background:0 0}.trust{color:#8f98a0;flex-wrap:wrap;gap:12px;margin-top:8px;font-size:12px;display:flex}.cover{aspect-ratio:2/3;background:#0f1217;border:1px solid #262a33;border-radius:18px;width:min(340px,90%);margin-inline:auto;position:relative;box-shadow:0 16px 34px #00000073}.cover img{object-fit:cover;border-radius:18px;width:100%;height:100%;position:absolute;inset:0}.sticker{color:#a2ffe9;background:#0b1412;border:1px solid #113b33;border-radius:10px;padding:6px 10px;font-size:12px;position:absolute;top:10px;left:10px}.section{border-top:1px solid var(--line);padding:38px 0}h2{margin:0 0 12px;font-size:24px}.features{grid-template-columns:repeat(3,1fr);gap:12px;margin:16px 0;display:grid}.item{background:var(--panel);border:1px solid #1e232a;border-radius:14px;padding:12px}.item b{color:#bfeee3;margin-bottom:6px;font-size:13px;display:block}.excerpt{background:#0f1217;border:1px solid #1e232a;border-radius:16px;padding:14px}.grid2{grid-template-columns:1fr 1fr;gap:12px;display:grid}blockquote{white-space:normal;border-right:4px solid var(--brand);background:#0c0f14;border-left:0;border-radius:12px;margin:0;padding:14px 16px;line-height:1.7;box-shadow:inset 0 0 0 1px #161a20}.excerpt-cta{flex-wrap:wrap;justify-content:center;gap:8px;margin-top:16px;display:flex}.excerpt-cta .btn{flex:180px}.reader{padding:20px 0}.reader-wrap{max-width:800px}.reader-title{margin:0 0 12px;font-size:clamp(22px,5.5vw,30px)}.read-card{background:var(--panel);color:#e7edf2;border:1px solid #1e232a;border-radius:14px;padding:16px;line-height:1.9}.read-card p{margin:0 0 12px}.read-card p:last-child{margin-bottom:0}.read-card.clamped{max-height:520px;position:relative;overflow:hidden}.read-card.clamped:after{content:"";pointer-events:none;background:linear-gradient(#10121500 0%,#101215bf 60%,#101215 100%);border-bottom-right-radius:14px;border-bottom-left-radius:14px;height:120px;position:absolute;bottom:0;left:0;right:0}.read-cta{flex-wrap:wrap;gap:10px;margin-top:12px;display:flex}.reader-sticky{margin-top:12px;display:none;position:sticky;bottom:10px}.reading .reader-sticky{display:block}.reader-sticky .btn{width:100%}.progress{background:var(--panel);border:1px solid #1e232a;border-radius:16px;margin:16px 0;padding:14px}.progress-top{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.progress-nums b{color:#b8ffea;font-size:22px}.progress-nums span{color:#9aa3ab;margin-inline-start:8px}.progress-stats{color:#9aa3ab;gap:12px;display:flex}.progress-bar{background:#0f1411;border:1px solid #113b33;border-radius:999px;height:12px;margin:10px 0;overflow:hidden}.progress-fill{background:linear-gradient(90deg,var(--brand),var(--brand2));height:100%}.btn.campaign{box-shadow:inset 0 0 0 1px #103c34}.tiers{grid-template-columns:repeat(3,1fr);gap:12px;margin-top:12px;display:grid}.tier{background:var(--panel);border:1px solid #1e232a;border-radius:16px;flex-direction:column;gap:10px;padding:14px;display:flex}.tier.hot{border-color:#1a3b33;box-shadow:inset 0 0 0 1px #1a3b33}.tier-price{align-items:baseline;gap:8px;display:flex}.tier-price .amt{color:#b8ffea;font-size:26px;font-weight:900}.tier-price .lbl{color:#cdebe4;font-weight:800}.tier-perks{color:#cdd3d8;margin:0;padding-inline-start:18px}.tier .btn{align-self:flex-start}.cards{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.card{background:var(--panel);color:#e7edf2;border:1px solid #1e232a;border-radius:14px;padding:14px}.card small{color:#a4aab0;margin-top:8px;display:block}.faq{flex-direction:column;gap:10px;display:flex}.faq-item{border:1px solid #1e232a;border-radius:8px;overflow:hidden}.faq-question{text-align:right;width:100%;color:var(--ink);cursor:pointer;background:#121317;border:none;padding:12px 14px;font-weight:600}.faq-question:hover{background:#161a20}.faq-answer{color:#34d399;background:#0d1713;border-top:1px solid #113b33;padding:12px 14px}section{scroll-margin-top:70px}.ribbon{color:#b8ffea;background:linear-gradient(90deg,#0d1513,#0a0f0d);border-bottom:1px solid #113b33;padding:10px 0;font-weight:700}.ribbon .wrap{justify-content:center;gap:10px;display:flex}.ribbon a{color:#34d399;text-decoration:underline}.modal-overlay{z-index:1100;background:#0009;place-items:center;display:grid;position:fixed;inset:0}.modal{background:#0f1217;border:1px solid #1e232a;border-radius:16px;width:min(92vw,460px);padding:18px;position:relative}.modal-x{color:#cfd8df;cursor:pointer;background:#11151a;border:1px solid #20262d;border-radius:8px;padding:4px 8px;position:absolute;top:10px;left:10px}.modal h3{margin:0 0 6px;font-size:20px}.modal .muted{color:#98a2ab;margin:0 0 10px}.lead-form{flex-direction:column;gap:8px;display:flex}.lead-form input{color:#e9eef0;background:#0d1014;border:1px solid #2b3237;border-radius:12px;flex:1;width:100%;padding:12px 14px}.lead-form .btn{width:100%}.error{color:#fda4af;margin-top:8px}.ok{color:#b8ffea;margin-top:8px}@media (max-width:1024px){.topbar{grid-template-columns:auto 1fr auto;grid-template-areas:"burger cta brand";align-items:center;gap:12px;display:grid}.navlinks.desktop{display:none}.burger{grid-area:burger;justify-self:start;display:inline-flex}.navcta{grid-area:cta;justify-self:center;display:inline-flex}.brand{grid-area:brand;justify-self:end}.hero-grid{grid-template-columns:1fr;gap:16px}.hero{min-height:unset;padding:18px 0}.cover{margin-top:6px}.cta .btn{flex:48%}.features,.grid2,.cards,.tiers{grid-template-columns:1fr}.read-card{padding:14px}.read-card.clamped{max-height:440px}}@media (max-width:480px){h1{font-size:clamp(22px,7vw,30px)}.cta .btn{flex:100%}}.subhead{color:#9fb7b1;letter-spacing:.2px;margin:8px 0 4px;font-weight:800}.subhead.brand{color:var(--brand);letter-spacing:.3px;margin:8px 0 4px;font-size:clamp(18px,2.5vw,26px);font-weight:800}
