/* InstaTaste marketing additions. Loaded AFTER styles.css on marketing pages only.
   Does not touch legal-page styles (styles-new.css / legal classes in styles.css). */
.skip-link{position:absolute;left:-9999px;top:8px;z-index:2000;background:var(--accent-orange);color:#111;padding:8px 14px;border-radius:8px;font-weight:700}
.skip-link:focus{left:12px}
a:focus-visible,button:focus-visible,summary:focus-visible{outline:2px solid var(--accent-orange);outline-offset:3px;border-radius:6px}
.hero-audience{display:inline-block;font-size:.85rem;font-weight:600;color:var(--accent-orange);letter-spacing:.02em;margin-bottom:14px}
.hero-trust{font-size:.9rem;color:var(--text-secondary);margin-top:14px;max-width:520px}
.hero-secondary{display:inline-flex;align-items:center;min-height:44px;margin-top:10px;color:var(--text-secondary);font-weight:600;font-size:.95rem;text-decoration:underline;text-underline-offset:4px}
.hero-secondary:hover{color:var(--text-primary)}
.hero-stats a{text-decoration:underline;text-underline-offset:3px}
.shot{width:100%;max-width:300px;border-radius:28px;border:1px solid var(--border-hover);box-shadow:var(--shadow-card),var(--shadow-glow);aspect-ratio:883/1920;object-fit:cover;background:var(--bg-surface)}
.shot-caption{font-size:.78rem;color:var(--text-muted);text-align:center;margin-top:10px}
.hero-phone figure{margin:0;display:flex;flex-direction:column;align-items:center}
.sources-row{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-top:8px}
.source-chip{padding:8px 14px;border:1px solid var(--border);border-radius:999px;font-size:.85rem;color:var(--text-secondary);background:var(--bg-surface)}
.sources-note{font-size:.78rem;color:var(--text-muted);text-align:center;margin-top:14px;max-width:720px;margin-left:auto;margin-right:auto}
.primary-feature{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center;margin-bottom:56px}
.primary-feature h3{font-size:1.6rem;margin-bottom:12px}
.primary-feature p{color:var(--text-secondary);margin-bottom:12px}
.primary-feature ul li{color:var(--text-secondary);padding:6px 0 6px 22px;position:relative}
.primary-feature ul li::before{content:"✓";position:absolute;left:0;color:var(--accent-orange);font-weight:700}
.features-grid.three{grid-template-columns:repeat(3,1fr)}
.screens-row{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;justify-items:center;margin-top:40px}
.review-card .review-source{font-size:.78rem;color:var(--text-muted);margin-top:6px}
.review-card .review-title{font-weight:700;margin-bottom:8px;color:var(--text-primary)}
.reviews-cta{text-align:center;margin-top:28px}
.reviews-cta a{color:var(--accent-orange);font-weight:600;text-decoration:underline;text-underline-offset:4px}
.boundary{max-width:720px;margin:28px auto 0;text-align:center;color:var(--text-muted);font-size:.9rem}
/* Pricing */
.page-hero{padding:140px 0 40px;text-align:center}
.page-hero h1{font-size:clamp(2rem,4vw,3rem);font-weight:800;letter-spacing:-1px;margin-bottom:14px}
.page-hero p{color:var(--text-secondary);max-width:640px;margin:0 auto}
.billing-toggle{display:inline-flex;gap:4px;padding:4px;border:1px solid var(--border);border-radius:999px;background:var(--bg-surface);margin:28px auto 0}
.billing-toggle button{min-height:44px;padding:0 20px;border-radius:999px;border:0;background:none;color:var(--text-secondary);font:inherit;font-weight:600;cursor:pointer}
.billing-toggle button[aria-pressed="true"]{background:var(--gradient-primary);color:#111}
.plans{display:grid;grid-template-columns:1fr 1fr;gap:24px;max-width:860px;margin:36px auto 0}
.plan{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius);padding:28px}
.plan.featured{border-color:var(--accent-orange);box-shadow:var(--shadow-glow)}
.plan h2{font-size:1.2rem;margin-bottom:6px}
.plan .price{font-size:2.2rem;font-weight:800;margin:10px 0 2px}
.plan .price small{font-size:1rem;font-weight:500;color:var(--text-muted)}
.plan .price-note{font-size:.85rem;color:var(--text-secondary);min-height:2.6em}
.plan .label{display:inline-block;font-size:.75rem;font-weight:700;color:#111;background:var(--gradient-primary);padding:3px 10px;border-radius:999px;margin-bottom:10px}
.plan ul{margin-top:18px}
.plan li{padding:6px 0 6px 22px;position:relative;color:var(--text-secondary);font-size:.92rem}
.plan li::before{content:"✓";position:absolute;left:0;color:var(--accent-orange)}
.compare-wrap{max-width:860px;margin:56px auto 0;overflow-x:auto}
.compare{width:100%;border-collapse:collapse;font-size:.92rem;min-width:520px}
.compare th,.compare td{padding:12px 14px;border-bottom:1px solid var(--border);text-align:left;vertical-align:top}
.compare thead th{color:var(--text-primary);font-size:.85rem;text-transform:uppercase;letter-spacing:.04em}
.compare td{color:var(--text-secondary)}
.compare td.yes{color:var(--accent-green);font-weight:600}
.terms{max-width:860px;margin:48px auto 0;color:var(--text-secondary);font-size:.92rem}
.terms h2{font-size:1.3rem;color:var(--text-primary);margin:28px 0 10px}
.terms p,.terms li{margin-bottom:10px}
.terms ol{list-style:decimal;padding-left:22px}
.center-buttons{justify-content:center;margin-top:24px}
.page-section{padding:40px 0 80px}
.feature-block{max-width:860px;margin:0 auto 48px}
.feature-block h2{font-size:1.5rem;margin-bottom:10px}
.feature-block p,.feature-block li{color:var(--text-secondary)}
.feature-block ul li{padding:5px 0 5px 22px;position:relative}
.feature-block ul li::before{content:"•";position:absolute;left:6px;color:var(--accent-orange)}
.footer-col a[data-external]::after{content:" ↗";font-size:.75em;color:var(--text-muted)}
@media (max-width:900px){
  .primary-feature{grid-template-columns:1fr;gap:28px}
  .features-grid.three{grid-template-columns:1fr}
  .plans{grid-template-columns:1fr}
}
@media (max-width:640px){
  .screens-row{grid-template-columns:1fr}
  .shot{max-width:260px}
  .page-hero{padding:110px 0 24px}
  .nav-links a{min-height:44px;display:flex;align-items:center}
}
.plan .label[hidden]{display:none}
.hero-stats{display:flex;flex-wrap:wrap;gap:6px 12px;align-items:center}
@media (max-width:640px){.hero-stats{justify-content:center}.hero-stats .divider{display:none}.hero-stats>span{width:100%;text-align:center}}
.brand-mark{width:40px;height:40px;border-radius:10px;display:block;flex-shrink:0}
.logo{gap:10px}
.footer-logo{display:flex;align-items:center;gap:10px;margin-bottom:12px}
.footer-logo .logo-text{margin-bottom:0}
/* Single-screenshot row: center it, no empty columns. */
.screens-row.single{display:flex;justify-content:center;grid-template-columns:none}
.screens-row.single figure{margin:0;display:flex;flex-direction:column;align-items:center}
@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto}}

