/* Front Desk skin: friendlier look for the small-business pages (home EN/FR).
   Ratings pages keep styles.css untouched. Loaded after styles.css, scoped to body.fd. */
body.fd{
  --paper:#F6F8F3; --card:#FFFFFF; --ink:#142D3A; --field:#102D32;
  --brass:#1A766C; --muted:#59717A; --rule:#DCE5DF; --rule-dark:#24464C;
  --display:var(--sans);
  --mint:#E6F5ED; --lime:#C9F4B2;
  background:#fff;
}
body.fd .top{background:rgba(255,255,255,.92)}
body.fd .mark{font-family:var(--sans);font-weight:600;letter-spacing:-.02em}
body.fd .nav a.req{background:var(--brass);color:#fff;border:0;padding:9px 16px;border-radius:9px;font-weight:600}
body.fd .nav a.req:hover{background:#145A53}

body.fd .hero{background:linear-gradient(145deg,#F1F8EE,#fff 72%)}
body.fd .eyebrow{font-family:var(--sans);font-weight:600;font-size:12px;letter-spacing:.14em;color:var(--brass)}
body.fd .eyebrow::after{display:none}
body.fd .h1{font-weight:600;letter-spacing:-.035em;line-height:1.05;font-size:clamp(2.5rem,5vw,4.1rem)}
body.fd .h1 em{font-style:normal;color:var(--brass)}
body.fd .lead{color:#42606A}
body.fd .lede-strong{border-bottom-color:var(--brass)}
body.fd .btn{border-radius:10px;font-weight:600}
body.fd .btn-solid{background:var(--brass);border-color:var(--brass);color:#fff}
body.fd .btn-solid:hover{background:#145A53;border-color:#145A53}
body.fd .btn-ghost{border-color:#B8CFC5;background:#fff}

/* hero product mock */
body.fd .fd-chat{border-radius:18px;border-color:#DFEBE4;box-shadow:0 24px 70px rgba(24,63,61,.14);transform:rotate(.8deg);overflow:hidden;background:#fff}
body.fd .fd-chat-head{border-bottom-color:#E4EBE6}
body.fd .fd-bot{background:#F4F5F3;border-color:#E5E9E5;border-radius:14px}
body.fd .fd-you{background:#E7F2ED;color:var(--ink);border-radius:14px}
body.fd .fd-msg{border-radius:14px}
body.fd .fd-mail{border-radius:16px;background:var(--field)}
body.fd .fd-mail .act{border-color:var(--lime);border-radius:10px}
body.fd .fd-mail .act b{color:var(--lime)}
body.fd .fd-mail .btns span{border-radius:7px}
body.fd .fd-mail .btns span.ok{background:var(--lime);border-color:var(--lime);color:var(--field)}

/* process band */
.fd-band{background:var(--field);color:#fff;padding:22px 0;text-align:center;font-weight:600;font-size:clamp(15px,1.8vw,19px)}
.fd-band span{color:var(--lime)}

/* sections */
body.fd .blk{border-top:0}
body.fd #how{background:var(--paper)}
body.fd .h2{font-weight:600;letter-spacing:-.03em;line-height:1.12;max-width:22ch}
body.fd .blk-note{color:var(--muted)}

/* story steps */
body.fd .st-n{font-family:var(--sans);font-weight:700;color:var(--brass)}
body.fd .st-text h3{font-weight:600;letter-spacing:-.02em}
body.fd .st-vis{border-radius:18px;border-color:var(--rule);box-shadow:0 6px 22px rgba(23,54,42,.06);background:#fff}
body.fd .st-card,body.fd .st-list li,body.fd .st-tab{border-radius:12px}
body.fd .st-tab{border-collapse:separate;border-spacing:0;overflow:hidden}
body.fd .st-fix{border-radius:12px;border-color:var(--brass);background:#F0FBF8}
body.fd .st-fix blockquote{background:#fff;border-radius:9px}
body.fd .st-btns span{border-radius:8px}
body.fd .st-btns span.go{background:var(--brass);border-color:var(--brass)}
body.fd .st-chip{border-radius:7px}
body.fd .st-chip.ok{background:var(--mint);color:#236A42;border-color:#CBE9D7}
body.fd .st-chip.warn{background:#F4E8E3;color:#995638;border-color:#ECD5CB}
body.fd .st-loop{font-family:var(--sans);font-weight:700;color:var(--brass)}
body.fd .st-cap{font-family:var(--sans);font-weight:600;letter-spacing:.08em}

/* honesty band */
body.fd .band{background:var(--field)}
body.fd .band-claim{font-weight:600;letter-spacing:-.03em}
body.fd .band-claim em{font-style:normal;color:var(--lime)}
body.fd .band .eyebrow{color:var(--lime)}

/* pricing */
body.fd #plans{background:#FAFCF9}
body.fd .plan{border-radius:17px;background:#fff;box-shadow:0 5px 19px rgba(23,54,42,.05)}
body.fd .plan.hi{border:2px solid var(--brass)}
body.fd .plan .k{font-family:var(--sans);font-weight:600;color:var(--brass)}
body.fd .plan .p{font-weight:700}

/* faq + signup + footer */
body.fd .faq summary{font-weight:600}
body.fd .req-blk{background:var(--field)}
body.fd .req-blk h2{font-weight:600;letter-spacing:-.03em}
body.fd .req-blk .eyebrow{color:var(--lime)}
body.fd .req-blk input,body.fd .req-blk select,body.fd .req-blk textarea{border-radius:9px}
body.fd .req-blk button,body.fd .req-blk .btn{border-radius:10px;background:var(--lime);color:var(--field);border-color:var(--lime)}
