:root{color-scheme:dark;--bg:#070d14;--panel:#0f1823;--panel2:#131f2c;--line:#243649;--text:#eef6ff;--muted:#91a4b9;--cyan:#20ccdc;--blue:#1688f2;--green:#37d486}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at 72% 8%,#0d3042 0,transparent 30%),var(--bg);color:var(--text);font-family:Inter,Segoe UI,Arial,sans-serif}a{color:inherit;text-decoration:none}.nav{height:72px;display:flex;align-items:center;gap:32px;max-width:1240px;margin:auto;padding:0 24px}.brand{display:flex;align-items:center;gap:10px;font-size:19px;font-weight:800;margin-right:auto}.brand img{width:38px;height:38px}.brand b{color:var(--cyan)}.nav nav,.footer nav{display:flex;gap:28px;color:var(--muted)}.nav nav a:hover{color:var(--text)}.button{display:inline-flex;justify-content:center;align-items:center;border:0;border-radius:10px;padding:13px 19px;background:linear-gradient(135deg,var(--cyan),var(--blue));color:#041019;font-weight:850;cursor:pointer}.button.small{padding:10px 14px;font-size:13px}.button.ghost{border:1px solid var(--line);background:#101a25;color:var(--text)}.hero{min-height:650px;max-width:1240px;margin:auto;padding:88px 24px;display:grid;grid-template-columns:1.04fr .96fr;gap:70px;align-items:center}.eyebrow{display:inline-block;color:#65e4ef;font-size:12px;font-weight:800;letter-spacing:1.5px;text-transform:uppercase}.hero h1{font-size:clamp(42px,5vw,68px);line-height:1.02;letter-spacing:-2.6px;margin:18px 0 22px}.hero-copy>p{font-size:18px;line-height:1.65;color:var(--muted);max-width:650px}.hero-actions{display:flex;gap:12px;margin:30px 0}.trust{display:flex;gap:18px;flex-wrap:wrap;color:#a8b8c8;font-size:12px}.dashboard{border:1px solid #294156;border-radius:17px;padding:16px;background:linear-gradient(145deg,#111d29,#0a1119);box-shadow:0 30px 90px #0008;transform:perspective(1000px) rotateY(-3deg)}.window-top{display:flex;align-items:center;gap:6px;color:var(--muted);font-size:11px;margin-bottom:16px}.window-top i{width:8px;height:8px;border-radius:50%;background:#2a4358}.window-top span{margin-left:6px}.dash-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.dash-grid article{padding:15px;border:1px solid var(--line);border-radius:10px;background:#111b26}.dash-grid small,.dash-grid em{display:block;color:var(--muted);font-style:normal;font-size:10px}.dash-grid strong{display:block;font-size:24px;margin:7px 0;color:white}.dash-grid em{color:var(--green)}.chart{height:170px;display:flex;align-items:end;gap:12px;padding:24px 12px 5px;margin-top:12px;border:1px solid var(--line);border-radius:10px}.chart span{flex:1;border-radius:5px 5px 2px 2px;background:linear-gradient(var(--cyan),var(--blue));opacity:.85}.section{max-width:1240px;margin:auto;padding:100px 24px}.section>h2,.beta h2{font-size:clamp(32px,4vw,48px);letter-spacing:-1.4px;margin:14px 0 40px}.features{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.features article,.plans article{padding:24px;border:1px solid var(--line);border-radius:14px;background:linear-gradient(145deg,var(--panel2),var(--panel))}.features article>div{width:42px;height:42px;display:grid;place-items:center;border-radius:11px;background:#133342;color:var(--cyan);font-weight:900;font-size:20px}.features h3{margin:20px 0 9px}.features p,.plans p,.beta p{color:var(--muted);line-height:1.6}.plans-section{text-align:center}.plans{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;text-align:left}.plans article{position:relative}.plans article.featured{border-color:#25bdd0;box-shadow:0 0 45px #10a7bd20}.plans article>b{position:absolute;right:13px;top:13px;padding:5px 8px;border-radius:99px;background:#124852;color:#7df1f4;font-size:9px;text-transform:uppercase}.plans h3{font-size:24px;margin:0 0 7px}.plans ul{list-style:none;padding:0;margin:20px 0}.plans li{padding:8px 0;border-bottom:1px solid #263646;color:#c4d0db;font-size:13px}.plans li:before{content:'✓';color:var(--green);margin-right:8px}.plans article>span{color:var(--cyan);font-weight:800;font-size:13px}.beta{max-width:1180px;margin:50px auto 110px;padding:48px;display:grid;grid-template-columns:1fr 430px;gap:60px;align-items:center;border:1px solid #285066;border-radius:20px;background:radial-gradient(circle at 90% 20%,#12435a,transparent 42%),#0e1822}.beta h2{margin-bottom:12px}.beta form{display:grid;gap:12px;padding:20px;border:1px solid var(--line);border-radius:14px;background:#0b131d}.beta label{display:grid;gap:6px;color:var(--muted);font-size:11px}.beta input{padding:12px;border:1px solid var(--line);border-radius:9px;background:#080f17;color:var(--text);outline:none}.beta input:focus{border-color:var(--cyan)}.beta form small{text-align:center;color:var(--muted);line-height:1.4}footer{max-width:1240px;margin:auto;padding:40px 24px;border-top:1px solid var(--line);display:grid;grid-template-columns:1fr 1fr;gap:10px;color:var(--muted)}footer .brand{color:var(--text)}footer nav{justify-content:end}footer small{text-align:right}@media(max-width:900px){.nav nav{display:none}.hero{grid-template-columns:1fr;padding-top:55px}.dashboard{transform:none}.features,.plans{grid-template-columns:1fr 1fr}.beta{margin:30px 20px 80px;grid-template-columns:1fr}}@media(max-width:560px){.nav .button{display:none}.hero h1{letter-spacing:-1.5px}.features,.plans{grid-template-columns:1fr}.beta{padding:28px}.trust{display:grid}footer{grid-template-columns:1fr}footer nav{justify-content:start}footer small{text-align:left}}
/* Footer v0.6.1 */
body footer{display:flex;grid-template-columns:none;justify-content:space-between;gap:40px}
.chart span:nth-child(1){height:38%}.chart span:nth-child(2){height:56%}.chart span:nth-child(3){height:46%}.chart span:nth-child(4){height:79%}.chart span:nth-child(5){height:67%}.chart span:nth-child(6){height:92%}.chart span:nth-child(7){height:82%}
.website-field{position:absolute!important;width:1px!important;height:1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important}
.footer-main,.footer-meta{display:grid;gap:16px}
.footer-main p{margin:0}
.footer-meta{justify-items:end}
.footer-meta nav{display:flex;justify-content:flex-end;gap:28px}
.footer-meta nav a{display:inline-block}
.footer-meta nav a:hover{color:var(--text)}
@media(max-width:560px){body footer{display:grid}.footer-meta{justify-items:start}.footer-meta nav{justify-content:flex-start}}