/* Landing page additions (Oct 2026): privacy links, FAQ, closing sign-up, mobile phone mock-up fix */
.marketing-page .form-note a{color:var(--muted-strong);text-decoration:underline;text-underline-offset:2px}
.marketing-page .form-note a:hover{color:var(--text)}
.faq{border-top:1px solid var(--border);grid-template-columns:minmax(0,1fr) minmax(0,2fr);gap:60px;padding:72px clamp(20px,6vw,88px);display:grid}
.faq h2{letter-spacing:-1px;margin:18px 0 0;font-size:clamp(28px,3.4vw,40px);font-weight:760;line-height:1.05}
.faq__list{border-top:1px solid var(--border)}
.faq details{border-bottom:1px solid var(--border)}
.faq summary{cursor:pointer;justify-content:space-between;align-items:center;gap:20px;padding:22px 0;font-size:16px;font-weight:650;list-style:none;display:flex}
.faq summary::-webkit-details-marker{display:none}
.faq summary:after{content:"+";color:var(--muted);font-size:24px;font-weight:300;line-height:1;transition:transform .2s}
.faq details[open] summary:after{transform:rotate(45deg)}
.faq summary:hover:after{color:var(--text)}
.faq details p{color:var(--muted);max-width:620px;margin:-6px 0 22px;font-size:14px;line-height:1.65}
.faq details p a{color:var(--text);text-underline-offset:2px;text-decoration:underline}
.closing-cta{border-top:1px solid var(--border);text-align:center;justify-items:center;padding:96px clamp(20px,6vw,88px);display:grid;position:relative;overflow:hidden}
.closing-cta:before{content:"";background:radial-gradient(circle, color-mix(in srgb, var(--accent-strong) 32%, transparent), transparent 65%);opacity:.2;pointer-events:none;border-radius:50%;width:760px;height:760px;position:absolute;bottom:-420px;left:50%;transform:translate(-50%)}
.closing-cta>*{position:relative}
.closing-cta h2{letter-spacing:-.04em;margin:0 0 16px;font-size:clamp(36px,5vw,64px);font-weight:790;line-height:1}
.closing-cta .hero-copy{margin:0 auto}
.closing-cta .signup-form{width:100%;margin-left:auto;margin-right:auto}
.closing-cta .form-note{text-align:center}
@media (width<=900px){
  .marketing-page .hero-section{padding-bottom:0}
  .marketing-page .hero-section .hero-device{border-bottom:0;border-radius:40px 40px 0 0;width:min(340px,100%);margin:56px auto -96px;padding-bottom:130px;position:relative;bottom:auto;right:auto;transform:rotate(1deg)}
  .marketing-page .principles{padding-top:72px}
  .faq{grid-template-columns:1fr;gap:24px}
}
@media (width<=600px){
  .faq,.closing-cta{padding-left:22px;padding-right:22px}
  .faq{padding-top:56px;padding-bottom:56px}
  .closing-cta{padding-top:64px;padding-bottom:72px}
}
@media (width<=600px){
  .marketing-page footer{gap:18px 22px;align-items:center}
  .marketing-page footer>a[href="/privacy/"]{margin-left:auto}
}
.offer-pill{background:color-mix(in srgb, var(--accent-strong) 12%, transparent);border:1px solid color-mix(in srgb, var(--accent-strong) 38%, transparent);color:var(--text);border-radius:999px;align-items:center;gap:10px;margin:30px 0 0;padding:6px 16px 6px 6px;font-size:14px;font-weight:600;line-height:1.3;display:inline-flex}
.offer-pill__tag{background:var(--accent-strong);color:#fff;letter-spacing:.08em;text-transform:uppercase;white-space:nowrap;border-radius:999px;padding:5px 10px;font-size:10px;font-weight:800}
.hero-section .offer-pill+.signup-form,.hero-section .offer-pill+.signup-success{margin-top:16px}
@media (width<=600px){.offer-pill{gap:8px;margin-top:26px;font-size:12.5px;max-width:100%}.offer-pill__tag{letter-spacing:.06em;padding:5px 8px;font-size:9.5px}}