/* AutomatedFront Public Site V3 - consistent premium design for informational pages.
 * Scoped: marketing body.af-public-premium and service body.af-public-app.
 * Does NOT load in either dashboard, Android app or maintenance page.
 * The homepages have their own af-home-premium.css.
 */
body.af-public-premium{
  --bg:#f8fbfe;--bg2:#fff;--bg3:#eef5fb;--card:#fff;
  --text:#0b2b52;--muted:#52677d;--muted2:#698094;
  --border:#dce7ef;--border2:#cbdce9;
  --cyan:#087aab;--cyan2:rgba(8,122,171,.08);--cyan3:rgba(8,122,171,.15);
  --purple:#3360b2;--purple2:rgba(51,96,178,.07);--purple3:rgba(51,96,178,.15);
  --mono:'Outfit',system-ui,sans-serif;--display:'Outfit',system-ui,sans-serif;
  --body:'Outfit',system-ui,sans-serif;
  color:#173954;background:#f8fbfe;font:400 16px/1.7 'Outfit',system-ui,sans-serif;
}
body.af-public-premium::before{display:none!important}
body.af-public-premium nav,
body.af-public-app nav{
  background:rgba(255,255,255,.97);
  border-bottom:1px solid #e3ecf3;
  box-shadow:0 6px 22px rgba(15,54,91,.045);
  padding-left:clamp(19px,4.2vw,74px);
  padding-right:clamp(19px,4.2vw,74px);
}
body.af-public-premium nav .nav-logo,
body.af-public-app nav .nav-logo{gap:12px}
body.af-public-premium nav .nav-logo img,
body.af-public-app nav .nav-logo img{
  width:42px;height:42px;border-radius:8px!important;object-fit:contain
}
body.af-public-premium nav .logo-name,
body.af-public-app nav .logo-name{
  color:#0b3974;background:linear-gradient(100deg,#0e2867,#0079b1 61%,#7451af);
  background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;
  font:800 clamp(17px,1.9vw,23px)/1.1 'Outfit',system-ui,sans-serif;letter-spacing:-.035em;
}
body.af-public-premium nav .nav-links a,
body.af-public-app nav .nav-links a{
  color:#284464;font:650 13px/1.35 'Outfit',sans-serif;
  text-transform:none;letter-spacing:0;
}
body.af-public-premium nav .nav-links a:hover,
body.af-public-app nav .nav-links a:hover{color:#007aa7}
body.af-public-premium nav .nav-login,
body.af-public-premium nav .nav-back,
body.af-public-app nav .nav-login,
body.af-public-app nav .nav-back{
  font:650 12px 'Outfit',sans-serif;text-transform:none;letter-spacing:0;
  color:#0d527b;border-color:#c8ddeb;border-radius:9px
}
body.af-public-premium nav .nav-cta,
body.af-public-premium nav .nav-home-btn,
body.af-public-app nav .nav-cta,
body.af-public-app nav .nav-home-btn{
  background:linear-gradient(110deg,#074365,#006f8f);
  border:0;border-radius:10px;color:white!important;
  box-shadow:0 9px 20px rgba(4,110,151,.16);
  font:750 13px 'Outfit',sans-serif;text-transform:none;letter-spacing:0;
}
body.af-public-premium nav .lang-select,
body.af-public-app nav .lang-select{
  color:#1f4463;background:#fff;border-color:#d4e3ed;border-radius:8px;
  font:600 12px 'Outfit',sans-serif
}
body.af-public-premium nav .lang-select option,
body.af-public-app nav .lang-select option{background:white;color:#153f60}
body.af-public-premium .hamburger span,
body.af-public-app .hamburger span{background:#113d60}
body.af-public-premium .mobile-menu,
body.af-public-app .mobile-menu{background:#fff;border-color:#e1ebf3}
body.af-public-premium .mobile-menu a,
body.af-public-app .mobile-menu a{color:#20435f}

/* Article + SEO landing pages; layout/content/links remain canonical. */
body.af-public-premium .page-wrap{
  max-width:1080px;
  margin:0 auto;
  padding:clamp(50px,5.8vw,88px) clamp(24px,4vw,58px) 100px;
}
body.af-public-premium .page-tag,
body.af-public-premium .sec-tag,
body.af-public-premium .hero-badge{
  color:#086e9c;
  background:transparent;
  font:800 12px 'Outfit',sans-serif;
  letter-spacing:.16em;text-transform:uppercase;
}
body.af-public-premium .page-h1,
body.af-public-premium .page-hero h1,
body.af-public-premium .hero h1{
  max-width:960px;
  color:#0b2c55;
  font:800 clamp(37px,4.65vw,63px)/1.075 'Outfit',sans-serif;
  letter-spacing:-.05em;
  margin-bottom:23px;
}
body.af-public-premium .page-h1 .grad,
body.af-public-premium .page-hero h1 .grad,
body.af-public-premium .hero h1 .grad{
  color:#087ab2;background:none;-webkit-text-fill-color:#087ab2;
}
body.af-public-premium .page-intro,
body.af-public-premium .page-hero>p,
body.af-public-premium .hero>p{
  max-width:790px;color:#435a74;font:450 clamp(16px,1.9vw,19px)/1.7 'Outfit',sans-serif;
}
body.af-public-premium .section{
  margin-top:3.3rem;
}
body.af-public-premium .section h2,
body.af-public-premium .section h3,
body.af-public-premium .pp-section h2,
body.af-public-premium .pp-section h3{
  color:#103965;font-family:'Outfit',sans-serif;
  font-weight:770;letter-spacing:-.022em;line-height:1.25;
}
body.af-public-premium .section h2,
body.af-public-premium .pp-section h2{font-size:clamp(24px,3vw,34px)}
body.af-public-premium .section h3,
body.af-public-premium .pp-section h3{font-size:19px}
body.af-public-premium .section p,
body.af-public-premium .section>p,
body.af-public-premium .section ul li,
body.af-public-premium .section ol li,
body.af-public-premium .story-card p,
body.af-public-premium .story-card>p,
body.af-public-premium .page-wrap>p,
body.af-public-premium .pp-section p,
body.af-public-premium .pp-section li,
body.af-public-premium .content p,
body.af-public-premium .content li{
  color:#3d5670;
  font:450 16px/1.78 'Outfit',sans-serif;
}
body.af-public-premium .section ul li::before{color:#097fae}
body.af-public-premium .section a,
body.af-public-premium .pp-section a{color:#075c99}
body.af-public-premium .story-card,
body.af-public-premium .step-card,
body.af-public-premium .value-card,
body.af-public-premium .price-card,
body.af-public-premium .faq-item,
body.af-public-premium .cta-box,
body.af-public-premium .note-box{
  background:#fff;
  border:1px solid #d7e4ed;
  border-radius:17px;
  box-shadow:0 10px 33px rgba(9,49,86,.055);
}
body.af-public-premium .story-card,
body.af-public-premium .step-card,
body.af-public-premium .value-card{padding:clamp(22px,2.6vw,32px)}
body.af-public-premium .step-card h3,
body.af-public-premium .value-card h3{
  color:#0f4d81;
  font:750 16px/1.4 'Outfit',sans-serif;letter-spacing:0;text-transform:none;
}
body.af-public-premium .step-card p,
body.af-public-premium .value-card p{color:#466079;font-size:15px}
body.af-public-premium .step-num{color:#087ab4;font:800 25px/1.1 'Outfit',sans-serif}
body.af-public-premium .faq-item{
  border:1px solid #d9e5ed;
  background:#fff;
}
body.af-public-premium .faq-item summary,
body.af-public-premium .faq-item h3{
  color:#163b5d;font:740 17px/1.5 'Outfit',sans-serif;
}
body.af-public-premium .faq-a,
body.af-public-premium .faq-item p{color:#456078;font:450 15px/1.75 'Outfit',sans-serif}
body.af-public-premium .cta-box{
  padding:clamp(28px,4vw,55px);background:#eaf5fc;
  border-color:#c5ddeb;text-align:center;
}
body.af-public-premium .cta-box h2{
  color:#102f57;font:800 clamp(26px,3vw,36px)/1.2 'Outfit',sans-serif;
  letter-spacing:-.035em;
}
body.af-public-premium .cta-box p{color:#3a5873;font-size:16px}
body.af-public-premium .cta-btn,
body.af-public-premium .cta-box a.cta-btn{
  border:0;border-radius:11px;
  background:linear-gradient(114deg,#07456c,#006f8f);
  box-shadow:0 9px 22px rgba(4,91,139,.15);
  color:#fff!important;font:750 14px 'Outfit',sans-serif;
  letter-spacing:0;text-transform:none;padding:15px 27px;
}
body.af-public-premium .cta-btn:hover{filter:brightness(.95)}
body.af-public-premium .related a{color:#0b6192}
body.af-public-premium .price-card{
  background:#fff;
  border:1px solid #cbddeb;border-radius:20px;
  box-shadow:0 17px 40px rgba(13,58,102,.07);padding:clamp(27px,4vw,46px);
}
body.af-public-premium .price-card.plan-ms{
  background:linear-gradient(155deg,#f0f7fd,#ffffff 68%);border-color:#b4d5ec;
}
body.af-public-premium .plan-name{
  color:#102f56;font:800 clamp(24px,3vw,34px)/1.2 'Outfit',sans-serif;
  letter-spacing:-.03em;
}
body.af-public-premium .plan-sub,
body.af-public-premium .price-per,
body.af-public-premium .price-flat,
body.af-public-premium .price-trialnote{color:#4c6379}
body.af-public-premium .price-amount{
  color:#075a99;
  font:800 clamp(44px,6vw,69px)/1 'Outfit',sans-serif;letter-spacing:-.052em;
}
body.af-public-premium .price-vat{
  color:#155883;border-color:#b4d7e7;background:#e9f4fa;
  font:700 12px 'Outfit',sans-serif;letter-spacing:0;
}
body.af-public-premium .plan-badge{
  color:#0c5a87;border-color:#b8d7e8;background:#e8f5fa;
}
body.af-public-premium .price-card ul li,
body.af-public-premium .price-card p{color:#375570}
body.af-public-premium .faq-item[open]{border-color:#b9d8e7}

/* About us: founder, values, story. */
body.af-public-premium .founder-card,
body.af-public-premium .story-founded{
  background:#f0f7fc;border:1px solid #d3e5f0;border-radius:15px;
  box-shadow:none;
}
body.af-public-premium .founder-name{color:#123a65;font:800 25px 'Outfit',sans-serif;letter-spacing:-.02em}
body.af-public-premium .founder-role{color:#0b648d;font:700 13px 'Outfit',sans-serif}
body.af-public-premium .founder-info p,
body.af-public-premium .story-founded p{color:#426078}
/* Legal page: preserve every heading, link and paragraph; improve reading comfort. */
body.af-public-premium .page-hero{
  max-width:1020px;padding:clamp(45px,6vw,80px) 30px 34px;
}
body.af-public-premium .hero-meta,
body.af-public-premium .meta-pill{color:#40607c}
body.af-public-premium .toc-wrap,
body.af-public-premium main.content{max-width:1020px}
body.af-public-premium .toc-box{
  background:#eef7fc;border:1px solid #d5e5ee;border-radius:16px;
  padding:clamp(22px,3vw,36px);
}
body.af-public-premium .toc-label{color:#0f5e98;font:800 12px 'Outfit',sans-serif}
body.af-public-premium .toc-grid a,
body.af-public-premium .toc-grid li a{color:#284d71;font-size:14px}
body.af-public-premium .toc-grid li a::before{color:#087bac}
body.af-public-premium .pp-section{border-color:#d7e4eb}
body.af-public-premium .pp-section-head{border-color:#dce8ef}
body.af-public-premium .pp-num{color:#5b788e}
body.af-public-premium .pp-section h3{font-size:17px;text-transform:none;letter-spacing:0}
body.af-public-premium .callout{
  background:#eaf5fb;border:1px solid #ccdfeb;border-radius:13px;
}
body.af-public-premium .callout-body p{color:#355570}
body.af-public-premium .callout-body strong{color:#114d76}
body.af-public-premium .content table,
body.af-public-premium .pp-section table{
  background:white;color:#264762;border-color:#d3e4ed;
}
body.af-public-premium .content th,
body.af-public-premium .pp-section th{color:#143d5c;background:#eff6fb}
body.af-public-premium .content td,
body.af-public-premium .pp-section td{color:#35536d;border-color:#d4e2ea}
body.af-public-premium footer{
  background:#0c2c4c;border-color:#0c2c4c;
  padding:34px clamp(25px,4.2vw,74px);
}
body.af-public-premium footer .footer-logo-name{
  background:none;color:#fff;-webkit-text-fill-color:#fff;
  font:760 18px 'Outfit',sans-serif;
}
body.af-public-premium footer .footer-links a,
body.af-public-premium footer .footer-copy,
body.af-public-premium footer .footer-social a{color:#d2e0f0}
body.af-public-premium footer .footer-links a:hover{color:#fff}
body.af-public-premium footer .af-cookie-settings{color:#d2e0f0}
/* App-like public support and bug pages: rebrand chrome, but keep functional dark
   input/chat surfaces and their existing focus/validation/status appearance. */
body.af-public-app{
  --cyan:#3bc2df;
  --purple:#9c8df7;
  font-family:'Outfit',system-ui,sans-serif;
}
body.af-public-app nav{background:#fff}
body.af-public-app nav .nav-back{color:#174467}
body.af-public-app .hero h1{
  color:#eaf6ff;font:800 clamp(32px,4.6vw,53px)/1.13 'Outfit',sans-serif;
  letter-spacing:-.038em;background:none;-webkit-text-fill-color:#eaf6ff;
}
body.af-public-app .sidebar-title{
  font:770 21px 'Outfit',sans-serif;letter-spacing:-.02em;
}
body.af-public-app .chat-container,
body.af-public-app .auth-box{box-shadow:0 15px 42px rgba(0,9,35,.25)}
body.af-public-app .steps-row{margin-bottom:20px}
body.af-public-app .chat-header-name,
body.af-public-app .step-label{font-family:'Outfit',sans-serif;font-size:14px}
body.af-public-premium ::selection,
body.af-public-app ::selection{color:#fff;background:#174fa0;-webkit-text-fill-color:#fff}
body.af-public-premium ::-moz-selection,
body.af-public-app ::-moz-selection{color:#fff;background:#174fa0}
body.af-public-premium :is(a,button,summary,input,select,textarea):focus-visible,
body.af-public-app :is(a,button,summary,input,select,textarea):focus-visible{
  outline:3px solid #1897bf;outline-offset:3px;
}
@media(max-width:900px){
  body.af-public-premium nav .nav-links,
  body.af-public-app nav .nav-links{display:none}
  body.af-public-premium nav .hamburger,
  body.af-public-app nav .hamburger{display:flex}
  body.af-public-premium .page-wrap{padding:50px 24px 70px}
}
@media(max-width:540px){
  body.af-public-premium nav,
  body.af-public-app nav{padding-left:12px;padding-right:12px}
  body.af-public-premium nav .nav-logo img,
  body.af-public-app nav .nav-logo img{height:33px;width:33px}
  body.af-public-premium nav .logo-name,
  body.af-public-app nav .logo-name{font-size:17px}
  body.af-public-premium .page-wrap{padding:38px 19px 60px}
  body.af-public-premium .page-h1{font-size:clamp(32px,9vw,41px)}
  body.af-public-premium .section p,body.af-public-premium .section li{font-size:15px}
  body.af-public-premium .cta-box{padding:25px 20px}
  body.af-public-premium .toc-wrap,
  body.af-public-premium main.content{padding-left:18px;padding-right:18px}
}
@media(prefers-reduced-motion:reduce){
  body.af-public-premium *,body.af-public-app *{
    scroll-behavior:auto!important;animation:none!important;transition:none!important
  }
}

/* ==== HOTFIX-A 2026-10-14 — reconciliation of dark-theme components with the premium light theme ====
   Root cause: the page-level <style> blocks were written for the old dark theme with hard-coded light text
   (.note-box rgba(221,232,255,.8); .story-card p:last-child rgba(221,232,255,.66) !important) while this layer turned
   the surfaces white -> light-on-white. Explicit light-theme colours below (WCAG AA >= 4.5:1). */
body.af-public-premium .note-box{background:#fff8e6;border:1px solid #f0cf86;border-left:4px solid #c98a04;color:#4a3405;border-radius:12px}
body.af-public-premium .note-box *{color:inherit}
body.af-public-premium .story-card p,body.af-public-premium .story-card p:last-child{color:#36506a!important}
body.af-public-premium .founder-badge{color:#075e90}
body.af-public-premium .cta-sub{color:#4a6178}
body.af-public-premium .related{color:#4a6178}
body.af-public-premium .pp-num{color:#4a6178}
body.af-public-premium .cta-sub a,body.af-public-premium .cta-box a[href^="mailto"]{color:#075e90;text-decoration:underline}
body.af-public-premium .pp-section{opacity:1!important;transform:none!important}