:root {
    color-scheme:dark;--bg:#090b10;--card:#11151e;--line:#252c39;--text:#f2f5fa;--muted:#a3adbf;--green:#a0f578;--blue:#71d6ff;--purple:#ba9aff}

* {
    box-sizing:border-box}
html {
    scroll-behavior:smooth;scroll-padding-top:24px}
body {
    margin:0;background:var(--bg);color:var(--text);font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.6}
a {
    color:inherit;text-decoration:none}
a:focus-visible,summary:focus-visible {
    outline:3px solid var(--blue);outline-offset:5px}
a,summary {
    -webkit-tap-highlight-color:transparent}
button,a {
    touch-action:manipulation}
h1,h2,h3,p {
    margin:0}
h1,h2,h3 {
    line-height:1.12;letter-spacing:-.04em}
p {
    color:var(--muted)}
.wrap {
    width:min(1180px,calc(100% - 64px));margin:auto}
.header {
    border-bottom:1px solid var(--line);background:#0b0e15}
.nav {
    min-height:94px;display:flex;align-items:center;justify-content:space-between;gap:24px}
.brand {
    display:flex;align-items:center;gap:12px;font-weight:800;font-size:22px;letter-spacing:-.04em;white-space:nowrap}
.brand-mark {
    width:37px;height:37px;display:grid;place-items:center;background:linear-gradient(145deg,#86df73,#27a78b);border-radius:11px;color:#08110d;font-size:24px;font-weight:900}
.brand small {
    font-size:12px;font-weight:600;color:var(--muted);letter-spacing:.08em;margin-left:3px}
.nav-links {
    display:flex;align-items:center;gap:28px;font-size:13px;font-weight:600}
.nav-links>a {
    padding:12px 0}
.nav-links>a:hover {
    color:var(--green)}
.nav-links .store-nav {
    color:var(--green)}
.nav-links .login {
    border:1px solid var(--line);border-radius:9px;padding:9px 18px}
.arrow {
    margin-left:5px}
.hero {
    position:relative;overflow:hidden;padding:88px 0 68px;background:radial-gradient(ellipse at 76% 42%,#172338aa,transparent 52%),radial-gradient(ellipse at 17% 5%,#25153666,transparent 56%)}
.hero-grid {
    display:grid;grid-template-columns:1.13fr 1fr;gap:74px;align-items:center}
.eyebrow {
    color:var(--green);font-size:11px;letter-spacing:.16em;text-transform:uppercase;font-weight:700;display:flex;gap:9px;align-items:center;margin-bottom:23px}
.dot {
    height:6px;width:6px;background:var(--green);border-radius:50%;display:inline-block}
h1 {
    font-size:clamp(44px,4.6vw,66px);line-height:1.06;font-weight:750;letter-spacing:-.055em}
.gradient {
    background:linear-gradient(105deg,var(--blue),var(--purple));background-clip:text;-webkit-background-clip:text;color:transparent}
.lead {
    font-size:16px;line-height:1.85;max-width:505px;margin:25px 0 29px}
.buttons {
    display:flex;gap:12px;flex-wrap:wrap}
.btn {
    display:inline-flex;align-items:center;justify-content:center;gap:13px;border-radius:10px;padding:13px 20px;font-size:13px;font-weight:700;min-height:48px;border:1px solid var(--line);transition:transform .18s,background .18s}
.btn:hover {
    transform:translateY(-2px);background:#202838}
.btn.primary {
    background:var(--green);border-color:var(--green);color:#10200d}
.btn.primary:hover {
    background:#b6ff93}
.btn.secondary {
    background:#131923;color:#f2f5fa}
.fine {
    font-size:11px;line-height:1.7;color:#8591a6;margin-top:17px}
.platforms {
    display:flex;gap:8px;flex-wrap:wrap;margin-top:25px}
.pill {
    padding:5px 10px;border:1px solid #2a3344;border-radius:6px;color:#aebad0;font-size:10px;font-weight:600}
.tool-panel {
    padding:25px;background:linear-gradient(140deg,#1c2537bb,#10141ef2 70%);border:1px solid #34415b;border-radius:20px;box-shadow:0 28px 80px #0008;position:relative}
.panel-heading {
    display:flex;justify-content:space-between;align-items:center;padding-bottom:22px;border-bottom:1px solid #2a3243;font-size:10px;text-transform:uppercase;letter-spacing:.12em;color:#94a4bb}
.panel-heading b {
    color:var(--text);font-size:11px;letter-spacing:.07em}
.feature-row {
    display:flex;align-items:center;gap:15px;padding:22px 0;border-bottom:1px solid #242d3d}
.feature-row:last-of-type {
    border-bottom:0}
.icon {
    flex:0 0 42px;width:42px;height:42px;display:grid;place-items:center;border:1px solid #2c4761;background:#172a3d;color:var(--blue);border-radius:12px;font-size:21px;line-height:1}
.icon.purple {
    color:var(--purple);background:#291f40;border-color:#493660}
.icon.green {
    color:var(--green);background:#1d3128;border-color:#324b36}
.row-copy {
    flex:1}
.row-copy h3 {
    font-size:16px;letter-spacing:-.02em;margin-bottom:5px}
.row-copy p {
    font-size:11px;line-height:1.6}
.row-arrow {
    font-size:17px;color:#8393aa}
.panel-foot {
    background:#18251f;border:1px solid #314035;border-radius:9px;padding:12px 14px;margin-top:13px;color:#b7c8b4;font-size:10px;display:flex;align-items:center;gap:9px}
.feature-strip {
    border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:#0d1118}
.strip-grid {
    display:grid;grid-template-columns:repeat(4,1fr);padding:22px 0}
.strip-grid>div {
    padding:0 25px;border-left:1px solid var(--line)}
.strip-grid>div:first-child {
    padding-left:0;border-left:0}
.strip-grid b {
    display:block;font-size:12px;font-weight:600}
.strip-grid span {
    font-size:10px;color:#8290a5}
.section {
    padding:82px 0}
.section-head {
    display:flex;justify-content:space-between;gap:45px;align-items:end;margin-bottom:34px}
.section-head .eyebrow {
    margin-bottom:12px;color:var(--blue)}
h2 {
    font-size:clamp(30px,3vw,40px);font-weight:700}
.section-head>p {
    max-width:335px;font-size:13px;line-height:1.8}
.feature-grid {
    display:grid;grid-template-columns:repeat(3,1fr);gap:17px}
.card {
    padding:26px;background:linear-gradient(135deg,#151a25,#10141d);border:1px solid var(--line);border-radius:14px}
.card .icon {
    margin-bottom:23px;width:35px;height:35px;border-radius:9px;font-size:17px}
.card h3 {
    font-size:18px;margin-bottom:12px;letter-spacing:-.025em}
.card p {
    font-size:12px;line-height:1.85}
.card .tag {
    display:inline-block;margin-top:18px;color:#8d9ab0;font-size:9px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}
.store-section {
    padding:0 0 82px}
.store-box {
    display:grid;grid-template-columns:1.05fr 1fr;gap:60px;padding:43px;border:1px solid #344b37;border-radius:18px;background:radial-gradient(ellipse at 0 0,#203c2366,transparent 65%),#101812}
.store-box .eyebrow {
    margin-bottom:17px}
.store-box h2 {
    max-width:410px}
.store-box p {
    font-size:13px;line-height:1.85;margin-top:18px}
.store-box .buttons {
    margin-top:25px}
.store-box .fine {
    font-size:11px;color:#8d9e8a}
.steps {
    list-style:none;padding:0;margin:0;display:grid;gap:19px}
.steps li {
    display:flex;gap:16px;align-items:start}
.step-number {
    flex:0 0 29px;height:29px;border:1px solid #405a3e;background:#1d2e1e;border-radius:50%;display:grid;place-items:center;font-size:11px;color:var(--green);font-weight:700}
.steps h3 {
    font-size:14px;letter-spacing:0;margin:5px 0 5px}
.steps p {
    font-size:12px;margin:0}
.email-note {
    margin-top:23px;padding:15px 17px;border:1px solid #355537;background:#192b1a;border-radius:10px;font-size:12px;color:#c9ddc3}
.email-note strong {
    color:#ddfbd3}
.membership {
    border-top:1px solid var(--line);background:#0c1017}
.plans {
    display:grid;grid-template-columns:1fr 1fr;gap:20px}
.plan {
    padding:30px;background:#121722;border:1px solid var(--line);border-radius:15px}
.plan.ultimate {
    border-color:#4a3b69;background:radial-gradient(ellipse at 100% 0,#38224f66,transparent 60%),#141520}
.plan-top {
    display:flex;align-items:center;justify-content:space-between;gap:10px}
.plan h3 {
    font-size:20px}
.plan-tag {
    font-size:9px;font-weight:700;letter-spacing:.08em;color:var(--purple)}
.price {
    font-size:41px;font-weight:750;letter-spacing:-.05em;margin:19px 0}
.price span {
    font-size:12px;font-weight:400;letter-spacing:0;color:var(--muted)}
.plan ul {
    padding:0;margin:0 0 25px;list-style:none;display:grid;gap:9px;font-size:12px;color:#b3bed0}
.plan li:before {
    content:'✓';color:var(--green);margin-right:10px}
.plan .btn {
    width:100%}
.membership-note {
    margin-top:24px;border-left:2px solid var(--blue);padding:0 0 0 17px;font-size:12px;line-height:1.9;max-width:850px}
.membership-note b {
    color:var(--text)}
.membership-note a {
    color:var(--blue);text-decoration:underline;text-underline-offset:3px}
.download {
    display:flex;align-items:center;justify-content:space-between;gap:38px;padding:45px 0;border-bottom:1px solid var(--line)}
.download h2 {
    font-size:30px}
.download p {
    font-size:12px;margin-top:11px;max-width:520px}
.download .buttons {
    flex-shrink:0}
.faq {
    display:grid;grid-template-columns:.7fr 1.3fr;gap:75px}
.faq h2 {
    font-size:32px}
.faq .eyebrow {
    color:var(--blue);margin-bottom:15px}
.faq-intro p {
    font-size:13px;margin-top:18px}
.faq-list details {
    border-bottom:1px solid var(--line);padding:0 0 18px;margin-bottom:18px}
.faq-list summary {
    font-size:13px;font-weight:600;cursor:pointer;padding:4px 24px 4px 0}
.faq-list p {
    font-size:12px;line-height:1.85;padding-top:13px}
.faq-list a {
    color:var(--blue);text-decoration:underline;text-underline-offset:3px}
.footer {
    padding:29px 0 35px;border-top:1px solid var(--line)}
.footer-top {
    display:flex;align-items:center;justify-content:space-between;gap:24px}
.footer .brand {
    font-size:17px}
.footer-links {
    display:flex;gap:23px;font-size:11px;color:var(--muted);flex-wrap:wrap}
.disclaimer {
    font-size:10px;line-height:1.8;margin-top:23px;color:#778399;max-width:740px}

@media(min-width:1450px) {
    .hero {
    padding:105px 0 90px}
}

@media(max-width:1000px) {
    .nav-links {
    gap:17px}
.hero-grid {
    gap:35px}
.wrap {
    width:calc(100% - 44px)}
.hero {
    padding:65px 0}
.tool-panel {
    padding:19px}
.feature-row {
    gap:11px}
.feature-grid {
    grid-template-columns:repeat(2,1fr)}
.store-box {
    gap:35px;padding:32px}
.download {
    align-items:start;flex-direction:column}
.faq {
    gap:35px}
.brand small {
    display:none}
}

@media(max-width:720px) {
    .wrap {
    width:calc(100% - 36px)}
.nav {
    padding:19px 0 13px;min-height:0;flex-wrap:wrap;gap:13px}
.brand {
    font-size:20px}
.brand small {
    display:inline}
.nav-links {
    width:100%;justify-content:space-between;gap:8px;font-size:11px;flex-wrap:wrap}
.nav-links>a {
    padding:9px 0}
.nav-links .login {
    padding:6px 10px}
.hero {
    padding:43px 0 38px}
.hero-grid {
    grid-template-columns:1fr;gap:34px}
h1 {
    font-size:clamp(40px,10.5vw,58px)}
.eyebrow {
    font-size:9px;margin-bottom:20px}
.lead {
    font-size:14px;line-height:1.8;margin:21px 0 24px}
.btn {
    padding:12px 17px;font-size:12px}
.platforms {
    margin-top:22px}
.tool-panel {
    padding:20px}
.feature-row {
    padding:17px 0}
.panel-heading {
    padding-bottom:17px}
.strip-grid {
    grid-template-columns:1fr 1fr;gap:18px;padding:23px 0}
.strip-grid>div {
    padding:0 0 0 15px}
.strip-grid>div:nth-child(odd) {
    padding-left:0;border-left:0}
.strip-grid b {
    font-size:11px}
.strip-grid span {
    font-size:10px}
.section {
    padding:49px 0}
.section-head {
    display:block;margin-bottom:26px}
.section-head>p {
    margin-top:15px;max-width:none;font-size:12px}
.feature-grid {
    gap:12px}
.card {
    padding:20px}
.card h3 {
    font-size:17px}
.card p {
    font-size:11px}
.store-section {
    padding-bottom:48px}
.store-box {
    grid-template-columns:1fr;padding:25px;gap:29px}
.store-box h2 {
    font-size:30px}
.store-box p {
    font-size:12px}
.store-box .fine {
    font-size:10px}
.plans {
    grid-template-columns:1fr;gap:14px}
.plan {
    padding:25px}
.faq {
    grid-template-columns:1fr;gap:26px}
.footer-top {
    align-items:start;flex-direction:column;gap:20px}
.footer-links {
    gap:18px}
.download {
    padding:35px 0}
.download .buttons {
    width:100%}
.download .btn {
    flex:1}
.disclaimer {
    font-size:9px}
}

@media(max-width:420px) {
    .feature-grid {
    grid-template-columns:1fr}
.card {
    padding:23px}
.card p {
    font-size:12px}
.nav-links {
    font-size:10px;gap:7px}
.brand-mark {
    width:32px;height:32px}
.hero .buttons .btn {
    flex:1}
.pill {
    font-size:9px;padding:4px 8px}
.store-box {
    padding:22px}
.row-copy h3 {
    font-size:15px}
}

@media(prefers-reduced-motion:reduce) {
    html {
    scroll-behavior:auto}
.btn {
    transition:none}
}
.release-details { margin: 28px 0 0; padding: 22px 25px; border: 1px solid var(--line); border-radius: 12px; background: var(--card); }
.release-details summary { cursor: pointer; font-size: 14px; font-weight: 600; }
.release-details summary span { color: var(--muted); font-size: 11px; font-weight: 400; margin-left: 12px; }
.release-notes, .release-fallback { margin-top: 20px; font-size: 12px; line-height: 1.9; color: var(--muted); }
.release-notes h3 { font-size: 16px; margin: 22px 0 10px; color: var(--text); }
.release-notes p { margin: 10px 0; }
.release-notes ul { padding-left: 20px; margin: 10px 0; }
.release-version { color: var(--muted); font-size: 11px; margin-top: 10px; }