
:root{--ink:#102441;--muted:#546781;--navy:#09172c;--blue:#5565f6;--violet:#7a5bff;--line:#dae5f4;--pale:#f2f6ff}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Arial,sans-serif;background:#fff;line-height:1.65}a{color:inherit}img{max-width:100%;display:block}.wrap{width:min(1180px,calc(100% - 44px));margin:auto}.top{background:var(--navy);color:#d9e7ff;text-align:center;padding:8px 16px;font-size:12px;letter-spacing:.09em;font-weight:700}.nav{background:#fff;border-bottom:1px solid #eaf0f9}.navinner{display:flex;align-items:center;justify-content:space-between;min-height:83px;gap:20px}.brand{display:flex;align-items:center;gap:12px;text-decoration:none}.brand img{width:47px;height:47px}.brand b{display:block;font-size:19px;line-height:1.2;letter-spacing:-.045em}.brand small{display:block;color:var(--muted);font-size:10px;font-weight:750;letter-spacing:.16em;text-transform:uppercase}.navlinks{display:flex;align-items:center;gap:30px;font-weight:650;font-size:13px}.navlinks a{text-decoration:none}.navlinks a:hover{color:var(--blue)}.btn{display:inline-flex;justify-content:center;align-items:center;gap:8px;text-align:center;background:linear-gradient(115deg,#625ff5,#4e48da);color:#fff;border-radius:12px;padding:16px 24px;font-weight:800;box-shadow:0 13px 30px #4d52e138;text-decoration:none;transition:transform .2s,box-shadow .2s}.btn:hover{transform:translateY(-2px);box-shadow:0 18px 35px #4d52e14f}.btn-sm{padding:11px 20px;font-size:13px}.hero{background:radial-gradient(circle at 77% 28%,#d6e4ff 0%,transparent 37%),linear-gradient(145deg,#f5f8ff,#fff 70%);padding:80px 0 92px;overflow:hidden}.herogrid{display:grid;grid-template-columns:1fr 1.03fr;align-items:center;gap:50px}.eyebrow{display:inline-flex;align-items:center;gap:7px;background:#e6ecff;color:#4f50cd;border:1px solid #d0dbff;padding:6px 14px;border-radius:100px;font-size:12px;letter-spacing:.12em;text-transform:uppercase;font-weight:850}.hero h1{font-size:clamp(39px,4.1vw,62px);line-height:1.07;letter-spacing:-.055em;margin:22px 0}.hero h1 em{font-style:normal;color:#5a59e9}.lead{font-size:18px;color:var(--muted);max-width:555px}.points{display:flex;flex-wrap:wrap;gap:12px 17px;margin:26px 0 29px;padding:0;list-style:none;font-size:13px;font-weight:700}.points li:before{content:'✓';color:#19a57d;margin-right:6px}.offer-inline{display:flex;gap:18px;align-items:center;flex-wrap:wrap}.price{font-weight:900;font-size:30px;letter-spacing:-.04em}.price small{display:block;color:var(--muted);font-size:11px;font-weight:650;letter-spacing:0}.note{font-size:12px;color:#71809a;margin-top:14px}.heroimg{background:#fff;border:1px solid #dce6fa;padding:12px;border-radius:22px;box-shadow:0 30px 60px #243f7830;transform:perspective(1400px) rotateY(-4deg)}.heroimg img{width:100%;border-radius:10px}.herofig{margin:0}.herofig figcaption{font-size:12px;color:#62718b;text-align:right;margin-top:10px}.trust{background:#0c1c34;color:#e7edff;padding:20px 0}.trustrow{display:flex;justify-content:space-between;gap:14px;flex-wrap:wrap;font-weight:680;font-size:13px}.trustrow span:before{content:'✓';color:#60d8b3;margin-right:8px}section.space{padding:92px 0}.sectionhead{text-align:center;max-width:750px;margin:0 auto 43px}.kicker{font-size:12px;letter-spacing:.17em;text-transform:uppercase;color:#585ce7;font-weight:850}.sectionhead h2,.split h2{font-size:clamp(29px,3.1vw,43px);line-height:1.14;letter-spacing:-.04em;margin:12px 0 17px}.sectionhead p,.split p{color:var(--muted);font-size:16px}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:19px}.card{border:1px solid var(--line);border-radius:19px;padding:26px;background:#fff;box-shadow:0 10px 36px #112e5b09}.symbol{display:grid;place-items:center;width:49px;height:49px;border-radius:13px;background:#eff1ff;color:#5955df;font-size:24px}.card h3{margin:18px 0 8px;font-size:18px;letter-spacing:-.02em}.card p{color:var(--muted);font-size:14px;margin:0}.shade{background:#f5f8ff}.split{display:grid;grid-template-columns:1fr 1fr;gap:58px;align-items:center}.screen{padding:12px;background:white;border:1px solid #dce6f9;border-radius:20px;box-shadow:0 17px 46px #1738651c}.screen img{border-radius:10px;width:100%}.checks{padding:0;margin:20px 0 0;list-style:none}.checks li{padding:8px 0;font-weight:650}.checks li:before{content:'✓';color:#06a678;margin-right:10px}.purchase{background:#0e1d37;color:#fff;padding:85px 0}.purchasegrid{display:grid;grid-template-columns:1fr 385px;gap:70px;align-items:center}.purchase h2{font-size:clamp(32px,3.4vw,47px);line-height:1.12;letter-spacing:-.04em}.purchase p{color:#c9d6e9}.purchase ul{padding-left:20px;color:#d3dff0}.pricebox{background:white;color:var(--ink);border-radius:22px;padding:32px;box-shadow:0 25px 60px #030b1c33}.pricebox .amount{font-size:53px;font-weight:900;letter-spacing:-.06em;line-height:1.2}.pricebox .term{color:var(--muted);font-size:14px}.pricebox .btn{display:flex;margin-top:22px}.pricebox .fine{color:#65758e;text-align:center;font-size:12px}.refund{display:flex;align-items:flex-start;gap:27px;padding:34px;background:#effaf6;border:1px solid #c6eee1;border-radius:21px}.refund .seal{font-size:49px;line-height:1}.refund h3{font-size:23px;letter-spacing:-.03em;margin:0 0 8px}.refund p{margin:0;color:#315d52}.faqs{max-width:860px;margin:auto}.faqs details{border-bottom:1px solid var(--line);padding:18px 4px}.faqs summary{font-weight:750;cursor:pointer}.faqs p{color:var(--muted);margin:13px 0 3px}.footer{background:#081629;color:#c9d8ed;padding:34px 0;font-size:13px}.footinner{display:flex;justify-content:space-between;gap:22px;flex-wrap:wrap}.footinner a{color:#c9d8ed;margin-right:17px}.footinner a:hover{color:white}.legal-page{padding:65px 0 90px}.legal-page .wrap{max-width:860px}.legal-page h1{font-size:44px;letter-spacing:-.05em}.legal-page h2{margin-top:30px;font-size:23px}.legal-page p,.legal-page li{color:#465a74}.sticky{display:none}@media(max-width:860px){.navlinks a:not(.btn){display:none}.herogrid,.split,.purchasegrid{grid-template-columns:1fr;gap:34px}.hero{padding:55px 0 67px}.heroimg{transform:none}.cards{grid-template-columns:1fr}.split .screen{order:-1}.purchase{padding:60px 0}.purchasegrid{gap:24px}.hero h1{font-size:42px}.sticky{display:flex;position:fixed;bottom:0;left:0;right:0;z-index:50;background:#fff;border-top:1px solid #d9e2f1;padding:9px 16px;align-items:center;justify-content:space-between;box-shadow:0 -8px 25px #15335b1a}.sticky strong{font-size:19px}.sticky small{display:block;font-size:10px;color:var(--muted)}.sticky .btn{padding:12px 16px;font-size:13px}.footer{padding-bottom:98px}}@media(max-width:450px){.wrap{width:min(100% - 28px,1180px)}.navinner{min-height:70px}.brand b{font-size:17px}.brand small{font-size:8px}.hero h1{font-size:37px}.sectionhead h2{font-size:32px}section.space{padding:63px 0}.refund{flex-direction:column}.trustrow{display:grid;grid-template-columns:1fr 1fr}.offer-inline .btn{width:100%}}

/* Real dashboard display — full aspect ratio, larger readable preview */
.hero .wrap{width:min(1510px,calc(100% - 64px))}
.hero .herogrid{grid-template-columns:minmax(360px,.83fr) minmax(0,1.3fr);gap:54px}
.herofig,.heroimg,.dashboard-zoom{min-width:0}
.dashboard-zoom{display:block;cursor:zoom-in}
.heroimg{transform:none;padding:9px;border-radius:18px}
.heroimg img{width:100%;height:auto;aspect-ratio:1918/1025;object-fit:contain;border-radius:9px}
.herofig figcaption a{color:#4550d7;font-weight:700}
@media(max-width:950px){.hero .herogrid{grid-template-columns:1fr;gap:28px}.hero .wrap{width:min(100% - 36px,780px)}}
@media(max-width:450px){.hero .wrap{width:calc(100% - 28px)}}

/* Dashboard screenshot: proper unwarped aspect ratio and wider desktop preview */
.hero .heroimg,.hero .dashboard-zoom{transform:none!important}
.hero .heroimg{padding:6px;overflow:hidden}
.hero .heroimg img{display:block;width:100%;max-width:100%;height:auto!important;aspect-ratio:auto!important;object-fit:contain!important;transform:none!important}
.herofig figcaption{font-size:14px;text-align:center;margin-top:13px}
@media(min-width:1100px){.hero .wrap{width:min(1620px,calc(100% - 48px))}.hero .herogrid{grid-template-columns:minmax(330px,.7fr) minmax(0,1.35fr);gap:36px}}
