:root{--txt:var(--ux-text);--txt-secondary:var(--ux-muted);--purple:var(--primary);--purple-light:var(--primary-light);--card-bg:var(--ux-panel);--pri:var(--primary);--pri-dark:var(--primary);--glow-pri:transparent}
body{background:var(--ux-bg);color:var(--ux-text)}
:is(.hero-card,.feature-card,.showcase-card,.download-card,.pricing-card,.plan-card){background:var(--ux-panel);border-color:var(--ux-line);box-shadow:none;border-radius:20px;min-width:0}
.btn{height:auto;min-height:48px;padding:14px 22px;line-height:1.4;white-space:normal;box-sizing:border-box}
.btn-primary,.site-checkout-tabs button.active{background:var(--primary-gradient);border-color:transparent;box-shadow:none;color:var(--on-primary)}
.btn-secondary{background:var(--ux-soft);border-color:var(--ux-line);color:var(--ux-text)}
.hero h1 span,.section-tag{color:var(--primary-light)}
.hero-dashboard-shot{border-color:var(--ux-line)}
.showcase-gallery{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.showcase-card.wide{grid-column:span 1}
.showcase-card img,.showcase-card.wide img{aspect-ratio:16/11;object-fit:contain;background:var(--ux-bg);object-position:top}.showcase-card.portrait img{aspect-ratio:4/5;object-fit:contain}
.showcase-caption{flex-wrap:wrap;padding:18px}.showcase-caption span{text-align:left}
.site-checkout-dialog{background:var(--ux-panel);border-color:var(--ux-line);box-shadow:0 20px 60px #0005}.site-checkout-coupon{background:var(--ux-soft);border-color:var(--ux-line)}
.site-checkout-dialog :is(input,textarea){background:var(--ux-bg);border-color:var(--ux-line)}
.site-checkout-coupon button{background:var(--primary);border-color:transparent;color:var(--on-primary);padding:12px 18px}
.showcase-note{font-size:13px;color:var(--ux-muted);text-align:center;margin-top:18px}
.hero{padding-top:120px}.brand-icon{flex:none}.navbar{background:var(--ux-bg)}
@media(max-width:380px){.brand{font-size:15px;gap:8px}.brand-icon{width:30px;height:30px}.navbar-inner{padding-inline:0}.nav-cta .btn{padding:12px 16px}}
@media(max-width:768px){.showcase-gallery{grid-template-columns:minmax(0,1fr)}.showcase-card img,.showcase-card.wide img{aspect-ratio:auto;max-height:600px}.hero-dashboard-shot img{max-width:100%;height:auto}.hero-stats{gap:16px}.showcase-caption{gap:6px}.feature-showcase{overflow:visible}.site-checkout-dialog{max-width:100%;padding:20px}.section-title{font-size:clamp(26px,7vw,36px)!important}}

/* Preserve the actual screenshot ratio, including the mobile picture source. */
.hero-screen picture{display:block}
.hero-screen img{width:100%;height:auto;aspect-ratio:auto;object-fit:contain;object-position:top}
.brand-icon{background:none;box-shadow:none}
.hero-screen,.hero-proof{background:var(--ux-bg);border-color:var(--ux-line)}
@media(max-width:640px){.hero-screen{width:min(100%,390px);margin-inline:auto}.hero-screen img{max-height:none}}