/* v8: mobile menu as a true full-screen overlay.
   Root cause: .navbar.scrolled uses backdrop-filter, which makes the navbar the
   containing block for its fixed children, so the "fixed" menu was trapped inside
   the ~70px header and overflowed over a translucent page. While open we remove
   that filter, make the header opaque and lift it above everything. */
@media (max-width:768px){
  html.menu-open .navbar,
  html.menu-open .navbar.scrolled{
    -webkit-backdrop-filter:none;backdrop-filter:none;transition:none;
    background:var(--bg-base,#121316);z-index:2147483000;
  }
  .nav-links.open{
    position:fixed;inset:0;width:100%;height:100vh;height:100dvh;
    background:var(--bg-base,#121316);
    -webkit-backdrop-filter:none;backdrop-filter:none;
    overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;
    padding:calc(76px + env(safe-area-inset-top,0px)) 24px calc(32px + env(safe-area-inset-bottom,0px));
    justify-content:safe center;z-index:1;
  }
  .nav-links.open .nav-cta{position:static;transform:none;flex:none}
  html.menu-open .hamburger{position:relative;z-index:2}
  html.menu-open,html.menu-open body{overscroll-behavior:none}
}

/* v9: comparison page (/compare/beli/) — new classes only */
.cmp-h2{text-align:center;margin-bottom:24px}
.cmp-grid{max-width:960px;margin:0 auto;display:flex;flex-direction:column;gap:12px}
.cmp-head{display:grid;grid-template-columns:200px 1fr 1fr;gap:20px;padding:0 20px;color:var(--text-muted);font-size:.8rem;text-transform:uppercase;letter-spacing:.06em;font-weight:700}
.cmp-row{display:grid;grid-template-columns:200px 1fr 1fr;gap:20px;padding:20px;background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius,16px)}
.cmp-row h3{font-size:1rem;margin:0;color:var(--text-primary)}
.cmp-cell p,.cmp-list li{margin:0;color:var(--text-secondary);font-size:.93rem;line-height:1.55}
.cmp-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:6px}
.cmp-label{display:none}
.cmp-prose{max-width:720px}
.cmp-prose h2{margin:36px 0 12px}
.cmp-prose p{color:var(--text-secondary);line-height:1.65;margin:0 0 12px}
.cmp-prose a:not(.hero-secondary){color:var(--accent-orange)}
.cmp-callout{border-left:3px solid var(--accent-orange);padding:14px 18px;background:var(--bg-surface);border-radius:8px;color:var(--text-primary)!important;font-weight:600}
.cmp-tm{font-size:.78rem;color:var(--text-muted);margin-top:6px}
@media (max-width:768px){
  .cmp-head{display:none}
  .cmp-row{grid-template-columns:1fr;gap:12px;padding:18px}
  .cmp-label{display:block;font-size:.75rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--accent-orange);margin-bottom:4px}
}

