/* White/orange content theme - PDF-inspired content below dark heroes.
   Loaded site-wide: homepage dark .hero, subpage dark .phero, white content sections. */
body.wm{background:#fff}
.wm-banner{position:static;z-index:60;background:#1d1d1f;color:#fff;text-align:center;font:600 12.5px/1.4 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;letter-spacing:.08em;text-transform:uppercase;padding:10px 16px}
.wm-banner a{color:#ffb27a}

/* White content sections below the hero */
body.wm main > section:not(.hero):not(.phero){
  --text:#1d1d1f; --muted:#4f4a44; --dim:#6e675f;
  --bg:#ffffff; --bg2:#faf6f1; --card:#ffffff; --line:#e7ddd2; --line-soft:#efe7dd;
  --navy:#9a3412;
  --accent:#c2410c; --accent-d:#9a3412; --accent-2:#ed681e; --on-accent:#ffffff;
  --shadow:0 1px 2px rgba(60,30,10,.05),0 10px 28px rgba(60,30,10,.07);
  --shadow-lg:0 24px 60px -12px rgba(60,30,10,.16);
  background:var(--bg); color:var(--text);
}
body.wm main > section.alt:not(.hero):not(.phero){background:var(--bg2)}
body.wm main > section:not(.hero):not(.phero){padding-top:104px;padding-bottom:104px}

/* Editorial type voice from the PDF theme */
body.wm main > section:not(.hero):not(.phero) .eyebrow,
body.wm main > section:not(.hero):not(.phero) .hero-note,
body.wm main > section:not(.hero):not(.phero) .stage-tag{
  font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;
  letter-spacing:.16em; font-weight:700; color:var(--accent); opacity:1;
}
body.wm main > section:not(.hero):not(.phero) h2.h2,
body.wm main > section:not(.hero):not(.phero) .endcta h2{
  font-family:Georgia,'Times New Roman',serif; font-weight:700; letter-spacing:-.015em;
}
body.wm main > section:not(.hero):not(.phero) .lead{color:var(--muted);max-width:640px}

/* Reserve/contact section: warm cream instead of the navy gradient */
body.wm .contact{background:#faf3ea;color:var(--text)}
body.wm .contact .lead{color:var(--muted)}
body.wm .contact .eyebrow{color:var(--accent);opacity:1}
body.wm .contact .fine{color:var(--dim)}
body.wm .contact ul li{color:var(--text)}

/* Calculator teaser keeps its orange panel; soften the bridge on white */
body.wm .cbridge{color:var(--muted)}

/* Footer in the PDF's quiet style */
body.wm footer{
  --text:#1d1d1f; --muted:#4f4a44; --dim:#6e675f; --line-soft:#efe7dd; --accent:#c2410c;
  background:#fff;border-top:1px solid var(--line-soft);color:var(--muted);
}
body.wm footer a{color:var(--muted)}
body.wm footer a:hover{color:var(--accent)}

/* Keep the fixed header readable over white once past the hero */
body.wm.scrolled header, body.wm header.hdr-solid{--glass:rgba(255,255,255,.85)}
body.wm .top{top:0}
/* Header: keep dark-hero styling at top, switch to light glass once scrolled */
body.wm .top.scrolled, body.wm-flat .top{
  --text:#1d1d1f; --muted:#4f4a44; --line-soft:#e7ddd2;
  --card:#ffffff; --bg:#ffffff; --bg2:#faf6f1; --line:#e7ddd2;
  background:rgba(255,255,255,.9);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);
}
body.wm .top.scrolled .logo .on-dark, body.wm-flat .top .logo .on-dark{display:none}
body.wm .top.scrolled .logo .on-light, body.wm-flat .top .logo .on-light{display:block}
body.wm .top.scrolled .logo::before, body.wm-flat .top .logo::before{background-image:url('../img/brand/logo-dark.png')}
body.wm footer .foot-logo::before{background-image:url('../img/brand/logo-dark.png')}
body.wm footer .logo::before{background-image:url('../img/brand/logo-dark.png')}

/* Integrations scrolling banner */
#integrations-band{background:#faf6f1;padding:90px 0 100px;overflow:hidden}
.wm-marquee{overflow:hidden;margin-top:48px;-webkit-mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent);mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent)}
.wm-track{display:flex;gap:26px;width:max-content;animation:wmscroll 26s linear infinite;padding:18px 0 26px}
@keyframes wmscroll{from{transform:translateX(0)}to{transform:translateX(-50%)}}
.wm-tile{width:200px;flex:none;background:#fff;border:1px solid #efe4d8;border-radius:22px;padding:30px 18px 24px;text-align:center;
  box-shadow:0 2px 0 #fff inset,0 18px 34px -14px rgba(154,52,18,.28),0 4px 10px rgba(154,52,18,.08);
  transform:perspective(700px) rotateX(4deg)}
.wm-tile i{display:block;width:64px;height:64px;margin:0 auto 16px;background:#c2410c;
  -webkit-mask-position:center;-webkit-mask-size:contain;-webkit-mask-repeat:no-repeat;
  mask-position:center;mask-size:contain;mask-repeat:no-repeat}
.wm-tile b{font-size:16px;font-weight:800;color:#1d1d1f;letter-spacing:-.01em}
@media (prefers-reduced-motion:reduce){.wm-track{animation:none;flex-wrap:wrap;width:auto;justify-content:center}}
@media (max-width:640px){.wm-tile{width:160px;padding:22px 12px 18px}.wm-tile i{width:48px;height:48px;margin-bottom:12px}.wm-track{animation-duration:20s}}
body.wm .ao-rue .ao-text p{color:#b4b4bd}
body.wm #addons .ao-grid{grid-template-columns:1fr}
body.wm .sheet{--text:#1d1d1f;--muted:#4f4a44;--bg:#ffffff;--bg2:#faf6f1;--card:#ffffff;--line-soft:#e7ddd2;--accent:#c2410c;background:#fff}
body.wm .sheet a{color:#1d1d1f;border-bottom-color:#efe7dd}
body.wm .sheet .sheet-label{color:#c2410c}

/* Subpage dark heroes: each page keeps its own dark intro above the white content */
body.wm main > section.phero{background:linear-gradient(180deg,#050608 0%,#0a0c11 100%);color:#f5f5f7;padding:150px 0 90px}
body.wm main > section.phero .lead{color:#a1a1aa}
body.wm main > section.phero .fine{color:#8a8a93}
@media (max-width:700px){body.wm main > section.phero{padding:120px 0 70px}}

/* Homepage additions (preview v2) */
body.wm .proof-bar{padding:28px 0 8px!important;background:#fff}
body.wm .proof-strip{
  display:flex;align-items:center;justify-content:center;gap:10px;flex-wrap:wrap;
  text-align:center;font-size:15px;font-weight:700;color:#1d1d1f;
  padding:16px 22px;border-radius:999px;border:1px solid #e7ddd2;background:#faf6f1;
  box-shadow:0 1px 2px rgba(60,30,10,.05),0 10px 28px rgba(60,30,10,.07);
  text-decoration:none;max-width:920px;margin:0 auto;
}
body.wm .proof-strip:hover{border-color:#c2410c;color:#c2410c}
body.wm .proof-strip svg{width:17px;height:17px;flex-shrink:0}
body.wm .hero-one .hero-note{
  margin-top:16px;font-size:14px;font-weight:700;letter-spacing:.02em;color:rgba(255,255,255,.85)
}
body.wm #see-it .chat{
  box-shadow:0 24px 60px -12px rgba(60,30,10,.16);border-color:#efe7dd;margin-top:36px
}
body.wm .price.featured.popular::before{content:"Most popular"}
body.wm #pricing .fine{color:#6e675f;font-size:13.5px;line-height:1.55}
body.wm #cta .form{margin-top:28px}
body.wm #see-it .btn.ghost,
body.wm #calc-teaser-home .btn.ghost{
  background:transparent;color:#1d1d1f;border:1.5px solid #e7ddd2;box-shadow:none
}
body.wm #see-it .btn.ghost:hover{border-color:#c2410c;color:#c2410c;background:transparent;transform:translateY(-2px)}
@media (max-width:640px){
  body.wm .proof-strip{border-radius:18px;font-size:14px;padding:14px 16px}
  body.wm .hero-one .hero-note{font-size:13px}
}