@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap');
/* Shared navigation and page rhythm for public Scanify pages. */
.mkt-header, .mkt-footer { box-sizing:border-box; font-family:Inter,system-ui,sans-serif; color:#1a1a18; }
.mkt-header { position:sticky; inset:0 0 auto; z-index:100; background:#faf8f3f5; border-bottom:1px solid #d4ccba; backdrop-filter:blur(8px); }
.mkt-header .mkt-nav { display:flex; align-items:center; gap:18px; max-width:1160px; height:64px; padding:0 24px; margin:auto; }
.mkt-brand { display:inline-flex!important; gap:10px; align-items:center; font-size:18px; font-weight:600; text-decoration:none!important; color:#1a1a18!important; white-space:nowrap; }
.mkt-logo { display:block; width:24px; height:24px; object-fit:contain; flex:none; }
.mkt-links { display:flex; gap:24px; align-items:center; margin-left:auto; font-size:14px; }
.mkt-links a, .mkt-menu a { text-decoration:none; color:#3a3833; }
.mkt-links a:hover, .mkt-menu a:hover { color:#2f7547; text-decoration:underline; text-underline-offset:4px; }
.mkt-scan { display:inline-flex; align-items:center; min-height:42px; padding:10px 16px; border-radius:7px; background:#1a1a18; color:#fff!important; font-size:14px; font-weight:500; text-decoration:none!important; white-space:nowrap; }
.mkt-scan:hover { background:#2f7547; }
.mkt-menu { display:none; position:relative; margin-left:auto; font-size:14px; }
.mkt-menu summary { cursor:pointer; padding:10px 4px; }
.mkt-menu div { position:absolute; right:-80px; top:40px; display:grid; gap:4px; width:220px; padding:12px; border:1px solid #d4ccba; background:#fffdf7; border-radius:10px; box-shadow:0 10px 30px #1a241c20; }
.mkt-menu a { display:block; padding:10px; }
.mkt-header :focus-visible, .mkt-footer :focus-visible { outline:3px solid #3a8a55; outline-offset:3px; }
.mkt-footer { background:#f3efe8; border-top:1px solid #d4ccba; padding:44px max(20px,calc((100% - 1112px)/2)) 20px; text-align:left; margin-top:0; font-size:14px; }
.mkt-footer-grid { display:grid; grid-template-columns:1.5fr 1fr 1fr 1fr; gap:28px; }
.mkt-footer h2 { margin:0 0 14px; font:600 12px/1.4 Inter,system-ui,sans-serif; letter-spacing:.07em; text-transform:uppercase; }
.mkt-footer-grid > div > a:not(.mkt-brand) { display:block; margin:9px 0; color:#3a3833; text-decoration:none; line-height:1.5; }
.mkt-footer-grid > div > a:hover { text-decoration:underline; }
.mkt-footer-grid p { margin:14px 0 0; max-width:250px; line-height:1.6; color:#596254; }
.mkt-copyright { margin:28px 0 0; padding-top:18px; border-top:1px solid #d4ccba; color:#596254; font-size:12px; }
.mkt-page { margin:0; padding:0; background:#faf8f3; color:#1a1a18; font-family:Inter,system-ui,sans-serif; }
.mkt-page .hero { background:#faf8f3; padding-top:32px; padding-bottom:40px; }
.mkt-page .hero h1 { font-size:clamp(34px,5.2vw,64px); line-height:1.08; letter-spacing:-.04em; font-weight:500; text-wrap:balance; }
.mkt-page .hero h1 em { color:#2f7547; }
.mkt-page .hero-badge { display:none; }
.mkt-page .feat, .mkt-page .card, .mkt-page .feature-card { border-radius:12px; }
.mkt-page main > .hero + section { border-top:1px solid #d4ccba; }
.mkt-page .content p, .mkt-page article p { line-height:1.75; }
.mkt-page > .wrap { max-width:800px; padding:32px 24px 60px; margin:auto; }
.mkt-page > .wrap > .logo { display:none; }
.audit-notice { font:13px/1.6 Inter,system-ui,sans-serif; color:#49563f; margin:12px 0; max-width:760px; text-align:left; }
.audit-notice a { color:inherit; text-decoration:underline; }
.audit-example { font:15px/1.65 Inter,system-ui,sans-serif; color:#243d2c; background:#f2f4ea; border:1px solid #ccd5c4; border-radius:14px; padding:24px; margin:24px auto; max-width:1080px; }
.audit-example h2 { font:500 clamp(23px,4vw,32px)/1.15 Inter,system-ui,sans-serif; letter-spacing:-.025em; margin:0 0 12px; }
.audit-example p { margin:10px 0; }
.audit-example .audit-columns { display:grid; grid-template-columns:1fr 1fr; gap:16px; margin:16px 0; }
.audit-example .audit-columns > div { padding:18px; border:1px solid #ccd5c4; background:#fffef8; border-radius:8px; }
.audit-example h3 { font-size:16px; margin:0 0 8px; }
.audit-example details { padding-top:12px; border-top:1px solid #ccd5c4; }
.audit-example summary { cursor:pointer; font-weight:600; }
.audit-example a { text-decoration:underline; color:#245b39; }
@media(max-width:899px) {
  .mkt-page:has(.mbar) { padding-bottom:72px; }
  .mkt-links { display:none; }
  .mkt-menu { display:block; }
  .mkt-header .mkt-nav { padding:0 16px; gap:12px; }
  .mkt-header .mkt-brand { font-size:16px; gap:8px; }
  .mkt-scan { font-size:12px; padding:10px 12px; }
  .mkt-footer-grid { grid-template-columns:1fr 1fr; }
  .mkt-footer-grid > div:first-child { grid-column:1/-1; }
  .audit-example { padding:18px; margin:20px; }
  .audit-example .audit-columns { grid-template-columns:1fr; }
}