@import "https://fonts.googleapis.com/css2?family=Heebo:wght@400;500;700&family=Rubik:wght@600;800&display=swap";.landing{--navy:#021d54;--bg:#f4f6fb;--surface:#fff;--fg:#0b1633;--muted:#4d5a78;--line:#dbe1ef;--accent:#f5b301;--cool:#5b86ff;--accent-fg:#1d1500;--hero-bg:#021d54;--hero-fg:#fff;--hero-muted:#b8c4e6;--ok:#1a7f4b;--warn:#b45309;--font-display:"Rubik","Heebo",system-ui,sans-serif;--font-body:"Heebo",system-ui,-apple-system,"Segoe UI",Arial,sans-serif}@media (prefers-color-scheme:dark){.landing:not([data-theme=light]){--bg:#050d24;--surface:#0c1a3d;--fg:#eef2ff;--muted:#9fb0d8;--line:#1c2d5c;--hero-bg:#021445;--ok:#4cd08a;--warn:#f0a95b;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}.landing[data-theme=dark]{--bg:#050d24;--surface:#0c1a3d;--fg:#eef2ff;--muted:#9fb0d8;--line:#1c2d5c;--hero-bg:#021445;--ok:#4cd08a;--warn:#f0a95b;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}.landing *{box-sizing:border-box}.landing{background:var(--bg);color:var(--fg);font-family:var(--font-body);direction:rtl;margin:0;font-size:17px;line-height:1.65}.landing h1,.landing h2,.landing h3{font-family:var(--font-display);text-wrap:balance;margin:0;line-height:1.15}.landing p{margin:0}.landing a{color:inherit}.landing .wrap{max-width:1120px;padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px));margin-inline:auto}.landing .band{padding-block:72px}.landing :focus-visible{outline:3px solid var(--accent);outline-offset:3px;border-radius:4px}.landing .top{background:radial-gradient(1000px 560px at 8% 110%,#5b86ff8c,transparent 65%),radial-gradient(700px 420px at 95% -10%,#5b86ff59,transparent 60%),linear-gradient(160deg,#0a2f8a,var(--hero-bg) 55%);color:var(--hero-fg)}.landing nav{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding-block:20px;display:flex}.landing .logo{font-family:var(--font-display);letter-spacing:.5px;align-items:center;gap:10px;font-size:26px;font-weight:800;text-decoration:none;display:flex}.landing .logo img{width:auto;height:64px;display:block}.landing .navlinks{align-items:center;gap:24px;font-size:16px;display:flex}.landing .navlinks a{color:var(--hero-muted);text-decoration:none}.landing .navlinks a:hover{color:#fff}.landing .btn{font-family:var(--font-display);cursor:pointer;border:2px solid #0000;border-radius:10px;padding:13px 26px;font-size:17px;font-weight:600;text-decoration:none;display:inline-block}.landing .btn.primary{background:var(--accent);color:var(--accent-fg)}.landing .btn.primary:hover{filter:brightness(1.07)}.landing .btn.ghost{color:#fff;border-color:#ffffff59}.landing .btn.ghost:hover{border-color:#fff}.landing .hero{grid-template-columns:1fr 1.05fr;align-items:center;gap:48px;padding-block:48px 80px;display:grid}.landing .eyebrow{letter-spacing:.06em;color:var(--accent);margin-bottom:14px;font-size:14px;font-weight:700}.landing .hero h1{font-size:clamp(34px,5.2vw,56px);font-weight:800}.landing .hero h1 em{color:var(--accent);font-style:normal}.landing .hero .sub{color:var(--hero-muted);max-width:34ch;margin-top:20px;font-size:19px}.landing .ctas{flex-wrap:wrap;gap:12px;margin-top:32px;display:flex}.landing .micro{color:var(--hero-muted);margin-top:18px;font-size:14px}.landing .mock{grid-template-columns:.85fr auto 1.3fr;align-items:center;gap:12px;min-width:0;display:grid}.landing .paper,.landing .sheet{background:var(--surface);color:var(--fg);border-radius:12px;min-width:0;box-shadow:0 18px 40px #00000047}.landing .paper{padding:16px;font-size:13px;line-height:1.5}.landing .paper b{font-family:var(--font-display);margin-bottom:6px;font-size:14px;display:block}.landing .paper .row{border-top:1px dashed var(--line);justify-content:space-between;gap:8px;padding-block:4px;display:flex}.landing .paper .row span:first-child{color:var(--muted)}.landing .arrow{color:var(--accent);font-size:28px;font-weight:800}.landing .sheet{overflow:hidden}.landing .sheet .bar{background:linear-gradient(90deg,#2f5bd8,var(--navy));color:#fff;justify-content:space-between;padding:6px 12px;font-size:12px;display:flex}.landing .tblwrap{overflow-x:auto}.landing table{border-collapse:collapse;white-space:nowrap;width:100%;font-size:12.5px}.landing th,.landing td{text-align:right;border-bottom:1px solid var(--line);padding:7px 10px}.landing th{color:var(--muted);font-size:11.5px;font-weight:500}.landing td.n{font-variant-numeric:tabular-nums}.landing .tag{border:1px solid;border-radius:99px;padding:2px 8px;font-size:11px}.landing .tag.ok{color:var(--ok)}.landing .tag.warn{color:var(--warn)}.landing tfoot td{border-bottom:0;font-weight:700}.landing .note{color:var(--hero-muted);text-align:center;margin-top:12px;font-size:12px}.landing h2{color:var(--fg);font-size:clamp(28px,3.6vw,40px);font-weight:800}.landing .lead{color:var(--muted);max-width:56ch;margin-top:12px}.landing .steps{counter-reset:s;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:40px;display:grid}.landing .step{background:var(--surface);border:1px solid var(--line);counter-increment:s;border-radius:14px;min-width:0;padding:26px}.landing .step:before{content:counter(s);color:#fff;width:38px;height:38px;font-family:var(--font-display);background:linear-gradient(135deg,#2f5bd8,#5b86ff);border-radius:50%;place-items:center;margin-bottom:16px;font-weight:800;display:grid}.landing .step h3{margin-bottom:8px;font-size:21px}.landing .step p{color:var(--muted);font-size:16px}.landing .demo{background:radial-gradient(900px 400px at 85% 0%,#5b86ff66,transparent 60%),linear-gradient(180deg,#0a2f8a,var(--navy));color:#fff}.landing .demo h2{color:#fff}.landing .demo .lead{color:var(--hero-muted)}.landing .player{aspect-ratio:16/9;text-align:center;background:repeating-linear-gradient(135deg,#ffffff0a 0 14px,#0000 14px 28px);border:1px dashed #ffffff59;border-radius:16px;place-items:center;max-width:100%;margin-top:32px;padding:24px;display:grid}.landing .play{background:var(--accent);border-radius:50%;place-items:center;width:72px;height:72px;margin:0 auto 14px;display:grid}.landing .play:after{content:"";border-inline-start:22px solid var(--accent-fg);border-block:13px solid #0000;margin-inline-end:-6px;transform:scaleX(-1)}.landing .player small{color:var(--hero-muted);font-size:15px}.landing .trust{border-top:1px solid var(--line);grid-template-columns:repeat(4,1fr);gap:0;margin-top:36px;display:grid}.landing .trust div{min-width:0;padding:22px 0 0;padding-inline-end:20px}.landing .trust h3{margin-bottom:6px;font-size:18px}.landing .trust p{color:var(--muted);font-size:15px}.landing .plans{grid-template-columns:repeat(3,1fr);gap:20px;margin-top:36px;display:grid}.landing .plan{border:1px solid var(--line);background:var(--surface);border-radius:14px;min-width:0;padding:28px}.landing .plan.featured{border:2px solid var(--accent)}.landing .plan h3{font-size:24px}.landing .plan .price{color:var(--muted);margin:6px 0 16px;font-size:15px}.landing .plan ul{gap:10px;margin:0;padding:0;font-size:16px;list-style:none;display:grid}.landing .plan li{padding-inline-start:26px;position:relative}.landing .plan li:before{content:"✓";color:var(--ok);font-weight:700;position:absolute;inset-inline-start:0}.landing details{border-bottom:1px solid var(--line);max-width:760px;padding-block:18px}.landing summary{cursor:pointer;font-family:var(--font-display);font-size:19px;font-weight:600}.landing details p{color:var(--muted);margin-top:10px}.landing .final{background:radial-gradient(800px 360px at 50% 120%,#5b86ff80,transparent 65%),linear-gradient(160deg,#0a2f8a,var(--hero-bg) 60%);color:#fff;text-align:center}.landing .final h2{color:#fff}.landing .slogan{color:var(--accent);font-family:var(--font-display);margin-bottom:10px;font-size:18px;font-weight:700}.landing .final .btn{margin-top:26px}.landing footer{color:var(--muted);text-align:center;padding-block:28px;font-size:14px}.landing footer a{color:inherit;text-decoration:underline}.landing .footbiz{margin-top:6px}.landing .about{text-align:center;max-width:680px;margin-inline:auto}.landing .about p{color:var(--muted);line-height:1.7}.landing .about .btn{margin-top:8px}.landing .btn.ghost-dark{border-color:var(--accent);color:var(--accent)}.landing .btn.ghost-dark:hover{background:var(--accent);color:var(--accent-fg)}.landing .aboutmail{margin-top:14px;font-size:15px}@media (width<=900px){.landing .hero{grid-template-columns:1fr;padding-block:24px 56px}.landing .mock{grid-template-columns:1fr}.landing .arrow{justify-self:center;transform:rotate(90deg)}.landing .steps,.landing .trust,.landing .plans{grid-template-columns:1fr}.landing .trust div{padding-bottom:12px}.landing .navlinks a:not(.btn){display:none}.landing .band{padding-block:52px}}@media (prefers-reduced-motion:reduce){.landing *{transition:none!important;animation:none!important}}.landing .compare{grid-template-columns:1fr 1fr;gap:20px;margin-top:36px;display:grid}.landing .side{background:var(--surface);border:1px solid var(--line);border-radius:14px;min-width:0;padding:26px}.landing .side h3{margin-bottom:12px;font-size:21px}.landing .side ul{color:var(--muted);gap:10px;margin:0;padding:0;font-size:16px;list-style:none;display:grid}.landing .side li{padding-inline-start:26px;position:relative}.landing .side li:before{font-weight:800;position:absolute;inset-inline-start:0}.landing .side.before li:before{content:"×";color:var(--warn)}.landing .side.after{border-color:var(--ok)}.landing .side.after li:before{content:"✓";color:var(--ok)}.landing .flag{background:var(--surface);border:1px solid var(--line);border-radius:14px;flex-wrap:wrap;align-items:center;gap:8px 16px;margin-top:32px;padding:18px 22px;display:flex}.landing .flag .why{color:var(--muted);flex-basis:100%;font-size:15px}@media (width<=760px){.landing .compare{grid-template-columns:1fr}}.landing #story .micro{color:var(--muted)}.landing .plan{flex-direction:column;display:flex;position:relative}.landing .plan .tagline{color:var(--muted);border-bottom:1px solid var(--line);margin:0 0 18px;padding-bottom:18px;font-size:15px}.landing .plan .planfoot{border-top:1px solid var(--line);color:var(--muted);margin:auto 0 0;padding-top:14px;font-size:14px}.landing .plan ul{margin-bottom:22px}.landing .plan .badge{top:28px;background:var(--accent);color:#021d54;border-radius:99px;padding:2px 10px;font-size:12px;font-weight:700;position:absolute;inset-inline-end:20px}*{box-sizing:border-box}body{min-height:100vh;margin:0}
