/* DockFlip shared fixes: footer CTA button, extra scroll reveals, smooth scroll */

/* Footer "Explore all tools" button: same filled style on every page */
.n-pbtn-purple,
.n-ft-btns .n-pbtn-purple{background:#5b3df5;color:#fff;border-color:#5b3df5;box-shadow:0 12px 26px -14px #5b3df5,inset 0 1px 0 #ffffff55}
.n-ft-btns .n-pbtn-purple{min-height:2.8rem;padding:.5rem 1.5rem}
.n-ft-btns .n-pbtn-purple:hover{color:#fff}
.n-cta-arrow{gap:.55rem}
.n-cta-arrow svg{transition:transform .25s}
.n-cta-arrow:hover svg{transform:translateX(4px)}

/* Scroll reveal for FAQ, Get in touch, footer and the About page */
.fx-rv{opacity:0;translate:0 26px;transition:opacity .7s,translate .7s}
.fx-rv.in{opacity:1;translate:0 0}
@media(prefers-reduced-motion:reduce){.fx-rv{opacity:1;translate:none;transition:none}}

/* Smooth wheel scrolling (class added by site-fx.js where the page has no smooth scroll of its own) */
html.fx-smooth{scroll-behavior:auto!important}

/* Mobile: FAQ list comes before the "Still have questions?" card */
@media(max-width:55.99rem){
 .n-faq{grid-template-columns:1fr;gap:1.4rem}
 .n-faq>.n-faq-l{display:contents!important}
 .n-faq-l>.n-faq-badge{order:1;justify-self:start}
 .n-faq-l>.n-h2{order:2}
 .n-faq-r{order:3}
 .n-faq-l>.n-faq-ask{order:4;margin-top:.6rem}
}
/* Mobile: contact form comes before the Gmail / WhatsApp cards and the privacy note */
@media(max-width:47.99rem){
 .n-contact{grid-template-columns:1fr;gap:1.4rem}
 .n-contact>.n-contact-l{display:contents!important}
 .n-contact-l>.n-faq-badge{order:1;justify-self:start}
 .n-contact-l>.n-h2{order:2}
 .n-contact-l>.n-contact-sub{order:3}
 .n-contact>.n-form{order:4}
 .n-contact-l>.n-contact-rows{order:5}
 .n-contact-l>.n-contact-note{order:6;margin-top:.4rem}
}

/* Privacy / Cookie / Terms on mobile: single column, no sideways scroll */
@media(max-width:55.99rem){
 .lg-grid{grid-template-columns:minmax(0,1fr);gap:1.6rem}
 .lg-toc{position:static;max-height:none;overflow:visible;padding:1rem 1.1rem;border:1px solid var(--line);border-radius:16px;background:var(--surface)}
 .lg-toc h2{margin-top:0}
 .lg-table table{min-width:0}
 .lg-table th,.lg-table td:first-child{white-space:normal}
 .lg-body{overflow-wrap:anywhere}
}