/* Shared header appearance. Product accents and page content retain their own styles. */
:root { --nav-surface:#EDF1F7; --nav-text:#536176; --nav-strong:#111827; --nav-border:#D8DFEA; }
:root[data-nav-theme="dark"] { --nav-surface:#0B0C0E; --nav-text:#B5BFCE; --nav-strong:#F4F6F8; --nav-border:#29303B; }
body > nav.site-nav { background:var(--nav-surface); border-bottom:1px solid var(--nav-border); gap:20px; }
.site-nav > .nav-back, .site-nav > .nav-download, .site-nav .nav-links > li > a, .site-nav .nav-support-btn { color:var(--nav-text)!important; }
.site-nav > .nav-back:hover, .site-nav > .nav-download:hover, .site-nav .nav-links > li > a:hover, .site-nav .nav-support-btn:hover { color:var(--nav-strong)!important; }
.site-nav .nav-logo { flex-shrink:0; }
.site-nav .nav-logo img { height:60px!important; width:auto; mix-blend-mode:multiply; }
.site-nav .nav-logo .nav-logo-dark { display:none!important; }
:root[data-nav-theme="dark"] .site-nav .nav-logo .nav-logo-dark { display:block!important; mix-blend-mode:lighten; }
:root[data-nav-theme="dark"] .site-nav .nav-logo .nav-logo-light { display:none!important; }
.site-nav .site-theme-button { flex-shrink:0; display:inline-flex; align-items:center; gap:6px; padding:7px 10px; border:1px solid var(--nav-border); border-radius:8px; background:transparent; color:var(--nav-text); font:500 12px 'Inter',sans-serif; cursor:pointer; }
.site-nav .site-theme-button:hover { color:var(--nav-strong); }
.site-nav :focus-visible { outline:2px solid var(--nav-strong); outline-offset:4px; }
@media(max-width:760px) {
 body > nav.site-nav { height:auto; min-height:76px; padding:10px 18px; flex-wrap:wrap; gap:10px 14px; }
 .site-nav .nav-logo img { height:48px!important; }
 .site-nav .nav-logo { margin-right:auto; }
 .site-nav .nav-links { order:3; width:100%; margin:0; display:flex; justify-content:space-between; gap:12px; }
 .site-nav .nav-back,.site-nav .nav-download { font-size:12px!important; }
 .site-nav .nav-cta { font-size:12px; padding:8px 12px; }
}

/* Product pages: the same appearance preference extends across all surfaces. */
.product-page { --bg:#EDF1F5; --white:#F5F7FA; --text:#111827; --sub:#536176; --border:#D8DFE7; }
.product-page[data-nav-theme="dark"] { color-scheme:dark; --bg:#0C1014; --white:#141A20; --text:#EDF2F7; --sub:#A7B3C3; --border:#2A333E; }
.product-page body { background:var(--bg); color:var(--text); }
.product-page .hero {
  position:relative; display:grid; grid-template-columns:minmax(0,.9fr) minmax(0,1.2fr); align-items:center;
  gap:48px; padding:78px max(32px,calc((100vw - 1180px)/2)); text-align:left;
  background:radial-gradient(ellipse at 80% 20%,rgba(var(--product-rgb),.13),transparent 65%),var(--bg);
  border-bottom:1px solid var(--border); isolation:isolate;
}
.product-page .hero::before { content:''; position:absolute; inset:0; z-index:-1; pointer-events:none;
  background-image:linear-gradient(rgba(var(--product-rgb),.07) 1px,transparent 1px),linear-gradient(90deg,rgba(var(--product-rgb),.07) 1px,transparent 1px);
  background-size:52px 52px; mask-image:linear-gradient(#000,transparent 95%);
}
.product-page .product-hero-copy { min-width:0; }
.product-page .hero h1 { font-size:clamp(32px,3.7vw,54px); line-height:1.1; letter-spacing:-.045em; }
.product-page .hero p { margin:0 0 26px; font-size:16px; line-height:1.75; }
.product-page .hero-btns { justify-content:flex-start; margin-bottom:0; }
.product-page .hero-img { width:100%; min-width:0; max-width:none; margin:0; padding:8px; border:1px solid var(--border); border-radius:18px; background:var(--white); box-shadow:0 24px 60px -26px rgba(0,0,0,.45); }
.product-page .app-badge { border-radius:8px; font-weight:600; }
.product-page .features { padding:68px 24px; background:var(--bg); }
.product-page .container { max-width:1180px; }
.product-page .section-title { letter-spacing:-.035em; }
.product-page .section-sub { margin-bottom:32px; }
.product-page .feat-grid { gap:18px; }
.product-page .feat-card { background:var(--white); border:1px solid var(--border); border-radius:18px; padding:26px; box-shadow:none; }
.product-page .feat-card:hover { border-color:rgba(var(--product-rgb),.5); box-shadow:0 12px 30px -20px rgba(var(--product-rgb),.3); }
.product-page .feat-icon { border:1px solid rgba(var(--product-rgb),.15); }
.product-page details { border:1px solid var(--border); }
.product-page .price-cta { margin:20px auto; max-width:1180px; border-radius:24px; padding:54px 24px; }
.product-page[data-nav-theme="dark"] .price-cta { background:linear-gradient(125deg,rgba(var(--product-rgb),.19),rgba(var(--product-rgb),.055)),#141A20; border:1px solid rgba(var(--product-rgb),.3); }
.product-page[data-nav-theme="dark"] .hero h1 em,
.product-page[data-nav-theme="dark"] .app-badge,
.product-page[data-nav-theme="dark"] .section-tag { color:color-mix(in srgb,rgb(var(--product-rgb)) 65%,#fff); }
.product-page[data-nav-theme="dark"] .hero-img { filter:brightness(.88); }
.product-page[data-nav-theme="dark"] .btn-white { background:#DCE3EB; }
.product-page[data-nav-theme="dark"] .price-cta > p { opacity:1!important; color:var(--sub); }
.product-page footer .logo img { mix-blend-mode:multiply; }
.product-page[data-nav-theme="dark"] footer .logo img { display:none!important; }
.product-page[data-nav-theme="dark"] footer .logo { display:block; width:154px; height:74px; background:url('images/logo-nav5.png') center/contain no-repeat; mix-blend-mode:lighten; }
@media(max-width:1000px) {
 .product-page .hero { grid-template-columns:1fr; gap:32px; padding:48px 28px; text-align:center; }
 .product-page .hero p { margin:0 auto 26px; }
 .product-page .hero-btns { justify-content:center; }
 .product-page .hero-img { max-width:820px; margin:auto; }
 .product-page .price-cta { margin:20px; }
}
@media(max-width:600px) {
 .product-page .hero { padding:36px 18px; }
 .product-page .hero h1 { font-size:34px; }
 .product-page .hero p { font-size:15px; }
 .product-page .hero-img { padding:5px; border-radius:12px; }
 .product-page .features { padding:44px 18px; }
 .product-page .price-cta { margin:16px; padding:36px 18px; }
}
@media(prefers-reduced-motion:reduce) { .product-page * { scroll-behavior:auto!important; transition:none!important; } }

/* Remaining public pages share full-page surfaces, without changing app accents. */
.download-page,.legal-page { --bg:#EDF1F7; --white:#F5F7FA; --text:#111827; --sub:#536176; --border:#D8DFE7; --reading-link:#2563EB; }
.download-page { --bg:var(--download-light-bg,#EDF1F7); }
.download-page[data-nav-theme="dark"],.legal-page[data-nav-theme="dark"] {
 color-scheme:dark; --bg:#0C1014; --white:#141A20; --text:#EDF2F7; --sub:#A7B3C3; --border:#2A333E; --reading-link:#8DB7FF;
}
.download-page body,.legal-page body { background:var(--bg); color:var(--text); }
.download-page .dl-hero { background:var(--download-light-hero,linear-gradient(135deg,#1E3A8A,#2563EB)); }
.download-page[data-nav-theme="dark"] .dl-hero { background:radial-gradient(ellipse at 50% 0%,#172D4A,transparent 75%),#0C1014; border-bottom:1px solid var(--border); }
.download-page[data-nav-theme="dark"] .cta-strip { background:linear-gradient(135deg,#14253E,#111820); border-top:1px solid var(--border); }
.download-page .dl-card { border:1px solid var(--border); box-shadow:0 16px 40px -28px rgba(0,0,0,.4); }
.download-page .dl-btn-secondary:hover { background:var(--white); }
.download-page[data-nav-theme="dark"] .section-tag { color:#8DB7FF; }
.download-page[data-nav-theme="dark"] .step-content .note { color:#F3C48E; }
.download-page[data-nav-theme="dark"] .btn-white { background:#DCE3EB; }
.download-page footer .logo img { mix-blend-mode:multiply; }
.download-page[data-nav-theme="dark"] footer .logo img { display:none!important; }
.download-page[data-nav-theme="dark"] footer .logo { display:block; width:154px; height:74px; background:url('images/logo-nav5.png') center/contain no-repeat; mix-blend-mode:lighten; }
.legal-page .container { margin:40px auto; padding:40px; background:var(--white); border:1px solid var(--border); border-radius:20px; }
.legal-page p,.legal-page ul li,.legal-page .meta,.legal-page footer { color:var(--sub); }
.legal-page a { color:var(--reading-link); }
.legal-page footer { border-color:var(--border); }
:root[data-nav-theme="dark"] .support-dropdown p a,:root[data-nav-theme="dark"] .footer-contact-dropdown p a { color:#B8C9DF!important; }
@media(max-width:800px) { .legal-page .container { margin:24px 18px; padding:26px 22px; } }

:root[data-nav-theme="dark"] .site-nav .nav-logo { background:var(--nav-surface); }