/* v11: Behind the Taste (founders) */
.founders{padding:88px 0}
.founders-inner{display:grid;grid-template-columns:minmax(0,420px) minmax(0,560px);gap:64px;align-items:center;justify-content:center}
.founders-photo{margin:0}
.founders-photo img{display:block;width:100%;height:auto;aspect-ratio:3/4;border-radius:28px;border:1px solid var(--border);background:var(--bg-surface)}
.founders-copy .section-title{text-align:left;margin-bottom:20px}
.founders-copy p{color:var(--text-secondary);font-size:1.05rem;line-height:1.7;margin:0 0 16px}
.founders-copy p:last-child{margin-bottom:0}
@media (max-width:768px){
  .founders{padding:64px 0}
  /* v13 (mobile only): story first, photo after — heading + paragraphs, then photo */
  .founders-inner{display:flex;flex-direction:column;align-items:center;gap:40px}
  .founders-copy{order:1;max-width:34rem}
  .founders-photo{order:2;width:100%;max-width:420px}
  .founders-photo img{border-radius:22px}
  .founders-copy .section-title{text-align:center}
}

/* v12: Behind the Taste page + homepage teaser */
.founders-page{padding-top:140px}
.founders-page .section-title{font-size:clamp(2rem,4vw,2.75rem)}
.founders-download{padding:24px 0 96px}
.founders-download .hero-buttons{justify-content:center;flex-wrap:wrap;gap:12px}
.founders-download .store-badge img{height:50px;width:auto;max-width:100%}
.founders-teaser{padding:8px 0 40px}
.founders-teaser p{text-align:center;color:var(--text-secondary);margin:0;display:flex;flex-wrap:wrap;justify-content:center;gap:6px 10px}
.founders-teaser strong{color:var(--text-primary,#fff)}
.founders-teaser a{color:var(--accent-orange);font-weight:600}
@media (min-width:769px) and (max-width:1100px){.nav-links{gap:20px}}
@media (max-width:768px){.founders-page{padding-top:104px}.founders-download{padding-bottom:72px}}