/* ==========================================================================
   Workroom — brand design system
   Palette: White #FFFFFF (canvas) · Off-white #FAFAF9 (section fills) ·
   Sage Slate #3D7A5F (accent) · Pewter #686A6D (secondary) · Off Black #1E1E1E
   Type: Plus Jakarta Sans 600 (display) · Inter (UI) ·
   Inter Medium 11px uppercase 0.05em (metadata labels)
   Layout language: framed canvas, flat fills, metadata micro-labels.
   ========================================================================== */

:root {
  --frame: #ffffff;         /* page frame — now white */
  --neutral: #fafaf9;       /* Off-white — card & section fills */
  --neutral-deep: #f0f0ee;
  --paper: #ffffff;         /* primary canvas — now white */
  --white: #ffffff;
  --ink: #1e1e1e;           /* Off Black — main typography */
  --body-c: #3c3d3c;
  --muted: #686a6d;         /* Pewter — secondary text */
  --line: #ebebe8;
  --accent: #3d7a5f;        /* Sage Slate — brand accent */
  --accent-hover: #336a52;
  --accent-tint: #deebe3;   /* light sage for highlights */
  --accent-soft: #ecf3ee;
  --green: #3d7a5f;
  --green-tint: #e2eede;
  --red: #b3402f;
  --red-tint: #f6e6e2;
  --amber-tint: #f1ead3;
  --amber-ink: #77621f;
  --dark: #1e1e1e;
  --dark-ink: #eeeeea;
  /* legacy aliases so older component rules keep resolving */
  --yellow: #3d7a5f;
  --yellow-hover: #336a52;
  --plum: #3d7a5f;
  --espresso: #262626;
  --espresso-deep: #1e1e1e;
  --blue: #3d7a5f;
  --blue-dark: #336a52;
  --blue-tint: #deebe3;
  --cream: #fafaf9;
  --cream-deep: #f0f0ee;
  --display: "Plus Jakarta Sans", "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --serif: var(--display); /* legacy var name — now the display sans */
  --sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  --mono: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; /* metadata labels: Inter Medium, uppercase */
  --code: "SFMono-Regular", Consolas, "Liberation Mono", monospace;
  --radius: 14px;
  --shadow: 0 2px 6px rgba(30, 30, 30, 0.05);
  --shadow-soft: 0 1px 3px rgba(30, 30, 30, 0.04);
  --header-h: 64px;
  --frame-gap: 16px;
}

* { box-sizing: border-box; margin: 0; padding: 0; }

html { scroll-behavior: smooth; }

body {
  font-family: var(--sans);
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.6;
  color: var(--body-c);
  background: var(--frame);
  -webkit-font-smoothing: antialiased;
}

img, svg { display: block; max-width: 100%; }

/* Display type: Plus Jakarta Sans Semi-Bold */
h1, h2 {
  font-family: var(--display);
  font-weight: 600;
  line-height: 1.08;
  letter-spacing: -0.02em;
  color: var(--ink);
}
h1 { font-size: clamp(2.5rem, 5.4vw, 4rem); }
h2 { font-size: clamp(1.8rem, 3.4vw, 2.6rem); }

h3, h4 {
  font-family: var(--display);
  font-weight: 600;
  line-height: 1.25;
  letter-spacing: -0.01em;
  color: var(--ink);
  font-size: 1.18rem;
}

.split h3, .tab-panel h3 { font-family: var(--display); font-weight: 600; line-height: 1.12; letter-spacing: -0.015em; }

p { color: var(--body-c); }

a { color: var(--ink); text-decoration: none; }
a:hover { color: var(--ink); }

code { font-size: 0.88em; background: var(--neutral); border: 1px solid var(--line); border-radius: 5px; padding: 0.1em 0.35em; color: var(--ink); font-family: var(--code); }

.container { width: min(1180px, 100% - 2.5rem); margin-inline: auto; }
.container--narrow { width: min(760px, 100% - 2.5rem); }

section { padding: clamp(3.2rem, 7vw, 5.6rem) 0; }

.skip-link { position: absolute; left: -9999px; top: 0; background: var(--ink); color: #fff; padding: 0.6rem 1rem; z-index: 300; }
.skip-link:focus { left: 0; }

/* The alabaster rounded canvas all content sits on */
.page-canvas {
  background: var(--paper);
  margin: 0 var(--frame-gap);
  border-radius: 18px;
  overflow: hidden;
}

/* Metadata micro-label — Inter Medium, 11px, uppercase, 0.05em */
.kicker {
  display: inline-block;
  font-family: var(--sans);
  font-size: 11px;
  font-weight: 500;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  color: var(--accent);
  background: transparent;
  border-radius: 0;
  padding: 0;
  margin-bottom: 1.2rem;
}

.section-head { max-width: 720px; margin-bottom: clamp(2rem, 4.5vw, 3.2rem); }
.section-head--center { margin-inline: auto; text-align: center; }
.section-head p { margin-top: 1.1rem; font-size: 1.1rem; }

.text-link { font-weight: 600; color: var(--accent); text-decoration: underline; text-underline-offset: 3px; text-decoration-thickness: 1px; }
.text-link:hover { color: var(--accent-hover); background: var(--accent-tint); text-decoration: none; }

.center { text-align: center; }
.mt-2 { margin-top: 2rem; }

/* Buttons ------------------------------------------------------------------- */

.btn {
  display: inline-block;
  font-family: var(--display);
  font-weight: 600;
  font-size: 0.95rem;
  padding: 0.72rem 1.35rem;
  border-radius: 8px;
  border: 1px solid transparent;
  cursor: pointer;
  transition: background 0.12s ease, border-color 0.12s ease, color 0.12s ease;
  text-align: center;
  line-height: 1.3;
}

.btn--primary { background: var(--accent); color: #fff; }
.btn--primary:hover { background: var(--accent-hover); color: #fff; }

.btn--blue { background: var(--ink); color: #fff; }
.btn--blue:hover { background: #000; color: #fff; }

.btn--ghost { color: var(--ink); border-color: var(--ink); background: var(--white); }
.btn--ghost:hover { background: var(--neutral); color: var(--ink); }

.btn--dark { background: var(--ink); color: #fff; }
.btn--dark:hover { background: #000; color: #fff; }

.btn--light { background: var(--accent); color: #fff; }
.btn--light:hover { background: var(--accent-hover); color: #fff; }

.btn--outline-light { border-color: rgba(238, 238, 234, 0.5); color: var(--dark-ink); background: transparent; }
.btn--outline-light:hover { border-color: #fff; color: #fff; }

.btn--lg { padding: 0.85rem 1.7rem; font-size: 1rem; }
.btn--block { display: block; width: 100%; }

/* Announcement bar ------------------------------------------------------------ */

.announce {
  background: var(--ink);
  color: var(--dark-ink);
  font-size: 0.84rem;
  font-weight: 500;
  text-align: center;
  padding: 0.55rem 1rem;
}
.announce a { color: #a5cfba; font-weight: 650; }
.announce a:hover { text-decoration: underline; color: #c1e0d0; }

/* Header — sits on the frame ---------------------------------------------------- */

.site-header {
  position: sticky; top: 0; z-index: 100;
  background: rgba(255, 255, 255, 0.9);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  border-bottom: 1px solid transparent;
}
.site-header.is-scrolled { border-bottom-color: rgba(30, 30, 30, 0.08); }

.header-inner { display: flex; align-items: center; height: var(--header-h); gap: 1.5rem; width: min(1470px, 100% - 2rem); margin-inline: auto; }

.logo { display: inline-flex; align-items: center; color: var(--ink); }
.logo svg { height: 40px; width: auto; display: block; }
.logo:hover { color: var(--ink); }

.site-nav { display: flex; align-items: center; gap: 0.2rem; flex: 1; }

.nav-link {
  font-size: 0.93rem; font-weight: 500; color: var(--ink);
  background: none; border: none; font-family: var(--sans); cursor: pointer;
  display: inline-flex; align-items: center; gap: 0.35rem;
  padding: 0.5rem 0.75rem; border-radius: 8px;
}
.nav-link:hover { background: rgba(30, 30, 30, 0.05); color: var(--ink); }

.nav-actions { display: flex; align-items: center; gap: 0.6rem; margin-left: auto; }
.nav-actions .btn { padding: 0.52rem 1.05rem; font-size: 0.9rem; }
.nav-actions .btn--ghost { background: transparent; }
.nav-login { font-size: 0.93rem; font-weight: 600; color: var(--ink); padding: 0.5rem 0.6rem; }
.nav-login:hover { color: var(--accent); }

.nav-item--dropdown { position: relative; }
.nav-drop-btn svg { transition: transform 0.15s ease; }
.nav-item--dropdown.is-open .nav-drop-btn svg { transform: rotate(180deg); }

.dropdown {
  position: absolute; top: calc(100% + 10px); left: 0;
  background: var(--white); border: 1px solid var(--line); border-radius: 12px;
  box-shadow: 0 14px 34px -18px rgba(30, 30, 30, 0.35); padding: 1.1rem;
  display: none;
  min-width: 300px;
}
.nav-item--dropdown.is-open .dropdown { display: block; }
.nav-item--dropdown.is-open .dropdown.mega { display: grid; }

.mega { grid-template-columns: repeat(var(--mega-cols, 2), minmax(215px, 1fr)); gap: 1.3rem; }
.mega-col h4 {
  font-family: var(--sans); font-size: 11px; font-weight: 500; letter-spacing: 0.05em; text-transform: uppercase;
  color: var(--muted); margin: 0 0 0.5rem 0.6rem;
}
.mega-col { display: flex; flex-direction: column; }
.mega-link { display: block; padding: 0.5rem 0.6rem; border-radius: 8px; }
.mega-link:hover { background: var(--neutral); }
.mega-link strong { display: block; font-size: 0.92rem; font-weight: 600; color: var(--ink); }
.mega-link span { display: block; font-size: 0.8rem; color: var(--muted); line-height: 1.45; }
.mega-foot { grid-column: 1 / -1; border-top: 1px solid var(--line); padding: 0.8rem 0.6rem 0; font-size: 0.9rem; }
.mega--product{left:-8rem;width:min(1120px,calc(100vw - 2rem));padding:1.15rem;gap:.65rem;border-radius:18px;box-shadow:0 28px 70px -24px rgba(24,37,31,.38)}.mega--product .mega-col{padding:0 .45rem;border-right:1px solid #e8ebe8}.mega--product .mega-col:nth-child(4){border-right:0}.mega--product .mega-col h4{margin:.15rem 0 .55rem .45rem;color:#3d7a5f;font-size:10px;font-weight:800}.mega-link--icon{display:grid;grid-template-columns:34px 1fr;align-items:start;gap:.55rem;padding:.48rem .45rem}.mega-link--icon>span:last-child{min-width:0}.mega-link--icon strong{font-size:.82rem;line-height:1.25}.mega-link--icon small{display:block;margin-top:.14rem;color:#78827d;font-size:.67rem;line-height:1.32}.mega-icon{display:grid!important;place-items:center;width:31px;height:31px;color:#53645b;background:#f2f4f2;border:1px solid #e3e7e4;border-radius:9px}.mega-icon svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.mega-link--icon:hover .mega-icon{color:#2f6b52;background:#e3eee8;border-color:#d7e6de}.mega-foot--product{display:flex;align-items:center;gap:1rem;margin-top:.35rem;padding:.8rem .45rem 0}.mega-all-features{display:grid;grid-template-columns:36px 1fr auto;align-items:center;gap:.7rem;min-width:0;flex:1;padding:.55rem .65rem;color:inherit;background:#f5f7f5;border-radius:11px}.mega-all-features:hover{background:#edf2ef}.mega-all-features strong,.mega-all-features small{display:block}.mega-all-features strong{font-size:.82rem}.mega-all-features small{margin-top:.12rem;color:#78827d;font-size:.67rem}.mega-all-features b{color:#3d7a5f;font-size:.72rem;white-space:nowrap}.mega-platform-link{color:#3d7a5f;font-size:.72rem;font-weight:700;white-space:nowrap}

.nav-toggle { display: none; background: none; border: none; cursor: pointer; padding: 0.5rem; margin-left: auto; }
.nav-toggle span { display: block; width: 24px; height: 2px; background: var(--ink); margin: 5px 0; border-radius: 2px; }

/* Hero ------------------------------------------------------------------------------ */

.hero { padding: clamp(3.2rem, 7vw, 5.5rem) 0 clamp(2.5rem, 5vw, 4rem); background: var(--paper); }
.hero--center { text-align: center; }
.hero--center .hero-sub { margin-inline: auto; }
.hero--center .hero-actions { justify-content: center; }
.hero--center .hero-note { text-align: center; }

.hero h1 { max-width: 16.5em; margin-bottom: 1.4rem; }
.hero--center h1 { margin-inline: auto; }
.hero h1 mark { background: linear-gradient(180deg, transparent 68%, var(--accent-tint) 68%); color: inherit; padding: 0 0.05em; }

.hero-sub { font-size: 1.15rem; line-height: 1.55; max-width: 40em; margin-bottom: 1.9rem; color: var(--body-c); }
.hero-actions { display: flex; flex-wrap: wrap; gap: 0.7rem; align-items: center; margin-bottom: 0.9rem; }
.hero-note { font-size: 0.85rem; color: var(--muted); }

.hero-app { margin-top: clamp(2.2rem, 5vw, 3.4rem); }

/* Hero "taste" preview — a live-feeling sliver of the page's own component -- */
.hero-taste {
  display: inline-flex; flex-direction: column; gap: 0.55rem;
  margin-top: 0.4rem; padding: 0.9rem 1.15rem; border-radius: 12px;
  border: 1px solid var(--line); background: var(--white);
  box-shadow: 0 20px 50px -34px rgba(30, 30, 30, 0.35);
}
.hero-taste-lbl { display: flex; align-items: center; gap: 0.5rem; font-family: var(--sans); font-size: 10px; font-weight: 600; letter-spacing: 0.06em; text-transform: uppercase; color: var(--muted); }
.hero-taste-lbl::before { content: ""; width: 6px; height: 6px; border-radius: 50%; background: var(--accent); animation: hero-taste-pulse 2s ease-in-out infinite; }
.hero-taste-body { display: flex; align-items: center; gap: 0.9rem; flex-wrap: wrap; }
.hero-taste-body p { margin: 0; font-size: 0.85rem; color: var(--ink); max-width: 420px; }
.hero-taste-body strong { display: block; font-family: var(--display); font-weight: 600; font-size: 0.9rem; color: var(--ink); }
.hero-taste-body small { color: var(--muted); font-size: 0.74rem; }
.hero-taste-arrow { width: 18px; height: 18px; color: var(--accent); flex-shrink: 0; animation: convert-arrow-pulse 2s ease-in-out infinite; }
.hero-taste-util { display: flex; flex-direction: column; align-items: center; gap: 0.35rem; font-size: 0.72rem; color: var(--muted); }
.hero-taste-util .util-cell { min-width: 46px; padding: 0.3rem 0.5rem; }
@keyframes hero-taste-pulse { 0%, 100% { opacity: 1; } 50% { opacity: 0.35; } }
@media (prefers-reduced-motion: reduce) {
  .hero-taste-lbl::before, .hero-taste-arrow { animation: none; }
}
@media (max-width: 560px) {
  .hero-taste-body { gap: 0.7rem; }
  .hero-taste-body p { max-width: none; }
}

/* Product mock windows ----------------------------------------------------------------- */

.mock {
  background: var(--white); border: 1px solid var(--line); border-radius: 12px;
  box-shadow: var(--shadow); overflow: hidden; font-size: 0.82rem; text-align: left;
}
.mock-bar { display: flex; align-items: center; gap: 6px; padding: 0.65rem 1rem; border-bottom: 1px solid var(--line); background: var(--neutral); }
.mock-bar i { width: 9px; height: 9px; border-radius: 50%; background: #d6d6d0; }
.mock-bar i:first-child { background: #b7cabf; }
.mock-bar b { margin-left: 0.6rem; font-family: var(--sans); font-size: 11px; font-weight: 500; color: var(--muted); letter-spacing: 0.05em; text-transform: uppercase; }
.mock-body { padding: 1rem 1.1rem 1.2rem; display: grid; gap: 0.7rem; }
.mock-row {
  display: flex; align-items: center; justify-content: space-between; gap: 1rem;
  padding: 0.65rem 0.85rem; border: 1px solid var(--line); border-radius: 9px; background: var(--white);
}
.mock-row strong { font-weight: 600; color: var(--ink); }
.mock-row small { color: var(--muted); display: block; margin-top: 1px; }
.pill { font-family: var(--sans); font-size: 10px; font-weight: 500; letter-spacing: 0.05em; text-transform: uppercase; padding: 0.3rem 0.6rem; border-radius: 6px; white-space: nowrap; }
.pill--green { background: var(--green-tint); color: var(--accent-hover); }
.pill--amber { background: var(--amber-tint); color: var(--amber-ink); }
.pill--clay { background: var(--neutral-deep); color: var(--ink); }
.pill--red { background: var(--red-tint); color: var(--red); }
.mock-meter { background: var(--neutral); border-radius: 9px; padding: 0.7rem 0.85rem; }
.mock-meter .meter-label { display: flex; justify-content: space-between; font-weight: 600; color: var(--ink); margin-bottom: 0.4rem; }
.meter-track { height: 7px; border-radius: 99px; background: var(--neutral-deep); overflow: hidden; }
.meter-fill { height: 100%; border-radius: 99px; background: var(--accent); }

/* Hero app frame — dashboard replica (drawn from the real product UI) */
.appframe {
  display: grid; grid-template-columns: 195px 1fr;
  background: var(--white); border: 1px solid var(--line); border-radius: 16px;
  overflow: hidden; font-size: 0.8rem; text-align: left;
  max-width: 1060px; margin-inline: auto;
  box-shadow: 0 34px 80px -40px rgba(30, 30, 30, 0.4);
}
.appframe-side { background: var(--paper); border-right: 1px solid var(--line); padding: 1rem 0.75rem 1.2rem; display: flex; flex-direction: column; gap: 2px; }
.appframe-side .side-logo { color: var(--ink); margin: 0 0.45rem 0.7rem; display: flex; align-items: center; }
.appframe-side .side-logo svg { height: 16px; width: auto; }
.side-label { font-family: var(--sans); font-size: 9px; font-weight: 500; letter-spacing: 0.05em; text-transform: uppercase; color: var(--muted); margin: 0.7rem 0.45rem 0.3rem; }
.appframe-side a { color: var(--body-c); padding: 0.32rem 0.45rem; border-radius: 6px; font-weight: 500; font-size: 0.74rem; }
.appframe-side a.is-active { background: var(--white); border: 1px solid var(--line); color: var(--ink); font-weight: 600; }
.appframe-main { padding: 1.15rem 1.25rem 1.35rem; background: var(--white); }
.app-greet { font-family: var(--display); font-weight: 600; font-size: 1.35rem; letter-spacing: -0.02em; color: var(--ink); margin-bottom: 0.95rem; }
.app-cols { display: grid; grid-template-columns: 1.15fr 1fr 1fr; gap: 0.8rem; align-items: start; }
.app-widget { border: 1px solid var(--line); border-radius: 12px; padding: 0.85rem 0.95rem; background: var(--white); }
.app-widget h4 { font-size: 0.8rem; font-weight: 600; display: flex; justify-content: space-between; align-items: baseline; gap: 0.5rem; margin-bottom: 0.3rem; }
.app-widget h4 span { font-family: var(--sans); font-size: 9px; font-weight: 500; letter-spacing: 0.05em; text-transform: uppercase; color: var(--muted); }
.app-row { display: flex; align-items: center; gap: 0.55rem; padding: 0.5rem 0; }
.app-row + .app-row { border-top: 1px solid var(--line); }
.app-avatar { width: 26px; height: 26px; border-radius: 7px; flex: 0 0 auto; display: flex; align-items: center; justify-content: center; font-weight: 700; font-size: 0.56rem; color: #fff; letter-spacing: 0.02em; }
.app-row strong { display: block; font-size: 0.75rem; font-weight: 600; color: var(--ink); line-height: 1.25; }
.app-row small { display: block; font-size: 0.65rem; color: var(--muted); }
.app-row .pill { margin-left: auto; }
.app-dot { width: 7px; height: 7px; border-radius: 50%; flex: 0 0 auto; }
.app-status { margin-left: auto; font-family: var(--sans); font-size: 9px; font-weight: 500; letter-spacing: 0.05em; text-transform: uppercase; white-space: nowrap; }
.app-check { display: flex; align-items: center; gap: 0.5rem; padding: 0.5rem 0; font-size: 0.73rem; font-weight: 500; color: var(--ink); }
.app-check + .app-check { border-top: 1px solid var(--line); }
.app-check i { width: 14px; height: 14px; flex: 0 0 auto; border: 1.5px solid #c8c8c1; border-radius: 4px; background: var(--white); }

/* Budget-screen hero replica */
.app-tabs { display: flex; align-items: center; gap: 1rem; flex-wrap: wrap; border-bottom: 1px solid var(--line); padding-bottom: 0.6rem; margin-bottom: 0.9rem; font-size: 0.74rem; font-weight: 500; color: var(--muted); }
.app-tabs .app-avatar { width: 22px; height: 22px; border-radius: 6px; font-size: 0.5rem; }
.app-tabs b { color: var(--ink); font-weight: 600; font-size: 0.78rem; margin-right: 0.3rem; }
.app-tab--active { color: var(--ink); font-weight: 600; box-shadow: inset 0 -2px 0 var(--ink); padding-bottom: 0.55rem; margin-bottom: -0.62rem; }
.app-pagehead { display: flex; justify-content: space-between; align-items: flex-end; gap: 1rem; margin-bottom: 0.9rem; }
.app-kicker { display: block; font-family: var(--sans); font-size: 9px; font-weight: 500; letter-spacing: 0.05em; text-transform: uppercase; color: var(--muted); margin-bottom: 0.15rem; }
.app-sub { display: block; font-size: 0.68rem; color: var(--muted); margin-top: 0.15rem; }
.app-btn { flex: 0 0 auto; background: var(--accent); color: #fff; font-size: 0.7rem; font-weight: 600; padding: 0.45rem 0.8rem; border-radius: 7px; white-space: nowrap; }
.app-chip { flex: 0 0 auto; border: 1px solid var(--line); color: var(--ink); font-size: 0.68rem; font-weight: 600; padding: 0.35rem 0.7rem; border-radius: 7px; white-space: nowrap; background: var(--white); }
.app-stats { display: grid; grid-template-columns: repeat(5, 1fr); gap: 0.7rem; margin-bottom: 0.9rem; }
.app-stat { border: 1px solid var(--line); border-radius: 10px; background: var(--white); padding: 0.7rem 0.8rem; }
.app-stat-icon { width: 26px; height: 26px; border-radius: 50%; background: var(--accent-soft); color: var(--accent); display: flex; align-items: center; justify-content: center; margin-bottom: 0.45rem; }
.app-stat small { display: block; font-family: var(--sans); font-size: 8.5px; font-weight: 500; letter-spacing: 0.05em; text-transform: uppercase; color: var(--muted); }
.app-stat strong { display: block; font-family: var(--display); font-size: 1.02rem; font-weight: 600; letter-spacing: -0.01em; color: var(--ink); line-height: 1.3; }
.app-stat em { display: block; font-style: normal; font-size: 0.62rem; color: var(--muted); line-height: 1.4; margin-top: 0.1rem; }
.app-panel { border: 1px solid var(--line); border-radius: 12px; background: var(--white); padding: 0.95rem 1.05rem; }
.app-panel-head { display: flex; justify-content: space-between; align-items: flex-start; gap: 1rem; margin-bottom: 0.8rem; }
.app-panel-head strong { display: block; font-size: 0.82rem; font-weight: 600; color: var(--ink); }
.app-panel-head small { display: block; font-size: 0.66rem; color: var(--muted); margin-top: 0.1rem; }
.app-figures { display: grid; grid-template-columns: 1fr 1.2fr 1fr; gap: 0.9rem; margin-bottom: 0.65rem; }
.app-figures small { display: block; font-family: var(--sans); font-size: 8.5px; font-weight: 500; letter-spacing: 0.05em; text-transform: uppercase; color: var(--muted); margin-bottom: 0.1rem; }
.app-figures strong { display: block; font-family: var(--display); font-size: 1.25rem; font-weight: 600; letter-spacing: -0.015em; color: var(--ink); line-height: 1.25; }
.app-figures strong.pos { color: var(--accent); }
.app-figures em { display: block; font-style: normal; font-size: 0.62rem; color: var(--muted); margin-top: 0.1rem; }
.app-progress { height: 7px; border-radius: 99px; background: var(--neutral-deep); overflow: hidden; margin-bottom: 0.85rem; }
.app-progress i { display: block; height: 100%; border-radius: 99px; background: var(--accent); }
.app-roomlabel { display: block; font-family: var(--sans); font-size: 8.5px; font-weight: 500; letter-spacing: 0.05em; text-transform: uppercase; color: var(--muted); margin-bottom: 0.4rem; }
.app-room { display: grid; grid-template-columns: 105px 1fr auto; gap: 0.7rem; align-items: center; padding: 0.26rem 0; }
.app-room b { font-size: 0.72rem; font-weight: 600; color: var(--ink); white-space: nowrap; }
.app-room .app-bar { height: 6px; border-radius: 99px; background: var(--neutral-deep); overflow: hidden; }
.app-room .app-bar i { display: block; height: 100%; border-radius: 99px; background: var(--accent); }
.app-room span { font-size: 0.7rem; font-weight: 600; color: var(--ink); }

/* Integrations grid (home) ----------------------------------------------------------------- */

.int-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 1.1rem; align-items: stretch; }
.int-intro { grid-column: span 2; padding: 0.4rem 2.2rem 0.4rem 0; }
.int-intro h2 { margin-bottom: 0.9rem; }
.int-card { border: 1px solid var(--line); border-radius: 14px; background: var(--white); padding: 1.35rem 1.3rem; }
.int-chip { width: 46px; height: 46px; border-radius: 12px; border: 1px solid var(--line); background: var(--white); display: flex; align-items: center; justify-content: center; box-shadow: var(--shadow-soft); }
.int-card h3 { font-size: 1rem; margin: 0.95rem 0 0.3rem; }
.int-card p { font-size: 0.87rem; color: var(--muted); }

/* Logo wall ------------------------------------------------------------------------------ */

.logo-wall { padding: 2rem 0; border-top: 1px solid var(--line); border-bottom: none; background: var(--paper); }
.logo-wall p { text-align: center; font-family: var(--sans); font-size: 11px; font-weight: 500; letter-spacing: 0.05em; text-transform: uppercase; color: var(--muted); margin-bottom: 1.2rem; }
.logo-row { display: flex; flex-wrap: wrap; justify-content: center; gap: 0.9rem 2.6rem; font-family: var(--display); font-weight: 600; font-size: 1rem; color: #9a9c98; letter-spacing: -0.01em; }

/* Stats — neutral band, white cards, sage numerals ------------------------------------------ */

.stats { background: var(--neutral); color: var(--ink); }
.stats .kicker { color: var(--accent); }
.stats h2 { color: var(--ink); }
.stats p { color: var(--body-c); }
.stats-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 1rem; margin-top: 2.6rem; }
.stats-grid > div { background: var(--white); border-radius: 12px; padding: 1.5rem 1.4rem 1.4rem; }
.stat-num { font-family: var(--display); font-size: clamp(2.1rem, 3.8vw, 3rem); font-weight: 600; letter-spacing: -0.02em; color: var(--accent); line-height: 1.05; }
.stat-label { margin-top: 0.6rem; color: var(--muted); font-size: 0.9rem; }

.stat-strip { display: grid; grid-template-columns: repeat(4, 1fr); gap: 1rem; border: none; border-radius: 14px; padding: 0; background: transparent; box-shadow: none; }
.stat-strip > div {
  text-align: left; background: var(--neutral); border: 1px solid transparent; border-radius: 12px; padding: 1.3rem 1.4rem;
  transition: transform 0.25s cubic-bezier(0.22, 0.61, 0.36, 1), box-shadow 0.25s ease, border-color 0.25s ease;
}
.stat-strip > div:hover { transform: translateY(-3px); box-shadow: 0 18px 36px -24px rgba(30, 30, 30, 0.35); border-color: var(--line); }
.stat-strip .stat-num { color: var(--accent); font-size: 2rem; }
.stat-strip .stat-label { color: var(--muted); font-size: 0.85rem; margin-top: 0.35rem; }
.stat-icon { width: 34px; height: 34px; border-radius: 9px; background: var(--accent-tint); color: var(--accent-hover); display: flex; align-items: center; justify-content: center; margin-bottom: 0.95rem; }
.stat-icon svg { width: 18px; height: 18px; }

/* Cards / grids ------------------------------------------------------------------------------ */

.grid-3 { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1.1rem; }
.grid-2 { display: grid; grid-template-columns: repeat(2, 1fr); gap: 1.1rem; }
.grid-4 { display: grid; grid-template-columns: repeat(4, 1fr); gap: 1rem; }

.card {
  background: var(--neutral); border: none; border-radius: var(--radius);
  padding: 1.7rem 1.5rem; transition: background 0.15s ease;
}
a.card:hover { transform: none; box-shadow: none; background: var(--neutral-deep); }
.card h3 { margin: 0.9rem 0 0.45rem; font-size: 1.06rem; }
.card p { font-size: 0.95rem; }
.card .text-link { display: inline-block; margin-top: 0.85rem; font-size: 0.92rem; }

.card-icon {
  width: 40px; height: 40px; border-radius: 10px;
  background: var(--accent); color: #fff;
  display: flex; align-items: center; justify-content: center;
}

.card--flag { background: var(--white); border: 1px solid var(--line); border-top: 3px solid var(--accent); }

/* Split sections -------------------------------------------------------------------------------- */

.split { display: grid; grid-template-columns: 1fr 1fr; gap: clamp(2rem, 5.5vw, 4.5rem); align-items: center; }
.split--reverse .split-media { order: -1; }
.split h2 { margin-bottom: 1rem; }
.split .checklist { margin-top: 1.3rem; }

.checklist { list-style: none; display: grid; gap: 0.7rem; }
.checklist li { position: relative; padding-left: 1.75rem; color: var(--body-c); }
.checklist li::before {
  content: ""; position: absolute; left: 0; top: 4px; width: 18px; height: 18px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 18 18'%3E%3Cpath d='M3.5 9.5l3.5 3.5L14.5 5' fill='none' stroke='%233d7a5f' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}

/* Tabs — metadata-label pills, sage active ---------------------------------------------------------- */

.tabs-nav { display: grid; grid-template-columns: repeat(3, 1fr); gap: 0.6rem; margin-bottom: 2.4rem; }
.tabs-nav button {
  font-family: var(--sans); font-size: 11px; font-weight: 500; letter-spacing: 0.05em; text-transform: uppercase;
  color: var(--ink); background: var(--neutral); border: none; border-radius: 8px;
  padding: 0.95rem 1rem; cursor: pointer; transition: background 0.12s ease, color 0.12s ease;
}
.tabs-nav button:hover { background: var(--neutral-deep); color: var(--ink); }
.tabs-nav button.is-active { background: var(--accent); border-color: transparent; color: #fff; }
.tab-panel { display: none; }
.tab-panel.is-active { display: block; animation: tab-fade-in 0.4s cubic-bezier(0.22, 0.61, 0.36, 1); }
@keyframes tab-fade-in { from { opacity: 0; transform: translateY(8px); } to { opacity: 1; transform: none; } }
@media (prefers-reduced-motion: reduce) {
  .tab-panel.is-active { animation: tab-fade-in-reduced 0.3s ease; }
  @keyframes tab-fade-in-reduced { from { opacity: 0; } to { opacity: 1; } }
}

/* Quotes ----------------------------------------------------------------------------------------------- */

.quote-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1.1rem; }
.quote {
  background: var(--neutral); border: none; border-radius: var(--radius);
  padding: 1.7rem 1.5rem; display: flex; flex-direction: column; gap: 1.1rem;
}
.quote-metric { font-family: var(--display); font-size: 2.1rem; font-weight: 600; letter-spacing: -0.02em; color: var(--accent); line-height: 1.05; }
.quote-metric small { display: block; font-family: var(--sans); font-size: 0.8rem; font-weight: 500; color: var(--muted); letter-spacing: 0; margin-top: 0.4rem; }
.quote blockquote { font-size: 1.02rem; line-height: 1.55; color: var(--ink); font-weight: 500; }
.quote figcaption { display: flex; align-items: center; gap: 0.8rem; font-family: var(--sans); font-size: 11px; font-weight: 500; letter-spacing: 0.05em; text-transform: uppercase; color: var(--muted); margin-top: auto; }
.quote-avatar { width: 36px; height: 36px; border-radius: 50%; flex: 0 0 auto; display: flex; align-items: center; justify-content: center; color: #fff; font-family: var(--sans); font-weight: 700; font-size: 0.72rem; letter-spacing: 0; }
.quote-avatar--a { background: var(--accent); }
.quote-avatar--b { background: #686a6d; }
.quote-avatar--c { background: #8a6a52; }
img.quote-avatar { object-fit: cover; }
.quote strong { color: var(--ink); display: block; }

.quote--wide { max-width: 880px; margin-inline: auto; text-align: left; border: none; background: transparent; padding: 0; }
.quote--wide blockquote { font-family: var(--display); font-size: clamp(1.4rem, 2.8vw, 2rem); font-weight: 600; line-height: 1.25; letter-spacing: -0.015em; }
.quote--wide figcaption { justify-content: flex-start; }

/* Pricing -------------------------------------------------------------------------------------------------- */

.billing-toggle {
  display: inline-flex; border: none; background: var(--neutral);
  border-radius: 8px; padding: 4px; margin: 0 auto 2.6rem; gap: 2px;
}
.billing-toggle button {
  border: none; background: transparent; font-family: var(--sans); font-size: 11px; letter-spacing: 0.05em; text-transform: uppercase;
  font-weight: 500; padding: 0.55rem 1.1rem; border-radius: 6px; cursor: pointer; color: var(--muted);
}
.billing-toggle button.is-active { background: var(--accent); color: #fff; }
.billing-toggle .save { color: var(--ink); font-weight: 700; }
.billing-toggle button.is-active .save { color: #fff; }

.pricing-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 1.1rem; max-width: 880px; margin-inline: auto; align-items: stretch; }
.pricing-grid--3 { grid-template-columns: repeat(3, 1fr); max-width: 1180px; }

.plan { background: var(--neutral); border: none; border-radius: 16px; padding: 2.1rem 1.9rem; display: flex; flex-direction: column; position: relative; }
.plan--featured { background: var(--white); border: 1.5px solid var(--ink); }
.plan-badge {
  position: absolute; top: -13px; left: 50%; transform: translateX(-50%);
  background: var(--accent); color: #fff; font-family: var(--sans); font-size: 10px; font-weight: 500;
  letter-spacing: 0.05em; text-transform: uppercase; padding: 0.35rem 0.9rem; border-radius: 6px; white-space: nowrap;
}
.plan h3 { font-size: 1.25rem; }
.plan-for { font-size: 0.92rem; color: var(--muted); margin: 0.3rem 0 1.3rem; }
.plan-price { font-family: var(--display); font-size: 3rem; font-weight: 600; letter-spacing: -0.02em; color: var(--accent); line-height: 1; }
.plan-price small { font-family: var(--sans); font-size: 0.9rem; color: var(--muted); font-weight: 500; letter-spacing: 0; }
.plan-billing-note { font-size: 0.83rem; color: var(--muted); margin-top: 0.5rem; min-height: 1.2em; }
.plan .checklist { margin: 1.5rem 0 1.9rem; flex: 1; font-size: 0.94rem; }
.plan .checklist li::before { top: 3px; }
.compare-note { text-align: center; margin-top: 1.8rem; color: var(--muted); font-size: 0.92rem; }

/* Data-migration card — not tied to the billing toggle */
.plan--migration { background: var(--white); border: 1px solid var(--line); }
.plan--migration h3 { font-family: var(--display); font-weight: 600; font-size: 1.45rem; line-height: 1.2; letter-spacing: -0.015em; }
.plan--migration .plan-for { margin: 0.7rem 0 1.4rem; }
.migrate-list { border-top: 1px solid var(--line); margin-top: 1.5rem; padding-top: 1.3rem; }
.migrate-label { font-weight: 600; color: var(--ink); font-size: 0.92rem; margin-bottom: 0.8rem; }
.plan--migration .checklist { margin: 0; flex: none; gap: 0.55rem; font-size: 0.93rem; }

/* Comparison tables --------------------------------------------------------------------------------------------- */

.table-wrap { overflow-x: auto; border: 1px solid var(--line); border-radius: 14px; background: var(--white); box-shadow: none; }
.table-compare { width: 100%; border-collapse: collapse; font-size: 0.93rem; min-width: 640px; }
.table-compare th, .table-compare td { padding: 0.85rem 1.1rem; text-align: left; border-bottom: 1px solid var(--line); vertical-align: top; }
.table-compare thead th { background: var(--neutral); font-family: var(--sans); font-size: 11px; font-weight: 500; text-transform: uppercase; letter-spacing: 0.05em; color: var(--muted); }
.table-compare thead th.is-hero { color: #fff; background: var(--accent); }
.table-compare tbody th { font-weight: 600; color: var(--ink); width: 30%; }
.table-compare tbody tr:last-child th, .table-compare tbody tr:last-child td { border-bottom: none; }
.table-compare td.is-hero { background: var(--accent-soft); font-weight: 500; color: var(--ink); }
.tick { color: var(--accent); font-weight: 800; }
.cross { color: var(--red); font-weight: 800; }
.meh { color: var(--muted); }

/* FAQ ---------------------------------------------------------------------------------------------------------------- */

.faq-list { max-width: 780px; margin-inline: auto; display: grid; gap: 0.7rem; }
.faq-list details { background: var(--neutral); border: none; border-radius: 12px; padding: 1.05rem 1.35rem; }
.faq-list summary { font-weight: 600; color: var(--ink); cursor: pointer; list-style: none; display: flex; justify-content: space-between; align-items: center; gap: 1rem; }
.faq-list summary::-webkit-details-marker { display: none; }
.faq-list summary::after { content: "+"; font-size: 1.35rem; font-weight: 500; color: var(--accent); line-height: 1; }
.faq-list details[open] summary::after { content: "–"; }
.faq-list details p { margin-top: 0.75rem; font-size: 0.96rem; }

/* CTA band — off-black inset card ---------------------------------------------------------------------------------------- */

.cta-band {
  background: var(--ink);
  color: var(--dark-ink); text-align: center;
  margin: var(--frame-gap); border-radius: 18px;
}
.cta-band h2 { color: #fff; max-width: 17em; margin: 0 auto 1rem; }
.cta-band p { color: rgba(238, 238, 234, 0.75); max-width: 38em; margin-inline: auto; }
.cta-actions { display: flex; flex-wrap: wrap; gap: 0.8rem; justify-content: center; margin-top: 1.9rem; }
.cta-note { font-family: var(--sans); font-size: 11px !important; font-weight: 500; letter-spacing: 0.05em; text-transform: uppercase; margin-top: 1.4rem !important; color: rgba(238, 238, 234, 0.5) !important; }

/* Page hero (interior pages) ------------------------------------------------------------------------------------------------ */

.page-hero { padding: clamp(3rem, 6.5vw, 5rem) 0 clamp(2.2rem, 4.5vw, 3.5rem); text-align: center; background: var(--paper); }
.page-hero h1 { max-width: 16.5em; margin-inline: auto; }
.page-hero .lead { font-size: 1.13rem; max-width: 42em; margin: 1.2rem auto 0; }
.page-hero .hero-actions { justify-content: center; margin-top: 1.9rem; margin-bottom: 0; }
.page-hero .hero-note { margin-top: 0.9rem; }

.feature-hero { text-align: left; }
.feature-hero h1, .feature-hero .lead { margin-inline: 0; }
.feature-hero .hero-actions { justify-content: flex-start; }

.alt-bg { background: var(--neutral); }

.mini-cards { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1rem; margin-top: 2.3rem; }
.mini-card {
  background: var(--white); border: 1px solid transparent; border-radius: 12px; padding: 1.4rem;
  transition: transform 0.25s cubic-bezier(0.22, 0.61, 0.36, 1), box-shadow 0.25s ease, border-color 0.25s ease;
}
.mini-card:hover { transform: translateY(-3px); box-shadow: 0 18px 36px -24px rgba(30, 30, 30, 0.35); border-color: var(--line); }
.mini-card h3 { font-size: 0.99rem; font-weight: 600; margin-bottom: 0.4rem; letter-spacing: -0.01em; }
.mini-card p { font-size: 0.91rem; }
.mini-card-icon { width: 36px; height: 36px; border-radius: 10px; background: var(--accent-tint); color: var(--accent-hover); display: flex; align-items: center; justify-content: center; margin-bottom: 0.9rem; }
.mini-card-icon svg { width: 19px; height: 19px; }
section:not(.alt-bg) .mini-card { background: var(--neutral); }
.addon-head { display: flex; align-items: center; justify-content: space-between; gap: 0.6rem; margin-bottom: 0.4rem; }
.addon-head h3 { margin: 0; }

.feature-next { display: flex; justify-content: space-between; align-items: center; gap: 1rem; border-top: 1px solid var(--line); padding: 1.9rem 0 0; flex-wrap: wrap; }

/* Persona / solutions ------------------------------------------------------------------------------------------------------------ */

.persona-band { display: grid; grid-template-columns: repeat(4, 1fr); gap: 1rem; }
.persona-card { border: none; border-radius: var(--radius); padding: 1.6rem 1.4rem; background: var(--white); transition: background 0.15s ease; display: flex; flex-direction: column; }
.alt-bg .persona-card { background: var(--white); }
section:not(.alt-bg) .persona-card { background: var(--neutral); }
a.persona-card:hover { transform: none; box-shadow: none; background: var(--neutral-deep); }
.persona-icon { width: 42px; height: 42px; border-radius: 10px; background: var(--accent-soft); color: var(--accent); display: flex; align-items: center; justify-content: center; }
.persona-card h3 { margin: 0.8rem 0 0.4rem; font-size: 1.02rem; }
.persona-card p { font-size: 0.9rem; }
.persona-card .text-link { margin-top: auto; padding-top: 0.9rem; }

/* Blog ------------------------------------------------------------------------------------------------------------------------------ */

.post-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1.1rem; }
.post-card { background: var(--neutral); border: none; border-radius: var(--radius); overflow: hidden; display: flex; flex-direction: column; transition: background 0.15s ease; }
.post-card:hover { transform: none; box-shadow: none; background: var(--neutral-deep); }
.post-card-accent { height: 5px; }
.post-card-body { padding: 1.4rem 1.4rem 1.6rem; display: flex; flex-direction: column; flex: 1; }
.post-card .kicker { margin-bottom: 0.7rem; font-size: 10px; }
.post-card h3 { font-family: var(--display); font-weight: 600; font-size: 1.16rem; margin-bottom: 0.55rem; line-height: 1.25; }
.post-card h3 a { color: var(--ink); }
.post-card h3 a:hover { color: var(--accent); }
.post-card p { font-size: 0.92rem; flex: 1; }
.post-card-meta { margin-top: 1.1rem; font-family: var(--sans); font-size: 11px; font-weight: 500; letter-spacing: 0.05em; text-transform: uppercase; color: var(--muted); }

.post-header { padding: clamp(2.8rem, 6vw, 4.5rem) 0 1.8rem; text-align: center; background: var(--paper); }
.post-title { max-width: 17em; margin-inline: auto; font-size: clamp(2rem, 4.2vw, 3rem); }
.post-meta { margin-top: 1.1rem; font-family: var(--sans); font-size: 11px; font-weight: 500; letter-spacing: 0.05em; text-transform: uppercase; color: var(--muted); }

.post-body { padding-bottom: 2.8rem; font-size: 1.05rem; }
.post-body h2 { margin: 2.3rem 0 0.9rem; font-size: 1.65rem; }
.post-body h3 { margin: 1.7rem 0 0.7rem; }
.post-body p { margin-bottom: 1.15rem; }
.post-body ul, .post-body ol { margin: 0 0 1.15rem 1.4rem; color: var(--body-c); }
.post-body li { margin-bottom: 0.4rem; }
.post-body blockquote { border-left: 3px solid var(--accent); padding: 0.35rem 0 0.35rem 1.3rem; margin: 1.7rem 0; font-family: var(--display); font-size: 1.25rem; font-weight: 600; line-height: 1.3; color: var(--ink); }
.post-body strong { color: var(--ink); }
.post-footer { padding-bottom: 3.5rem; }

/* Forms ------------------------------------------------------------------------------------------------------------------------------- */

.form-panel { background: var(--neutral); border: none; border-radius: 16px; padding: clamp(1.5rem, 3.5vw, 2.4rem); box-shadow: none; }
.form-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 1rem; }
.form-field--full { grid-column: 1 / -1; }
.form-field label { display: block; font-family: var(--sans); font-size: 11px; font-weight: 500; letter-spacing: 0.05em; text-transform: uppercase; margin-bottom: 0.4rem; color: var(--ink); }
.form-field input, .form-field select, .form-field textarea {
  width: 100%; font-family: inherit; font-size: 0.97rem; color: var(--ink);
  padding: 0.7rem 0.85rem; border: 1px solid #c8c8c1; border-radius: 8px;
  background: var(--white); transition: border-color 0.12s ease;
}
.form-field input:focus, .form-field select:focus, .form-field textarea:focus {
  outline: none; border-color: var(--accent);
}
.form-field textarea { resize: vertical; min-height: 110px; }
.form-submit { grid-column: 1 / -1; margin-top: 0.4rem; }
.form-note { grid-column: 1 / -1; font-size: 0.82rem; color: var(--muted); }

.demo-layout { display: grid; grid-template-columns: 0.9fr 1.1fr; gap: clamp(2rem, 5vw, 4rem); align-items: start; }
.demo-points { margin-top: 1.7rem; }
.demo-quote { margin-top: 2.3rem; border-top: 1px solid var(--line); padding-top: 1.7rem; }
.demo-quote blockquote { font-family: var(--display); font-size: 1.15rem; font-weight: 600; line-height: 1.35; color: var(--ink); margin-bottom: 0.7rem; }
.demo-quote figcaption { font-family: var(--sans); font-size: 11px; font-weight: 500; letter-spacing: 0.05em; text-transform: uppercase; color: var(--muted); }

.contact-cards { margin-bottom: 2.8rem; }
.contact-cards .card h3 { margin-top: 0.8rem; font-size: 1.02rem; }

/* About ------------------------------------------------------------------------------------------------------------------------------------ */

.values-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1.1rem; margin-top: 2.3rem; }
.timeline { max-width: 700px; margin: 2.3rem auto 0; }
.timeline-item { display: grid; grid-template-columns: 90px 1fr; gap: 1.4rem; padding: 1.3rem 0; border-bottom: 1px solid var(--line); }
.timeline-item:last-child { border-bottom: none; }
.timeline-year { font-family: var(--sans); font-size: 11px; font-weight: 500; letter-spacing: 0.05em; text-transform: uppercase; color: var(--accent); padding-top: 0.35rem; }
.timeline-item h3 { font-size: 1rem; margin-bottom: 0.3rem; }
.timeline-item p { font-size: 0.94rem; }

/* Calculators ---------------------------------------------------------------------------------------------------------------------------------- */

.calc-nav { display: flex; flex-wrap: wrap; gap: 0.5rem; justify-content: center; margin-top: 1.8rem; }
.calc-nav a { font-family: var(--sans); font-size: 11px; font-weight: 500; letter-spacing: 0.05em; text-transform: uppercase; padding: 0.55rem 1rem; border: none; border-radius: 8px; background: var(--neutral); color: var(--ink); }
.calc-nav a:hover { background: var(--accent); color: #fff; }

.calc-list { display: grid; gap: 1.4rem; max-width: 1000px; margin-inline: auto; }
.calc-card { background: var(--neutral); border: none; border-radius: 16px; padding: clamp(1.5rem, 4vw, 2.3rem); scroll-margin-top: calc(var(--header-h) + 56px); }
.calc-card .kicker { margin-bottom: 0.6rem; font-size: 10px; }
.calc-head { margin-bottom: 1.4rem; max-width: 46em; }
.calc-head h2 { font-size: 1.6rem; margin-bottom: 0.5rem; }
.calc-head p { font-size: 0.95rem; }
.calc-body { display: grid; grid-template-columns: 1.1fr 0.9fr; gap: 1.6rem; align-items: start; }
.calc-inputs { display: grid; grid-template-columns: 1fr 1fr; gap: 0.9rem; }
.calc-result { background: var(--white); border: none; border-radius: 12px; padding: 1.3rem 1.4rem; }
.result-label { font-family: var(--sans); font-size: 11px; font-weight: 500; letter-spacing: 0.05em; text-transform: uppercase; color: var(--muted); margin-bottom: 0.35rem; }
.result-num { font-family: var(--display); font-size: 2.1rem; font-weight: 600; letter-spacing: -0.02em; line-height: 1.1; color: var(--accent); overflow-wrap: anywhere; }
.result-lines { margin-top: 0.95rem; display: grid; gap: 0.42rem; border-top: 1px solid var(--line); padding-top: 0.95rem; }
.result-line { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 0.15rem 1rem; font-size: 0.9rem; color: var(--body-c); }
.result-line strong { color: var(--ink); text-align: right; margin-left: auto; }
.result-warn { color: var(--red); font-weight: 600; }
.calc-note { margin-top: 1.05rem; font-size: 0.79rem; color: var(--muted); }
.calc-card--cta { background: var(--ink); text-align: center; }
.calc-card--cta h2 { color: #fff; font-size: 1.6rem; margin-bottom: 0.6rem; }
.calc-card--cta p { color: rgba(238, 238, 234, 0.75); max-width: 40em; margin: 0 auto 1.4rem; }

/* Embed-code page ---------------------------------------------------------------------------------------------------------------------------------- */

.embed-list { display: grid; gap: 1.3rem; }
.embed-block { background: var(--neutral); border: none; border-radius: 14px; padding: 1.5rem; }
.embed-block-head { display: flex; justify-content: space-between; align-items: baseline; gap: 1rem; flex-wrap: wrap; margin-bottom: 1rem; }
.embed-block-head h2 { font-size: 1.3rem; }
.embed-preview { margin-bottom: 1rem; border: 1px solid #bcbcb4; border-radius: 10px; padding: 0.8rem 1rem; }
.embed-preview summary { cursor: pointer; font-weight: 600; font-size: 0.9rem; color: var(--accent); }
.embed-preview[open] { background: var(--white); }
.embed-preview[open] summary { margin-bottom: 1rem; }
.embed-code { background: var(--ink); color: var(--dark-ink); border-radius: 10px; padding: 1rem 1.2rem; font-family: var(--code); font-size: 0.74rem; line-height: 1.6; overflow: auto; max-height: 300px; white-space: pre-wrap; word-break: break-all; margin-bottom: 1rem; }
.embed-copy { padding: 0.5rem 1.2rem; font-size: 0.88rem; }

/* The Vault ------------------------------------------------------------------------------------------------------------------------------------------------ */

.vault-hero {
  text-align: center;
  padding: clamp(3rem, 7vw, 5rem) 0 clamp(2rem, 4vw, 3rem);
  background:
    radial-gradient(40rem 20rem at 50% -10%, var(--accent-soft), transparent 60%),
    var(--paper);
}
.vault-hero h1 { max-width: 16em; margin-inline: auto; }
.vault-hero .lead { font-size: 1.15rem; max-width: 40em; margin: 1.2rem auto 0; }

/* Filter tabs (welcome grid) */
.vault-filters { display: flex; flex-wrap: wrap; gap: 0.55rem; justify-content: center; margin-bottom: 2.4rem; }
.vault-filters button {
  font-family: var(--sans); font-size: 0.86rem; font-weight: 600;
  color: var(--ink); background: var(--white); border: 1px solid var(--line);
  border-radius: 8px; padding: 0.55rem 1.1rem; cursor: pointer; transition: all 0.12s ease;
}
.vault-filters button:hover { border-color: var(--ink); }
.vault-filters button.is-active { background: var(--ink); border-color: var(--ink); color: #fff; }

.vault-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1.4rem; }
.vault-card {
  background: var(--white); border: 1px solid var(--line); border-radius: 14px;
  overflow: hidden; display: flex; flex-direction: column;
}
.vault-thumb {
  aspect-ratio: 16 / 10; display: flex; align-items: center; justify-content: center;
  color: rgba(255,255,255,0.92); position: relative;
}
.vault-thumb svg { width: 40px; height: 40px; opacity: 0.9; }
.vault-thumb img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.vault-thumb span {
  position: absolute; left: 12px; bottom: 12px;
  font-family: var(--sans); font-size: 10px; font-weight: 500; letter-spacing: 0.05em;
  text-transform: uppercase; color: rgba(255,255,255,0.85);
  background: rgba(30,30,30,0.28); padding: 0.2rem 0.5rem; border-radius: 5px;
}
.vault-body { padding: 1.2rem 1.3rem 1.4rem; display: flex; flex-direction: column; flex: 1; }
.vault-body h3 { font-size: 1.1rem; margin-bottom: 0.4rem; }
.vault-body p { font-size: 0.9rem; color: var(--muted); flex: 1; }
.vault-get {
  display: flex; align-items: center; justify-content: center; gap: 0.4rem;
  margin-top: 1rem; background: var(--ink); color: #fff; font-family: var(--display);
  font-weight: 600; font-size: 0.9rem; padding: 0.7rem 1rem; border-radius: 8px;
  transition: background 0.12s ease;
}
.vault-get:hover { background: #000; color: #fff; }
.vault-empty { text-align: center; color: var(--muted); padding: 2rem 0; grid-column: 1 / -1; }

/* Password gate */
.vault-gate { max-width: 460px; margin: clamp(2rem,6vw,4rem) auto; text-align: center; }
.vault-gate .form-panel { text-align: left; }
.vault-lock {
  width: 56px; height: 56px; border-radius: 50%; background: var(--accent-soft);
  color: var(--accent); display: flex; align-items: center; justify-content: center;
  margin: 0 auto 1.2rem;
}
.vault-gate h1 { font-size: clamp(1.9rem, 4vw, 2.6rem); }
.vault-gate .lead { margin: 0.9rem 0 1.8rem; color: var(--muted); }
.vault-gate-error { color: var(--red); font-size: 0.9rem; font-weight: 600; margin-top: 0.7rem; min-height: 1.2em; }
.vault-gate-alt { margin-top: 1.4rem; font-size: 0.92rem; color: var(--muted); }
.vault-gate-form { display: flex; flex-direction: column; gap: 0.7rem; }
.vault-gate-form input { width: 100%; padding: 0.85rem 1rem; font-size: 1.05rem; letter-spacing: 0.12em; text-align: center; border: 1px solid var(--border, #d6dad6); border-radius: 10px; background: #fff; font-family: inherit; }
.vault-gate-form input:focus { outline: none; border-color: #3d7a5f; box-shadow: 0 0 0 3px rgba(61,122,95,.15); }
.vault-gate-form .btn { width: 100%; }
.vault-error { color: var(--red, #c0392b); font-size: 0.9rem; font-weight: 600; margin: 0.3rem 0 0; min-height: 1.2em; text-align: center; }
[hidden] { display: none !important; }

/* Footer — off-black inset card ------------------------------------------------------------------------------------------------------------------------ */

.site-footer {
  background: var(--ink); color: var(--dark-ink);
  padding: clamp(2.8rem, 5vw, 4.5rem) 0 2.2rem;
  margin: 0 var(--frame-gap) var(--frame-gap); border-radius: 18px;
  min-height: 1118px; display: flex; flex-direction: column;
}
.site-footer > .container { display: flex; flex-direction: column; flex: 1; }

.footer-top { display: flex; flex-direction: column; gap: clamp(2rem, 4vw, 3rem); }
.logo--footer { color: #fff; display: inline-block; }
.logo--footer svg { height: 42px; width: auto; }
.footer-cols { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 1.8rem 1.4rem; }
.footer-col { display: flex; flex-direction: column; gap: 0.6rem; }
.footer-col h3 { font-family: var(--sans); font-size: 11px; font-weight: 500; letter-spacing: 0.05em; text-transform: uppercase; color: rgba(238, 238, 234, 0.4); margin-bottom: 0.4rem; }
.footer-col a { color: rgba(238, 238, 234, 0.72); font-size: 0.9rem; width: fit-content; }
.footer-col a:hover { color: #a5cfba; }

.footer-mid { margin-top: auto; padding-top: clamp(3rem, 8vw, 6rem); display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: 1rem; }
.footer-social { display: flex; gap: 0.7rem; }
.footer-social a { color: rgba(238, 238, 234, 0.65); display: inline-flex; }
.footer-social a:hover { color: #fff; }
.footer-social svg { width: 20px; height: 20px; }
.footer-loc { display: inline-flex; align-items: center; gap: 0.5rem; color: rgba(238, 238, 234, 0.55); font-size: 0.9rem; }
.footer-loc svg { width: 16px; height: 16px; }

.footer-legal { display: flex; justify-content: space-between; flex-wrap: wrap; gap: 0.6rem 1.5rem; border-top: 1px solid rgba(238, 238, 234, 0.12); margin-top: 1.8rem; padding-top: 1.5rem; }
.footer-legal p { font-size: 0.82rem; color: rgba(238, 238, 234, 0.45); }
.footer-legal-links { display: flex; gap: 1.4rem; }
.footer-legal-links a { font-size: 0.82rem; color: rgba(238, 238, 234, 0.55); }
.footer-legal-links a:hover { color: #fff; }

.footer-about { margin-top: 1.8rem; display: grid; gap: 0.9rem; }
.footer-about p { font-size: 0.8rem; line-height: 1.6; color: rgba(238, 238, 234, 0.34); max-width: none; }

.footer-made { margin-top: 1.8rem; font-size: 0.82rem; color: rgba(238, 238, 234, 0.5); }
.footer-heart { color: #8b7cf6; }

/* Responsive --------------------------------------------------------------------------------------------------------------------------------------------- */

@media (max-width: 1080px) {
  .footer-cols { grid-template-columns: repeat(3, 1fr); }
  .persona-band { grid-template-columns: repeat(2, 1fr); }
}

@media (max-width: 960px) {
  .grid-3, .quote-grid, .mini-cards, .post-grid, .grid-4 { grid-template-columns: repeat(2, 1fr); }
  .stats-grid, .stat-strip { grid-template-columns: repeat(2, 1fr); }
  .hero-grid, .split, .demo-layout { grid-template-columns: 1fr; }
  .split--reverse .split-media { order: 0; }
  .pricing-grid--3 { grid-template-columns: 1fr; max-width: 560px; }
  .calc-body { grid-template-columns: 1fr; }
  .appframe { grid-template-columns: 1fr; }
  .appframe-side { display: none; }
  .app-cols { grid-template-columns: 1fr 1fr; }
  .app-stats { grid-template-columns: repeat(2, 1fr); }
  .app-figures { grid-template-columns: 1fr; gap: 0.6rem; }
  .app-pagehead { flex-wrap: wrap; align-items: flex-start; }
  .int-grid { grid-template-columns: 1fr 1fr; }
  .int-intro { padding-right: 0; }
  .tabs-nav { grid-template-columns: 1fr; }
}

@media (max-width: 900px) {
  .nav-toggle { display: block; }

  .site-nav {
    position: fixed; inset: var(--header-h) 0 auto 0;
    background: var(--paper); border-bottom: 1px solid var(--line);
    flex-direction: column; align-items: stretch; gap: 0;
    padding: 0.5rem 1.25rem 1.3rem;
    display: none; max-height: calc(100dvh - var(--header-h)); overflow-y: auto;
    box-shadow: 0 24px 40px -20px rgba(30, 30, 30, 0.3);
  }
  .site-nav.is-open { display: flex; }

  .nav-link { padding: 0.85rem 0.2rem; font-size: 1.02rem; width: 100%; justify-content: space-between; border-radius: 0; }
  .nav-link:hover { background: transparent; }
  .nav-item--dropdown { width: 100%; }
  .dropdown { position: static; display: none; border: none; box-shadow: none; background: transparent; padding: 0 0 0.6rem 0.5rem; min-width: 0; }
  .nav-item--dropdown.is-open .dropdown { display: block; }
  .mega { grid-template-columns: 1fr; gap: 0.9rem; }
  .mega-col h4 { margin-left: 0.6rem; }
  .mega--product { left: auto; width: auto; padding: 0 0 0.6rem 0.5rem; }
  .mega--product .mega-col { padding: 0; border-right: 0; }
  .mega--product .mega-col h4 { margin-top: 0.7rem; }
  .mega-foot--product { flex-direction: column; align-items: stretch; padding-left: 0; }
  .mega-platform-link { padding: 0.4rem 0.65rem; }
  .nav-actions { flex-direction: column; align-items: stretch; margin: 0.8rem 0 0; gap: 0.65rem; }
  .nav-actions .btn { padding: 0.85rem 1.25rem; font-size: 1rem; }
  .nav-actions .btn--ghost { background: var(--white); }
  .nav-login { text-align: center; }

  body.nav-locked { overflow: hidden; }
}

@media (max-width: 640px) {
  :root { --frame-gap: 8px; }
  .grid-3, .grid-2, .grid-4, .quote-grid, .mini-cards, .post-grid, .pricing-grid, .form-grid, .calc-inputs, .persona-band { grid-template-columns: 1fr; }
  .form-field--full, .form-submit, .form-note { grid-column: auto; }
  .stats-grid { grid-template-columns: 1fr; }
  .stat-strip { grid-template-columns: 1fr 1fr; }
  .footer-cols { grid-template-columns: 1fr 1fr; gap: 1.8rem; }
  .site-footer { min-height: 0; }
  .hero-actions .btn { width: 100%; }
  .cta-actions .btn { width: 100%; max-width: 340px; }
  .timeline-item { grid-template-columns: 74px 1fr; gap: 1rem; }
  .app-cols { grid-template-columns: 1fr; }
  .app-room { grid-template-columns: 84px 1fr auto; gap: 0.5rem; }
  .int-grid { grid-template-columns: 1fr; }
  .int-intro { grid-column: auto; }
  .logo svg { height: 32px; }
}

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  * { transition: none !important; }
}

/* ==========================================================================
   Homepage — media hero, AI section, social-proof band
   ========================================================================== */

/* Media hero (image now, video-ready) --------------------------------------- */
.hero-media {
  position: relative;
  padding: 0;
  height: 1192px;
  display: flex;
  align-items: center;
  /* Nudge the centered content slightly above the vertical middle */
  padding: 0 0 9rem;
  overflow: hidden;
  color: #fff;
  isolation: isolate;
  /* Round the bottom to match the top (top corners are clipped round by
     .page-canvas); makes the hero a self-contained rounded block. */
  border-radius: 18px;
}
.hero-media-bg { position: absolute; inset: 0; z-index: -2; }
.hero-media-el { width: 100%; height: 100%; object-fit: cover; display: block; }
/* Placeholder shown until a real image/video asset is dropped in */
.hero-media-bg--placeholder {
  background: radial-gradient(135% 125% at 66% 20%, #45564e 0%, #2a312e 50%, #14100c 100%);
}
.hero-media-bg--placeholder::after {
  content: "";
  position: absolute;
  inset: 0;
  background-image:
    linear-gradient(rgba(255, 255, 255, 0.055) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255, 255, 255, 0.055) 1px, transparent 1px);
  background-size: 48px 48px;
  -webkit-mask-image: radial-gradient(120% 110% at 62% 28%, #000 22%, transparent 78%);
  mask-image: radial-gradient(120% 110% at 62% 28%, #000 22%, transparent 78%);
}
.hero-media-scrim {
  position: absolute;
  inset: 0;
  z-index: -1;
  background: linear-gradient(180deg, rgba(15, 17, 16, 0.35) 0%, rgba(15, 17, 16, 0.12) 38%, rgba(15, 17, 16, 0.78) 100%);
}
.hero-media-inner {
  position: relative;
  text-align: center;
  padding: clamp(3rem, 8vw, 6rem) 0 clamp(2.8rem, 6vw, 4.6rem);
}
.hero-media h1 {
  color: #fff;
  max-width: 15em;
  margin: 0 auto 1.2rem;
  text-shadow: 0 2px 24px rgba(0, 0, 0, 0.28);
}
.hero-media h1 em { font-style: italic; font-weight: 600; }
.hero-media-sub {
  color: rgba(255, 255, 255, 0.92);
  font-size: clamp(1.05rem, 1.5vw, 1.28rem);
  line-height: 1.5;
  max-width: 34em;
  margin: 0 auto 2rem;
  text-shadow: 0 1px 14px rgba(0, 0, 0, 0.32);
}
.hero-media .hero-actions { justify-content: center; }
.btn--glass {
  background: rgba(255, 255, 255, 0.14);
  color: #fff;
  border-color: rgba(255, 255, 255, 0.45);
  backdrop-filter: blur(6px);
  -webkit-backdrop-filter: blur(6px);
}
.btn--glass:hover { background: rgba(255, 255, 255, 0.26); color: #fff; border-color: #fff; }

/* Kanban graphic — Run projects tab ----------------------------------------- */
.kanban-lead {
  display: grid;
  grid-template-columns: 1.15fr 1fr;
  gap: clamp(1.6rem, 4vw, 3.4rem);
  align-items: center;
  margin-bottom: clamp(1.8rem, 3.5vw, 2.6rem);
}
.kanban-lead .checklist { margin-top: 0; }

.kanban {
  border: 1px solid var(--line);
  border-radius: 16px;
  background: var(--neutral);
  box-shadow: 0 24px 60px -36px rgba(30, 30, 30, 0.4);
  overflow: hidden;
}
.kanban-head {
  display: flex; align-items: center; gap: 0.6rem;
  padding: 0.8rem 1.1rem;
  border-bottom: 1px solid var(--line);
  background: var(--white);
}
.kanban-project {
  font-family: var(--sans); font-size: 11px; font-weight: 600; letter-spacing: 0.05em; text-transform: uppercase;
  color: var(--ink); background: var(--neutral); border: 1px solid var(--line);
  padding: 0.3rem 0.7rem; border-radius: 999px;
}
.kanban-meta { font-family: var(--sans); font-size: 11px; font-weight: 500; letter-spacing: 0.05em; text-transform: uppercase; color: var(--muted); }

.kanban-board {
  display: flex; gap: 0.9rem;
  padding: 1.1rem;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}
.kanban-col { flex: 1 0 190px; min-width: 190px; display: flex; flex-direction: column; gap: 0.7rem; }
.kanban-colhead {
  display: flex; align-items: center; gap: 0.5rem;
  font-family: var(--sans); font-size: 11px; font-weight: 600; letter-spacing: 0.05em; text-transform: uppercase; color: var(--ink);
  padding: 0.15rem 0.2rem 0.35rem;
}
.kanban-colhead .kcount { margin-left: auto; color: var(--muted); font-weight: 500; }
.kdot { width: 9px; height: 9px; border-radius: 3px; flex: 0 0 auto; }
.kdot--todo { background: #4a4a48; }
.kdot--hold { background: #e0912f; }
.kdot--prog { background: #3f6fd1; }
.kdot--done { background: var(--accent); }

.kcard {
  background: var(--white); border: 1px solid var(--line); border-radius: 10px;
  padding: 0.8rem 0.85rem; box-shadow: var(--shadow-soft);
  display: flex; flex-direction: column; gap: 0.55rem;
}
.kcard-title { font-family: var(--display); font-weight: 600; font-size: 0.9rem; line-height: 1.28; letter-spacing: -0.01em; color: var(--ink); }
.kcard--done .kcard-title { color: var(--muted); text-decoration: line-through; text-decoration-color: var(--line); }
.kcard-tags { display: flex; flex-wrap: wrap; gap: 0.35rem; }
.ktag {
  font-family: var(--sans); font-size: 10px; font-weight: 500; letter-spacing: 0.02em;
  padding: 0.22rem 0.5rem; border-radius: 6px;
  background: var(--neutral); border: 1px solid var(--line); color: var(--muted);
  display: inline-flex; align-items: center; gap: 0.32rem; white-space: nowrap;
}
.ktag--stage::before { content: ""; width: 6px; height: 6px; border-radius: 50%; background: var(--accent); }
.ktag--low { border-radius: 999px; }
.kdate { display: inline-flex; align-items: center; gap: 0.35rem; font-family: var(--sans); font-size: 11px; color: var(--muted); }
.kdate--over { color: var(--red); font-weight: 600; }
.kdate svg { width: 12px; height: 12px; }

/* Subtasks (checkable) */
.ksubs { display: grid; gap: 0.35rem; margin-top: 0.15rem; padding-top: 0.55rem; border-top: 1px solid var(--line); }
.ksub { display: flex; align-items: flex-start; gap: 0.5rem; font-size: 0.8rem; line-height: 1.35; color: var(--body-c); cursor: pointer; }
.ksub-box {
  appearance: none; -webkit-appearance: none; flex: 0 0 auto;
  width: 15px; height: 15px; margin-top: 1px; border: 1.5px solid var(--neutral-deep); border-radius: 4px;
  background: var(--white); cursor: pointer; position: relative; transition: background 0.12s ease, border-color 0.12s ease;
}
.ksub-box:checked { background: var(--accent); border-color: var(--accent); }
.ksub-box:checked::after { content: ""; position: absolute; left: 4px; top: 1px; width: 4px; height: 8px; border: solid #fff; border-width: 0 2px 2px 0; transform: rotate(45deg); }
.ksub-box:focus-visible { outline: 2px solid var(--accent); outline-offset: 2px; }
.ksub-box:checked ~ .ksub-text { text-decoration: line-through; color: var(--muted); }

.kcard-foot { display: flex; align-items: center; justify-content: space-between; gap: 0.5rem; margin-top: 0.15rem; }
.ksub-count { display: inline-flex; align-items: center; gap: 0.32rem; font-family: var(--sans); font-size: 11px; font-weight: 500; color: var(--muted); }
.ksub-count svg { width: 12px; height: 12px; }

/* Drag & drop states */
.kcard { cursor: grab; }
.kanban-board.is-dragging { cursor: grabbing; user-select: none; }
.kcard--dragging { opacity: 0.4; }
.kanban-col.is-drop { background: var(--accent-soft); border-radius: 12px; }
.kanban-hint { margin-left: auto; display: inline-flex; align-items: center; gap: 0.4rem; font-family: var(--sans); font-size: 11px; font-weight: 500; letter-spacing: 0.03em; color: var(--muted); }
.kanban-hint svg { width: 13px; height: 13px; }
@media (max-width: 700px) {
  .kanban-hint { display: none; }
  .kanban-lead { grid-template-columns: 1fr; gap: 1.2rem; }
}

/* Budget / profitability graphic — "See the numbers" tab -------------------- */
.budget-card {
  border: 1px solid var(--line); border-radius: 16px; background: var(--white);
  box-shadow: 0 24px 60px -36px rgba(30, 30, 30, 0.4);
  padding: 1.3rem 1.4rem 1.4rem; text-align: left;
}
.budget-lbl { display: block; font-family: var(--sans); font-size: 10px; font-weight: 500; letter-spacing: 0.05em; text-transform: uppercase; color: var(--muted); }
.budget-neg { color: var(--red); }

.budget-head { margin-bottom: 1.1rem; }
.budget-title { font-family: var(--display); font-weight: 600; font-size: 1.15rem; letter-spacing: -0.015em; color: var(--ink); margin: 0.25rem 0 0.2rem; }
.budget-sub { color: var(--muted); font-size: 0.82rem; }

.budget-panel { border: 1px solid rgba(179, 64, 47, 0.38); border-radius: 12px; padding: 1.1rem 1.15rem; }
.budget-panel-top { display: flex; align-items: flex-start; justify-content: space-between; flex-wrap: wrap; gap: 0.9rem; margin-bottom: 1.15rem; }
.budget-risk { display: block; font-family: var(--display); font-weight: 600; font-size: 1.15rem; letter-spacing: -0.01em; color: var(--red); margin-top: 0.3rem; }
.budget-figs { display: flex; gap: 1.4rem; text-align: right; }
.budget-figs strong { display: block; font-family: var(--display); font-weight: 600; font-size: 1.1rem; letter-spacing: -0.01em; color: var(--ink); margin-top: 0.3rem; }

.budget-bars { display: grid; gap: 0.85rem; }
.budget-bar { display: grid; grid-template-columns: 1fr auto; align-items: center; column-gap: 0.8rem; row-gap: 0.35rem; }
.budget-bar .budget-lbl { grid-column: 1 / -1; }
.bbar { height: 9px; border-radius: 99px; background: var(--neutral-deep); overflow: hidden; }
.bbar-fill { display: block; height: 100%; border-radius: 99px; }
.bbar-fill--cost { background: #4a4a48; }
.bbar-fill--paid { background: var(--accent); }
.budget-bar b { font-family: var(--display); font-weight: 600; font-size: 0.92rem; color: var(--ink); white-space: nowrap; }

.budget-tip { margin-top: 1.1rem; background: var(--red-tint); border-radius: 9px; padding: 0.7rem 0.85rem; font-size: 0.82rem; line-height: 1.45; color: #8a3324; }
.budget-tip strong { color: #7a2c1f; font-weight: 700; }

.budget-rv { margin-top: 1.2rem; border-top: 1px solid var(--line); padding-top: 1.1rem; }
.budget-rv-head { display: flex; align-items: center; gap: 0.6rem; margin-bottom: 0.95rem; }
.budget-rv-head strong { font-family: var(--display); font-weight: 600; font-size: 0.98rem; color: var(--ink); }
.budget-rv-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 0.8rem; }
.budget-rv-grid b { display: block; font-family: var(--display); font-weight: 600; font-size: 1rem; color: var(--ink); margin-top: 0.25rem; }

/* Budget dashboard — full interactive mockup (benefits/reporting) --------- */
.budget-dash { border: 1px solid var(--line); border-radius: 16px; background: var(--white); box-shadow: 0 24px 60px -36px rgba(30, 30, 30, 0.4); overflow: hidden; }
.budget-dash-head { display: flex; align-items: center; justify-content: space-between; gap: 1rem; flex-wrap: wrap; padding: 1.1rem 1.4rem; border-bottom: 1px solid var(--line); background: var(--neutral); }
.budget-dash-head h3 { margin: 0 0 0.15rem; font-size: 1.05rem; }
.budget-dash-head .budget-sub { margin: 0; }
.budget-dash-body { padding: 1.3rem 1.4rem 1.5rem; }
.budget-dash .tabs-nav { grid-template-columns: repeat(4, 1fr); margin-bottom: 1.3rem; }
.budget-dash .tabs-nav button { font-size: 0.82rem; padding: 0.55rem 0.7rem; }

.bstat-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(130px, 1fr)); gap: 0.7rem; margin-bottom: 1.3rem; }
.bstat { background: var(--neutral); border-radius: 10px; padding: 0.75rem 0.85rem; }
.bstat strong { display: block; font-family: var(--display); font-weight: 600; font-size: 1.15rem; letter-spacing: -0.01em; color: var(--ink); margin-top: 0.2rem; }
.bstat.is-warn { background: var(--red-tint); }
.bstat.is-warn strong { color: var(--red); }
.bstat.is-good strong { color: var(--accent-hover); }

.room-list { display: grid; gap: 0.8rem; }
.room-card { border: 1px solid var(--line); border-radius: 10px; padding: 0.8rem 0.9rem; }
.room-card-top { display: flex; justify-content: space-between; align-items: baseline; margin-bottom: 0.5rem; gap: 0.6rem; }
.room-card-top strong { font-family: var(--display); font-weight: 600; font-size: 0.95rem; color: var(--ink); }
.room-card-top span { font-size: 0.82rem; color: var(--muted); white-space: nowrap; }
.room-track { height: 7px; border-radius: 99px; background: var(--neutral-deep); overflow: hidden; }
.room-fill { display: block; height: 100%; border-radius: 99px; background: var(--accent); }
.room-fill.is-hot { background: var(--red); }

.bd-table { width: 100%; border-collapse: collapse; font-size: 0.84rem; }
.bd-table th { text-align: left; font-family: var(--sans); font-size: 10px; font-weight: 500; letter-spacing: 0.05em; text-transform: uppercase; color: var(--muted); padding: 0 0.5rem 0.5rem 0; }
.bd-table td { padding: 0.55rem 0.5rem 0.55rem 0; border-top: 1px solid var(--line); vertical-align: middle; }
.bd-table td:last-child, .bd-table th:last-child { text-align: right; }
.bd-table .bd-item strong { display: block; color: var(--ink); }
.bd-table .bd-item small { color: var(--muted); }
.bd-margin-neg { color: var(--red); font-weight: 600; }
.bd-margin-pos { color: var(--accent-hover); font-weight: 600; }

.audit-banner { display: flex; align-items: flex-start; gap: 0.7rem; background: var(--amber-tint); border-radius: 10px; padding: 0.85rem 1rem; margin-bottom: 1.2rem; font-size: 0.86rem; line-height: 1.5; color: var(--amber-ink); }
.audit-banner strong { display: block; font-family: var(--display); color: #5c4d18; margin-bottom: 0.15rem; }

.margin-cols { display: grid; grid-template-columns: 1fr 1fr; gap: 1rem; }
.margin-col h4 { margin: 0 0 0.6rem; font-size: 0.8rem; text-transform: uppercase; letter-spacing: 0.05em; color: var(--muted); font-weight: 600; }
.margin-col ul { list-style: none; margin: 0; padding: 0; display: grid; gap: 0.5rem; }
.margin-col li { display: flex; justify-content: space-between; font-size: 0.86rem; border-top: 1px solid var(--line); padding-top: 0.5rem; }
.margin-col li:first-child { border-top: none; padding-top: 0; }

@media (max-width: 640px) {
  .budget-dash .tabs-nav { grid-template-columns: repeat(2, 1fr); }
  .margin-cols { grid-template-columns: 1fr; }
}

/* Utilization heatmap — "Capacity planning" mock --------------------------- */
.util-card {
  border: 1px solid var(--line); border-radius: 16px; background: var(--white);
  box-shadow: 0 24px 60px -36px rgba(30, 30, 30, 0.4); overflow: hidden; text-align: left;
}
.util-head { display: flex; align-items: center; justify-content: space-between; gap: 1rem; flex-wrap: wrap; padding: 0.9rem 1.1rem; border-bottom: 1px solid var(--line); background: var(--neutral); }
.util-head b { font-family: var(--sans); font-size: 11px; font-weight: 500; color: var(--muted); letter-spacing: 0.05em; text-transform: uppercase; }
.util-body { padding: 1rem 1.1rem 1.2rem; overflow-x: auto; }
.util-table { width: 100%; border-collapse: collapse; font-size: 0.8rem; }
.util-table th { text-align: center; font-family: var(--sans); font-size: 10px; font-weight: 500; letter-spacing: 0.04em; text-transform: uppercase; color: var(--muted); padding: 0 0.3rem 0.5rem; }
.util-table th:first-child { text-align: left; }
.util-table td { padding: 0.3rem; text-align: center; }
.util-table td:first-child { text-align: left; padding-left: 0; font-weight: 600; color: var(--ink); white-space: nowrap; }
.util-row--avg td:first-child { color: var(--muted); font-weight: 500; }
.util-cell { display: inline-block; width: 100%; border-radius: 6px; padding: 0.35rem 0; font-weight: 600; color: var(--ink); }
.util-cell--under { background: var(--neutral-deep); color: var(--muted); font-weight: 500; }
.util-cell--healthy { background: var(--green-tint); color: var(--accent-hover); }
.util-cell--full { background: var(--amber-tint); color: var(--amber-ink); }
.util-cell--over { background: var(--red-tint); color: var(--red); }
.util-legend { display: flex; gap: 1.1rem; flex-wrap: wrap; margin-top: 0.9rem; font-size: 0.76rem; color: var(--muted); }
.util-legend span { display: inline-flex; align-items: center; gap: 0.4rem; }
.util-legend i { width: 9px; height: 9px; border-radius: 3px; display: inline-block; }

/* Estimate → multi-vendor PO conversion flow (Procurement) ---------------- */
.convert-flow { display: grid; grid-template-columns: minmax(0,1.1fr) auto minmax(0,1.4fr); gap: 1.4rem; align-items: center; margin-top: 2rem; }
.convert-card {
  border: 1px solid var(--line); border-radius: 14px; background: var(--white);
  box-shadow: 0 20px 50px -32px rgba(30, 30, 30, 0.4); padding: 1.1rem 1.2rem;
}
.convert-card-head { display: flex; justify-content: space-between; align-items: baseline; margin-bottom: 0.7rem; }
.convert-card-head strong { font-family: var(--display); font-weight: 600; font-size: 0.98rem; color: var(--ink); }
.convert-card-head span { font-size: 0.78rem; color: var(--muted); }
.convert-line { display: flex; justify-content: space-between; gap: 0.6rem; padding: 0.4rem 0; border-top: 1px solid var(--line); font-size: 0.82rem; }
.convert-line:first-of-type { border-top: none; }
.convert-line .convert-vendor { color: var(--muted); font-size: 0.72rem; text-transform: uppercase; letter-spacing: 0.04em; }
.convert-total { display: flex; justify-content: space-between; margin-top: 0.6rem; padding-top: 0.6rem; border-top: 1px solid var(--line); font-family: var(--display); font-weight: 600; font-size: 0.95rem; color: var(--ink); }

.convert-arrow { display: flex; flex-direction: column; align-items: center; gap: 0.4rem; color: var(--muted); font-size: 0.72rem; text-transform: uppercase; letter-spacing: 0.05em; text-align: center; }
.convert-arrow svg { width: 28px; height: 28px; color: var(--accent); animation: convert-arrow-pulse 2s ease-in-out infinite; }
@keyframes convert-arrow-pulse { 0%, 100% { opacity: 1; } 50% { opacity: 0.45; } }
@media (prefers-reduced-motion: reduce) {
  .convert-arrow svg { animation: none; }
}

.convert-results { display: grid; gap: 0.7rem; }
.convert-po { border: 1px solid var(--line); border-radius: 12px; padding: 0.75rem 0.9rem; display: flex; align-items: center; justify-content: space-between; gap: 0.8rem; background: var(--neutral); }
.convert-po strong { display: block; font-family: var(--display); font-weight: 600; font-size: 0.88rem; color: var(--ink); }
.convert-po small { color: var(--muted); }
.convert-po b { font-family: var(--display); font-weight: 600; color: var(--ink); white-space: nowrap; }

@media (max-width: 900px) {
  .convert-flow { grid-template-columns: 1fr; }
  .convert-arrow { flex-direction: row; justify-content: center; }
  .convert-arrow svg { transform: rotate(90deg); }
}

/* PO lifecycle stepper (Procurement) --------------------------------------- */
.po-stepper { display: flex; align-items: flex-start; justify-content: space-between; gap: 0.5rem; margin-top: 2rem; flex-wrap: wrap; }
.po-step { flex: 1; min-width: 130px; text-align: center; position: relative; }
.po-step-dot { width: 30px; height: 30px; border-radius: 50%; background: var(--neutral-deep); color: var(--muted); display: flex; align-items: center; justify-content: center; margin: 0 auto 0.6rem; font-family: var(--display); font-weight: 600; font-size: 0.85rem; }
.po-step.is-done .po-step-dot { background: var(--accent); color: #fff; }
.po-step.is-flagged .po-step-dot { background: var(--red); color: #fff; }
.po-step-label { font-weight: 600; font-size: 0.85rem; color: var(--ink); }
.po-step-sub { font-size: 0.76rem; color: var(--muted); margin-top: 0.15rem; }
.po-step-sub.is-flagged { color: var(--red); }
.po-step:not(:last-child)::after { content: ""; position: absolute; top: 15px; left: 58%; width: 84%; height: 2px; background: var(--line); z-index: 0; }
.po-step.is-done:not(:last-child)::after { background: var(--accent); }

@media (max-width: 700px) {
  .po-stepper { flex-direction: column; align-items: stretch; }
  .po-step:not(:last-child)::after { display: none; }
  .po-step { display: flex; align-items: center; gap: 0.8rem; text-align: left; }
  .po-step-dot { margin: 0; flex-shrink: 0; }
}

/* Two-column hero with an interactive component --------------------------- */
.hero-split { display: grid; grid-template-columns: 1.05fr 1fr; gap: clamp(2rem, 5vw, 3.5rem); align-items: center; }
.hero-split .hero-actions { margin-bottom: 0; }
@media (max-width: 900px) {
  .hero-split { grid-template-columns: 1fr; }
}

/* Interactive PO card (hero widget) ---------------------------------------- */
.po-card {
  border: 1px solid var(--line); border-radius: 16px; background: var(--white);
  box-shadow: 0 30px 70px -36px rgba(30, 30, 30, 0.45); overflow: hidden;
}
.po-card-head { padding: 1.1rem 1.3rem 0; border-bottom: 1px solid var(--line); }
.po-card-head-top { display: flex; align-items: flex-start; justify-content: space-between; gap: 0.8rem; margin-bottom: 0.35rem; }
.po-card-head-top strong { display: block; font-family: var(--display); font-weight: 600; font-size: 1.02rem; color: var(--ink); }
.po-card-head-top span { display: block; font-size: 0.8rem; color: var(--muted); margin-top: 0.1rem; }
.po-status-btn { border: none; cursor: pointer; font-family: var(--sans); transition: background-color 0.2s ease, color 0.2s ease; }
.po-status-hint { display: block; font-size: 0.72rem; color: var(--muted); margin-bottom: 0.8rem; }

.po-card .tabs-nav { display: grid; grid-template-columns: repeat(5, 1fr); gap: 0; margin: 0 -1.3rem; border-top: 1px solid var(--line); }
.po-card .tabs-nav button {
  background: transparent; border: none; border-radius: 0; padding: 0.65rem 0.3rem; font-size: 0.68rem;
  color: var(--muted); border-bottom: 2px solid transparent;
}
.po-card .tabs-nav button:hover { background: var(--neutral); color: var(--ink); }
.po-card .tabs-nav button.is-active { background: transparent; color: var(--accent-hover); border-bottom-color: var(--accent); }

.po-card-body { padding: 1.1rem 1.3rem 1.3rem; min-height: 190px; }
.po-line { display: flex; justify-content: space-between; gap: 0.7rem; padding: 0.55rem 0; border-top: 1px solid var(--line); font-size: 0.84rem; }
.po-line:first-child { border-top: none; padding-top: 0; }
.po-line strong { display: block; color: var(--ink); font-weight: 600; }
.po-line small { color: var(--muted); }
.po-line b { font-family: var(--display); font-weight: 600; color: var(--ink); white-space: nowrap; }
.po-total-row { display: flex; justify-content: space-between; margin-top: 0.7rem; padding-top: 0.7rem; border-top: 1px solid var(--line); font-family: var(--display); font-weight: 600; }

.po-activity { display: flex; gap: 0.7rem; padding: 0.55rem 0; }
.po-activity-dot { width: 26px; height: 26px; border-radius: 50%; background: var(--accent-tint); color: var(--accent-hover); display: flex; align-items: center; justify-content: center; flex-shrink: 0; }
.po-activity-dot svg { width: 13px; height: 13px; }
.po-activity div strong { display: inline; font-size: 0.82rem; color: var(--ink); }
.po-activity div span { font-size: 0.72rem; color: var(--muted); }
.po-activity div p { margin: 0.2rem 0 0; font-size: 0.82rem; color: var(--ink); }

.po-note { border: 1px solid var(--line); border-radius: 10px; padding: 0.8rem 0.9rem; font-size: 0.82rem; color: var(--ink); }
.po-note-head { display: flex; justify-content: space-between; margin-bottom: 0.3rem; font-size: 0.76rem; color: var(--muted); }
.po-note-head strong { color: var(--ink); }

.po-empty { text-align: center; padding: 1.3rem 0.5rem; color: var(--muted); font-size: 0.84rem; }
.po-empty svg { width: 28px; height: 28px; margin: 0 auto 0.6rem; opacity: 0.5; display: block; }

.po-payments-row { display: flex; justify-content: space-between; font-size: 0.84rem; padding: 0.4rem 0; border-top: 1px solid var(--line); }
.po-payments-row:first-child { border-top: none; }
.po-payments-row b { font-family: var(--display); font-weight: 600; color: var(--ink); }

/* Product list graphic — "Source & buy" tab -------------------------------- */
.prodlist {
  border: 1px solid var(--line); border-radius: 16px; background: var(--white);
  box-shadow: 0 24px 60px -36px rgba(30, 30, 30, 0.4); overflow: hidden; text-align: left;
}
.prodlist-head { display: flex; align-items: center; justify-content: space-between; padding: 0.85rem 1.1rem; border-bottom: 1px solid var(--line); background: var(--neutral); }
.prodlist-title { font-family: var(--display); font-weight: 600; font-size: 0.98rem; color: var(--ink); }
.prodlist-add { font-family: var(--sans); font-size: 11px; font-weight: 600; letter-spacing: 0.02em; color: #fff; background: var(--accent); border-radius: 7px; padding: 0.35rem 0.7rem; }
.prod-row { display: grid; grid-template-columns: auto 1fr auto; align-items: center; gap: 0.9rem; padding: 0.9rem 1.1rem; }
.prod-row + .prod-row { border-top: 1px solid var(--line); }
.prod-thumb { width: 52px; height: 52px; border-radius: 10px; background: var(--neutral); border: 1px solid var(--line); display: flex; align-items: center; justify-content: center; color: var(--muted); flex: 0 0 auto; }
.prod-thumb svg { width: 26px; height: 26px; }
.prod-name { font-family: var(--display); font-weight: 600; font-size: 0.94rem; letter-spacing: -0.01em; color: var(--ink); }
.prod-meta { font-size: 0.8rem; color: var(--muted); margin: 0.1rem 0 0.45rem; }
.prod-tags { display: flex; gap: 0.35rem; flex-wrap: wrap; }
.prod-fin { text-align: right; }
.prod-list { font-family: var(--display); font-weight: 600; font-size: 1rem; color: var(--ink); }
.prod-listlbl { display: block; font-family: var(--sans); font-size: 10px; font-weight: 500; letter-spacing: 0.05em; text-transform: uppercase; color: var(--muted); }
.prod-cost { display: block; font-size: 0.76rem; color: var(--muted); margin-top: 0.35rem; white-space: nowrap; }

/* AI section — capability list ---------------------------------------------- */
.ai-list { list-style: none; display: grid; gap: 1.15rem; margin-top: 1.6rem; }
.ai-list li { display: flex; gap: 0.9rem; align-items: flex-start; }
.ai-ico {
  flex: 0 0 auto;
  width: 40px;
  height: 40px;
  border-radius: 11px;
  background: var(--accent-soft);
  border: 1px solid var(--accent-tint);
  color: var(--accent);
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 2px;
}
.ai-list strong { display: block; font-family: var(--display); font-weight: 600; font-size: 1.05rem; color: var(--ink); letter-spacing: -0.01em; }
.ai-list p { margin-top: 0.2rem; color: var(--body-c); font-size: 0.96rem; line-height: 1.5; }

/* Walter AI-assistant graphic (AI section) */
.walter {
  border: 1px solid var(--line); border-radius: 16px; background: var(--white);
  box-shadow: 0 24px 60px -36px rgba(30, 30, 30, 0.4);
  padding: clamp(1.8rem, 3.2vw, 2.6rem) clamp(1.3rem, 3vw, 2rem);
  display: flex; flex-direction: column; align-items: center; text-align: center; gap: 0.85rem;
}
.walter-avatar {
  width: 58px; height: 58px; border-radius: 50%; background: var(--accent); color: #fff;
  font-family: var(--display); font-weight: 700; font-size: 1.5rem;
  display: flex; align-items: center; justify-content: center;
  box-shadow: 0 8px 18px -8px rgba(61, 122, 95, 0.7);
}
.walter-title { font-family: var(--display); font-weight: 600; font-size: 1.4rem; letter-spacing: -0.02em; color: var(--ink); margin: 0.15rem 0 0; }
.walter-badge {
  display: inline-flex; align-items: center; gap: 0.42rem;
  font-family: var(--sans); font-size: 0.8rem; font-weight: 500; color: var(--muted);
  background: var(--neutral); border: 1px solid var(--line); border-radius: 999px; padding: 0.34rem 0.8rem;
}
.walter-badge svg { width: 15px; height: 15px; color: var(--accent); }
.walter-desc { color: var(--body-c); font-size: 0.95rem; line-height: 1.55; max-width: 30em; margin: 0.1rem 0 0; }
.walter-desc strong { color: var(--ink); font-weight: 600; }
.walter-note { color: var(--muted); font-size: 0.85rem; }
.walter-note strong { color: var(--ink); font-weight: 600; }
.walter-chips { display: flex; flex-direction: column; align-items: center; gap: 0.6rem; margin-top: 0.5rem; width: 100%; }
.walter-chip {
  font-family: var(--sans); font-size: 0.88rem; font-weight: 500; color: var(--ink);
  background: var(--white); border: 1px solid var(--line); border-radius: 999px;
  padding: 0.62rem 1.2rem; box-shadow: var(--shadow-soft); max-width: 100%; line-height: 1.35;
  transition: border-color 0.12s ease, background 0.12s ease;
}
.walter-chip:hover { border-color: var(--accent-tint); background: var(--accent-soft); }

/* Walter — example conversation variant */
.walter--chat { align-items: stretch; text-align: left; gap: 0; padding: 0; overflow: hidden; }
.wchat-head { display: flex; align-items: center; gap: 0.6rem; padding: 0.8rem 1.1rem; border-bottom: 1px solid var(--line); background: var(--neutral); }
.wchat-head .wchat-avatar { width: 30px; height: 30px; border-radius: 50%; background: var(--accent); color: #fff; font-family: var(--display); font-weight: 700; font-size: 0.8rem; display: flex; align-items: center; justify-content: center; flex: 0 0 auto; }
.wchat-head strong { display: block; font-family: var(--display); font-weight: 600; font-size: 0.92rem; color: var(--ink); line-height: 1.1; }
.wchat-head > div span { font-size: 0.72rem; color: var(--muted); }
.wchat-body { padding: 1.1rem; display: flex; flex-direction: column; gap: 0.9rem; }
.wmsg { display: flex; gap: 0.55rem; max-width: 100%; }
.wmsg--user { justify-content: flex-end; }
.wmsg--user p { background: var(--accent); color: #fff; border-radius: 14px 14px 4px 14px; padding: 0.6rem 0.85rem; font-size: 0.9rem; line-height: 1.4; max-width: 82%; }
.wmsg-av { flex: 0 0 auto; width: 26px; height: 26px; border-radius: 50%; background: var(--accent); color: #fff; font-family: var(--display); font-weight: 700; font-size: 0.72rem; display: flex; align-items: center; justify-content: center; margin-top: 2px; }
.wmsg-bubble { background: var(--neutral); border: 1px solid var(--line); border-radius: 4px 14px 14px 14px; padding: 0.75rem 0.9rem; font-size: 0.9rem; line-height: 1.45; color: var(--body-c); display: flex; flex-direction: column; gap: 0.6rem; }
.wmsg-bubble strong { color: var(--ink); font-weight: 600; }
.wchat-stats { display: flex; flex-wrap: wrap; gap: 0.5rem 1.3rem; background: var(--white); border: 1px solid var(--line); border-radius: 10px; padding: 0.7rem 0.85rem; }
.wchat-stats b { display: block; font-family: var(--display); font-weight: 600; font-size: 1rem; color: var(--ink); margin-top: 0.15rem; }
.wchat-stats .pos { color: var(--accent); }
.wchat-tools { display: flex; flex-wrap: wrap; gap: 0.35rem; }
.wchat-tools span { font-family: var(--code); font-size: 10px; font-weight: 500; color: var(--muted); background: var(--white); border: 1px solid var(--line); border-radius: 6px; padding: 0.22rem 0.5rem; display: inline-flex; align-items: center; gap: 0.35rem; }
.wchat-tools span::before { content: ""; width: 5px; height: 5px; border-radius: 50%; background: var(--accent); }
.wchat-input { display: flex; align-items: center; justify-content: space-between; gap: 0.6rem; margin: 0 1.1rem 1.1rem; padding: 0.55rem 0.6rem 0.55rem 0.95rem; border: 1px solid var(--line); border-radius: 999px; color: var(--muted); font-size: 0.88rem; }
.wchat-send { flex: 0 0 auto; width: 28px; height: 28px; border-radius: 50%; background: var(--accent); color: #fff; display: flex; align-items: center; justify-content: center; font-size: 0.95rem; }

/* Social-proof band — testimonial + stat cards ------------------------------ */
.social-proof { background: var(--paper); }
.proof-card {
  background: var(--white);
  border: 1px solid var(--line);
  border-radius: 20px;
  padding: clamp(1.8rem, 5vw, 4rem);
  box-shadow: var(--shadow);
}
.proof-kicker {
  font-family: var(--sans);
  font-size: 11px;
  font-weight: 500;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  color: var(--muted);
  margin-bottom: clamp(1.6rem, 4vw, 2.6rem);
}
.proof-kicker strong { color: var(--ink); font-weight: 700; }
.proof-quote {
  font-family: var(--display);
  font-weight: 600;
  letter-spacing: -0.02em;
  font-size: clamp(1.5rem, 3.3vw, 2.5rem);
  line-height: 1.2;
  color: var(--ink);
  max-width: 20em;
}
.proof-quote strong { font-weight: 700; }
.proof-attrib {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 0.15rem;
  margin-top: clamp(1.5rem, 3vw, 2.2rem);
  text-align: right;
}
.proof-name { font-family: var(--sans); font-size: 11px; font-weight: 600; letter-spacing: 0.05em; text-transform: uppercase; color: var(--ink); }
.proof-role { font-family: var(--sans); font-size: 11px; font-weight: 500; letter-spacing: 0.05em; text-transform: uppercase; color: var(--muted); }
.proof-logo { margin-top: 0.45rem; color: var(--ink); }
.proof-logo svg { height: 15px; width: auto; }
.proof-stats {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 1rem;
  margin-top: clamp(2rem, 5vw, 3.4rem);
}
.proof-stat {
  background: var(--paper);
  border: 1px solid var(--line);
  border-radius: 14px;
  padding: 1.5rem 1.5rem 1.6rem;
  min-height: 188px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 1.4rem;
}
.proof-stat p { color: var(--muted); font-size: 0.92rem; line-height: 1.45; max-width: 15em; }
.proof-stat strong { font-family: var(--display); font-weight: 600; letter-spacing: -0.02em; font-size: clamp(2.6rem, 5vw, 3.6rem); color: var(--ink); line-height: 1; }

@media (max-width: 960px) {
  .proof-stats { grid-template-columns: 1fr; }
  .proof-stat { min-height: 0; flex-direction: row; align-items: baseline; justify-content: space-between; }
  .proof-stat strong { font-size: 2.6rem; }
}

@media (max-width: 640px) {
  .hero-media { height: auto; min-height: min(78vh, 600px); padding-bottom: 0; }
  .hero-media .hero-actions .btn { width: 100%; max-width: 340px; }
  .proof-attrib { align-items: flex-start; text-align: left; }
}

/* Real customer reviews (Trustpilot-sourced) --------------------------------- */
.review-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 1.2rem; }
.review-card { border: 1px solid var(--line); border-radius: 16px; padding: 1.5rem 1.6rem; background: var(--paper); }
.review-stars { display: flex; gap: 3px; margin-bottom: 0.9rem; }
.review-stars svg { width: 16px; height: 16px; }
.review-text { font-family: var(--display); font-weight: 600; letter-spacing: -0.01em; font-size: 1.08rem; line-height: 1.45; color: var(--ink); margin-bottom: 1.2rem; }
.review-head { display: flex; align-items: center; gap: 0.7rem; margin-bottom: 0.8rem; }
.review-avatar { width: 42px; height: 42px; border-radius: 50%; object-fit: cover; flex: 0 0 auto; }
.review-head strong { display: block; font-size: 0.92rem; color: var(--ink); }
.review-head span { display: block; font-size: 0.8rem; color: var(--muted); }
.review-meta { display: flex; gap: 0.5rem; flex-wrap: wrap; }
.review-meta span { font-family: var(--sans); font-size: 10px; font-weight: 500; letter-spacing: 0.04em; text-transform: uppercase; color: var(--muted); background: var(--neutral-deep); padding: 0.3rem 0.55rem; border-radius: 6px; }
.review-source { display: flex; align-items: center; gap: 0.4rem; margin-top: 1.3rem; padding-top: 1.1rem; border-top: 1px solid var(--line); font-size: 0.78rem; color: var(--muted); }
.review-source strong { color: var(--ink); }

@media (max-width: 700px) {
  .review-grid { grid-template-columns: 1fr; }
}

/* ==========================================================================
   Scroll-driven motion — hero parallax/fade + on-scroll section reveals
   ========================================================================== */

/* Dual-pane comparison (Client Collaboration) ------------------------------ */
.dual-pane { display: grid; grid-template-columns: 1fr 1fr; gap: 1.3rem; }
.dual-pane-col { border: 1px solid var(--line); border-radius: 16px; background: var(--white); overflow: hidden; box-shadow: 0 24px 60px -40px rgba(30, 30, 30, 0.35); }
.dual-pane-head { padding: 1rem 1.2rem; border-bottom: 1px solid var(--line); display: flex; flex-direction: column; gap: 0.3rem; }
.dual-pane-head--internal { background: var(--neutral); }
.dual-pane-head--client { background: var(--accent-soft); }
.dual-pane-tag { font-family: var(--sans); font-size: 10px; font-weight: 600; letter-spacing: 0.06em; text-transform: uppercase; color: var(--muted); }
.dual-pane-head strong { font-family: var(--display); font-weight: 600; font-size: 1rem; color: var(--ink); }
.dual-pane-body { padding: 1rem 1.2rem 1.2rem; display: grid; gap: 0.7rem; }
@media (max-width: 800px) {
  .dual-pane { grid-template-columns: 1fr; }
}

/* Product tile grid, with honest placeholder imagery (Sourcing) ----------- */
.product-tile-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1rem; }
.product-tile { border: 1px solid var(--line); border-radius: 14px; background: var(--white); overflow: hidden; }
.product-tile-img {
  aspect-ratio: 4 / 3; display: flex; align-items: center; justify-content: center; position: relative;
  color: rgba(30,30,30,0.35);
}
.product-tile-img svg { width: 34px; height: 34px; }
.product-tile-img span { position: absolute; bottom: 0.5rem; left: 0.6rem; right: 0.6rem; font-family: var(--sans); font-size: 9px; font-weight: 600; letter-spacing: 0.05em; text-transform: uppercase; color: rgba(30,30,30,0.4); }
.product-tile-body { padding: 0.9rem 1rem 1rem; }
.product-tile-body strong { display: block; font-family: var(--display); font-weight: 600; font-size: 0.92rem; color: var(--ink); }
.product-tile-body small { display: block; color: var(--muted); font-size: 0.78rem; margin-top: 0.15rem; }
.product-tile-price { display: flex; justify-content: space-between; align-items: center; margin-top: 0.7rem; }
.product-tile-price b { font-family: var(--display); font-weight: 600; color: var(--ink); }
@media (max-width: 800px) {
  .product-tile-grid { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 560px) {
  .product-tile-grid { grid-template-columns: 1fr; }
}

/* Weekly timesheet strip (Time Tracking) ----------------------------------- */
.week-strip-card { border: 1px solid var(--line); border-radius: 16px; background: var(--white); padding: 1.4rem 1.5rem; box-shadow: 0 24px 60px -40px rgba(30, 30, 30, 0.35); }
.week-strip { display: grid; grid-template-columns: repeat(7, 1fr); gap: 0.6rem; }
.week-day { text-align: center; }
.week-day-label { font-family: var(--sans); font-size: 10px; font-weight: 600; letter-spacing: 0.05em; text-transform: uppercase; color: var(--muted); margin-bottom: 0.5rem; }
.week-day-hours { font-family: var(--display); font-weight: 600; font-size: 1.15rem; color: var(--ink); background: var(--neutral); border-radius: 9px; padding: 0.8rem 0.3rem 0.6rem; }
.week-day-hours small { display: block; font-family: var(--sans); font-weight: 500; font-size: 0.62rem; color: var(--muted); margin-top: 0.25rem; text-transform: none; letter-spacing: 0; }
.week-day-hours.is-light { background: transparent; border: 1px solid var(--line); color: var(--muted); }
.week-strip-total { display: flex; justify-content: space-between; margin-top: 1.1rem; padding-top: 1rem; border-top: 1px solid var(--line); font-family: var(--display); font-weight: 600; }
@media (max-width: 700px) {
  .week-strip { grid-template-columns: repeat(4, 1fr); row-gap: 0.9rem; }
}

/* Document-shaped invoice mock (Invoicing) --------------------------------- */
.invoice-doc { max-width: 620px; margin: 0 auto; border: 1px solid var(--line); border-radius: 16px; background: var(--white); box-shadow: 0 30px 70px -40px rgba(30, 30, 30, 0.4); overflow: hidden; }
.invoice-doc-head { display: flex; justify-content: space-between; align-items: flex-start; gap: 1rem; padding: 1.4rem 1.6rem; border-bottom: 1px solid var(--line); background: var(--neutral); }
.invoice-doc-head strong { display: block; font-family: var(--display); font-weight: 600; font-size: 1.05rem; color: var(--ink); }
.invoice-doc-head span { display: block; font-size: 0.82rem; color: var(--muted); margin-top: 0.15rem; }
.invoice-doc-lines { padding: 1.4rem 1.6rem 0; display: grid; gap: 0.15rem; }
.invoice-line { display: flex; justify-content: space-between; padding: 0.65rem 0; border-top: 1px solid var(--line); font-size: 0.88rem; color: var(--ink); }
.invoice-line:first-child { border-top: none; }
.invoice-line b { font-family: var(--display); font-weight: 600; }
.invoice-doc-total { display: flex; justify-content: space-between; margin: 0.4rem 1.6rem 0; padding: 1rem 0; border-top: 2px solid var(--ink); font-family: var(--display); font-weight: 700; font-size: 1.15rem; color: var(--ink); }
.invoice-doc-pay { display: flex; justify-content: space-between; align-items: center; padding: 1rem 1.6rem 1.4rem; background: var(--neutral); font-size: 0.82rem; color: var(--muted); }

/* Hero: content drifts down and fades as you scroll into the next section.
   Transform + opacity are driven inline by JS (see main.js). */
.hero-media-inner { will-change: transform, opacity; }

/* Section reveals. Hidden state is gated behind `.js` (added before first
   paint) so there is no flash-of-unhidden-content, and never applies when
   JavaScript is off. */
.js [data-reveal] {
  opacity: 0;
  transform: translateY(18px);
  transition: opacity 0.7s cubic-bezier(0.22, 0.61, 0.36, 1),
              transform 0.7s cubic-bezier(0.22, 0.61, 0.36, 1);
  will-change: opacity, transform;
}
.js [data-reveal].is-in {
  opacity: 1;
  transform: none;
}

/* Reduced motion: keep gentle opacity fades, drop all positional movement and
   the hero parallax. Crossfades are vestibular-safe; translation/parallax is not. */
@media (prefers-reduced-motion: reduce) {
  .js [data-reveal] {
    transform: none;
    transition: opacity 0.6s ease;
  }
  .js [data-reveal].is-in { transform: none; }
}

/* Homepage — connected profitability direction */
.btn--hero-outline { color: var(--ink); border-color: rgba(30,30,30,.22); background: rgba(255,255,255,.7); }
.btn--hero-outline:hover { color: var(--ink); border-color: var(--ink); background: var(--white); }
.wr-hero { position: relative; overflow: hidden; padding: clamp(4rem,8vw,7rem) 0; background: linear-gradient(rgba(61,122,95,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(61,122,95,.045) 1px,transparent 1px),radial-gradient(circle at 78% 24%,rgba(61,122,95,.16),transparent 34%),#f7f8f5; background-size: 48px 48px,48px 48px,auto,auto; }
.wr-hero-grid,.wr-section-grid { display: grid; grid-template-columns: minmax(0,.9fr) minmax(520px,1.1fr); align-items: center; gap: clamp(2.8rem,7vw,6rem); }
.wr-hero-copy { max-width: 600px; }
.wr-eyebrow { display: inline-flex; align-items: center; gap: .6rem; font-size: .76rem; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; color: var(--accent); margin-bottom: 1.4rem; }
.wr-eyebrow::before { content: ""; width: 24px; height: 1px; background: currentColor; }
.wr-hero h1 { font-size: clamp(3.3rem,6vw,5.8rem); letter-spacing: -.055em; max-width: 760px; }
.wr-hero h1 em { color: var(--accent); font-style: normal; }
.wr-hero-copy>p:not(.wr-hero-note) { max-width: 650px; margin-top: 1.5rem; font-size: 1.16rem; line-height: 1.65; }
.wr-hero .hero-actions { justify-content: flex-start; margin-top: 2rem; }
.wr-hero-note { margin-top: 1.15rem; color: var(--muted); font-size: .85rem; }
.wr-profit-window,.wr-firm-card,.wr-approval-card,.wr-wip { background: var(--white); border: 1px solid rgba(30,30,30,.1); border-radius: 18px; box-shadow: 0 30px 70px rgba(30,30,30,.13); overflow: hidden; }
.wr-profit-window { transform: rotate(1.2deg); }
.wr-window-bar,.wr-card-head { min-height: 64px; padding: 1rem 1.25rem; display: flex; justify-content: space-between; align-items: center; gap: 1rem; border-bottom: 1px solid var(--line); }
.wr-window-title { color: var(--ink); font-weight: 700; }
.wr-live,.wr-chip { display: inline-flex; align-items: center; gap: .45rem; padding: .36rem .65rem; border-radius: 999px; color: var(--accent); background: var(--accent-soft); font-size: .72rem; font-weight: 700; }
.wr-live i { width: 7px; height: 7px; border-radius: 50%; background: var(--accent); }
.wr-window-tabs { display: flex; gap: 1.2rem; padding: 0 1.25rem; border-bottom: 1px solid var(--line); overflow-x: auto; }
.wr-window-tabs span { padding: .85rem 0 .7rem; color: var(--muted); font-size: .76rem; white-space: nowrap; }
.wr-window-tabs .is-active { color: var(--ink); font-weight: 700; border-bottom: 2px solid var(--accent); }
.wr-budget-kpis { display: grid; grid-template-columns: repeat(3,1fr); gap: .8rem; padding: 1.2rem; }
.wr-budget-kpis>div { padding: 1rem; border-radius: 11px; background: var(--neutral); }
.wr-budget-kpis span,.wr-budget-kpis small { display: block; color: var(--muted); font-size: .7rem; }
.wr-budget-kpis strong { display: block; margin: .25rem 0; color: var(--ink); font-size: 1.25rem; }
.wr-budget-alert { margin: 0 1.2rem 1.1rem; padding: .85rem 1rem; display: flex; justify-content: space-between; gap: 1rem; border-radius: 10px; background: #f8eddf; color: #79551f; font-size: .76rem; }
.wr-budget-alert span { color: #896b3e; }
.wr-fee-table { margin: 0 1.2rem 1.2rem; border: 1px solid var(--line); border-radius: 10px; overflow: hidden; }
.wr-fee-table>div { display: grid; grid-template-columns: 1.5fr .8fr .6fr; gap: .5rem; padding: .72rem .85rem; border-bottom: 1px solid var(--line); align-items: center; font-size: .76rem; }
.wr-fee-table>div:last-child { border-bottom: none; }
.wr-fee-table .wr-fee-head { color: var(--muted); background: var(--neutral); font-size: .66rem; text-transform: uppercase; letter-spacing: .06em; }
.wr-fee-table b { color: var(--ink); font-weight: 600; }
.wr-fee-table strong { color: var(--accent); }
.wr-dot { display: inline-block; width: 7px; height: 7px; margin-right: .5rem; border-radius: 50%; }
.wr-dot--sage { background: var(--accent); }.wr-dot--gold { background: #c99c47; }.wr-dot--ink { background: var(--ink); }
.wr-window-foot { display: flex; justify-content: space-between; gap: 1rem; padding: .85rem 1.2rem; background: var(--ink); color: var(--dark-ink); font-size: .68rem; }
.wr-window-foot span { color: #bdbdb7; }
.wr-flow-section { background: var(--white); }
.wr-flow { position: relative; list-style: none; display: grid; grid-template-columns: repeat(6,1fr); gap: 0; margin-top: 2rem; }
.wr-flow::before { content: ""; position: absolute; left: 8%; right: 8%; top: 24px; height: 1px; background: var(--line); }
.wr-flow li { position: relative; text-align: center; padding: 0 .7rem; }
.wr-flow li>span { position: relative; z-index: 1; display: grid; place-items: center; width: 48px; height: 48px; margin: 0 auto 1rem; border-radius: 50%; background: var(--ink); color: var(--white); font-size: .68rem; font-weight: 700; }
.wr-flow li:last-child>span { background: var(--accent); }
.wr-flow strong,.wr-flow small { display: block; }.wr-flow strong { color: var(--ink); font-size: .92rem; }.wr-flow small { margin-top: .35rem; color: var(--muted); line-height: 1.4; }
.wr-profit-section,.wr-fees-section,.wr-client-section { background: var(--neutral); }
.wr-walter-section { background: var(--ink); }
.wr-section-grid--reverse .wr-walter-card { order: 1; }.wr-section-grid--reverse .wr-section-copy { order: 2; }
.wr-walter-section h2,.wr-walter-section .wr-section-copy>p { color: var(--white); }
.wr-walter-section .kicker { color: #9fd0b7; }.wr-walter-section .text-link { color: #bce2cd; }
.wr-section-copy h2 { max-width: 650px; }
.wr-section-copy>p { margin-top: 1.25rem; max-width: 630px; font-size: 1.07rem; }
.wr-section-copy .text-link { display: inline-block; margin-top: 1.6rem; }
.wr-section-copy--wide { max-width: 760px; margin-bottom: 2.5rem; }
.wr-checks { list-style: none; display: grid; gap: .85rem; margin-top: 1.6rem; }
.wr-checks li { position: relative; padding-left: 1.6rem; color: var(--body-c); }
.wr-checks li::before { content: "✓"; position: absolute; left: 0; top: .05rem; color: var(--accent); font-weight: 800; }
.wr-card-head>div span,.wr-card-head>div strong { display: block; }.wr-card-head>div span { color: var(--muted); font-size: .72rem; }.wr-card-head>div strong { margin-top: .15rem; color: var(--ink); font-size: .96rem; }
.wr-firm-grid { display: grid; grid-template-columns: repeat(2,1fr); gap: .8rem; padding: 1.2rem; }
.wr-firm-grid>div { padding: 1rem; border-radius: 10px; background: var(--neutral); }
.wr-firm-grid span,.wr-firm-grid small,.wr-firm-grid strong { display: block; }.wr-firm-grid span { color: var(--muted); font-size: .7rem; }.wr-firm-grid strong { margin: .25rem 0; color: var(--ink); font-size: 1.35rem; }.wr-firm-grid small { color: var(--muted); font-size: .66rem; }.wr-firm-grid .is-up { color: var(--accent); }
.wr-project-margin { margin: 0 1.2rem 1.2rem; border: 1px solid var(--line); border-radius: 10px; overflow: hidden; }
.wr-project-margin>div { display: grid; grid-template-columns: 1.5fr .8fr .7fr; gap: .5rem; align-items: center; padding: .7rem .85rem; border-bottom: 1px solid var(--line); font-size: .76rem; }
.wr-project-margin>div:first-child { background: var(--neutral); color: var(--muted); font-size: .65rem; text-transform: uppercase; }.wr-project-margin>div:last-child { border-bottom: none; }.wr-project-margin b { color: var(--ink); }.wr-project-margin strong { color: var(--accent); }
.wr-walter-card { max-width: none; box-shadow: 0 30px 70px rgba(0,0,0,.25); }
.wr-walter-result { display: grid; grid-template-columns: repeat(3,1fr); gap: .5rem; margin: .85rem 0; }
.wr-walter-result div { padding: .6rem; background: var(--neutral); border-radius: 7px; }.wr-walter-result span,.wr-walter-result b { display: block; }.wr-walter-result span { color: var(--muted); font-size: .6rem; }.wr-walter-result b { margin-top: .15rem; color: var(--ink); font-size: .78rem; }
.wr-prompt-list { display: grid; gap: .55rem; margin-top: 1.5rem; }.wr-prompt-list span { padding: .75rem .9rem; border: 1px solid rgba(255,255,255,.15); border-radius: 8px; color: #d5d5cf; font-size: .86rem; }
.wr-fee-models { display: grid; grid-template-columns: repeat(5,1fr); border: 1px solid var(--line); border-radius: 14px; overflow: hidden; background: var(--white); }
.wr-fee-models article { min-height: 220px; padding: 1.5rem; border-right: 1px solid var(--line); }.wr-fee-models article:last-child { border-right: none; }.wr-fee-models article>span { color: var(--accent); font-size: .68rem; font-weight: 700; }.wr-fee-models h3 { margin-top: 2.4rem; }.wr-fee-models p { margin-top: .7rem; color: var(--muted); font-size: .88rem; }
.wr-wip-section { background: var(--white); }
.wr-view-tabs { display: flex; gap: .35rem; padding: .8rem; border-bottom: 1px solid var(--line); overflow-x: auto; }.wr-view-tabs span { padding: .5rem .8rem; border-radius: 7px; color: var(--muted); font-size: .78rem; white-space: nowrap; }.wr-view-tabs .is-active { background: var(--accent-soft); color: var(--accent); font-weight: 700; }
.wr-wip-head,.wr-wip-row { display: grid; grid-template-columns: minmax(280px,2fr) .5fr .8fr .8fr; gap: 1rem; align-items: center; padding: .85rem 1.1rem; }
.wr-wip-head { color: var(--muted); background: var(--neutral); font-size: .65rem; text-transform: uppercase; letter-spacing: .05em; }.wr-wip-row { border-top: 1px solid var(--line); font-size: .8rem; }.wr-wip-row>span:first-child { display: grid; grid-template-columns: 30px 1fr; }.wr-wip-row i { grid-row: 1/span 2; color: var(--muted); font-style: normal; font-size: .7rem; }.wr-wip-row b,.wr-wip-row small { display: block; }.wr-wip-row b { color: var(--ink); }.wr-wip-row small { margin-top: .15rem; color: var(--muted); }
.wr-status { display: inline-flex; padding: .3rem .55rem; border-radius: 999px; font-size: .66rem; font-style: normal; white-space: nowrap; }.wr-status--progress { background: #e8eff5; color: #4e687d; }.wr-status--todo { background: var(--neutral-deep); color: var(--muted); }.wr-status--hold { background: #f6ead6; color: #896b3e; }.wr-status--approved { background: var(--accent-soft); color: var(--accent); }.wr-status--review { background: #f6ead6; color: #896b3e; }
.wr-wip-foot { display: flex; justify-content: space-between; gap: 1rem; padding: 1rem 1.1rem; background: var(--ink); color: #d4d4ce; font-size: .76rem; }.wr-wip-foot a { color: #bce2cd; font-weight: 700; }
.wr-product-review { display: grid; grid-template-columns: 72px 1fr auto; gap: 1rem; align-items: center; margin: 0 1.2rem; padding: 1rem 0; border-bottom: 1px solid var(--line); }
.wr-product-swatch { height: 72px; border-radius: 9px; background: var(--neutral-deep); }.wr-product-swatch--office-lamp,.wr-product-swatch--first-floor-desk{background-color:#fff;background-position:center;background-size:contain;background-repeat:no-repeat}.wr-product-swatch--office-lamp{background-image:url("../img/office-table-lamp-eichholtz.png")}.wr-product-swatch--first-floor-desk{background-image:url("../img/first-floor-office-desk.png")}
.wr-product-review strong,.wr-product-review span,.wr-product-review small { display: block; }.wr-product-review strong { color: var(--ink); }.wr-product-review span,.wr-product-review small { color: var(--muted); font-size: .72rem; }.wr-product-review span { margin-top: .25rem; }
.wr-client-comment { margin: 1.2rem; padding: .9rem; background: var(--neutral); border-radius: 9px; }.wr-client-comment span { color: var(--accent); font-size: .66rem; font-weight: 700; text-transform: uppercase; }.wr-client-comment p { margin-top: .35rem; font-size: .8rem; }
.wr-visibility-note { display: flex; align-items: center; gap: .55rem; padding: .8rem 1.2rem; color: var(--muted); background: var(--accent-soft); font-size: .7rem; }.wr-visibility-note i { width: 8px; height: 8px; border-radius: 50%; background: var(--accent); }
.wr-integrations-section { background: var(--white); }
.wr-integrations { display: grid; grid-template-columns: repeat(5,1fr); gap: .9rem; }
.wr-integrations article { position: relative; min-height: 220px; padding: 1.25rem; border: 1px solid var(--line); border-radius: 12px; background: var(--white); }
.wr-int-mark { display: grid; place-items: center; width: 38px; height: 38px; border-radius: 9px; color: var(--white); font-weight: 800; }.wr-int-mark--qb { background: #2ca01c; }.wr-int-mark--pay { background: var(--accent); }.wr-int-mark--harvest { background: #f36c21; }.wr-int-mark--claude { background: #d97757; }.wr-int-mark--xero { background: #13b5ea; }
.wr-integrations h3 { margin-top: 1.3rem; font-size: 1rem; }.wr-integrations p { margin-top: .6rem; color: var(--muted); font-size: .82rem; }.wr-integrations small { position: absolute; bottom: 1rem; color: var(--accent); font-size: .65rem; font-weight: 700; text-transform: uppercase; letter-spacing: .06em; }
.wr-switch-section { background: var(--neutral); }.wr-switch-card { padding: clamp(2rem,5vw,4rem); background: var(--ink); border-radius: 18px; color: var(--white); }.wr-switch-card h2,.wr-switch-card p { color: var(--white); }.wr-switch-card>div:first-child { max-width: 720px; }.wr-switch-card>div:first-child p { margin-top: 1rem; color: #c8c8c2; }.wr-switch-card .kicker { color: #9fd0b7; }
.wr-switch-steps { display: grid; grid-template-columns: repeat(3,1fr); gap: 1rem; margin-top: 2.4rem; }.wr-switch-steps>div { padding: 1rem 0; border-top: 1px solid rgba(255,255,255,.2); }.wr-switch-steps span,.wr-switch-steps strong,.wr-switch-steps small { display: block; }.wr-switch-steps span { color: #9fd0b7; font-size: .66rem; font-weight: 700; }.wr-switch-steps strong { margin-top: .7rem; color: var(--white); font-size: 1.1rem; }.wr-switch-steps small { margin-top: .3rem; color: #a9aaa5; }
.wr-switch-actions { display: flex; align-items: center; gap: 1.4rem; margin-top: 2rem; }.wr-switch-actions .text-link { color: #bce2cd; }
@media (max-width: 1050px) {
  .wr-hero-grid,.wr-section-grid { grid-template-columns: 1fr; }.wr-hero-copy { max-width: 760px; }.wr-profit-window { width: min(760px,100%); transform: none; }.wr-section-grid--reverse .wr-walter-card,.wr-section-grid--reverse .wr-section-copy { order: initial; }.wr-flow { grid-template-columns: repeat(3,1fr); row-gap: 2rem; }.wr-flow::before { display: none; }.wr-fee-models { grid-template-columns: repeat(3,1fr); }.wr-fee-models article { border-bottom: 1px solid var(--line); }.wr-integrations { grid-template-columns: repeat(3,1fr); }
}
@media (max-width: 700px) {
  .wr-hero { padding: 3.5rem 0; }.wr-hero h1 { font-size: clamp(2.8rem,13vw,4rem); }.wr-hero .hero-actions { flex-direction: column; align-items: stretch; }.wr-hero .hero-actions .btn { width: 100%; }.wr-budget-kpis { grid-template-columns: 1fr; }.wr-budget-alert,.wr-window-foot { flex-direction: column; }.wr-flow { grid-template-columns: repeat(2,1fr); }.wr-fee-models { grid-template-columns: 1fr; }.wr-fee-models article { min-height: 0; border-right: none; }.wr-fee-models h3 { margin-top: 1.3rem; }.wr-wip { overflow-x: auto; }.wr-wip-head,.wr-wip-row,.wr-wip-foot { min-width: 720px; }.wr-product-review { grid-template-columns: 60px 1fr; }.wr-product-review .wr-status { grid-column: 2; width: fit-content; }.wr-integrations { grid-template-columns: 1fr; }.wr-integrations article { min-height: 190px; }.wr-switch-steps { grid-template-columns: 1fr; }.wr-switch-actions { flex-direction: column; align-items: flex-start; }
}
@media (max-width: 480px) {
  .wr-fee-table>div { grid-template-columns: 1.2fr .8fr .6fr; }.wr-walter-result { grid-template-columns: 1fr; }
}

/* Product, migration, and comparison page system */
.wr-subhero { padding: clamp(4.5rem,9vw,8rem) 0; background: linear-gradient(rgba(61,122,95,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(61,122,95,.05) 1px,transparent 1px),radial-gradient(circle at 82% 20%,rgba(61,122,95,.17),transparent 32%),#f7f8f5; background-size: 48px 48px,48px 48px,auto,auto; }
.wr-subhero .container { max-width: 1050px; }
.wr-subhero h1 { max-width: 920px; font-size: clamp(3.1rem,7vw,6.5rem); letter-spacing: -.05em; }
.wr-subhero>div>p { max-width: 760px; margin-top: 1.5rem; font-size: 1.2rem; line-height: 1.65; }
.wr-subhero .hero-actions { justify-content: flex-start; margin-top: 2rem; }
.wr-page-proof { padding: 0 0 clamp(4rem,7vw,6rem); background: #f7f8f5; }
.wr-page-metrics { display: grid; grid-template-columns: repeat(3,1fr); border: 1px solid rgba(30,30,30,.1); border-radius: 16px; overflow: hidden; background: var(--white); box-shadow: 0 24px 60px rgba(30,30,30,.08); }
.wr-page-metrics article { min-height: 150px; padding: 1.6rem; border-right: 1px solid var(--line); }
.wr-page-metrics article:last-child { border-right: none; }
.wr-page-metrics strong,.wr-page-metrics span { display: block; }
.wr-page-metrics strong { color: var(--ink); font-family: var(--display); font-size: clamp(1.5rem,3vw,2.2rem); }
.wr-page-metrics span { margin-top: .6rem; color: var(--muted); }
.wr-page-story { background: var(--white); }
.wr-page-chapter { display: grid; grid-template-columns: 60px minmax(0,1fr) minmax(300px,.8fr); gap: clamp(1.5rem,5vw,5rem); align-items: center; padding: clamp(3rem,7vw,6rem) 0; border-bottom: 1px solid var(--line); }
.wr-page-chapter:last-child { border-bottom: none; }
.wr-page-chapter>span { align-self: start; color: var(--accent); font-weight: 700; font-size: .72rem; letter-spacing: .08em; }
.wr-page-chapter h2 { max-width: 620px; }
.wr-page-chapter p { max-width: 650px; margin-top: 1rem; font-size: 1.05rem; }
.wr-page-chapter ul { list-style: none; display: flex; flex-wrap: wrap; gap: .5rem; margin-top: 1.5rem; }
.wr-page-chapter li { padding: .45rem .7rem; border-radius: 999px; background: var(--accent-soft); color: var(--accent); font-size: .72rem; font-weight: 600; }
.wr-page-visual { min-height: 250px; padding: 1.2rem; display: flex; flex-direction: column; gap: .75rem; justify-content: center; border: 1px solid var(--line); border-radius: 14px; background: var(--neutral); box-shadow: 0 20px 50px rgba(30,30,30,.07); }
.wr-page-visual i { display: block; height: 42px; border-radius: 8px; background: linear-gradient(90deg,var(--white) 0 68%,var(--accent-soft) 68%); border: 1px solid var(--line); }
.wr-page-visual i:nth-child(2) { width: 88%; }
.wr-page-visual i:nth-child(3) { width: 72%; }
.wr-page-visual b { margin-top: .4rem; color: var(--accent); font-size: .72rem; }
.wr-page-end { background: var(--neutral); }
.wr-page-end-card { padding: clamp(2.5rem,6vw,5rem); border-radius: 18px; background: var(--ink); }
.wr-page-end-card h2,.wr-page-end-card p { color: var(--white); }
.wr-page-end-card p { max-width: 720px; margin-top: 1rem; color: #c7c7c1; }
.wr-page-end-card .kicker,.wr-page-end-card .text-link { color: #bce2cd; }
.wr-page-end-card .hero-actions { justify-content: flex-start; align-items: center; margin-top: 2rem; }
@media (max-width: 850px) {
  .wr-page-chapter { grid-template-columns: 40px 1fr; }
  .wr-page-visual { grid-column: 2; min-height: 200px; }
}
@media (max-width: 640px) {
  .wr-subhero .hero-actions { flex-direction: column; align-items: stretch; }
  .wr-page-metrics { grid-template-columns: 1fr; }
  .wr-page-metrics article { min-height: 0; border-right: none; border-bottom: 1px solid var(--line); }
  .wr-page-metrics article:last-child { border-bottom: none; }
  .wr-page-chapter { grid-template-columns: 1fr; }
  .wr-page-chapter>span,.wr-page-visual { grid-column: 1; }
  .wr-page-end-card .hero-actions { flex-direction: column; align-items: flex-start; }
}

/* Product interface mockups */
.wr-product-ui{width:100%;overflow:hidden;color:#1d2925;background:#fff;border:1px solid #dfe5e1;border-radius:16px;box-shadow:0 24px 60px rgba(25,54,43,.13);font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;text-align:left}
.wr-ui-top{min-height:66px;display:flex;align-items:center;gap:12px;padding:13px 16px;background:#f7f9f8;border-bottom:1px solid #e7ebe8}
.wr-ui-top>div:nth-child(2){display:grid;gap:2px;min-width:0}.wr-ui-top strong{font-size:13px;line-height:1.2}.wr-ui-top small{color:#7a8580;font-size:10px;line-height:1.2}
.wr-ui-dots{display:flex!important;grid-template-columns:none!important;gap:4px!important;flex:0 0 auto}.wr-ui-dots i{display:block;width:7px!important;height:7px!important;border:0!important;border-radius:50%!important;background:#c9d1cd!important;box-shadow:none!important}
.wr-ui-dots i:first-child{background:#d8a28d!important}.wr-ui-dots i:nth-child(2){background:#dfc98c!important}.wr-ui-dots i:last-child{background:#8eb8a6!important}
.wr-ui-badge{margin-left:auto;padding:5px 8px;color:#397c62;background:#e8f3ee;border-radius:999px;font-size:9px;font-weight:750;white-space:nowrap}.wr-ui-body{padding:15px}
.wr-ui-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-bottom:13px}.wr-ui-stats>div{min-width:0;padding:10px;background:#f7f9f8;border:1px solid #e8ece9;border-radius:10px}
.wr-ui-stats small,.wr-ui-stats strong,.wr-ui-stats em{display:block;overflow:hidden;text-overflow:ellipsis}.wr-ui-stats small{margin-bottom:4px;color:#76817c;font-size:8px;font-style:normal;white-space:nowrap}.wr-ui-stats strong{color:#1f3b32;font-size:15px;line-height:1.1}.wr-ui-stats em{margin-top:4px;color:#7c8882;font-size:7px;font-style:normal;white-space:nowrap}
.wr-ui-table{display:grid;gap:1px;overflow:hidden;border:1px solid #e7ebe8;border-radius:10px}.wr-ui-row{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(55px,.65fr) auto;align-items:center;gap:8px;min-height:50px;padding:9px 10px;background:#fff;border-bottom:1px solid #edf0ee}.wr-ui-row:last-child{border-bottom:0}.wr-ui-row>span{min-width:0}.wr-ui-row b,.wr-ui-row small{display:block}.wr-ui-row b{font-size:10px}.wr-ui-row small{overflow:hidden;margin-top:2px;color:#7b8580;font-size:8px;text-overflow:ellipsis;white-space:nowrap}.wr-ui-row>strong{font-size:10px;text-align:right;white-space:nowrap}.wr-ui-row>em{padding:4px 6px;color:#397c62;background:#e8f3ee;border-radius:999px;font-size:7px;font-style:normal;font-weight:750;white-space:nowrap}
.wr-ui-row>em.is-over,.wr-ui-row>em.is-at-risk,.wr-ui-row>em.is-high,.wr-ui-row>em.is-heavy{color:#9a4f45;background:#f8e9e6}.wr-ui-row>em.is-watch,.wr-ui-row>em.is-review,.wr-ui-row>em.is-current{color:#8b6b2f;background:#f7efd9}
.wr-ui-bars{display:grid;gap:10px}.wr-ui-bars>div{display:grid;grid-template-columns:minmax(90px,.85fr) minmax(80px,1fr) 28px;align-items:center;gap:8px}.wr-ui-bars span b,.wr-ui-bars span small{display:block}.wr-ui-bars span b{font-size:9px}.wr-ui-bars span small{color:#7c8782;font-size:7px}.wr-ui-bars>div>i{width:auto!important;height:7px!important;overflow:hidden;background:#e8edea!important;border:0!important;border-radius:999px!important;box-shadow:none!important}.wr-ui-bars u{display:block;height:100%;background:linear-gradient(90deg,#4e9276,#8db9a7);border-radius:inherit;text-decoration:none}.wr-ui-bars em{color:#62706a;font-size:8px;font-style:normal;text-align:right}
.wr-ui-steps{position:relative;display:grid}.wr-ui-steps>div{position:relative;display:flex;gap:11px;min-height:56px}.wr-ui-steps>div:not(:last-child)::after{content:"";position:absolute;top:25px;bottom:0;left:12px;width:1px;background:#dce5e0}.wr-ui-steps i{position:relative;z-index:1;display:grid!important;place-items:center;flex:0 0 25px;width:25px!important;height:25px!important;color:#fff;background:#4b8c72!important;border:0!important;border-radius:50%!important;box-shadow:none!important;font-size:9px;font-style:normal}.wr-ui-steps .is-current i{color:#416b5a;background:#dcece5!important}.wr-ui-steps span{padding-top:2px}.wr-ui-steps b,.wr-ui-steps small{display:block}.wr-ui-steps b{font-size:10px}.wr-ui-steps small{margin-top:2px;color:#7b8580;font-size:8px}
.wr-ui-chat{display:grid;gap:14px}.wr-ui-question,.wr-ui-answer{display:flex;gap:9px}.wr-ui-question{justify-content:flex-end}.wr-ui-question i,.wr-ui-answer>i{display:grid!important;place-items:center;flex:0 0 24px;width:24px!important;height:24px!important;color:#fff;background:#243f35!important;border:0!important;border-radius:50%!important;box-shadow:none!important;font-size:9px;font-style:normal}.wr-ui-question i{order:2;background:#b68774!important}.wr-ui-question p{max-width:78%;margin:0;padding:8px 10px;background:#f0f3f1;border-radius:10px 3px 10px 10px;font-size:9px}.wr-ui-answer>div{flex:1;min-width:0;padding:10px;background:#f4f8f6;border:1px solid #e1ebe6;border-radius:3px 10px 10px}.wr-ui-answer b{color:#397c62;font-size:9px}.wr-ui-answer p{margin:5px 0 10px;font-size:9px;line-height:1.5}.wr-ui-answer>div>small{color:#87918c;font-size:7px}.wr-ui-answer .wr-ui-stats{margin-bottom:8px}
@media(max-width:560px){.wr-ui-top{padding:11px}.wr-ui-body{padding:10px}.wr-ui-stats{grid-template-columns:1fr}.wr-ui-stats>div{display:grid;grid-template-columns:1fr auto;align-items:center}.wr-ui-stats em{grid-column:1/-1}.wr-ui-row{grid-template-columns:minmax(0,1fr) auto}.wr-ui-row>em{display:none}.wr-ui-bars>div{grid-template-columns:minmax(80px,.8fr) 1fr}.wr-ui-bars em{display:none}}

/* Art-directed visual placeholders */
.wr-visual-slot{padding:0 0 clamp(4rem,8vw,7rem);background:var(--white)}
.wr-visual-slot+.wr-visual-slot{display:none}
.wr-visual-frame{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(260px,.55fr);overflow:hidden;margin:0;border:1px solid var(--line);border-radius:18px;background:#f5f4ef;box-shadow:0 28px 70px rgba(35,42,38,.1)}
.wr-visual-stage{position:relative;display:grid;place-items:center;min-height:clamp(360px,48vw,610px);padding:clamp(2rem,5vw,4rem);overflow:hidden;background:radial-gradient(circle at 22% 20%,rgba(255,255,255,.95),transparent 32%),linear-gradient(135deg,#d9ded7 0%,#edf0eb 52%,#d1d8d1 100%)}
.wr-visual-stage::before,.wr-visual-stage::after{content:"";position:absolute;border-radius:50%;filter:blur(2px)}
.wr-visual-stage::before{width:240px;height:240px;right:-70px;top:-70px;background:rgba(86,132,111,.14)}
.wr-visual-stage::after{width:180px;height:180px;left:-60px;bottom:-65px;background:rgba(173,127,105,.13)}
.wr-visual-kind{position:absolute;z-index:2;top:18px;left:18px;padding:7px 10px;color:#315f4d;background:rgba(255,255,255,.86);border:1px solid rgba(49,95,77,.15);border-radius:999px;font-size:.65rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;backdrop-filter:blur(8px)}
.wr-device-ghost{position:relative;z-index:1;width:min(90%,520px);aspect-ratio:1.55;padding:14px 14px 24px;background:#232724;border-radius:16px 16px 10px 10px;box-shadow:0 34px 60px rgba(30,40,35,.26);transform:perspective(1200px) rotateY(-7deg) rotateX(2deg)}
.wr-device-ghost::after{content:"";position:absolute;left:-7%;right:-7%;bottom:-11px;height:14px;background:linear-gradient(#d8dad7,#aeb3af);border-radius:2px 2px 12px 12px;box-shadow:0 8px 15px rgba(30,40,35,.2)}
.wr-device-ghost i{display:block!important;width:100%!important;height:100%!important;border:0!important;border-radius:7px!important;background:linear-gradient(90deg,#263f35 0 18%,#f7f8f6 18% 100%)!important;box-shadow:inset 0 0 0 1px rgba(255,255,255,.12)!important}
.wr-device-ghost b,.wr-device-ghost em{position:absolute;display:block;left:26%;right:8%;height:14%;border:1px solid #dfe5e1;border-radius:7px;background:linear-gradient(90deg,#fff 0 63%,#e3eee8 63%);box-shadow:0 3px 8px rgba(30,40,35,.05)}
.wr-device-ghost b{top:22%}.wr-device-ghost em{top:43%;right:18%}
.wr-visual-frame figcaption{display:flex;flex-direction:column;justify-content:center;padding:clamp(2rem,5vw,4rem);background:#1f2925}
.wr-visual-frame figcaption>span{margin-bottom:1.25rem;color:#a7d8c1;font-size:.7rem;font-weight:700;letter-spacing:.11em;text-transform:uppercase}
.wr-visual-frame figcaption strong{color:#fff;font-family:var(--display);font-size:clamp(1.45rem,2.5vw,2.15rem);line-height:1.12}
.wr-visual-frame figcaption p{margin:1.25rem 0;color:#d0d8d4;font-size:.93rem;line-height:1.65}
.wr-visual-frame figcaption small{padding-top:1.2rem;color:#99a7a0;border-top:1px solid rgba(255,255,255,.12);font-size:.68rem;line-height:1.55}
@media(max-width:800px){.wr-visual-frame{grid-template-columns:1fr}.wr-visual-stage{min-height:360px}.wr-visual-frame figcaption{min-height:300px}}
@media(max-width:520px){.wr-visual-stage{min-height:280px;padding:2.5rem 1.2rem 1.4rem}.wr-device-ghost{width:96%;padding:9px 9px 17px}.wr-visual-frame figcaption{min-height:0;padding:2rem}.wr-visual-kind{top:12px;left:12px}}

/* Connected-work homepage — editorial, playful, and product-led */
.wr-hero--connected{padding:clamp(4.5rem,9vw,8rem) 0 0;background:#fbfbf8;background-image:none}
.wr-connected-hero-copy{max-width:1120px;margin:0 auto;text-align:center}
.wr-connected-hero-copy h1{max-width:none;margin:.7rem auto 0;font-size:clamp(2.4rem,5.5vw,5.6rem);line-height:.88;letter-spacing:-.075em}
.wr-connected-hero-copy h1 em{display:inline-block;color:#3d7a5f;font-style:normal}
.wr-connected-hero-copy>p:not(.wr-hero-note){max-width:800px;margin:2rem auto 0;color:#4f5b56;font-size:clamp(1.05rem,1.7vw,1.35rem);line-height:1.6}
.wr-connected-hero-copy .hero-actions{justify-content:center}.wr-connected-hero-copy .wr-hero-note{text-align:center}
.wr-connected-ribbon{position:relative;display:grid;grid-template-columns:repeat(7,minmax(170px,1fr));gap:10px;width:max(100%,1220px);margin:clamp(4rem,8vw,7rem) 0 0;transform:translateX(calc((min(100vw, 1440px) - 1220px) / 2 - max(0px, (min(100vw, 1440px) - 1220px) / 2)))}
.wr-ribbon-card{position:relative;z-index:1;display:flex;flex-direction:column;justify-content:flex-end;min-height:440px;padding:20px;overflow:hidden;border-radius:100px 100px 26px 26px;color:#18221e;background:#dce9e3;transition:transform .3s ease,box-shadow .3s ease}
.wr-ribbon-card:hover{transform:translateY(-10px);box-shadow:0 30px 50px rgba(31,47,40,.15)}
.wr-ribbon-card>span{position:absolute;top:25px;left:0;right:0;font-size:.64rem;font-weight:700;letter-spacing:.08em;text-align:center;text-transform:uppercase}
.wr-ribbon-card>strong{font-family:var(--display);font-size:1.05rem;line-height:1.1}.wr-ribbon-card>small{min-height:44px;margin-top:8px;color:rgba(24,34,30,.68);font-size:.7rem;line-height:1.45}
.wr-ribbon-card--people{background:#efe1d8}.wr-ribbon-card--project{background:#d9e8df}.wr-ribbon-card--product{background:#f2d1c4}.wr-ribbon-card--order{background:#dad7ee}.wr-ribbon-card--time{background:#f0e39f}.wr-ribbon-card--client{background:#cfe2ef}.wr-ribbon-card--money{background:#d8e8cc}
.wr-ribbon-avatars{display:flex;justify-content:center;margin:auto 0}.wr-ribbon-avatars i{display:grid;place-items:center;width:48px;height:48px;margin-left:-10px;color:#fff;background:#6d887b;border:3px solid #efe1d8;border-radius:50%;font-size:.7rem;font-style:normal}.wr-ribbon-avatars i:nth-child(2){background:#a26f5d}.wr-ribbon-avatars i:nth-child(3){background:#4f5874}
.wr-ribbon-project,.wr-ribbon-order,.wr-ribbon-approval,.wr-ribbon-money{margin:auto 0;padding:14px;background:rgba(255,255,255,.65);border:1px solid rgba(255,255,255,.75);border-radius:16px}.wr-ribbon-project b,.wr-ribbon-project em,.wr-ribbon-order b,.wr-ribbon-order em,.wr-ribbon-order i,.wr-ribbon-approval b,.wr-ribbon-approval em,.wr-ribbon-money b,.wr-ribbon-money em{display:block;font-style:normal}.wr-ribbon-project b,.wr-ribbon-order b,.wr-ribbon-approval b{font-size:.78rem}.wr-ribbon-project em,.wr-ribbon-order em,.wr-ribbon-order i,.wr-ribbon-approval em,.wr-ribbon-money em{margin-top:5px;color:#557065;font-size:.62rem}.wr-ribbon-project i{display:block;height:6px;margin-top:12px;background:linear-gradient(90deg,#3d7a5f var(--p),rgba(61,122,95,.14) var(--p));border-radius:999px}
.wr-ribbon-materials{display:grid;grid-template-columns:repeat(3,1fr);gap:5px;margin:auto 0}.wr-ribbon-materials i{display:block;aspect-ratio:.65;border-radius:999px;background:#9b654f}.wr-ribbon-materials i:nth-child(2){background:repeating-linear-gradient(45deg,#d8cab8 0 5px,#f4eadb 5px 10px)}.wr-ribbon-materials i:nth-child(3){background:#39473f}
.wr-ribbon-clock{margin:auto 0;font-family:var(--display);font-size:1.35rem;text-align:center;letter-spacing:-.04em}.wr-ribbon-money b{font-family:var(--display);font-size:1.45rem}
.wr-ribbon-connector{position:absolute;top:50%;left:4%;right:4%;height:1px;background:rgba(61,122,95,.28)}.wr-ribbon-connector i{position:absolute;top:-4px;width:9px;height:9px;background:#3d7a5f;border:3px solid #fbfbf8;border-radius:50%}.wr-ribbon-connector i:nth-child(1){left:0}.wr-ribbon-connector i:nth-child(2){left:16.6%}.wr-ribbon-connector i:nth-child(3){left:33.2%}.wr-ribbon-connector i:nth-child(4){left:49.8%}.wr-ribbon-connector i:nth-child(5){left:66.4%}.wr-ribbon-connector i:nth-child(6){left:83%}.wr-ribbon-connector i:nth-child(7){right:0}
.wr-view-tabs button{appearance:none;padding:.5rem .8rem;color:var(--muted);background:transparent;border:0;border-radius:7px;font:inherit;font-size:.78rem;white-space:nowrap;cursor:pointer}.wr-view-tabs button.is-active{color:var(--accent);background:var(--accent-soft);font-weight:700}.wr-view-panel{display:none;min-height:255px}.wr-view-panel.is-active{display:block}
.wr-preview-kanban{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;padding:14px;background:#f6f7f4}.wr-preview-kanban section{padding:10px;background:#ecefea;border-radius:10px}.wr-preview-kanban header{display:flex;justify-content:space-between;margin-bottom:9px;font-size:.72rem}.wr-preview-kanban header span{display:grid;place-items:center;width:19px;height:19px;background:#fff;border-radius:50%;font-size:.6rem}.wr-preview-kanban article{display:grid;gap:5px;margin-top:7px;padding:10px;background:#fff;border:1px solid #e2e7e3;border-radius:8px}.wr-preview-kanban article small,.wr-preview-kanban article em{color:#7a8580;font-size:.6rem;font-style:normal}.wr-preview-kanban article strong{font-size:.72rem}
.wr-preview-gantt{padding:16px}.wr-gantt-dates,.wr-preview-gantt>div:not(.wr-gantt-dates){display:grid;grid-template-columns:160px 1fr}.wr-gantt-dates{grid-template-columns:160px repeat(4,1fr);padding-bottom:8px;color:#7d8782;font-size:.58rem}.wr-preview-gantt>div:not(.wr-gantt-dates){align-items:center;min-height:48px;border-top:1px solid #edf0ee}.wr-preview-gantt b{font-size:.72rem}.wr-preview-gantt i{position:relative;left:var(--start);display:flex;align-items:center;width:var(--width);height:25px;padding:0 9px;color:#315c4b;background:#dcece4;border-radius:6px;font-size:.62rem;font-style:normal}
.wr-preview-portfolio{display:grid;gap:1px;padding:14px;background:#eef1ee}.wr-preview-portfolio article{display:grid;grid-template-columns:40px 1fr auto;align-items:center;gap:11px;padding:13px;background:#fff}.wr-preview-portfolio article>span{display:grid;place-items:center;width:36px;height:36px;color:#fff;background:#466d5d;border-radius:50%;font-size:.66rem}.wr-preview-portfolio b,.wr-preview-portfolio small{display:block}.wr-preview-portfolio b{font-size:.76rem}.wr-preview-portfolio small{margin-top:3px;color:#7d8782;font-size:.62rem}.wr-preview-portfolio i{display:block;width:180px;height:5px;margin-top:7px;background:linear-gradient(90deg,#4f9276 var(--p),#e8ece9 var(--p));border-radius:999px}.wr-preview-portfolio em{padding:5px 7px;color:#356b54;background:#e4f0ea;border-radius:999px;font-size:.6rem;font-style:normal}
.wr-preview-utilization{display:grid;gap:12px;padding:18px}.wr-preview-utilization>div{display:grid;grid-template-columns:150px 1fr 34px;align-items:center;gap:10px}.wr-preview-utilization span b,.wr-preview-utilization span small{display:block}.wr-preview-utilization span b{font-size:.72rem}.wr-preview-utilization span small{color:#7d8782;font-size:.6rem}.wr-preview-utilization>div>i{height:9px;overflow:hidden;background:#e9edea;border-radius:999px}.wr-preview-utilization u{display:block;height:100%;background:linear-gradient(90deg,#3d7a5f,#8ab8a3);border-radius:inherit}.wr-preview-utilization em{font-size:.66rem;font-style:normal}.wr-preview-utilization aside{display:flex;justify-content:space-between;gap:20px;margin-top:5px;padding:13px;color:#eaf4ee;background:#26352f;border-radius:9px}.wr-preview-utilization aside b{font-size:.75rem}.wr-preview-utilization aside span{font-size:.65rem}
@media(max-width:1100px){.wr-connected-ribbon{width:max(100%,980px);grid-template-columns:repeat(7,minmax(130px,1fr))}.wr-ribbon-card{min-height:390px;padding:15px}.wr-ribbon-card>small{font-size:.62rem}}
@media(max-width:760px){.wr-hero--connected{padding-top:3.5rem}.wr-connected-hero-copy h1{font-size:clamp(3.4rem,16vw,6rem)}.wr-connected-ribbon{width:max(100%,820px);grid-template-columns:repeat(7,minmax(110px,1fr));margin-top:3.5rem}.wr-ribbon-card{min-height:330px;padding:12px;border-radius:70px 70px 20px 20px}.wr-ribbon-card>strong{font-size:.82rem}.wr-ribbon-card>small{display:none}.wr-preview-kanban{min-width:650px}.wr-preview-gantt,.wr-preview-portfolio,.wr-preview-utilization{min-width:650px}.wr-view-panel{overflow-x:auto}}
.wr-record-origin{display:flex;align-items:center;gap:13px;padding:17px;border-bottom:1px solid var(--line)}.wr-record-thumb{width:62px;height:50px;background:linear-gradient(135deg,#ceb9a6,#8c715c);border-radius:10px}.wr-record-origin b,.wr-record-origin small{display:block}.wr-record-origin b{font-size:.84rem}.wr-record-origin small{margin-top:4px;color:var(--muted);font-size:.68rem}
.wr-record-path{padding:14px 17px 20px}.wr-record-path>div{position:relative;display:grid;grid-template-columns:26px 1fr auto;gap:10px;min-height:58px}.wr-record-path>div:not(:last-child)::after{content:"";position:absolute;top:25px;bottom:0;left:12px;width:1px;background:#dce4df}.wr-record-path i{position:relative;z-index:1;display:grid;place-items:center;width:25px;height:25px;color:#6f7c76;background:#edf0ee;border-radius:50%;font-size:.65rem;font-style:normal}.wr-record-path .is-done i{color:#fff;background:#3d7a5f}.wr-record-path .is-current i{color:#315f4d;background:#dcece4}.wr-record-path b,.wr-record-path small{display:block}.wr-record-path b{font-size:.74rem}.wr-record-path small{margin-top:3px;color:var(--muted);font-size:.64rem}.wr-record-path em{padding-top:4px;color:#84908a;font-size:.6rem;font-style:normal}

/* Hero v2: lifestyle photography with one credible connected product surface */
.wr-hero-stage{position:relative;margin:clamp(1.25rem,2.5vw,2rem) auto 0;min-height:clamp(520px,56vw,760px)}
.wr-hero-lifestyle{position:absolute;inset:0 7% 5% 0;overflow:hidden;margin:0;border-radius:130px 26px 130px 26px;box-shadow:0 35px 90px rgba(33,43,38,.16)}
.wr-hero-lifestyle::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(26,40,33,.08),transparent 46%,rgba(251,251,248,.2))}
.wr-hero-lifestyle img{width:100%;height:100%;object-fit:cover}
.wr-hero-product{position:absolute;right:0;bottom:0;width:min(43%,520px);overflow:hidden;color:#1d2925;background:rgba(255,255,255,.96);border:1px solid rgba(31,46,39,.12);border-radius:22px;box-shadow:0 34px 80px rgba(27,42,35,.24);backdrop-filter:blur(18px);transform:rotate(1.2deg)}
.wr-hero-product-head{display:flex;justify-content:space-between;align-items:center;padding:15px 17px;background:#f6f8f6;border-bottom:1px solid #e5eae6;font-size:.72rem}.wr-hero-product-head span{font-weight:750}.wr-hero-product-head span i{display:inline-block;width:7px;height:7px;margin-right:6px;background:#3d7a5f;border-radius:50%}.wr-hero-product-head em{color:#78847e;font-style:normal}
.wr-hero-product-item{display:grid;grid-template-columns:54px 1fr auto;align-items:center;gap:11px;padding:17px;border-bottom:1px solid #e7ebe8}.wr-hero-swatch{width:54px;height:46px;background:linear-gradient(135deg,#bca28b,#74604f);border-radius:10px}.wr-hero-product-item strong,.wr-hero-product-item small{display:block}.wr-hero-product-item strong{font-size:.82rem}.wr-hero-product-item small{margin-top:4px;color:#78847e;font-size:.64rem}.wr-hero-product-item>b{padding:5px 7px;color:#377056;background:#e3f0e9;border-radius:999px;font-size:.59rem}
.wr-sectional-thumb{background-color:#fff;background-image:url("../img/bronze-gray-sectional-thayer-coggin.jpg");background-position:center;background-size:contain;background-repeat:no-repeat}
.wr-hero-journey{position:relative;display:grid;grid-template-columns:repeat(4,1fr);padding:16px 13px}.wr-hero-journey::before{content:"";position:absolute;top:29px;left:13%;right:13%;height:1px;background:#dce4df}.wr-hero-journey span{position:relative;z-index:1;display:grid;justify-items:center;gap:6px}.wr-hero-journey i{display:grid;place-items:center;width:27px;height:27px;color:#738079;background:#edf0ee;border:4px solid #fff;border-radius:50%;font-size:.62rem;font-style:normal}.wr-hero-journey .is-done i{color:#fff;background:#3d7a5f}.wr-hero-journey .is-current i{color:#315f4d;background:#cfe6dc}.wr-hero-journey small{font-size:.56rem}
.wr-hero-ai{display:flex;gap:9px;margin:0 13px 14px;padding:11px;color:#dfece6;background:#26372f;border-radius:11px}.wr-hero-ai>span{display:grid;place-items:center;flex:0 0 24px;height:24px;color:#26372f;background:#b7ddc9;border-radius:50%;font-size:.62rem;font-weight:800}.wr-hero-ai p{margin:0;color:#cddbd4;font-size:.64rem;line-height:1.5}.wr-hero-ai p b{color:#fff}
.wr-hero-sticker{position:absolute;z-index:3;padding:10px 14px;border:1px solid rgba(28,43,35,.12);border-radius:999px;font-size:.67rem;font-weight:750;letter-spacing:.02em;box-shadow:0 12px 30px rgba(31,46,39,.12)}.wr-hero-sticker--one{top:8%;left:-2%;color:#6d3f30;background:#f4cdbd;transform:rotate(-5deg)}.wr-hero-sticker--two{top:4%;right:2%;color:#3b466a;background:#d9ddf3;transform:rotate(4deg)}.wr-hero-sticker--three{left:4%;bottom:3%;color:#415428;background:#e4ecbd;transform:rotate(3deg)}
.wr-hero-mark{position:absolute;right:2%;top:20%;display:grid;place-items:center;width:76px;height:76px;color:#fff;background:#3d7a5f;border-radius:50%;box-shadow:0 18px 45px rgba(34,65,51,.24);font-family:var(--display);font-size:2rem;transform:rotate(8deg)}
@media(max-width:900px){.wr-hero-stage{min-height:670px}.wr-hero-lifestyle{inset:0 0 24% 0;border-radius:90px 22px 90px 22px}.wr-hero-product{right:4%;width:min(70%,520px)}.wr-hero-mark{right:2%;top:10%}}
@media(max-width:620px){.wr-hero-stage{min-height:610px;margin-top:3rem}.wr-hero-lifestyle{inset:0 0 35% 0;border-radius:58px 18px 58px 18px}.wr-hero-lifestyle img{object-position:42% center}.wr-hero-product{right:0;width:94%;transform:none}.wr-hero-sticker--one{top:3%;left:-1%}.wr-hero-sticker--two{display:none}.wr-hero-sticker--three{display:none}.wr-hero-mark{width:54px;height:54px;top:9%;font-size:1.4rem}.wr-hero-product-item{grid-template-columns:44px 1fr}.wr-hero-swatch{width:44px;height:40px}.wr-hero-product-item>b{display:none}}

/* Live Project Audit */
.wr-home-audit{overflow:hidden;color:#eef5f1;background:#1f2d27}.wr-home-audit-grid{display:grid;grid-template-columns:minmax(0,.82fr) minmax(500px,1.18fr);align-items:center;gap:clamp(3rem,7vw,7rem)}.wr-home-audit-copy .kicker{color:#a8d7c1}.wr-home-audit-copy h2{color:#fff;font-size:clamp(1.35rem,2.5vw,2.6rem);line-height:.98}.wr-home-audit-copy p{max-width:600px;margin:1.5rem 0 2rem;color:#c5d1cb;font-size:1.05rem}.btn--light{color:#1f2d27;background:#dff0e7;border-color:#dff0e7}.btn--light:hover{color:#1f2d27;background:#fff;border-color:#fff}
.wr-home-audit-visual{overflow:hidden;background:#f6f7f4;border:1px solid rgba(255,255,255,.14);border-radius:22px;box-shadow:0 38px 80px rgba(0,0,0,.3);transform:rotate(1deg)}.wr-home-audit-top{display:flex;justify-content:space-between;padding:14px 17px;color:#1f2d27;background:#fff;border-bottom:1px solid #e5e9e6;font-size:.72rem;font-weight:700}.wr-home-audit-top em{color:#42765f;font-style:normal}.wr-home-audit-top i{display:inline-block;width:7px;height:7px;margin-right:5px;background:#4b9b77;border-radius:50%}.wr-home-audit-number{display:grid;grid-template-columns:1fr auto;align-items:end;padding:18px;color:#1f2d27}.wr-home-audit-number span,.wr-home-audit-number small{font-size:.67rem}.wr-home-audit-number strong{grid-row:1/span 2;grid-column:2;font-family:var(--display);font-size:3.7rem;line-height:.8}.wr-home-audit-number small{color:#79847f}.wr-home-audit-findings{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;padding:0 14px 14px}.wr-home-audit-findings article{min-height:160px;padding:13px;background:#dcece4;border-radius:13px}.wr-home-audit-findings article.is-risk{background:#f1d8cd}.wr-home-audit-findings article.is-next{background:#e4dfef}.wr-home-audit-findings span,.wr-home-audit-findings b,.wr-home-audit-findings small{display:block;color:#1f2d27}.wr-home-audit-findings span{font-size:.58rem;font-weight:750;letter-spacing:.07em;text-transform:uppercase}.wr-home-audit-findings b{margin-top:27px;font-size:.78rem;line-height:1.3}.wr-home-audit-findings small{margin-top:9px;color:#65716b;font-size:.6rem;line-height:1.4}
.wr-home-audit-learning{display:flex;align-items:center;gap:12px;margin-top:clamp(3rem,6vw,5rem);padding-top:1.5rem;border-top:1px solid rgba(255,255,255,.14);color:#afbeb6;font-size:.67rem;text-transform:uppercase;letter-spacing:.06em}.wr-home-audit-learning i{flex:0 0 40px;height:1px;background:#6d8277}.wr-home-audit-learning strong{margin-left:auto;color:#fff;font-size:.72rem}
.wr-audit-hero{overflow:hidden;padding:clamp(4.5rem,9vw,8rem) 0;background:#f7f5ef}.wr-audit-hero-copy{max-width:1050px}.wr-audit-hero-copy h1{max-width:none;margin-top:.8rem;font-size:clamp(2.5rem,5.4vw,5.6rem);line-height:.86;letter-spacing:-.075em}.wr-audit-hero-copy h1 em{color:#3d7a5f;font-style:normal}.wr-audit-hero-copy>p:not(.wr-hero-note){max-width:800px;margin-top:2rem;font-size:clamp(1.08rem,1.6vw,1.35rem);line-height:1.6}.wr-audit-hero-copy .hero-actions{justify-content:flex-start;margin-top:2rem}
.wr-audit-hero-stage{position:relative;max-width:1100px;margin:clamp(4rem,7vw,6rem) 0 0 auto;padding:4% 7% 3% 3%}.wr-audit-window{overflow:hidden;background:#fff;border:1px solid #dde4df;border-radius:22px;box-shadow:0 38px 90px rgba(31,45,39,.17);transform:rotate(-1deg)}.wr-audit-window-head{display:flex;justify-content:space-between;align-items:center;padding:16px 18px;background:#f7f9f7;border-bottom:1px solid #e5e9e6}.wr-audit-window-head span,.wr-audit-window-head strong{display:block}.wr-audit-window-head span{color:#7a8580;font-size:.63rem}.wr-audit-window-head strong{font-size:.85rem}.wr-audit-window-head em{color:#39745b;font-size:.65rem;font-style:normal}.wr-audit-window-head em i{display:inline-block;width:7px;height:7px;margin-right:5px;background:#4d9a77;border-radius:50%}
.wr-audit-score{display:grid;grid-template-columns:1fr auto;align-items:end;padding:20px}.wr-audit-score>span{font-size:.7rem}.wr-audit-score>strong{grid-row:1/span 3;grid-column:2;font-family:var(--display);font-size:4.5rem;line-height:.8}.wr-audit-score>div{height:7px;margin:8px 30px 6px 0;background:#e8edea;border-radius:999px}.wr-audit-score>div i{display:block;height:100%;background:#4d9173;border-radius:inherit}.wr-audit-score>small{color:#7d8882;font-size:.6rem}.wr-audit-signals{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;padding:0 16px 16px}.wr-audit-signals article{min-height:200px;padding:16px;border-radius:15px}.wr-audit-signals .is-strength{background:#dcece4}.wr-audit-signals .is-risk{background:#f0d4c8}.wr-audit-signals .is-opportunity{background:#dedaf0}.wr-audit-signals span,.wr-audit-signals strong,.wr-audit-signals small{display:block}.wr-audit-signals span{font-size:.6rem;font-weight:800;text-transform:uppercase;letter-spacing:.08em}.wr-audit-signals strong{margin-top:28px;font-size:.92rem}.wr-audit-signals p{margin-top:10px;color:#56645d;font-size:.72rem;line-height:1.5}.wr-audit-signals small{margin-top:17px;color:#6d7873;font-size:.6rem}
.wr-audit-orbit{position:absolute;padding:9px 12px;background:#fff;border:1px solid #dfe5e1;border-radius:999px;box-shadow:0 12px 30px rgba(31,45,39,.12);font-size:.65rem;font-weight:750}.wr-audit-orbit--one{top:0;left:0;transform:rotate(-6deg)}.wr-audit-orbit--two{top:14%;right:0;transform:rotate(5deg)}.wr-audit-orbit--three{bottom:0;left:12%;transform:rotate(4deg)}.wr-audit-orbit--four{right:2%;bottom:5%;transform:rotate(-5deg)}
.wr-audit-statement{color:#fff;background:#3d7a5f}.wr-audit-statement .container{max-width:1100px}.wr-audit-statement span{font-size:.7rem;font-weight:750;letter-spacing:.12em;text-transform:uppercase}.wr-audit-statement h2{max-width:1050px;margin-top:1.4rem;color:#fff;font-size:clamp(3rem,6.5vw,6.8rem);line-height:.95}.wr-audit-statement p{max-width:780px;margin-top:1.7rem;color:#dbe9e2;font-size:1.1rem}
.wr-audit-evidence{background:#fbfbf8}.wr-evidence-grid{display:grid;grid-template-columns:repeat(4,1fr);margin-top:3rem;border:1px solid var(--line);border-radius:18px;overflow:hidden}.wr-evidence-grid article{min-height:340px;padding:24px;border-right:1px solid var(--line)}.wr-evidence-grid article:last-child{border-right:0}.wr-evidence-grid article>span{color:#3d7a5f;font-size:.68rem;font-weight:800}.wr-evidence-grid h3{margin-top:5rem;font-size:1.35rem}.wr-evidence-grid p{margin-top:1rem;color:var(--muted);font-size:.9rem}.wr-evidence-grid small{display:block;margin-top:2rem;color:#3d7a5f;font-size:.62rem;font-weight:750;text-transform:uppercase}
.wr-audit-compare{background:#f1eee7}.wr-audit-ledger{overflow:hidden;background:#fff;border:1px solid #dde3df;border-radius:18px;box-shadow:0 28px 60px rgba(31,45,39,.11)}.wr-audit-ledger-head,.wr-audit-ledger>div:not(.wr-audit-ledger-head){display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;padding:15px 17px}.wr-audit-ledger-head{background:#26352f;color:#fff}.wr-audit-ledger-head em{color:#b9d9ca;font-size:.65rem;font-style:normal}.wr-audit-ledger>div:not(.wr-audit-ledger-head){grid-template-columns:minmax(0,1fr) auto auto;border-top:1px solid #e7ebe8}.wr-audit-ledger b,.wr-audit-ledger small{display:block}.wr-audit-ledger b{font-size:.78rem}.wr-audit-ledger small{margin-top:3px;color:#7d8882;font-size:.62rem}.wr-audit-ledger strong{font-size:.78rem}.wr-audit-ledger>div>em{padding:5px 7px;border-radius:999px;font-size:.58rem;font-style:normal}.wr-audit-ledger .is-risk{color:#8f4e42;background:#f5e3dd}.wr-audit-ledger .is-good{color:#356c53;background:#e1eee7}
.wr-audit-learning{color:#fff;background:#1f2d27}.wr-learning-copy{max-width:1000px}.wr-learning-copy .kicker{color:#a8d7c1}.wr-learning-copy h2{max-width:1000px;color:#fff;font-size:clamp(3rem,6vw,6rem);line-height:.98}.wr-learning-copy p{max-width:760px;margin-top:1.5rem;color:#c7d2cc;font-size:1.05rem}.wr-learning-stack{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:4rem}.wr-learning-stack article{min-height:220px;padding:20px;color:#1f2d27;background:#dcece4;border-radius:18px}.wr-learning-stack article:nth-child(2){background:#f0d9ce}.wr-learning-stack article:nth-child(3){background:#dedaf0}.wr-learning-stack article span,.wr-learning-stack article strong,.wr-learning-stack article small{display:block}.wr-learning-stack article span{font-size:.62rem;font-weight:800;text-transform:uppercase}.wr-learning-stack article strong{margin-top:4rem;font-size:1.05rem}.wr-learning-stack article small{margin-top:10px;color:#5f6b65}.wr-learning-stack aside{grid-column:1/-1;display:grid;grid-template-columns:50px 1fr;gap:16px;padding:20px;background:#fff;border-radius:18px;color:#1f2d27}.wr-learning-stack aside>span{display:grid;place-items:center;width:42px;height:42px;color:#fff;background:#3d7a5f;border-radius:50%;font-size:.65rem;font-weight:800}.wr-learning-stack aside p{margin:0;font-size:.92rem;line-height:1.6}
@media(max-width:960px){.wr-home-audit-grid{grid-template-columns:1fr}.wr-home-audit-visual{max-width:720px}.wr-evidence-grid{grid-template-columns:repeat(2,1fr)}.wr-evidence-grid article:nth-child(2){border-right:0}.wr-evidence-grid article{border-bottom:1px solid var(--line)}.wr-learning-stack{grid-template-columns:1fr}.wr-learning-stack aside{grid-column:1}.wr-audit-signals{grid-template-columns:1fr}.wr-audit-signals article{min-height:0}.wr-audit-signals strong{margin-top:20px}}
@media(max-width:640px){.wr-home-audit-findings{grid-template-columns:1fr}.wr-home-audit-findings article{min-height:0}.wr-home-audit-findings b{margin-top:15px}.wr-home-audit-learning{flex-wrap:wrap}.wr-home-audit-learning strong{width:100%;margin:10px 0 0}.wr-audit-hero-copy h1{font-size:clamp(3.5rem,17vw,5.5rem)}.wr-audit-hero .hero-actions{flex-direction:column;align-items:stretch}.wr-audit-hero-stage{padding:5% 0}.wr-audit-score>strong{font-size:3.5rem}.wr-evidence-grid{grid-template-columns:1fr}.wr-evidence-grid article{min-height:0;border-right:0}.wr-evidence-grid h3{margin-top:3rem}.wr-audit-ledger>div:not(.wr-audit-ledger-head){grid-template-columns:1fr auto}.wr-audit-ledger>div>em{display:none}}
.wr-audit-profit{display:grid;grid-template-columns:1fr auto auto;gap:34px;align-items:end;padding:18px 20px 12px;border:2px solid #c75b50;border-bottom:0;border-radius:14px 14px 0 0}.wr-audit-profit>div span,.wr-audit-profit>div strong{display:block}.wr-audit-profit>div span{color:#7a8580;font-size:.56rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase}.wr-audit-profit>div strong{margin-top:6px;font-size:1.5rem}.wr-audit-profit>div:first-child strong{color:#bd5047;font-size:1rem;text-transform:uppercase}.wr-audit-profit>div:last-child strong{color:#bd5047}
.wr-audit-bars{display:grid;gap:8px;padding:14px 20px;border-right:2px solid #c75b50;border-left:2px solid #c75b50}.wr-audit-bars>div{display:grid;grid-template-columns:130px 1fr 65px;align-items:center;gap:10px}.wr-audit-bars span{color:#68736e;font-size:.56rem;font-weight:700;text-transform:uppercase}.wr-audit-bars i{height:7px;overflow:hidden;background:#edf0ed;border-radius:999px}.wr-audit-bars u{display:block;height:100%;background:#5f6562;border-radius:inherit}.wr-audit-bars b{font-size:.64rem;text-align:right}
.wr-audit-recommendation{margin:0;padding:11px 14px;color:#73463f;background:#f7e2de;border-right:2px solid #c75b50;border-bottom:2px solid #c75b50;border-left:2px solid #c75b50;border-radius:0 0 14px 14px;font-size:.65rem}.wr-audit-rate-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:10px}.wr-audit-rate-grid article{display:grid;grid-template-columns:1fr repeat(3,.75fr);gap:10px;align-items:end;padding:12px;border:1px solid #e2e7e3;border-radius:11px}.wr-audit-rate-grid article>span{font-size:.72rem;font-weight:800}.wr-audit-rate-grid small,.wr-audit-rate-grid b{display:block}.wr-audit-rate-grid small{color:#7c8781;font-size:.5rem;text-transform:uppercase}.wr-audit-rate-grid b{margin-top:4px;font-size:.7rem}.wr-audit-rate-grid .is-negative{color:#39745b}
.wr-audit-category-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:8px}.wr-audit-category-grid article{padding:11px;border-top:2px solid #3d7a5f;border-radius:9px;background:#f8faf8}.wr-audit-category-grid article.is-worst{border-color:#c75b50}.wr-audit-category-grid article>span{display:block;margin-bottom:6px;font-size:.62rem;font-weight:800}.wr-audit-category-grid article>div{display:flex;justify-content:space-between;padding:5px 0;border-top:1px solid #e8ece9;font-size:.6rem}.wr-audit-category-grid article b{font-weight:600}.wr-audit-category-grid article em{color:#39745b;font-style:normal;font-weight:800}.wr-audit-category-grid .is-worst em{color:#bd5047}
@media(max-width:780px){.wr-audit-profit{grid-template-columns:1fr 1fr}.wr-audit-profit>div:first-child{grid-column:1/-1}.wr-audit-rate-grid{grid-template-columns:1fr}.wr-audit-rate-grid article{grid-template-columns:1fr repeat(3,.75fr)}}@media(max-width:520px){.wr-audit-bars>div{grid-template-columns:95px 1fr 50px}.wr-audit-category-grid{grid-template-columns:1fr}.wr-audit-rate-grid article{grid-template-columns:1fr 1fr}.wr-audit-rate-grid article>span{grid-column:1/-1}}

/* Live Project Audit v2 — four chapters, one restrained palette */
.wr-audit-lifestyle{padding:clamp(4.5rem,9vw,8rem) 0;background:#fbfbf8}
.wr-audit-lifestyle-grid{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(340px,.88fr);align-items:center;gap:clamp(2.5rem,7vw,7rem)}
.wr-audit-lifestyle figure{position:relative;overflow:hidden;margin:0;aspect-ratio:16/11;border-radius:110px 22px 110px 22px;box-shadow:0 30px 75px rgba(31,45,39,.14)}
.wr-audit-lifestyle figure::after{content:"";position:absolute;inset:0;border:1px solid rgba(31,45,39,.1);border-radius:inherit}
.wr-audit-lifestyle img{width:100%;height:100%;object-fit:cover}
.wr-audit-lifestyle h2{margin-top:1rem;font-size:clamp(2.6rem,4.8vw,5rem);line-height:1}
.wr-audit-lifestyle p{margin-top:1.5rem;color:var(--body-c);font-size:1.05rem;line-height:1.65}
.wr-audit-lifestyle blockquote{margin-top:2rem;padding:1.25rem 0 0;border-top:1px solid var(--line);color:#3d7a5f;font-family:var(--display);font-size:clamp(1.25rem,2vw,1.65rem);font-weight:600;line-height:1.25}
.wr-audit-core{padding:clamp(5rem,10vw,9rem) 0;background:#f3f0e9}
.wr-audit-core .section-head{max-width:760px}
.wr-audit-core .wr-evidence-grid{grid-template-columns:repeat(2,1fr);gap:0;margin-top:3.5rem;background:transparent;border:0;border-top:1px solid #d9d6cf;border-radius:0}
.wr-audit-core .wr-evidence-grid article{display:grid;grid-template-columns:45px 1fr;align-content:start;min-height:0;padding:2rem 2rem 2rem 0;border:0;border-bottom:1px solid #d9d6cf}
.wr-audit-core .wr-evidence-grid article:nth-child(odd){margin-right:2rem;border-right:1px solid #d9d6cf}
.wr-audit-core .wr-evidence-grid article>span{grid-row:1/4;font-size:.62rem}
.wr-audit-core .wr-evidence-grid h3{margin:0;font-size:1.2rem}
.wr-audit-core .wr-evidence-grid p{margin-top:.65rem}
.wr-audit-core .wr-evidence-grid small{margin-top:1.1rem}
.wr-audit-pricing{display:grid;grid-template-columns:minmax(0,.9fr) minmax(440px,1.1fr);align-items:center;gap:clamp(3rem,7vw,7rem);margin-top:clamp(5rem,10vw,9rem);padding-top:clamp(4rem,8vw,7rem);border-top:1px solid #d9d6cf}
.wr-audit-pricing h2{margin-top:.9rem;font-size:clamp(2.5rem,4.4vw,4.7rem);line-height:1}
.wr-audit-pricing>div>p{margin-top:1.4rem;color:var(--body-c);font-size:1.02rem;line-height:1.65}
.wr-audit-pricing-example{padding:24px;background:#fff;border:1px solid #dfe4e0;border-radius:18px;box-shadow:0 26px 60px rgba(31,45,39,.09)}
.wr-audit-pricing-example>span{color:#39745b;font-size:.62rem;font-weight:800;letter-spacing:.07em;text-transform:uppercase}
.wr-audit-pricing-example>strong{display:block;margin-top:1rem;font-family:var(--display);font-size:clamp(2rem,4vw,3.5rem)}
.wr-audit-pricing-example>div{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:1.5rem}
.wr-audit-pricing-example p{margin:0;padding:13px;background:#f5f3ee;border-radius:10px}
.wr-audit-pricing-example small,.wr-audit-pricing-example b{display:block}.wr-audit-pricing-example small{color:#7b857f;font-size:.54rem;text-transform:uppercase}.wr-audit-pricing-example b{margin-top:9px;font-size:.7rem}
.wr-audit-pricing-example>em{display:block;margin-top:1rem;color:#6b7670;font-size:.65rem;font-style:normal}
.wr-audit-cause{margin-top:clamp(5rem,10vw,9rem);padding-top:clamp(4rem,8vw,7rem);border-top:1px solid #d9d6cf}
.wr-audit-learning{padding-bottom:clamp(5rem,9vw,8rem)}
.wr-learning-stack{gap:0;border-top:1px solid rgba(255,255,255,.18);border-bottom:1px solid rgba(255,255,255,.18)}
.wr-learning-stack article,.wr-learning-stack article:nth-child(2),.wr-learning-stack article:nth-child(3){position:relative;min-height:210px;padding:24px;color:#f4f7f5;background:transparent;border-right:1px solid rgba(255,255,255,.18);border-radius:0}
.wr-learning-stack article:last-of-type{border-right:0}
.wr-learning-stack article:not(:last-of-type)::after{content:"→";position:absolute;top:22px;right:-11px;z-index:2;display:grid;place-items:center;width:22px;height:22px;color:#1f2d27;background:#a8d7c1;border-radius:50%;font-size:.7rem}
.wr-learning-stack article span{color:#a8d7c1}
.wr-learning-stack article strong{color:#fff}
.wr-learning-stack article small{color:#bfcac4}
.wr-learning-stack aside{margin-top:2rem;color:#eef5f1;background:#2a3a33;border:1px solid rgba(255,255,255,.12);border-radius:12px}
.wr-learning-stack aside>span{background:#a8d7c1;color:#1f2d27}
.wr-learning-cta{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:3rem;margin-top:clamp(4rem,8vw,7rem);padding-top:clamp(3rem,6vw,5rem);border-top:1px solid rgba(255,255,255,.18)}
.wr-learning-cta .kicker{color:#a8d7c1}
.wr-learning-cta h3{max-width:720px;margin-top:.8rem;color:#fff;font-size:clamp(2.2rem,4vw,4rem);line-height:1}
.wr-learning-cta p{max-width:650px;margin-top:1rem;color:#becac4}
.wr-learning-cta .hero-actions{justify-content:flex-end;margin:0}
.wr-learning-cta .text-link{color:#d7e7df}
@media(max-width:900px){.wr-audit-lifestyle-grid,.wr-audit-pricing{grid-template-columns:1fr}.wr-audit-lifestyle figure{max-height:620px}.wr-learning-cta{grid-template-columns:1fr}.wr-learning-cta .hero-actions{justify-content:flex-start}}
@media(max-width:700px){.wr-audit-lifestyle figure{border-radius:62px 16px 62px 16px}.wr-audit-core .wr-evidence-grid{grid-template-columns:1fr}.wr-audit-core .wr-evidence-grid article,.wr-audit-core .wr-evidence-grid article:nth-child(odd){margin:0;padding-right:0;border-right:0}.wr-audit-pricing-example>div{grid-template-columns:1fr}.wr-learning-stack{grid-template-columns:1fr}.wr-learning-stack article,.wr-learning-stack article:nth-child(2),.wr-learning-stack article:nth-child(3){min-height:0;border-right:0;border-bottom:1px solid rgba(255,255,255,.18)}.wr-learning-stack article:not(:last-of-type)::after{display:none}.wr-learning-stack aside{grid-column:1}.wr-learning-cta .hero-actions{align-items:stretch;flex-direction:column}}

/* Project Audit editorial tile board */
.wr-audit-board{display:grid;grid-template-columns:1.12fr .88fr;gap:14px;max-width:1180px;padding:0;isolation:isolate}
.wr-audit-tile{position:relative;overflow:hidden;padding:20px;color:#202923;background:#fff;border:1px solid #dfe4e0;border-radius:18px;box-shadow:0 24px 60px rgba(31,45,39,.1)}
.wr-audit-tile-head{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-bottom:14px;border-bottom:1px solid #e6eae7;font-size:.67rem}
.wr-audit-tile-head>span{font-weight:800;letter-spacing:.03em;text-transform:uppercase}
.wr-audit-tile-head>em{color:#748079;font-style:normal}
.wr-audit-tile-head>em i{display:inline-block;width:6px;height:6px;margin-right:5px;background:#4b9572;border-radius:50%}
.wr-audit-tile--profit{grid-column:1/-1;min-height:290px;padding:24px 26px;background:linear-gradient(135deg,#fff 0%,#f8f4e7 100%);border-color:#ddd4b7}
.wr-audit-profit-state{display:grid;grid-template-columns:1fr auto auto;align-items:end;gap:clamp(25px,5vw,80px);margin-top:28px}
.wr-audit-profit-state small,.wr-audit-profit-state strong,.wr-audit-profit-state b{display:block}
.wr-audit-profit-state small{color:#727d77;font-size:.58rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase}
.wr-audit-profit-state strong{margin-top:7px;color:#39745b;font-size:clamp(1.5rem,3vw,2.6rem)}
.wr-audit-profit-state b{margin-top:7px;font-family:var(--display);font-size:clamp(1.5rem,3vw,2.7rem)}
.wr-audit-profit-state>div:last-child b{color:#39745b}
.wr-audit-profit-track{position:relative;height:9px;margin-top:26px;background:#e8ebe7;border-radius:999px}.wr-audit-profit-track i{display:block;height:100%;background:linear-gradient(90deg,#3d7a5f,#d0ae4e);border-radius:inherit}.wr-audit-profit-track span{position:absolute;right:22%;top:16px;color:#758079;font-size:.58rem}
.wr-audit-tile--profit>p{max-width:700px;margin-top:34px;color:#65716b;font-size:.72rem}
.wr-confetti{position:absolute;z-index:-1;width:8px;height:16px;background:#d5ad3b;border-radius:2px;opacity:.8}.wr-confetti--1{top:55px;left:7%;transform:rotate(22deg)}.wr-confetti--2{top:84px;left:17%;width:11px;height:7px;transform:rotate(-18deg)}.wr-confetti--3{top:47px;right:12%;transform:rotate(34deg)}.wr-confetti--4{top:112px;right:7%;width:7px;height:11px;transform:rotate(-27deg)}.wr-confetti--5{top:150px;left:4%;width:6px;height:10px;transform:rotate(48deg)}.wr-confetti--6{top:178px;right:20%;width:10px;height:6px;transform:rotate(8deg)}
.wr-audit-tile--room{grid-row:2/span 2;min-height:390px;background:#26372f;color:#f3f7f5}.wr-audit-tile--room .wr-audit-tile-head{border-color:rgba(255,255,255,.14)}.wr-audit-tile--room .wr-audit-tile-head em{color:#b7c7bf}
.wr-room-metrics{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:18px}.wr-room-metrics>div{padding:18px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.1);border-radius:13px}.wr-room-metrics>div:last-child{grid-column:1/-1}.wr-room-metrics small,.wr-room-metrics b{display:block}.wr-room-metrics small{color:#b9c8c0;font-size:.6rem;text-transform:uppercase}.wr-room-metrics b{margin-top:20px;color:#fff;font-family:var(--display);font-size:2.2rem}.wr-room-metrics b em{color:#a8d7c1;font-size:.75rem;font-style:normal}.wr-room-detail{display:flex;justify-content:space-between;gap:15px;margin-top:17px;color:#b9c8c0;font-size:.61rem}
.wr-audit-tile--convert{min-height:235px;background:#f6efe9}.wr-audit-tile--convert>p{margin:15px 0;color:#66716b;font-size:.72rem}.wr-billing-models{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.wr-billing-models>div{padding:12px;background:rgba(255,255,255,.65);border:1px solid #dedbd5;border-radius:10px}.wr-billing-models .is-recommended{background:#fff;border-color:#86ad99;box-shadow:inset 0 3px #3d7a5f}.wr-billing-models span,.wr-billing-models b,.wr-billing-models small{display:block}.wr-billing-models span{color:#6b7670;font-size:.55rem;text-transform:uppercase}.wr-billing-models b{margin-top:12px;font-size:.8rem}.wr-billing-models small{margin-top:4px;color:#7b857f;font-size:.53rem}
.wr-audit-tile--phase{min-height:165px}.wr-phase-row{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;margin-top:18px}.wr-phase-row small,.wr-phase-row b{display:block}.wr-phase-row small{color:#7c8781;font-size:.52rem;text-transform:uppercase}.wr-phase-row b{margin-top:4px;font-size:.76rem}.wr-phase-row i{height:7px;overflow:hidden;background:#e8ece9;border-radius:999px}.wr-phase-row u{display:block;height:100%;background:#c49236;border-radius:inherit}.wr-audit-tile--phase>p{margin-top:14px;color:#68736d;font-size:.64rem}.wr-audit-tile--phase>p b{color:#a16d18}
.wr-audit-tile--signals{min-height:205px}.wr-audit-tile--signals>div:not(.wr-audit-tile-head){display:grid;grid-template-columns:65px 1fr 34px;align-items:center;gap:10px;padding:11px 0;border-bottom:1px solid #e8ebe9;font-size:.62rem}.wr-audit-tile--signals>div i{height:6px;overflow:hidden;background:#edf0ee;border-radius:999px}.wr-audit-tile--signals>div u{display:block;height:100%;background:#4f8b70;border-radius:inherit}.wr-audit-tile--signals>div b{text-align:right;color:#39745b}.wr-audit-tile--signals>div.is-risk u{background:#be5b50}.wr-audit-tile--signals>div.is-risk b{color:#b24d43}
.wr-audit-status-key{display:flex;align-items:center;justify-content:flex-end;gap:7px;grid-column:1/-1;padding:3px 4px;color:#727d77}.wr-audit-status-key>span{padding:6px 9px;border-radius:999px;font-size:.56rem;font-weight:800;text-transform:uppercase}.wr-audit-status-key .is-profitable{color:#32664f;background:#deece5}.wr-audit-status-key .is-middle{color:#86601d;background:#f3e7c7}.wr-audit-status-key .is-risk{color:#984a41;background:#f2ddd8}.wr-audit-status-key small{margin-left:5px;font-size:.54rem}
@media(max-width:880px){.wr-audit-board{grid-template-columns:1fr}.wr-audit-tile--profit,.wr-audit-tile--room,.wr-audit-status-key{grid-column:1}.wr-audit-tile--room{grid-row:auto}.wr-audit-tile--room{min-height:0}.wr-audit-status-key{justify-content:flex-start;flex-wrap:wrap}}
@media(max-width:560px){.wr-audit-profit-state{grid-template-columns:1fr 1fr}.wr-audit-profit-state>div:first-child{grid-column:1/-1}.wr-audit-tile--profit{min-height:330px}.wr-billing-models{grid-template-columns:1fr}.wr-room-metrics{grid-template-columns:1fr}.wr-room-metrics>div:last-child{grid-column:1}.wr-audit-status-key small{width:100%;margin:4px 0 0}}

/* Interactive audit explorer */
.wr-audit-explorer{display:grid;grid-template-columns:minmax(270px,.38fr) minmax(0,.62fr);gap:clamp(18px,3vw,34px);max-width:1240px;padding:18px;background:#eeece6;border:1px solid #dedbd3;border-radius:24px;box-shadow:0 34px 80px rgba(31,45,39,.12)}
.wr-audit-explorer-nav{display:flex;flex-direction:column;padding:clamp(20px,3vw,34px);color:#222b26;background:#fbfaf7;border:1px solid #deddd8;border-radius:17px}
.wr-audit-explorer-nav h2{margin-top:1.2rem;font-size:clamp(2.2rem,4vw,4.4rem);line-height:.95}
.wr-audit-explorer-nav>p{margin-top:1.4rem;color:#69736e;font-size:.9rem;line-height:1.55}
.wr-audit-state-tabs{display:grid;gap:7px;margin-top:2rem}
.wr-audit-state-tabs button{display:grid;grid-template-columns:13px 1fr;align-items:center;gap:12px;width:100%;padding:14px 15px;color:#28312c;background:transparent;border:1px solid #dedfd9;border-radius:11px;text-align:left;cursor:pointer;transition:background .2s,border-color .2s,transform .2s}
.wr-audit-state-tabs button:hover{transform:translateX(3px);border-color:#aeb8b2}
.wr-audit-state-tabs button[aria-selected="true"]{background:#fff;border-color:#7f9f8f;box-shadow:0 10px 25px rgba(31,45,39,.08)}
.wr-audit-state-tabs button>i{width:10px;height:10px;background:#5d8e76;border:3px solid #dce9e2;border-radius:50%}
.wr-audit-state-tabs button[data-audit-state="improvement"]>i{background:#bd8c31;border-color:#f0e6cf}
.wr-audit-state-tabs button[data-audit-state="risk"]>i{background:#b65349;border-color:#f1ddda}
.wr-audit-state-tabs span,.wr-audit-state-tabs small{display:block}.wr-audit-state-tabs span{font-size:.76rem;font-weight:800}.wr-audit-state-tabs small{margin-top:3px;color:#7b847f;font-size:.57rem;font-weight:500}
.wr-audit-learning-note{margin-top:auto;padding-top:2rem;border-top:1px solid #dfdfda}.wr-audit-learning-note>span{color:#6d7771;font-size:.58rem;font-weight:800;letter-spacing:.07em;text-transform:uppercase}.wr-audit-learning-note p{margin-top:.75rem;color:#334038;font-family:var(--display);font-size:1.02rem;font-weight:600;line-height:1.45}
.wr-audit-explorer-results{min-width:0}
.wr-audit-explorer .wr-audit-tile{box-shadow:none;border-color:#dedfd9;border-radius:14px}
.wr-audit-explorer .wr-audit-tile--profit{min-height:250px;background:#fff;border-color:#dedfd9}
.wr-audit-explorer .wr-audit-tile--profit>p{margin-top:30px}
.wr-audit-result-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:12px}
.wr-audit-explorer .wr-audit-tile--room{grid-row:auto;min-height:0;color:#202923;background:#fff}
.wr-audit-explorer .wr-audit-tile--room .wr-audit-tile-head{border-color:#e6eae7}.wr-audit-explorer .wr-audit-tile--room .wr-audit-tile-head em{color:#748079}
.wr-audit-explorer .wr-room-metrics{grid-template-columns:repeat(3,1fr)}
.wr-audit-explorer .wr-room-metrics>div,.wr-audit-explorer .wr-room-metrics>div:last-child{grid-column:auto;padding:13px;background:#f4f3ef;border-color:#e2e1dc}
.wr-audit-explorer .wr-room-metrics small{color:#727d77}.wr-audit-explorer .wr-room-metrics b{margin-top:14px;color:#222b26;font-size:1.45rem}.wr-audit-explorer .wr-room-metrics b em{color:#65716b}
.wr-audit-explorer .wr-room-detail{color:#6f7974}
.wr-audit-explorer .wr-audit-tile--convert{background:#fff}
.wr-audit-explorer .wr-billing-models>div{background:#f4f3ef}.wr-audit-explorer .wr-billing-models .is-recommended{background:#fff}
.wr-audit-explorer .wr-audit-tile--phase{grid-column:1/-1;min-height:0}
.wr-phase-list{display:grid;margin-top:8px}.wr-phase-list>div{display:grid;grid-template-columns:130px minmax(90px,1fr) 86px 38px;align-items:center;gap:10px;padding:11px 0;border-bottom:1px solid #e8ebe9;font-size:.6rem}.wr-phase-list>div:last-child{border-bottom:0}.wr-phase-list>div>span{font-weight:700}.wr-phase-list i{height:6px;overflow:hidden;background:#edf0ee;border-radius:999px}.wr-phase-list u{display:block;height:100%;background:var(--audit-accent,#4f8b70);border-radius:inherit}.wr-phase-list small{color:#7b857f;text-align:right}.wr-phase-list b{color:var(--audit-accent,#39745b);text-align:right}
.wr-audit-explorer .wr-audit-tile--signals{min-height:0}
.wr-audit-explorer .wr-audit-tile--signals>div u{background:var(--audit-accent,#4f8b70)}.wr-audit-explorer .wr-audit-tile--signals>div b{color:var(--audit-accent,#39745b)}
.wr-margin-pairs{display:grid;grid-template-columns:1fr 1fr;gap:12px;grid-column:1/-1}
.wr-margin-rank{overflow:hidden;padding:18px 20px 12px;background:#fff;border:1px solid #dedfd9;border-top:3px solid #3d7a5f;border-radius:14px}
.wr-margin-rank--worst{border-top-color:#b34f46}
.wr-margin-rank-head{display:flex;align-items:baseline;gap:8px;padding-bottom:14px}
.wr-margin-rank-head>span{color:#3d7a5f;font-size:1rem}.wr-margin-rank--worst .wr-margin-rank-head>span{color:#b34f46}
.wr-margin-rank-head>strong{font-size:.75rem}.wr-margin-rank-head>em{color:#727c76;font-size:.62rem;font-style:normal}
.wr-margin-rank>div:not(.wr-margin-rank-head){display:flex;align-items:center;justify-content:space-between;gap:18px;padding:12px 0;border-top:1px solid #dfe1dc}
.wr-margin-rank>div:not(.wr-margin-rank-head) b{font-size:.68rem}
.wr-margin-rank>div:not(.wr-margin-rank-head) strong{color:#3d7a5f;font-size:.72rem}.wr-margin-rank--worst>div:not(.wr-margin-rank-head) strong{color:#b34f46}
.wr-audit-explorer[data-state="profitable"]{--audit-accent:#3d7a5f;--audit-soft:#e2eee8}
.wr-audit-explorer[data-state="improvement"]{--audit-accent:#aa771f;--audit-soft:#f2e8d1}
.wr-audit-explorer[data-state="risk"]{--audit-accent:#b34f46;--audit-soft:#f1dedb}
.wr-audit-explorer .wr-audit-profit-state strong,.wr-audit-explorer .wr-audit-profit-state>div:last-child b{color:var(--audit-accent)}
.wr-audit-explorer .wr-audit-profit-track i{background:var(--audit-accent)}
.wr-audit-explorer .wr-billing-models .is-recommended{border-color:var(--audit-accent);box-shadow:inset 0 3px var(--audit-accent)}
.wr-confetti-field{position:absolute;inset:0;pointer-events:none;opacity:0}
.wr-confetti-field i{position:absolute;width:6px;height:11px;background:#d0a638;border-radius:2px}.wr-confetti-field i:nth-child(1){top:50px;left:8%;transform:rotate(25deg)}.wr-confetti-field i:nth-child(2){top:83px;left:19%;width:10px;height:6px;transform:rotate(-20deg)}.wr-confetti-field i:nth-child(3){top:43px;right:13%;transform:rotate(37deg)}.wr-confetti-field i:nth-child(4){top:108px;right:7%;transform:rotate(-29deg)}.wr-confetti-field i:nth-child(5){top:148px;left:5%;transform:rotate(49deg)}.wr-confetti-field i:nth-child(6){top:174px;right:20%;width:9px;height:5px}.wr-confetti-field i:nth-child(7){top:65px;left:47%;width:5px;height:8px;transform:rotate(60deg)}.wr-confetti-field i:nth-child(8){top:190px;right:42%;width:8px;height:5px;transform:rotate(-33deg)}
.wr-audit-explorer.is-celebrating .wr-confetti-field{opacity:1}.wr-audit-explorer.is-celebrating .wr-confetti-field i{animation:wr-confetti-pop 1.25s cubic-bezier(.2,.7,.25,1) both}.wr-audit-explorer.is-celebrating .wr-confetti-field i:nth-child(2){animation-delay:.05s}.wr-audit-explorer.is-celebrating .wr-confetti-field i:nth-child(3){animation-delay:.1s}.wr-audit-explorer.is-celebrating .wr-confetti-field i:nth-child(4){animation-delay:.15s}.wr-audit-explorer.is-celebrating .wr-confetti-field i:nth-child(5){animation-delay:.08s}.wr-audit-explorer.is-celebrating .wr-confetti-field i:nth-child(6){animation-delay:.18s}.wr-audit-explorer.is-celebrating .wr-confetti-field i:nth-child(7){animation-delay:.12s}.wr-audit-explorer.is-celebrating .wr-confetti-field i:nth-child(8){animation-delay:.2s}
@keyframes wr-confetti-pop{0%{opacity:0;translate:0 -35px;scale:.4;rotate:0deg}18%{opacity:1}75%{opacity:1}100%{opacity:0;translate:0 145px;scale:1;rotate:240deg}}
@media(prefers-reduced-motion:reduce){.wr-audit-explorer.is-celebrating .wr-confetti-field i{animation:none}.wr-audit-explorer.is-celebrating .wr-confetti-field{opacity:.65}}
@media(max-width:980px){.wr-audit-explorer{grid-template-columns:1fr}.wr-audit-learning-note{margin-top:2.5rem}.wr-audit-state-tabs{grid-template-columns:repeat(3,1fr)}}
@media(max-width:740px){.wr-audit-result-grid,.wr-margin-pairs{grid-template-columns:1fr}.wr-audit-explorer .wr-audit-tile--phase,.wr-margin-pairs{grid-column:1}.wr-audit-state-tabs{grid-template-columns:1fr}.wr-phase-list>div{grid-template-columns:105px 1fr 70px}.wr-phase-list>div>b{display:none}}
@media(max-width:560px){.wr-audit-explorer{padding:8px;border-radius:18px}.wr-audit-explorer-nav{padding:20px}.wr-audit-explorer .wr-room-metrics{grid-template-columns:1fr}.wr-audit-explorer .wr-audit-tile--profit{min-height:330px}.wr-phase-list>div{grid-template-columns:1fr 70px}.wr-phase-list i{grid-row:2;grid-column:1}.wr-phase-list small{grid-row:2;grid-column:2}}

/* Audit alignment refinements */
.wr-audit-explorer .wr-audit-profit-state{grid-template-columns:minmax(230px,1.2fr) minmax(140px,.55fr) minmax(82px,.25fr);gap:clamp(14px,2vw,28px)}
.wr-audit-explorer .wr-audit-profit-state>div{min-width:0}
.wr-audit-explorer .wr-audit-profit-state strong{max-width:11ch;font-size:clamp(1.65rem,2.6vw,2.5rem);line-height:1.02;overflow-wrap:normal}
.wr-audit-explorer .wr-audit-profit-state b{font-size:clamp(1.55rem,2.8vw,2.65rem);white-space:nowrap}
.wr-audit-result-grid{align-items:stretch}
.wr-audit-explorer .wr-audit-tile--room,.wr-audit-explorer .wr-audit-tile--convert{display:flex;flex-direction:column;height:100%}
.wr-audit-explorer .wr-room-metrics,.wr-audit-explorer .wr-billing-models{grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch}
.wr-audit-explorer .wr-room-metrics>div,.wr-audit-explorer .wr-billing-models>div{display:flex;flex-direction:column;min-width:0;min-height:126px}
.wr-audit-explorer .wr-room-metrics b,.wr-audit-explorer .wr-billing-models b{white-space:nowrap}
.wr-audit-explorer .wr-room-detail{margin-top:auto;padding-top:17px}
.wr-audit-explorer .wr-billing-models{margin-top:auto}
.wr-audit-explorer .wr-billing-models small{line-height:1.35}
@media(max-width:1120px){.wr-audit-explorer .wr-audit-profit-state{grid-template-columns:minmax(200px,1fr) minmax(125px,.45fr) minmax(72px,.22fr)}.wr-audit-explorer .wr-audit-profit-state strong{font-size:clamp(1.5rem,2.35vw,2.1rem)}.wr-audit-explorer .wr-audit-profit-state b{font-size:clamp(1.45rem,2.4vw,2.15rem)}}
@media(max-width:740px){.wr-audit-explorer .wr-audit-profit-state{grid-template-columns:1fr 1fr}.wr-audit-explorer .wr-audit-profit-state>div:first-child{grid-column:1/-1}.wr-audit-explorer .wr-room-metrics,.wr-audit-explorer .wr-billing-models{grid-template-columns:repeat(3,minmax(105px,1fr));overflow-x:auto;padding-bottom:4px}.wr-audit-explorer .wr-room-metrics>div,.wr-audit-explorer .wr-billing-models>div{min-height:116px}}
@media(max-width:560px){.wr-audit-explorer .wr-room-metrics{grid-template-columns:repeat(3,minmax(105px,1fr))}}

/* Layered lifestyle + pricing proof */
.wr-audit-pricing-stack{position:relative;min-height:540px}
.wr-audit-pricing-stack>figure{position:absolute;top:0;left:0;overflow:hidden;width:84%;height:360px;margin:0;border-radius:70px 18px 70px 18px;box-shadow:0 24px 55px rgba(31,45,39,.13)}
.wr-audit-pricing-stack>figure::after{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(28,43,35,.03),rgba(28,43,35,.18))}
.wr-audit-pricing-stack>figure img{width:100%;height:100%;object-fit:cover;object-position:44% center}
.wr-audit-pricing-stack .wr-audit-pricing-example{position:relative;z-index:2;width:88%;margin:185px 0 0 auto;box-shadow:0 30px 70px rgba(31,45,39,.18)}
.wr-audit-pricing-stack .wr-audit-pricing-example>strong{font-size:clamp(2rem,3.5vw,3.35rem);line-height:1.02}
.wr-audit-pricing-stack .wr-audit-pricing-example>div{grid-template-columns:repeat(4,minmax(0,1fr))}
.wr-audit-pricing-stack .wr-audit-pricing-example p{min-width:0;padding:12px 10px}
.wr-audit-pricing-stack .wr-audit-pricing-example b{font-size:.64rem;white-space:nowrap}
.wr-learning-stack aside p{color:#e4eee9}
.wr-learning-stack aside p b{color:#fff}
@media(max-width:900px){.wr-audit-pricing-stack{min-height:590px}.wr-audit-pricing-stack>figure{width:88%;height:410px}.wr-audit-pricing-stack .wr-audit-pricing-example{margin-top:235px}}
@media(max-width:700px){.wr-audit-pricing-stack .wr-audit-pricing-example>div{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:620px){.wr-audit-pricing-stack{min-height:680px}.wr-audit-pricing-stack>figure{width:94%;height:330px;border-radius:48px 14px 48px 14px}.wr-audit-pricing-stack .wr-audit-pricing-example{width:94%;margin-top:205px}}

/* Project Profitability */
.wr-profit-showcase{overflow:hidden;padding:0 0 clamp(5rem,10vw,9rem);background:#f7f5ef}
.wr-profit-definition{display:inline-block!important;max-width:none!important;margin-top:1.4rem!important;padding:.8rem 1rem;color:#46534c!important;background:#e7eee9;border-left:3px solid #3d7a5f;border-radius:0 9px 9px 0;font-size:.86rem!important;line-height:1.45!important}
.wr-profit-definition strong{color:#26372f}
.wr-profit-stage{position:relative;min-height:clamp(620px,62vw,820px)}
.wr-profit-stage>figure{position:absolute;inset:0 15% 7% 0;overflow:hidden;margin:0;border-radius:120px 24px 120px 24px;box-shadow:0 36px 85px rgba(31,45,39,.16)}
.wr-profit-stage>figure::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(23,35,29,.08),transparent 55%,rgba(23,35,29,.16))}
.wr-profit-stage>figure img{width:100%;height:100%;object-fit:cover}
.wr-profit-live{position:absolute;right:0;bottom:0;width:min(58%,690px);padding:18px;color:#202923;background:rgba(255,255,255,.97);border:1px solid rgba(31,45,39,.13);border-radius:20px;box-shadow:0 38px 90px rgba(27,42,35,.24);backdrop-filter:blur(14px)}
.wr-profit-live-head{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:2px 2px 15px;border-bottom:1px solid #e4e8e5}.wr-profit-live-head span,.wr-profit-live-head strong{display:block}.wr-profit-live-head span{color:#76817b;font-size:.58rem}.wr-profit-live-head strong{margin-top:3px;font-size:.78rem}.wr-profit-live-head>em{color:#39745b;font-size:.61rem;font-style:normal}.wr-profit-live-head>em i{display:inline-block;width:6px;height:6px;margin-right:5px;background:#4c9673;border-radius:50%}
.wr-profit-live-score{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:13px}.wr-profit-live-score>div{padding:14px;background:#f5f5f1;border-radius:11px}.wr-profit-live-score small,.wr-profit-live-score strong,.wr-profit-live-score b,.wr-profit-live-score em{display:block}.wr-profit-live-score small{color:#78837d;font-size:.54rem;text-transform:uppercase}.wr-profit-live-score strong,.wr-profit-live-score b{margin-top:9px;font-family:var(--display);font-size:2rem}.wr-profit-live-score strong{color:#39745b}.wr-profit-live-score em{margin-top:4px;color:#7b857f;font-size:.54rem;font-style:normal}
.wr-profit-progress{position:relative;height:7px;margin:15px 2px 20px;background:#e8ece9;border-radius:999px}.wr-profit-progress i{display:block;height:100%;background:#3d7a5f;border-radius:inherit}.wr-profit-progress span{position:absolute;right:0;top:11px;color:#39745b;font-size:.54rem;font-weight:700}
.wr-profit-live-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.wr-profit-live-grid article{padding:12px;background:#fff;border:1px solid #e2e6e3;border-radius:10px}.wr-profit-live-grid small,.wr-profit-live-grid strong,.wr-profit-live-grid span{display:block}.wr-profit-live-grid small{color:#7b857f;font-size:.51rem;text-transform:uppercase}.wr-profit-live-grid strong{margin-top:12px;font-size:.88rem}.wr-profit-live-grid span{margin-top:5px;color:#7b857f;font-size:.51rem;line-height:1.35}
.wr-profit-alert{display:grid;grid-template-columns:26px 1fr;gap:9px;margin-top:10px;padding:11px;color:#664e20;background:#f3ead5;border-radius:10px}.wr-profit-alert>span{display:grid;place-items:center;width:24px;height:24px;color:#fff;background:#b98428;border-radius:50%;font-size:.66rem;font-weight:800}.wr-profit-alert p{margin:0;color:#665f51;font-size:.58rem;line-height:1.5}.wr-profit-alert b{color:#493b1e}
.wr-profit-sticker{position:absolute;left:3%;bottom:4%;padding:10px 14px;color:#315f4d;background:#dcece4;border:1px solid rgba(31,45,39,.1);border-radius:999px;box-shadow:0 13px 30px rgba(31,45,39,.12);font-size:.62rem;font-weight:800;transform:rotate(-3deg)}
@media(max-width:900px){.wr-profit-stage{min-height:760px}.wr-profit-stage>figure{inset:0 0 27% 0;border-radius:90px 20px 90px 20px}.wr-profit-live{right:3%;width:min(82%,690px)}}
@media(max-width:620px){.wr-profit-stage{min-height:820px}.wr-profit-stage>figure{inset:0 0 45% 0;border-radius:56px 15px 56px 15px}.wr-profit-live{right:0;width:100%;padding:13px}.wr-profit-live-grid{grid-template-columns:1fr}.wr-profit-live-grid article{display:grid;grid-template-columns:1fr auto;align-items:center}.wr-profit-live-grid article strong{grid-row:1/3;grid-column:2;margin:0}.wr-profit-sticker{display:none}}

/* Project Management */
.wr-pm-hero{padding:clamp(4.5rem,9vw,8rem) 0 clamp(3.5rem,7vw,6rem);background:#f7f5ef;text-align:center}.wr-pm-hero .container{max-width:1180px}.wr-pm-hero h1{max-width:1120px;margin:1rem auto 0;font-size:clamp(2.3rem,4.8vw,4.9rem);line-height:.88;letter-spacing:-.07em}.wr-pm-hero h1 em{color:#3d7a5f;font-style:normal}.wr-pm-hero p{max-width:820px;margin:2rem auto 0;color:var(--body-c);font-size:clamp(1.05rem,1.6vw,1.28rem);line-height:1.6}.wr-pm-hero .hero-actions{justify-content:center;margin-top:2rem}
.wr-pm-showcase{overflow:hidden;padding:0 0 clamp(5rem,10vw,9rem);background:#f7f5ef}.wr-pm-stage{position:relative;min-height:clamp(730px,68vw,900px)}
.wr-pm-stage>figure{position:absolute;inset:0 9% 15% 0;overflow:hidden;margin:0;border-radius:130px 26px 130px 26px;box-shadow:0 36px 90px rgba(31,45,39,.16)}.wr-pm-stage>figure::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(22,34,28,.06),transparent 48%,rgba(22,34,28,.15))}.wr-pm-stage>figure img{width:100%;height:100%;object-fit:cover}
.wr-pm-product{position:absolute;right:0;bottom:0;width:min(76%,920px);overflow:hidden;background:rgba(255,255,255,.97);border:1px solid rgba(31,45,39,.13);border-radius:20px;box-shadow:0 38px 90px rgba(27,42,35,.25);backdrop-filter:blur(15px)}
.wr-pm-product-head{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:15px 18px;background:#f7f9f7;border-bottom:1px solid #e3e8e4}.wr-pm-product-head span,.wr-pm-product-head strong{display:block}.wr-pm-product-head span{color:#7a8580;font-size:.58rem}.wr-pm-product-head strong{margin-top:3px;font-size:.78rem}.wr-pm-product-head em{color:#39745b;font-size:.6rem;font-style:normal}.wr-pm-product-head em i{display:inline-block;width:6px;height:6px;margin-right:5px;background:#4d9874;border-radius:50%}
.wr-pm-product .wr-view-tabs{margin:0;padding:10px 14px;background:#fff;border-bottom:1px solid #e4e8e5}.wr-pm-product .wr-view-panel{padding:13px 15px 16px;min-height:250px}.wr-pm-product .wr-wip-head,.wr-pm-product .wr-wip-row{grid-template-columns:minmax(260px,1fr) 70px 100px 90px}.wr-pm-product .wr-wip-row{padding:10px}.wr-pm-product .wr-wip-row>span:first-child{grid-template-columns:26px 1fr}.wr-pm-product .wr-preview-kanban section{padding:9px}.wr-pm-product .wr-preview-kanban article{padding:9px}.wr-pm-product .wr-preview-gantt,.wr-pm-product .wr-preview-portfolio,.wr-pm-product .wr-preview-utilization{padding:4px}
.wr-pm-table-tools{display:flex;align-items:center;gap:8px;padding:0 0 10px}.wr-pm-table-tools strong{margin-right:auto;font-size:.67rem}.wr-pm-table-tools span{padding:5px 8px;color:#67736d;background:#f5f6f4;border:1px solid #e1e5e2;border-radius:6px;font-size:.52rem}
.wr-pm-real-table{min-width:900px;border:1px solid #e3e7e4;border-radius:9px;overflow:hidden}.wr-pm-real-head,.wr-pm-task-row{display:grid;grid-template-columns:54px 62px minmax(220px,1fr) 70px 64px 64px 82px 60px 90px;align-items:center;gap:7px}.wr-pm-real-head{padding:8px 10px;color:#7b857f;background:#f6f7f5;border-bottom:1px solid #e4e7e5;font-size:.47rem;text-transform:uppercase}.wr-pm-project-row,.wr-pm-phase-row{display:grid;grid-template-columns:55px minmax(0,1fr) 65px 65px 90px;align-items:center;gap:8px;padding:8px 10px;background:#edf2ef;border-bottom:1px solid #dfe5e1;font-size:.55rem}.wr-pm-project-row>span{display:grid;place-items:center;width:30px;height:30px;color:#fff;background:#4b775f;border-radius:7px;font-size:.48rem;font-weight:800}.wr-pm-project-row strong{font-size:.67rem}.wr-pm-project-row small,.wr-pm-project-row b{text-align:right}.wr-pm-phase-row{padding-left:18px;background:#f7f8f6}.wr-pm-phase-row>span{color:#5b6761}.wr-pm-phase-row strong{font-size:.62rem}.wr-pm-phase-row small,.wr-pm-phase-row b{text-align:right}.wr-pm-task-row{padding:8px 10px;background:#fff;border-bottom:1px solid #e8ebe9;font-size:.52rem}.wr-pm-task-row:last-child{border-bottom:0}.wr-pm-task-row>span{color:#6f7974}.wr-pm-task-row>em{color:#67736d;font-style:normal}.wr-pm-task-row>strong{overflow:hidden;font-size:.58rem;text-overflow:ellipsis;white-space:nowrap}.wr-pm-task-row>i{display:grid;place-items:center;width:24px;height:24px;color:#315f4d;background:#dcece4;border-radius:50%;font-size:.46rem;font-style:normal;font-weight:800}.wr-pm-task-row>small{color:#66716b}.wr-pm-task-row>b{justify-self:start;padding:5px 6px;border-radius:999px;font-size:.46rem}.wr-pm-task-row>b.is-progress{color:#365f75;background:#e5eff5}.wr-pm-task-row>b.is-todo{color:#656c68;background:#eceeec}.wr-pm-task-row>b.is-hold{color:#8b6421;background:#f5e8cc}.wr-pm-task-row>u{color:#9a4c43;text-decoration:none}.wr-pm-task-row>mark{color:#26312b;background:transparent}.wr-pm-task-row>mark strong,.wr-pm-task-row>mark small{display:block}.wr-pm-task-row>mark small{margin-top:2px;color:#7b857f}
.wr-pm-kanban{min-width:850px}.wr-pm-kanban>header{display:flex;align-items:center;gap:8px;padding:0 2px 10px;font-size:.54rem}.wr-pm-kanban>header>span{padding:5px 7px;color:#fff;background:#7391a0;border-radius:6px;font-weight:800}.wr-pm-kanban>header>strong{font-size:.68rem}.wr-pm-kanban>header>small{color:#7b857f}.wr-pm-kanban>header>em{margin-left:auto;color:#3d7a5f;font-size:.48rem;font-style:normal;font-weight:800}.wr-pm-kanban-board{display:grid;grid-template-columns:repeat(5,1fr);gap:7px}.wr-pm-kanban-board>section{min-height:220px;padding:8px;background:#f3f5f3;border-radius:9px}.wr-pm-kanban-board h4{display:flex;align-items:center;gap:5px;margin:0 0 8px;font-size:.54rem}.wr-pm-kanban-board h4 i{width:7px;height:7px;background:#6c7872;border-radius:2px}.wr-pm-kanban-board section:nth-child(2) h4 i{background:#e9992a}.wr-pm-kanban-board section:nth-child(3) h4 i{background:#3488d1}.wr-pm-kanban-board section:nth-child(4) h4 i{background:#38a65a}.wr-pm-kanban-board section:nth-child(5) h4 i{background:#efbd27}.wr-pm-kanban-board h4 b{display:grid;place-items:center;width:16px;height:16px;color:#7b857f;background:#e7ebe8;border-radius:50%;font-size:.45rem}.wr-pm-kanban-board article{margin-top:7px;padding:9px;background:#fff;border:1px solid #e0e5e1;border-radius:8px;box-shadow:0 2px 5px rgba(31,45,39,.04)}.wr-pm-kanban-board article>strong{display:block;font-size:.57rem;line-height:1.25}.wr-pm-kanban-board article>span{display:flex;flex-wrap:wrap;gap:3px;margin-top:7px}.wr-pm-kanban-board article>span em,.wr-pm-kanban-board article>span small{padding:3px 5px;background:#edf0ee;border-radius:999px;color:#66716b;font-size:.4rem;font-style:normal}.wr-pm-kanban-board article p{margin:7px 0 0;color:#717b76;font-size:.45rem;line-height:1.35}.wr-pm-kanban-board article footer{display:flex;align-items:center;justify-content:space-between;margin-top:8px;padding-top:7px;border-top:1px solid #edf0ee;color:#a34b44;font-size:.43rem}.wr-pm-kanban-board article footer b{display:grid;place-items:center;width:19px;height:19px;color:#315f4d;background:#dcece4;border-radius:50%;font-size:.4rem}.wr-pm-empty{display:grid;place-items:center;min-height:82px;color:#9aa29e;background:#f8f9f8;border-radius:7px;font-size:.48rem}
.wr-pm-gantt{min-width:880px;border:1px solid #e3e7e4;border-radius:9px;overflow:hidden}.wr-pm-gantt-tools{display:flex;align-items:center;gap:6px;padding:7px 9px;background:#fff;border-bottom:1px solid #e3e7e4}.wr-pm-gantt-tools strong{margin-right:auto;font-size:.56rem}.wr-pm-gantt-tools span{padding:4px 6px;color:#52615a;background:#f4f6f4;border:1px solid #dfe4e0;border-radius:5px;font-size:.41rem}.wr-pm-gantt-tools span:first-of-type{color:#315f4d;background:#e3efe9}.wr-pm-gantt-head,.wr-pm-gantt-row{display:grid;grid-template-columns:230px 55px 72px 1fr;align-items:center}.wr-pm-gantt-head{min-height:38px;color:#7a8580;background:#f6f7f5;border-bottom:1px solid #e3e7e4;font-size:.45rem;text-transform:uppercase}.wr-pm-gantt-head>span{padding-left:10px}.wr-pm-gantt-head>div{display:grid;grid-template-columns:repeat(4,1fr);height:100%;border-left:1px solid #e1e5e2}.wr-pm-gantt-head>div b{display:grid;place-items:center;border-left:1px solid #eaedea;font-size:.42rem}.wr-pm-gantt section>header{display:flex;align-items:center;gap:7px;padding:8px 10px;background:#edf2ef;border-bottom:1px solid #dfe5e1}.wr-pm-gantt section>header span{padding:4px 6px;color:#fff;background:#4d775f;border-radius:5px;font-size:.43rem;font-weight:800}.wr-pm-gantt section>header strong{font-size:.61rem}.wr-pm-gantt section>header small{margin-left:auto;color:#7a8580;font-size:.45rem}.wr-pm-gantt-row{min-height:36px;background:#fff;border-bottom:1px solid #edf0ee;font-size:.46rem}.wr-pm-gantt-row>b,.wr-pm-gantt-row>i,.wr-pm-gantt-row>em{padding-left:10px;font-style:normal}.wr-pm-gantt-row>b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.49rem}.wr-pm-gantt-row>b mark{display:inline-grid;place-items:center;width:17px;height:17px;margin-right:5px;color:#4f6170;background:#eef1f3;border-radius:5px;font-size:.42rem}.wr-pm-gantt-row>i{color:#58655f}.wr-pm-gantt-row>em{color:#6a7670}.wr-pm-gantt-row>div{position:relative;height:36px;background:repeating-linear-gradient(90deg,#fff 0,#fff calc(25% - 1px),#e8ece9 calc(25% - 1px),#e8ece9 25%);border-left:1px solid #e1e5e2}.wr-pm-gantt-row u{position:absolute;left:var(--x);top:14px;width:var(--w);height:7px;background:#6484aa;border-radius:999px;text-decoration:none}.wr-pm-gantt-row u.is-task{top:8px;height:20px;padding:3px 6px;color:#fff;background:#6884a8;border:1px solid #56769e;border-radius:5px;font-size:.39rem;text-align:left}.wr-pm-gantt-row u.is-event,.wr-pm-gantt-row s{position:absolute;left:var(--x);top:8px;display:grid;place-items:center;width:21px;height:21px;color:#fff;background:#3d7a5f;border:2px solid #fff;border-radius:6px;box-shadow:0 2px 6px rgba(31,45,39,.18);font-size:.46rem;text-decoration:none;z-index:2}.wr-pm-gantt-row s.is-payment{background:#248852;border-radius:50%;font-weight:900}.wr-pm-gantt-row s.is-deliverable{background:#667f9f}.wr-pm-gantt-row s.is-deadline{color:#9c542b;background:#faeee3;border-color:#fff}.wr-pm-gantt-row s.is-milestone{background:#425e7b;transform:rotate(45deg)}.wr-pm-gantt-row s.is-milestone::first-letter{transform:rotate(-45deg)}.wr-pm-gantt-row s.is-install{background:#bb7d35}.wr-pm-gantt-row u.is-meeting{background:#426f78}
.wr-pm-gantt--actual section{padding:0}.wr-pm-gantt--actual .wr-pm-gantt-head,.wr-pm-gantt--actual .wr-pm-gantt-row{grid-template-columns:52px minmax(190px,1.5fr) 48px 48px 48px 34px 64px 52px minmax(300px,2fr)}.wr-pm-gantt--actual .wr-pm-gantt-head{min-height:42px}.wr-pm-gantt--actual .wr-pm-gantt-head>span{padding-left:6px;font-size:.38rem}.wr-pm-gantt--actual .wr-pm-gantt-head>div{grid-column:9;display:grid;grid-template-columns:repeat(4,1fr)}.wr-pm-gantt--actual .wr-pm-gantt-head>div b{font-size:.38rem}.wr-pm-gantt--actual .wr-pm-gantt-head>div small{display:block;font-size:.34rem}.wr-pm-gantt--actual section>header{padding:7px 9px}.wr-pm-gantt--actual section>header i{color:#7b857f;font-size:.45rem}.wr-pm-gantt--actual .wr-pm-gantt-row{min-height:38px}.wr-pm-gantt--actual .wr-pm-gantt-row>span{padding-left:7px;color:#66736d;font-size:.43rem;white-space:nowrap}.wr-pm-gantt--actual .wr-pm-gantt-row>b{padding-left:4px;font-size:.45rem}.wr-pm-gantt--actual .wr-pm-gantt-row>i,.wr-pm-gantt--actual .wr-pm-gantt-row>small,.wr-pm-gantt--actual .wr-pm-gantt-row>em{padding-left:5px;color:#69756f;font-size:.38rem;font-style:normal}.wr-pm-gantt--actual .wr-pm-gantt-row>em:first-of-type{padding:4px 5px;color:#53615a;background:#eef0ef;border-radius:999px}.wr-pm-gantt--actual .wr-pm-gantt-row>div{grid-column:9;height:38px}.wr-pm-gantt--actual .wr-pm-gantt-row.is-phase{background:#fbfcfb}.wr-pm-gantt--actual .wr-pm-gantt-row.is-phase>b{font-weight:800}.wr-pm-gantt--actual .wr-pm-gantt-row.is-product{min-height:29px;background:#fafbfa}.wr-pm-gantt--actual .wr-pm-gantt-row.is-product>b{padding-left:28px;color:#89928d;font-weight:500}.wr-pm-gantt--actual .wr-pm-gantt-row u.is-task{top:8px;overflow:hidden;white-space:nowrap}.wr-pm-gantt--actual .wr-pm-gantt-row u.is-standard,.wr-pm-gantt--actual .wr-pm-gantt-row u.is-deliverable-bar{outline:2px solid #d88b62;outline-offset:1px}.wr-pm-gantt--actual .wr-pm-gantt-row u.is-light{color:#465f7a;background:#d9e5f3;border-color:#d9e5f3}.wr-pm-gantt--actual .wr-pm-gantt-row s.is-meeting{background:#3d7a5f}.wr-pm-gantt--actual .wr-pm-gantt-row s.is-linked::before{content:"";position:absolute;right:11px;top:-31px;width:34px;height:40px;border-right:2px solid #3d7a5f;border-bottom:2px solid #3d7a5f;border-radius:0 0 13px 0;transform:translateX(-22px)}
.wr-pm-portfolio{min-width:860px;border:1px solid #e3e7e4;border-radius:9px;overflow:hidden}.wr-pm-portfolio>header{display:flex;align-items:center;justify-content:space-between;padding:9px 11px;background:#fff;border-bottom:1px solid #e3e7e4}.wr-pm-portfolio>header strong,.wr-pm-portfolio>header span{font-size:.56rem}.wr-pm-portfolio>header span{margin-left:7px;color:#7b857f}.wr-pm-portfolio nav{display:flex}.wr-pm-portfolio nav b{padding:5px 8px;border:1px solid #e0e4e1;font-size:.43rem}.wr-pm-portfolio nav b:first-child{border-radius:6px 0 0 6px}.wr-pm-portfolio nav b:last-child{border-radius:0 6px 6px 0}.wr-pm-portfolio nav b.is-active{color:#fff;background:#3d7a5f;border-color:#3d7a5f}.wr-pm-portfolio-months,.wr-pm-portfolio-row,.wr-pm-portfolio>footer{display:grid;grid-template-columns:235px repeat(6,1fr)}.wr-pm-portfolio-months{min-height:30px;align-items:center;color:#7a8580;background:#f6f7f5;border-bottom:1px solid #e4e7e5;font-size:.42rem}.wr-pm-portfolio-months span{padding-left:11px}.wr-pm-portfolio-months b{text-align:center}.wr-pm-portfolio-row{min-height:41px;background:#fff;border-bottom:1px solid #edf0ee}.wr-pm-portfolio-row>strong{display:flex;align-items:center;gap:7px;padding-left:10px;font-size:.5rem}.wr-pm-portfolio-row>strong i{display:grid;place-items:center;width:32px;height:22px;color:#fff;background:#7391a0;border-radius:5px;font-size:.4rem;font-style:normal}.wr-pm-portfolio-row>strong small{margin-left:auto;margin-right:9px;color:#89918d;font-size:.4rem;font-weight:400}.wr-pm-portfolio-row>div{position:relative;grid-column:2/8;background:repeating-linear-gradient(90deg,#fff 0,#fff calc(16.666% - 1px),#e8ece9 calc(16.666% - 1px),#e8ece9 16.666%)}.wr-pm-portfolio-row u{position:absolute;left:var(--x);top:12px;width:var(--w);height:17px;padding:2px 6px;overflow:hidden;color:#fff;background:#8db8e7;border-radius:4px;font-size:.38rem;text-decoration:none;white-space:nowrap}.wr-pm-portfolio-row u.is-dark{background:#536b91}.wr-pm-portfolio-row u.is-green{background:#5f9970}.wr-pm-portfolio-row u.is-slate{background:#5e7f80}.wr-pm-portfolio-row.is-empty{color:#979f9b}.wr-pm-portfolio>footer{align-items:center;min-height:29px;background:#f5f8f5;color:#3d7a5f;font-size:.41rem}.wr-pm-portfolio>footer span{padding-left:11px;color:#5e6964}.wr-pm-portfolio>footer b{text-align:center}.wr-pm-portfolio>footer b:nth-child(2){height:100%;background:#edf0ee}
.wr-pm-utilization{min-width:860px;border:1px solid #e3e7e4;border-radius:9px;overflow:hidden}.wr-pm-utilization>header{display:flex;align-items:center;gap:14px;padding:8px 10px;background:#fff;border-bottom:1px solid #e3e7e4}.wr-pm-utilization>header div strong{font-size:.58rem}.wr-pm-utilization>header div span{margin-left:6px;color:#89928d;font-size:.45rem}.wr-pm-utilization>header nav{display:flex;align-items:center}.wr-pm-utilization>header nav b,.wr-pm-utilization>header nav i,.wr-pm-utilization>header nav em{padding:5px 7px;border:1px solid #dfe4e0;font-size:.42rem;font-style:normal}.wr-pm-utilization>header nav b:first-child{border-radius:6px 0 0 6px}.wr-pm-utilization>header nav b:nth-child(2){margin-right:7px;border-radius:0 6px 6px 0}.wr-pm-utilization>header nav i{margin-left:4px;border-radius:5px}.wr-pm-utilization>header nav em{margin-left:4px;border-radius:5px}.wr-pm-utilization>header nav b.is-active{color:#fff;background:#3d7a5f;border-color:#3d7a5f}.wr-pm-utilization>header p{margin:0 0 0 auto;color:#78837d;font-size:.44rem}.wr-pm-utilization>header p strong{color:#3d7a5f;font-size:.58rem}.wr-pm-util-head,.wr-pm-util-row{display:grid;grid-template-columns:220px repeat(6,1fr);align-items:stretch}.wr-pm-util-head{min-height:34px;color:#7a8580;background:#f6f7f5;border-bottom:1px solid #e3e7e4}.wr-pm-util-head>span{display:flex;align-items:center;padding-left:10px;font-size:.42rem;text-transform:uppercase}.wr-pm-util-head>b{display:grid;place-items:center;border-left:1px solid #e5e8e6;font-size:.42rem}.wr-pm-util-head>b small{display:block;color:#9aa29e;font-size:.36rem}.wr-pm-util-row{min-height:43px;background:#fff;border-bottom:1px solid #e7ebe8}.wr-pm-util-row>span{display:grid;grid-template-columns:28px 1fr;align-content:center;column-gap:7px;padding:5px 9px}.wr-pm-util-row>span i{grid-row:1/3;display:grid;place-items:center;width:26px;height:26px;color:#fff;background:#4b775f;border-radius:50%;font-size:.38rem;font-style:normal;font-weight:800}.wr-pm-util-row>span strong{align-self:end;font-size:.48rem}.wr-pm-util-row>span small{color:#89928d;font-size:.38rem}.wr-pm-util-row>b{display:grid;place-items:center;color:#3d7a5f;background:#fbfcfb;border-left:1px solid #e7ebe8;font-size:.48rem}.wr-pm-util-row>b.is-under{background:#f3f7f5}.wr-pm-util-row>b.is-healthy{background:#dcece4}.wr-pm-util-row>b.is-full{color:#875e1e;background:#f5e7c8}.wr-pm-util-row>b.is-over{color:#944b3d;background:#f3d9ce}.wr-pm-util-row.is-team>span{display:flex;align-items:center;gap:6px;font-size:.5rem;font-weight:800}.wr-pm-util-row.is-team>span small{color:#3d7a5f;font-weight:800}.wr-pm-utilization>footer{display:flex;align-items:center;gap:10px;padding:8px 10px;color:#7b857f;background:#fafbfa;font-size:.38rem}.wr-pm-utilization>footer>span{margin-right:3px}.wr-pm-utilization>footer b{display:flex;align-items:center;gap:4px;font-weight:500}.wr-pm-utilization>footer b i{width:8px;height:8px;background:#f3f7f5;border:1px solid #dfe5e1;border-radius:2px}.wr-pm-utilization>footer b:nth-of-type(2) i{background:#dcece4}.wr-pm-utilization>footer b:nth-of-type(3) i{background:#f5e7c8}.wr-pm-utilization>footer b:nth-of-type(4) i{background:#f3d9ce}.wr-pm-utilization>footer em{margin-left:auto;font-style:normal}
.wr-pm-sticker{position:absolute;left:3%;bottom:11%;padding:10px 14px;color:#315f4d;background:#dcece4;border:1px solid rgba(31,45,39,.1);border-radius:999px;box-shadow:0 13px 30px rgba(31,45,39,.12);font-size:.63rem;font-weight:800;transform:rotate(-3deg)}
.wr-pm-rhythm{background:#f1eee7}.wr-pm-rhythm .section-head{max-width:850px}.wr-pm-rhythm-grid{display:grid;grid-template-columns:repeat(3,1fr);margin-top:3rem;border-top:1px solid #d9d5cc;border-bottom:1px solid #d9d5cc}.wr-pm-rhythm-grid article{min-height:280px;padding:24px;border-right:1px solid #d9d5cc}.wr-pm-rhythm-grid article:last-child{border-right:0}.wr-pm-rhythm-grid span{color:#3d7a5f;font-size:.62rem;font-weight:800}.wr-pm-rhythm-grid h3{margin-top:4.5rem;font-size:1.35rem}.wr-pm-rhythm-grid p{margin-top:1rem;color:#68736d;font-size:.9rem;line-height:1.55}
.wr-pm-delegate{overflow:hidden;background:#faf9f6}.wr-pm-delegate>.split{align-items:center;gap:clamp(3rem,7vw,7rem)}.wr-pm-delegate h2{font-size:clamp(3.2rem,5.8vw,6.4rem);line-height:.92;letter-spacing:-.06em}.wr-pm-delegate p{max-width:650px;font-size:1.05rem;line-height:1.65}.wr-pm-outcomes{margin-top:2.2rem;border-top:1px solid #dfe2de}.wr-pm-outcomes article{display:grid;grid-template-columns:34px 1fr;gap:12px;padding:14px 0;border-bottom:1px solid #dfe2de}.wr-pm-outcomes article>span{color:#3d7a5f;font-size:.58rem;font-weight:800}.wr-pm-outcomes strong,.wr-pm-outcomes small{display:block}.wr-pm-outcomes strong{font-size:.82rem}.wr-pm-outcomes small{margin-top:4px;color:#6d7872;font-size:.68rem;line-height:1.45}
.wr-pm-answer-stage{position:relative;min-height:clamp(590px,52vw,720px)}.wr-pm-answer-stage>figure{position:absolute;inset:0 10% 14% 0;overflow:hidden;margin:0;border-radius:100px 22px 100px 22px;box-shadow:0 34px 80px rgba(31,45,39,.18)}.wr-pm-answer-stage>figure::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 52%,rgba(19,31,25,.22))}.wr-pm-answer-stage>figure img{width:100%;height:100%;object-fit:cover}.wr-pm-answer-panel{position:absolute;right:0;bottom:0;width:min(84%,560px);overflow:hidden;background:rgba(255,255,255,.97);border:1px solid rgba(31,45,39,.13);border-radius:18px;box-shadow:0 34px 78px rgba(26,40,33,.23);backdrop-filter:blur(14px)}.wr-pm-answer-panel>header{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:14px 15px;background:#f6f8f6;border-bottom:1px solid #e2e7e3}.wr-pm-answer-panel>header span,.wr-pm-answer-panel>header strong{display:block}.wr-pm-answer-panel>header span{color:#78837d;font-size:.54rem}.wr-pm-answer-panel>header strong{margin-top:3px;font-size:.74rem}.wr-pm-answer-panel>header em{color:#3d7a5f;font-size:.52rem;font-style:normal;white-space:nowrap}.wr-pm-answer-panel>header em i{display:inline-block;width:6px;height:6px;margin-right:5px;background:#4d9874;border-radius:50%}.wr-pm-answer-panel>article{display:grid;grid-template-columns:1.05fr 1.4fr 28px;align-items:center;gap:10px;padding:13px 15px;background:#fff;border-bottom:1px solid #e7ebe8}.wr-pm-answer-panel>article:last-child{border-bottom:0}.wr-pm-answer-panel>article>span{color:#58645e;font-size:.59rem}.wr-pm-answer-panel>article strong,.wr-pm-answer-panel>article small{display:block}.wr-pm-answer-panel>article strong{font-size:.64rem}.wr-pm-answer-panel>article small{margin-top:3px;color:#89928d;font-size:.49rem}.wr-pm-answer-panel>article>b{display:grid;place-items:center;width:26px;height:26px;color:#3d7a5f;background:#e2eee8;border-radius:50%;font-size:.52rem}.wr-pm-answer-panel>article>b.is-watch{color:#86601d;background:#f3e7c7}.wr-pm-answer-panel>article>b.is-alert{color:#984a41;background:#f2ddd8}
@media(max-width:960px){.wr-pm-stage{min-height:850px}.wr-pm-stage>figure{inset:0 0 30% 0;border-radius:90px 22px 90px 22px}.wr-pm-product{right:3%;width:90%}.wr-pm-rhythm-grid{grid-template-columns:1fr}.wr-pm-rhythm-grid article{min-height:0;border-right:0;border-bottom:1px solid #d9d5cc}.wr-pm-rhythm-grid h3{margin-top:2.5rem}.wr-pm-delegate>.split{grid-template-columns:1fr}.wr-pm-answer-stage{min-height:700px}.wr-pm-answer-stage>figure{inset:0 5% 18% 0}}
@media(max-width:700px){.wr-pm-hero h1{font-size:clamp(3.4rem,16vw,5.6rem)}.wr-pm-stage{min-height:800px}.wr-pm-stage>figure{inset:0 0 45% 0;border-radius:58px 16px 58px 16px}.wr-pm-product{right:0;width:100%;overflow-x:auto}.wr-pm-product .wr-view-tabs{min-width:540px}.wr-pm-product .wr-view-panel{min-width:720px}.wr-pm-sticker{display:none}.wr-pm-answer-stage{min-height:640px}.wr-pm-answer-stage>figure{inset:0 0 34% 0;border-radius:58px 16px 58px 16px}.wr-pm-answer-panel{width:96%}.wr-pm-answer-panel>article{grid-template-columns:1fr 1.25fr 26px;padding:11px}.wr-pm-answer-panel>article>span{font-size:.54rem}}

/* All Features */
.wr-features-hero{padding:clamp(5rem,10vw,9rem) 0 2.25rem;background:#f6f4ee;text-align:center}.wr-features-hero .container{max-width:1250px}.wr-features-hero h1{margin:1rem auto 0;font-size:clamp(2.4rem,5.1vw,5.3rem);line-height:.87;letter-spacing:-.075em}.wr-features-hero h1 em{color:#3d7a5f;font-style:normal}.wr-features-hero>div>p{max-width:840px;margin:2rem auto 0;color:#606c66;font-size:clamp(1.05rem,1.7vw,1.3rem);line-height:1.6}.wr-features-hero .hero-actions{justify-content:center;margin-top:2rem}.wr-features-jump{display:flex;flex-wrap:wrap;justify-content:center;gap:.55rem;margin-top:4rem;padding-top:1.4rem;border-top:1px solid #dedbd2}.wr-features-jump a{padding:.6rem .85rem;color:#506159;background:rgba(255,255,255,.7);border:1px solid #dedfd9;border-radius:999px;font-size:.75rem;font-weight:700}.wr-features-jump a:hover{color:#2f684f;background:#fff}
.wr-features-group{padding:clamp(4.5rem,8vw,7.5rem) 0;background:#fff}.wr-features-group.is-tint{background:#f2efe8}.wr-features-group.is-dark{color:#fff;background:#1d3027}.wr-features-heading{display:grid;grid-template-columns:58px 1fr;align-items:start;gap:18px;max-width:980px;margin-bottom:3rem}.wr-feature-group-icon{display:grid;place-items:center;width:54px;height:54px;color:#356f56;background:#e0ece6;border-radius:17px}.wr-feature-group-icon svg,.wr-feature-card-icon svg{width:25px;height:25px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.wr-features-heading h2{margin-top:.55rem;font-size:clamp(2.6rem,5vw,5.2rem);line-height:.94;letter-spacing:-.055em}.wr-features-group.is-dark .kicker{color:#9ed1b8}.wr-features-group.is-dark .wr-feature-group-icon{color:#d8eee3;background:#315144}
.wr-feature-index-grid{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid #e1e5e2;border-left:1px solid #e1e5e2}.wr-feature-index-grid--three{grid-template-columns:repeat(3,1fr)}.wr-feature-index-card{position:relative;display:block;min-height:250px;padding:22px;color:inherit;background:#fff;border-right:1px solid #e1e5e2;border-bottom:1px solid #e1e5e2;transition:background .18s ease,transform .18s ease}.wr-feature-index-card:hover{color:inherit;background:#f7f9f7}.wr-feature-index-card.is-featured{background:#e7f0eb}.wr-feature-index-card.is-featured:hover{background:#dfebe4}.wr-feature-card-icon{display:grid;place-items:center;width:42px;height:42px;color:#49645a;background:#f1f4f2;border:1px solid #e0e5e1;border-radius:12px}.wr-feature-index-card.is-featured .wr-feature-card-icon{color:#2f684f;background:#fff}.wr-feature-index-card h3{margin-top:2.6rem;font-size:1.13rem}.wr-feature-index-card p{margin-top:.75rem;color:#68746e;font-size:.82rem;line-height:1.55}.wr-feature-card-link{position:absolute;left:22px;bottom:20px;color:#356f56;font-size:.68rem;font-weight:800}.wr-features-group.is-dark .wr-feature-index-grid{border-color:#3c5147}.wr-features-group.is-dark .wr-feature-index-card{background:#23382e;border-color:#3c5147}.wr-features-group.is-dark .wr-feature-index-card:hover{background:#2a4237}.wr-features-group.is-dark .wr-feature-index-card p{color:#b7c6bf}.wr-features-group.is-dark .wr-feature-card-icon{color:#cfe4da;background:#315044;border-color:#456357}.wr-features-group.is-dark .wr-feature-card-link{color:#a8d8c0}
@media(max-width:1050px){.wr-feature-index-grid{grid-template-columns:repeat(3,1fr)}.wr-feature-index-grid--three{grid-template-columns:repeat(3,1fr)}}
@media(max-width:760px){.wr-features-hero h1{font-size:clamp(3.5rem,16vw,6rem)}.wr-features-jump{justify-content:flex-start;overflow-x:auto;flex-wrap:nowrap;padding-bottom:.5rem}.wr-features-jump a{white-space:nowrap}.wr-feature-index-grid,.wr-feature-index-grid--three{grid-template-columns:1fr 1fr}.wr-feature-index-card{min-height:230px;padding:18px}.wr-feature-card-link{left:18px}.wr-features-heading{grid-template-columns:46px 1fr}.wr-feature-group-icon{width:44px;height:44px;border-radius:13px}.wr-feature-group-icon svg{width:21px;height:21px}}

/* Retainers */
.wr-retainer-hero{padding:clamp(6rem,11vw,10rem) 0 0;background:#f3eee6;text-align:center}.wr-retainer-hero .container{max-width:1200px}.wr-retainer-hero h1{max-width:1100px;margin:1rem auto 0;font-size:clamp(2.7rem,5.4vw,5.5rem);line-height:.86;letter-spacing:-.078em}.wr-retainer-hero h1 em{color:#3d7a5f;font-style:normal}.wr-retainer-hero>div>p{max-width:800px;margin:2rem auto 0;color:#5e6964;font-size:clamp(1.05rem,1.6vw,1.25rem);line-height:1.65}.wr-retainer-hero .hero-actions{justify-content:center;margin-top:2rem}
.wr-retainer-showcase{padding:clamp(3rem,6vw,5.5rem) 0 clamp(5rem,9vw,9rem);background:#f3eee6}.wr-retainer-stage{position:relative;min-height:850px}.wr-retainer-photo{position:absolute;inset:0 19% 90px 0;margin:0;overflow:hidden;border-radius:52px}.wr-retainer-photo:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(20,32,27,.04),rgba(20,32,27,0) 55%,rgba(20,32,27,.13))}.wr-retainer-photo img{width:100%;height:100%;object-fit:cover}.wr-retainer-photo figcaption{position:absolute;z-index:2;left:28px;bottom:28px;padding:.65rem .9rem;color:#fff;background:rgba(24,43,35,.78);border-radius:999px;font-size:.72rem;font-weight:700;backdrop-filter:blur(8px)}
.wr-retainer-product{position:absolute;z-index:3;top:80px;right:0;width:min(690px,55%);padding:30px;background:#fff;border:1px solid #dfe3df;border-radius:30px;box-shadow:0 35px 80px -35px rgba(20,37,29,.48)}.wr-retainer-product-head{display:flex;justify-content:space-between;align-items:center;padding-bottom:22px;border-bottom:1px solid #e7e9e6}.wr-retainer-product-head small,.wr-retainer-product-head strong{display:block}.wr-retainer-product-head small{margin-bottom:.2rem;color:#7c8781;font-size:.67rem}.wr-retainer-product-head strong{font-size:1rem}.wr-retainer-product-head>span{color:#61716a;font-size:.68rem}.wr-retainer-product-head>span i{display:inline-block;width:7px;height:7px;margin-right:.3rem;background:#43906d;border-radius:50%}
.wr-retainer-type-tabs{display:flex;gap:.35rem;margin:20px 0;padding:5px;background:#f4f4f0;border-radius:12px}.wr-retainer-type-tabs button{flex:1;padding:.68rem .5rem;color:#68726d;background:transparent;border:0;border-radius:9px;font:600 .72rem/1 Inter,sans-serif;cursor:pointer}.wr-retainer-type-tabs button.is-active{color:#2f694f;background:#fff;box-shadow:0 2px 7px rgba(24,38,31,.08)}
.wr-retainer-balance{display:grid;grid-template-columns:1.15fr 1fr;gap:12px}.wr-retainer-balance>div{padding:20px;background:#f7f5f0;border:1px solid #e9e5de;border-radius:15px}.wr-retainer-balance small,.wr-retainer-balance strong,.wr-retainer-balance em{display:block}.wr-retainer-balance small{color:#66716b;font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em}.wr-retainer-balance strong{margin:.7rem 0 .25rem;font-size:clamp(1.7rem,3vw,2.6rem);letter-spacing:-.05em}.wr-retainer-balance em{color:#7b847f;font-size:.68rem;font-style:normal}.wr-retainer-meter{height:9px;margin-top:22px;overflow:hidden;background:#edf0ec;border-radius:999px}.wr-retainer-meter i{display:block;height:100%;background:#3e8061;border-radius:inherit;transition:width .35s ease}.wr-retainer-meter-copy{display:flex;justify-content:space-between;margin-top:8px;color:#78817d;font-size:.66rem}.wr-retainer-meter-copy b{color:#38433e}.wr-retainer-activity{margin-top:22px;border-top:1px solid #e7e9e6}.wr-retainer-activity>div{display:grid;grid-template-columns:35px 1fr auto;align-items:center;gap:12px;padding:15px 0;border-bottom:1px solid #e7e9e6}.wr-retainer-activity-icon{display:grid;place-items:center;width:34px;height:34px;color:#387456;background:#e4efe9;border-radius:10px;font-size:.6rem;font-weight:800}.wr-retainer-activity p{margin:0}.wr-retainer-activity strong,.wr-retainer-activity small{display:block}.wr-retainer-activity strong{font-size:.76rem}.wr-retainer-activity small{margin-top:.2rem;color:#7b8580;font-size:.64rem}.wr-retainer-activity>div>b{font-size:.76rem}.wr-retainer-product-foot{display:flex;align-items:center;gap:.6rem;margin:20px 0 0;padding:13px 15px;color:#3b7258;background:#e8f0eb;border-radius:11px;font-size:.68rem;line-height:1.4}.wr-retainer-product-foot>span:first-child{font-weight:800}
.wr-retainer-intro{padding:clamp(5rem,9vw,9rem) 0;background:#fff}.wr-retainer-intro .container>h2{max-width:850px;margin:1rem 0;font-size:clamp(3rem,6vw,6.2rem);line-height:.94;letter-spacing:-.06em}.wr-retainer-intro .container>p{max-width:770px;color:#65706a;font-size:1.05rem;line-height:1.65}.wr-retainer-life{display:grid;grid-template-columns:repeat(4,1fr);margin-top:4rem;border:1px solid #e2e3df;border-radius:22px;overflow:hidden}.wr-retainer-life article{min-height:260px;padding:24px;border-right:1px solid #e2e3df}.wr-retainer-life article:last-child{border-right:0}.wr-retainer-life span{display:block;color:#4d8469;font-size:.68rem;font-weight:800}.wr-retainer-life i{display:block;margin:3rem 0 .65rem;color:#77817c;font-size:.7rem;font-style:normal;text-transform:uppercase;letter-spacing:.08em}.wr-retainer-life strong{display:block;font-size:2rem;letter-spacing:-.04em}.wr-retainer-life p{margin:.75rem 0 0;color:#69736e;font-size:.76rem;line-height:1.5}
.wr-retainer-types{padding:clamp(5rem,9vw,9rem) 0;background:#1d3028;color:#fff}.wr-retainer-types .container{display:grid;grid-template-columns:.72fr 1.28fr;gap:clamp(3rem,8vw,8rem);align-items:start}.wr-retainer-types-copy{position:sticky;top:130px}.wr-retainer-types-copy h2{margin:1rem 0;font-size:clamp(3rem,5.6vw,5.8rem);line-height:.94;letter-spacing:-.06em}.wr-retainer-types-copy p{max-width:580px;color:#c7d0cb;font-size:1rem;line-height:1.65}.wr-retainer-type-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.wr-retainer-type-grid article{min-height:285px;padding:25px;color:#1d3028;background:#f5f2eb;border-radius:24px}.wr-retainer-type-grid article:nth-child(2){background:#e2eee7}.wr-retainer-type-grid article:nth-child(3){background:#eee9f5}.wr-retainer-type-grid article:nth-child(4){background:#f0eadf}.wr-retainer-type-grid span{color:#3f7d60;font-size:.65rem;font-weight:800}.wr-retainer-type-grid h3{margin:5rem 0 .6rem;font-size:1.75rem;letter-spacing:-.04em}.wr-retainer-type-grid p{margin:0;color:#606b65;font-size:.8rem;line-height:1.55}.wr-retainer-type-grid small{display:block;margin-top:1.25rem;padding-top:1rem;color:#3f7d60;border-top:1px solid rgba(37,64,52,.14);font-size:.65rem;font-weight:700}
.wr-retainer-ledger{padding:clamp(5rem,9vw,9rem) 0;background:#f5f2eb}.wr-retainer-ledger .container{display:grid;grid-template-columns:.68fr 1.32fr;gap:clamp(3rem,7vw,7rem);align-items:center}.wr-retainer-ledger-copy h2{margin:1rem 0;font-size:clamp(3rem,5vw,5.2rem);line-height:.95;letter-spacing:-.06em}.wr-retainer-ledger-copy p{color:#626d67;line-height:1.65}.wr-retainer-ledger-copy ul{margin:1.5rem 0 0;padding:0;list-style:none}.wr-retainer-ledger-copy li{position:relative;margin:.8rem 0;padding-left:1.5rem;color:#4e5a54;font-size:.82rem}.wr-retainer-ledger-copy li:before{content:"✓";position:absolute;left:0;color:#3e8061;font-weight:800}
.wr-retainer-ledger-ui{overflow:hidden;background:#fff;border:1px solid #dfe2de;border-radius:23px;box-shadow:0 25px 60px -45px rgba(24,38,31,.42)}.wr-retainer-ledger-head{display:flex;justify-content:space-between;align-items:center;padding:22px;border-bottom:1px solid #e5e8e4}.wr-retainer-ledger-head small,.wr-retainer-ledger-head strong{display:block}.wr-retainer-ledger-head small{color:#7c8581;font-size:.64rem}.wr-retainer-ledger-head strong{margin-top:.15rem;font-size:.88rem}.wr-retainer-ledger-head>div:last-child{display:flex;gap:.25rem;padding:4px;background:#f2f3f0;border-radius:9px}.wr-retainer-ledger-head button{padding:.5rem .65rem;color:#6f7873;background:none;border:0;border-radius:7px;font:600 .62rem Inter,sans-serif;cursor:pointer}.wr-retainer-ledger-head button.is-active{color:#2f694f;background:#fff;box-shadow:0 1px 5px rgba(28,39,33,.1)}.wr-retainer-ledger-cols,.wr-retainer-ledger-row{display:grid;grid-template-columns:1.3fr .75fr .7fr .7fr .7fr;align-items:center;gap:10px}.wr-retainer-ledger-cols{padding:12px 18px;color:#8a928e;background:#fafaf8;font-size:.55rem;font-weight:800;text-transform:uppercase;letter-spacing:.06em}.wr-retainer-ledger-row{padding:16px 18px;border-top:1px solid #e8e9e6}.wr-retainer-ledger-row.is-hidden{display:none}.wr-retainer-ledger-row span b,.wr-retainer-ledger-row span small{display:block}.wr-retainer-ledger-row span b{color:#3a785a;font-size:.68rem}.wr-retainer-ledger-row span small{margin-top:.25rem;color:#838c87;font-size:.58rem}.wr-retainer-ledger-row em{justify-self:start;padding:.35rem .5rem;border-radius:999px;font-size:.55rem;font-style:normal;font-weight:800;text-transform:uppercase}.wr-retainer-ledger-row em.is-products{color:#3b7658;background:#e4efe8}.wr-retainer-ledger-row em.is-services{color:#416e9a;background:#e5edf6}.wr-retainer-ledger-row em.is-split{color:#7a47a7;background:#efe5f7}.wr-retainer-ledger-row em.is-general{color:#a15b32;background:#f8eee4}.wr-retainer-ledger-row>strong{font-size:.65rem}.wr-retainer-ledger-empty{padding:25px;text-align:center;color:#76817b;font-size:.72rem}
.wr-retainer-budget{padding:clamp(5rem,9vw,9rem) 0;background:#fff}.wr-retainer-budget-card{display:grid;grid-template-columns:.8fr 1.2fr;gap:clamp(3rem,8vw,8rem);align-items:center;padding:clamp(2rem,5vw,5rem);background:#f5f2eb;border-radius:34px}.wr-retainer-budget-copy h2{margin:1rem 0;font-size:clamp(2.8rem,4.8vw,5rem);line-height:.96;letter-spacing:-.055em}.wr-retainer-budget-copy p{color:#626d67;line-height:1.65}.wr-retainer-budget-copy .text-link{display:inline-block;margin-top:1rem}.wr-retainer-budget-ui{padding:24px;background:#fff;border:1px solid #e1e3df;border-radius:22px;box-shadow:0 25px 60px -45px rgba(23,38,31,.5)}.wr-retainer-budget-ui-head{display:grid!important;grid-template-columns:38px 1fr auto!important;align-items:center;gap:12px;padding:0 0 17px!important;border-bottom:1px solid #e5e7e3}.wr-retainer-budget-ui-head>span{display:grid;place-items:center;width:36px;height:36px;color:#39775a;background:#e8f0eb;border-radius:10px;font-weight:800}.wr-retainer-budget-ui-head strong,.wr-retainer-budget-ui-head small{display:block}.wr-retainer-budget-ui-head strong{font-size:.8rem}.wr-retainer-budget-ui-head small{margin-top:.18rem;color:#7b8580;font-size:.6rem}.wr-retainer-budget-ui-head>b{font-size:.72rem}.wr-retainer-budget-ui>div:not(:first-child){display:grid;grid-template-columns:1.1fr 1fr auto;align-items:center;gap:12px;padding:17px 0;border-bottom:1px solid #e7e8e5}.wr-retainer-budget-ui>div:last-child{border-bottom:0}.wr-retainer-budget-ui>div:not(:first-child)>span{font-size:.65rem;font-weight:700}.wr-retainer-budget-ui i{height:7px;overflow:hidden;background:#ecefeb;border-radius:999px}.wr-retainer-budget-ui u{display:block;height:100%;background:#4a8a69;border-radius:inherit}.wr-retainer-budget-ui>div:not(:first-child)>b{font-size:.65rem}.wr-retainer-end{background:#1d3028}
@media(max-width:1050px){.wr-retainer-stage{min-height:740px}.wr-retainer-photo{inset:0 13% 70px 0}.wr-retainer-product{top:55px;width:59%}.wr-retainer-types .container,.wr-retainer-ledger .container{grid-template-columns:1fr}.wr-retainer-types-copy{position:static}.wr-retainer-types-copy h2,.wr-retainer-ledger-copy h2{max-width:760px}.wr-retainer-life{grid-template-columns:1fr 1fr}.wr-retainer-life article:nth-child(2){border-right:0}.wr-retainer-life article:nth-child(-n+2){border-bottom:1px solid #e2e3df}.wr-retainer-budget-card{grid-template-columns:1fr}}
@media(max-width:760px){.wr-retainer-hero h1{font-size:clamp(4rem,17vw,6.5rem)}.wr-retainer-stage{display:flex;flex-direction:column;min-height:0}.wr-retainer-photo{position:relative;inset:auto;height:450px;border-radius:28px}.wr-retainer-photo figcaption{left:18px;bottom:18px}.wr-retainer-product{position:relative;top:auto;right:auto;width:calc(100% - 24px);margin:-65px auto 0;padding:20px;border-radius:23px}.wr-retainer-product-head{align-items:flex-start}.wr-retainer-product-head>span{max-width:130px;text-align:right}.wr-retainer-type-tabs{overflow-x:auto}.wr-retainer-type-tabs button{min-width:82px}.wr-retainer-balance strong{font-size:1.6rem}.wr-retainer-type-grid{grid-template-columns:1fr}.wr-retainer-type-grid article{min-height:235px}.wr-retainer-type-grid h3{margin-top:3rem}.wr-retainer-ledger-head{align-items:flex-start;gap:18px;flex-direction:column}.wr-retainer-ledger-head>div:last-child{width:100%;overflow-x:auto}.wr-retainer-ledger-cols{display:none}.wr-retainer-ledger-row{grid-template-columns:1.25fr .75fr 1fr;padding:15px}.wr-retainer-ledger-row>strong:nth-of-type(1){display:none}.wr-retainer-ledger-row>strong:before{display:block;margin-bottom:.2rem;color:#8b938f;font-size:.48rem;text-transform:uppercase}.wr-retainer-ledger-row>strong:nth-of-type(2):before{content:"Used"}.wr-retainer-ledger-row>strong:nth-of-type(3):before{content:"Available"}.wr-retainer-budget-card{padding:24px;border-radius:24px}.wr-retainer-budget-ui{padding:18px}.wr-retainer-budget-ui>div:not(:first-child){grid-template-columns:1fr auto}.wr-retainer-budget-ui i{grid-column:1/-1;grid-row:2}.wr-retainer-budget-ui-head{grid-template-columns:36px 1fr!important}.wr-retainer-budget-ui-head>b{grid-column:2}}
@media(max-width:520px){.wr-retainer-life{grid-template-columns:1fr}.wr-retainer-life article{min-height:220px;border-right:0;border-bottom:1px solid #e2e3df}.wr-retainer-life article:last-child{border-bottom:0}.wr-retainer-life i{margin-top:2.2rem}.wr-retainer-balance{grid-template-columns:1fr}.wr-retainer-activity>div{grid-template-columns:34px 1fr}.wr-retainer-activity>div>b{grid-column:2}.wr-retainer-product-head>span{display:none}}

/* Estimates */
.wr-estimate-hero{padding:clamp(6rem,11vw,10rem) 0 clamp(4rem,7vw,7rem);background:#f3eee6;text-align:center}.wr-estimate-hero .container{max-width:1200px}.wr-estimate-hero h1{max-width:1120px;margin:1rem auto 0;font-size:clamp(2.7rem,5.4vw,5.5rem);line-height:.86;letter-spacing:-.078em}.wr-estimate-hero h1 em{color:#3d7a5f;font-style:normal}.wr-estimate-hero>div>p{max-width:820px;margin:2rem auto 0;color:#5f6964;font-size:clamp(1.05rem,1.6vw,1.25rem);line-height:1.65}.wr-estimate-hero .hero-actions{justify-content:center;margin-top:2rem}
.wr-estimate-showcase{padding:0 0 clamp(5rem,9vw,9rem);background:linear-gradient(#f3eee6 0 34%,#fff 34%)}.wr-estimate-stage{position:relative;min-height:900px}.wr-estimate-photo{position:absolute;inset:0 0 110px 18%;margin:0;overflow:hidden;border-radius:50px}.wr-estimate-photo:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(20,35,29,.14),transparent 42%)}.wr-estimate-photo img{width:100%;height:100%;object-fit:cover}.wr-estimate-photo figcaption{position:absolute;z-index:2;right:28px;bottom:28px;padding:.65rem .9rem;color:#fff;background:rgba(24,43,35,.78);border-radius:999px;font-size:.7rem;font-weight:700;backdrop-filter:blur(8px)}
.wr-estimate-product{position:absolute;z-index:3;top:65px;left:0;width:min(760px,59%);padding:28px;background:#fff;border:1px solid #dfe3df;border-radius:28px;box-shadow:0 35px 80px -35px rgba(20,37,29,.48)}.wr-estimate-product-head{display:flex;justify-content:space-between;align-items:center;padding-bottom:18px;border-bottom:1px solid #e5e8e4}.wr-estimate-product-head small,.wr-estimate-product-head strong{display:block}.wr-estimate-product-head small{color:#7a847f;font-size:.64rem}.wr-estimate-product-head strong{margin-top:.2rem;font-size:.95rem}.wr-estimate-status{padding:.45rem .7rem;color:#a76d20;background:#f6ead4;border-radius:999px;font-size:.6rem;font-weight:800;text-transform:uppercase}.wr-estimate-progress{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;padding:16px 0;color:#6e7873;font-size:.6rem}.wr-estimate-progress i{height:7px;overflow:hidden;background:#e9ece9;border-radius:999px}.wr-estimate-progress u{display:block;height:100%;background:#3d7d5e;border-radius:inherit;transition:width .3s ease}.wr-estimate-section-head{display:flex;justify-content:space-between;align-items:center;padding:13px 15px;background:#f2f2ee;border-radius:10px}.wr-estimate-section-head strong{font-size:.76rem}.wr-estimate-section-head span{color:#727c77;font-size:.58rem}.wr-estimate-section-head b{color:#27332d}
.wr-estimate-item{display:grid;grid-template-columns:56px 1fr auto;align-items:center;gap:13px;padding:14px 8px;border-bottom:1px solid #e8eae7;border-left:3px solid transparent;transition:background .2s,border-color .2s}.wr-estimate-item.is-approved{background:#f3f8f5;border-left-color:#3e8161}.wr-estimate-item.is-declined{background:#fcf7ef;border-left-color:#d69a42}.wr-estimate-thumb{position:relative;display:grid;place-items:center;width:55px;height:55px;overflow:hidden;background:#fff;border:1px solid #e1e2de;border-radius:9px}.wr-estimate-thumb img{display:block;width:100%;height:100%;padding:3px;object-fit:contain}.wr-estimate-thumb i{position:relative;display:block}.wr-estimate-thumb.is-chair i{width:24px;height:31px;border:5px solid #9a6a43;border-top-width:9px;border-radius:3px}.wr-estimate-thumb.is-chair i:after{content:"";position:absolute;left:-5px;right:-5px;top:10px;border-top:5px solid #c6b299}.wr-estimate-thumb.is-light i{width:31px;height:31px;background:radial-gradient(circle at center,#e9dfca 0 18%,transparent 20%),conic-gradient(from 0deg,#92734f,transparent 12%,#92734f 13% 15%,transparent 16% 32%,#92734f 33% 35%,transparent 36% 52%,#92734f 53% 55%,transparent 56% 72%,#92734f 73% 75%,transparent 76% 92%,#92734f 93%)}.wr-estimate-thumb.is-table i{width:38px;height:19px;background:linear-gradient(135deg,#70675e,#aea49b);border-radius:3px;transform:perspective(40px) rotateX(18deg)}.wr-estimate-thumb.is-table i:after{content:"";position:absolute;left:4px;right:4px;bottom:-10px;height:10px;border-left:3px solid #66584c;border-right:3px solid #66584c}.wr-estimate-item>div:nth-child(2) strong,.wr-estimate-item>div:nth-child(2) small,.wr-estimate-item>div:nth-child(2) em{display:block}.wr-estimate-item>div:nth-child(2) strong{font-size:.7rem}.wr-estimate-item>div:nth-child(2) small{margin-top:.25rem;color:#7a847f;font-size:.57rem}.wr-estimate-item>div:nth-child(2) em{margin-top:.5rem;color:#4d5953;font-size:.58rem;font-style:normal;font-weight:700}.wr-estimate-item-actions{display:flex;gap:4px}.wr-estimate-item-actions button{padding:.45rem .52rem;color:#7d8681;background:#f3f3f0;border:1px solid #e0e2de;border-radius:7px;font:600 .55rem Inter,sans-serif;cursor:pointer}.wr-estimate-item-actions button.is-selected[data-approval-state=approved]{color:#fff;background:#3e8161;border-color:#3e8161}.wr-estimate-item-actions button.is-selected[data-approval-state=declined]{color:#fff;background:#d39a48;border-color:#d39a48}.wr-estimate-product-total{display:flex;justify-content:flex-end;gap:34px;padding:18px 8px 2px}.wr-estimate-product-total small,.wr-estimate-product-total strong{display:block;text-align:right}.wr-estimate-product-total small{color:#838c87;font-size:.55rem;text-transform:uppercase}.wr-estimate-product-total strong{margin-top:.25rem;font-size:.9rem}.wr-estimate-product-note{margin:15px 0 0;padding:10px;color:#397457;background:#e8f0eb;border-radius:9px;text-align:center;font-size:.6rem}
.wr-estimate-structure{padding:clamp(5rem,9vw,9rem) 0;background:#fff}.wr-estimate-structure .container{display:grid;grid-template-columns:.75fr 1.25fr;gap:clamp(3rem,8vw,8rem);align-items:center}.wr-estimate-structure h2,.wr-estimate-controls h2,.wr-estimate-next h2,.wr-estimate-payments h2{margin:1rem 0;font-size:clamp(3rem,5.4vw,5.7rem);line-height:.94;letter-spacing:-.06em}.wr-estimate-structure-copy p,.wr-estimate-controls-head p,.wr-estimate-next-intro,.wr-estimate-payments-copy>p{color:#616c66;line-height:1.65}.wr-estimate-group-demo{padding:25px;background:#f5f2eb;border-radius:26px}.wr-estimate-group-tabs{display:inline-flex;gap:4px;padding:5px;background:#e7e5df;border-radius:10px}.wr-estimate-group-tabs button{padding:.65rem 1.1rem;color:#68736d;background:transparent;border:0;border-radius:7px;font:700 .68rem Inter,sans-serif;cursor:pointer}.wr-estimate-group-tabs button.is-active{color:#2f694f;background:#fff}.wr-estimate-group-list{margin-top:20px;overflow:hidden;background:#fff;border:1px solid #e0e2de;border-radius:15px}.wr-estimate-group-list[hidden]{display:none}.wr-estimate-group-list article{display:grid;grid-template-columns:36px 1fr auto;align-items:center;gap:12px;padding:18px;border-bottom:1px solid #e5e7e4}.wr-estimate-group-list article:last-child{border-bottom:0}.wr-estimate-group-list article>span{display:grid;place-items:center;width:31px;height:31px;color:#397557;background:#e8f0eb;border-radius:8px;font-size:.58rem;font-weight:800}.wr-estimate-group-list strong,.wr-estimate-group-list small{display:block}.wr-estimate-group-list strong{font-size:.72rem}.wr-estimate-group-list small{margin-top:.2rem;color:#7b8580;font-size:.58rem}.wr-estimate-group-list b{font-size:.7rem}.wr-estimate-group-demo>p{margin:16px 0 0;color:#738079;font-size:.62rem}
.wr-estimate-controls{padding:clamp(5rem,9vw,9rem) 0;background:#1d3028;color:#fff}.wr-estimate-controls-head{max-width:950px}.wr-estimate-controls-head p{max-width:760px;color:#c7d0cb}.wr-estimate-controls-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:14px;margin-top:3.5rem}.wr-estimate-control-panel{display:grid;grid-template-columns:1fr 1fr;gap:0 28px;padding:28px;color:#1e2d26;background:#f7f5f0;border-radius:24px}.wr-estimate-control-panel>span{grid-column:1/-1;margin-bottom:16px;color:#3e7d5e;font-size:.63rem;font-weight:800;text-transform:uppercase;letter-spacing:.08em}.wr-estimate-control-panel label{display:flex;justify-content:space-between;align-items:center;padding:16px 0;border-bottom:1px solid #e1e3df;font-size:.72rem}.wr-estimate-control-panel input{position:absolute;opacity:0;pointer-events:none}.wr-estimate-control-panel label i{position:relative;width:36px;height:21px;background:#cfd4d1;border-radius:999px}.wr-estimate-control-panel label i:after{content:"";position:absolute;top:3px;left:3px;width:15px;height:15px;background:#fff;border-radius:50%;transition:left .2s}.wr-estimate-control-panel input:checked+i{background:#3e8161}.wr-estimate-control-panel input:checked+i:after{left:18px}.wr-estimate-control-message{grid-column:1/-1;margin-top:20px;padding:16px;color:#376e53;background:#e3eee8;border-radius:12px}.wr-estimate-control-message b,.wr-estimate-control-message small{display:block}.wr-estimate-control-message b{font-size:.72rem}.wr-estimate-control-message small{margin-top:.3rem;font-size:.6rem;line-height:1.45}
.wr-estimate-next{padding:clamp(5rem,9vw,9rem) 0;background:#f3eee6}.wr-estimate-next h2{max-width:950px}.wr-estimate-next-intro{max-width:760px}.wr-estimate-next-flow{display:grid;grid-template-columns:repeat(3,1fr);margin-top:3.5rem;border:1px solid #dcded9;border-radius:22px;overflow:hidden}.wr-estimate-next-flow article{min-height:290px;padding:25px;background:#fff;border-right:1px solid #dedfdb}.wr-estimate-next-flow article:last-child{border-right:0}.wr-estimate-next-flow span{color:#428064;font-size:.62rem;font-weight:800}.wr-estimate-next-flow h3{margin:4.5rem 0 .7rem;font-size:1.45rem;letter-spacing:-.04em}.wr-estimate-next-flow p{margin:0;color:#66716b;font-size:.76rem;line-height:1.55}.wr-estimate-next-flow small{display:block;margin-top:1.5rem;padding-top:1rem;color:#3c7659;border-top:1px solid #e2e4e0;font-size:.62rem;font-weight:700}.wr-estimate-action-strip{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-top:14px;padding:17px 20px;color:#fff;background:#20352c;border-radius:14px}.wr-estimate-action-strip>span{font-size:.68rem;font-weight:700}.wr-estimate-action-strip div{display:flex;gap:7px}.wr-estimate-action-strip button{padding:.55rem .65rem;color:#244132;background:#e0ede5;border:0;border-radius:7px;font:700 .57rem Inter,sans-serif}
.wr-estimate-payments{padding:clamp(5rem,9vw,9rem) 0;background:#fff}.wr-estimate-payments .container{display:grid;grid-template-columns:.78fr 1.22fr;gap:clamp(3rem,8vw,8rem);align-items:center}.wr-estimate-payments-copy ul{margin:1.4rem 0;padding:0;list-style:none}.wr-estimate-payments-copy li{position:relative;margin:.75rem 0;padding-left:1.4rem;color:#53605a;font-size:.78rem}.wr-estimate-payments-copy li:before{content:"✓";position:absolute;left:0;color:#3d7e5e;font-weight:800}.wr-estimate-rate-note{display:block;margin-top:1.5rem;padding-top:1.2rem;color:#78837d;border-top:1px solid #e1e3df;font-size:.6rem;line-height:1.5}.wr-estimate-pay-ui{padding:26px;background:#f5f2eb;border-radius:26px}.wr-estimate-pay-ui-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px;padding-bottom:18px;border-bottom:1px solid #dfe1dd}.wr-estimate-pay-ui-head small,.wr-estimate-pay-ui-head strong{display:block}.wr-estimate-pay-ui-head small{color:#78827d;font-size:.6rem}.wr-estimate-pay-ui-head strong{margin-top:.2rem;font-size:.86rem}.wr-estimate-pay-ui-head>span{font-size:.76rem;font-weight:800}.wr-estimate-pay-ui>button{display:grid;grid-template-columns:40px 1fr auto;align-items:center;gap:12px;width:100%;margin:9px 0;padding:15px;color:#29352f;background:#fff;border:1px solid #dedfdb;border-radius:13px;text-align:left;cursor:pointer}.wr-estimate-pay-ui>button.is-active{border:2px solid #3e8061}.wr-estimate-pay-ui>button i{display:grid;place-items:center;width:36px;height:36px;color:#fff;background:#3e8061;border-radius:10px;font-style:normal;font-weight:800}.wr-estimate-pay-ui>button:nth-of-type(2) i{background:#6454a6}.wr-estimate-pay-ui>button strong,.wr-estimate-pay-ui>button small{display:block}.wr-estimate-pay-ui>button strong{font-size:.73rem}.wr-estimate-pay-ui>button small{margin-top:.2rem;color:#77817c;font-size:.58rem}.wr-estimate-pay-ui>button b{color:#3d785a;font-size:.58rem}.wr-estimate-pay-methods{display:flex;gap:6px;margin:16px 0}.wr-estimate-pay-methods span{padding:.5rem .6rem;color:#66716b;background:#fff;border-radius:7px;font-size:.57rem}.wr-estimate-pay-summary{display:flex;justify-content:space-between;padding:16px 0;border-top:1px solid #dedfdb}.wr-estimate-pay-summary small,.wr-estimate-pay-summary b{display:block}.wr-estimate-pay-summary small{color:#7a847f;font-size:.55rem}.wr-estimate-pay-summary b{margin-top:.25rem;font-size:.65rem}.wr-estimate-pay-summary span:last-child{text-align:right}.wr-estimate-pay-submit{padding:.85rem;color:#fff;background:#3e8061;border-radius:10px;text-align:center;font-size:.7rem;font-weight:800}.wr-estimate-end{background:#1d3028}
.wr-estimate-processor-card{display:grid;grid-template-columns:40px 1fr auto;align-items:center;gap:12px;padding:15px;color:#29352f;background:#fff;border:2px solid #3e8061;border-radius:13px}.wr-estimate-processor-card i{display:grid;place-items:center;width:36px;height:36px;color:#fff;background:#3e8061;border-radius:10px;font-style:normal;font-weight:800}.wr-estimate-processor-card strong,.wr-estimate-processor-card small{display:block}.wr-estimate-processor-card strong{font-size:.73rem}.wr-estimate-processor-card small{margin-top:.2rem;color:#77817c;font-size:.58rem}.wr-estimate-processor-card b{color:#3d785a;font-size:.58rem}.wr-estimate-processor-note{margin:.65rem 0 0;color:#77817c;font-size:.58rem;line-height:1.5}.wr-estimate-fee-choice{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-top:17px;padding-top:16px;border-top:1px solid #dedfdb}.wr-estimate-fee-choice>small{color:#66716b;font-size:.62rem;font-weight:700}.wr-estimate-fee-choice>div{display:flex;gap:5px;padding:4px;background:#e7e5df;border-radius:10px}.wr-estimate-fee-choice button{padding:.55rem .7rem;color:#68736d;background:transparent;border:0;border-radius:7px;font:700 .58rem Inter,sans-serif;cursor:pointer}.wr-estimate-fee-choice button.is-active{color:#2f694f;background:#fff;box-shadow:0 1px 5px rgba(28,39,33,.1)}
@media(max-width:1050px){.wr-estimate-stage{min-height:800px}.wr-estimate-photo{inset:0 0 90px 12%}.wr-estimate-product{top:50px;width:64%}.wr-estimate-structure .container,.wr-estimate-payments .container{grid-template-columns:1fr}.wr-estimate-controls-grid{grid-template-columns:1fr}.wr-estimate-control-panel{grid-template-columns:1fr 1fr}.wr-estimate-next-flow article{min-height:270px}}
@media(max-width:760px){.wr-estimate-hero h1{font-size:clamp(4rem,17vw,6.5rem)}.wr-estimate-stage{display:flex;flex-direction:column;min-height:0}.wr-estimate-photo{position:relative;inset:auto;height:450px;border-radius:28px}.wr-estimate-photo figcaption{right:18px;bottom:18px}.wr-estimate-product{position:relative;top:auto;left:auto;width:calc(100% - 24px);margin:-65px auto 0;padding:19px;border-radius:23px}.wr-estimate-item{grid-template-columns:50px 1fr}.wr-estimate-item-actions{grid-column:2}.wr-estimate-thumb{width:48px;height:48px}.wr-estimate-product-total{justify-content:space-between}.wr-estimate-control-panel{grid-template-columns:1fr}.wr-estimate-next-flow{grid-template-columns:1fr}.wr-estimate-next-flow article{min-height:245px;border-right:0;border-bottom:1px solid #dedfdb}.wr-estimate-next-flow article:last-child{border-bottom:0}.wr-estimate-next-flow h3{margin-top:3rem}.wr-estimate-action-strip{align-items:flex-start;flex-direction:column}.wr-estimate-action-strip div{width:100%;overflow-x:auto}.wr-estimate-action-strip button{white-space:nowrap}.wr-estimate-pay-ui{padding:20px}.wr-estimate-pay-ui-head{align-items:flex-start;gap:15px}.wr-estimate-pay-methods{overflow-x:auto}.wr-estimate-pay-methods span{white-space:nowrap}}
@media(max-width:520px){.wr-estimate-product-head{align-items:flex-start}.wr-estimate-progress{grid-template-columns:auto 1fr}.wr-estimate-progress b{grid-column:2}.wr-estimate-section-head{align-items:flex-start;gap:8px;flex-direction:column}.wr-estimate-item>div:nth-child(2) small{display:none}.wr-estimate-pay-ui-head>span{font-size:.65rem}}

/* Dark-section contrast: all copy sitting directly on Workroom green is white. */
.wr-estimate-controls-head .wr-eyebrow,
.wr-estimate-controls-head h2,
.wr-estimate-controls-head p,
.wr-retainer-types-copy .wr-eyebrow,
.wr-retainer-types-copy h2,
.wr-retainer-types-copy p,
.wr-estimate-end .wr-page-end-card .kicker,
.wr-estimate-end .wr-page-end-card h2,
.wr-estimate-end .wr-page-end-card p,
.wr-estimate-end .wr-page-end-card .text-link,
.wr-retainer-end .wr-page-end-card .kicker,
.wr-retainer-end .wr-page-end-card h2,
.wr-retainer-end .wr-page-end-card p,
.wr-retainer-end .wr-page-end-card .text-link{color:#fff}

/* Estimates + retainers closing CTAs: one uninterrupted green field with four equal corners. */
.wr-estimate-end,
.wr-retainer-end{
  margin:var(--frame-gap);
  overflow:hidden;
  background:#1d3028;
  border-radius:28px;
}
.wr-estimate-end .wr-page-end-card,
.wr-retainer-end .wr-page-end-card{
  padding:clamp(2.5rem,6vw,5rem) 0;
  background:transparent;
  border-radius:0;
}
.wr-estimate-end .wr-page-end-card h2,
.wr-retainer-end .wr-page-end-card h2{max-width:1100px}
.wr-estimate-end .btn--primary,
.wr-retainer-end .btn--primary{
  color:#173228;
  background:#dcece4;
}
.wr-estimate-end .btn--primary:hover,
.wr-retainer-end .btn--primary:hover{
  color:#173228;
  background:#fff;
}
@media(max-width:640px){
  .wr-estimate-end,
  .wr-retainer-end{border-radius:20px}
}

/* Retainers motion: directional, restrained, and tied to page meaning. */
.js .wr-retainer-stage.is-in .wr-retainer-photo{
  animation:wr-retainer-photo-in .75s cubic-bezier(.2,.7,.25,1) both;
}
.js .wr-retainer-stage.is-in .wr-retainer-product{
  animation:wr-retainer-product-in .78s .16s cubic-bezier(.2,.7,.25,1) both;
}
.js .wr-retainer-stage.is-in .wr-retainer-meter i{
  transform-origin:left;
  animation:wr-retainer-meter-in .9s .55s cubic-bezier(.2,.75,.2,1) both;
}
.wr-retainer-type-tabs button,
.wr-retainer-life article,
.wr-retainer-type-grid article,
.wr-retainer-ledger-row{
  transition:transform .22s ease,box-shadow .22s ease,background-color .22s ease,border-color .22s ease;
}
.wr-retainer-type-tabs button:hover{transform:translateY(-1px)}
.wr-retainer-life article:hover{background:#f8faf8;transform:translateY(-4px);box-shadow:0 16px 35px -28px rgba(24,42,33,.45)}
.wr-retainer-type-grid article:hover{transform:translateY(-5px);box-shadow:0 24px 48px -35px rgba(0,0,0,.65)}
.wr-retainer-ledger-row:hover{position:relative;z-index:1;background:#f7faf8;transform:translateX(4px)}
.wr-retainer-budget-card.is-in .wr-retainer-budget-ui u{
  transform-origin:left;
  animation:wr-retainer-meter-in .85s cubic-bezier(.2,.75,.2,1) both;
}
.wr-retainer-budget-card.is-in .wr-retainer-budget-ui>div:nth-child(3) u{animation-delay:.12s}
.wr-retainer-budget-card.is-in .wr-retainer-budget-ui>div:nth-child(4) u{animation-delay:.24s}
.wr-retainer-end .text-link:after{content:"";display:inline-block;width:0;height:1px;margin-left:.35rem;background:currentColor;vertical-align:middle;transition:width .22s ease}
.wr-retainer-end .text-link:hover:after{width:24px}
@keyframes wr-retainer-photo-in{from{opacity:0;transform:translateY(24px) scale(.99)}to{opacity:1;transform:none}}
@keyframes wr-retainer-product-in{from{opacity:0;transform:translateX(28px)}to{opacity:1;transform:none}}
@keyframes wr-retainer-meter-in{from{transform:scaleX(0)}to{transform:scaleX(1)}}
@media(prefers-reduced-motion:reduce){
  .js .wr-retainer-stage.is-in .wr-retainer-photo,
  .js .wr-retainer-stage.is-in .wr-retainer-product,
  .js .wr-retainer-stage.is-in .wr-retainer-meter i,
  .wr-retainer-budget-card.is-in .wr-retainer-budget-ui u{animation:none}
  .wr-retainer-type-tabs button,
  .wr-retainer-life article,
  .wr-retainer-type-grid article,
  .wr-retainer-ledger-row,
  .wr-retainer-end .text-link:after{transition:none}
}

.wr-retainer-hero .wr-retainer-definition{max-width:720px;margin:1.2rem auto 0;padding:.7rem 1rem;color:#385b49;background:rgba(255,255,255,.62);border:1px solid #e0ded7;border-radius:999px;font-size:.78rem;line-height:1.45}.wr-retainer-tab-cue{display:flex;justify-content:space-between;align-items:center;margin:18px 2px 8px}.wr-retainer-tab-cue span{color:#315e48;font-size:.65rem;font-weight:800;text-transform:uppercase;letter-spacing:.07em}.wr-retainer-tab-cue small{color:#7a847f;font-size:.58rem}.wr-retainer-type-tabs{margin-top:0}
.wr-retainer-payproof{padding:clamp(5rem,9vw,9rem) 0;background:#f5f2eb}.wr-retainer-payproof-copy{display:grid;grid-template-columns:.75fr 1.25fr;gap:1rem clamp(3rem,8vw,8rem);align-items:start}.wr-retainer-payproof-copy .wr-eyebrow{grid-column:1/-1}.wr-retainer-payproof-copy h2{margin:.5rem 0;font-size:clamp(3rem,5.5vw,5.8rem);line-height:.94;letter-spacing:-.06em}.wr-retainer-payproof-copy p{max-width:640px;margin:.75rem 0 0;color:#616c66;line-height:1.65}.wr-retainer-rate-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:12px;margin-top:3rem}.wr-retainer-rate-grid article{min-height:230px;padding:25px;background:#fff;border:1px solid #e0e2de;border-radius:22px}.wr-retainer-rate-grid article.is-workpay{border:2px solid #3e8061}.wr-retainer-rate-grid article.is-savings{color:#fff;background:#1d3028;border-color:#1d3028}.wr-retainer-rate-grid article>span{display:block;color:#3c7659;font-size:.64rem;font-weight:800;text-transform:uppercase;letter-spacing:.07em}.wr-retainer-rate-grid article.is-savings>span{color:#fff}.wr-retainer-rate-grid strong{display:block;margin:3rem 0 .8rem;font-size:clamp(2rem,3.2vw,3.5rem);letter-spacing:-.055em}.wr-retainer-rate-grid strong small{font-size:.42em}.wr-retainer-rate-grid p{margin:0;color:#69736e;font-size:.7rem;line-height:1.5}.wr-retainer-rate-grid article.is-savings p{color:#fff}.wr-retainer-payproof-note{display:block;margin-top:1rem;color:#737e78;font-size:.6rem;line-height:1.5}
.wr-retainer-faq{padding:clamp(5rem,9vw,9rem) 0;background:#fff}.wr-retainer-faq .container{display:grid;grid-template-columns:.7fr 1.3fr;gap:clamp(3rem,8vw,8rem);align-items:start}.wr-retainer-faq-head{position:sticky;top:130px}.wr-retainer-faq-head h2{margin:1rem 0;font-size:clamp(3rem,4.8vw,5rem);line-height:.95;letter-spacing:-.055em}.wr-retainer-faq-list{border-top:1px solid #dfe2de}.wr-retainer-faq-list details{border-bottom:1px solid #dfe2de}.wr-retainer-faq-list summary{position:relative;padding:1.5rem 2.5rem 1.5rem 0;cursor:pointer;font-size:1rem;font-weight:700;list-style:none}.wr-retainer-faq-list summary::-webkit-details-marker{display:none}.wr-retainer-faq-list summary:after{content:"+";position:absolute;right:.25rem;top:1.3rem;color:#3e8061;font-size:1.4rem;font-weight:400}.wr-retainer-faq-list details[open] summary:after{content:"−"}.wr-retainer-faq-list details p{max-width:700px;margin:0;padding:0 2.5rem 1.5rem 0;color:#626d67;font-size:.82rem;line-height:1.65}.wr-estimate-rate-note strong{color:#3d785a}
@media(max-width:900px){.wr-retainer-payproof-copy,.wr-retainer-faq .container{grid-template-columns:1fr}.wr-retainer-faq-head{position:static}.wr-retainer-rate-grid{grid-template-columns:1fr 1fr}.wr-retainer-rate-grid article.is-savings{grid-column:1/-1;min-height:190px}.wr-retainer-rate-grid strong{margin-top:2.3rem}}
@media(max-width:600px){.wr-retainer-hero .wr-retainer-definition{border-radius:18px}.wr-retainer-tab-cue{align-items:flex-start;gap:.3rem;flex-direction:column}.wr-retainer-rate-grid{grid-template-columns:1fr}.wr-retainer-rate-grid article.is-savings{grid-column:auto}.wr-retainer-rate-grid article{min-height:205px}.wr-retainer-faq-list summary{font-size:.9rem}}

/* Approved page system — consistent islands, canvas, radii, and gutters */
.wr-approved-page{padding:var(--frame-gap);background:#fdfdfd}.wr-approved-page>section{overflow:hidden;margin-top:var(--frame-gap);border-radius:30px}.wr-approved-page>section:first-of-type{margin-top:0}@media(max-width:760px){.wr-approved-page>section{border-radius:22px}}
.wr-scaffold-hero{padding:clamp(6rem,11vw,10rem) 0;background:#f3eee6;text-align:center}.wr-scaffold-hero .container{max-width:1200px}.wr-scaffold-hero h1{max-width:1100px;margin:1rem auto 0;font-size:clamp(2.4rem,5vw,5.1rem);line-height:.88;letter-spacing:-.075em}.wr-scaffold-hero p{max-width:800px;margin:2rem auto 0;color:#5e6964;font-size:clamp(1.05rem,1.6vw,1.25rem);line-height:1.65}.wr-scaffold-hero .hero-actions{justify-content:center;margin-top:2rem}.wr-scaffold-visual{padding:clamp(4rem,8vw,8rem) 0;background:#fff}.wr-art-placeholder{display:grid;grid-template-columns:1fr 1.1fr;min-height:560px;overflow:hidden;background:#1d3028;border-radius:34px}.wr-art-placeholder>div{align-self:end;padding:clamp(2rem,5vw,5rem);color:#fff}.wr-art-placeholder span{color:#9bcab3;font-size:.68rem;font-weight:800;letter-spacing:.1em}.wr-art-placeholder strong{display:block;max-width:520px;margin:1rem 0;font-size:clamp(2rem,4vw,4.2rem);line-height:.98}.wr-art-placeholder p{color:#c8d3cd;line-height:1.65}.wr-art-placeholder aside{position:relative;display:grid;place-items:center;margin:28px;background:#f3eee6;border-radius:26px}.wr-art-placeholder aside:before{content:"";width:72%;height:60%;background:#fff;border:1px solid #dfe3df;border-radius:18px;box-shadow:0 30px 70px -35px rgba(20,37,29,.45)}.wr-art-placeholder aside i,.wr-art-placeholder aside b,.wr-art-placeholder aside em{position:absolute;left:22%;right:22%;height:12px;background:#e4ece7;border-radius:999px}.wr-art-placeholder aside i{top:34%}.wr-art-placeholder aside b{top:43%;right:37%}.wr-art-placeholder aside em{top:52%;right:48%}.wr-art-placeholder aside small{position:absolute;right:7%;bottom:7%;left:7%;color:#718078;font-size:.68rem;line-height:1.5}.wr-scaffold-outcomes{padding:clamp(5rem,9vw,9rem) 0;background:#f8f7f3}.wr-scaffold-grid{display:grid;grid-template-columns:repeat(3,1fr);margin-top:3rem;border:1px solid #dedfd9;border-radius:24px;overflow:hidden}.wr-scaffold-grid article{min-height:310px;padding:26px;background:#fff;border-right:1px solid #dedfd9}.wr-scaffold-grid article:last-child{border:0}.wr-scaffold-grid span{color:#3d7a5f;font-size:.66rem;font-weight:800}.wr-scaffold-grid h2{margin:4rem 0 1rem;font-size:clamp(1.5rem,2.4vw,2.5rem);line-height:1.05}.wr-scaffold-grid p{color:#66726c;font-size:.78rem;line-height:1.6}.wr-scaffold-connected{padding:clamp(5rem,9vw,9rem) 0;color:#fff;background:#1d3028}.wr-scaffold-connected .container{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:clamp(3rem,8vw,8rem)}.wr-scaffold-connected h2{max-width:680px;margin:1rem 0;font-size:clamp(3rem,5vw,5.4rem);line-height:.94;letter-spacing:-.06em;color:#fff}.wr-scaffold-connected p{color:#c5d0ca;line-height:1.65}.wr-scaffold-path{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:28px;background:#294238;border:1px solid #3b574b;border-radius:24px}.wr-scaffold-path span{padding:.8rem 1rem;color:#1d3028;background:#dcebe3;border-radius:999px;font-size:.7rem;font-weight:800}.wr-scaffold-path i{color:#8fbba6;font-style:normal}.wr-scaffold-end{background:#3d7a5f}.wr-scaffold-end .wr-page-end-card{background:#3d7a5f}@media(max-width:760px){.wr-scaffold-hero h1{font-size:clamp(3.6rem,16vw,6rem)}.wr-art-placeholder,.wr-scaffold-connected .container{grid-template-columns:1fr}.wr-art-placeholder aside{min-height:420px}.wr-scaffold-grid{grid-template-columns:1fr}.wr-scaffold-grid article{min-height:240px;border-right:0;border-bottom:1px solid #dedfd9}.wr-scaffold-grid h2{margin-top:2.5rem}.wr-scaffold-path{overflow-x:auto}.wr-scaffold-path span{white-space:nowrap}}

/* Invoices */
.wr-invoice-page{padding:var(--frame-gap);background:#fdfdfd}.wr-invoice-island{overflow:hidden;border-radius:30px}.wr-invoice-island+.wr-invoice-island{margin-top:var(--frame-gap)}
.wr-invoice-hero{padding:clamp(6rem,11vw,10rem) 0 clamp(4rem,7vw,7rem);background:#f3eee6;text-align:center}.wr-invoice-hero .container{max-width:1200px}.wr-invoice-hero h1{max-width:1160px;margin:1rem auto 0;font-size:clamp(2.7rem,5.3vw,5.4rem);line-height:.87;letter-spacing:-.075em}.wr-invoice-hero h1 em{color:#3d7a5f;font-style:normal}.wr-invoice-hero>div>p{max-width:860px;margin:2rem auto 0;color:#5e6964;font-size:clamp(1.05rem,1.6vw,1.25rem);line-height:1.65}.wr-invoice-hero .hero-actions{justify-content:center;margin-top:2rem}
.wr-invoice-showcase{padding:0 0 clamp(5rem,9vw,9rem);background:#f3eee6}.wr-invoice-stage{position:relative;min-height:930px}.wr-invoice-photo{position:absolute;inset:0 22% 95px 0;overflow:hidden;margin:0;border-radius:58px}.wr-invoice-photo:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(18,32,26,.03),transparent 50%,rgba(18,32,26,.2))}.wr-invoice-photo img{width:100%;height:100%;object-fit:cover;transition:transform 1.1s cubic-bezier(.22,.61,.36,1)}.js .wr-invoice-stage:not(.is-in) .wr-invoice-photo img{transform:scale(1.018)}.wr-invoice-photo figcaption{position:absolute;z-index:2;left:26px;bottom:26px;max-width:360px;padding:.7rem .9rem;color:#fff;background:rgba(24,43,35,.82);border-radius:13px;font-size:.67rem;font-weight:700;line-height:1.4;backdrop-filter:blur(8px)}
.wr-invoice-product{position:absolute;z-index:3;top:55px;right:0;width:min(820px,66%);padding:25px;color:#243129;background:rgba(255,255,255,.98);border:1px solid #dfe3df;border-radius:28px;box-shadow:0 40px 90px -35px rgba(20,37,29,.5);backdrop-filter:blur(12px)}.wr-invoice-product-head{display:flex;justify-content:space-between;align-items:center;padding-bottom:17px;border-bottom:1px solid #e4e7e3}.wr-invoice-product-head small,.wr-invoice-product-head strong{display:block}.wr-invoice-product-head small{color:#79847e;font-size:.6rem}.wr-invoice-product-head strong{margin-top:.2rem;font-size:.95rem}.wr-invoice-product-head>span{padding:.45rem .7rem;color:#387153;background:#e2eee7;border-radius:999px;font-size:.58rem;font-weight:800;text-transform:uppercase}
.wr-invoice-tabs{display:flex;gap:4px;margin:0 -25px;padding:10px 25px;overflow-x:auto;border-bottom:1px solid #e5e7e4}.wr-invoice-tabs button{padding:.45rem .55rem;color:#7a837f;background:transparent;border:0;border-radius:6px;font:700 .52rem Inter,sans-serif;cursor:pointer;white-space:nowrap}.wr-invoice-tabs button.is-active{color:#346d51;background:#e7f0eb}.wr-invoice-tabs button:focus-visible{outline:2px solid #3d7b5c;outline-offset:2px}.wr-invoice-tab-panel{min-height:365px}.wr-invoice-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin-top:16px}.wr-invoice-summary>div{padding:13px;background:#f5f3ee;border-radius:10px}.wr-invoice-summary small,.wr-invoice-summary strong{display:block}.wr-invoice-summary small{color:#79827e;font-size:.52rem;text-transform:uppercase}.wr-invoice-summary strong{margin-top:.5rem;font-size:1.08rem}.wr-invoice-summary>div:last-child strong{color:#a76f24}
.wr-invoice-meter{display:grid;grid-template-columns:1fr auto;align-items:center;gap:10px;padding:14px 2px}.wr-invoice-meter i{height:7px;overflow:hidden;background:#e8ece9;border-radius:999px}.wr-invoice-meter u{display:block;height:100%;background:#3f805f;border-radius:inherit;transition:width 1s .35s cubic-bezier(.22,.61,.36,1)}.js .wr-invoice-stage:not(.is-in) .wr-invoice-meter u{width:0!important}.wr-invoice-meter span{color:#3c7659;font-size:.56rem;font-weight:800}.wr-invoice-line-head,.wr-invoice-line{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:11px 9px;border-bottom:1px solid #e6e8e5}.wr-invoice-line-head{background:#f2f2ee;border-radius:9px}.wr-invoice-line-head span,.wr-invoice-line-head b{font-size:.63rem}.wr-invoice-line strong,.wr-invoice-line small{display:block}.wr-invoice-line strong{font-size:.64rem}.wr-invoice-line small{margin-top:.16rem;color:#7a847e;font-size:.51rem}.wr-invoice-line>b{font-size:.62rem}
.wr-invoice-linked{display:grid;grid-template-columns:auto repeat(3,1fr);gap:7px;align-items:center;margin-top:15px;padding:12px;background:#1d3028;border-radius:13px}.wr-invoice-linked>span{padding:0 5px;color:#fff;font-size:.52rem;font-weight:800;text-transform:uppercase;letter-spacing:.06em}.wr-invoice-linked-card{display:grid;grid-template-columns:27px 1fr;align-items:center;gap:2px 8px;min-width:0;padding:9px;color:#203028;background:#fff;border-radius:9px}.wr-invoice-linked-card i{grid-row:1/3;display:grid;place-items:center;width:27px;height:27px;color:#3d7559;background:#e2eee7;border-radius:7px;font-size:.42rem;font-style:normal;font-weight:800}.wr-invoice-linked-card b,.wr-invoice-linked-card small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.wr-invoice-linked-card b{font-size:.53rem}.wr-invoice-linked-card small{color:#7d8681;font-size:.44rem}.wr-invoice-tab-title{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:20px 2px 14px;border-bottom:1px solid #e4e7e3}.wr-invoice-tab-title>strong{font-size:.83rem}.wr-invoice-tab-title>small{color:#7b8580;font-size:.52rem}.wr-invoice-tab-title>button,.wr-invoice-note-compose button{padding:.55rem .7rem;color:#fff;background:#3d7b5c;border:0;border-radius:7px;font:700 .52rem Inter,sans-serif;cursor:pointer}.wr-invoice-tab-activity ol{margin:0;padding:8px 0 0;list-style:none}.wr-invoice-tab-activity li{position:relative;display:grid;grid-template-columns:34px 1fr;gap:12px;padding:15px 0;border-bottom:1px solid #e6e8e5}.wr-invoice-tab-activity li>i,.wr-invoice-tab-notes article>i{display:grid;place-items:center;width:32px;height:32px;color:#fff;background:#3e7b5d;border-radius:50%;font-size:.45rem;font-style:normal;font-weight:800}.wr-invoice-tab-activity li strong,.wr-invoice-tab-activity li span,.wr-invoice-tab-notes article strong{display:block}.wr-invoice-tab-activity li strong,.wr-invoice-tab-notes article strong{font-size:.61rem}.wr-invoice-tab-activity li strong small,.wr-invoice-tab-notes article strong small{color:#7d8681;font-size:.5rem;font-weight:500}.wr-invoice-tab-activity li span{margin-top:.35rem;font-size:.61rem;line-height:1.45}.wr-invoice-tab-notes article{display:grid;grid-template-columns:34px 1fr;gap:12px;padding:18px 2px}.wr-invoice-tab-notes article p{margin:.45rem 0 0;color:#59655f;font-size:.62rem;line-height:1.5}.wr-invoice-note-compose{display:flex;align-items:center;gap:12px;padding:10px 12px;background:#f4f3ef;border:1px solid #e1e3df;border-radius:9px}.wr-invoice-note-compose span{flex:1;color:#8a928e;font-size:.57rem}.wr-invoice-payment-totals{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:16px}.wr-invoice-payment-totals span{padding:14px;color:#75807a;background:#f5f3ee;border-radius:10px;font-size:.52rem}.wr-invoice-payment-totals b{display:block;margin-top:.45rem;color:#223129;font-size:1rem}.wr-invoice-payment-record{margin-top:14px;border:1px solid #e0e2de;border-radius:10px}.wr-invoice-payment-record>small{display:block;padding:10px 12px;color:#6e7873;background:#f5f5f2;font-size:.5rem;font-weight:800;text-transform:uppercase}.wr-invoice-payment-record p{display:flex;justify-content:space-between;align-items:center;gap:15px;margin:0;padding:14px 12px}.wr-invoice-payment-record p strong,.wr-invoice-payment-record p small{display:block}.wr-invoice-payment-record p strong{font-size:.61rem}.wr-invoice-payment-record p small{margin-top:.25rem;color:#7a847f;font-size:.49rem}.wr-invoice-payment-record p>b{color:#397658;font-size:.72rem}.wr-invoice-document-list{margin-top:10px}.wr-invoice-document-list p{display:grid;grid-template-columns:34px 1fr auto;align-items:center;gap:10px;margin:0;padding:14px 2px;border-bottom:1px solid #e3e5e2}.wr-invoice-document-list i{display:grid;place-items:center;width:32px;height:32px;color:#fff;background:#3d7b5c;border-radius:8px;font-size:.43rem;font-style:normal;font-weight:800}.wr-invoice-document-list strong,.wr-invoice-document-list small{display:block}.wr-invoice-document-list strong{font-size:.61rem}.wr-invoice-document-list small{margin-top:.2rem;color:#7a847f;font-size:.49rem}.wr-invoice-document-list p>b{color:#3b7658;font-size:.51rem}.wr-invoice-version-card{display:flex;justify-content:space-between;align-items:center;width:100%;margin-top:10px;padding:13px 14px;text-align:left;background:#fff;border:1px solid #dfe2de;border-radius:10px;cursor:pointer}.wr-invoice-version-card span strong,.wr-invoice-version-card span small{display:block}.wr-invoice-version-card strong{font-size:.62rem}.wr-invoice-version-card small{margin-top:.2rem;color:#7a847f;font-size:.49rem}.wr-invoice-version-card em{display:inline-block;margin:.45rem .25rem 0 0;padding:.25rem .4rem;color:#985e1b;background:#fff0c9;border-radius:999px;font-size:.43rem;font-style:normal;font-weight:800}.wr-invoice-version-card>b{color:#3e7b5d}.wr-invoice-version-detail{padding:10px 14px;background:#f5f3ee;border-radius:0 0 10px 10px}.wr-invoice-version-detail p{display:grid;grid-template-columns:1fr auto auto;gap:12px;margin:0;padding:7px 0;border-bottom:1px solid #dedfdb;font-size:.52rem}.wr-invoice-version-detail p:last-child{border-bottom:0}.wr-invoice-version-detail del{color:#a24d42}.wr-invoice-version-detail strong{color:#397658}.wr-invoice-version-detail p small{grid-column:2/4;max-width:260px;color:#65716b;line-height:1.4}.wr-invoice-product-actions{display:flex;align-items:center;gap:6px;margin-top:13px}.wr-invoice-product-actions>span{margin-right:auto;color:#7c8580;font-size:.5rem}.wr-invoice-product-actions button{padding:.55rem .65rem;color:#315f49;background:#e2eee7;border:0;border-radius:7px;font:700 .53rem Inter,sans-serif;cursor:pointer}.wr-invoice-product-actions button:last-child{color:#fff;background:#3d7b5c}
.wr-invoice-trail{padding:clamp(5rem,9vw,9rem) 0;background:#f8f7f3;box-shadow:inset 0 0 0 1px #eeece6}.wr-invoice-trail .container{display:grid;grid-template-columns:.78fr 1.22fr;gap:clamp(3rem,8vw,8rem);align-items:center}.wr-invoice-trail h2,.wr-invoice-controls h2,.wr-invoice-progress h2,.wr-invoice-record h2,.wr-invoice-compare h2{margin:1rem 0;font-size:clamp(3rem,5.4vw,5.8rem);line-height:.94;letter-spacing:-.06em}.wr-invoice-trail-copy p,.wr-invoice-controls-head p,.wr-invoice-progress-copy>p{color:#606b65;line-height:1.65}.wr-invoice-link-map{overflow:hidden;background:#f5f2eb;border-radius:24px}.wr-invoice-link-map article{display:grid;grid-template-columns:28px 40px 1fr auto;align-items:center;gap:12px;padding:18px;border-bottom:1px solid #dedfdb}.wr-invoice-link-map article:last-child{border-bottom:0}.wr-invoice-link-map article>span{color:#438064;font-size:.54rem;font-weight:800}.wr-invoice-link-map article>i{display:grid;place-items:center;width:38px;height:38px;color:#386f54;background:#fff;border-radius:9px;font-size:.53rem;font-style:normal;font-weight:800}.wr-invoice-link-map strong,.wr-invoice-link-map small{display:block}.wr-invoice-link-map strong{font-size:.72rem}.wr-invoice-link-map small{margin-top:.2rem;color:#78827d;font-size:.57rem}.wr-invoice-link-map article>b{padding:.4rem .55rem;color:#3d7659;background:#e1ece6;border-radius:999px;font-size:.5rem}.wr-invoice-link-map article>b.is-current{color:#fff;background:#1d3028}
.wr-invoice-controls{padding:clamp(5rem,9vw,9rem) 0;background:#1d3028;color:#fff}.wr-invoice-controls-head{max-width:980px}.wr-invoice-controls-head .wr-eyebrow,.wr-invoice-controls-head h2,.wr-invoice-controls-head p{color:#fff}.wr-invoice-controls-head p{max-width:780px}.wr-invoice-controls-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:3.5rem}.wr-invoice-control-panel,.wr-invoice-approval-panel{padding:27px;color:#203028;background:#f7f5f0;border-radius:24px}.wr-invoice-control-panel{display:grid;grid-template-columns:1fr 1fr;gap:0 26px}.wr-invoice-control-panel>span{grid-column:1/-1;margin-bottom:12px;color:#3e7c5e;font-size:.62rem;font-weight:800;text-transform:uppercase;letter-spacing:.07em}.wr-invoice-control-panel label{display:flex;justify-content:space-between;align-items:center;padding:16px 0;border-bottom:1px solid #e0e2de;font-size:.7rem}.wr-invoice-control-panel input{position:absolute;opacity:0;pointer-events:none}.wr-invoice-control-panel label i{position:relative;width:36px;height:21px;background:#ccd2ce;border-radius:999px}.wr-invoice-control-panel label i:after{content:"";position:absolute;top:3px;left:3px;width:15px;height:15px;background:#fff;border-radius:50%;transition:left .2s}.wr-invoice-control-panel input:checked+i{background:#3e8061}.wr-invoice-control-panel input:checked+i:after{left:18px}
.wr-invoice-approval-panel header{display:flex;justify-content:space-between;align-items:center;padding-bottom:17px;border-bottom:1px solid #e0e2de}.wr-invoice-approval-panel header span{font-size:.73rem;font-weight:800}.wr-invoice-approval-panel header small{color:#397557;font-size:.56rem}.wr-invoice-approval-items{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin:17px 0}.wr-invoice-approval-items span{padding:11px;color:#5c6862;background:#fff;border:1px solid #e0e2de;border-radius:9px;font-size:.57rem}.wr-invoice-approval-panel>button{width:100%;padding:.8rem;color:#fff;background:#3e8061;border:0;border-radius:9px;font:800 .66rem Inter,sans-serif;cursor:pointer}.wr-invoice-initials{margin-top:13px;padding:15px;background:#e7efe9;border-radius:11px}.wr-invoice-initials>label{display:block;color:#315f49;font-size:.61rem;font-weight:700}.wr-invoice-initials>div{display:grid;grid-template-columns:120px 1fr;gap:7px;margin-top:9px}.wr-invoice-initials input{min-width:0;padding:.7rem;background:#fff;border:1px solid #cbd7d0;border-radius:7px;font:700 .68rem Inter,sans-serif;text-transform:uppercase}.wr-invoice-initials button{padding:.65rem;color:#fff;background:#3e8061;border:0;border-radius:7px;font:700 .58rem Inter,sans-serif}.wr-invoice-initials button:disabled{opacity:.45}.wr-invoice-initials small{display:block;margin-top:9px;color:#607068;font-size:.52rem}.wr-invoice-approval-panel>p{margin:14px 0 0;padding:13px;color:#315f49;background:#e1eee7;border-radius:10px;font-size:.62rem;font-weight:800}
.wr-invoice-progress{padding:clamp(5rem,9vw,9rem) 0;background:#f3eee6}.wr-invoice-progress .container{display:grid;grid-template-columns:.8fr 1.2fr;gap:clamp(3rem,8vw,8rem);align-items:center}.wr-invoice-progress-copy ul{margin:1.5rem 0;padding:0;list-style:none}.wr-invoice-progress-copy li{position:relative;margin:.8rem 0;padding-left:1.4rem;color:#536059;font-size:.76rem}.wr-invoice-progress-copy li:before{content:"✓";position:absolute;left:0;color:#3d7b5c;font-weight:800}.wr-invoice-progress-ui{padding:24px;background:#fff;border:1px solid #dfe2de;border-radius:24px;box-shadow:0 30px 60px -48px rgba(21,39,30,.6)}.wr-invoice-progress-ui>header{display:flex;justify-content:space-between;align-items:center;padding-bottom:17px;border-bottom:1px solid #e3e5e2}.wr-invoice-progress-ui>header span,.wr-invoice-progress-ui>header b{font-size:.67rem}.wr-invoice-progress-bar{padding:18px 0}.wr-invoice-progress-bar i{display:block;height:10px;overflow:hidden;background:#e7ebe8;border-radius:999px}.wr-invoice-progress-bar u{display:block;height:100%;background:#3f805f;border-radius:inherit}.wr-invoice-progress-bar small{display:block;margin-top:.55rem;color:#75807a;font-size:.55rem}.wr-invoice-progress-ui ol{margin:0;padding:0;list-style:none}.wr-invoice-progress-ui li{display:grid;grid-template-columns:32px 1fr auto;align-items:center;gap:10px;padding:13px 0;border-top:1px solid #e8e9e6}.wr-invoice-progress-ui li>i{display:grid;place-items:center;width:29px;height:29px;color:#68736d;background:#edf0ee;border-radius:8px;font-size:.6rem;font-style:normal;font-weight:800}.wr-invoice-progress-ui li.is-done>i{color:#fff;background:#3e8061}.wr-invoice-progress-ui li strong,.wr-invoice-progress-ui li small{display:block}.wr-invoice-progress-ui li strong{font-size:.65rem}.wr-invoice-progress-ui li small{margin-top:.15rem;color:#7a847f;font-size:.52rem}.wr-invoice-progress-ui li>b{color:#3d7559;font-size:.56rem}
.wr-invoice-record{padding:clamp(5rem,9vw,9rem) 0;background:#f8f7f3;box-shadow:inset 0 0 0 1px #eeece6}.wr-invoice-record-head{max-width:1050px}.wr-invoice-record-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:11px;margin-top:3.5rem}.wr-invoice-record-grid>article{min-height:390px;padding:24px;background:#f5f2eb;border-radius:22px}.wr-invoice-record-grid>article>span{color:#3e7b5d;font-size:.61rem;font-weight:800;text-transform:uppercase;letter-spacing:.07em}.wr-invoice-record-grid h3{margin:3rem 0 1.5rem;font-size:1.35rem;line-height:1.08;letter-spacing:-.035em}.wr-invoice-note,.wr-invoice-files p,.wr-invoice-activity p,.wr-invoice-versions p{display:grid;grid-template-columns:32px 1fr;align-items:start;gap:9px;padding:12px 0;border-top:1px solid #dddeda}.wr-invoice-note>i,.wr-invoice-files i{display:grid;place-items:center;width:30px;height:30px;color:#fff;background:#3e7b5d;border-radius:8px;font-size:.48rem;font-style:normal;font-weight:800}.wr-invoice-note p{margin:0}.wr-invoice-note strong,.wr-invoice-note small,.wr-invoice-files strong,.wr-invoice-files small,.wr-invoice-activity strong,.wr-invoice-activity small,.wr-invoice-versions strong,.wr-invoice-versions small,.wr-invoice-versions em{display:block}.wr-invoice-note strong,.wr-invoice-files strong,.wr-invoice-activity strong,.wr-invoice-versions strong{font-size:.61rem;line-height:1.35}.wr-invoice-note small,.wr-invoice-files small,.wr-invoice-activity small,.wr-invoice-versions small{margin-top:.25rem;color:#7a847f;font-size:.5rem}.wr-invoice-activity p{grid-template-columns:12px 1fr}.wr-invoice-activity i{width:8px;height:8px;margin-top:4px;background:#3e8061;border-radius:50%}.wr-invoice-versions p{grid-template-columns:30px 1fr}.wr-invoice-versions p>b{display:grid;place-items:center;width:29px;height:29px;color:#3a7257;background:#e1ece6;border-radius:8px;font-size:.48rem}.wr-invoice-versions em{margin-top:.4rem;color:#58665f;font-size:.49rem;font-style:normal;line-height:1.4}
.wr-invoice-compare{padding:clamp(5rem,9vw,9rem) 0;background:#f3eee6}.wr-invoice-compare-head{max-width:1000px}.wr-invoice-compare-table{margin-top:3.5rem;overflow:hidden;background:#fff;border:1px solid #dfe1dd;border-radius:22px}.wr-invoice-compare-table>header,.wr-invoice-compare-table>div{display:grid;grid-template-columns:1.15fr 1fr 1fr}.wr-invoice-compare-table>header{color:#fff;background:#1d3028}.wr-invoice-compare-table span,.wr-invoice-compare-table b{padding:17px 20px;border-right:1px solid #e1e3df;font-size:.66rem}.wr-invoice-compare-table>header span,.wr-invoice-compare-table>header b{border-color:rgba(255,255,255,.16);font-size:.58rem;text-transform:uppercase;letter-spacing:.06em}.wr-invoice-compare-table>div{border-bottom:1px solid #e1e3df}.wr-invoice-compare-table>div:last-child{border-bottom:0}.wr-invoice-compare-table>div span{font-weight:700}.wr-invoice-compare-table>div b:nth-child(2){color:#326f52;background:#f0f6f2}.wr-invoice-compare-table>div b:nth-child(3){color:#747e79;font-weight:500}.wr-invoice-end{margin:var(--frame-gap) 0 0;overflow:hidden;background:#1d3028;border-radius:30px}.wr-invoice-end .wr-page-end-card{padding:clamp(2.5rem,6vw,5rem) 0;background:transparent;border-radius:0}.wr-invoice-end .kicker,.wr-invoice-end h2,.wr-invoice-end p,.wr-invoice-end .text-link{color:#fff}.wr-invoice-end h2{max-width:1100px}.wr-invoice-end .btn--primary{color:#173228;background:#dcece4}.wr-invoice-end .btn--primary:hover{color:#173228;background:#fff}
@media(prefers-reduced-motion:reduce){.wr-invoice-photo img,.wr-invoice-meter u{transition:none}.js .wr-invoice-stage:not(.is-in) .wr-invoice-photo img{transform:none}.js .wr-invoice-stage:not(.is-in) .wr-invoice-meter u{width:67%!important}}
@media(max-width:1050px){.wr-invoice-stage{min-height:870px}.wr-invoice-photo{inset:0 12% 90px 0}.wr-invoice-product{width:72%}.wr-invoice-trail .container,.wr-invoice-progress .container{grid-template-columns:1fr}.wr-invoice-controls-grid{grid-template-columns:1fr}.wr-invoice-record-grid{grid-template-columns:1fr 1fr}.wr-invoice-record-grid>article{min-height:330px}}
@media(max-width:760px){.wr-invoice-island,.wr-invoice-end{border-radius:22px}.wr-invoice-hero h1{font-size:clamp(4rem,17vw,6.5rem)}.wr-invoice-stage{display:flex;flex-direction:column;min-height:0}.wr-invoice-photo{position:relative;inset:auto;height:470px;border-radius:28px}.wr-invoice-product{position:relative;top:auto;right:auto;width:calc(100% - 24px);margin:-70px auto 0;padding:18px;border-radius:22px}.wr-invoice-tabs{margin:0 -18px;padding-inline:18px}.wr-invoice-linked{grid-template-columns:1fr}.wr-invoice-linked>span{padding:3px}.wr-invoice-product-actions{align-items:stretch;flex-direction:column}.wr-invoice-product-actions>span{margin:0}.wr-invoice-control-panel{grid-template-columns:1fr}.wr-invoice-approval-items{grid-template-columns:1fr}.wr-invoice-record-grid{grid-template-columns:1fr}.wr-invoice-record-grid>article{min-height:0}.wr-invoice-record-grid h3{margin-top:2rem}.wr-invoice-compare-table{overflow-x:auto}.wr-invoice-compare-table>header,.wr-invoice-compare-table>div{min-width:720px}}
@media(max-width:520px){.wr-invoice-summary{grid-template-columns:1fr}.wr-invoice-summary>div{display:flex;justify-content:space-between;align-items:center}.wr-invoice-summary strong{margin:0}.wr-invoice-initials>div{grid-template-columns:1fr}.wr-invoice-progress-ui>header{align-items:flex-start;gap:9px;flex-direction:column}}
@media(max-width:520px){.wr-feature-index-grid,.wr-feature-index-grid--three{grid-template-columns:1fr}.wr-feature-index-card{min-height:210px}.wr-feature-index-card h3{margin-top:2rem}.wr-features-heading h2{font-size:2.7rem}}

/* Yellow markers are an editorial review aid shown only inside the menus. */
.dropdown .needs-review .mega-icon{background:#f3c84b;border-color:#d7ad31;color:#20362e}
.dropdown .needs-review>strong,.dropdown .needs-review>span>strong{background:linear-gradient(transparent 58%,rgba(243,200,75,.72) 58%);color:var(--ink);width:max-content}
.mega-review-key{align-items:center;color:#725a12;display:flex;font-size:.72rem;font-weight:700;gap:.45rem;letter-spacing:.02em;margin-right:auto}
.mega-review-key i{background:#f3c84b;border:1px solid #d7ad31;border-radius:50%;display:block;height:.65rem;width:.65rem}

/* Bespoke hero+showcase composition — Procurement (matches the Retainers construction pattern) */
.wr-po-hero{padding:clamp(6rem,11vw,10rem) 0 0;background:#f3eee6;text-align:center}
.wr-po-hero .container{max-width:1200px}
.wr-po-hero h1{max-width:1100px;margin:1rem auto 0;font-size:clamp(2.7rem,5.4vw,5.5rem);line-height:.86;letter-spacing:-.078em}
.wr-po-hero h1 em{color:#3d7a5f;font-style:normal}
.wr-po-hero>div>p,.wr-po-hero .lead{max-width:800px;margin:2rem auto 0;color:#5e6964;font-size:clamp(1.05rem,1.6vw,1.25rem);line-height:1.65}
.wr-po-hero .hero-actions{justify-content:center;margin-top:2rem;margin-bottom:0}

.wr-po-showcase{padding:clamp(4rem,7.5vw,6.5rem) 0 clamp(5rem,9vw,9rem);background:#f3eee6}
.wr-po-stage{position:relative;min-height:680px}
.wr-po-photo{position:absolute;inset:0 19% 90px 0;margin:0;overflow:hidden;border-radius:52px}
.wr-po-photo:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(20,32,27,.04),rgba(20,32,27,0) 55%,rgba(20,32,27,.13))}
.wr-po-photo img{width:100%;height:100%;object-fit:cover}
.wr-po-photo figcaption{position:absolute;z-index:2;left:28px;bottom:28px;padding:.65rem .9rem;color:#fff;background:rgba(24,43,35,.78);border-radius:999px;font-size:.72rem;font-weight:700;backdrop-filter:blur(8px)}

.wr-po-photo--blank{background:repeating-linear-gradient(135deg,#ece7dc 0 18px,#e4ddcf 18px 36px)}
.wr-po-photo--blank:after{content:none}
.wr-po-photo--blank:before{content:"";position:absolute;inset:14px;border:1.5px solid #c3b79f;border-radius:40px}
.wr-po-art-tag{position:absolute;z-index:2;top:32px;left:32px;padding:.5rem .85rem;color:#6b5a3a;background:rgba(255,255,255,.88);border:1px solid #d8cdb6;border-radius:999px;font-size:.68rem;font-weight:800;letter-spacing:.05em;text-transform:uppercase;backdrop-filter:blur(6px)}
.wr-po-art-copy{position:absolute;z-index:2;left:32px;right:32px;bottom:32px;padding:1.2rem 1.4rem;color:#4a4030;background:rgba(255,255,255,.92);border:1px solid #d8cdb6;border-radius:22px;font-size:.8rem;line-height:1.6;backdrop-filter:blur(6px)}
.wr-po-art-copy strong{display:block;margin-bottom:.15rem;color:#2c2518}
.wr-po-art-copy span{display:block;color:#7a6d51;font-size:.72rem;margin-top:.55rem}

.wr-po-product{position:absolute;z-index:3;top:60px;right:0;width:min(430px,55%)}

.js .wr-po-stage.is-in .wr-po-photo{animation:wr-retainer-photo-in .75s cubic-bezier(.2,.7,.25,1) both}
.js .wr-po-stage.is-in .wr-po-product{animation:wr-retainer-product-in .78s .16s cubic-bezier(.2,.7,.25,1) both}

@media(max-width:1050px){.wr-po-stage{min-height:640px}.wr-po-photo{inset:0 13% 70px 0}.wr-po-product{top:40px;width:50%}}
@media(max-width:760px){.wr-po-stage{min-height:auto;display:flex;flex-direction:column;gap:22px}.wr-po-photo{position:relative;inset:auto;height:340px;border-radius:30px}.wr-po-product{position:relative;top:auto;right:auto;width:100%}}

/* ── Bills ────────────────────────────────────────────────────────────────
   One #f3eee6 hero island carrying the command-center mockup, then alternating
   product / quiet islands. Inner cards 18–26px, controls 7–12px, pills round. */
.wr-bill-hero{padding:clamp(6rem,11vw,10rem) 0 clamp(5rem,9vw,9rem);background:#f3eee6;text-align:center}
.wr-bill-hero .container{max-width:1180px}
.wr-bill-hero h1{max-width:1100px;margin:1rem auto 0;font-size:clamp(2.7rem,5.4vw,5.5rem);line-height:.88;letter-spacing:-.075em}
.wr-bill-hero h1 em{color:#3d7a5f;font-style:normal}
.wr-bill-hero .lead{max-width:820px;margin:2rem auto 0;color:#5e6964;font-size:clamp(1.05rem,1.6vw,1.25rem);line-height:1.65}
.wr-bill-hero .hero-actions{justify-content:center;margin:2rem 0 0}

.wr-bill-stage{margin-top:clamp(3rem,6vw,5rem);text-align:left}
.wr-bill-window{overflow:hidden;background:#fff;border:1px solid #ebebe8;border-radius:26px;box-shadow:0 34px 80px -40px rgba(20,37,29,.42)}
.wr-bill-window-head{display:flex;align-items:center;gap:1rem;padding:16px 20px;border-bottom:1px solid #eef0ed}
.wr-bill-window-head>strong{font-size:.95rem}
.wr-bill-window-head>b{margin-left:auto;padding:.5rem .8rem;color:#fff;background:#3d7a5f;border-radius:9px;font-size:.62rem;white-space:nowrap}
.wr-bill-filters{display:flex;flex-wrap:wrap;gap:.3rem}
.wr-bill-filters span{padding:.32rem .6rem;color:#6f7974;border-radius:999px;font-size:.58rem;font-weight:600}
.wr-bill-filters span.is-on{color:#fff;background:#1d3028}

.wr-bill-kpis{display:grid;grid-template-columns:repeat(5,1fr);border-bottom:1px solid #eef0ed}
.wr-bill-kpis>div{padding:15px 18px;border-right:1px solid #eef0ed}
.wr-bill-kpis>div:last-child{border-right:0}
.wr-bill-kpis small{display:block;color:#7b857f;font-size:.53rem;font-weight:700;letter-spacing:.07em;text-transform:uppercase}
.wr-bill-kpis strong{display:block;margin-top:.4rem;color:#27332d;font-size:1.05rem;letter-spacing:-.02em}

.wr-bill-row{display:grid;grid-template-columns:88px 1.25fr 1.25fr .7fr .9fr .8fr;gap:.8rem;align-items:center;padding:13px 18px;border-bottom:1px solid #f0f2ef;font-size:.72rem}
.wr-bill-row:last-child{border-bottom:0}
.wr-bill-row--head{color:#7b857f;background:#fafbf9;font-size:.53rem;font-weight:700;letter-spacing:.07em;text-transform:uppercase}
.wr-bill-row>span{color:#5c6762;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.wr-bill-row b{color:#27332d}
.wr-bill-amt{color:#27332d!important;font-weight:700;text-align:right}
.wr-bill-amt.is-zero{color:#939c97!important;font-weight:500}
.wr-bill-tag{display:inline-flex;padding:.3rem .58rem;border-radius:999px;font-size:.56rem;font-style:normal;font-weight:700;white-space:nowrap}
.wr-bill-tag.is-approved{color:#3a6c8a;background:#e7eff5}
.wr-bill-tag.is-pending{color:#8b6421;background:#f6ead4}
.wr-bill-tag.is-paid{color:#fff;background:#3d7a5f}
.wr-bill-pool{display:inline-flex;padding:.28rem .5rem;color:#3d7659;background:#e6efe9;border-radius:999px;font-size:.54rem;font-style:normal;font-weight:700}

/* Capture — dropzone + auto-filled form */
.wr-bill-capture{display:grid;grid-template-columns:.85fr 1.15fr;gap:clamp(1.2rem,2.5vw,2rem);margin-top:clamp(2.5rem,5vw,3.5rem)}
.wr-bill-drop{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.6rem;padding:2.5rem 1.5rem;background:#fff;border:1.5px solid #cfd6d1;border-radius:22px;text-align:center}
.wr-bill-drop-icon{display:grid;place-items:center;width:46px;height:46px;color:#3d7a5f;background:#e9f1ec;border-radius:50%}
.wr-bill-drop-icon svg{width:24px;height:24px}
.wr-bill-drop strong{font-size:.86rem}
.wr-bill-drop small{color:#7b857f;font-size:.66rem}
.wr-bill-form{display:grid;grid-template-columns:1fr 1fr;gap:1rem;padding:clamp(1.3rem,2.4vw,1.9rem);background:#fff;border:1px solid #ebebe8;border-radius:22px}
.wr-bill-field--wide{grid-column:1/-1}
.wr-bill-field label{display:block;margin-bottom:.4rem;color:#7b857f;font-size:.55rem;font-weight:700;letter-spacing:.07em;text-transform:uppercase}
.wr-bill-input{padding:.62rem .75rem;color:#27332d;background:#fbfcfa;border:1px solid #e4e7e4;border-radius:9px;font-size:.75rem}
.wr-bill-flag{display:block;margin-top:.4rem;color:#a5701f;font-size:.63rem;font-style:normal}
.wr-bill-flag:before{content:"⚠ ";}
.wr-bill-lines{margin-top:.2rem;overflow:hidden;border:1px solid #eceeea;border-radius:12px}
.wr-bill-lines>div{display:flex;justify-content:space-between;gap:1rem;padding:.62rem .8rem;border-bottom:1px solid #f0f2ef;font-size:.73rem}
.wr-bill-lines>div:last-child{border-bottom:0}
.wr-bill-lines span{color:#5c6762}
.wr-bill-lines b{color:#27332d;white-space:nowrap}
.wr-bill-lines-total{background:#f6f8f5;font-weight:700}
.wr-bill-lines-total span{color:#27332d!important}
.wr-bill-lines--full>div{display:grid;grid-template-columns:1.6fr .9fr auto;align-items:center}
.wr-bill-lines--full em{color:#7b857f;font-size:.66rem;font-style:normal}
.wr-bill-note{max-width:760px;margin:clamp(1.8rem,3vw,2.4rem) auto 0;color:#6b756f;font-size:.82rem;text-align:center}

/* Bill detail — tabs */
.wr-bill-detail{max-width:940px;margin:clamp(2.5rem,5vw,3.5rem) auto 0;overflow:hidden;background:#fff;border:1px solid #ebebe8;border-radius:26px;box-shadow:0 30px 70px -46px rgba(20,37,29,.4)}
.wr-bill-detail-head{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:20px 22px;border-bottom:1px solid #eef0ed}
.wr-bill-detail-head strong{display:block;font-size:.9rem}
.wr-bill-detail-head span{display:block;margin-top:.25rem;color:#7b857f;font-size:.68rem}
.wr-bill-totals{display:grid;grid-template-columns:repeat(3,1fr);border-bottom:1px solid #eef0ed}
.wr-bill-totals>div{padding:16px 22px;border-right:1px solid #eef0ed}
.wr-bill-totals>div:last-child{border-right:0}
.wr-bill-totals small{display:block;color:#7b857f;font-size:.53rem;font-weight:700;letter-spacing:.07em;text-transform:uppercase}
.wr-bill-totals strong{display:block;margin-top:.35rem;font-size:1.15rem;letter-spacing:-.02em}
.wr-bill-due{color:#3d7a5f}
.wr-bill-actions{display:flex;flex-wrap:wrap;gap:.5rem;padding:16px 22px;border-bottom:1px solid #eef0ed}
.wr-bill-btn{padding:.5rem .8rem;color:#4f5a54;background:#f5f6f3;border:1px solid #e4e7e4;border-radius:10px;font-size:.68rem;font-weight:600}
.wr-bill-btn--void{color:#9a4c43;border-color:#e8d7d4}
.wr-bill-btn--pay{color:#fff;background:#3d7a5f;border-color:#3d7a5f}
/* Base .tabs-nav is repeat(3,1fr); this panel has four tabs, so it needs its
   own track count or the fourth wraps onto a second row. */
.wr-bill-tabs{grid-template-columns:repeat(4,1fr);gap:.2rem;margin:0;padding:12px 22px 0;border-bottom:1px solid #eef0ed}
.wr-bill-tabs button{padding:.5rem .5rem;font-size:.76rem;white-space:nowrap}
.wr-bill-detail .tab-panel{padding:18px 22px 22px}
.wr-bill-empty{padding:1.6rem;background:#fafbf9;border-radius:14px;text-align:center}
.wr-bill-empty strong{display:block;font-size:.82rem}
.wr-bill-empty p{margin:.5rem 0 0;color:#7b857f;font-size:.72rem}
.wr-bill-attach{display:grid;grid-template-columns:200px 1fr;gap:1.4rem;align-items:center}
.wr-bill-attach-doc{padding:1rem;background:#fbfcfa;border:1px solid #e8eae6;border-radius:14px}
.wr-bill-attach-doc span{color:#9aa39e;font-size:.5rem;font-weight:800;letter-spacing:.09em}
.wr-bill-attach-doc strong{display:block;margin-top:.2rem;font-size:.9rem}
.wr-bill-attach-doc p{margin:.15rem 0 .7rem;color:#7b857f;font-size:.62rem}
.wr-bill-attach-lines{display:grid;gap:5px;margin-bottom:.7rem}
.wr-bill-attach-lines i{display:block;height:5px;background:#e7eae6;border-radius:99px}
.wr-bill-attach-lines i:nth-child(2){width:82%}.wr-bill-attach-lines i:nth-child(4){width:64%}.wr-bill-attach-lines i:nth-child(5){width:74%}
.wr-bill-attach-doc b{font-size:.72rem}
.wr-bill-attach>p{color:#5c6762;font-size:.85rem;line-height:1.65}
.wr-bill-trail{display:grid;gap:.2rem}
.wr-bill-trail>div{display:grid;grid-template-columns:26px 1fr;align-items:center;gap:.7rem;padding:.6rem 0;border-bottom:1px solid #f2f4f1}
.wr-bill-trail>div:last-child{border-bottom:0}
.wr-bill-trail i{display:block;width:15px;height:15px;background:#e7eae6;border-radius:50%}
.wr-bill-trail i.is-done{background:#3d7a5f;box-shadow:inset 0 0 0 3px #fff}
.wr-bill-trail strong{display:block;font-size:.78rem}
.wr-bill-trail small{color:#7b857f;font-size:.66rem}

@media(max-width:1050px){
  .wr-bill-kpis{grid-template-columns:repeat(3,1fr)}
  .wr-bill-kpis>div:nth-child(3n){border-right:0}
  .wr-bill-capture{grid-template-columns:1fr}
  .wr-bill-row{grid-template-columns:74px 1.2fr 1fr .9fr .8fr}
  .wr-bill-row>span:nth-child(4){display:none}
}
@media(max-width:760px){
  .wr-bill-kpis{grid-template-columns:repeat(2,1fr)}
  .wr-bill-kpis>div{border-right:0;border-bottom:1px solid #eef0ed}
  .wr-bill-form{grid-template-columns:1fr}
  .wr-bill-totals{grid-template-columns:1fr}
  .wr-bill-totals>div{border-right:0;border-bottom:1px solid #eef0ed}
  .wr-bill-attach{grid-template-columns:1fr}
  .wr-bill-window{overflow-x:auto}
  .wr-bill-table{min-width:620px}
  .wr-bill-hero .hero-actions{flex-direction:column;align-items:stretch}
}

/* ── Expenses ─────────────────────────────────────────────────────────────
   The card stack is the signature: one card per expense type, fanned back so
   you can see there are more. --pos drives depth; .is-front is the live card. */
.wr-exp-hero{padding:clamp(6rem,11vw,10rem) 0 clamp(5rem,9vw,9rem);background:#f3eee6;text-align:center}
.wr-exp-hero .container{max-width:1180px}
.wr-exp-hero h1{max-width:1100px;margin:1rem auto 0;font-size:clamp(2.7rem,5.4vw,5.5rem);line-height:.88;letter-spacing:-.075em}
.wr-exp-hero h1 em{color:#3d7a5f;font-style:normal}
.wr-exp-hero .lead{max-width:820px;margin:2rem auto 0;color:#5e6964;font-size:clamp(1.05rem,1.6vw,1.25rem);line-height:1.65}
.wr-exp-hero .hero-actions{justify-content:center;margin:2rem 0 0}

.wr-exp-stage{margin-top:clamp(3rem,6vw,5rem);text-align:left}
.wr-exp-window{overflow:hidden;background:#fff;border:1px solid #ebebe8;border-radius:26px;box-shadow:0 34px 80px -40px rgba(20,37,29,.42)}
.wr-exp-window-head{display:flex;align-items:center;gap:1rem;padding:16px 20px;border-bottom:1px solid #eef0ed}
.wr-exp-window-head>strong{font-size:.95rem}
.wr-exp-window-head>b{margin-left:auto;padding:.5rem .8rem;color:#fff;background:#3d7a5f;border-radius:9px;font-size:.62rem;white-space:nowrap}
.wr-exp-filters{display:flex;flex-wrap:wrap;gap:.3rem}
.wr-exp-filters span{padding:.32rem .6rem;color:#6f7974;border-radius:999px;font-size:.58rem;font-weight:600}
.wr-exp-filters span.is-on{color:#fff;background:#1d3028}
.wr-exp-kpis{display:grid;grid-template-columns:repeat(4,1fr);border-bottom:1px solid #eef0ed}
.wr-exp-kpis>div{padding:15px 18px;border-right:1px solid #eef0ed}
.wr-exp-kpis>div:last-child{border-right:0}
.wr-exp-kpis small{display:block;color:#7b857f;font-size:.53rem;font-weight:700;letter-spacing:.07em;text-transform:uppercase}
.wr-exp-kpis strong{display:block;margin-top:.35rem;color:#3d7a5f;font-size:1.05rem;letter-spacing:-.02em}
.wr-exp-kpis em{display:block;margin-top:.2rem;color:#96a09a;font-size:.56rem;font-style:normal}
.wr-exp-row{display:grid;grid-template-columns:1.2fr 1.3fr .8fr .6fr .8fr .9fr;gap:.8rem;align-items:center;padding:13px 18px;border-bottom:1px solid #f0f2ef;font-size:.72rem}
.wr-exp-row:last-child{border-bottom:0}
.wr-exp-row--head{color:#7b857f;background:#fafbf9;font-size:.53rem;font-weight:700;letter-spacing:.07em;text-transform:uppercase}
.wr-exp-row>span{color:#5c6762;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.wr-exp-amt{color:#27332d!important;font-weight:700}
.wr-exp-mk{display:inline-flex;padding:.24rem .45rem;color:#6b5a2e;background:#f6efdf;border-radius:999px;font-size:.56rem;font-style:normal;font-weight:700}
.wr-exp-tag{display:inline-flex;padding:.3rem .58rem;border-radius:999px;font-size:.56rem;font-style:normal;font-weight:700;white-space:nowrap}
.wr-exp-tag.is-paid{color:#fff;background:#3d7a5f}
.wr-exp-tag.is-invoiced{color:#6a4a86;background:#efe8f6}
.wr-exp-tag.is-approved{color:#3d7659;background:#e6efe9}
.wr-exp-tag.is-pending{color:#3a6c8a;background:#e7eff5}

/* Receipt capture */
.wr-exp-capture{display:grid;grid-template-columns:.8fr 1.2fr;gap:clamp(1.5rem,3vw,2.6rem);align-items:center;margin-top:clamp(2.5rem,5vw,3.5rem)}
.wr-exp-receipt-paper{max-width:250px;padding:1.2rem 1.1rem;background:#fff;border:1px solid #e8eae6;border-radius:14px;box-shadow:0 20px 40px -28px rgba(20,37,29,.4);text-align:center;font-family:ui-monospace,Menlo,monospace}
.wr-exp-receipt-paper strong{font-size:.9rem;letter-spacing:.08em}
.wr-exp-receipt-paper>span{display:block;margin-top:.2rem;color:#8b948f;font-size:.58rem}
.wr-exp-receipt-lines{display:grid;gap:6px;margin:.9rem 0}
.wr-exp-receipt-lines i{display:block;height:5px;background:#eceeea;border-radius:99px}
.wr-exp-receipt-lines i:nth-child(2){width:78%;margin:0 auto}
.wr-exp-receipt-total{display:flex;justify-content:space-between;padding-top:.6rem;border-top:1px solid #d9ddd8;font-size:.62rem}
.wr-exp-receipt-total b{color:#27332d}
.wr-exp-receipt>p{margin:.9rem 0 0;max-width:250px;color:#7b857f;font-size:.72rem}
.wr-exp-readout{padding:clamp(1.3rem,2.4vw,1.9rem);background:#fff;border:1px solid #ebebe8;border-radius:22px}
.wr-exp-readout-tag{display:inline-flex;padding:.3rem .6rem;margin-bottom:.9rem;color:#3d7659;background:#e6efe9;border-radius:999px;font-size:.58rem;font-weight:800;letter-spacing:.05em;text-transform:uppercase}
.wr-exp-readout-row{display:flex;justify-content:space-between;gap:1rem;padding:.6rem 0;border-bottom:1px solid #f0f2ef;font-size:.78rem}
.wr-exp-readout-row span{color:#7b857f}
.wr-exp-readout-row b{color:#27332d}
.wr-exp-readout-row.is-ask b{color:#a5701f}
.wr-exp-readout>p{margin:1rem 0 0;color:#5c6762;font-size:.82rem;line-height:1.6}

/* Card stack */
.wr-exp-types{margin-top:clamp(2.5rem,5vw,3.5rem)}
.wr-exp-typebar{display:flex;flex-wrap:wrap;justify-content:center;gap:.4rem;margin-bottom:clamp(1.5rem,3vw,2.2rem)}
.wr-exp-typebar button{padding:.5rem .9rem;color:#5c6762;background:#fff;border:1px solid #e4e7e4;border-radius:999px;font:600 .72rem Inter,sans-serif;cursor:pointer;transition:background .2s,color .2s,border-color .2s}
.wr-exp-typebar button:hover{border-color:#bcc7c1}
.wr-exp-typebar button.is-active{color:#fff;background:#1d3028;border-color:#1d3028}
.wr-exp-typebar button:focus-visible{outline:2px solid #3d7a5f;outline-offset:2px}
.wr-exp-stack{position:relative;max-width:620px;min-height:420px;margin:0 auto}
.wr-exp-card{position:absolute;top:0;left:0;right:0;padding:clamp(1.4rem,2.6vw,2rem);background:#fff;border:1px solid #ebebe8;border-radius:24px;box-shadow:0 26px 60px -40px rgba(20,37,29,.45);cursor:pointer;
  transform:translateY(calc(var(--pos,0) * 14px)) scale(calc(1 - var(--pos,0) * .035));
  opacity:calc(1 - var(--pos,0) * .18);
  transition:transform .42s cubic-bezier(.2,.7,.25,1),opacity .42s,box-shadow .42s}
.wr-exp-card.is-front{box-shadow:0 34px 74px -38px rgba(20,37,29,.5)}
.wr-exp-card:not(.is-front){pointer-events:none}
.wr-exp-card>header{display:flex;align-items:center;gap:.8rem;padding-bottom:1rem;border-bottom:1px solid #eef0ed}
.wr-exp-card-icon{display:grid;place-items:center;width:40px;height:40px;color:#3d7a5f;background:#e9f1ec;border-radius:11px}
.wr-exp-card-icon svg{width:21px;height:21px}
.wr-exp-card>header strong{display:block;font-size:.95rem}
.wr-exp-card>header span{display:block;margin-top:.15rem;color:#7b857f;font-size:.64rem}
.wr-exp-card-fields{display:grid;gap:.75rem;padding:1.1rem 0}
.wr-exp-card-fields>div{display:grid;gap:.3rem}
.wr-exp-card-fields .is-pair{grid-template-columns:auto 1fr auto 1fr;align-items:center;gap:.5rem}
.wr-exp-card-fields label{color:#7b857f;font-size:.55rem;font-weight:700;letter-spacing:.07em;text-transform:uppercase;white-space:nowrap}
.wr-exp-card-fields i{display:block;min-height:30px;padding:.45rem .65rem;color:#8b948f;background:#fbfcfa;border:1px solid #e4e7e4;border-radius:9px;font-size:.72rem;font-style:normal}
.wr-exp-card-fields .is-calc{grid-template-columns:1fr auto;align-items:center;padding:.6rem .75rem;background:#f2f7f4;border-radius:10px}
.wr-exp-card-fields .is-calc label{color:#3d7659}
.wr-exp-card-fields .is-calc b{color:#27332d;font-size:.86rem}
.wr-exp-card>footer{padding-top:.9rem;border-top:1px solid #eef0ed;color:#6b756f;font-size:.76rem;font-style:italic}

/* Categories */
.wr-exp-cats{display:grid;grid-template-columns:1fr 1fr .9fr;gap:clamp(1.2rem,2.4vw,2rem);margin-top:clamp(2.5rem,5vw,3.5rem)}
.wr-exp-cat-col{padding:clamp(1.2rem,2.2vw,1.7rem);background:#fff;border:1px solid #ebebe8;border-radius:22px}
.wr-exp-cat-col h3{margin:0 0 .9rem;font-size:.82rem;letter-spacing:.04em;text-transform:uppercase}
.wr-exp-cat-col ul{margin:0;padding:0;list-style:none}
.wr-exp-cat-col li{display:flex;justify-content:space-between;align-items:center;gap:.8rem;padding:.5rem 0;border-bottom:1px solid #f2f4f1;font-size:.76rem}
.wr-exp-cat-col li:last-child{border-bottom:0}
.wr-exp-cat-col li i{color:#3d7659;background:#e6efe9;border-radius:999px;padding:.2rem .45rem;font-size:.54rem;font-style:normal;font-weight:700}
.wr-exp-cat-col li.is-off{color:#a3aca7}
.wr-exp-cat-col li.is-off i{color:#96a09a;background:#f0f2ef}
.wr-exp-cat-col li.is-custom i{color:#6a4a86;background:#efe8f6}
.wr-exp-cat-note{align-self:start;padding:clamp(1.2rem,2.2vw,1.7rem);background:#1d3028;border-radius:22px;color:#dfe8e3}
.wr-exp-cat-note strong{display:block;color:#fff;font-size:.92rem}
.wr-exp-cat-note p{margin:.6rem 0 1.1rem;font-size:.78rem;line-height:1.6}
.wr-exp-setting{display:flex;justify-content:space-between;align-items:center;gap:.8rem;padding:.6rem .75rem;margin-top:.5rem;background:rgba(255,255,255,.07);border-radius:10px;font-size:.74rem}
.wr-exp-setting b{color:#bce2cd}

/* Cost → billed flow */
.wr-exp-flow{display:grid;grid-template-columns:1fr auto 1fr auto 1fr auto 1fr;align-items:center;gap:.7rem;margin-top:clamp(2.5rem,5vw,3.5rem)}
.wr-exp-flow article{padding:clamp(1.1rem,2vw,1.5rem);background:#fff;border:1px solid #ebebe8;border-radius:20px;height:100%}
.wr-exp-flow span{display:inline-flex;color:#3d7659;background:#e6efe9;border-radius:999px;padding:.22rem .5rem;font-size:.56rem;font-weight:800}
.wr-exp-flow h3{margin:.7rem 0 .4rem;font-size:.92rem}
.wr-exp-flow p{margin:0;color:#6b756f;font-size:.78rem;line-height:1.55}
.wr-exp-arrow{color:#b6c2bb;font-size:1.1rem;font-style:normal}

@media(prefers-reduced-motion:reduce){.wr-exp-card{transition:none}}
@media(max-width:1050px){
  .wr-exp-kpis{grid-template-columns:repeat(2,1fr)}
  .wr-exp-kpis>div:nth-child(2n){border-right:0}
  .wr-exp-capture{grid-template-columns:1fr}
  .wr-exp-cats{grid-template-columns:1fr 1fr}
  .wr-exp-cat-note{grid-column:1/-1}
  .wr-exp-flow{grid-template-columns:1fr 1fr;gap:1rem}
  .wr-exp-arrow{display:none}
}
@media(max-width:760px){
  .wr-exp-window{overflow-x:auto}
  .wr-exp-table{min-width:660px}
  .wr-exp-cats{grid-template-columns:1fr}
  .wr-exp-flow{grid-template-columns:1fr}
  .wr-exp-stack{min-height:480px}
  .wr-exp-card-fields .is-pair{grid-template-columns:1fr}
  .wr-exp-hero .hero-actions{flex-direction:column;align-items:stretch}
}

/* Card stack: uniform card height so a taller card behind never peeks out below
   the front one, and back cards hide their content so nothing bleeds through. */
.wr-exp-card{display:flex;flex-direction:column;min-height:400px}
.wr-exp-card-fields{flex:1;align-content:start}
.wr-exp-card>*{transition:opacity .25s ease}
.wr-exp-card:not(.is-front)>*{opacity:0}
.wr-exp-stack{min-height:470px}
@media(prefers-reduced-motion:reduce){.wr-exp-card>*{transition:none}}
@media(max-width:760px){.wr-exp-card{min-height:470px}.wr-exp-stack{min-height:540px}}

/* ── Product mega menu: money band ────────────────────────────────────────
   Eight money items read badly as one tall column, so they get a full-width
   band under the four top columns, laid out four across. */
.mega-money{grid-column:1/-1;margin-top:.45rem;padding:.9rem .45rem 0;border-top:1px solid #e8ebe8}
.mega-money h4{margin:0 0 .5rem .45rem;color:#3d7a5f;font-family:var(--sans);font-size:10px;font-weight:800;letter-spacing:.05em;text-transform:uppercase}
.mega-money-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.1rem .45rem}
.mega-col-more{display:inline-block;margin:.4rem 0 .1rem .45rem}
.mega--product .mega-col:nth-child(4){border-right:0}
@media(max-width:900px){
  .mega-money{margin-top:.2rem;padding-top:.7rem}
  .mega-money-grid{grid-template-columns:1fr}
  .mega-money h4{margin-left:0}
  .mega-col-more{margin-left:0}
}

/* The product menu is nearly full-width, so anchoring it to the nav item pushed
   its right edge off-screen on narrower desktops. Center it in the viewport
   instead; below 900px the dropdown goes static and this no longer applies. */
@media(min-width:901px){
  /* Let the product menu resolve against .site-header (sticky, full viewport
     width) rather than its nav item, so 50% really is the middle of the screen.
     Falls back to the old anchored position where :has() is unsupported. */
  .nav-item--dropdown:has(.mega--product){position:static}
  .mega--product{left:50%;transform:translateX(-50%)}
}

/* ── Product mega menu: rail variant (prototype, homepage only) ───────────
   Left rail of categories drives a single right panel, so ~5 links are visible
   instead of 24. Scoped to .mega--rail so the 4-column menu is untouched. */
.mega--rail{grid-template-columns:252px minmax(0,1fr) 244px;gap:0;width:min(1080px,calc(100vw - 2rem));padding:1.05rem}
.mega-rail{display:flex;flex-direction:column;gap:.1rem;padding-right:.8rem;border-right:1px solid #e8ebe8}
.mega-rail-item{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:.4rem;padding:.62rem .7rem;color:inherit;background:transparent;border:0;border-radius:10px;font:inherit;text-align:left;cursor:pointer;transition:background .18s}
.mega-rail-item strong{display:block;color:var(--ink);font-size:.85rem;font-weight:600;line-height:1.25}
.mega-rail-item small{display:block;margin-top:.12rem;color:#78827d;font-size:.67rem;line-height:1.3}
.mega-rail-item:hover{background:#f4f6f4}
.mega-rail-item.is-active{background:#ecf2ee}
.mega-rail-item.is-active strong{color:#2f6b52}
.mega-rail-item:focus-visible{outline:2px solid #3d7a5f;outline-offset:-2px}
.mega-rail-chev{display:grid;place-items:center;width:16px;opacity:0;color:#3d7a5f;transition:opacity .18s}
.mega-rail-chev svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.mega-rail-item.is-active .mega-rail-chev{opacity:1}
.mega-rail-count{display:grid;place-items:center;min-width:18px;height:18px;padding:0 4px;color:#725a12;background:#f3c84b;border-radius:999px;font-size:.6rem;font-style:normal;font-weight:800}

.mega-panels{min-height:246px;padding:0 .9rem}
.mega-panel{display:none}
.mega-panel.is-active{display:block}
.mega-panel[hidden]{display:none}
.mega-panel-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.05rem .4rem}
.mega-panel .mega-col-more{margin:.5rem 0 0 .45rem}

.mega-featured{padding-left:.9rem;border-left:1px solid #e8ebe8}
.mega-featured-tag{display:block;margin:.15rem 0 .5rem;color:#3d7a5f;font-family:var(--sans);font-size:10px;font-weight:800;letter-spacing:.05em;text-transform:uppercase}
.mega-featured-card{display:block;padding:.55rem;color:inherit;background:#f7f8f6;border-radius:13px;transition:background .18s}
.mega-featured-card:hover{background:#eef2ef}
.mega-featured-card img{display:block;width:100%;aspect-ratio:4/3;margin-bottom:.6rem;object-fit:cover;border-radius:9px}
.mega-featured-card strong{display:block;padding:0 .2rem;font-size:.84rem}
.mega-featured-card small{display:block;padding:0 .2rem;margin-top:.25rem;color:#78827d;font-size:.68rem;line-height:1.4}
.mega-featured-card b{display:block;padding:0 .2rem;margin-top:.5rem;color:#3d7a5f;font-size:.71rem}

@media(prefers-reduced-motion:reduce){.mega-rail-item,.mega-rail-chev,.mega-featured-card{transition:none}}
@media(max-width:900px){
  /* Collapse back to the stacked accordion the mobile nav already uses. */
  .mega--rail{grid-template-columns:1fr;width:auto;padding:0 0 .6rem .5rem}
  .mega-rail{flex-direction:column;padding-right:0;border-right:0}
  .mega-rail-item{display:none}
  .mega-panels{min-height:0;padding:0}
  .mega-panel,.mega-panel[hidden]{display:block}
  .mega-panel-grid{grid-template-columns:1fr}
  .mega-featured{padding-left:0;border-left:0;margin-top:.6rem}
  .mega-featured-card{display:flex;gap:.6rem;align-items:center}
  .mega-featured-card img{width:74px;aspect-ratio:1;margin:0}
}
/* Panel headings carry the group name on mobile, where the rail is hidden. */
.mega-panel-head{display:none}
@media(max-width:900px){
  .mega-panel-head{display:block;margin:.7rem 0 .4rem;color:#3d7a5f;font-family:var(--sans);font-size:10px;font-weight:800;letter-spacing:.05em;text-transform:uppercase}
}

/* ── Change Orders ────────────────────────────────────────────────────────
   The ledger (original / additions / deductions / revised) is the signature
   visual; the version tabs prove the original is kept rather than overwritten. */
.wr-co-hero{padding:clamp(6rem,11vw,10rem) 0 clamp(5rem,9vw,9rem);background:#f3eee6;text-align:center}
.wr-co-hero .container{max-width:1180px}
.wr-co-hero h1{max-width:1100px;margin:1rem auto 0;font-size:clamp(2.7rem,5.4vw,5.5rem);line-height:.88;letter-spacing:-.075em}
.wr-co-hero h1 em{color:#3d7a5f;font-style:normal}
.wr-co-hero .lead{max-width:830px;margin:2rem auto 0;color:#5e6964;font-size:clamp(1.05rem,1.6vw,1.25rem);line-height:1.65}
.wr-co-hero .hero-actions{justify-content:center;margin:2rem 0 0}

.wr-co-stage{margin-top:clamp(3rem,6vw,5rem);text-align:left}
.wr-co-doc{max-width:760px;margin:0 auto;overflow:hidden;background:#fff;border:1px solid #ebebe8;border-radius:26px;box-shadow:0 34px 80px -40px rgba(20,37,29,.42)}
.wr-co-doc-head{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:20px 24px;border-bottom:1px solid #eef0ed}
.wr-co-doc-head strong{display:block;font-size:.95rem}
.wr-co-doc-head span{display:block;margin-top:.22rem;color:#7b857f;font-size:.68rem}
.wr-co-tag{display:inline-flex;padding:.32rem .6rem;border-radius:999px;font-size:.58rem;font-style:normal;font-weight:700;white-space:nowrap}
.wr-co-tag.is-approved{color:#fff;background:#3d7a5f}

.wr-co-ledger{padding:6px 0}
.wr-co-line{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:1rem;padding:12px 24px;font-size:.8rem}
.wr-co-line>span{color:#3a453f;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.wr-co-line>em{color:#8b948f;font-size:.62rem;font-style:normal;white-space:nowrap}
.wr-co-line>b{min-width:112px;color:#27332d;text-align:right;white-space:nowrap}
.wr-co-line.is-base{background:#fafbf9;border-bottom:1px solid #eef0ed}
.wr-co-line.is-add>b{color:#2f6b52}
.wr-co-line.is-add>span:before{content:"+";display:inline-block;width:1rem;color:#2f6b52;font-weight:800}
.wr-co-line.is-sub>b{color:#9a5f43}
.wr-co-line.is-sub>span:before{content:"\2212";display:inline-block;width:1rem;color:#9a5f43;font-weight:800}
.wr-co-line.is-total{margin-top:6px;padding-top:15px;padding-bottom:15px;background:#f2f7f4;border-top:1px solid #e2ebe6}
.wr-co-line.is-total>span,.wr-co-line.is-total>b{font-size:.92rem;font-weight:700}
.wr-co-line.is-total>em{color:#3d7659;font-weight:700}

.wr-co-sign{display:flex;align-items:center;gap:1rem;padding:16px 24px;background:#fbfcfa;border-top:1px solid #eef0ed}
.wr-co-sign-mark{width:96px;color:#2f4a3c}
.wr-co-sign-mark svg{display:block;width:100%;height:auto}
.wr-co-sign strong{display:block;font-size:.8rem}
.wr-co-sign small{display:block;margin-top:.15rem;color:#7b857f;font-size:.65rem}

/* Version tabs */
.wr-co-versions{max-width:760px;margin:clamp(2.5rem,5vw,3.5rem) auto 0;overflow:hidden;background:#fff;border:1px solid #ebebe8;border-radius:26px;box-shadow:0 30px 70px -46px rgba(20,37,29,.4)}
.wr-co-tabs{gap:.2rem;margin:0;padding:14px 20px 0;border-bottom:1px solid #eef0ed}
.wr-co-versions .tab-panel{padding:16px 20px 20px}
.wr-co-scope>div{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:11px 12px;border-bottom:1px solid #f2f4f1;font-size:.78rem}
.wr-co-scope>div:last-child{border-bottom:0}
.wr-co-scope span{color:#3a453f}
.wr-co-scope b{color:#27332d;white-space:nowrap}
.wr-co-scope i{display:inline-block;margin-left:.4rem;padding:.15rem .4rem;border-radius:999px;font-size:.55rem;font-style:normal;font-weight:700;vertical-align:middle}
.wr-co-scope .is-changed{background:#f1f7f3;border-radius:9px}
.wr-co-scope .is-changed i{color:#2f6b52;background:#dcece4}
.wr-co-scope .is-changed b{color:#2f6b52}
.wr-co-scope .is-removed{background:#fbf4ef;border-radius:9px}
.wr-co-scope .is-removed span{color:#8b6a58;text-decoration:line-through}
.wr-co-scope .is-removed i{color:#9a5f43;background:#f4e3d8;text-decoration:none}
.wr-co-scope .is-removed b{color:#9a5f43}
.wr-co-scope-total{margin-top:6px;padding-top:14px!important;background:#f2f7f4;border-top:1px solid #e2ebe6;border-radius:9px}
.wr-co-scope-total span,.wr-co-scope-total b{font-size:.9rem;font-weight:700}
.wr-co-scope-note{margin:.9rem 0 0;color:#7b857f;font-size:.74rem;text-align:center}

/* Approval trail */
.wr-co-approval{display:grid;grid-template-columns:.9fr 1.1fr;gap:clamp(1.5rem,3vw,2.8rem);align-items:center;margin-top:clamp(2.5rem,5vw,3.5rem)}
.wr-co-trail{padding:clamp(1.3rem,2.4vw,1.9rem);background:#fff;border:1px solid #ebebe8;border-radius:22px}
.wr-co-trail>div{display:grid;grid-template-columns:26px 1fr;align-items:center;gap:.7rem;padding:.65rem 0;border-bottom:1px solid #f2f4f1}
.wr-co-trail>div:last-child{border-bottom:0}
.wr-co-trail i{display:block;width:15px;height:15px;background:#e7eae6;border-radius:50%}
.wr-co-trail i.is-done{background:#3d7a5f;box-shadow:inset 0 0 0 3px #fff}
.wr-co-trail strong{display:block;font-size:.79rem}
.wr-co-trail small{color:#7b857f;font-size:.66rem}
.wr-co-approval-copy p{margin:1.2rem 0 0;color:#5c6762;font-size:.88rem;line-height:1.65}

@media(max-width:900px){
  .wr-co-approval{grid-template-columns:1fr}
}
@media(max-width:760px){
  .wr-co-hero .hero-actions{flex-direction:column;align-items:stretch}
  .wr-co-line{grid-template-columns:minmax(0,1fr) auto;row-gap:.2rem}
  .wr-co-line>em{grid-column:1;order:3}
  .wr-co-doc,.wr-co-versions{overflow-x:hidden}
  .wr-co-sign{flex-direction:column;align-items:flex-start;gap:.5rem}
}

/* Lifestyle scene — photograph as the rear layer, a real Workroom card in front.
   The photo is cropped in CSS (square window, left-aligned) rather than in the
   file, so swapping in a different render is a one-line change. */
.wr-co-scene{position:relative;margin-top:clamp(2.5rem,5vw,3.5rem)}
.wr-co-scene-photo{position:relative;width:56%;aspect-ratio:.96;margin:0;overflow:hidden;border-radius:30px}
.wr-co-scene-photo img{width:100%;height:100%;object-fit:cover;object-position:left center}
.wr-co-scene-card{position:absolute;z-index:2;left:48%;top:50%;transform:translateY(-50%);width:min(430px,48%);padding:clamp(1.2rem,2.2vw,1.7rem);background:#fff;border:1px solid #ebebe8;border-radius:24px;box-shadow:0 34px 74px -34px rgba(20,37,29,.5)}
.wr-co-scene-card-head{padding-bottom:.85rem;border-bottom:1px solid #eef0ed}
.wr-co-scene-card-head span{display:block;color:#3d7a5f;font-size:.58rem;font-weight:800;letter-spacing:.09em;text-transform:uppercase}
.wr-co-scene-card-head strong{display:block;margin-top:.3rem;font-size:.88rem}
.wr-co-scene-add{padding:.5rem 0}
.wr-co-scene-add>div{display:flex;justify-content:space-between;gap:1rem;padding:.42rem 0;font-size:.75rem}
.wr-co-scene-add span{color:#4a554f}
.wr-co-scene-add span:before{content:"+";display:inline-block;width:.95rem;color:#2f6b52;font-weight:800}
.wr-co-scene-add b{color:#2f6b52;white-space:nowrap}
.wr-co-scene-sums{padding:.7rem .8rem;background:#f4f7f5;border-radius:12px}
.wr-co-scene-sums>div{display:flex;justify-content:space-between;gap:1rem;font-size:.75rem}
.wr-co-scene-sums span{color:#6b756f}
.wr-co-scene-sums b{color:#3a453f}
.wr-co-scene-sums .is-new{margin-top:.4rem;padding-top:.45rem;border-top:1px solid #e2ebe6}
.wr-co-scene-sums .is-new span,.wr-co-scene-sums .is-new b{color:#20362e;font-size:.88rem;font-weight:700}
.wr-co-scene-actions{display:grid;gap:.4rem;margin-top:.9rem}
.wr-co-scene-btn{padding:.6rem;color:#4f5a54;background:#f5f6f3;border:1px solid #e4e7e4;border-radius:10px;font-size:.72rem;font-weight:600;text-align:center}
.wr-co-scene-btn.is-primary{color:#fff;background:#3d7a5f;border-color:#3d7a5f}

@media(max-width:1050px){
  .wr-co-scene-photo{width:60%;aspect-ratio:.92}
  .wr-co-scene-card{left:42%;width:min(380px,54%)}
}
@media(max-width:760px){
  /* Must stay <=1:1 or the crop lets the tablet back into frame. */
  .wr-co-scene-photo{width:100%;aspect-ratio:.95}
  .wr-co-scene-photo img{object-position:left center}
  .wr-co-scene-card{position:relative;left:auto;top:auto;transform:none;width:100%;margin-top:1rem}
}

/* Bills lifestyle scene — cinematic band cropped to hide the AI card baked into
   the bottom-left of the source, with a real bill card overlapping that space.
   The 2.7 ratio is load-bearing: widen it and the garbled card reappears. */
.wr-bill-scene{position:relative;margin-top:clamp(2.5rem,5vw,3.5rem)}
.wr-bill-scene-photo{position:relative;width:100%;aspect-ratio:2.7;margin:0;overflow:hidden;border-radius:30px}
.wr-bill-scene-photo img{width:100%;height:100%;object-fit:cover;object-position:center top}
.wr-bill-scene-card{position:absolute;z-index:2;left:4%;top:50%;transform:translateY(-50%);width:min(390px,38%);padding:clamp(1.1rem,2vw,1.5rem);background:#fff;border:1px solid #ebebe8;border-radius:24px;box-shadow:0 34px 74px -34px rgba(20,37,29,.5)}
.wr-bill-scene-head{display:flex;justify-content:space-between;align-items:flex-start;gap:.7rem;padding-bottom:.8rem;border-bottom:1px solid #eef0ed}
.wr-bill-scene-head span{display:block;color:#3d7a5f;font-size:.56rem;font-weight:800;letter-spacing:.09em;text-transform:uppercase}
.wr-bill-scene-head strong{display:block;margin-top:.28rem;font-size:.85rem}
.wr-bill-scene-meta{padding:.6rem 0}
.wr-bill-scene-meta>div{display:flex;justify-content:space-between;gap:1rem;padding:.34rem 0;font-size:.72rem}
.wr-bill-scene-meta span{color:#7b857f}
.wr-bill-scene-meta b{color:#3a453f;text-align:right}
.wr-bill-scene-sums{padding:.7rem .8rem;background:#f4f7f5;border-radius:12px}
.wr-bill-scene-sums>div{display:flex;justify-content:space-between;gap:1rem;padding:.12rem 0;font-size:.73rem}
.wr-bill-scene-sums span{color:#6b756f}
.wr-bill-scene-sums b{color:#3a453f}
.wr-bill-scene-sums .is-due{margin-top:.4rem;padding-top:.45rem;border-top:1px solid #e2ebe6}
.wr-bill-scene-sums .is-due span,.wr-bill-scene-sums .is-due b{color:#20362e;font-size:.85rem;font-weight:700}
.wr-bill-scene-actions{display:grid;gap:.4rem;margin-top:.85rem}
.wr-bill-scene-btn{padding:.58rem;color:#4f5a54;background:#f5f6f3;border:1px solid #e4e7e4;border-radius:10px;font-size:.71rem;font-weight:600;text-align:center}
.wr-bill-scene-btn.is-primary{color:#fff;background:#3d7a5f;border-color:#3d7a5f}

/* Below the overlap breakpoint the band would be too short to hold the card, so
   stack instead — and switch to a right-aligned squarish crop, which is the only
   other window that excludes the baked-in card (it sits at x 6-39%, y 69-100%). */
@media(max-width:1050px){
  .wr-bill-scene-photo{aspect-ratio:1.05}
  .wr-bill-scene-photo img{object-position:right center}
  .wr-bill-scene-card{position:relative;left:auto;top:auto;transform:none;width:100%;margin-top:1rem}
}
@media(max-width:760px){
  .wr-bill-scene-photo{aspect-ratio:1}
}

@media(max-width:620px){
  .wr-bill-tabs{grid-template-columns:repeat(2,1fr)}
}

/* Light button for dark islands. 15 pages reference .btn--inverse but it was
   never defined anywhere, so it fell back to near-black text on a transparent
   background — invisible on the dark CTA island. Matches the treatment the
   invoicing page already uses for a primary button on dark. */
.btn--inverse{color:#173228;background:#dcece4;border-color:#dcece4}
.btn--inverse:hover{color:#173228;background:#fff;border-color:#fff}

/* Expenses lifestyle scene — photograph as the rear layer, real Add Expense card
   in front. Card sits over the passenger seat on the right, which is the calm
   part of the frame and also covers the generator's sparkle watermark. */
.wr-exp-scene{position:relative;margin-top:clamp(2.5rem,5vw,3.5rem)}
/* 1.6 not 16/9: the wider box would show past 87% of the source, where the
   generator left a sparkle watermark. Only vents live in that strip. */
.wr-exp-scene-photo{position:relative;width:100%;aspect-ratio:1.6;margin:0;overflow:hidden;border-radius:30px}
.wr-exp-scene-photo img{width:100%;height:100%;object-fit:cover;object-position:left center}
.wr-exp-scene-card{position:absolute;z-index:2;right:3%;top:50%;transform:translateY(-50%);width:min(360px,34%);padding:clamp(1.1rem,2vw,1.5rem);background:#fff;border:1px solid #ebebe8;border-radius:24px;box-shadow:0 34px 74px -34px rgba(20,37,29,.5)}
.wr-exp-scene-head{padding-bottom:.8rem;border-bottom:1px solid #eef0ed}
.wr-exp-scene-head span{display:block;color:#3d7a5f;font-size:.56rem;font-weight:800;letter-spacing:.09em;text-transform:uppercase}
.wr-exp-scene-head strong{display:block;margin-top:.28rem;font-size:.88rem}
.wr-exp-scene-head .wr-exp-tag{margin-top:.45rem}
.wr-exp-scene-fields{padding:.6rem 0}
.wr-exp-scene-fields>div{display:flex;justify-content:space-between;gap:1rem;padding:.32rem 0;font-size:.72rem}
.wr-exp-scene-fields span{color:#7b857f}
.wr-exp-scene-fields b{color:#3a453f;text-align:right}
.wr-exp-scene-calc{padding:.7rem .8rem;background:#f4f7f5;border-radius:12px}
.wr-exp-scene-calc>div{display:flex;justify-content:space-between;gap:1rem;padding:.12rem 0;font-size:.73rem}
.wr-exp-scene-calc span{color:#6b756f}
.wr-exp-scene-calc b{color:#3a453f}
.wr-exp-scene-calc .is-billed{margin-top:.4rem;padding-top:.45rem;border-top:1px solid #e2ebe6}
.wr-exp-scene-calc .is-billed span,.wr-exp-scene-calc .is-billed b{color:#20362e;font-size:.85rem;font-weight:700}
.wr-exp-scene-receipt{display:flex;align-items:center;gap:.5rem;margin-top:.85rem;padding:.55rem .7rem;background:#eef4f0;border-radius:10px;color:#2f6b52;font-size:.68rem;font-weight:600}
.wr-exp-scene-clip{display:grid;place-items:center;flex:0 0 auto}
.wr-exp-scene-clip svg{width:15px;height:15px}

@media(max-width:1050px){
  .wr-exp-scene-photo{aspect-ratio:1.5}
  .wr-exp-scene-card{position:relative;right:auto;top:auto;transform:none;width:100%;margin-top:1rem}
}
@media(max-width:760px){
  .wr-exp-scene-photo{aspect-ratio:1.25}
  .wr-exp-scene-photo img{object-position:58% center}
}

/* ── QuickBooks Sync ──────────────────────────────────────────────────────
   Dense, factual page. The mapping tabs and the direction matrix carry the
   depth story, so they get the visual weight; everything else stays quiet. */
.wr-qb-hero{padding:clamp(6rem,11vw,10rem) 0 clamp(5rem,9vw,9rem);background:#f3eee6;text-align:center}
.wr-qb-hero .container{max-width:1180px}
.wr-qb-hero h1{max-width:1100px;margin:1rem auto 0;font-size:clamp(2.5rem,5vw,5rem);line-height:.92;letter-spacing:-.07em}
.wr-qb-hero h1 em{color:#3d7a5f;font-style:normal}
.wr-qb-hero .lead{max-width:840px;margin:2rem auto 0;color:#5e6964;font-size:clamp(1.05rem,1.6vw,1.25rem);line-height:1.65}
.wr-qb-hero .hero-actions{justify-content:center;margin:2rem 0 0}

.wr-qb-stage{margin-top:clamp(3rem,6vw,5rem);text-align:left}
.wr-qb-window{max-width:900px;margin:0 auto;overflow:hidden;background:#fff;border:1px solid #ebebe8;border-radius:26px;box-shadow:0 34px 80px -40px rgba(20,37,29,.42)}
.wr-qb-window-head{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:18px 22px;border-bottom:1px solid #eef0ed}
.wr-qb-window-head strong{display:block;font-size:.92rem}
.wr-qb-window-head span{display:block;margin-top:.2rem;color:#7b857f;font-size:.68rem}
.wr-qb-window-head b{padding:.5rem .8rem;color:#fff;background:#3d7a5f;border-radius:9px;font-size:.64rem;white-space:nowrap}
.wr-qb-conn{display:flex;align-items:center;gap:.7rem;margin:16px 22px;padding:13px 15px;background:#eef5f0;border:1px solid #dcebe2;border-radius:12px}
.wr-qb-check{display:grid;place-items:center;width:22px;height:22px;flex:0 0 auto;color:#fff;background:#3d7a5f;border-radius:50%}
.wr-qb-check svg{width:13px;height:13px;fill:none;stroke:currentColor;stroke-width:2.6;stroke-linecap:round;stroke-linejoin:round}
.wr-qb-conn strong{display:block;color:#22412f;font-size:.8rem}
.wr-qb-conn small{display:block;margin-top:.12rem;color:#5f7a6c;font-size:.66rem}
.wr-qb-map{padding:0 0 6px}
.wr-qb-map-row{display:grid;grid-template-columns:1.15fr 1fr;gap:1rem;align-items:center;padding:11px 22px;border-top:1px solid #f1f3f0;font-size:.76rem}
.wr-qb-map-row--head{color:#7b857f;background:#fafbf9;border-top:0;font-size:.53rem;font-weight:700;letter-spacing:.07em;text-transform:uppercase}
.wr-qb-map-row>span{color:#4a554f}
.wr-qb-map-row>b{color:#27332d;font-weight:600}
.wr-qb-map-row i{display:inline-block;margin-left:.35rem;padding:.13rem .35rem;color:#8b6421;background:#f6ead4;border-radius:999px;font-size:.5rem;font-style:normal;font-weight:700;vertical-align:middle}

/* Mapping tabs */
.wr-qb-mapping{max-width:960px;margin:clamp(2.5rem,5vw,3.5rem) auto 0;overflow:hidden;background:#fff;border:1px solid #ebebe8;border-radius:26px;box-shadow:0 30px 70px -46px rgba(20,37,29,.4)}
.wr-qb-tabs{grid-template-columns:repeat(5,1fr);gap:.2rem;margin:0;padding:14px 20px 0;border-bottom:1px solid #eef0ed}
.wr-qb-tabs button{padding:.5rem .4rem;font-size:.71rem;white-space:nowrap}
.wr-qb-mapping .tab-panel{padding:16px 20px 22px}
.wr-qb-panel-note{margin:0 0 1rem;color:#6b756f;font-size:.8rem;line-height:1.6}
.wr-qb-fields{display:grid;grid-template-columns:1fr 1fr;gap:.1rem .9rem}
.wr-qb-fields>div{display:grid;gap:.15rem;padding:.55rem 0;border-bottom:1px solid #f2f4f1}
.wr-qb-fields span{color:#27332d;font-size:.76rem;font-weight:600}
.wr-qb-fields b{color:#78827d;font-size:.68rem;font-weight:400;line-height:1.45}
.wr-qb-fields i{display:inline-block;margin-left:.3rem;padding:.12rem .32rem;color:#8b6421;background:#f6ead4;border-radius:999px;font-size:.48rem;font-style:normal;font-weight:700;vertical-align:middle}
.wr-qb-chips{display:flex;flex-wrap:wrap;gap:.4rem}
.wr-qb-chips span{padding:.45rem .7rem;color:#3a453f;background:#f4f6f3;border:1px solid #e6e9e5;border-radius:999px;font-size:.73rem}
.wr-qb-chips .is-own{color:#2f6b52;background:#e6efe9;border-color:#d3e5da;font-weight:700}

/* Direction matrix */
.wr-qb-matrix{max-width:820px;margin:clamp(2.5rem,5vw,3.5rem) auto 0;overflow:hidden;background:#fff;border:1px solid #ebebe8;border-radius:22px}
.wr-qb-matrix-row{display:grid;grid-template-columns:1.6fr .6fr .6fr;align-items:center;gap:1rem;padding:12px 20px;border-bottom:1px solid #f2f4f1;font-size:.78rem}
.wr-qb-matrix-row:last-child{border-bottom:0}
.wr-qb-matrix-row--head{color:#7b857f;background:#fafbf9;font-size:.53rem;font-weight:700;letter-spacing:.07em;text-transform:uppercase}
.wr-qb-matrix-row--head b{text-align:center}
.wr-qb-matrix-row>span{color:#3a453f}
.wr-qb-matrix-row>i{justify-self:center;display:block;width:32px;height:18px;border-radius:999px;position:relative}
.wr-qb-matrix-row>i:after{content:"";position:absolute;top:3px;width:12px;height:12px;background:#fff;border-radius:50%}
.wr-qb-matrix-row>i.on{background:#3d7a5f}
.wr-qb-matrix-row>i.on:after{right:3px}
.wr-qb-matrix-row>i.off{background:#dfe3df}
.wr-qb-matrix-row>i.off:after{left:3px}
.wr-qb-matrix-row>em{justify-self:center;color:#a3aca7;font-size:.68rem;font-style:italic}
.wr-qb-matrix-note{max-width:820px;margin:1.1rem auto 0;color:#6b756f;font-size:.82rem;line-height:1.6;text-align:center}

/* Sync Center */
.wr-qb-center{max-width:900px;margin:clamp(2.5rem,5vw,3.5rem) auto 0;overflow:hidden;background:#fff;border:1px solid #ebebe8;border-radius:26px;box-shadow:0 30px 70px -46px rgba(20,37,29,.4)}
.wr-qb-center-kpis{display:grid;grid-template-columns:repeat(4,1fr);border-bottom:1px solid #eef0ed}
.wr-qb-center-kpis>div{padding:15px 18px;border-right:1px solid #eef0ed}
.wr-qb-center-kpis>div:last-child{border-right:0}
.wr-qb-center-kpis small{display:block;color:#7b857f;font-size:.53rem;font-weight:700;letter-spacing:.07em;text-transform:uppercase}
.wr-qb-center-kpis strong{display:block;margin-top:.3rem;font-size:1.1rem;letter-spacing:-.02em}
.wr-qb-center-kpis .is-warn strong{color:#9a4c43}
.wr-qb-log-row{display:grid;grid-template-columns:1.5fr .7fr .7fr .5fr;gap:.8rem;align-items:center;padding:11px 18px;border-bottom:1px solid #f2f4f1;font-size:.74rem}
.wr-qb-log-row--head{color:#7b857f;background:#fafbf9;font-size:.53rem;font-weight:700;letter-spacing:.07em;text-transform:uppercase}
.wr-qb-log-row>span{color:#4a554f;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.wr-qb-log-row>b{color:#78827d;font-weight:500}
.wr-qb-log-row.is-error{grid-template-columns:1fr;padding-top:0;color:#9a4c43;background:#fdf7f5;font-size:.7rem}
.wr-qb-log-row.is-error span{color:#9a4c43}
.wr-qb-pill{display:inline-flex;padding:.24rem .5rem;border-radius:999px;font-size:.55rem;font-style:normal;font-weight:700}
.wr-qb-pill.is-ok{color:#3d7659;background:#e6efe9}
.wr-qb-pill.is-fail{color:#9a4c43;background:#f6e3df}
.wr-qb-center-foot{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:14px 18px;background:#fafbf9;font-size:.72rem}
.wr-qb-center-foot span{color:#78827d}
.wr-qb-center-foot b{color:#3d7a5f}

@media(max-width:900px){
  .wr-qb-fields{grid-template-columns:1fr}
  .wr-qb-tabs{grid-template-columns:repeat(3,1fr)}
  .wr-qb-center-kpis{grid-template-columns:repeat(2,1fr)}
  .wr-qb-center-kpis>div:nth-child(2n){border-right:0}
}
@media(max-width:760px){
  .wr-qb-hero .hero-actions{flex-direction:column;align-items:stretch}
  .wr-qb-tabs{grid-template-columns:repeat(2,1fr)}
  .wr-qb-map-row{grid-template-columns:1fr;gap:.2rem}
  .wr-qb-window,.wr-qb-center{overflow-x:auto}
  .wr-qb-log{min-width:540px}
  .wr-qb-matrix{overflow-x:auto}
  .wr-qb-matrix-row{min-width:460px}
}

/* ── Contacts ─────────────────────────────────────────────────────────────
   The story is that a client record and a vendor record are different shapes,
   so the comparison tabs and the two record mockups carry the weight. */
.wr-ct-hero{padding:clamp(6rem,11vw,10rem) 0 clamp(5rem,9vw,9rem);background:#f3eee6;text-align:center}
.wr-ct-hero .container{max-width:1180px}
.wr-ct-hero h1{max-width:1100px;margin:1rem auto 0;font-size:clamp(2.6rem,5.2vw,5.2rem);line-height:.9;letter-spacing:-.072em}
.wr-ct-hero h1 em{color:#3d7a5f;font-style:normal}
.wr-ct-hero .lead{max-width:840px;margin:2rem auto 0;color:#5e6964;font-size:clamp(1.05rem,1.6vw,1.25rem);line-height:1.65}
.wr-ct-hero .hero-actions{justify-content:center;margin:2rem 0 0}

.wr-ct-stage{margin-top:clamp(3rem,6vw,5rem);text-align:left}
.wr-ct-window{max-width:940px;margin:0 auto;overflow:hidden;background:#fff;border:1px solid #ebebe8;border-radius:26px;box-shadow:0 34px 80px -40px rgba(20,37,29,.42)}
.wr-ct-window-head{display:flex;align-items:center;gap:1rem;padding:16px 20px;border-bottom:1px solid #eef0ed}
.wr-ct-window-head strong{display:block;font-size:.95rem}
.wr-ct-window-head span{display:block;margin-top:.1rem;color:#7b857f;font-size:.64rem}
.wr-ct-window-head b{margin-left:auto;padding:.5rem .8rem;color:#fff;background:#3d7a5f;border-radius:9px;font-size:.62rem;white-space:nowrap}
.wr-ct-seg{display:flex;gap:.2rem;padding:.2rem;background:#f2f4f2;border-radius:999px}
.wr-ct-seg span{padding:.32rem .7rem;color:#6f7974;border-radius:999px;font-size:.62rem;font-weight:600}
.wr-ct-seg span.is-on{color:#fff;background:#3d7a5f}
.wr-ct-row{display:grid;grid-template-columns:1.3fr 1.3fr .9fr .8fr .55fr;gap:.8rem;align-items:center;padding:11px 20px;border-bottom:1px solid #f1f3f0;font-size:.74rem}
.wr-ct-row:last-child{border-bottom:0}
.wr-ct-row--head{color:#7b857f;background:#fafbf9;font-size:.53rem;font-weight:700;letter-spacing:.07em;text-transform:uppercase}
.wr-ct-row>span{color:#5c6762;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.wr-ct-row>span:first-child{display:flex;align-items:center;gap:.55rem;color:#27332d;font-weight:600}
.wr-ct-av{display:grid;place-items:center;width:26px;height:26px;flex:0 0 auto;color:#fff;border-radius:50%;font-size:.55rem;font-style:normal;font-weight:800}
.wr-ct-av.is-a{background:#6b4a86}.wr-ct-av.is-b{background:#2f5f86}.wr-ct-av.is-c{background:#3d7a5f}.wr-ct-av.is-d{background:#9a6b3f}
.wr-ct-dot{display:inline-block;width:7px;height:7px;margin-right:.4rem;background:#c9cfca;border-radius:50%}
.wr-ct-dot.is-on{background:#3d7a5f}
.wr-ct-tag{display:inline-flex;padding:.24rem .5rem;color:#3d7659;background:#e6efe9;border-radius:999px;font-size:.56rem;font-style:normal;font-weight:700}
.wr-ct-count{display:grid;place-items:center;width:24px;height:24px;color:#2f5f86;background:#e7eff5;border:1px solid #d5e3ee;border-radius:50%;font-size:.62rem;font-weight:700}

/* Client vs vendor tabs */
.wr-ct-compare{max-width:900px;margin:clamp(2.5rem,5vw,3.5rem) auto 0;overflow:hidden;background:#fff;border:1px solid #ebebe8;border-radius:26px;box-shadow:0 30px 70px -46px rgba(20,37,29,.4)}
.wr-ct-tabs{grid-template-columns:repeat(2,1fr);gap:.2rem;margin:0;padding:14px 20px 0;border-bottom:1px solid #eef0ed}
.wr-ct-compare .tab-panel{padding:14px 20px 20px}
.wr-ct-fields>div{display:grid;gap:.15rem;padding:.62rem 0;border-bottom:1px solid #f2f4f1}
.wr-ct-fields>div:last-child{border-bottom:0}
.wr-ct-fields span{color:#27332d;font-size:.79rem;font-weight:600}
.wr-ct-fields b{color:#78827d;font-size:.72rem;font-weight:400;line-height:1.45}
.wr-ct-note{max-width:820px;margin:clamp(1.6rem,3vw,2.2rem) auto 0;color:#6b756f;font-size:.82rem;line-height:1.6;text-align:center}

/* Credit ledger */
.wr-ct-credit{max-width:900px;margin:clamp(2.5rem,5vw,3.5rem) auto 0;overflow:hidden;background:#fff;border:1px solid #ebebe8;border-radius:26px;box-shadow:0 30px 70px -46px rgba(20,37,29,.4)}
.wr-ct-credit-head{display:grid;grid-template-columns:1fr 1fr;border-bottom:1px solid #eef0ed}
.wr-ct-credit-head>div{padding:16px 20px;border-right:1px solid #eef0ed}
.wr-ct-credit-head>div:last-child{border-right:0}
.wr-ct-credit-head span{display:block;color:#7b857f;font-size:.53rem;font-weight:700;letter-spacing:.07em;text-transform:uppercase}
.wr-ct-credit-head strong{display:block;margin-top:.3rem;color:#20362e;font-size:1.25rem;letter-spacing:-.02em}
.wr-ct-credit-head small{display:block;margin-top:.1rem;color:#96a09a;font-size:.6rem}
.wr-ct-ledger-row{display:grid;grid-template-columns:.9fr 1.1fr .9fr .8fr .8fr;gap:.8rem;align-items:center;padding:11px 20px;border-bottom:1px solid #f2f4f1;font-size:.74rem}
.wr-ct-ledger-row:last-child{border-bottom:0}
.wr-ct-ledger-row--head{color:#7b857f;background:#fafbf9;font-size:.53rem;font-weight:700;letter-spacing:.07em;text-transform:uppercase}
.wr-ct-ledger-row>span{color:#5c6762}
.wr-ct-ledger-row>b{color:#27332d;text-align:right}
.wr-ct-ledger-row>b.is-neg{color:#9a5f43}
.wr-ct-ledger-row>b.is-live{color:#2f6b52}
.wr-ct-pill{display:inline-flex;padding:.26rem .52rem;border-radius:999px;font-size:.55rem;font-style:normal;font-weight:700;white-space:nowrap}
.wr-ct-pill.is-applied{color:#3d7659;background:#e6efe9}
.wr-ct-pill.is-refund{color:#8b6421;background:#f6ead4}
.wr-ct-pill.is-credit{color:#2f5f86;background:#e7eff5}
.wr-ct-pill.is-draft{color:#6b756f;background:#f0f2ef}
.wr-ct-pill.is-void{color:#9a4c43;background:#f6e3df}

/* Vendor record */
.wr-ct-vendor{display:grid;grid-template-columns:.72fr 1.28fr;gap:clamp(1rem,2vw,1.4rem);margin-top:clamp(2.5rem,5vw,3.5rem)}
.wr-ct-vcard{padding:clamp(1rem,1.8vw,1.4rem);background:#fff;border:1px solid #ebebe8;border-radius:20px}
.wr-ct-vcard+.wr-ct-vcard{margin-top:1rem}
.wr-ct-vcard>span{display:block;margin-bottom:.65rem;color:#3d7a5f;font-size:.55rem;font-weight:800;letter-spacing:.09em;text-transform:uppercase}
.wr-ct-vcard>div{display:flex;justify-content:space-between;gap:1rem;padding:.4rem 0;border-bottom:1px solid #f2f4f1;font-size:.76rem}
.wr-ct-vcard>div:last-child{border-bottom:0}
.wr-ct-vcard small{color:#7b857f}
.wr-ct-vcard b{color:#27332d}
.wr-ct-rep{display:block!important}
.wr-ct-rep b{display:block;font-size:.76rem}
.wr-ct-rep small{display:block;margin-top:.15rem;color:#7b857f;font-size:.66rem}
.wr-ct-rep i{display:inline-block;margin-left:.3rem;padding:.1rem .35rem;color:#3d7659;background:#e6efe9;border-radius:999px;font-size:.48rem;font-style:normal;font-weight:800;vertical-align:middle}
.wr-ct-vendor-main{overflow:hidden;background:#fff;border:1px solid #ebebe8;border-radius:20px}
.wr-ct-vendor-tabs{display:flex;gap:.2rem;padding:12px 16px;border-bottom:1px solid #eef0ed}
.wr-ct-vendor-tabs span{padding:.4rem .7rem;color:#6f7974;border-radius:9px;font-size:.7rem;font-weight:600}
.wr-ct-vendor-tabs span.is-on{color:#fff;background:#3d7a5f}
.wr-ct-po-row{display:grid;grid-template-columns:.7fr .8fr 1.1fr .8fr .7fr;gap:.7rem;align-items:center;padding:11px 16px;border-bottom:1px solid #f2f4f1;font-size:.73rem}
.wr-ct-po-row:last-child{border-bottom:0}
.wr-ct-po-row--head{color:#7b857f;background:#fafbf9;font-size:.52rem;font-weight:700;letter-spacing:.07em;text-transform:uppercase}
.wr-ct-po-row>span{color:#5c6762;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.wr-ct-po-row>b{color:#27332d}

/* Client portal */
.wr-ct-portal{display:grid;grid-template-columns:.85fr 1.15fr;gap:clamp(1.5rem,3vw,2.6rem);align-items:center;margin-top:clamp(2.5rem,5vw,3.5rem)}
.wr-ct-portal-card{padding:clamp(1.2rem,2.2vw,1.7rem);background:#fff;border:1px solid #ebebe8;border-radius:22px}
.wr-ct-check{display:flex;align-items:center;gap:.55rem;padding:.4rem 0;color:#3a453f;font-size:.78rem;font-weight:600}
.wr-ct-check i{display:grid;place-items:center;width:17px;height:17px;flex:0 0 auto;background:#fff;border:1.5px solid #cfd6d1;border-radius:5px}
.wr-ct-check i.is-on{background:#3d7a5f;border-color:#3d7a5f}
.wr-ct-check i.is-on:after{content:"";width:8px;height:4px;border:2px solid #fff;border-top:0;border-right:0;transform:rotate(-45deg) translate(1px,-1px)}
.wr-ct-code{margin:.9rem 0 .5rem}
.wr-ct-code small{display:block;margin-bottom:.4rem;color:#7b857f;font-size:.55rem;font-weight:700;letter-spacing:.07em;text-transform:uppercase}
.wr-ct-digits{display:flex;gap:.4rem}
.wr-ct-digits b{display:grid;place-items:center;width:40px;height:46px;color:#20362e;background:#f6f8f5;border:1px solid #e2e7e3;border-radius:10px;font-size:1.1rem}
.wr-ct-portal-card p{margin:.5rem 0 .9rem;color:#7b857f;font-size:.7rem}
.wr-ct-portal-list{margin:0}

@media(max-width:900px){
  .wr-ct-vendor,.wr-ct-portal{grid-template-columns:1fr}
  .wr-ct-vcard+.wr-ct-vcard{margin-top:1rem}
}
@media(max-width:760px){
  .wr-ct-hero .hero-actions{flex-direction:column;align-items:stretch}
  .wr-ct-window,.wr-ct-credit,.wr-ct-vendor-main{overflow-x:auto}
  .wr-ct-table{min-width:640px}
  .wr-ct-ledger{min-width:620px}
  .wr-ct-po{min-width:540px}
  .wr-ct-window-head{flex-wrap:wrap}
  .wr-ct-credit-head{grid-template-columns:1fr}
  .wr-ct-credit-head>div{border-right:0;border-bottom:1px solid #eef0ed}
}

/* Contacts hero demo — Contacts/Vendors views plus a project popover. */
.wr-ct-seg button{padding:.32rem .7rem;color:#6f7974;background:transparent;border:0;border-radius:999px;font:600 .62rem Inter,sans-serif;cursor:pointer;transition:background .18s,color .18s}
.wr-ct-seg button.is-on{color:#fff;background:#3d7a5f}
.wr-ct-seg button:focus-visible{outline:2px solid #3d7a5f;outline-offset:2px}
.wr-ct-window{position:relative}
button.wr-ct-count{border:1px solid #d5e3ee;cursor:pointer;font-family:inherit;transition:background .18s,border-color .18s}
button.wr-ct-count:hover,button.wr-ct-count.is-open{color:#fff;background:#2f5f86;border-color:#2f5f86}
button.wr-ct-count:focus-visible{outline:2px solid #3d7a5f;outline-offset:2px}
.wr-ct-num{display:grid;place-items:center;width:24px;height:24px;color:#6b756f;background:#f2f4f2;border-radius:50%;font-size:.62rem;font-weight:700}
.wr-ct-link{display:inline-flex;padding:.24rem .5rem;color:#2f5f86;background:#e7eff5;border-radius:999px;font-size:.56rem;font-style:normal;font-weight:700}
.wr-ct-link.is-off{color:#96a09a;background:#f0f2ef}
.wr-ct-tag.is-alt{color:#8b6421;background:#f6ead4}
.wr-ct-av.is-v1{background:#9a6b3f}.wr-ct-av.is-v2{background:#4a6b86}.wr-ct-av.is-v3{background:#6b7a4a}.wr-ct-av.is-v4{background:#86544a}
.wr-ct-pop{position:absolute;z-index:5;right:18px;min-width:190px;padding:.75rem .85rem;background:#fff;border:1px solid #e4e7e4;border-radius:14px;box-shadow:0 22px 46px -20px rgba(20,37,29,.36)}
.wr-ct-pop>span{display:block;margin-bottom:.45rem;color:#7b857f;font-size:.52rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
.wr-ct-pop [data-ct-pop-list] span{display:block;padding:.3rem 0;color:#2f6b52;font-size:.76rem;font-weight:600}
.wr-ct-table--vendors .wr-ct-row{grid-template-columns:1.3fr 1fr .9fr .9fr .5fr}

/* Credit ledger as a scene — photo behind, a smaller card in front. Card is
   narrowed from the full 900px so the photograph can carry the section. */
.wr-ct-credit-scene{position:relative;margin-top:clamp(2.5rem,5vw,3.5rem)}
.wr-ct-credit-photo{position:relative;width:100%;aspect-ratio:2.1;margin:0;overflow:hidden;background:#eee9e0;border-radius:30px}
.wr-ct-credit-photo img{width:100%;height:100%;object-fit:cover;object-position:center}
.wr-ct-credit-scene .wr-ct-credit{position:absolute;z-index:2;right:4%;top:50%;transform:translateY(-50%);max-width:none;width:min(560px,56%);margin:0}
.wr-ct-credit-scene .wr-ct-credit-head strong{font-size:1.05rem}
.wr-ct-credit-scene .wr-ct-ledger-row{padding:9px 16px;font-size:.68rem}
.wr-ct-credit-scene .wr-ct-credit-head>div{padding:13px 16px}
.wr-ct-credit-scene .wr-ct-pill{font-size:.5rem;padding:.22rem .45rem}

@media(max-width:1050px){
  .wr-ct-credit-photo{aspect-ratio:1.7}
  .wr-ct-credit-scene .wr-ct-credit{position:relative;right:auto;top:auto;transform:none;width:100%;margin-top:1rem}
}
@media(max-width:760px){
  .wr-ct-credit-photo{aspect-ratio:1.3}
  .wr-ct-credit-scene .wr-ct-ledger{min-width:600px}
}

/* ── Pricing ──────────────────────────────────────────────────────────────
   Two plans, then go-live tiers, then the honest first-year total. */
.wr-pr-hero{padding:clamp(6rem,11vw,10rem) 0 clamp(4rem,7vw,7rem);background:#f3eee6;text-align:center}
.wr-pr-hero .container{max-width:1180px}
.wr-pr-hero h1{max-width:1000px;margin:1rem auto 0;font-size:clamp(2.6rem,5.2vw,5.2rem);line-height:.9;letter-spacing:-.072em}
.wr-pr-hero h1 em{color:#3d7a5f;font-style:normal}
.wr-pr-hero .lead{max-width:820px;margin:2rem auto 0;color:#5e6964;font-size:clamp(1.05rem,1.6vw,1.22rem);line-height:1.65}
.wr-pr-hero .hero-actions{justify-content:center;margin:2rem 0 0}

.wr-pr-plans{display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(7,auto);gap:clamp(.9rem,1.8vw,1.3rem);max-width:1180px;margin:0 auto;align-items:start}
.wr-pr-plans--duo{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:auto;max-width:760px;align-items:start}
.wr-pr-plans--duo .wr-pr-plan{grid-row:auto;display:flex;flex-direction:column}
.wr-pr-plans--duo .wr-pr-head{display:block}
.wr-pr-plans--duo .wr-pr-feat{flex:0 1 auto;margin-bottom:1.2rem}
/* Plan cards share one row track each, so title, subtitle, price, billing,
   features, the setup note and the button line up across all three. */
.wr-pr-plan{position:relative;display:grid;grid-template-rows:subgrid;grid-row:span 7;align-content:start;padding:clamp(1.5rem,2.6vw,2.1rem);background:#fff;border:1px solid #ebebe8;border-radius:26px}
.wr-pr-head{display:contents}
@supports not (grid-template-rows:subgrid){.wr-pr-plan{display:flex;flex-direction:column}.wr-pr-head{display:block}}
/* Annual / monthly toggle */
.wr-pr-cycle{display:inline-flex;gap:4px;margin:0 auto clamp(1.4rem,2.6vw,2rem);padding:4px;background:#f1f2ef;border-radius:999px}
.wr-pr-cycle{display:flex;width:max-content}
.wr-pr-cycle button{display:inline-flex;align-items:baseline;gap:.4rem;padding:.55rem 1.1rem;border:0;border-radius:999px;background:transparent;color:#5c6863;font-family:var(--sans);font-size:.85rem;font-weight:600;cursor:pointer}
.wr-pr-cycle button small{color:#7f8a84;font-size:.7rem;font-weight:500}
.wr-pr-cycle button.is-active{background:#fff;color:var(--ink);box-shadow:0 1px 3px rgba(20,37,29,.12)}
.wr-pr-cycle button.is-active small{color:var(--green)}

.wr-pr-plan.is-featured{border-color:#3d7a5f;box-shadow:0 30px 70px -46px rgba(20,37,29,.45)}
.wr-pr-badge{position:absolute;top:-11px;left:50%;transform:translateX(-50%);padding:.3rem .7rem;color:#fff;background:#3d7a5f;border-radius:999px;font-size:.58rem;font-weight:800;letter-spacing:.05em;text-transform:uppercase;white-space:nowrap}
.wr-pr-plan h2{margin:0;font-size:1.35rem;letter-spacing:-.02em}
.wr-pr-plan header p{margin:.4rem 0 0;color:#6b756f;font-size:.82rem;line-height:1.5}
.wr-pr-price{display:flex;align-items:baseline;gap:.35rem;margin:1.1rem 0 .3rem}
.wr-pr-price b{color:#20362e;font-size:2.6rem;font-weight:700;letter-spacing:-.04em;line-height:1}
.wr-pr-price span{color:#7b857f;font-size:.82rem}
.wr-pr-billing{display:block;color:#8b948f;font-size:.68rem}
.wr-pr-feat{margin:1.2rem 0;padding:0;list-style:none;flex:1}
.wr-pr-feat li{position:relative;padding:.32rem 0 .32rem 1.4rem;color:#4a554f;font-size:.79rem}
.wr-pr-feat li:before{content:"";position:absolute;left:0;top:.72rem;width:6px;height:6px;background:#bcd3c6;border-radius:50%}
.wr-pr-feat li em{color:#7b857f;font-style:italic}
.wr-pr-feat li em:before{content:none}
.wr-pr-setup{padding:.85rem .95rem;margin-bottom:1.1rem;background:#f2f7f4;border:1px solid #dfebe4;border-radius:14px}
.wr-pr-setup.is-light{background:#fafbf9;border-color:#eef0ed}
.wr-pr-setup strong{display:block;color:#20362e;font-size:.78rem}
.wr-pr-setup span{display:block;margin-top:.25rem;color:#6b756f;font-size:.72rem;line-height:1.5}
.btn--full{display:block;width:100%;text-align:center}

/* Go-live tiers */
.wr-pr-tiers{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(1rem,2vw,1.4rem);margin-top:clamp(2.5rem,5vw,3.5rem)}
.wr-pr-tier{display:flex;flex-direction:column;padding:clamp(1.3rem,2.2vw,1.8rem);background:#fff;border:1px solid #ebebe8;border-radius:22px}
.wr-pr-tier.is-featured{border-color:#3d7a5f}
.wr-pr-tier>span{color:#3d7a5f;font-size:.58rem;font-weight:800;letter-spacing:.09em;text-transform:uppercase}
.wr-pr-tier h3{margin:.4rem 0 0;font-size:1rem}
.wr-pr-tier-fee{display:flex;align-items:baseline;gap:.4rem;margin:.9rem 0 1rem;padding-bottom:.9rem;border-bottom:1px solid #f0f2ef}
.wr-pr-tier-fee b{color:#20362e;font-size:1.6rem;font-weight:700;letter-spacing:-.03em}
.wr-pr-tier-fee small{color:#8b948f;font-size:.68rem}
.wr-pr-tier ul{margin:0;padding:0;list-style:none}
.wr-pr-tier li{position:relative;padding:.3rem 0 .3rem 1.3rem;color:#5c6762;font-size:.76rem;line-height:1.5}
.wr-pr-tier li:before{content:"";position:absolute;left:0;top:.68rem;width:5px;height:5px;background:#bcd3c6;border-radius:50%}

.wr-pr-migrate{max-width:820px;margin:clamp(2rem,4vw,2.8rem) auto 0;padding:clamp(1.2rem,2.2vw,1.7rem);background:#fff;border:1px solid #ebebe8;border-radius:22px;text-align:center}
.wr-pr-migrate strong{display:block;color:#3d7a5f;font-size:.58rem;font-weight:800;letter-spacing:.09em;text-transform:uppercase}
.wr-pr-migrate-chips{display:flex;flex-wrap:wrap;justify-content:center;gap:.4rem;margin:.9rem 0}
.wr-pr-migrate-chips span{padding:.4rem .7rem;color:#3a453f;background:#f4f6f3;border:1px solid #e6e9e5;border-radius:999px;font-size:.73rem}
.wr-pr-migrate p{margin:0;color:#6b756f;font-size:.8rem;line-height:1.6}

/* First-year total */
.wr-pr-total{max-width:720px;margin:clamp(2rem,4vw,2.8rem) auto 0}
.wr-pr-total-rows{overflow:hidden;background:#fff;border:1px solid #ebebe8;border-radius:22px}
.wr-pr-total-rows>div{display:flex;justify-content:space-between;gap:1rem;padding:.9rem 1.2rem;border-bottom:1px solid #f2f4f1;font-size:.85rem}
.wr-pr-total-rows>div:last-child{border-bottom:0}
.wr-pr-total-rows span{color:#5c6762}
.wr-pr-total-rows b{color:#27332d;white-space:nowrap}
.wr-pr-total-rows .is-sum{background:#f2f7f4}
.wr-pr-total-rows .is-sum span,.wr-pr-total-rows .is-sum b{color:#20362e;font-size:1rem;font-weight:700}
.wr-pr-total-rows .is-after span,.wr-pr-total-rows .is-after b{color:#6b756f}
.wr-pr-total>p{margin:1.1rem 0 0;color:#6b756f;font-size:.82rem;line-height:1.65;text-align:center}

/* Guarantee */
.wr-pr-guarantee{display:grid;grid-template-columns:1.15fr .85fr;gap:clamp(1.5rem,3vw,3rem);align-items:center}
.wr-pr-guarantee h2{margin:1rem 0 0}
.wr-pr-guarantee p{margin:1rem 0 0;color:#5c6762;font-size:.92rem;line-height:1.7}

@media(max-width:900px){
  .wr-pr-plans{grid-template-columns:1fr;max-width:520px}
  .wr-pr-tiers{grid-template-columns:1fr}
  .wr-pr-guarantee{grid-template-columns:1fr}
}
@media(max-width:760px){
  .wr-pr-hero .hero-actions{flex-direction:column;align-items:stretch}
}
.wr-pr-tier-cap{margin:0 0 .9rem;padding:.5rem .6rem;background:#f4f7f5;border-radius:9px;color:#4a554f;font-size:.72rem}
.wr-pr-tier-cap b{color:#20362e}
.result-line--sum{margin-top:.35rem;padding-top:.55rem;border-top:1px solid rgba(255,255,255,.22)}
.result-line--sum span,.result-line--sum strong{font-size:.92rem;font-weight:700}

/* Pricing calculator — a dark-green island so the one interactive moment on the
   page reads as the pivotal one. Follows the site's dark-surface convention:
   white text, #bce2cd accents, translucent white fields. */
.wr-pr-calc{max-width:660px;margin:clamp(2rem,4vw,2.6rem) auto 0;padding:clamp(1.4rem,3vw,1.9rem);background:#1d3028;border-radius:26px;box-shadow:0 34px 74px -38px rgba(20,37,29,.6)}
.wr-pr-calc .calc-body{grid-template-columns:1fr 1fr;gap:1.3rem;align-items:stretch}
.wr-pr-calc .calc-inputs{grid-template-columns:1fr;gap:.7rem;align-content:start}
.wr-pr-calc .form-field label{margin-bottom:.3rem;color:#9bcab3;font-size:9.5px;letter-spacing:.07em}
.wr-pr-calc input[type="number"],.wr-pr-calc select{width:100%;padding:.5rem .6rem;color:#fff;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.2);border-radius:9px;font:600 .88rem Inter,sans-serif}
.wr-pr-calc input[type="number"]:focus,.wr-pr-calc select:focus{outline:2px solid #6fae8d;outline-offset:1px;background:rgba(255,255,255,.13)}
.wr-pr-calc select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 6'%3E%3Cpath d='M1 1l4 4 4-4' fill='none' stroke='%239bcab3' stroke-width='1.6' stroke-linecap='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .6rem center;background-size:9px;padding-right:1.6rem}

.wr-pr-calc-plan{display:block;margin-top:.2rem;padding:.6rem .7rem;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.14);border-radius:11px}
.wr-pr-calc-plan span{display:block;color:#9bcab3;font-size:9.5px;font-weight:700;letter-spacing:.07em;text-transform:uppercase}
.wr-pr-calc-plan strong{display:block;margin-top:.1rem;color:#fff;font-size:.95rem}
.wr-pr-calc-plan small{display:block;margin-top:.1rem;color:#a8b5ad;font-size:.66rem;line-height:1.4}

.wr-pr-calc .calc-result{display:flex;flex-direction:column;padding:1rem 1.1rem;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.13);border-radius:16px}
.wr-pr-calc .result-label{margin-bottom:.15rem;color:#9bcab3;font-size:9.5px;letter-spacing:.07em}
.wr-pr-calc .result-num{color:#bce2cd;font-size:2rem}
.wr-pr-calc .result-lines{margin-top:.7rem;gap:.3rem;padding-top:.7rem;border-top:1px solid rgba(255,255,255,.16)}
.wr-pr-calc .result-line{color:#c3cfc7;font-size:.76rem}
.wr-pr-calc .result-line strong{color:#fff}
.wr-pr-calc .result-line--sum{margin-top:.3rem;padding-top:.5rem;border-top:1px solid rgba(255,255,255,.22)}
.wr-pr-calc .result-line--sum span{color:#fff}
.wr-pr-calc .result-line--sum span,.wr-pr-calc .result-line--sum strong{font-size:.88rem;font-weight:700}
.wr-pr-calc .calc-note{margin-top:.9rem;color:#a8b5ad;font-size:.72rem;line-height:1.55}
.wr-pr-calc .calc-note b{color:#bce2cd}

@media(max-width:640px){
  .wr-pr-calc .calc-body{grid-template-columns:1fr;gap:1rem}
  /* Compact fields look right on desktop but drop under the 44px touch
     minimum, so give them the height back where fingers are involved. */
  .wr-pr-calc input[type="number"],.wr-pr-calc select{min-height:44px;padding:.6rem .7rem}
}
@media(pointer:coarse){
  .wr-pr-calc input[type="number"],.wr-pr-calc select{min-height:44px}
}

/* ── Comms ────────────────────────────────────────────────────────────────
   Retainers-style hero: one #f3eee6 island, photo inset left, channel card
   overlapping the right. Three channel types carry the middle of the page. */
.wr-cm-hero{padding:clamp(6rem,11vw,10rem) 0 clamp(5rem,9vw,9rem);background:#f3eee6;text-align:center}
.wr-cm-hero .container{max-width:1180px}
.wr-cm-hero h1{max-width:1050px;margin:1rem auto 0;font-size:clamp(2.6rem,5.2vw,5.2rem);line-height:.9;letter-spacing:-.072em}
.wr-cm-hero h1 em{color:#3d7a5f;font-style:normal}
.wr-cm-hero .lead{max-width:840px;margin:2rem auto 0;color:#5e6964;font-size:clamp(1.05rem,1.6vw,1.25rem);line-height:1.65}
.wr-cm-hero .hero-actions{justify-content:center;margin:2rem 0 0}

.wr-cm-showcase{margin-top:clamp(3rem,6vw,5rem);text-align:left}
.wr-cm-stage{position:relative;min-height:660px}
.wr-cm-photo{position:absolute;inset:0 24% 60px 0;margin:0;overflow:hidden;background:#e8e3da;border-radius:44px}
.wr-cm-photo img{width:100%;height:100%;object-fit:cover;object-position:left center}
.wr-cm-channel{position:absolute;z-index:3;top:56px;right:0;width:min(560px,54%);overflow:hidden;background:#fff;border:1px solid #dfe3df;border-radius:26px;box-shadow:0 35px 80px -35px rgba(20,37,29,.48)}

.wr-cm-flag{display:flex;align-items:flex-start;gap:.55rem;padding:.7rem .9rem;background:#fdf1ef;border-bottom:1px solid #f6dcd6;color:#9a4c43;font-size:.66rem;line-height:1.45}
.wr-cm-flag i{display:grid;place-items:center;width:15px;height:15px;flex:0 0 auto;margin-top:.05rem;color:#fff;background:#c2705f;border-radius:50%;font-size:.55rem;font-style:normal;font-weight:800}
.wr-cm-flag b{color:#8b3f36;font-weight:800;letter-spacing:.03em;text-transform:uppercase}
.wr-cm-flag.is-standalone{border:1px solid #f6dcd6;border-radius:14px}

.wr-cm-channel-head{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:14px 18px;border-bottom:1px solid #eef0ed}
.wr-cm-channel-head>div{display:flex;align-items:center;gap:.55rem}
.wr-cm-swatch{display:block;width:14px;height:14px;background:#7b5cc7;border-radius:4px}
.wr-cm-channel-head strong{font-size:.9rem}
.wr-cm-channel-head span{color:#7b857f;font-size:.68rem}

.wr-cm-msgs{padding:14px 18px;display:grid;gap:1rem}
.wr-cm-msg{display:grid;grid-template-columns:30px 1fr;gap:.7rem}
.wr-cm-av{display:grid;place-items:center;width:30px;height:30px;color:#fff;background:#3d7a5f;border-radius:50%;font-size:.62rem;font-style:normal;font-weight:800}
.wr-cm-av.is-client{background:#6b4a86}
.wr-cm-msg b{display:block;color:#27332d;font-size:.74rem}
.wr-cm-msg b em{margin-left:.4rem;color:#98a29c;font-size:.62rem;font-style:normal;font-weight:400}
.wr-cm-msg p{margin:.2rem 0 0;color:#4a554f;font-size:.78rem}
.wr-cm-embed{display:flex;align-items:center;gap:.65rem;margin-top:.5rem;padding:.6rem .7rem;background:#fafbf9;border:1px solid #e8eae6;border-radius:12px}
.wr-cm-embed i{display:inline-block;color:#3d7659;background:#e6efe9;border-radius:999px;padding:.14rem .4rem;font-size:.5rem;font-style:normal;font-weight:800;letter-spacing:.05em;text-transform:uppercase}
.wr-cm-embed strong{display:block;margin-top:.2rem;font-size:.76rem}
.wr-cm-embed small{display:block;color:#7b857f;font-size:.64rem}
.wr-cm-embed em{margin-left:auto;color:#3d7a5f;font-size:.64rem;font-style:normal;font-weight:700;white-space:nowrap}
.wr-cm-embed>div{min-width:0}
.wr-cm-thumb{display:block;width:38px;height:38px;flex:0 0 auto;background:linear-gradient(135deg,#e0d6c8,#cdbfae);border-radius:8px}
.wr-cm-embed.is-paid{background:#f1f7f3;border-color:#dcebe2}
.wr-cm-embed.is-paid i{color:#2f6b52}
.wr-cm-tick{display:grid;place-items:center;width:26px;height:26px;flex:0 0 auto;color:#fff;background:#3d7a5f;border-radius:50%;font-size:.7rem}
.wr-cm-channel-foot{display:flex;align-items:center;gap:.9rem;padding:11px 18px;background:#fafbf9;border-top:1px solid #eef0ed;color:#7b857f;font-size:.66rem}
.wr-cm-channel-foot b{margin-left:auto;color:#3d7659;font-size:.62rem}

/* Channel type tabs */
.wr-cm-types{max-width:980px;margin:clamp(2.5rem,5vw,3.5rem) auto 0;overflow:hidden;background:#fff;border:1px solid #ebebe8;border-radius:26px;box-shadow:0 30px 70px -46px rgba(20,37,29,.4)}
.wr-cm-tabs{grid-template-columns:repeat(3,1fr);gap:.2rem;margin:0;padding:14px 20px 0;border-bottom:1px solid #eef0ed}
.wr-cm-types .tab-panel{padding:18px 20px 22px}
.wr-cm-type{display:grid;grid-template-columns:1fr 1fr;gap:clamp(1.2rem,2.4vw,2rem);align-items:center}
.wr-cm-type h3{margin:0 0 .5rem;font-size:1.15rem;letter-spacing:-.02em}
.wr-cm-type p{margin:0 0 .9rem;color:#5c6762;font-size:.86rem;line-height:1.65}
.wr-cm-type-vis{display:grid;gap:.55rem}
.wr-cm-counts{display:flex;flex-wrap:wrap;align-items:center;gap:.45rem;padding:.6rem .7rem;background:#fafbf9;border:1px solid #eef0ed;border-radius:11px;font-size:.7rem}
.wr-cm-counts b{color:#27332d}
.wr-cm-counts i{padding:.18rem .45rem;color:#6b756f;background:#f0f2ef;border-radius:999px;font-size:.6rem;font-style:normal;font-weight:700}
.wr-cm-counts i.is-ok{color:#2f6b52;background:#e6efe9}
.wr-cm-counts i.is-no{color:#8b6421;background:#f6ead4}
.wr-cm-sel{display:flex;align-items:center;gap:.65rem;padding:.6rem .7rem;background:#fff;border:1px solid #e8eae6;border-radius:12px}
.wr-cm-sel>div{min-width:0;flex:1}
.wr-cm-sel strong{display:block;font-size:.76rem}
.wr-cm-sel small{display:block;color:#7b857f;font-size:.62rem}
.wr-cm-sel em{display:block;margin-top:.1rem;color:#98a29c;font-size:.58rem;font-style:normal}
.wr-cm-sel>b{color:#27332d;font-size:.74rem;white-space:nowrap}
.wr-cm-pill{padding:.22rem .45rem;border-radius:999px;font-size:.56rem;font-style:normal;font-weight:700;white-space:nowrap}
.wr-cm-pill.is-ok{color:#2f6b52;background:#e6efe9}
.wr-cm-pill.is-no{color:#8b6421;background:#f6ead4}
.wr-cm-board{overflow:hidden;background:#fff;border:1px solid #e8eae6;border-radius:14px}
.wr-cm-board-head{display:flex;align-items:center;gap:.5rem;padding:.6rem .75rem;border-bottom:1px solid #eef0ed;font-size:.7rem}
.wr-cm-board-head strong{font-size:.8rem}
.wr-cm-board-head span{color:#7b857f;font-size:.62rem}
.wr-cm-board-head b{margin-left:auto;color:#27332d}
.wr-cm-plan{position:relative;height:150px;background:#fbfbf8;background-image:radial-gradient(#e2e5e1 1px,transparent 1px);background-size:11px 11px}
.wr-cm-plan i{position:absolute;border:1.5px solid #c8cfc9;border-radius:2px}
.wr-cm-plan i:nth-child(1){left:12%;top:16%;width:34%;height:44%}
.wr-cm-plan i:nth-child(2){left:52%;top:16%;width:32%;height:26%}
.wr-cm-plan i:nth-child(3){left:52%;top:48%;width:32%;height:34%}
.wr-cm-plan i:nth-child(4){left:12%;top:66%;width:34%;height:16%;background:#e9efe b}
.wr-cm-board-foot{padding:.5rem .75rem;background:#f2f7f4;border-top:1px solid #e2ebe6;color:#2f6b52;font-size:.64rem}

.wr-cm-safety{display:grid;grid-template-columns:.9fr 1.1fr;gap:clamp(1.5rem,3vw,2.6rem);align-items:center;margin-top:clamp(2rem,4vw,2.8rem)}

@media(max-width:1050px){
  .wr-cm-stage{min-height:0;display:flex;flex-direction:column;gap:1rem}
  .wr-cm-photo{position:relative;inset:auto;height:340px;border-radius:30px}
  .wr-cm-photo img{object-position:center}
  .wr-cm-channel{position:relative;top:auto;right:auto;width:100%}
  .wr-cm-type,.wr-cm-safety{grid-template-columns:1fr}
}
@media(max-width:760px){
  .wr-cm-hero .hero-actions{flex-direction:column;align-items:stretch}
  .wr-cm-tabs{grid-template-columns:1fr}
}
/* Comms — @ mention menu */
.wr-cm-mention{display:grid;grid-template-columns:.85fr 1.15fr;gap:clamp(1.5rem,3vw,2.6rem);align-items:center;margin-top:clamp(2.5rem,5vw,3.5rem)}
.wr-cm-mention-ui{overflow:hidden;background:#fff;border:1px solid #ebebe8;border-radius:20px;box-shadow:0 26px 60px -40px rgba(20,37,29,.42)}
.wr-cm-mention-head{display:flex;align-items:center;gap:.5rem;padding:.7rem .85rem;border-bottom:1px solid #eef0ed;font-size:.76rem;font-weight:600}
.wr-cm-mention-head i{display:block;width:7px;height:7px;background:#3d7a5f;border-radius:50%}
.wr-cm-mention-tabs{display:flex;gap:.3rem;padding:.6rem .85rem;border-bottom:1px solid #eef0ed}
.wr-cm-mention-tabs span{display:flex;align-items:center;gap:.3rem;padding:.3rem .5rem;color:#6f7974;border-radius:7px;font-size:.68rem;font-weight:600}
.wr-cm-mention-tabs span.is-on{color:#2f5f86;background:#e7eff5}
.wr-cm-mention-tabs b{padding:.05rem .3rem;color:#fff;background:#2f5f86;border-radius:999px;font-size:.54rem}
.wr-cm-mention-tabs span:not(.is-on) b{color:#6f7974;background:#eceeec}
.wr-cm-mention-list>div{display:flex;align-items:center;gap:.6rem;padding:.55rem .85rem}
.wr-cm-mention-list>div.is-sel{background:#f2f7f4}
.wr-cm-mention-list i{display:block;width:8px;height:8px;flex:0 0 auto;background:#3d7a5f;border-radius:50%}
.wr-cm-mention-list strong{display:block;font-size:.76rem}
.wr-cm-mention-list small{display:block;color:#7b857f;font-size:.62rem}
.wr-cm-mention-input{display:flex;align-items:center;gap:.15rem;margin:.6rem .85rem .85rem;padding:.55rem .7rem;background:#fbfcfa;border:1px solid #e4e7e4;border-radius:10px;font-size:.78rem}
.wr-cm-mention-input span{color:#98a29c}
.wr-cm-mention-input em{padding:.1rem .35rem;color:#2f6b52;background:#e6efe9;border-radius:5px;font-style:normal;font-weight:600}
.wr-cm-mention-copy p{margin:1rem 0 0;color:#6b756f;font-size:.86rem;line-height:1.65}
.wr-cm-mention-copy b{color:#27332d}
@media(max-width:900px){.wr-cm-mention{grid-template-columns:1fr}}
/* Real product photography in the comms mockups — contain, with breathing room,
   per the design system's product-imagery rule. */
.wr-cm-thumb{display:grid;place-items:center;overflow:hidden;padding:3px;background:#fff;border:1px solid #e8eae6;box-sizing:border-box}
/* max-* with auto sizing, not height:100% — a percentage height on a centered
   grid item resolves against an indefinite height and falls back to auto. */
.wr-cm-thumb img{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain}
.wr-cm-sel .wr-cm-thumb{width:42px;height:42px;flex:0 0 auto;border-radius:8px}
.wr-cm-mention-head{justify-content:space-between}
.wr-cm-mention-head span{font-weight:600}
.wr-cm-caret{display:block;width:0;height:0;border-left:4px solid transparent;border-right:4px solid transparent;border-top:5px solid #98a29c;background:none;border-radius:0}
.wr-cm-mention-tabs{flex-wrap:wrap}

/* ── Documents ────────────────────────────────────────────────────────────*/
.wr-dc-hero,.wr-lk-hero{padding:clamp(6rem,11vw,10rem) 0 clamp(5rem,9vw,9rem);background:#f3eee6;text-align:center}
.wr-dc-hero .container,.wr-lk-hero .container{max-width:1180px}
.wr-dc-hero h1,.wr-lk-hero h1{max-width:1050px;margin:1rem auto 0;font-size:clamp(2.5rem,5vw,5rem);line-height:.9;letter-spacing:-.072em}
.wr-dc-hero h1 em,.wr-lk-hero h1 em{color:#3d7a5f;font-style:normal}
.wr-dc-hero .lead,.wr-lk-hero .lead{max-width:840px;margin:2rem auto 0;color:#5e6964;font-size:clamp(1.05rem,1.6vw,1.25rem);line-height:1.65}
.wr-dc-hero .hero-actions,.wr-lk-hero .hero-actions{justify-content:center;margin:2rem 0 0}
.wr-dc-stage,.wr-lk-stage{margin-top:clamp(3rem,6vw,5rem);text-align:left}
.wr-dc-window,.wr-lk-window{max-width:940px;margin:0 auto;overflow:hidden;background:#fff;border:1px solid #ebebe8;border-radius:26px;box-shadow:0 34px 80px -40px rgba(20,37,29,.42)}
.wr-dc-window-head,.wr-lk-window-head{display:flex;align-items:center;gap:1rem;padding:16px 20px;border-bottom:1px solid #eef0ed}
.wr-dc-window-head strong,.wr-lk-window-head strong{display:block;font-size:.95rem}
.wr-dc-window-head span,.wr-lk-window-head span{display:block;margin-top:.1rem;color:#7b857f;font-size:.64rem}
.wr-dc-scope{margin-left:auto;padding:.4rem .7rem;color:#5c6762;background:#f5f6f3;border:1px solid #e4e7e4;border-radius:8px;font-size:.66rem}
.wr-dc-window-head b{padding:.5rem .8rem;color:#fff;background:#3d7a5f;border-radius:9px;font-size:.62rem;white-space:nowrap}
.wr-dc-tabs{display:flex;gap:.3rem;padding:12px 20px;border-bottom:1px solid #eef0ed}
.wr-dc-tabs span{padding:.32rem .65rem;color:#6f7974;border-radius:999px;font-size:.64rem;font-weight:600}
.wr-dc-tabs span.is-on{color:#fff;background:#1d3028}
.wr-dc-storage{display:flex;align-items:center;gap:1rem;padding:12px 20px;border-bottom:1px solid #eef0ed}
.wr-dc-storage>div{flex:1}
.wr-dc-storage small{display:block;margin-bottom:.35rem;color:#7b857f;font-size:.53rem;font-weight:700;letter-spacing:.07em;text-transform:uppercase}
.wr-dc-storage i{display:block;height:6px;overflow:hidden;background:#eef0ed;border-radius:999px}
.wr-dc-storage u{display:block;height:100%;background:#3d7a5f;border-radius:inherit}
.wr-dc-storage>span{color:#7b857f;font-size:.68rem;white-space:nowrap}
.wr-dc-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.75rem;padding:16px 20px 20px}
.wr-dc-item{padding:.85rem;background:#fafbf9;border:1px solid #eef0ed;border-radius:14px}
.wr-dc-item strong{display:block;margin-top:.6rem;font-size:.74rem}
.wr-dc-item small{display:block;margin-top:.1rem;color:#7b857f;font-size:.62rem}
/* Real folder mark from assets/img/icons/folder-icon.svg, inlined so it
   never costs a request and can't 404. */
.wr-dc-folder{display:block;width:36px;height:29px;background:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='85 106 330 270'> <path fill='%23527D5E' d='M89 372V126c0-8.8 7.2-16 16-16h84.1c3.7 0 7 2.1 8.6 5.4l2.3 4.6h199c6.6 0 12 7.2 12 16v236H89Z'/> <path fill='%23699876' d='M89 372V166c0-8.3 6.7-15 15-15h80.8l9.9-14.1c2.6-3.7 6.9-5.9 11.4-5.9H396c8.3 0 15 6.7 15 15v226H89Z'/> </svg>") center/contain no-repeat}
.wr-dc-folder.is-sm{width:28px;height:22px}
.wr-dc-plan{display:grid;gap:2px;width:34px;height:26px;padding:3px;background:#fff;border:1px solid #dfe3df;border-radius:4px}
.wr-dc-plan b{display:block;height:2px;background:#cfd6d1;border-radius:99px}
.wr-dc-plan b:nth-child(2){width:70%}.wr-dc-plan b:nth-child(4){width:55%}
.wr-dc-doc{display:grid;align-content:start;gap:3px;width:26px;height:26px;padding:5px 4px;background:#fff;border:1px solid #dfe3df;border-radius:3px}
.wr-dc-doc:before,.wr-dc-doc:after{content:"";display:block;height:2px;background:#e3e7e3;border-radius:99px}
.wr-dc-doc:after{width:60%}
.wr-dc-item>span:first-child,.wr-dc-item>div:first-child{display:block;height:26px}
.wr-dc-filed{margin-top:clamp(2rem,4vw,2.8rem)}
.wr-dc-flow{display:grid;grid-template-columns:repeat(4,1fr);gap:.9rem}
.wr-dc-flow article{padding:1rem;background:#fff;border:1px solid #ebebe8;border-radius:16px}
.wr-dc-flow strong{display:block;margin-top:.6rem;font-size:.86rem}
.wr-dc-flow small{display:block;margin-top:.25rem;color:#7b857f;font-size:.72rem;line-height:1.5}
.wr-dc-note{max-width:760px;margin:1.4rem auto 0;color:#6b756f;font-size:.82rem;text-align:center}
.wr-dc-upload{display:grid;grid-template-columns:.9fr 1.1fr;gap:clamp(1.5rem,3vw,2.6rem);align-items:center;margin-top:clamp(2rem,4vw,2.8rem)}
.wr-dc-drawer{padding:clamp(1.1rem,2vw,1.5rem);background:#fff;border:1px solid #ebebe8;border-radius:20px}
.wr-dc-drawer-head{display:flex;justify-content:space-between;align-items:center;padding-bottom:.8rem;border-bottom:1px solid #eef0ed}
.wr-dc-drawer-head strong{font-size:.9rem}
.wr-dc-drawer-head i{color:#98a29c;font-style:normal}
.wr-dc-field{margin-top:.8rem}
.wr-dc-field label{display:block;margin-bottom:.3rem;color:#7b857f;font-size:.55rem;font-weight:700;letter-spacing:.07em;text-transform:uppercase}
.wr-dc-input{display:flex;align-items:center;gap:.5rem;padding:.5rem .65rem;color:#3a453f;background:#fbfcfa;border:1px solid #e4e7e4;border-radius:9px;font-size:.74rem}
.wr-dc-input span{padding:.2rem .45rem;background:#eef0ed;border-radius:5px;font-size:.64rem}
.wr-dc-input em{color:#7b857f;font-style:normal;font-size:.68rem}
.wr-dc-input.is-select:after{content:"";margin-left:auto;width:0;height:0;border-left:4px solid transparent;border-right:4px solid transparent;border-top:5px solid #98a29c}
.wr-dc-check{display:flex;align-items:flex-start;gap:.55rem;margin-top:1rem;padding:.7rem .8rem;background:#f2f7f4;border:1px solid #dfebe4;border-radius:11px}
.wr-dc-check i{display:grid;place-items:center;width:16px;height:16px;flex:0 0 auto;margin-top:.1rem;background:#fff;border:1.5px solid #cfd6d1;border-radius:4px}
.wr-dc-check i.is-on{background:#3d7a5f;border-color:#3d7a5f}
.wr-dc-check i.is-on:after{content:"";width:7px;height:4px;border:2px solid #fff;border-top:0;border-right:0;transform:rotate(-45deg) translate(1px,-1px)}
.wr-dc-check b{display:block;font-size:.76rem}
.wr-dc-check small{display:block;margin-top:.15rem;color:#6b756f;font-size:.68rem;line-height:1.45}
.wr-dc-find{display:grid;grid-template-columns:repeat(4,1fr);gap:.9rem;margin-top:clamp(2rem,4vw,2.8rem)}
.wr-dc-find article{padding:1.1rem;background:#fff;border:1px solid #ebebe8;border-radius:16px}
.wr-dc-find strong{display:block;font-size:.86rem}
.wr-dc-find p{margin:.35rem 0 0;color:#6b756f;font-size:.76rem;line-height:1.55}
/* Stacked scene: photo as the rear layer, Workroom card overlaid in HTML —
   same construction as .wr-bill-scene / .wr-exp-scene. Both photos were shot
   with the subject left of center and the right third kept clear, so the card
   sits right on desktop and drops below the photo once there's no room. */
.wr-dc-scene,.wr-lk-scene{position:relative;margin-top:clamp(2.5rem,5vw,3.5rem)}
.wr-dc-scene-photo,.wr-lk-scene-photo{position:relative;width:100%;margin:0;overflow:hidden;background:#eee9e0;border-radius:30px}
.wr-dc-scene-photo{aspect-ratio:1.6}
.wr-lk-scene-photo{aspect-ratio:1.82}
.wr-dc-scene-photo img,.wr-lk-scene-photo img{display:block;width:100%;height:100%;object-fit:cover;object-position:left center}
.wr-dc-scene-card,.wr-lk-scene-card{position:absolute;z-index:2;right:3.5%;top:50%;transform:translateY(-50%);width:min(360px,35%);padding:clamp(1.1rem,2vw,1.5rem);background:#fff;border:1px solid #ebebe8;border-radius:24px;box-shadow:0 34px 74px -34px rgba(20,37,29,.5)}
.wr-dc-scene-head,.wr-lk-scene-head{display:flex;justify-content:space-between;align-items:flex-start;gap:.7rem;padding-bottom:.8rem;border-bottom:1px solid #eef0ed}
.wr-dc-scene-head span,.wr-lk-scene-head span{display:block;color:#3d7a5f;font-size:.56rem;font-weight:800;letter-spacing:.09em;text-transform:uppercase}
.wr-dc-scene-head strong,.wr-lk-scene-head strong{display:block;margin-top:.28rem;font-size:.85rem;line-height:1.3}
.wr-dc-scene-type{flex:0 0 auto;padding:.24rem .5rem;color:#6b756f;background:#f2f4f1;border-radius:7px;font-size:.56rem;font-style:normal;font-weight:700;letter-spacing:.06em}
.wr-dc-scene-meta,.wr-lk-scene-meta{padding:.6rem 0}
.wr-dc-scene-meta>div,.wr-lk-scene-meta>div{display:flex;justify-content:space-between;gap:1rem;padding:.34rem 0;font-size:.72rem}
.wr-dc-scene-meta span,.wr-lk-scene-meta span{color:#7b857f}
.wr-dc-scene-meta b,.wr-lk-scene-meta b{color:#3a453f;overflow:hidden;text-align:right;text-overflow:ellipsis;white-space:nowrap}
.wr-lk-scene-meta b.is-warn{color:#8b6421}
.wr-dc-scene-filed{padding:.7rem .8rem;background:#f4f7f5;border-radius:12px}
.wr-dc-scene-filed small{display:block;margin-bottom:.35rem;color:#6b756f;font-size:.53rem;font-weight:700;letter-spacing:.07em;text-transform:uppercase}
.wr-dc-scene-filed>div{display:flex;align-items:center;gap:.45rem;padding:.14rem 0;color:#28382f;font-size:.73rem}
.wr-dc-scene-dot{width:5px;height:5px;flex:0 0 auto;background:#3d7a5f;border-radius:50%}
.wr-lk-scene-url{padding:.5rem .7rem;background:#f4f7f5;border-radius:10px}
.wr-lk-scene-url code{display:block;overflow:hidden;color:#3d7659;font-size:.68rem;text-overflow:ellipsis;white-space:nowrap}
.wr-dc-scene-actions,.wr-lk-scene-actions{display:grid;grid-template-columns:1fr 1fr;gap:.4rem;margin-top:.85rem}
.wr-dc-scene-btn,.wr-lk-scene-btn{padding:.58rem;color:#4f5a54;background:#f5f6f3;border:1px solid #e4e7e4;border-radius:10px;font-size:.71rem;font-weight:600;text-align:center}
.wr-dc-scene-btn.is-primary{color:#fff;background:#3d7a5f;border-color:#3d7a5f}
.wr-lk-scene-btn.is-void{color:#9a4c43;background:#fdf6f5;border-color:#eddbd7}

/* ── Link management ──────────────────────────────────────────────────────*/
.wr-lk-filters{display:flex;flex-wrap:wrap;gap:.3rem;margin-left:auto}
.wr-lk-filters span{display:flex;align-items:center;gap:.3rem;padding:.32rem .6rem;color:#6f7974;border-radius:999px;font-size:.62rem;font-weight:600}
.wr-lk-filters span.is-on{color:#fff;background:#1d3028}
.wr-lk-filters b{padding:.02rem .28rem;background:rgba(0,0,0,.07);border-radius:999px;font-size:.55rem}
.wr-lk-filters span.is-on b{background:rgba(255,255,255,.22)}
.wr-lk-row{display:grid;grid-template-columns:1.2fr 1fr .85fr .8fr .9fr .5fr;gap:.8rem;align-items:center;padding:12px 20px;border-bottom:1px solid #f1f3f0;font-size:.73rem}
.wr-lk-row:last-child{border-bottom:0}
.wr-lk-row--head{color:#7b857f;background:#fafbf9;font-size:.53rem;font-weight:700;letter-spacing:.07em;text-transform:uppercase}
.wr-lk-row>span{color:#5c6762;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.wr-lk-row b{color:#27332d}
.wr-lk-row .is-warn{color:#8b6421}
.wr-lk-row.is-off{background:#fafbf9}
.wr-lk-row.is-off b,.wr-lk-row.is-off>span{color:#a3aca7}
.wr-lk-pill{display:inline-flex;padding:.24rem .5rem;border-radius:999px;font-size:.56rem;font-style:normal;font-weight:700;white-space:nowrap}
.wr-lk-pill.is-active{color:#2f6b52;background:#e6efe9}
.wr-lk-pill.is-expired{color:#8b6421;background:#f6ead4}
.wr-lk-pill.is-void{color:#9a4c43;background:#f6e3df}
.wr-lk-void{display:inline-flex;padding:.24rem .5rem;color:#9a4c43;border:1px solid #e8d7d4;border-radius:7px;font-size:.6rem;font-style:normal;font-weight:600}
.wr-lk-url{display:flex;align-items:center;gap:.6rem;padding:12px 20px;background:#fafbf9;border-top:1px solid #eef0ed}
.wr-lk-url i{color:#7b857f;font-size:.53rem;font-style:normal;font-weight:700;letter-spacing:.07em;text-transform:uppercase}
.wr-lk-url code{flex:1;overflow:hidden;color:#3d7659;font-size:.7rem;text-overflow:ellipsis;white-space:nowrap}
.wr-lk-url b{padding:.28rem .6rem;color:#3d7a5f;background:#fff;border:1px solid #dfe3df;border-radius:7px;font-size:.62rem}
.wr-lk-states{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-top:clamp(2rem,4vw,2.8rem)}
.wr-lk-state{padding:clamp(1.1rem,2vw,1.5rem);background:#fff;border:1px solid #ebebe8;border-radius:18px}
.wr-lk-state.is-active{border-color:#cfe3d7}
.wr-lk-state h3{margin:.7rem 0 .3rem;font-size:.95rem}
.wr-lk-state p{margin:0;color:#6b756f;font-size:.78rem;line-height:1.55}
.wr-lk-fields{display:grid;grid-template-columns:1fr 1fr;gap:.1rem .9rem;margin-top:clamp(2rem,4vw,2.6rem)}
.wr-lk-fields>div{display:grid;gap:.15rem;padding:.6rem 0;border-bottom:1px solid #f2f4f1}
.wr-lk-fields span{color:#27332d;font-size:.78rem;font-weight:600}
.wr-lk-fields b{color:#78827d;font-size:.72rem;font-weight:400}
.wr-lk-note{margin:1.3rem 0 0;color:#6b756f;font-size:.82rem;text-align:center}

@media(max-width:1050px){
  .wr-dc-flow,.wr-dc-find,.wr-lk-states{grid-template-columns:1fr 1fr}
  .wr-dc-upload{grid-template-columns:1fr}
  .wr-dc-scene-photo{aspect-ratio:1.15}
  .wr-lk-scene-photo{aspect-ratio:1.3}
  .wr-dc-scene-card,.wr-lk-scene-card{position:relative;right:auto;top:auto;transform:none;width:100%;margin-top:1rem}
}
@media(max-width:760px){
  .wr-dc-hero .hero-actions,.wr-lk-hero .hero-actions{flex-direction:column;align-items:stretch}
  .wr-dc-grid{grid-template-columns:1fr 1fr}
  .wr-dc-flow,.wr-dc-find,.wr-lk-states,.wr-lk-fields{grid-template-columns:1fr}
  .wr-dc-window,.wr-lk-window{overflow-x:auto}
  .wr-lk-table{min-width:660px}
  .wr-dc-window-head,.wr-lk-window-head{flex-wrap:wrap}
  .wr-dc-scene-photo,.wr-lk-scene-photo{aspect-ratio:1}
}

/* ── Time tracking ────────────────────────────────────────────────────────*/
.wr-tt-hero{padding:clamp(6rem,11vw,10rem) 0 clamp(5rem,9vw,9rem);background:#f3eee6;text-align:center}
.wr-tt-hero .container{max-width:1180px}
.wr-tt-hero h1{max-width:1050px;margin:1rem auto 0;font-size:clamp(2.5rem,5vw,5rem);line-height:.9;letter-spacing:-.072em}
.wr-tt-hero h1 em{color:#3d7a5f;font-style:normal}
.wr-tt-hero .lead{max-width:860px;margin:2rem auto 0;color:#5e6964;font-size:clamp(1.05rem,1.6vw,1.25rem);line-height:1.65}
.wr-tt-hero .hero-actions{justify-content:center;margin:2rem 0 0}
.wr-tt-stage{margin-top:clamp(3rem,6vw,5rem);text-align:left}
.wr-tt-window{max-width:980px;margin:0 auto;overflow:hidden;background:#fff;border:1px solid #ebebe8;border-radius:26px;box-shadow:0 34px 80px -40px rgba(20,37,29,.42)}
.wr-tt-window-head{display:flex;align-items:center;gap:1rem;padding:16px 20px;border-bottom:1px solid #eef0ed}
.wr-tt-window-head strong{display:block;font-size:.95rem}
.wr-tt-window-head>div>span{display:block;margin-top:.1rem;color:#7b857f;font-size:.64rem}
.wr-tt-window-head b{padding:.5rem .8rem;color:#fff;background:#3d7a5f;border-radius:9px;font-size:.62rem;white-space:nowrap}
.wr-tt-views{display:flex;gap:.25rem;margin-left:auto}
.wr-tt-views i{padding:.32rem .65rem;color:#6f7974;border-radius:999px;font-size:.64rem;font-style:normal;font-weight:600}
.wr-tt-views i.is-on{color:#fff;background:#1d3028}
.wr-tt-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:.7rem;padding:16px 20px}
.wr-tt-kpis>div{padding:.7rem .85rem;background:#fafbf9;border:1px solid #eef0ed;border-left:3px solid #3d7a5f;border-radius:12px}
.wr-tt-kpis>div.is-alert{border-left-color:#b4544a}
.wr-tt-kpis small{display:block;color:#7b857f;font-size:.5rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}
.wr-tt-kpis strong{display:block;margin:.25rem 0 .1rem;font-size:1.25rem;letter-spacing:-.03em}
.wr-tt-kpis em{color:#7b857f;font-size:.6rem;font-style:normal}
.wr-tt-day{display:flex;justify-content:space-between;gap:1rem;padding:9px 20px;background:#f5f6f3;border-top:1px solid #eef0ed;border-bottom:1px solid #eef0ed;font-size:.6rem}
.wr-tt-day span{color:#4f5a54;font-weight:700;letter-spacing:.06em;text-transform:uppercase}
.wr-tt-day b{color:#7b857f;font-weight:500}
.wr-tt-entry{display:grid;grid-template-columns:26px 1fr auto auto auto 54px;gap:.7rem;align-items:center;padding:11px 20px;border-bottom:1px solid #f3f5f2;font-size:.73rem}
.wr-tt-av{display:grid;place-items:center;width:26px;height:26px;color:#fff;background:#3f5fa8;border-radius:50%;font-size:.55rem;font-style:normal;font-weight:700}
.wr-tt-av.is-2{background:#3f9a8c}
.wr-tt-entry>span{color:#6b756f;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.wr-tt-entry>span b{color:#27332d}
.wr-tt-entry>span small{display:block;color:#98a29c;font-size:.62rem}
.wr-tt-phase{padding:.24rem .55rem;color:#2f6b52;background:#e9f1ec;border-radius:999px;font-size:.58rem;font-style:normal;white-space:nowrap}
.wr-tt-phase.is-2{color:#3d5b8f;background:#e9eef7}
.wr-tt-phase.is-empty{color:#98a29c;background:#f4f5f2}
.wr-tt-pill{padding:.24rem .55rem;border-radius:7px;font-size:.55rem;font-style:normal;font-weight:700;letter-spacing:.04em;text-transform:uppercase;white-space:nowrap}
.wr-tt-pill.is-bill{color:#2f6b52;background:#e6efe9}
.wr-tt-pill.is-non{color:#6b756f;background:#f0f1ee}
.wr-tt-stat{padding:.24rem .55rem;color:#5b6c8f;background:#eef1f7;border-radius:7px;font-size:.55rem;font-style:normal;font-weight:700;letter-spacing:.04em;text-transform:uppercase}
.wr-tt-entry em{color:#27332d;font-size:.8rem;font-style:normal;font-weight:700;text-align:right}

/* two-up copy + mockup, used by the timer and the split sections */
.wr-tt-split-sec{display:grid;grid-template-columns:1fr 1fr;gap:clamp(1.8rem,4vw,3.4rem);align-items:center}
.wr-tt-split-sec.is-rev .wr-tt-split-copy{order:2}
.wr-tt-split-sec .section-head{margin-bottom:1.2rem}
.wr-tt-list{margin:0;padding:0;list-style:none}
.wr-tt-list li{position:relative;padding:.5rem 0 .5rem 1.15rem;color:#5e6964;border-top:1px solid #ebebe8;font-size:.86rem;line-height:1.55}
.wr-tt-list li:before{content:"";position:absolute;top:1.05rem;left:0;width:5px;height:5px;background:#3d7a5f;border-radius:50%}
.wr-tt-list b{color:#27332d}

.wr-tt-modal{overflow:hidden;background:#fff;border:1px solid #ebebe8;border-radius:22px;box-shadow:0 34px 74px -34px rgba(20,37,29,.42)}
.wr-tt-modal-head{display:flex;align-items:flex-start;gap:.6rem;padding:1.1rem 1.2rem;border-bottom:1px solid #eef0ed}
.wr-tt-modal-head strong{display:block;font-size:1rem}
.wr-tt-modal-head small{display:block;margin-top:.25rem;color:#7b857f;font-size:.72rem;line-height:1.5}
.wr-tt-modal-head small b{color:#3a453f}
.wr-tt-rec{width:9px;height:9px;flex:0 0 auto;margin-top:.4rem;background:#c1554a;border-radius:50%}
.wr-tt-form{display:grid;grid-template-columns:1fr 1fr;gap:.7rem;padding:1.1rem 1.2rem 0}
.wr-tt-f.is-wide{grid-column:1/-1}
.wr-tt-f label{display:flex;gap:.35rem;margin-bottom:.3rem;color:#7b857f;font-size:.53rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}
.wr-tt-f label u{color:#b4544a;text-decoration:none}
.wr-tt-f label em{margin-left:auto;color:#a3aca7;font-style:normal;font-weight:500;text-transform:none;letter-spacing:0}
.wr-tt-sel{display:flex;align-items:center;padding:.5rem .65rem;color:#3a453f;background:#fbfcfa;border:1px solid #e4e7e4;border-radius:9px;font-size:.75rem}
.wr-tt-sel:not(.is-text):after{content:"";margin-left:auto;width:0;height:0;border-left:4px solid transparent;border-right:4px solid transparent;border-top:5px solid #98a29c}
.wr-tt-bill{display:flex;align-items:center;gap:1rem;padding:1rem 1.2rem .6rem}
.wr-tt-toggle{display:inline-flex;padding:3px;background:#f2f4f1;border-radius:999px}
.wr-tt-toggle i{padding:.4rem .85rem;color:#6b756f;border-radius:999px;font-size:.72rem;font-style:normal;font-weight:600}
.wr-tt-toggle i.is-on{color:#fff;background:#3d7a5f}
.wr-tt-bill small{margin-left:auto;color:#3d7a5f;font-size:.72rem;font-weight:600}
.wr-tt-modal-foot{display:flex;justify-content:flex-end;gap:.5rem;margin-top:1.1rem;padding:.9rem 1.2rem;background:#fafbf9;border-top:1px solid #eef0ed}
.wr-tt-modal-foot.is-warn{align-items:center;justify-content:space-between}
.wr-tt-btn{padding:.55rem 1rem;color:#4f5a54;background:#fff;border:1px solid #e4e7e4;border-radius:10px;font-size:.76rem;font-weight:600}
.wr-tt-btn.is-primary{color:#fff;background:#3d7a5f;border-color:#3d7a5f}
.wr-tt-btn.is-disabled{color:#fff;background:#9dc4b0;border-color:#9dc4b0}
.wr-tt-over{color:#b4544a;font-size:.74rem}
.wr-tt-even{display:flex;align-items:baseline;gap:.5rem;padding:1rem 1.2rem .2rem}
.wr-tt-box{width:14px;height:14px;flex:0 0 auto;background:#fff;border:1.5px solid #cfd6d1;border-radius:4px}
.wr-tt-even b{font-size:.8rem}
.wr-tt-even small{color:#8d97a5;font-size:.7rem}
.wr-tt-alloc{padding:.8rem 1.2rem 0}
.wr-tt-alloc>small{display:block;margin-bottom:.4rem;color:#7b857f;font-size:.53rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}
.wr-tt-alloc>div{display:flex;align-items:center;gap:.4rem;margin-bottom:.45rem;padding:.55rem .7rem;background:#fafbf9;border:1px solid #eef0ed;border-radius:11px;font-size:.78rem}
.wr-tt-alloc span{flex:1;font-weight:600}
.wr-tt-alloc u{min-width:38px;padding:.28rem .4rem;background:#fff;border:1px solid #e4e7e4;border-radius:7px;font-size:.74rem;text-align:right;text-decoration:none}
.wr-tt-alloc em{color:#8d97a5;font-size:.62rem;font-style:normal}

/* blocks / calendar */
.wr-tt-blocks-head{display:flex;align-items:center;gap:1rem;padding:14px 18px;border-bottom:1px solid #eef0ed}
.wr-tt-blocks-head b{font-size:.85rem}
.wr-tt-entries-n{margin-left:auto;color:#7b857f;font-size:.68rem}
.wr-tt-cal{display:grid;grid-template-columns:repeat(6,1fr);gap:1px;min-height:340px;background:#f1f3f0}
.wr-tt-col{display:flex;flex-direction:column;padding:0 6px 10px;background:#fff}
.wr-tt-col.is-we{background:#fcfcfb}
.wr-tt-colhead{display:flex;align-items:center;gap:.35rem;padding:8px 4px;border-bottom:1px solid #f1f3f0}
.wr-tt-colhead small{color:#98a29c;font-size:.5rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}
.wr-tt-colhead span{font-size:.85rem;font-weight:700}
.wr-tt-colhead i{margin-left:auto;padding:.14rem .38rem;color:#2f6b52;background:#e6efe9;border-radius:999px;font-size:.55rem;font-style:normal;font-weight:700}
.wr-tt-blk{overflow:hidden;min-height:44px;padding:.4rem .45rem;border-radius:7px;font-size:.58rem;line-height:1.3}
.wr-tt-blk b{display:block;overflow:hidden;font-size:.55rem;font-weight:600;opacity:.8;text-overflow:ellipsis;white-space:nowrap}
.wr-tt-blk small{display:block;overflow:hidden;font-size:.6rem;font-weight:600;text-overflow:ellipsis;white-space:nowrap}
.wr-tt-blk u{display:block;margin-top:.15rem;font-size:.55rem;font-weight:700;opacity:.75;text-align:right;text-decoration:none}
.wr-tt-blk.is-c1{color:#3c3a6b;background:#dedcf0}
.wr-tt-blk.is-c2{color:#6b3a38;background:#efdcda}
.wr-tt-blk.is-c3{color:#7a4a52;background:#f3e2e4}
.wr-tt-blk.is-c4{color:#7a6428;background:#f2e9cf}
.wr-tt-blk.is-c5{color:#31604a;background:#dcecdf}
.wr-tt-filters{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-top:clamp(1.6rem,3vw,2.2rem)}
.wr-tt-filters article{padding:1.1rem;background:#fff;border:1px solid #ebebe8;border-radius:18px}
.wr-tt-filters h3{margin:0 0 .3rem;font-size:.95rem}
.wr-tt-filters p{margin:0;color:#6b756f;font-size:.78rem;line-height:1.55}

/* report */
.wr-tt-report{margin-top:clamp(2rem,4vw,2.8rem);overflow:hidden;background:#fff;border:1px solid #ebebe8;border-radius:22px}
.wr-tt-report-head{display:flex;align-items:center;gap:.5rem;padding:14px 18px;border-bottom:1px solid #eef0ed}
.wr-tt-report-head strong{display:block;font-size:.95rem}
.wr-tt-report-head span{display:block;margin-top:.1rem;color:#7b857f;font-size:.64rem}
.wr-tt-report-head b{margin-left:auto;padding:.45rem .8rem;color:#fff;background:#3d7a5f;border-radius:9px;font-size:.62rem}
.wr-tt-report-head i{padding:.45rem .8rem;color:#4f5a54;border:1px solid #e4e7e4;border-radius:9px;font-size:.62rem;font-style:normal}
.wr-tt-rkpis{display:grid;grid-template-columns:repeat(7,1fr);gap:.55rem;padding:16px 18px 10px}
.wr-tt-rkpis>div{padding:.6rem .65rem;background:#fafbf9;border:1px solid #eef0ed;border-left:3px solid #3d7a5f;border-radius:11px}
.wr-tt-rkpis>div.is-warn{border-left-color:#c08a2e}
.wr-tt-rkpis>div.is-bad{border-left-color:#b4544a}
.wr-tt-rkpis small{display:block;color:#7b857f;font-size:.46rem;font-weight:700;letter-spacing:.07em;text-transform:uppercase}
.wr-tt-rkpis strong{display:block;margin-top:.25rem;font-size:.95rem;letter-spacing:-.02em}
.wr-tt-insight{margin:0 18px 14px;padding:.6rem .8rem;color:#3a453f;background:#f4f7f5;border-left:3px solid #3d7a5f;border-radius:0 9px 9px 0;font-size:.76rem}
.wr-tt-tree{border-top:1px solid #eef0ed}
.wr-tt-tr{display:grid;grid-template-columns:1.9fr .7fr .8fr .9fr .5fr;gap:.7rem;align-items:center;padding:9px 18px;border-bottom:1px solid #f3f5f2;font-size:.73rem}
.wr-tt-tr>span:not(:first-child){text-align:right}
.wr-tt-tr--head{color:#7b857f;background:#fafbf9;font-size:.5rem;font-weight:700;letter-spacing:.07em;text-transform:uppercase}
.wr-tt-tr>span{color:#5c6762;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.wr-tt-tr .is-warn{color:#8b6421;background:#fdf7ec}
.wr-tt-tr.is-l1>span:first-child{padding-left:1.1rem}
.wr-tt-tr.is-l2>span:first-child{padding-left:2.4rem;color:#7b857f}
.wr-tt-caret{display:inline-block;width:0;height:0;margin-right:.4rem;border-top:4px solid transparent;border-bottom:4px solid transparent;border-left:5px solid #b3bcb6;vertical-align:middle}
.wr-tt-rgrid{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;margin-top:clamp(1.6rem,3vw,2.2rem)}
.wr-tt-rgrid article{padding:1.1rem;background:#fff;border:1px solid #ebebe8;border-radius:18px}
.wr-tt-rgrid h3{margin:0 0 .3rem;font-size:.92rem}
.wr-tt-rgrid p{margin:0;color:#6b756f;font-size:.77rem;line-height:1.55}

/* stacked scene — photo rear layer, card overlaid */
.wr-tt-scene{position:relative;margin-top:clamp(2.5rem,5vw,3.5rem)}
.wr-tt-scene-photo{position:relative;width:100%;aspect-ratio:1.7;margin:0;overflow:hidden;background:#eee9e0;border-radius:30px}
.wr-tt-scene-photo img{display:block;width:100%;height:100%;object-fit:cover;object-position:left center}
.wr-tt-scene-card{position:absolute;z-index:2;right:3.5%;top:50%;transform:translateY(-50%);width:min(360px,35%);padding:clamp(1.1rem,2vw,1.5rem);background:#fff;border:1px solid #ebebe8;border-radius:24px;box-shadow:0 34px 74px -34px rgba(20,37,29,.5)}
.wr-tt-scene-head{display:flex;justify-content:space-between;align-items:flex-start;gap:.7rem;padding-bottom:.8rem;border-bottom:1px solid #eef0ed}
.wr-tt-scene-head span{display:block;color:#3d7a5f;font-size:.56rem;font-weight:800;letter-spacing:.09em;text-transform:uppercase}
.wr-tt-scene-head strong{display:block;margin-top:.28rem;font-size:.85rem}
.wr-tt-scene-meta{padding:.6rem 0}
.wr-tt-scene-meta>div{display:flex;justify-content:space-between;gap:1rem;padding:.32rem 0;font-size:.72rem}
.wr-tt-scene-meta span{color:#7b857f}
.wr-tt-scene-meta b{color:#3a453f;overflow:hidden;text-align:right;text-overflow:ellipsis;white-space:nowrap}
.wr-tt-scene-actions{display:grid;grid-template-columns:1fr 1fr;gap:.4rem;margin-top:.5rem}
.wr-tt-scene-btn{padding:.58rem;color:#4f5a54;background:#f5f6f3;border:1px solid #e4e7e4;border-radius:10px;font-size:.71rem;font-weight:600;text-align:center}
.wr-tt-scene-btn.is-primary{color:#fff;background:#3d7a5f;border-color:#3d7a5f}

@media(max-width:1050px){
  .wr-tt-split-sec{grid-template-columns:1fr}
  .wr-tt-split-sec.is-rev .wr-tt-split-copy{order:0}
  .wr-tt-rgrid,.wr-tt-filters{grid-template-columns:1fr 1fr}
  .wr-tt-scene-photo{aspect-ratio:1.2}
  .wr-tt-scene-card{position:relative;right:auto;top:auto;transform:none;width:100%;margin-top:1rem}
}
@media(max-width:760px){
  .wr-tt-hero .hero-actions{flex-direction:column;align-items:stretch}
  .wr-tt-report{overflow-x:auto}
  .wr-tt-kpis,.wr-tt-day,.wr-tt-entry{min-width:660px}
  .wr-tt-cal{min-width:640px}
  .wr-tt-rkpis{min-width:820px}
  .wr-tt-tree{min-width:680px}
  .wr-tt-form{grid-template-columns:1fr}
  .wr-tt-rgrid,.wr-tt-filters{grid-template-columns:1fr}
  .wr-tt-scene-photo{aspect-ratio:1}
}

/* ── Time tracking: interactive hero demo ─────────────────────────────────*/
.wr-tt-window[data-tt-demo]{position:relative}
.wr-tt-views button{padding:.32rem .7rem;color:#6f7974;background:none;border:0;border-radius:999px;font:inherit;font-size:.64rem;font-weight:600;cursor:pointer;transition:background .16s,color .16s}
.wr-tt-views button:hover{color:#27332d;background:#f2f4f1}
.wr-tt-views button[aria-selected="true"]{color:#fff;background:#1d3028}
.wr-tt-logbtn{padding:.5rem .8rem;color:#fff;background:#3d7a5f;border:0;border-radius:9px;font:inherit;font-size:.62rem;font-weight:600;white-space:nowrap;cursor:pointer;transition:background .16s}
.wr-tt-logbtn:hover{background:#33684f}
.wr-tt-views button:focus-visible,.wr-tt-logbtn:focus-visible,.wr-tt-x:focus-visible,.wr-tt-btn:focus-visible{outline:2px solid #3d7a5f;outline-offset:2px}
.wr-tt-daywk{display:flex;gap:.25rem}
.wr-tt-daywk i{padding:.3rem .6rem;color:#6f7974;border-radius:999px;font-size:.62rem;font-style:normal;font-weight:600}
.wr-tt-daywk i.is-on{color:#fff;background:#1d3028}
.wr-tt-panel[data-tt-panel="blocks"] .wr-tt-blocks-head{border-bottom:1px solid #eef0ed}
.wr-tt-panel[data-tt-panel="blocks"] .wr-tt-cal{min-height:300px}
.wr-tt-scrim{position:absolute;z-index:3;inset:0;background:rgba(24,38,32,.34)}
/* The window grows to fit the dialog rather than clipping its footer — the
   mockup is short in Blocks view and the form is a fixed height. */
.wr-tt-window.is-dlg{min-height:560px}
.wr-tt-dialog{position:absolute;z-index:4;left:50%;top:50%;transform:translate(-50%,-50%);width:min(460px,92%);max-height:92%;overflow:auto;background:#fff;border-radius:20px;box-shadow:0 30px 70px -26px rgba(20,37,29,.6)}
.wr-tt-dlg-head{display:flex;align-items:flex-start;gap:.6rem;padding:1.1rem 1.2rem;border-bottom:1px solid #eef0ed}
.wr-tt-dlg-head strong{display:block;font-size:1rem}
.wr-tt-dlg-head small{display:block;margin-top:.25rem;color:#7b857f;font-size:.72rem;line-height:1.5}
.wr-tt-x{margin-left:auto;padding:0 .2rem;color:#98a29c;background:none;border:0;font-size:1.15rem;line-height:1;cursor:pointer}
.wr-tt-x:hover{color:#27332d}
.wr-tt-dialog .wr-tt-modal-foot{margin-top:.8rem}
.wr-tt-dialog .wr-tt-btn{cursor:pointer;font-family:inherit}
.wr-tt-try{margin:.9rem 0 0;color:#8c9691;font-size:.72rem;text-align:center}
@media(max-width:760px){
  .wr-tt-panel{overflow-x:auto}
  .wr-tt-window[data-tt-demo]{overflow:hidden}
  .wr-tt-window.is-dlg{min-height:640px}
  .wr-tt-dialog{width:94%}
  .wr-tt-dialog .wr-tt-form{grid-template-columns:1fr}
  /* one column makes the form taller than the frame, so the dialog scrolls —
     pin the actions so Cancel/Start Timer never sit below its own fold. */
  .wr-tt-dialog .wr-tt-modal-foot{position:sticky;bottom:0}
}
.wr-tt-fields{display:grid;grid-template-columns:1fr 1fr;gap:.1rem .9rem;margin-top:clamp(2rem,4vw,2.6rem)}
.wr-tt-fields>div{display:grid;gap:.15rem;padding:.6rem 0;border-bottom:1px solid #ebebe8}
.wr-tt-fields span{display:flex;align-items:baseline;gap:.4rem;color:#27332d;font-size:.8rem;font-weight:600}
.wr-tt-fields span u{color:#b4544a;font-size:.55rem;font-weight:700;letter-spacing:.06em;text-decoration:none;text-transform:uppercase}
.wr-tt-fields b{color:#78827d;font-size:.74rem;font-weight:400}
@media(max-width:760px){.wr-tt-fields{grid-template-columns:1fr}}

/* ── Products & sourcing ──────────────────────────────────────────────────*/
.wr-sr-hero{padding:clamp(6rem,11vw,10rem) 0 clamp(5rem,9vw,9rem);background:#f3eee6;text-align:center}
.wr-sr-hero .container{max-width:1180px}
.wr-sr-hero h1{max-width:1050px;margin:1rem auto 0;font-size:clamp(2.5rem,5vw,5rem);line-height:.9;letter-spacing:-.072em}
.wr-sr-hero h1 em{color:#3d7a5f;font-style:normal}
.wr-sr-hero .lead{max-width:860px;margin:2rem auto 0;color:#5e6964;font-size:clamp(1.05rem,1.6vw,1.25rem);line-height:1.65}
.wr-sr-hero .hero-actions{justify-content:center;margin:2rem 0 0}
.wr-sr-stage{margin-top:clamp(3rem,6vw,5rem);text-align:left}

/* shared bits */
.wr-sr-thumb-ph{display:block;width:44px;height:44px;background:linear-gradient(140deg,#f1efe9,#e6e3db);border:1px solid #e7e4dc;border-radius:8px}
.wr-sr-thumb-ph.is-sm{width:30px;height:30px;border-radius:6px}
.wr-sr-thumb-ph.is-xs{width:20px;height:20px;border-radius:5px}
.wr-sr-pill{display:inline-flex;padding:.24rem .55rem;border-radius:999px;font-size:.56rem;font-style:normal;font-weight:700;white-space:nowrap}
.wr-sr-pill.is-ok{color:#2f6b52;background:#e6efe9}
.wr-sr-pill.is-no{color:#9a4c43;background:#f6e3df}
.wr-sr-pill.is-sourcing{color:#5c6762;background:#eef0ed}
.wr-sr-pill.is-allow{color:#6b756f;background:#f0f1ee}
.wr-sr-pill.is-back{color:#3d5b8f;background:#e9eef7}
.wr-sr-tag{display:inline-flex;padding:.22rem .5rem;color:#3d5b8f;background:#eaf0f8;border-radius:999px;font-size:.55rem;font-style:normal;font-weight:600}
.wr-sr-list{margin:0;padding:0;list-style:none}
.wr-sr-list li{position:relative;padding:.5rem 0 .5rem 1.15rem;color:#5e6964;border-top:1px solid #ebebe8;font-size:.86rem;line-height:1.55}
.wr-sr-list li:before{content:"";position:absolute;top:1.05rem;left:0;width:5px;height:5px;background:#3d7a5f;border-radius:50%}
.wr-sr-list b{color:#27332d}
.wr-sr-two{display:grid;grid-template-columns:1fr 1fr;gap:clamp(1.8rem,4vw,3.4rem);align-items:center}
.wr-sr-two.is-rev .wr-sr-two-copy{order:2}
.wr-sr-two .section-head{margin-bottom:1.2rem}

/* hero: products list */
.wr-sr-window{max-width:1000px;margin:0 auto;overflow:hidden;background:#fff;border:1px solid #ebebe8;border-radius:26px;box-shadow:0 34px 80px -40px rgba(20,37,29,.42)}
.wr-sr-window-head{display:flex;align-items:center;gap:.5rem;padding:16px 20px;border-bottom:1px solid #eef0ed}
.wr-sr-window-head strong{display:block;font-size:.95rem}
.wr-sr-window-head>div>span{display:block;margin-top:.1rem;color:#a3aca7;font-size:.64rem}
.wr-sr-window-head>div{flex:1}
.wr-sr-tool{padding:.4rem .65rem;color:#5c6762;background:#f5f6f3;border:1px solid #e4e7e4;border-radius:8px;font-size:.62rem;white-space:nowrap}
.wr-sr-window-head b{padding:.45rem .75rem;color:#fff;background:#1d3028;border-radius:8px;font-size:.62rem;white-space:nowrap}
/* One grid track shared by the header row, every product row and every
   sub-item row — that is what keeps Details under Details and the note under
   Important note, whatever the row contains. */
.wr-sr-grid{display:grid;grid-template-columns:64px 1.9fr .9fr 1.05fr 1.35fr;gap:.9rem;align-items:start;padding:0 20px}
.wr-sr-grid--head{padding-top:9px;padding-bottom:9px;color:#7b857f;background:#fafbf9;border-bottom:1px solid #eef0ed;font-size:.5rem;font-weight:700;letter-spacing:.07em;text-transform:uppercase;align-items:center}
.wr-sr-item{padding:14px 0 16px;border-bottom:1px solid #f3f5f2}
.wr-sr-item:last-child{border-bottom:0}
.wr-sr-item-name{padding:0 20px .6rem}
.wr-sr-item-name strong{display:block;font-size:.86rem}
.wr-sr-item-name small{display:block;color:#98a29c;font-size:.66rem}
.wr-sr-thumb{margin:0;overflow:hidden;aspect-ratio:1;background:#fafbf9;border:1px solid #eef0ed;border-radius:10px}
.wr-sr-thumb.is-sm{width:40px}
.wr-sr-thumb img{display:block;width:100%;height:100%;object-fit:contain}
.wr-sr-desc p{margin:0;color:#5c6762;font-size:.7rem;line-height:1.5}
.wr-sr-desc p b{color:#27332d}
.wr-sr-link{display:block;margin-top:.35rem;color:#3d7659;font-size:.66rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.wr-sr-desc small{display:block;margin-top:.3rem;color:#a3aca7;font-size:.62rem}
.wr-sr-status{display:flex;flex-direction:column;align-items:flex-start;gap:.3rem}
.wr-sr-status small{color:#7b857f;font-size:.64rem}
.wr-sr-details{display:grid;gap:.3rem}
.wr-sr-details span{padding:.3rem .5rem;color:#5c6762;background:#fafbf9;border:1px solid #eef0ed;border-radius:7px;font-size:.64rem}
.wr-sr-imp{color:#6b756f;font-size:.68rem;line-height:1.5}
.wr-sr-sub{margin:14px 0 -16px;padding:10px 0 14px;background:#fafbf9;border-top:1px solid #eef0ed}
.wr-sr-sub-head{display:block;margin-bottom:.5rem;padding:0 20px;color:#7b857f;font-size:.5rem;font-weight:700;letter-spacing:.07em;text-transform:uppercase}
/* sub-items read as a subordinate line, so they sit slightly quieter than
   the parent row rather than louder — em here would compound upward. */
.wr-sr-grid--sub{align-items:center}
.wr-sr-grid--sub .wr-sr-desc p{font-size:.68rem}
.wr-sr-grid--sub .wr-sr-details span{padding:.24rem .45rem;font-size:.62rem}
.wr-sr-grid--sub .wr-sr-imp{font-size:.66rem}

/* clipper */
.wr-sr-clipper{overflow:hidden;background:#fff;border:1px solid #ebebe8;border-radius:22px;box-shadow:0 30px 66px -30px rgba(20,37,29,.42)}
.wr-sr-clip-bar{display:flex;justify-content:space-between;align-items:center;padding:.7rem 1rem;border-bottom:1px solid #eef0ed;font-size:.78rem}
.wr-sr-clip-bar b{letter-spacing:-.03em}
.wr-sr-clip-bar span{color:#6b756f;font-size:.72rem}
.wr-sr-clip-auto{display:flex;gap:.5rem;padding:.8rem 1rem .5rem}
.wr-sr-clip-auto b{flex:1;padding:.6rem;color:#fff;background:#2f6b52;border-radius:9px;font-size:.8rem;text-align:center}
.wr-sr-cam{width:38px;border:1px solid #e4e7e4;border-radius:9px}
.wr-sr-clip-warn{margin:0;padding:.2rem 1rem .7rem;color:#7b857f;font-size:.68rem}
.wr-sr-clip-imgs{display:grid;grid-template-columns:1fr 1fr;gap:.7rem;padding:.7rem 1rem;background:#fafbf9;border-top:1px solid #eef0ed;border-bottom:1px solid #eef0ed}
.wr-sr-clip-main{margin:0}
.wr-sr-clip-main img{display:block;width:100%;aspect-ratio:1.15;object-fit:contain;background:#fff;border:1px solid #d6dad6;border-radius:9px}
.wr-sr-clip-main small,.wr-sr-clip-alts small{display:block;margin-top:.3rem;color:#7b857f;font-size:.6rem;text-align:center}
.wr-sr-clip-alts{display:grid;grid-template-columns:1fr 1fr;gap:.4rem;align-content:start}
.wr-sr-clip-alts img{display:block;width:100%;aspect-ratio:1;object-fit:contain;background:#fff;border:1px solid #d6dad6;border-radius:7px}
.wr-sr-pickthumb{display:block;width:18px;height:18px;flex:0 0 auto;overflow:hidden;border-radius:4px}
.wr-sr-pickthumb img{display:block;width:100%;height:100%;object-fit:cover}
.wr-sr-rt.is-sm{width:30px;height:30px;flex:0 0 auto}
.wr-sr-clip-alts small{grid-column:1/-1}
.wr-sr-clip-form{display:grid;grid-template-columns:1fr 1fr;gap:.6rem;padding:.9rem 1rem}
.wr-sr-f.is-wide{grid-column:1/-1}
.wr-sr-f label{display:flex;gap:.3rem;margin-bottom:.25rem;color:#3d7a5f;font-size:.52rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase}
.wr-sr-f label u{color:#b4544a;text-decoration:none}
.wr-sr-sel{display:flex;align-items:center;gap:.4rem;padding:.45rem .6rem;color:#3a453f;background:#fff;border:1px solid #cfe0d6;border-radius:8px;font-size:.72rem}
.wr-sr-sel.is-ph{color:#a3aca7}
.wr-sr-sel.is-url{color:#3d7659}
.wr-sr-sel:not(.is-text):after{content:"";margin-left:auto;width:0;height:0;border-left:4px solid transparent;border-right:4px solid transparent;border-top:5px solid #98a29c}
.wr-sr-sel.is-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:block}
.wr-sr-clip-foot{display:grid;grid-template-columns:1fr 1fr;gap:.5rem;padding:.9rem 1rem;background:#fafbf9;border-top:1px solid #eef0ed}
.wr-sr-btn{padding:.55rem;color:#5c6762;background:#e9eae6;border-radius:9px;font-size:.76rem;font-weight:600;text-align:center}
.wr-sr-btn.is-primary{color:#fff;background:#2f6b52}

/* record groups */

/* financials card */
.wr-sr-fin{overflow:hidden;background:#fff;border:1px solid #ebebe8;border-radius:22px;box-shadow:0 30px 66px -34px rgba(20,37,29,.34)}
.wr-sr-fin-head{padding:1.1rem 1.2rem .8rem}
.wr-sr-fin-head span{display:block;color:#3d7a5f;font-size:.56rem;font-weight:800;letter-spacing:.09em;text-transform:uppercase}
.wr-sr-fin-head strong{display:block;margin-top:.25rem;font-size:1.05rem}
.wr-sr-fin-tot{display:grid;grid-template-columns:1fr 1fr;gap:.6rem;padding:0 1.2rem 1rem}
.wr-sr-fin-tot>div{padding:.65rem .75rem;background:#f4f7f5;border-radius:12px}
.wr-sr-fin-tot small{display:block;color:#6b756f;font-size:.5rem;font-weight:700;letter-spacing:.07em;text-transform:uppercase}
.wr-sr-fin-tot b{display:block;margin-top:.2rem;font-size:1.05rem;letter-spacing:-.02em}
.wr-sr-fin-block{padding:.8rem 1.2rem;border-top:1px solid #eef0ed}
.wr-sr-fin-block>small{display:block;margin-bottom:.4rem;color:#7b857f;font-size:.5rem;font-weight:700;letter-spacing:.07em;text-transform:uppercase}
.wr-sr-fin-block>div{display:flex;justify-content:space-between;gap:1rem;padding:.26rem 0;font-size:.76rem}
.wr-sr-fin-block span{color:#7b857f}
.wr-sr-fin-block b{color:#27332d}
.wr-sr-fin-block b.is-off{color:#c2c9c4}
.wr-sr-fin-block.is-client{background:#fbfcfa}
.wr-sr-fin-note{margin:0;padding:.8rem 1.2rem 1.1rem;color:#6b756f;background:#fbfcfa;border-top:1px solid #eef0ed;font-size:.74rem;line-height:1.5}

/* export */
.wr-sr-export{display:grid;grid-template-columns:300px 1fr;gap:1rem;margin-top:clamp(2rem,4vw,2.8rem);align-items:start}
.wr-sr-export-panel{padding:1.1rem;background:#fff;border:1px solid #ebebe8;border-radius:20px}
.wr-sr-ep-head strong{display:block;font-size:.95rem}
.wr-sr-ep-head small{display:block;margin-top:.15rem;color:#7b857f;font-size:.66rem}
.wr-sr-ep-group{margin-top:.9rem;padding-top:.8rem;border-top:1px solid #f1f3f0}
.wr-sr-ep-group>small{display:block;margin-bottom:.4rem;color:#7b857f;font-size:.5rem;font-weight:700;letter-spacing:.07em;text-transform:uppercase}
.wr-sr-chips{display:flex;flex-wrap:wrap;gap:.3rem}
.wr-sr-chips i{padding:.28rem .55rem;color:#6b756f;background:#f5f6f3;border:1px solid #e9eae6;border-radius:7px;font-size:.64rem;font-style:normal}
.wr-sr-chips i.is-on{color:#2f6b52;background:#e9f2ec;border-color:#cfe0d6;font-weight:600}
.wr-sr-ep-preset{display:flex;align-items:center;gap:.5rem;margin-top:.9rem;padding-top:.8rem;border-top:1px solid #f1f3f0;font-size:.7rem}
.wr-sr-ep-preset span{flex:1;padding:.4rem .5rem;color:#a3aca7;background:#fafbf9;border:1px solid #e9eae6;border-radius:7px}
.wr-sr-ep-preset b{padding:.4rem .7rem;color:#fff;background:#2f6b52;border-radius:7px;font-size:.66rem}
.wr-sr-sheet{overflow:hidden;background:#fff;border:1px solid #ebebe8;border-radius:16px;box-shadow:0 24px 54px -30px rgba(20,37,29,.34)}
.wr-sr-sheet-head,.wr-sr-sheet-foot{display:flex;justify-content:space-between;gap:1rem;padding:.6rem .9rem;color:#a3aca7;font-size:.54rem;letter-spacing:.05em;text-transform:uppercase}
.wr-sr-sheet-foot{border-top:1px solid #f1f3f0}
.wr-sr-sheet-cols{display:grid;grid-template-columns:52px 1.5fr 1fr 1.2fr 1.1fr 1.1fr;gap:.7rem;padding:.5rem .9rem;border-top:1px solid #eef0ed;border-bottom:1px solid #27332d;color:#5c6762;font-size:.5rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase}
.wr-sr-sheet-room{padding:.4rem .9rem;color:#fff;background:#27332d;font-size:.62rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase}
.wr-sr-sheet-room i{float:right;font-style:normal;font-weight:400;opacity:.7}
.wr-sr-sheet-row{display:grid;grid-template-columns:52px 1.5fr 1fr 1.2fr 1.1fr 1.1fr;gap:.7rem;padding:.7rem .9rem;align-items:start}
.wr-sr-sheet-row>div{display:grid;gap:.02rem}
.wr-sr-sheet-row small{color:#a3aca7;font-size:.5rem;letter-spacing:.04em;text-transform:uppercase}
/* the description is prose, not a field label — it must escape the caps rule */
.wr-sr-sheet-row small.is-desc{color:#6b756f;font-size:.6rem;line-height:1.4;letter-spacing:0;text-transform:none}
.wr-sr-sheet-row b{color:#27332d;font-size:.66rem}
.wr-sr-sheet-row b.is-tot{color:#2f6b52;font-size:.78rem}
.wr-sr-sheet-row .wr-sr-pill{margin-top:.3rem;justify-self:start}
.wr-sr-rt{display:block;overflow:hidden;aspect-ratio:1;background:#fafbf9;border:1px solid #eef0ed;border-radius:7px}
.wr-sr-rt img{display:block;width:100%;height:100%;object-fit:contain}

/* products report */


/* stacked scene */
.wr-sr-scene{position:relative;margin-top:clamp(2.5rem,5vw,3.5rem)}
.wr-sr-scene-photo{position:relative;width:100%;aspect-ratio:1.7;margin:0;overflow:hidden;background:#eee9e0;border-radius:30px}
.wr-sr-scene-photo img{display:block;width:100%;height:100%;object-fit:cover;object-position:left center}
.wr-sr-scene-card{position:absolute;z-index:2;right:3.5%;top:50%;transform:translateY(-50%);width:min(360px,35%);padding:clamp(1.1rem,2vw,1.5rem);background:#fff;border:1px solid #ebebe8;border-radius:24px;box-shadow:0 34px 74px -34px rgba(20,37,29,.5)}

@media(max-width:1050px){
  .wr-sr-two{grid-template-columns:1fr}
  .wr-sr-two.is-rev .wr-sr-two-copy{order:0}
  .wr-sr-export{grid-template-columns:1fr}
  .wr-sr-scene-photo{aspect-ratio:1.2}
  .wr-sr-scene-card{position:relative;right:auto;top:auto;transform:none;width:100%;margin-top:1rem}
}
@media(max-width:760px){
  .wr-sr-hero .hero-actions{flex-direction:column;align-items:stretch}
  .wr-sr-window,.wr-sr-sheet{overflow-x:auto}
  .wr-sr-grid{min-width:800px}
  .wr-sr-sheet-cols,.wr-sr-sheet-room,.wr-sr-sheet-row,.wr-sr-sheet-head,.wr-sr-sheet-foot{min-width:720px}
  .wr-sr-clip-form{grid-template-columns:1fr}
  .wr-sr-scene-photo{aspect-ratio:1}
}

/* ── Sourcing: interactive schedule, xref, coming-soon ────────────────────*/
.wr-sr-chips button{padding:.3rem .6rem;color:#6b756f;background:#f5f6f3;border:1px solid #e9eae6;border-radius:7px;font:inherit;font-size:.64rem;cursor:pointer;transition:background .15s,color .15s,border-color .15s}
.wr-sr-chips button:hover{color:#27332d;border-color:#cfd6d1}
.wr-sr-chips button[aria-pressed="true"]{color:#2f6b52;background:#e9f2ec;border-color:#cfe0d6;font-weight:600}
.wr-sr-checks button{display:flex;align-items:center;gap:.45rem;width:100%;padding:.24rem 0;color:#4f5a54;background:none;border:0;font:inherit;font-size:.7rem;text-align:left;cursor:pointer}
.wr-sr-checks button i{position:relative;width:13px;height:13px;flex:0 0 auto;background:#fff;border:1.5px solid #cfd6d1;border-radius:3px;transition:background .15s,border-color .15s}
.wr-sr-checks button[aria-pressed="true"] i{background:#2f6b52;border-color:#2f6b52}
.wr-sr-checks button[aria-pressed="true"] i:after{content:"";position:absolute;top:2px;left:3px;width:5px;height:2px;border:1.5px solid #fff;border-top:0;border-right:0;transform:rotate(-45deg)}
.wr-sr-chips button:focus-visible,.wr-sr-checks button:focus-visible{outline:2px solid #3d7a5f;outline-offset:2px}
.wr-sr-hint{margin:.45rem 0 0;color:#a3aca7;font-size:.62rem}
.wr-sr-hint--try{margin:.9rem 0 0;color:#8c9691;font-size:.72rem;text-align:center}
.wr-sr-sheet-room.is-l2{color:#3a453f;background:#eef0ed;font-size:.56rem}
.wr-sr-sheet-row.is-sub{background:#fafbf9}
.wr-sr-sheet-row.is-sub b{color:#5c6762}
.wr-sr-sheet.is-letter{max-width:520px;margin:0 auto}
.wr-sr-sheet.is-letter .wr-sr-sheet-row small{font-size:.46rem}
.wr-sr-sheet.is-letter .wr-sr-sheet-row b{font-size:.6rem}

.wr-sr-xref{display:grid;grid-template-columns:.9fr 1.1fr;gap:clamp(1.4rem,3vw,2.6rem);align-items:center;margin-top:clamp(1.8rem,3.5vw,2.6rem);padding:clamp(1.6rem,3.5vw,2.4rem) clamp(1.6rem,4vw,2.6rem);background:#f3eee6;border-radius:30px}
.wr-sr-xref .kicker{color:#3d7a5f}
.wr-sr-xref h3{margin:.5rem 0 .4rem;font-family:var(--display);font-size:clamp(1.3rem,2.2vw,1.7rem);letter-spacing:-.03em;line-height:1.15}
.wr-sr-xref p{margin:0 0 1rem;max-width:44ch;color:#5e6964;font-size:.88rem;line-height:1.55}
.wr-sr-xref-tile{display:grid;grid-template-columns:1fr 1fr;gap:1px;overflow:hidden;background:#e7e1d6;border:1px solid #e7e1d6;border-radius:20px}
.wr-sr-xref-tile>div{padding:.9rem 1rem;background:#fff}
.wr-sr-xref-tile span{display:block;color:#3d7a5f;font-size:.5rem;font-weight:800;letter-spacing:.09em;text-transform:uppercase}
.wr-sr-xref-tile b{display:block;margin-top:.3rem;color:#1e1e1e;font-family:var(--display);font-size:1.2rem;letter-spacing:-.03em}
.wr-sr-xref-tile small{display:block;margin-top:.15rem;color:#6b756f;font-size:.7rem}

/* the testimonial now rides on the showroom photograph, in the slot the
   product card used to hold */
.wr-sr-quote{margin:0}
.wr-sr-quote blockquote{margin:0;color:#1e1e1e;font-family:var(--display);font-size:clamp(.95rem,1.25vw,1.1rem);font-weight:500;line-height:1.35;letter-spacing:-.015em}
.wr-sr-quote figcaption{display:flex;align-items:center;gap:.6rem;margin-top:1rem;padding-top:.9rem;border-top:1px solid #eef0ed}
.wr-sr-quote figcaption img{width:34px;height:34px;flex:0 0 auto;border-radius:50%;object-fit:cover}
.wr-sr-quote figcaption strong{display:block;color:#1e1e1e;font-size:.75rem}
.wr-sr-quote figcaption span{color:#7b857f;font-size:.68rem;line-height:1.35}

.wr-sr-two.is-scale{align-items:start}
.wr-sr-pm{overflow:hidden;background:#fff;border:1px solid #ebebe8;border-radius:22px;box-shadow:0 30px 66px -34px rgba(20,37,29,.34)}
.wr-sr-pm-head{display:flex;justify-content:space-between;align-items:baseline;gap:1rem;padding:1rem 1.2rem}
.wr-sr-pm-head strong{font-size:1.05rem;letter-spacing:-.02em}
.wr-sr-pm-head span{color:#7b857f;font-size:.72rem}
.wr-sr-pm-head b{color:#2f6b52}
.wr-sr-pm-tabs{display:grid;grid-template-columns:1fr 1fr;border-bottom:1px solid #eef0ed}
.wr-sr-pm-tabs button{padding:.7rem;color:#6b756f;background:#fbfbf9;border:0;border-bottom:2px solid transparent;font:inherit;font-size:.78rem;font-weight:600;cursor:pointer;transition:color .15s,background .15s,border-color .15s}
.wr-sr-pm-tabs button:hover{color:#27332d}
.wr-sr-pm-tabs button[aria-selected="true"]{color:#2f6b52;background:#fff;border-bottom-color:#2f6b52}
.wr-sr-pm-tabs button:focus-visible{outline:2px solid #3d7a5f;outline-offset:-2px}
.wr-sr-pm-panel{padding:1.1rem 1.2rem}
.wr-sr-pm-panel>small{display:block;margin:0 0 .5rem;color:#7b857f;font-size:.5rem;font-weight:700;letter-spacing:.07em;text-transform:uppercase}
.wr-sr-pm-panel>small:not(:first-child){margin-top:1rem}
.wr-sr-pm-sorts,.wr-sr-pm-filters{display:grid;grid-template-columns:1fr 1fr;gap:.4rem}
.wr-sr-pm-sorts span,.wr-sr-pm-filters span{padding:.45rem .6rem;color:#5c6762;background:#fff;border:1px solid #e4e7e4;border-radius:9px;font-size:.7rem}
.wr-sr-pm-sorts span.is-on{color:#2f6b52;background:#e9f2ec;border-color:#cfe0d6;font-weight:600}
.wr-sr-pm-filters span{color:#7b857f;background:#fafbf9}
.wr-sr-pm-sel{display:flex;align-items:center;gap:.5rem;margin-bottom:.9rem;padding:.6rem .75rem;background:#e9f2ec;border:1px solid #cfe0d6;border-radius:10px;font-size:.76rem}
.wr-sr-pm-sel i{position:relative;width:14px;height:14px;flex:0 0 auto;background:#2f6b52;border-radius:50%}
.wr-sr-pm-sel i:after{content:"";position:absolute;top:4px;left:3.5px;width:6px;height:3px;border:1.5px solid #fff;border-top:0;border-right:0;transform:rotate(-45deg)}
.wr-sr-pm-sel b{flex:1;color:#27332d}
.wr-sr-pm-sel u{color:#7b857f;font-size:.7rem;text-decoration:none}
.wr-sr-pm-group{margin-bottom:.8rem}
.wr-sr-pm-group small{display:block;margin-bottom:.45rem;padding-bottom:.35rem;color:#5c6762;border-bottom:2px solid #3d7a5f;font-size:.5rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase}
.wr-sr-pm-group.is-firm small{border-bottom-color:#c08a2e}
.wr-sr-pm-group.is-client small{border-bottom-color:#3d7a5f}
.wr-sr-pm-group.is-ship small{border-bottom-color:#7e6bb0}
.wr-sr-pm-group span{display:inline-block;margin:0 .3rem .3rem 0;padding:.32rem .55rem;color:#6b756f;background:#fafbf9;border:1px solid #eef0ed;border-radius:7px;font-size:.66rem}

.wr-sr-soon{display:grid;grid-template-columns:.75fr 1.25fr;gap:clamp(1.2rem,3vw,2.6rem);align-items:start;margin-top:clamp(1.6rem,3vw,2.2rem);padding:clamp(1.3rem,2.6vw,1.9rem);background:#f6f4ef;border:1px solid #e5ddcd;border-radius:20px}
.wr-sr-soon-head{display:block}
.wr-sr-soon-head h3{margin:.7rem 0 0;font-size:1.15rem;letter-spacing:-.025em;line-height:1.2}
.wr-sr-soon-pill{display:inline-block;padding:.28rem .6rem;color:#8b6421;background:#f4e9d3;border-radius:999px;font-size:.56rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;white-space:nowrap}
.wr-sr-soon-body p{margin:.7rem 0 0;color:#5e6964;font-size:.88rem;line-height:1.65}
.wr-sr-soon-body p:first-child{margin-top:0}
.wr-sr-soon-note{color:#8a938d;font-size:.76rem}

@media(max-width:1050px){
  .wr-sr-xref{grid-template-columns:1fr}
  .wr-sr-soon{grid-template-columns:1fr}
}
@media(max-width:760px){
  .wr-sr-xref-tile{grid-template-columns:1fr}
  .wr-sr-pm-sorts,.wr-sr-pm-filters{grid-template-columns:1fr}
}

/* ── Walter AI ────────────────────────────────────────────────────────────*/
.wr-wa-hero{padding:clamp(6rem,11vw,10rem) 0 clamp(5rem,9vw,9rem);background:#f3eee6;text-align:center}
.wr-wa-hero .container{max-width:1180px}
.wr-wa-hero h1{max-width:1000px;margin:1rem auto 0;font-size:clamp(2.5rem,5vw,5rem);line-height:.9;letter-spacing:-.072em}
.wr-wa-hero h1 em{color:#3d7a5f;font-style:normal}
.wr-wa-hero .lead{max-width:840px;margin:2rem auto 0;color:#5e6964;font-size:clamp(1.05rem,1.6vw,1.25rem);line-height:1.65}
.wr-wa-hero .hero-actions{justify-content:center;margin:2rem 0 0}
.wr-wa-stage{margin-top:clamp(3rem,6vw,5rem);text-align:left}
.wr-wa-window{display:grid;grid-template-columns:220px 1fr;max-width:1000px;margin:0 auto;overflow:hidden;background:#fff;border:1px solid #ebebe8;border-radius:26px;box-shadow:0 34px 80px -40px rgba(20,37,29,.42)}
.wr-wa-side{padding:1.1rem;background:#fafbf9;border-right:1px solid #eef0ed}
.wr-wa-brand{display:flex;align-items:center;gap:.5rem;font-size:.95rem;font-weight:600}
.wr-wa-brand i{display:grid;place-items:center;width:26px;height:26px;color:#fff;background:#2f6b52;border-radius:50%;font-size:.7rem;font-style:normal;font-weight:700}
.wr-wa-new{display:block;margin:.9rem 0 1.2rem;padding:.55rem;color:#fff;background:#2f6b52;border-radius:10px;font-size:.76rem;font-weight:600;text-align:center}
.wr-wa-side small{display:block;margin-bottom:.5rem;color:#98a29c;font-size:.52rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}
.wr-wa-recent{padding:.45rem .55rem;color:#5c6762;border-radius:8px;font-size:.74rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
/* min-width:0 lets the grid item shrink below the nowrap input's
   min-content width instead of pushing the whole panel wider. */
.wr-wa-main{min-width:0;padding:clamp(1.4rem,3vw,2.2rem);text-align:center}

.wr-wa-greet{margin:.8rem 0 0;font-size:clamp(1.3rem,2.2vw,1.7rem);letter-spacing:-.03em}
.wr-wa-badge{display:inline-block;margin-top:.7rem;padding:.4rem .8rem;color:#2f6b52;background:#e9f2ec;border-radius:999px;font-size:.75rem;font-weight:600}
.wr-wa-tag{max-width:52ch;margin:.9rem auto 0;color:#5e6964;font-size:.86rem;line-height:1.6}
.wr-wa-limit{max-width:60ch;margin:1.2rem auto 0;padding:.85rem 1rem;color:#7a6323;background:#fdf7e6;border:1px solid #f0e2be;border-radius:12px;font-size:.78rem;line-height:1.55;text-align:left}
.wr-wa-limit strong{color:#5f4c14}
.wr-wa-prompts{display:grid;justify-items:center;gap:.5rem;margin-top:1.3rem}
.wr-wa-prompts span{max-width:100%;padding:.55rem 1rem;color:#2f6b52;background:#fff;border:1px solid #dfe6e1;border-radius:999px;font-size:.8rem;font-weight:600}
.wr-wa-input{margin-top:1.5rem;padding:.75rem .9rem;color:#a3aca7;background:#fff;border:1px solid #e4e7e4;border-radius:12px;font-size:.78rem;overflow:hidden;text-align:left;text-overflow:ellipsis;white-space:nowrap}

.wr-wa-records{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;margin-top:clamp(2rem,4vw,2.8rem)}
.wr-wa-records article{padding:1.2rem;background:#fff;border:1px solid #ebebe8;border-radius:18px}
.wr-wa-records h3{margin:0 0 .35rem;font-size:.95rem}
.wr-wa-records p{margin:0;color:#6b756f;font-size:.78rem;line-height:1.55}
.wr-wa-records small{display:block;margin-top:.7rem;padding-top:.6rem;border-top:1px solid #f1f3f0;color:#3d7a5f;font-size:.72rem;font-style:italic}

.wr-wa-two{display:grid;grid-template-columns:1fr 1fr;gap:clamp(1.8rem,4vw,3.4rem);align-items:center}
.wr-wa-two.is-rev .wr-wa-two-copy{order:2}
.wr-wa-two .section-head{margin-bottom:1.2rem}
.wr-wa-list{margin:0;padding:0;list-style:none}
.wr-wa-list li{position:relative;padding:.5rem 0 .5rem 1.15rem;color:#5e6964;border-top:1px solid #ebebe8;font-size:.86rem;line-height:1.55}
.wr-wa-list li:before{content:"";position:absolute;top:1.05rem;left:0;width:5px;height:5px;background:#3d7a5f;border-radius:50%}
.wr-wa-list b{color:#27332d}

.wr-wa-chat{padding:clamp(1.1rem,2.4vw,1.6rem);background:#fff;border:1px solid #ebebe8;border-radius:22px;box-shadow:0 30px 66px -34px rgba(20,37,29,.34)}
.wr-wa-msg{display:flex;gap:.6rem;margin-bottom:1rem}
.wr-wa-msg:last-child{margin-bottom:0}
.wr-wa-msg i{display:grid;place-items:center;width:24px;height:24px;flex:0 0 auto;color:#fff;background:#8d97a5;border-radius:50%;font-size:.6rem;font-style:normal;font-weight:700}
.wr-wa-msg i.is-walter{background:#2f6b52}
.wr-wa-msg p{margin:0;color:#3a453f;font-size:.82rem;line-height:1.55}
.wr-wa-msg p b{color:#1e1e1e}
.wr-wa-msg.is-you p{color:#5c6762}
.wr-wa-fig{display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem;margin-top:.7rem}
.wr-wa-fig>div{padding:.55rem .65rem;background:#fafbf9;border:1px solid #eef0ed;border-left:3px solid #cfd8d2;border-radius:10px}
.wr-wa-fig>div.is-bad{border-left-color:#b4544a}
.wr-wa-fig small{display:block;color:#7b857f;font-size:.5rem;font-weight:700;letter-spacing:.07em;text-transform:uppercase}
.wr-wa-fig b{display:block;margin-top:.15rem;font-size:.86rem}
.wr-wa-src{display:block;margin-top:.6rem;color:#a3aca7;font-size:.66rem}
.wr-wa-note{margin-top:.6rem;padding:.6rem .7rem;color:#28382f;background:#f4f7f5;border-left:3px solid #3d7a5f;border-radius:0 9px 9px 0;font-size:.78rem}
.wr-wa-note small{display:block;margin-bottom:.2rem;color:#6b756f;font-size:.6rem}

.wr-wa-limit-card{padding:clamp(1.3rem,2.6vw,1.9rem);background:#fdf7e6;border:1px solid #f0e2be;border-radius:22px}
.wr-wa-limit-pill{display:inline-block;padding:.3rem .65rem;color:#7a6323;background:#f6ead0;border-radius:999px;font-size:.56rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
.wr-wa-cant{display:grid;gap:.55rem;margin-top:1rem}
.wr-wa-cant>div{padding:.75rem .85rem;background:#fff;border:1px solid #f0e6d2;border-radius:12px}
.wr-wa-cant b{display:block;font-size:.9rem}
.wr-wa-cant small{display:block;margin-top:.2rem;color:#6b756f;font-size:.75rem}
.wr-wa-cant-note{margin:.9rem 0 0;color:#7a6323;font-size:.8rem;line-height:1.55}

@media(max-width:1050px){
  .wr-wa-window{grid-template-columns:1fr}
  .wr-wa-side{display:flex;align-items:center;gap:.8rem;border-right:0;border-bottom:1px solid #eef0ed}
  .wr-wa-new{margin:0}
  .wr-wa-side small,.wr-wa-recent{display:none}
  .wr-wa-records{grid-template-columns:1fr 1fr}
  .wr-wa-two{grid-template-columns:1fr}
  .wr-wa-two.is-rev .wr-wa-two-copy{order:0}
}
@media(max-width:760px){
  .wr-wa-hero .hero-actions{flex-direction:column;align-items:stretch}
  .wr-wa-records{grid-template-columns:1fr}
  .wr-wa-fig{grid-template-columns:1fr}
  .wr-wa-prompts span{font-size:.74rem}
}
.wr-wa-disclaimer{max-width:70ch;margin:1.1rem auto 0;color:#8c9691;font-size:.76rem;line-height:1.55;text-align:center}
.wr-wa-taught{display:grid;grid-template-columns:.8fr 1.2fr;gap:clamp(1.2rem,3vw,2.6rem);align-items:start;margin-top:clamp(1.6rem,3vw,2.2rem);padding:clamp(1.3rem,2.6vw,1.9rem);background:#fff;border:1px solid #ebebe8;border-radius:20px}
.wr-wa-taught-pill{display:inline-block;padding:.28rem .6rem;color:#2f6b52;background:#e9f2ec;border-radius:999px;font-size:.56rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
.wr-wa-taught h3{margin:.7rem 0 0;font-size:1.15rem;letter-spacing:-.025em;line-height:1.2}
.wr-wa-taught p{margin:0 0 .7rem;color:#5e6964;font-size:.88rem;line-height:1.65}
.wr-wa-taught p:last-child{margin-bottom:0}
.wr-wa-taught-note{color:#8a938d!important;font-size:.78rem!important}
@media(max-width:1050px){.wr-wa-taught{grid-template-columns:1fr}}

/* ── Reports ──────────────────────────────────────────────────────────────*/
.wr-rp-hero{padding:clamp(6rem,11vw,10rem) 0 clamp(5rem,9vw,9rem);background:#f3eee6;text-align:center}
.wr-rp-hero .container{max-width:1180px}
.wr-rp-hero h1{max-width:1000px;margin:1rem auto 0;font-size:clamp(2.5rem,5vw,5rem);line-height:.9;letter-spacing:-.072em}
.wr-rp-hero h1 em{color:#3d7a5f;font-style:normal}
.wr-rp-hero .lead{max-width:840px;margin:2rem auto 0;color:#5e6964;font-size:clamp(1.05rem,1.6vw,1.25rem);line-height:1.65}
.wr-rp-hero .hero-actions{justify-content:center;margin:2rem 0 0}
.wr-rp-stage{margin-top:clamp(3rem,6vw,5rem);text-align:left}
.wr-rp-window{max-width:960px;margin:0 auto;overflow:hidden;background:#fff;border:1px solid #ebebe8;border-radius:26px;box-shadow:0 34px 80px -40px rgba(20,37,29,.42)}
.wr-rp-window-head{display:flex;align-items:center;gap:.5rem;padding:16px 20px;border-bottom:1px solid #eef0ed}
.wr-rp-window-head>div{flex:1}
.wr-rp-window-head strong{display:block;font-size:.95rem}
.wr-rp-window-head span{display:block;margin-top:.1rem;color:#7b857f;font-size:.64rem}
.wr-rp-window-head b{padding:.45rem .8rem;color:#fff;background:#2f6b52;border-radius:9px;font-size:.62rem;white-space:nowrap}
.wr-rp-window-head i{padding:.45rem .8rem;color:#4f5a54;border:1px solid #e4e7e4;border-radius:9px;font-size:.62rem;font-style:normal;white-space:nowrap}
.wr-rp-kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:.6rem;padding:16px 20px 10px}
.wr-rp-kpis>div{padding:.75rem .85rem;background:#fafbf9;border:1px solid #eef0ed;border-left:3px solid #3d7a5f;border-radius:11px}
.wr-rp-kpis>div.is-warn{border-left-color:#c08a2e}
.wr-rp-kpis small{display:block;color:#7b857f;font-size:.48rem;font-weight:700;letter-spacing:.07em;text-transform:uppercase}
.wr-rp-kpis b{display:block;margin-top:.2rem;font-size:1.15rem;letter-spacing:-.02em}
.wr-rp-kpis em{display:block;margin-top:.1rem;color:#7b857f;font-size:.62rem;font-style:normal}
.wr-rp-tabs{display:flex;flex-wrap:wrap;gap:.3rem;padding:6px 20px 12px}
.wr-rp-tabs span{display:flex;align-items:center;gap:.3rem;padding:.3rem .6rem;color:#6f7974;border-radius:999px;font-size:.62rem;font-weight:600}
.wr-rp-tabs span.is-on{color:#fff;background:#1d3028}
.wr-rp-tabs b{padding:.02rem .28rem;background:rgba(0,0,0,.07);border-radius:999px;font-size:.55rem}
.wr-rp-tabs span.is-on b{background:rgba(255,255,255,.22)}
.wr-rp-row{display:grid;grid-template-columns:1.1fr 1.3fr .9fr .8fr .8fr .9fr;gap:.7rem;align-items:center;padding:10px 20px;border-bottom:1px solid #f3f5f2;font-size:.73rem}
.wr-rp-row--head{color:#7b857f;background:#fafbf9;font-size:.48rem;font-weight:700;letter-spacing:.07em;text-transform:uppercase}
.wr-rp-row--head span:nth-child(4),.wr-rp-row--head span:nth-child(5){text-align:right}
.wr-rp-row>span{color:#5c6762;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.wr-rp-row b{color:#27332d}
.wr-rp-row small{display:block;color:#a3aca7;font-size:.62rem}
.wr-rp-row .is-num{text-align:right}
.wr-rp-row .is-due{color:#9a4c43;font-weight:600}
.wr-rp-pill{display:inline-flex;padding:.22rem .5rem;border-radius:999px;font-size:.55rem;font-style:normal;font-weight:700}
.wr-rp-pill.is-ok{color:#2f6b52;background:#e6efe9}
.wr-rp-pill.is-late{color:#9a4c43;background:#f6e3df}

.wr-rp-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-top:clamp(2rem,4vw,2.8rem)}
.wr-rp-grid article{padding:1.3rem;background:#fff;border:1px solid #ebebe8;border-radius:18px}
.wr-rp-grid article.is-live{border-color:#cfe0d6;background:#fbfdfc}
.wr-rp-grid span{display:block;color:#3d7a5f;font-size:.5rem;font-weight:800;letter-spacing:.09em;text-transform:uppercase}
.wr-rp-grid h3{margin:.5rem 0 .35rem;font-size:1rem;letter-spacing:-.02em}
.wr-rp-grid p{margin:0;color:#6b756f;font-size:.78rem;line-height:1.55}

.wr-rp-three{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-top:clamp(2rem,4vw,2.8rem)}
.wr-rp-three article{display:flex;flex-direction:column;padding:1.5rem;background:#fff;border:1px solid #ebebe8;border-radius:20px}
.wr-rp-tag{display:inline-block;align-self:flex-start;padding:.26rem .55rem;color:#6b756f;background:#f2f4f1;border-radius:999px;font-size:.52rem;font-weight:700;letter-spacing:.07em;text-transform:uppercase}
.wr-rp-three b{display:block;margin:.9rem 0 .1rem;color:#3d7a5f;font-family:var(--display);font-size:2.3rem;letter-spacing:-.045em;line-height:1}
.wr-rp-three strong{display:block;color:#27332d;font-size:.9rem}
.wr-rp-three p{margin:.6rem 0 1rem;color:#6b756f;font-size:.8rem;line-height:1.6}
.wr-rp-three a{margin-top:auto;color:#3d7a5f;font-size:.76rem;font-weight:600}

.wr-rp-two{display:grid;grid-template-columns:1fr 1fr;gap:clamp(1.8rem,4vw,3.4rem);align-items:center}
.wr-rp-two.is-rev .wr-rp-two-copy{order:2}
.wr-rp-two .section-head{margin-bottom:1.2rem}
.wr-rp-list{margin:0;padding:0;list-style:none}
.wr-rp-list li{position:relative;padding:.5rem 0 .5rem 1.15rem;color:#5e6964;border-top:1px solid #ebebe8;font-size:.86rem;line-height:1.55}
.wr-rp-list li:before{content:"";position:absolute;top:1.05rem;left:0;width:5px;height:5px;background:#3d7a5f;border-radius:50%}
.wr-rp-list b{color:#27332d}

.wr-rp-tax{overflow:hidden;background:#fff;border:1px solid #ebebe8;border-radius:22px;box-shadow:0 30px 66px -34px rgba(20,37,29,.34)}
.wr-rp-tax-head{padding:1.1rem 1.2rem .8rem}
.wr-rp-tax-head strong{display:block;font-size:1rem}
.wr-rp-tax-head span{display:block;margin-top:.1rem;color:#7b857f;font-size:.66rem}
.wr-rp-tax-kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem;padding:0 1.2rem 1rem}
.wr-rp-tax-kpis>div{padding:.6rem .7rem;background:#fafbf9;border:1px solid #eef0ed;border-left:3px solid #3d7a5f;border-radius:10px}
.wr-rp-tax-kpis>div.is-warn{border-left-color:#c08a2e}
.wr-rp-tax-kpis small{display:block;color:#7b857f;font-size:.45rem;font-weight:700;letter-spacing:.07em;text-transform:uppercase}
.wr-rp-tax-kpis b{display:block;margin-top:.15rem;font-size:1rem;letter-spacing:-.02em}
.wr-rp-tax-kpis em{display:block;color:#7b857f;font-size:.56rem;font-style:normal}
.wr-rp-tax-cats,.wr-rp-tax-reg{padding:.9rem 1.2rem;border-top:1px solid #eef0ed}
.wr-rp-tax-cats>small,.wr-rp-tax-reg>small{display:block;margin-bottom:.5rem;color:#7b857f;font-size:.48rem;font-weight:700;letter-spacing:.07em;text-transform:uppercase}
.wr-rp-tax-cats>div{margin-bottom:.7rem}
.wr-rp-tax-cats span{display:inline-block;color:#27332d;font-size:.78rem;font-weight:600}
.wr-rp-tax-cats i{margin-left:.35rem;padding:.1rem .35rem;color:#6b756f;background:#f2f4f1;border-radius:999px;font-size:.55rem;font-style:normal}
.wr-rp-tax-cats b{float:right;font-size:.82rem}
.wr-rp-tax-cats u{display:block;clear:both;height:5px;margin:.35rem 0 .2rem;background:#3d7a5f;border-radius:999px}
.wr-rp-tax-cats em{display:block;color:#a3aca7;font-size:.66rem;font-style:normal}

.wr-rp-send{padding:clamp(1.2rem,2.5vw,1.7rem);background:#fff;border:1px solid #ebebe8;border-radius:22px;box-shadow:0 30px 66px -34px rgba(20,37,29,.34)}
.wr-rp-send-head{display:flex;justify-content:space-between;align-items:center;padding-bottom:.9rem;border-bottom:1px solid #eef0ed}
.wr-rp-send-head strong{font-size:1.05rem;letter-spacing:-.02em}
.wr-rp-send-head span{color:#98a29c}
.wr-rp-f{margin-top:.9rem}
.wr-rp-f label{display:block;margin-bottom:.3rem;color:#7b857f;font-size:.52rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}
.wr-rp-in{display:block;padding:.55rem .7rem;color:#3a453f;background:#fff;border:1px solid #e4e7e4;border-radius:9px;font-size:.78rem}
.wr-rp-in.is-ph{color:#a3aca7}
.wr-rp-in.is-area{min-height:64px}
.wr-rp-f2{display:grid;grid-template-columns:1fr 1fr;gap:.7rem}
.wr-rp-check{display:flex;align-items:flex-start;gap:.55rem;margin-top:1rem}
.wr-rp-check i{position:relative;width:15px;height:15px;flex:0 0 auto;margin-top:.1rem;background:#2f6b52;border:1.5px solid #2f6b52;border-radius:4px}
.wr-rp-check i.is-on:after{content:"";position:absolute;top:3px;left:3.5px;width:6px;height:3px;border:1.5px solid #fff;border-top:0;border-right:0;transform:rotate(-45deg)}
.wr-rp-check b{display:block;font-size:.82rem}
.wr-rp-check small{display:block;margin-top:.15rem;color:#8d97a5;font-size:.72rem}
.wr-rp-send-foot{display:flex;justify-content:flex-end;gap:.5rem;margin-top:1.2rem}
.wr-rp-btn{padding:.55rem 1.1rem;color:#4f5a54;background:#f5f6f3;border:1px solid #e4e7e4;border-radius:10px;font-size:.78rem;font-weight:600}
.wr-rp-btn.is-primary{color:#fff;background:#2f6b52;border-color:#2f6b52}

@media(max-width:1050px){
  .wr-rp-grid,.wr-rp-three{grid-template-columns:1fr 1fr}
  .wr-rp-two{grid-template-columns:1fr}
  .wr-rp-two.is-rev .wr-rp-two-copy{order:0}
}
@media(max-width:760px){
  .wr-rp-hero .hero-actions{flex-direction:column;align-items:stretch}
  .wr-rp-window{overflow-x:auto}
  .wr-rp-kpis,.wr-rp-row,.wr-rp-tabs{min-width:720px}
  .wr-rp-grid,.wr-rp-three{grid-template-columns:1fr}
  .wr-rp-tax-kpis{grid-template-columns:1fr}
  .wr-rp-f2{grid-template-columns:1fr}
}
.wr-rp-power,.wr-power{display:grid;grid-template-columns:.85fr 1.15fr;gap:clamp(1.4rem,3.5vw,3rem);align-items:start}
.wr-rp-power h2,.wr-power h2{margin:.6rem 0 0;font-size:clamp(1.5rem,2.8vw,2.2rem);letter-spacing:-.035em;line-height:1.12}
.wr-rp-power p,.wr-power p{margin:0 0 1rem;color:#5e6964;font-size:clamp(.92rem,1.25vw,1.02rem);line-height:1.7}
.wr-rp-power p:last-child,.wr-power p:last-child{margin-bottom:0}
.wr-rp-power b,.wr-power b{color:#27332d}
.wr-rp-power a,.wr-power a{color:#3d7a5f;font-weight:600}
@media(max-width:1050px){.wr-rp-power,.wr-power{grid-template-columns:1fr}}
/* tax jurisdiction tree */
.wr-rp-tax-reg>small{display:block;margin-bottom:.5rem;color:#7b857f;font-size:.48rem;font-weight:700;letter-spacing:.07em;text-transform:uppercase}
.wr-rp-j{border-bottom:1px solid #f3f5f2}
.wr-rp-j:last-child{border-bottom:0}
.wr-rp-jrow{display:flex;align-items:center;gap:.5rem;width:100%;padding:.5rem 0;background:none;border:0;font:inherit;font-size:.76rem;text-align:left}
button.wr-rp-jrow{cursor:pointer}
button.wr-rp-jrow:hover span{color:#2f6b52}
button.wr-rp-jrow:focus-visible{outline:2px solid #3d7a5f;outline-offset:2px;border-radius:6px}
.wr-rp-jrow span{flex:1;color:#27332d;font-weight:600}
.wr-rp-jrow em{color:#a3aca7;font-size:.66rem;font-style:normal}
.wr-rp-jrow u{color:#a3aca7;font-size:.66rem;text-decoration:none}
.wr-rp-jrow b{min-width:88px;color:#27332d;text-align:right}
.wr-rp-caret{width:0;height:0;flex:0 0 auto;border-top:4px solid transparent;border-bottom:4px solid transparent;border-left:5px solid #b3bcb6;transition:transform .16s}
[aria-expanded="true"]>.wr-rp-caret{transform:rotate(90deg)}
.wr-rp-jrow.is-l1{padding-left:1.1rem}
.wr-rp-jrow.is-l1 span{font-weight:500}
.wr-rp-jrow.is-l2{padding-left:2.4rem;border-top:1px solid #f7f8f6}
.wr-rp-jrow.is-l2 span{color:#5c6762;font-weight:400}
.wr-rp-jkids{border-top:1px solid #f7f8f6}
@media(max-width:760px){.wr-rp-jrow em{display:none}.wr-rp-jrow b{min-width:74px}}
/* report showcase: a rail of nine reports switching one large mockup */
.wr-rs{display:grid;grid-template-columns:266px minmax(0,1fr);gap:clamp(1rem,2.2vw,1.6rem);align-items:start;margin-top:clamp(2rem,4vw,2.8rem)}
.wr-rs-rail{display:flex;flex-direction:column;gap:.3rem;min-width:0}
.wr-rs-stage{min-width:0}
.wr-rs-rail button{display:block;width:100%;padding:.6rem .8rem;background:#fff;border:1px solid #ebebe8;border-radius:12px;font:inherit;text-align:left;cursor:pointer;transition:background .16s,border-color .16s,color .16s}
.wr-rs-rail strong{display:block;color:#27332d;font-size:.85rem;letter-spacing:-.015em}
.wr-rs-rail small{display:block;margin-top:.1rem;color:#7b857f;font-size:.7rem;line-height:1.35}
.wr-rs-rail button:hover{background:#fafbf9;border-color:#d9dfda}
.wr-rs-rail button[aria-selected="true"]{background:#1d3028;border-color:#1d3028}
.wr-rs-rail button[aria-selected="true"] strong{color:#fff}
.wr-rs-rail button[aria-selected="true"] small{color:rgba(255,255,255,.68)}
.wr-rs-rail button:focus-visible{outline:2px solid #3d7a5f;outline-offset:2px}
.wr-rs-intro{margin-bottom:.9rem}
.wr-rs-intro h3{margin:0;font-size:clamp(1.15rem,1.9vw,1.5rem);letter-spacing:-.032em;line-height:1.15}
.wr-rs-intro p{max-width:64ch;margin:.4rem 0 0;color:#6b756f;font-size:.92rem;line-height:1.6}
.wr-rp-window--rs{max-width:none}
.wr-rp-window--rs .wr-rp-row{grid-template-columns:var(--rs-cols,1fr)}
.wr-rp-window--rs .wr-rp-row--head span:nth-child(4),.wr-rp-window--rs .wr-rp-row--head span:nth-child(5){text-align:left}
.wr-rp-window--rs .wr-rp-row--head .is-num{text-align:right}
.wr-rp-window--rs .wr-rp-row:last-child{border-bottom:0}
.wr-rp-kpis.is-4{grid-template-columns:repeat(4,1fr)}
.wr-rp-pill.is-mid{color:#8a6520;background:#f7ecd8}
.wr-rp-pill.is-flat{color:#5c6762;background:#f0f2ef}
.wr-rs-group{display:flex;align-items:center;gap:.5rem;padding:8px 20px;color:#7b857f;background:#fafbf9;border-top:1px solid #f3f5f2;border-bottom:1px solid #f3f5f2;font-size:.5rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}
.wr-rs-group b{margin-left:auto;color:#5c6762;font-size:.66rem;font-weight:600;letter-spacing:0;text-transform:none}
.wr-rs-note{padding:11px 20px;color:#7b857f;background:#fafbf9;border-top:1px solid #f3f5f2;font-size:.7rem}
.wr-rs-note b{color:#27332d}
.wr-rs-note a{color:#3d7a5f;font-weight:600}
.wr-rs-buckets{display:grid;grid-template-columns:repeat(4,1fr);gap:.5rem;padding:4px 20px 14px}
.wr-rs-buckets>div{padding:.5rem .6rem;background:#fafbf9;border:1px solid #eef0ed;border-radius:9px}
.wr-rs-buckets>div.is-on{background:#eef4f0;border-color:#cfe0d6}
.wr-rs-buckets small{display:block;color:#7b857f;font-size:.48rem;font-weight:700;letter-spacing:.07em;text-transform:uppercase}
.wr-rs-buckets b{display:block;margin-top:.15rem;font-size:.86rem;letter-spacing:-.02em}
.wr-rs-pl{padding:2px 20px 16px}
.wr-rs-pl>small{display:block;margin:.9rem 0 .2rem;color:#7b857f;font-size:.48rem;font-weight:700;letter-spacing:.07em;text-transform:uppercase}
.wr-rs-pl>div{display:flex;align-items:center;gap:.6rem;padding:.42rem 0;border-bottom:1px solid #f3f5f2;font-size:.78rem}
.wr-rs-pl span{flex:1;padding-left:.85rem;color:#6b756f}
.wr-rs-pl b{color:#27332d;font-variant-numeric:tabular-nums}
.wr-rs-pl>div.is-tot{border-top:1px solid #e4e7e4;border-bottom:0}
.wr-rs-pl>div.is-tot span{padding-left:0;color:#27332d;font-weight:600}
.wr-rs-pl>div.is-net{margin-top:.6rem;padding:.6rem .7rem;background:#eef4f0;border:1px solid #cfe0d6;border-radius:10px}
.wr-rs-pl>div.is-net span{padding-left:0;color:#27332d;font-weight:600}
.wr-rs-pl>div.is-net b{color:#2f6b52;font-size:.95rem}
.wr-rs-pl em{color:#a3aca7;font-size:.66rem;font-style:normal}
@media(max-width:1050px){
  .wr-rs{grid-template-columns:minmax(0,1fr)}
  .wr-rs-rail{flex-direction:row;flex-wrap:nowrap;gap:.4rem;overflow-x:auto;padding-bottom:.4rem}
  .wr-rs-rail button{flex:0 0 auto;width:auto;padding:.5rem .8rem;border-radius:999px}
  .wr-rs-rail small{display:none}
}
@media(max-width:760px){
  .wr-rs-buckets,.wr-rs-group,.wr-rs-note,.wr-rs-pl,.wr-rp-window--rs .wr-rp-tax-cats{min-width:720px}
  .wr-rp-kpis.is-4{grid-template-columns:repeat(4,1fr)}
}

/* ── Forms add-on ─────────────────────────────────────────────────────────*/
.wr-fm-hero{padding:clamp(6rem,11vw,10rem) 0 clamp(5rem,9vw,9rem);background:#f3eee6;text-align:center}
.wr-fm-hero .container{max-width:1180px}
.wr-fm-hero h1{max-width:1050px;margin:1rem auto 0;font-size:clamp(2.3rem,4.4vw,4.4rem);line-height:.94;letter-spacing:-.062em}
.wr-fm-hero h1 em{color:#3d7a5f;font-style:normal}
.wr-fm-hero .lead{max-width:860px;margin:2rem auto 0;color:#5e6964;font-size:clamp(1.05rem,1.6vw,1.25rem);line-height:1.65}
.wr-fm-hero .hero-actions{justify-content:center;margin:2rem 0 0}
.wr-fm-stage{margin-top:clamp(3rem,6vw,5rem);text-align:left}
.wr-fm-window{max-width:1000px;margin:0 auto;overflow:hidden;background:#fff;border:1px solid #ebebe8;border-radius:26px;box-shadow:0 34px 80px -40px rgba(20,37,29,.42)}
.wr-fm-window-head{display:flex;align-items:flex-start;gap:1rem;padding:16px 20px;border-bottom:1px solid #eef0ed}
.wr-fm-window-head strong{display:block;font-size:.95rem}
.wr-fm-window-head span{display:block;margin-top:.1rem;color:#7b857f;font-size:.68rem}
.wr-fm-window-head>div{flex:1}
.wr-fm-window-head i{color:#98a29c;font-style:normal}
.wr-fm-split{display:grid;grid-template-columns:280px 1fr}
.wr-fm-tpl{padding:.9rem;background:#fafbf9;border-right:1px solid #eef0ed}
.wr-fm-tpl small{display:block;margin:.7rem 0 .35rem;color:#98a29c;font-size:.5rem;font-weight:700;letter-spacing:.09em;text-transform:uppercase}
.wr-fm-tpl small:first-child{margin-top:0}
.wr-fm-tpl button{display:block;width:100%;padding:.6rem .7rem;background:none;border:0;border-left:3px solid transparent;border-radius:0 8px 8px 0;font:inherit;text-align:left;cursor:pointer;transition:background .15s}
.wr-fm-tpl button:hover{background:#f2f4f1}
.wr-fm-tpl button[aria-selected="true"]{background:#e9f2ec;border-left-color:#2f6b52}
.wr-fm-tpl button:focus-visible{outline:2px solid #3d7a5f;outline-offset:-2px}
.wr-fm-tpl b{display:block;color:#27332d;font-size:.8rem}
.wr-fm-tpl em{display:block;margin-top:.2rem;color:#7b857f;font-size:.68rem;font-style:normal;line-height:1.45}
.wr-fm-preview{display:flex;flex-direction:column;min-width:0}
.wr-fm-preview-head{display:flex;align-items:center;gap:1rem;padding:14px 18px;border-bottom:1px solid #eef0ed}
.wr-fm-preview-head>div{flex:1;min-width:0}
.wr-fm-preview-head strong{display:block;font-size:.9rem}
.wr-fm-preview-head span{display:block;margin-top:.1rem;color:#7b857f;font-size:.66rem}
.wr-fm-preview-head b{padding:.5rem .85rem;color:#fff;background:#2f6b52;border-radius:9px;font-size:.7rem;white-space:nowrap}
.wr-fm-form{max-height:420px;overflow:hidden;padding:1.2rem 1.4rem}
.wr-fm-ftitle{margin:0 0 .2rem;font-size:1.15rem;letter-spacing:-.02em}
.wr-fm-fsub{margin:0 0 1rem;color:#7b857f;font-size:.78rem}
.wr-fm-field{margin-bottom:.9rem}
.wr-fm-field label{display:block;margin-bottom:.3rem;color:#27332d;font-size:.75rem;font-weight:600}
.wr-fm-field label u{color:#b4544a;text-decoration:none}
.wr-fm-input{padding:.5rem .65rem;color:#a3aca7;background:#fbfcfa;border:1px solid #e4e7e4;border-radius:8px;font-size:.74rem;line-height:1.2}
/* a field with no placeholder has no line box, so it collapsed to padding alone.
   box-sizing is border-box globally, which is why a min-height did not fix it. */
.wr-fm-input:empty:before{content:"\00a0"}
.wr-fm-input.is-area{min-height:44px}
.wr-fm-radios{display:grid;gap:.28rem}
.wr-fm-radios span{display:flex;align-items:center;gap:.45rem;color:#5c6762;font-size:.74rem}
.wr-fm-radios i{width:12px;height:12px;flex:0 0 auto;border:1.5px solid #cfd6d1;border-radius:50%}
.wr-fm-meas{display:grid;grid-template-columns:repeat(3,1fr);gap:.4rem}
.wr-fm-meas span{padding:.5rem .65rem;color:#a3aca7;background:#fbfcfa;border:1px solid #e4e7e4;border-radius:8px;font-size:.74rem}
.wr-fm-try{margin:.9rem 0 0;color:#8c9691;font-size:.72rem;text-align:center}

.wr-fm-comps{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-top:clamp(2rem,4vw,2.8rem)}
.wr-fm-comps article{padding:1.3rem;background:#fff;border:1px solid #ebebe8;border-radius:18px}
.wr-fm-comps article.is-hero{grid-column:span 3;background:#1d3028;border-color:#1d3028}
.wr-fm-comps span{display:block;color:#3d7a5f;font-size:.5rem;font-weight:800;letter-spacing:.09em;text-transform:uppercase}
.wr-fm-comps article.is-hero span{color:#9dc4b0}
.wr-fm-comps h3{margin:.5rem 0 .35rem;font-size:1rem;letter-spacing:-.02em}
.wr-fm-comps article.is-hero h3{max-width:22ch;color:#fff;font-size:clamp(1.3rem,2.4vw,1.9rem);letter-spacing:-.035em;line-height:1.15}
.wr-fm-comps p{margin:0;color:#6b756f;font-size:.78rem;line-height:1.55}
.wr-fm-comps article.is-hero p{max-width:62ch;color:#c9d6cf;font-size:.92rem;line-height:1.65}

.wr-fm-flow{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;margin-top:clamp(2rem,4vw,2.8rem)}
.wr-fm-flow article{padding:1.2rem;background:#fff;border:1px solid #ebebe8;border-radius:18px}
.wr-fm-step{display:grid;place-items:center;width:24px;height:24px;color:#fff;background:#3d7a5f;border-radius:50%;font-size:.68rem;font-weight:700}
.wr-fm-flow h3{margin:.7rem 0 .35rem;font-size:.95rem}
.wr-fm-flow p{margin:0;color:#6b756f;font-size:.78rem;line-height:1.55}
.wr-fm-note{margin:1.4rem auto 0;max-width:74ch;color:#6b756f;font-size:.84rem;text-align:center}

.wr-fm-two{display:grid;grid-template-columns:1fr 1fr;gap:clamp(1.8rem,4vw,3.4rem);align-items:start}
.wr-fm-two .section-head{margin-bottom:1.2rem}
.wr-fm-list{margin:0;padding:0;list-style:none}
.wr-fm-list li{position:relative;padding:.5rem 0 .5rem 1.15rem;color:#5e6964;border-top:1px solid #ebebe8;font-size:.86rem;line-height:1.55}
.wr-fm-list li:before{content:"";position:absolute;top:1.05rem;left:0;width:5px;height:5px;background:#3d7a5f;border-radius:50%}
.wr-fm-list b{color:#27332d}
.wr-fm-panel{padding:clamp(1.2rem,2.5vw,1.7rem);background:#fff;border:1px solid #ebebe8;border-radius:22px;box-shadow:0 30px 66px -34px rgba(20,37,29,.34)}
.wr-fm-panel-head strong{font-size:.95rem}
.wr-fm-seg{display:inline-flex;gap:.25rem;margin:.7rem 0;padding:3px;background:#f2f4f1;border-radius:999px}
.wr-fm-seg i{padding:.35rem .8rem;color:#6b756f;border-radius:999px;font-size:.74rem;font-style:normal;font-weight:600}
.wr-fm-seg i.is-on{color:#fff;background:#2f6b52}
.wr-fm-hint{margin:0 0 .6rem;color:#8d97a5;font-size:.72rem;line-height:1.5}
.wr-fm-code{display:block;padding:.7rem .8rem;overflow:hidden;color:#5c6762;background:#fafbf9;border:1px solid #eef0ed;border-radius:10px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.66rem;line-height:1.5;text-overflow:ellipsis;white-space:nowrap}
.wr-fm-panel-foot{display:flex;gap:.5rem;margin-top:.8rem}
.wr-fm-btn{padding:.5rem .9rem;color:#4f5a54;background:#f5f6f3;border:1px solid #e4e7e4;border-radius:9px;font-size:.76rem;font-weight:600}
.wr-fm-btn.is-primary{color:#fff;background:#2f6b52;border-color:#2f6b52}
.wr-fm-pay{margin-top:1.2rem;padding-top:1.1rem;border-top:1px solid #eef0ed}
.wr-fm-check{display:flex;align-items:center;gap:.5rem}
.wr-fm-check i{position:relative;width:15px;height:15px;flex:0 0 auto;background:#2f6b52;border:1.5px solid #2f6b52;border-radius:4px}
.wr-fm-check i.is-on:after{content:"";position:absolute;top:3px;left:3.5px;width:6px;height:3px;border:1.5px solid #fff;border-top:0;border-right:0;transform:rotate(-45deg)}
.wr-fm-check b{font-size:.85rem}
.wr-fm-pay p{margin:.4rem 0 .8rem;color:#8d97a5;font-size:.72rem}
.wr-fm-pay-row{display:grid;grid-template-columns:1fr 1fr;gap:.6rem}
.wr-fm-pay small,.wr-fm-pay-desc small{display:block;margin-bottom:.25rem;color:#7b857f;font-size:.52rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}
.wr-fm-pay span,.wr-fm-pay-desc span{display:block;padding:.5rem .65rem;color:#3a453f;background:#fff;border:1px solid #e4e7e4;border-radius:8px;font-size:.76rem}
.wr-fm-pay-desc{margin-top:.6rem}
.wr-fm-pay-desc span{color:#a3aca7}

@media(max-width:1050px){
  .wr-fm-split{grid-template-columns:1fr}
  .wr-fm-tpl{border-right:0;border-bottom:1px solid #eef0ed}
  .wr-fm-comps{grid-template-columns:1fr 1fr}
  .wr-fm-comps article.is-hero{grid-column:span 2}
  .wr-fm-flow{grid-template-columns:1fr 1fr}
  .wr-fm-two{grid-template-columns:1fr}
}
@media(max-width:760px){
  .wr-fm-hero .hero-actions{flex-direction:column;align-items:stretch}
  .wr-fm-comps,.wr-fm-flow{grid-template-columns:1fr}
  .wr-fm-comps article.is-hero{grid-column:span 1}
  .wr-fm-pay-row{grid-template-columns:1fr}
}

/* ── Leads / CRM add-on ───────────────────────────────────────────────────*/
.wr-cr-hero{padding:clamp(6rem,11vw,10rem) 0 clamp(5rem,9vw,9rem);background:#f3eee6;text-align:center}
.wr-cr-hero .container{max-width:1180px}
.wr-cr-hero h1{max-width:1050px;margin:1rem auto 0;font-size:clamp(2.3rem,4.4vw,4.4rem);line-height:.94;letter-spacing:-.062em}
.wr-cr-hero h1 em{color:#3d7a5f;font-style:normal}
.wr-cr-hero .lead{max-width:860px;margin:2rem auto 0;color:#5e6964;font-size:clamp(1.05rem,1.6vw,1.25rem);line-height:1.65}
.wr-cr-hero .hero-actions{justify-content:center;margin:2rem 0 0}
.wr-cr-stage{margin-top:clamp(3rem,6vw,5rem);text-align:left}
.wr-cr-window{max-width:1000px;margin:0 auto;overflow:hidden;background:#fff;border:1px solid #ebebe8;border-radius:26px;box-shadow:0 34px 80px -40px rgba(20,37,29,.42)}
.wr-cr-window-head{display:flex;align-items:center;gap:1rem;padding:16px 20px;border-bottom:1px solid #eef0ed}
.wr-cr-window-head strong{display:block;font-size:.95rem}
.wr-cr-window-head>div>span{display:block;margin-top:.1rem;color:#7b857f;font-size:.64rem}
.wr-cr-window-head>div{flex:1}
.wr-cr-views{display:flex;gap:.25rem}
.wr-cr-views i{padding:.32rem .65rem;color:#6f7974;border-radius:7px;font-size:.64rem;font-style:normal;font-weight:600}
.wr-cr-views i.is-on{color:#27332d;background:#f2f4f1}
.wr-cr-window-head b{padding:.5rem .8rem;color:#fff;background:#2f6b52;border-radius:9px;font-size:.62rem;white-space:nowrap}
.wr-cr-board{display:grid;grid-template-columns:repeat(4,1fr);gap:.8rem;padding:16px 20px 20px;background:#fbfcfa}
.wr-cr-col{min-width:0}
.wr-cr-colhead{display:flex;align-items:center;gap:.4rem;margin-bottom:.6rem;color:#3a453f;font-size:.68rem;font-weight:700}
.wr-cr-colhead i{width:8px;height:8px;flex:0 0 auto;border-radius:2px}
.wr-cr-colhead i.is-grey{background:#9aa5a0}.wr-cr-colhead i.is-blue{background:#7b7fe0}
.wr-cr-colhead i.is-purple{background:#a855f7}.wr-cr-colhead i.is-green{background:#22c55e}
.wr-cr-colhead u{color:#a3aca7;font-weight:500;text-decoration:none}
.wr-cr-card{margin-bottom:.5rem;padding:.7rem .75rem;background:#fff;border:1px solid #eef0ed;border-radius:12px}
.wr-cr-card-top{display:flex;align-items:center;gap:.4rem}
.wr-cr-card-top b{flex:1;overflow:hidden;font-size:.74rem;text-overflow:ellipsis;white-space:nowrap}
.wr-cr-card-top i{width:7px;height:7px;flex:0 0 auto;border-radius:50%}
.wr-cr-card-top i.is-risk{background:#e08b3c}.wr-cr-card-top i.is-ok{background:#22c55e}
.wr-cr-type{display:block;margin-top:.15rem;color:#a3aca7;font-size:.62rem}
.wr-cr-val{display:block;margin-top:.4rem;color:#2f6b52;font-size:.85rem;font-weight:700}
.wr-cr-val.is-none{color:#c2c9c4}
.wr-cr-card-foot{display:flex;align-items:center;gap:.4rem;margin-top:.5rem}
.wr-cr-card-foot em{padding:.1rem .38rem;border-radius:999px;font-size:.58rem;font-style:normal;font-weight:700}
.wr-cr-card-foot em.is-risk{color:#8b5a21;background:#f8ecd9}
.wr-cr-card-foot em.is-ok{color:#2f6b52;background:#e6efe9}
.wr-cr-card-foot small{color:#a3aca7;font-size:.6rem}
.wr-cr-total{margin-top:.3rem;color:#7b857f;font-size:.66rem;font-weight:600;text-align:right}

.wr-cr-two{display:grid;grid-template-columns:1fr 1fr;gap:clamp(1.8rem,4vw,3.4rem);align-items:center}
.wr-cr-two .section-head{margin-bottom:1.2rem}
.wr-cr-list{margin:0;padding:0;list-style:none}
.wr-cr-list li{position:relative;padding:.5rem 0 .5rem 1.15rem;color:#5e6964;border-top:1px solid #ebebe8;font-size:.86rem;line-height:1.55}
.wr-cr-list li:before{content:"";position:absolute;top:1.05rem;left:0;width:5px;height:5px;background:#3d7a5f;border-radius:50%}
.wr-cr-list b{color:#27332d}
.wr-cr-health{padding:clamp(1.2rem,2.5vw,1.7rem);background:#fff;border:1px solid #ebebe8;border-radius:22px;box-shadow:0 30px 66px -34px rgba(20,37,29,.34)}
.wr-cr-health-head{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem;padding-bottom:.9rem;border-bottom:1px solid #eef0ed}
.wr-cr-health-head span{display:block;color:#3d7a5f;font-size:.54rem;font-weight:800;letter-spacing:.09em;text-transform:uppercase}
.wr-cr-health-head strong{display:block;margin-top:.25rem;font-size:1rem}
.wr-cr-pill{padding:.24rem .55rem;border-radius:999px;font-size:.58rem;font-style:normal;font-weight:700;white-space:nowrap}
.wr-cr-pill.is-risk{color:#8b5a21;background:#f8ecd9}
.wr-cr-score{display:flex;align-items:center;gap:1.1rem;padding:1rem 0}
.wr-cr-dial{display:grid;place-items:center;width:72px;height:72px;flex:0 0 auto;border:5px solid #e08b3c;border-right-color:#eef0ed;border-bottom-color:#eef0ed;border-radius:50%;transform:rotate(-45deg)}
.wr-cr-dial b{font-size:1.5rem;transform:rotate(45deg)}
.wr-cr-bars{flex:1;display:grid;gap:.45rem}
.wr-cr-bars>div{display:grid;grid-template-columns:76px 1fr 44px;gap:.5rem;align-items:center}
.wr-cr-bars small{color:#7b857f;font-size:.68rem}
.wr-cr-bars u{display:block;height:6px;overflow:hidden;background:#eef0ed;border-radius:999px;text-decoration:none}
.wr-cr-bars i{display:block;height:100%;background:#3d7a5f}
.wr-cr-bars em{color:#7b857f;font-size:.66rem;font-style:normal;text-align:right}
.wr-cr-flags{margin:0;padding:.8rem .9rem;list-style:none;background:#fdf7ee;border:1px solid #f0e2cf;border-radius:12px}
.wr-cr-flags li{position:relative;padding-left:.9rem;color:#8b5a21;font-size:.76rem;line-height:1.7}
.wr-cr-flags li:before{content:"";position:absolute;top:.62rem;left:0;width:4px;height:4px;background:#e08b3c;border-radius:50%}
.wr-cr-health-note{margin:.8rem 0 0;color:#8d97a5;font-size:.74rem}

.wr-cr-flow{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;margin-top:clamp(2rem,4vw,2.8rem)}
.wr-cr-flow article{display:flex;flex-direction:column;padding:1.2rem;background:#fff;border:1px solid #ebebe8;border-radius:18px}
.wr-cr-step{display:grid;place-items:center;width:24px;height:24px;color:#fff;background:#3d7a5f;border-radius:50%;font-size:.68rem;font-weight:700}
.wr-cr-flow h3{margin:.7rem 0 .35rem;font-size:.95rem}
.wr-cr-flow p{margin:0 0 .8rem;color:#6b756f;font-size:.78rem;line-height:1.55}
.wr-cr-flow a{margin-top:auto;color:#3d7a5f;font-size:.74rem;font-weight:600}

.wr-cr-dash{margin-top:clamp(2rem,4vw,2.8rem);padding:clamp(1.2rem,2.5vw,1.8rem);background:#fff;border:1px solid #ebebe8;border-radius:22px}
.wr-cr-dash-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:.7rem}
.wr-cr-dash-kpis>div{padding:.8rem .9rem;background:#fafbf9;border:1px solid #eef0ed;border-left:3px solid #cfd8d2;border-radius:12px}
.wr-cr-dash-kpis>div.is-key{border-left-color:#3d7a5f}
.wr-cr-dash-kpis small{display:block;color:#7b857f;font-size:.48rem;font-weight:700;letter-spacing:.07em;text-transform:uppercase}
.wr-cr-dash-kpis b{display:block;margin-top:.2rem;font-size:1.15rem;letter-spacing:-.02em}
.wr-cr-dash-kpis em{display:block;margin-top:.1rem;color:#7b857f;font-size:.62rem;font-style:normal}
.wr-cr-dash-split{display:grid;grid-template-columns:1fr 1fr;gap:clamp(1rem,2.5vw,2rem);margin-top:1.2rem}
.wr-cr-dash-split>div>small{display:block;margin-bottom:.5rem;color:#7b857f;font-size:.48rem;font-weight:700;letter-spacing:.07em;text-transform:uppercase}
.wr-cr-wrow{display:grid;grid-template-columns:1.1fr 1.1fr auto;gap:.6rem;align-items:center;padding:.45rem 0;border-bottom:1px solid #f3f5f2;font-size:.75rem}
.wr-cr-wrow span{color:#27332d;font-weight:600}
.wr-cr-wrow i{color:#a3aca7;font-size:.66rem;font-style:normal}
.wr-cr-wrow b{color:#27332d;text-align:right}
.wr-cr-wrow.is-tot{border-bottom:0;border-top:2px solid #27332d}
.wr-cr-wrow.is-tot b{color:#2f6b52}
.wr-cr-src{display:grid;grid-template-columns:1.2fr 1fr auto;gap:.6rem;align-items:center;padding:.4rem 0;font-size:.75rem}
.wr-cr-src span{color:#3a453f;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.wr-cr-src u{display:block;height:6px;overflow:hidden;background:#eef0ed;border-radius:999px;text-decoration:none}
.wr-cr-src i{display:block;height:100%;background:#3d7a5f}
.wr-cr-src b{color:#27332d;text-align:right}
.wr-cr-dash-note{margin:1.1rem 0 0;color:#8d97a5;font-size:.76rem}

@media(max-width:1050px){
  .wr-cr-two,.wr-cr-dash-split{grid-template-columns:1fr}
  .wr-cr-flow,.wr-cr-dash-kpis{grid-template-columns:1fr 1fr}
}
@media(max-width:760px){
  .wr-cr-hero .hero-actions{flex-direction:column;align-items:stretch}
  .wr-cr-window{overflow-x:auto}
  .wr-cr-board{min-width:760px}
  .wr-cr-flow,.wr-cr-dash-kpis{grid-template-columns:1fr}
  .wr-cr-score{flex-direction:column;align-items:flex-start}
}

/* ── Proposals & contracts add-on ─────────────────────────────────────────*/
.wr-pc-hero{padding:clamp(6rem,11vw,10rem) 0 clamp(5rem,9vw,9rem);background:#f3eee6;text-align:center}
.wr-pc-hero .container{max-width:1180px}
.wr-pc-hero h1{max-width:1050px;margin:1rem auto 0;font-size:clamp(2.3rem,4.4vw,4.4rem);line-height:.94;letter-spacing:-.062em}
.wr-pc-hero h1 em{color:#3d7a5f;font-style:normal}
.wr-pc-hero .lead{max-width:880px;margin:2rem auto 0;color:#5e6964;font-size:clamp(1.05rem,1.6vw,1.25rem);line-height:1.65}
.wr-pc-hero .hero-actions{justify-content:center;margin:2rem 0 0}
.wr-pc-stage{margin-top:clamp(3rem,6vw,5rem);text-align:left}
.wr-pc-window{max-width:1000px;margin:0 auto;overflow:hidden;background:#fff;border:1px solid #ebebe8;border-radius:26px;box-shadow:0 34px 80px -40px rgba(20,37,29,.42)}
.wr-pc-window-head{display:flex;align-items:center;gap:.5rem;padding:16px 20px;border-bottom:1px solid #eef0ed}
.wr-pc-window-head>div{flex:1}
.wr-pc-window-head strong{display:block;font-size:.9rem}
.wr-pc-window-head>div>span{display:block;margin-top:.1rem;color:#7b857f;font-size:.64rem}
.wr-pc-window-head i{padding:.45rem .8rem;color:#4f5a54;border:1px solid #e4e7e4;border-radius:9px;font-size:.62rem;font-style:normal;white-space:nowrap}
.wr-pc-window-head b{padding:.45rem .8rem;color:#fff;background:#2f6b52;border-radius:9px;font-size:.62rem;white-space:nowrap}
.wr-pc-split{display:grid;grid-template-columns:170px 1fr}
.wr-pc-palette{padding:.9rem;background:#f2f7f4;border-right:1px solid #e2ebe6}
.wr-pc-palette>small{display:block;margin-bottom:.5rem;color:#5f7a6d;font-size:.5rem;font-weight:700;letter-spacing:.09em;text-transform:uppercase}
.wr-pc-grp{display:block;margin:.7rem 0 .35rem;color:#98a29c;font-size:.48rem;font-weight:700;letter-spacing:.09em;text-transform:uppercase}
.wr-pc-chip{display:block;margin-bottom:.28rem;padding:.34rem .5rem;color:#2f6b52;background:#dcece4;border:1px solid #cbe0d5;border-radius:7px;font-size:.66rem;font-style:normal}
.wr-pc-doc{min-width:0;padding:1.1rem;background:#f7f8f6}
.wr-pc-page{padding:1.2rem 1.3rem;background:#fff;border:1px solid #e9eae6;border-radius:6px}
.wr-pc-doc-head{margin-bottom:.8rem;padding-bottom:.5rem;border-bottom:1px solid #27332d;font-size:.78rem;font-weight:700}
.wr-pc-row{display:grid;grid-template-columns:1fr 1.5fr .7fr;gap:.6rem;padding:.35rem 0;border-bottom:1px solid #f3f5f2;font-size:.68rem}
.wr-pc-row--head{color:#98a29c;font-size:.5rem;font-weight:700;letter-spacing:.07em;text-transform:uppercase}
.wr-pc-row span:last-child{text-align:right}
.wr-pc-row.is-tot{border-bottom:0;border-top:1.5px solid #27332d;font-weight:700}
.wr-pc-sign{display:grid;grid-template-columns:1.4fr 1fr .8fr;gap:.7rem;margin-top:1rem}
.wr-pc-sign small{display:block;margin-bottom:.2rem;color:#a3aca7;font-size:.55rem}
.wr-pc-field{display:block;padding:.45rem .5rem;color:#b4544a;background:#fdf3f2;border:1px solid #f0d4d0;border-radius:4px;font-size:.6rem;text-align:center}
.wr-pc-field.is-sig{padding:.7rem .5rem}
.wr-pc-page-foot{display:flex;justify-content:space-between;margin-top:1rem;padding-top:.5rem;border-top:1px solid #f3f5f2;color:#c2c9c4;font-size:.55rem}

.wr-pc-after{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-top:clamp(2rem,4vw,2.8rem)}
.wr-pc-after article{display:flex;flex-direction:column;padding:1.4rem;background:#fff;border:1px solid #ebebe8;border-radius:18px}
.wr-pc-step{display:grid;place-items:center;width:24px;height:24px;color:#fff;background:#3d7a5f;border-radius:50%;font-size:.68rem;font-weight:700}
.wr-pc-after h3{margin:.8rem 0 .4rem;font-size:1.05rem;letter-spacing:-.02em}
.wr-pc-after p{margin:0 0 .9rem;color:#6b756f;font-size:.82rem;line-height:1.6}
.wr-pc-after a{margin-top:auto;color:#3d7a5f;font-size:.76rem;font-weight:600}

.wr-pc-two{display:grid;grid-template-columns:1fr 1fr;gap:clamp(1.8rem,4vw,3.4rem);align-items:center}
.wr-pc-two.is-rev>div:first-child{order:2}
.wr-pc-two .section-head{margin-bottom:1.2rem}
.wr-pc-list{margin:0;padding:0;list-style:none}
.wr-pc-list li{position:relative;padding:.5rem 0 .5rem 1.15rem;color:#5e6964;border-top:1px solid #ebebe8;font-size:.86rem;line-height:1.55}
.wr-pc-list li:before{content:"";position:absolute;top:1.05rem;left:0;width:5px;height:5px;background:#3d7a5f;border-radius:50%}
.wr-pc-list b{color:#27332d}

.wr-pc-signers{padding:clamp(1.2rem,2.5vw,1.7rem);background:#fff;border:1px solid #ebebe8;border-radius:22px;box-shadow:0 30px 66px -34px rgba(20,37,29,.34)}
.wr-pc-signers-head strong{display:block;font-size:1.05rem}
.wr-pc-signers-head span{display:block;margin-top:.2rem;color:#7b857f;font-size:.76rem}
.wr-pc-order{display:grid;grid-template-columns:1fr 1fr;gap:.6rem;margin:1rem 0}
.wr-pc-order button{padding:.7rem .8rem;background:#fff;border:1px solid #e4e7e4;border-radius:12px;font:inherit;text-align:left;cursor:pointer;transition:border-color .15s,background .15s}
.wr-pc-order button:hover{border-color:#cfd6d1}
.wr-pc-order button[aria-pressed="true"]{background:#e9f2ec;border-color:#2f6b52}
.wr-pc-order button:focus-visible{outline:2px solid #3d7a5f;outline-offset:2px}
.wr-pc-order b{display:block;font-size:.84rem}
.wr-pc-order em{display:block;margin-top:.25rem;color:#7b857f;font-size:.68rem;font-style:normal;line-height:1.45}
.wr-pc-list-signers{display:grid;gap:.45rem}
.wr-pc-signer{display:flex;align-items:center;gap:.7rem;padding:.6rem .7rem;background:#fafbf9;border:1px solid #eef0ed;border-radius:11px}
.wr-pc-signer i{display:grid;place-items:center;width:22px;height:22px;flex:0 0 auto;color:#fff;background:#2f6b52;border-radius:50%;font-size:.66rem;font-style:normal;font-weight:700}
.is-parallel .wr-pc-signer i{background:#9aa5a0}
.wr-pc-signer span{flex:1;min-width:0}
.wr-pc-signer b{display:block;font-size:.8rem}
.wr-pc-signer small{display:block;overflow:hidden;color:#a3aca7;font-size:.66rem;text-overflow:ellipsis;white-space:nowrap}
.wr-pc-signer u{padding:.2rem .5rem;color:#5c6762;background:#f2f4f1;border-radius:999px;font-size:.62rem;text-decoration:none}
.wr-pc-signers-note{margin:.9rem 0 0;color:#8d97a5;font-size:.74rem;line-height:1.55}

.wr-pc-retainer{padding:clamp(1.2rem,2.5vw,1.7rem);background:#fff;border:1px solid #ebebe8;border-radius:22px;box-shadow:0 30px 66px -34px rgba(20,37,29,.34)}
.wr-pc-ret-head{display:flex;gap:.7rem;padding-bottom:.9rem;border-bottom:1px solid #eef0ed}
.wr-pc-ret-head>span{display:grid;place-items:center;width:26px;height:26px;flex:0 0 auto;color:#2f6b52;background:#e9f2ec;border-radius:50%;font-size:.85rem;font-weight:700}
.wr-pc-ret-head strong{display:block;font-size:1.05rem}
.wr-pc-ret-head small{display:block;margin-top:.2rem;color:#7b857f;font-size:.74rem;line-height:1.5}
.wr-pc-ret-amt{display:grid;grid-template-columns:.7fr 1.3fr;gap:.6rem;margin:1rem 0}
.wr-pc-ret-amt small{display:block;margin-bottom:.25rem;color:#7b857f;font-size:.52rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}
.wr-pc-ret-amt span{display:block;padding:.55rem .7rem;color:#3a453f;background:#fff;border:1px solid #e4e7e4;border-radius:9px;font-size:.85rem}
.wr-pc-ret-amt .is-amt span{font-size:1.05rem;font-weight:600}
.wr-pc-ret-note{margin:0;padding:.8rem .85rem;color:#5f7a6d;background:#f2f7f4;border:1px solid #dcebe3;border-radius:11px;font-size:.76rem;line-height:1.6}
.wr-pc-ret-foot{display:flex;justify-content:flex-end;gap:.5rem;margin-top:1rem}
.wr-pc-btn{padding:.5rem 1rem;color:#4f5a54;background:#f5f6f3;border:1px solid #e4e7e4;border-radius:9px;font-size:.78rem;font-weight:600}
.wr-pc-btn.is-primary{color:#fff;background:#2f6b52;border-color:#2f6b52}

.wr-pc-envelope{display:grid;grid-template-columns:.8fr 1.2fr;gap:clamp(1.4rem,3.5vw,3rem);align-items:start;padding:clamp(1.6rem,3.5vw,2.6rem);background:#1d3028;border-radius:30px}
.wr-pc-envelope .kicker{color:#9dc4b0}
.wr-pc-envelope h2{margin:.6rem 0 0;color:#fff;font-size:clamp(1.5rem,2.8vw,2.2rem);letter-spacing:-.035em;line-height:1.12}
.wr-pc-envelope p{margin:0 0 1rem;color:#c9d6cf;font-size:clamp(.92rem,1.25vw,1.02rem);line-height:1.7}
.wr-pc-envelope p:last-child{margin-bottom:0}
.wr-pc-envelope b{color:#fff}

@media(max-width:1050px){
  .wr-pc-after{grid-template-columns:1fr}
  .wr-pc-two{grid-template-columns:1fr}
  .wr-pc-two.is-rev>div:first-child{order:0}
  .wr-pc-envelope{grid-template-columns:1fr}
}
@media(max-width:760px){
  .wr-pc-hero .hero-actions{flex-direction:column;align-items:stretch}
  .wr-pc-split{grid-template-columns:1fr}
  .wr-pc-palette{display:flex;flex-wrap:wrap;gap:.28rem;align-items:center;border-right:0;border-bottom:1px solid #e2ebe6}
  .wr-pc-palette>small,.wr-pc-grp{width:100%;margin:0}
  .wr-pc-chip{margin:0}
  .wr-pc-order{grid-template-columns:1fr}
  .wr-pc-sign{grid-template-columns:1fr}
  .wr-pc-envelope{border-radius:22px}
}

/* ── Automations add-on ───────────────────────────────────────────────────*/
.wr-au-hero{padding:clamp(6rem,11vw,10rem) 0 clamp(5rem,9vw,9rem);background:#f3eee6;text-align:center}
.wr-au-hero .container{max-width:1180px}
.wr-au-hero h1{max-width:1080px;margin:1rem auto 0;font-size:clamp(2.1rem,4.1vw,4rem);line-height:.96;letter-spacing:-.058em}
.wr-au-hero h1 em{color:#3d7a5f;font-style:normal}
.wr-au-hero .lead{max-width:880px;margin:2rem auto 0;color:#5e6964;font-size:clamp(1.05rem,1.6vw,1.25rem);line-height:1.65}
.wr-au-hero .hero-actions{justify-content:center;margin:2rem 0 0}
.wr-au-stage{margin-top:clamp(3rem,6vw,5rem)}
.wr-au-node{padding:.7rem .8rem;background:#fff;border:1px solid #e4e7e4;border-left:3px solid #9aa5a0;border-radius:11px}
.wr-au-node.is-trigger{border-left-color:#c08a2e;background:#fdf8ef}
.wr-au-node.is-comm{border-left-color:#3d5b8f}
.wr-au-node.is-proj{border-left-color:#3d7a5f}
.wr-au-node small{display:block;color:#98a29c;font-size:.48rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}
.wr-au-node b{display:block;margin-top:.2rem;font-size:.78rem}
.wr-au-node em{display:block;margin-top:.15rem;color:#7b857f;font-size:.66rem;font-style:normal;line-height:1.4}
.wr-au-try{margin:.9rem 0 0;color:#8c9691;font-size:.72rem;text-align:center}

.wr-au-two{display:grid;grid-template-columns:1fr 1fr;gap:clamp(1.8rem,4vw,3.4rem);align-items:center}
.wr-au-two.is-rev>div:first-child{order:2}
.wr-au-two .section-head{margin-bottom:1.2rem}
.wr-au-list{margin:0;padding:0;list-style:none}
.wr-au-list li{position:relative;padding:.5rem 0 .5rem 1.15rem;color:#5e6964;border-top:1px solid #ebebe8;font-size:.86rem;line-height:1.55}
.wr-au-list li:before{content:"";position:absolute;top:1.05rem;left:0;width:5px;height:5px;background:#3d7a5f;border-radius:50%}
.wr-au-list b{color:#27332d}
.wr-au-note{margin:1rem 0 0;color:#8d97a5;font-size:.8rem;line-height:1.6}

.wr-au-wait{padding:clamp(1.2rem,2.5vw,1.7rem);background:#fff;border:1px solid #ebebe8;border-radius:22px;box-shadow:0 30px 66px -34px rgba(20,37,29,.34)}
.wr-au-wait-row{display:flex;align-items:center;gap:.7rem;padding:.7rem .8rem;background:#fafbf9;border:1px solid #eef0ed;border-radius:12px}
.wr-au-wait-row.is-trig{background:#fdf8ef;border-color:#f0e2cf}
.wr-au-wait-row.is-wait{background:#f2f7f4;border-color:#dcebe3}
.wr-au-wait-row i{display:grid;place-items:center;width:22px;height:22px;flex:0 0 auto;color:#fff;background:#3d7a5f;border-radius:50%;font-size:.66rem;font-style:normal;font-weight:700}
.wr-au-wait-row.is-trig i{background:#c08a2e}
.wr-au-wait-row b{display:block;font-size:.82rem}
.wr-au-wait-row small{display:block;color:#7b857f;font-size:.68rem}
.wr-au-wait-bar{width:2px;height:16px;margin-left:1.5rem;background:#dfe3df}
.wr-au-branch{display:grid;grid-template-columns:1fr 1fr;gap:.6rem;margin-top:.9rem}
.wr-au-leg{padding:.8rem .85rem;border-radius:12px}
.wr-au-leg.is-ok{background:#f2f7f4;border:1px solid #dcebe3}
.wr-au-leg.is-timeout{background:#fdf1ef;border:1px solid #f1dcd8}
.wr-au-leg span{display:block;font-size:.5rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
.wr-au-leg.is-ok span{color:#2f6b52}
.wr-au-leg.is-timeout span{color:#9a4c43}
.wr-au-leg p{margin:.35rem 0 0;color:#5e6964;font-size:.74rem;line-height:1.55}

.wr-au-vs{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-top:clamp(2rem,4vw,2.8rem)}
.wr-au-vs article{padding:clamp(1.3rem,2.6vw,1.9rem);border-radius:20px}
.wr-au-vs .is-old{background:#f6f5f2;border:1px solid #e7e5df}
.wr-au-vs .is-new{background:#1d3028}
.wr-au-vs span{display:block;font-size:.5rem;font-weight:800;letter-spacing:.09em;text-transform:uppercase}
.wr-au-vs .is-old span{color:#a09a8c}
.wr-au-vs .is-new span{color:#9dc4b0}
.wr-au-vs h3{margin:.5rem 0 .9rem;font-size:1.1rem;letter-spacing:-.02em}
.wr-au-vs .is-new h3{color:#fff}
.wr-au-vs ul{margin:0;padding:0;list-style:none}
.wr-au-vs li{position:relative;padding:.42rem 0 .42rem 1.3rem;font-size:.84rem;line-height:1.55}
.wr-au-vs .is-old li{color:#7a756a;border-top:1px solid #e7e5df}
.wr-au-vs .is-new li{color:#c9d6cf;border-top:1px solid #2b463a}
.wr-au-vs li:before{position:absolute;left:0;font-weight:700}
.wr-au-vs .is-old li:before{content:"\00d7";color:#b0a99a}
.wr-au-vs .is-new li:before{content:"\2713";color:#9dc4b0}

.wr-au-trig{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;margin-top:clamp(2rem,4vw,2.8rem)}
.wr-au-trig article{padding:1.2rem;background:#fff;border:1px solid #ebebe8;border-radius:18px}
.wr-au-trig h3{margin:0 0 .5rem;color:#3d7a5f;font-size:.72rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
.wr-au-trig ul{margin:0;padding:0;list-style:none}
.wr-au-trig li{padding:.24rem 0;color:#5c6762;border-top:1px solid #f3f5f2;font-size:.76rem}
.wr-au-trig li:first-child{border-top:0}

.wr-au-walter{padding:clamp(1.2rem,2.5vw,1.7rem);background:#fff;border:1px solid #ebebe8;border-radius:22px;box-shadow:0 30px 66px -34px rgba(20,37,29,.34)}
.wr-au-walter-head{display:flex;gap:.7rem;padding-bottom:.9rem;border-bottom:1px solid #eef0ed}
.wr-au-walter-head i{font-size:1rem;font-style:normal}
.wr-au-walter-head strong{display:block;font-size:1rem}
.wr-au-walter-head small{display:block;margin-top:.2rem;color:#7b857f;font-size:.74rem;line-height:1.5}
.wr-au-prompt{margin:1rem 0;padding:.8rem .85rem;color:#3a453f;background:#fbfcfa;border:1px solid #cfe0d6;border-radius:11px;font-size:.82rem;line-height:1.55}
.wr-au-sugg-label{display:block;margin-bottom:.45rem;color:#7b857f;font-size:.5rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}
.wr-au-sugg{display:grid;gap:.35rem}
.wr-au-sugg span{padding:.5rem .65rem;color:#5c6762;background:#fafbf9;border:1px solid #eef0ed;border-radius:9px;font-size:.74rem}
.wr-au-walter-foot{display:flex;justify-content:flex-end;gap:.5rem;margin-top:1rem}
.wr-au-btn{padding:.5rem 1rem;color:#4f5a54;background:#f5f6f3;border:1px solid #e4e7e4;border-radius:9px;font-size:.78rem;font-weight:600}
.wr-au-btn.is-primary{color:#fff;background:#2f6b52;border-color:#2f6b52}

@media(max-width:1050px){
  .wr-au-canvas{grid-template-columns:1fr}
  .wr-au-two,.wr-au-vs,.wr-au-branch{grid-template-columns:1fr}
  .wr-au-two.is-rev>div:first-child{order:0}
  .wr-au-trig{grid-template-columns:1fr 1fr}
}
@media(max-width:760px){
  .wr-au-hero .hero-actions{flex-direction:column;align-items:stretch}
  .wr-au-trig{grid-template-columns:1fr}
}

/* ── Roadmap ──────────────────────────────────────────────────────────────*/
.wr-rm-hero{padding:clamp(6rem,11vw,10rem) 0 clamp(4rem,7vw,7rem);background:#f3eee6;text-align:center}
.wr-rm-hero .container{max-width:1180px}
.wr-rm-hero h1{max-width:1000px;margin:1rem auto 0;font-size:clamp(2.4rem,4.8vw,4.6rem);line-height:.94;letter-spacing:-.062em}
.wr-rm-hero h1 em{color:#3d7a5f;font-style:normal}
.wr-rm-hero .lead{max-width:840px;margin:2rem auto 0;color:#5e6964;font-size:clamp(1.05rem,1.6vw,1.25rem);line-height:1.65}
.wr-rm-hero .hero-actions{justify-content:center;margin:2rem 0 0}
.wr-rm-disclaim{max-width:70ch;margin:1.6rem auto 0;padding-top:1.2rem;border-top:1px solid #e3dbcd;color:#8c9691;font-size:.78rem;line-height:1.6}

.wr-rm-lead{display:grid;grid-template-columns:.85fr 1.15fr;gap:clamp(1.4rem,3.5vw,3rem);align-items:start}
.wr-rm-lead h2{margin:.6rem 0 0;font-size:clamp(1.5rem,2.8vw,2.2rem);letter-spacing:-.035em;line-height:1.12}
.wr-rm-lead h2 em{color:#3d7a5f;font-style:italic}
.wr-rm-lead p{margin:0 0 1rem;color:#5e6964;font-size:clamp(.92rem,1.25vw,1.02rem);line-height:1.7}
.wr-rm-lead p:last-child{margin-bottom:0}
.wr-rm-lead b{color:#27332d}
.wr-rm-lead a{color:#3d7a5f;font-weight:600}

.wr-rm-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-top:clamp(2rem,4vw,2.8rem)}
.wr-rm-grid.is-two{grid-template-columns:repeat(2,1fr)}
.wr-rm-grid article{padding:1.3rem;background:#fff;border:1px solid #ebebe8;border-radius:18px}
.wr-rm-grid article.is-flag{border-color:#cfe0d6;background:#fbfdfc}
.wr-rm-tag{display:inline-block;padding:.22rem .5rem;color:#8b6421;background:#f8f0dd;border-radius:999px;font-size:.5rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
.wr-rm-grid h3{margin:.6rem 0 .4rem;font-size:1rem;letter-spacing:-.02em}
.wr-rm-grid p{margin:0;color:#6b756f;font-size:.82rem;line-height:1.6}
.wr-rm-grid a{color:#3d7a5f;font-weight:600}

.wr-rm-arch{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-top:clamp(2rem,4vw,2.8rem)}
.wr-rm-arch article{padding:clamp(1.3rem,2.6vw,1.9rem);background:#1d3028;border-radius:20px}
.wr-rm-arch b{display:block;color:#9dc4b0;font-family:var(--display);font-size:1.1rem;letter-spacing:-.02em}
.wr-rm-arch h3{margin:.5rem 0 .5rem;color:#fff;font-size:1.15rem;letter-spacing:-.025em}
.wr-rm-arch p{margin:0;color:#c9d6cf;font-size:.86rem;line-height:1.65}
.wr-rm-arch em{color:#fff;font-style:italic}

@media(max-width:1050px){
  .wr-rm-lead{grid-template-columns:1fr}
  .wr-rm-grid,.wr-rm-grid.is-two,.wr-rm-arch{grid-template-columns:1fr 1fr}
}
@media(max-width:760px){
  .wr-rm-hero .hero-actions{flex-direction:column;align-items:stretch}
  .wr-rm-grid,.wr-rm-grid.is-two,.wr-rm-arch{grid-template-columns:1fr}
}
.wr-rm-lead-note{color:#8d97a5!important;font-size:.82rem!important}
.wr-rm-cases{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-top:clamp(1.8rem,3.5vw,2.4rem)}
.wr-rm-cases article{padding:1.3rem;background:#fff;border:1px solid #ebebe8;border-radius:18px}
.wr-rm-cases h3{margin:0 0 .6rem;color:#3d7a5f;font-size:.72rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
.wr-rm-cases ul{margin:0;padding:0;list-style:none}
.wr-rm-cases li{padding:.5rem 0;color:#6b756f;border-top:1px solid #f3f5f2;font-size:.78rem;line-height:1.55}
.wr-rm-cases li:first-child{border-top:0}
.wr-rm-cases b{color:#27332d}
@media(max-width:1050px){.wr-rm-cases{grid-template-columns:1fr}}

/* Roadmap — Google Workspace feature panel */
.wr-rm-goog{display:grid;grid-template-columns:1.15fr .85fr;gap:clamp(1.4rem,3vw,2.6rem);margin-top:clamp(2rem,4vw,2.8rem);padding:clamp(1.6rem,3.2vw,2.4rem);background:#fbfdfc;border:1px solid #cfe0d6;border-radius:24px}
.wr-rm-goog-copy h3{margin:.7rem 0 .8rem;font-size:clamp(1.2rem,2.2vw,1.7rem);letter-spacing:-.03em;line-height:1.14}
.wr-rm-goog-copy p{margin:0 0 .9rem;color:#5e6964;font-size:.92rem;line-height:1.7}
.wr-rm-goog-copy p:last-child{margin-bottom:0}
.wr-rm-goog-note{padding-top:.9rem;border-top:1px solid #e0eae4;color:#6b756f!important;font-size:.82rem!important}
.wr-rm-goog-note b{color:#27332d}
.wr-rm-goog-list{margin:0;padding:0;list-style:none;align-self:start}
.wr-rm-goog-list li{padding:.9rem 1rem;background:#fff;border:1px solid #ebebe8;border-radius:16px}
.wr-rm-goog-list li+li{margin-top:.6rem}
.wr-rm-goog-list b{display:inline-block;margin-right:.5rem;font-size:.95rem;letter-spacing:-.02em;vertical-align:middle}
.wr-rm-goog-list p{margin:.45rem 0 0;color:#6b756f;font-size:.78rem;line-height:1.55}
.wr-rm-tag.is-near{color:#2c5c46;background:#e2efe8}
@media(max-width:900px){.wr-rm-goog{grid-template-columns:1fr}}

/* ── Add-on heroes: the whole photograph, mock-up layered in front ───────
   Earlier this cropped the photo into a fixed-height ribbon. On a phone that
   left a sliver of a person. The image now keeps its own aspect ratio at every
   width, and only the empty bottom edge sits behind the mock-up. */
.wr-ao-scene{position:relative;margin-top:clamp(2.4rem,5vw,3.4rem)}
.wr-ao-scene-photo{position:relative;width:100%;margin:0;overflow:hidden;background:#eee9e0;border-radius:30px}
.wr-ao-scene-photo img{display:block;width:100%;height:auto}
.wr-ao-scene-inner{position:relative;z-index:2;width:min(1080px,96%);margin:calc(-1 * clamp(28px,5vw,86px)) auto 0}
.wr-ao-scene-inner>*{box-shadow:0 44px 90px -40px rgba(20,37,29,.52)}
.wr-ao-cap{position:relative;z-index:2;max-width:62ch;margin:1.1rem auto 0;color:#7b857f;font-size:.8rem;line-height:1.6;text-align:center}
@media(max-width:760px){
  .wr-ao-scene-photo{border-radius:22px}
  .wr-ao-scene-inner{width:100%;margin-top:-16px}
}


/* ── Leads hero: Board / List / Dashboard views ─────────────────────────── */
.wr-cr-views button{padding:.32rem .65rem;color:#6f7974;background:none;border:0;border-radius:7px;font:inherit;font-size:.64rem;font-weight:600;cursor:pointer}
.wr-cr-views button[aria-selected="true"]{color:#27332d;background:#f2f4f1}

.wr-cr-list{padding:.4rem clamp(.7rem,1.8vw,1.1rem) clamp(.9rem,2vw,1.2rem)}
.wr-cr-lrow{display:grid;grid-template-columns:1.5fr .9fr 1.35fr .95fr .55fr .6fr 1.2fr;gap:.7rem;align-items:center;padding:.55rem .3rem;border-top:1px solid #f1f3f0;font-size:.74rem}
.wr-cr-lrow--head{border-top:0;color:#98a29c;font-size:.53rem;font-weight:800;letter-spacing:.07em;text-transform:uppercase}
.wr-cr-lrow>span:first-child{color:#27332d;font-weight:600}
.wr-cr-ltype,.wr-cr-ldays,.wr-cr-lnext{color:#7b857f}
.wr-cr-lstage{display:flex;align-items:center;gap:.4rem;color:#5e6964}
.wr-cr-lstage i{width:7px;height:7px;flex:0 0 auto;border-radius:50%}
.wr-cr-lval{color:#3a453f;font-weight:600}
.wr-cr-lrow em{display:inline-block;min-width:1.7rem;padding:.12rem .34rem;border-radius:6px;font-size:.62rem;font-style:normal;font-weight:700;text-align:center}
.wr-cr-lrow em.is-ok{color:#2c5c46;background:#e2efe8}
.wr-cr-lrow em.is-risk{color:#8b3a2c;background:#f8e6e1}
.wr-cr-lrow.is-risk .wr-cr-lnext{color:#8b3a2c;font-weight:600}

.wr-cr-dash{padding:clamp(.9rem,2vw,1.3rem)}
.wr-cr-dash-kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:.6rem}
.wr-cr-dash-kpis>div{padding:.85rem .9rem;background:#fafbf9;border:1px solid #eef0ed;border-radius:14px}
.wr-cr-dash-kpis>div.is-key{background:#fdf4f1;border-color:#f2ddd6}
.wr-cr-dash-kpis small{display:block;color:#98a29c;font-size:.5rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
.wr-cr-dash-kpis b{display:block;margin-top:.25rem;font-family:var(--display);font-size:1.5rem;letter-spacing:-.03em}
.wr-cr-dash-kpis em{display:block;margin-top:.1rem;color:#7b857f;font-size:.64rem;font-style:normal;line-height:1.4}
.wr-cr-fun{margin-top:.7rem;padding:.9rem 1rem 1rem;background:#fafbf9;border:1px solid #eef0ed;border-radius:14px}
.wr-cr-fun>small{display:block;margin-bottom:.5rem;color:#98a29c;font-size:.5rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
.wr-cr-fun-row{display:grid;grid-template-columns:9.5rem 1fr 2rem;gap:.7rem;align-items:center;padding:.28rem 0;font-size:.72rem}
.wr-cr-fun-row span{color:#5e6964}
.wr-cr-fun-row i{display:block;height:9px;background:#eef0ec;border-radius:999px}
.wr-cr-fun-row u{display:block;height:100%;background:#3d7a5f;border-radius:999px;text-decoration:none}
.wr-cr-fun-row b{color:#27332d;font-size:.76rem;text-align:right}
@media(max-width:900px){
  .wr-cr-list,.wr-cr-dash{overflow-x:auto}
  .wr-cr-lrow{grid-template-columns:1.5fr .9fr 1.35fr .95fr .55fr .6fr 1.2fr;min-width:760px}
  .wr-cr-dash-kpis{grid-template-columns:1fr}
}
.wr-cr-lstage i.is-grey{background:#9aa5a0}.wr-cr-lstage i.is-blue{background:#7b7fe0}
.wr-cr-lstage i.is-purple{background:#a855f7}.wr-cr-lstage i.is-green{background:#22c55e}

/* ── Contracts hero: place fields onto the agreement ────────────────────── */
.wr-pc-chip{width:100%;font:inherit;font-size:.66rem;text-align:left;cursor:pointer}
.wr-pc-chip:hover{background:#cfe4d9}
.wr-pc-chip.is-used{color:#7b857f;background:#f2f4f1;border-color:#e4e7e4}
.wr-pc-drop{margin-top:1rem;padding:.85rem;background:#fbfcfa;border:1px solid #e4e7e4;border-radius:12px}
.wr-pc-drop.is-full{background:#f4f9f6;border-color:#cfe0d6}
.wr-pc-drop-head{display:flex;justify-content:space-between;align-items:baseline;gap:.7rem;margin-bottom:.55rem}
.wr-pc-drop-head span{color:#8b948f;font-size:.55rem;font-weight:700;letter-spacing:.07em;text-transform:uppercase}
.wr-pc-drop-head b{color:#3d7a5f;font-size:.6rem;font-weight:700}
.wr-pc-slots{display:grid;grid-template-columns:repeat(3,1fr);gap:.4rem}
.wr-pc-slot{display:grid;place-items:center;min-height:2.1rem;padding:.4rem .45rem;color:#b0b8b4;background:#fff;border:1px solid #e4e7e4;border-radius:4px;font-size:.6rem;text-align:center}
.wr-pc-slot:before{content:"Empty field"}
.wr-pc-slot.is-set{color:#b4544a;background:#fdf3f2;border-color:#f0d4d0;cursor:pointer}
.wr-pc-slot.is-set:before{content:none}
.wr-pc-drop-hint{margin:.55rem 0 0;color:#a3aca7;font-size:.58rem;line-height:1.5}
.wr-pc-window-head b[data-pc-publish]{transition:background .25s ease}
.wr-pc-window-head b[data-pc-publish].is-ready{background:#1d3028}
@media(max-width:760px){.wr-pc-slots{grid-template-columns:1fr 1fr}}
.mega-foot--links{display:flex;flex-wrap:wrap;gap:1.1rem;align-items:center}

/* Brand marks — real logos in a neutral tile. Never recolored: several of these
   are trademarks, and a restyled logo reads as endorsement. */
.wr-int-mark{background:#fff;border:1px solid var(--line)}
.wr-int-mark img{display:block;width:22px;height:22px;object-fit:contain}
.wr-rm-brands{display:flex;flex-wrap:wrap;gap:.4rem;margin-bottom:.7rem}
.wr-rm-brands img{display:block;width:20px;height:20px;object-fit:contain;padding:5px;background:#fff;border:1px solid #ebebe8;border-radius:8px;box-sizing:content-box}
.wr-rm-goog-mark{display:inline-block;width:18px;height:18px;margin-right:.45rem;object-fit:contain;vertical-align:-3px}
.mock-brands{display:flex;flex:0 0 auto;gap:.25rem;align-items:center;margin-right:.7rem}
.mock-brands img{display:block;width:18px;height:18px;object-fit:contain}

/* Roadmap — planned integrations as one logo strip rather than four tiles */
.wr-rm-planned{margin-top:clamp(1.4rem,3vw,2rem);padding:clamp(1.3rem,2.6vw,1.9rem);background:#fff;border:1px solid #ebebe8;border-radius:24px;text-align:center}
.wr-rm-logos{display:flex;flex-wrap:wrap;gap:.7rem;justify-content:center;margin:1rem 0 0;padding:0;list-style:none}
.wr-rm-logos li{display:grid;place-items:center;width:64px;height:64px;background:#fbfcfa;border:1px solid #eef0ed;border-radius:14px}
.wr-rm-logos img{display:block;width:26px;height:26px;object-fit:contain}
.wr-rm-planned>p{max-width:64ch;margin:1.2rem auto 0;color:#7b857f;font-size:.82rem;line-height:1.6}
.wr-rm-planned a{color:#3d7a5f;font-weight:600}
@media(max-width:520px){.wr-rm-logos li{width:56px;height:56px}}
.wr-rm-ahead-head{margin-top:clamp(2.6rem,5vw,4rem)}
.wr-au-trig article.is-flag{background:#f4f9f6;border-color:#cfe0d6}

/* ── Automations template library ───────────────────────────────────────── */
.wr-au-trig{grid-template-columns:repeat(5,1fr)}
.wr-au-lib{display:grid;grid-template-columns:340px 1fr;gap:1rem;margin-top:clamp(2rem,4vw,2.8rem);text-align:left}
.wr-au-lib-rail{max-height:560px;overflow-y:auto;padding:.6rem;background:#fff;border:1px solid #ebebe8;border-radius:20px}
.wr-au-lib-cat{margin:.9rem 0 .35rem .55rem;color:#3d7a5f;font-size:.56rem;font-weight:800;letter-spacing:.09em;text-transform:uppercase}
.wr-au-lib-cat:first-child{margin-top:.2rem}
.wr-au-lib-rail button{display:block;width:100%;margin-bottom:.15rem;padding:.6rem .65rem;background:none;border:1px solid transparent;border-radius:12px;font:inherit;text-align:left;cursor:pointer}
.wr-au-lib-rail button:hover{background:#f6f8f6}
.wr-au-lib-rail button[aria-selected="true"]{background:#f2f7f4;border-color:#cfe0d6}
.wr-au-lib-rail b{display:block;font-size:.8rem;line-height:1.3}
.wr-au-lib-rail em{display:block;margin-top:.2rem;color:#7b857f;font-size:.68rem;font-style:normal;line-height:1.45}
.wr-au-lib-view{padding:clamp(1.3rem,2.6vw,2rem);background:#fff;border:1px solid #ebebe8;border-radius:20px}
.wr-au-lib-eyebrow{display:block;color:#3d7a5f;font-size:.56rem;font-weight:800;letter-spacing:.09em;text-transform:uppercase}
.wr-au-lib-view h3{margin:.6rem 0 .5rem;font-size:clamp(1.15rem,2.2vw,1.6rem);letter-spacing:-.03em;line-height:1.15}
.wr-au-lib-view>p:not(.wr-au-lib-done){margin:0 0 1.3rem;color:#5e6964;font-size:.9rem;line-height:1.6}
.wr-au-lib-flow{margin:0;padding:0;list-style:none}
.wr-au-lib-flow li{position:relative;padding:.75rem .85rem;background:#fafbf9;border:1px solid #eef0ed;border-radius:12px}
.wr-au-lib-flow li+li{margin-top:1.5rem}
.wr-au-lib-flow li+li:before{content:"";position:absolute;top:-1.5rem;left:1.5rem;width:1px;height:1.5rem;background:#d9ded9}
.wr-au-lib-flow li.is-when{background:#f2f7f4;border-color:#cfe0d6}
.wr-au-lib-flow small{display:block;color:#98a29c;font-size:.5rem;font-weight:800;letter-spacing:.09em;text-transform:uppercase}
.wr-au-lib-flow b{display:block;margin-top:.2rem;font-size:.84rem}
.wr-au-lib-flow em{display:block;margin-top:.15rem;color:#7b857f;font-size:.72rem;font-style:normal;line-height:1.45}
.wr-au-lib-done{position:relative;margin:1.5rem 0 0;padding:.7rem .85rem;color:#8c9691;background:#f4f5f3;border-radius:12px;font-size:.78rem;text-align:center}
.wr-au-lib-done:before{content:"";position:absolute;top:-1.5rem;left:1.5rem;width:1px;height:1.5rem;background:#d9ded9}
@media(max-width:1050px){.wr-au-trig{grid-template-columns:repeat(3,1fr)}.wr-au-lib{grid-template-columns:1fr}.wr-au-lib-rail{max-height:340px}}
@media(max-width:640px){.wr-au-trig{grid-template-columns:1fr 1fr}}

/* ── Automations hero: the real builder ─────────────────────────────────── */
.wr-au-app{max-width:1080px;margin:0 auto;text-align:left}
.wr-au-app .wr-au-tabs{display:flex;flex-wrap:wrap;gap:.4rem;margin-bottom:.7rem}
.wr-au-app .wr-au-tabs button{padding:.45rem .8rem;background:rgba(255,255,255,.9);border:1px solid #e2e5e2;border-radius:12px;font:inherit;text-align:left;cursor:pointer}
.wr-au-app .wr-au-tabs b{display:block;color:#27332d;font-size:.76rem;line-height:1.2}
.wr-au-app .wr-au-tabs em{display:block;margin-top:.1rem;color:#8b948f;font-size:.56rem;font-style:normal;font-weight:800;letter-spacing:.09em;text-transform:uppercase}
.wr-au-app .wr-au-tabs button[aria-selected="true"]{background:#1d3028;border-color:#1d3028}
.wr-au-app .wr-au-tabs button[aria-selected="true"] b{color:#fff}
.wr-au-app .wr-au-tabs button[aria-selected="true"] em{color:#9dc4b0}

.wr-au-chrome{overflow:hidden;background:#fff;border:1px solid #e2e5e2;border-radius:20px}
.wr-au-topbar{display:flex;align-items:center;gap:.6rem;padding:.6rem .8rem;border-bottom:1px solid #eef0ed}
.wr-au-back{display:grid;place-items:center;width:24px;height:24px;flex:0 0 auto;color:#5e6964;background:#f4f6f3;border-radius:8px;font-size:.8rem}
.wr-au-topbar strong{overflow:hidden;font-size:.82rem;text-overflow:ellipsis;white-space:nowrap}
.wr-au-pill{flex:0 0 auto;padding:.16rem .45rem;color:#2c5c46;background:#e2efe8;border-radius:999px;font-size:.55rem;font-style:normal;font-weight:700}
.wr-au-topact{display:flex;gap:.35rem;margin-left:auto}
.wr-au-topact u,.wr-au-topact b{padding:.3rem .6rem;border-radius:9px;font-size:.62rem;font-weight:600;text-decoration:none;white-space:nowrap}
.wr-au-topact u{color:#5e6964;border:1px solid #e4e7e4}
.wr-au-topact b{color:#fff;background:#1d3028}

.wr-au-work{display:grid;grid-template-columns:1fr 250px}
.wr-au-canvas3{position:relative;min-height:330px;padding:1.1rem 1.1rem 3.4rem;background-color:#f4f5f3;background-image:radial-gradient(#d9ded9 1px,transparent 1px);background-size:20px 20px}
.wr-au-flow{position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:1.6rem;align-items:center}
.wr-au-wires{position:absolute;z-index:0;inset:0;width:100%;height:100%;overflow:visible;fill:none;stroke:#b9c2bc;stroke-width:1.4}
.wr-au-steps{display:grid;gap:.7rem}
.wr-au-node2{position:relative;z-index:1;padding:.6rem .7rem .5rem;background:#fff;border:1px solid #e2e5e2;border-radius:12px;box-shadow:0 6px 16px -10px rgba(20,37,29,.3);transition:border-color .3s ease,box-shadow .3s ease,transform .3s ease}
.wr-au-node2.is-trigger{border-color:#a9cbba;box-shadow:0 0 0 3px rgba(61,122,95,.12)}
.wr-au-node2-cat{display:flex;align-items:center;gap:.3rem;color:#4c5cc4;font-size:.5rem;font-weight:800;letter-spacing:.09em;text-transform:uppercase}
.wr-au-node2-cat:before{content:"";width:5px;height:5px;background:currentColor;border-radius:50%}
.wr-au-node2.is-trigger .wr-au-node2-cat{color:#3d7a5f}
.wr-au-node2-main{display:grid;grid-template-columns:26px 1fr;gap:.5rem;align-items:start;margin-top:.35rem}
.wr-au-node2-icon{display:grid;place-items:center;width:26px;height:26px;color:#4c5cc4;background:#eef0fb;border-radius:8px}
.wr-au-node2.is-trigger .wr-au-node2-icon{color:#2c5c46;background:#e2efe8}
.wr-au-node2-icon svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.wr-au-node2 b{display:block;font-size:.8rem;line-height:1.25}
.wr-au-node2 em{display:block;margin-top:.1rem;color:#7b857f;font-size:.66rem;font-style:normal;line-height:1.4}
.wr-au-node2 ul{margin:.45rem 0 0;padding:0;list-style:none}
.wr-au-node2 li{position:relative;padding:.12rem 0 .12rem .7rem;color:#5e6964;font-size:.63rem}
.wr-au-node2 li:before{content:"";position:absolute;top:.5rem;left:0;width:4px;height:4px;background:#3d7a5f;border-radius:50%}
.wr-au-node2-foot{display:block;margin-top:.45rem;padding-top:.4rem;color:#a3aca7;border-top:1px solid #f1f3f0;font-size:.5rem;font-weight:800;letter-spacing:.09em}
.wr-au-port{position:absolute;top:50%;width:9px;height:9px;background:#fff;border:1.4px solid #b9c2bc;border-radius:50%;transform:translateY(-50%)}
.wr-au-port.is-in{left:-5px}
.wr-au-port.is-out{right:-5px}
.wr-au-node2.is-live{border-color:#3d7a5f;box-shadow:0 0 0 3px rgba(61,122,95,.18);transform:translateY(-1px)}
.wr-au-node2.is-done b:after{content:" ✓";color:#3d7a5f;font-size:.7rem}

.wr-au-transport{position:absolute;bottom:.85rem;left:50%;display:flex;gap:.35rem;align-items:center;padding:.35rem .5rem;background:#fff;border:1px solid #e6e9e5;border-radius:999px;box-shadow:0 10px 24px -14px rgba(20,37,29,.4);transform:translateX(-50%)}
.wr-au-transport span,.wr-au-play{display:grid;place-items:center;width:26px;height:26px;color:#8b948f;background:none;border:0;border-radius:50%}
.wr-au-transport svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.wr-au-play{width:30px;height:30px;color:#fff;background:#3d7a5f;cursor:pointer}
.wr-au-play svg{fill:currentColor;stroke:none;width:12px;height:12px}
.wr-au-play[disabled]{background:#93a19a;cursor:default}
.wr-au-transport-sep{width:1px;height:16px;background:#e6e9e5}

.wr-au-config{padding:.9rem;border-left:1px solid #eef0ed}
.wr-au-config-head{display:flex;justify-content:space-between;color:#27332d;font-size:.74rem;font-weight:700}
.wr-au-config-head em{color:#b0b8b4;font-style:normal}
.wr-au-config-label{display:block;margin:1rem 0 .45rem;color:#5e6964;font-size:.66rem;font-weight:700}
.wr-au-field{display:flex;gap:.5rem;align-items:center}
.wr-au-field span{color:#5e6964;font-size:.68rem}
.wr-au-select{position:relative;flex:1;min-width:0;padding:.4rem 1.4rem .4rem .5rem;overflow:hidden;background:#fff;border:1px solid #e0e3e0;border-radius:8px;font-size:.66rem;font-style:normal;text-overflow:ellipsis;white-space:nowrap}
.wr-au-select:after{content:"";position:absolute;top:50%;right:.5rem;width:5px;height:5px;border-right:1.4px solid #8b948f;border-bottom:1.4px solid #8b948f;transform:translateY(-70%) rotate(45deg)}
.wr-au-config-desc{margin:.5rem 0 0;color:#8b948f;font-size:.63rem;line-height:1.45}
.wr-au-cond{display:grid;grid-template-columns:1fr 1fr;gap:.35rem}
.wr-au-cond i{padding:.4rem .5rem;overflow:hidden;color:#4f5a54;background:#fff;border:1px solid #e0e3e0;border-radius:8px;font-size:.63rem;font-style:normal;text-overflow:ellipsis;white-space:nowrap}
.wr-au-cond i:first-child{grid-column:1/-1}
.wr-au-addcond{display:inline-block;margin-top:.5rem;color:#3d7a5f;font-size:.66rem;font-weight:700}

@media(max-width:900px){
  .wr-au-work{grid-template-columns:1fr}
  .wr-au-config{border-top:1px solid #eef0ed;border-left:0}
  .wr-au-flow{grid-template-columns:1fr;gap:.7rem}
  .wr-au-wires{display:none}
  .wr-au-port{display:none}
}
@media(max-width:700px){
  .wr-au-topbar{flex-wrap:wrap}
  .wr-au-topbar strong{order:3;width:100%;white-space:normal}
}


/* ── Leads window: Dashboard view, matching the app ─────────────────────── */
.wr-cr-dashv{padding:clamp(.8rem,1.8vw,1.1rem)}
.wr-cr-dashv-kpis{display:grid;grid-template-columns:repeat(5,1fr);gap:.5rem}
.wr-cr-dashv-kpis>div{padding:.7rem .75rem;background:#fafbf9;border:1px solid #eef0ed;border-radius:12px}
.wr-cr-dashv-kpis>div.is-key{background:#f4f9f6;border-color:#cfe0d6}
.wr-cr-dashv-kpis small{display:block;color:#a3aca7;font-size:.48rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
.wr-cr-dashv-kpis b{display:block;margin-top:.2rem;font-family:var(--display);font-size:1.15rem;letter-spacing:-.03em}
.wr-cr-dashv-kpis em{display:block;color:#8b948f;font-size:.58rem;font-style:normal}
.wr-cr-dashv-grid{display:grid;grid-template-columns:1fr 1fr;gap:.5rem;margin-top:.5rem}
.wr-cr-dashv-grid section{padding:.75rem .8rem;background:#fff;border:1px solid #eef0ed;border-radius:12px}
.wr-cr-dashv-grid h4{display:flex;gap:.35rem;align-items:center;margin:0 0 .5rem;color:#5e6964;font-size:.66rem;font-weight:700}
.wr-cr-dashv-grid h4 i{padding:.05rem .3rem;color:#8b3a2c;background:#f8e6e1;border-radius:4px;font-size:.55rem;font-style:normal;font-weight:700}
.wr-cr-p-bar{display:grid;grid-template-columns:8.5rem 1fr auto auto;gap:.5rem;align-items:center;padding:.16rem 0;font-size:.63rem}
.wr-cr-p-bar span{overflow:hidden;color:#6f7974;text-overflow:ellipsis;white-space:nowrap}
.wr-cr-p-bar u{display:block;height:6px;background:#f0f2ef;border-radius:99px;text-decoration:none}
.wr-cr-p-bar u i{display:block;height:100%;background:#3d7a5f;border-radius:99px}
.wr-cr-p-bar b{min-width:1rem;color:#27332d;text-align:right}
.wr-cr-p-bar em{min-width:3.6rem;color:#8b948f;font-style:normal;text-align:right}
.wr-cr-p-row{display:grid;grid-template-columns:6px 1fr auto auto;gap:.45rem;align-items:center;padding:.24rem 0;border-top:1px solid #f4f6f3;font-size:.63rem}
.wr-cr-p-row:first-of-type{border-top:0}
.wr-cr-p-row.is-plain{grid-template-columns:1fr auto}
.wr-cr-p-row s{width:5px;height:5px;background:#d98b5f;border-radius:50%;text-decoration:none}
.wr-cr-p-row s.is-warn{background:#c9a227}
.wr-cr-p-row span{overflow:hidden;color:#27332d;text-overflow:ellipsis;white-space:nowrap}
.wr-cr-p-row em{color:#a3aca7;font-style:normal}
.wr-cr-p-row b{color:#3a453f}
@media(max-width:900px){
  .wr-cr-dashv-kpis{grid-template-columns:1fr 1fr}
  .wr-cr-dashv-grid{grid-template-columns:1fr}
  .wr-cr-p-bar{grid-template-columns:7rem 1fr auto auto}
}

/* ── Contracts hero: Proposal / Contract builder ────────────────────────── */
.wr-pc-window-head{display:flex;flex-wrap:wrap;gap:.6rem;justify-content:space-between;align-items:center}
.wr-pc-crumb{display:flex;gap:.35rem;align-items:center;color:#7b857f;font-size:.72rem}
.wr-pc-crumb i{color:#c2c9c4;font-style:normal}
.wr-pc-crumb b{color:#27332d}
.wr-pc-headact{display:flex;flex-wrap:wrap;gap:.3rem;align-items:center}
.wr-pc-headact u{padding:.32rem .6rem;color:#5e6964;border:1px solid #e4e7e4;border-radius:9px;font-size:.62rem;font-weight:600;text-decoration:none;white-space:nowrap}
.wr-pc-headact u em{margin-left:.3rem;padding:.02rem .28rem;color:#2c5c46;background:#e2efe8;border-radius:99px;font-size:.55rem;font-style:normal;font-weight:700}
.wr-pc-headact u.is-ai{color:#6b4bb8;border-color:#ddd4f2}
.wr-pc-headact b{padding:.34rem .7rem;color:#fff;background:#1d3028;border-radius:9px;font-size:.64rem;font-weight:700;white-space:nowrap}

/* the pills sit in the breadcrumb now, where the document title used to be */
.wr-pc-tabs{display:inline-flex;gap:.2rem;padding:.16rem;background:#f2f4f1;border-radius:99px}
.wr-pc-tabs button{padding:.3rem .8rem;color:#6b756f;background:none;border:0;border-radius:99px;font:inherit;font-size:.7rem;font-weight:600;cursor:pointer}
.wr-pc-tabs button[aria-selected="true"]{color:#fff;background:#1d3028}
.wr-pc-window-head{align-items:center}
.wr-pc-crumb{flex:0 0 auto}

.wr-pc-chip{display:grid;grid-template-columns:14px 1fr;gap:.4rem;align-items:center}
.wr-pc-chip>span{display:grid;place-items:center}
.wr-pc-chip svg{width:11px;height:11px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.wr-pc-grp.is-first{color:#a3aca7}

.wr-pc-pagetag{display:inline-block;margin-bottom:.6rem;padding:.16rem .45rem;color:#fff;background:#27332d;border-radius:5px;font-size:.52rem;font-weight:700;letter-spacing:.05em}
.wr-pc-doc-title{margin:0;font-size:1rem;letter-spacing:-.02em}
.wr-pc-doc-sub{margin:.25rem 0 1rem;color:#8b948f;font-size:.66rem}
.wr-pc-block{position:relative;margin-bottom:.7rem;padding:.85rem;background:#fff;border:1px solid #eef0ed;border-radius:10px}
.wr-pc-block.is-active{border-color:#a9cbba;box-shadow:0 0 0 3px rgba(61,122,95,.1)}
.wr-pc-blocktag{display:inline-block;margin-bottom:.45rem;padding:.14rem .42rem;color:#2c5c46;background:#e2efe8;border-radius:5px;font-size:.5rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
.wr-pc-blocktag.is-header{color:#fff;background:#c2417d}
.wr-pc-block>b{display:block;margin-bottom:.45rem;font-size:.82rem}
.wr-pc-block>p{margin:0 0 .5rem;color:#5e6964;font-size:.66rem;line-height:1.6}
.wr-pc-block ul{margin:0;padding:0 0 0 .9rem;color:#5e6964;font-size:.66rem;line-height:1.7}
.wr-pc-fromto{display:grid;grid-template-columns:1fr 1fr;gap:.9rem}
.wr-pc-fromto small{display:block;margin-bottom:.25rem;color:#a3aca7;font-size:.5rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
.wr-pc-fromto i{display:block;color:#4f5a54;font-size:.66rem;font-style:normal;line-height:1.55}
.wr-pc-clause{margin-bottom:.6rem}
.wr-pc-clause b{display:block;margin-bottom:.2rem;font-size:.7rem}
.wr-pc-clause p{margin:0;color:#8b948f;font-size:.63rem;line-height:1.65}
@media(max-width:760px){.wr-pc-fromto{grid-template-columns:1fr}}
/* the action row is a flex item, so it needed a width cap before its own
   flex-wrap could take effect — without it "Draft with AI" ran off the edge */
.wr-pc-headact{max-width:100%;min-width:0}
@media(max-width:640px){
  .wr-pc-headact{justify-content:flex-start;width:100%}
  .wr-pc-headact u,.wr-pc-headact b{font-size:.58rem}
}
/* Solutions mega gained a third column ("By segment"), so it needs more room */
.mega--seg{left:-8rem;width:min(700px,calc(100vw - 2rem))}
.wr-seg-stub{max-width:60ch;margin:1.6rem 0 0;padding-top:1.1rem;border-top:1px solid #e3dbcd;color:#8c9691;font-size:.8rem;line-height:1.6}
@media(max-width:960px){.mega--seg{left:0;width:auto;min-width:0}}

/* ── Solutions · Project Managers ───────────────────────────────────────── */
.wr-solpm-hero{padding:clamp(5rem,9vw,8rem) 0 clamp(3rem,6vw,5rem);background:#f3eee6;text-align:center}
.wr-solpm-hero .container{max-width:1180px}
.wr-solpm-hero h1{max-width:1000px;margin:1rem auto 0;font-size:clamp(2.3rem,4.6vw,4.3rem);line-height:.96;letter-spacing:-.06em}
.wr-solpm-hero h1 em{color:#3d7a5f;font-style:normal}
.wr-solpm-hero .lead{max-width:820px;margin:1.8rem auto 0;color:#5e6964;font-size:clamp(1rem,1.5vw,1.2rem);line-height:1.65}
.wr-solpm-hero .hero-actions{justify-content:center;margin:1.8rem 0 0}

.wr-solpm-app{overflow:hidden;background:#fff;border:1px solid #e2e5e2;border-radius:20px;text-align:left}
.wr-solpm-top{display:flex;flex-wrap:wrap;gap:.7rem;justify-content:space-between;align-items:center;padding:.75rem 1rem;border-bottom:1px solid #eef0ed}
.wr-solpm-top strong{display:block;font-size:.86rem}
.wr-solpm-top span{display:block;color:#8b948f;font-size:.66rem}
.wr-solpm-conf{flex:0 0 auto;padding:.3rem .6rem;color:#5e6964;background:#f4f6f3;border-radius:99px;font-size:.66rem}
.wr-solpm-conf b{color:#2c5c46;font-size:.78rem}
.wr-solpm-conf.is-risk{background:#fdf4f1}
.wr-solpm-conf.is-risk b{color:#8b3a2c}
.wr-solpm-body{display:grid;grid-template-columns:250px 1fr}
.wr-solpm-list{padding:.7rem;background:#fafbf9;border-right:1px solid #eef0ed}
.wr-solpm-list small{display:block;margin:.2rem 0 .5rem .4rem;color:#a3aca7;font-size:.5rem;font-weight:800;letter-spacing:.09em;text-transform:uppercase}
.wr-solpm-list button{display:block;width:100%;margin-bottom:.3rem;padding:.6rem .65rem;background:none;border:1px solid transparent;border-radius:11px;font:inherit;text-align:left;cursor:pointer}
.wr-solpm-list button:hover{background:#f2f4f1}
.wr-solpm-list button[aria-selected="true"]{background:#fff;border-color:#cfe0d6}
.wr-solpm-list b{display:block;font-size:.78rem}
.wr-solpm-list em{display:block;margin-top:.12rem;color:#8b3a2c;font-size:.66rem;font-style:normal}
.wr-solpm-out{padding:.9rem 1rem 1.1rem}
.wr-solpm-out-head{display:flex;justify-content:space-between;align-items:baseline;gap:.7rem;margin-bottom:.6rem}
.wr-solpm-out-head span{color:#a3aca7;font-size:.5rem;font-weight:800;letter-spacing:.09em;text-transform:uppercase}
.wr-solpm-out-head b{color:#3d7a5f;font-size:.66rem}
.wr-solpm-moves{margin:0;padding:0;list-style:none}
.wr-solpm-moves li{display:grid;grid-template-columns:20px 1fr;gap:.55rem;padding:.5rem 0;border-top:1px solid #f2f4f1}
.wr-solpm-moves li:first-child{border-top:0}
.wr-solpm-moves i{display:grid;place-items:center;width:20px;height:20px;color:#2c5c46;background:#e8efea;border-radius:6px;font-size:.58rem;font-style:normal;font-weight:800}
.wr-solpm-moves i.is-warn{color:#8b6421;background:#f8f0dd}
.wr-solpm-moves strong{display:block;font-size:.78rem}
.wr-solpm-moves small{display:block;margin-top:.1rem;color:#7b857f;font-size:.68rem;line-height:1.45}
.wr-solpm-note{margin:.8rem 0 0;padding-top:.7rem;color:#8b948f;border-top:1px solid #f2f4f1;font-size:.7rem;line-height:1.55}

.wr-solpm-views{overflow:hidden;background:#fff;border:1px solid #ebebe8;border-radius:20px;box-shadow:0 30px 66px -34px rgba(20,37,29,.34)}
.wr-solpm-views-tabs{display:flex;gap:.25rem;padding:.6rem .7rem;background:#fafbf9;border-bottom:1px solid #eef0ed}
.wr-solpm-views-tabs button{padding:.3rem .7rem;color:#6b756f;background:none;border:0;border-radius:99px;font:inherit;font-size:.68rem;font-weight:600;cursor:pointer}
.wr-solpm-views-tabs button[aria-selected="true"]{color:#fff;background:#3d7a5f}
.wr-solpm-views-body{padding:.8rem .9rem}
.wr-solpm-vrow{display:grid;grid-template-columns:1fr auto auto;gap:.6rem;align-items:center;padding:.42rem 0;border-top:1px solid #f4f6f3;font-size:.72rem}
.wr-solpm-vrow:first-child{border-top:0}
.wr-solpm-vrow small{color:#8b948f}
.wr-solpm-vrow u{padding:.1rem .4rem;background:#f2f4f1;border-radius:5px;font-size:.6rem;text-decoration:none}
.wr-solpm-vcols{display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem}
.wr-solpm-vcols section{padding:.55rem;background:#fafbf9;border:1px solid #eef0ed;border-radius:10px}
.wr-solpm-vcols h6{margin:0 0 .35rem;color:#8b948f;font-size:.55rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase}
.wr-solpm-vcols p{margin:0 0 .3rem;padding:.35rem .4rem;background:#fff;border:1px solid #eef0ed;border-radius:7px;font-size:.64rem;line-height:1.35}
.wr-solpm-gantt{display:grid;grid-template-columns:8.5rem 1fr;gap:.5rem;align-items:center;padding:.28rem 0;font-size:.68rem}
.wr-solpm-gantt span{overflow:hidden;color:#5e6964;text-overflow:ellipsis;white-space:nowrap}
.wr-solpm-gantt u{display:block;height:9px;background:#eef0ec;border-radius:99px;text-decoration:none}
.wr-solpm-gantt i{display:block;height:100%;background:#3d7a5f;border-radius:99px}
.wr-solpm-gantt i.is-late{background:#d98b5f}


@media(max-width:820px){
  .wr-solpm-body{grid-template-columns:1fr}
  .wr-solpm-list{border-right:0;border-bottom:1px solid #eef0ed}
  .wr-solpm-vcols{grid-template-columns:1fr}
  }
/* placeholder block for a lifestyle photo that has not been delivered yet */
.wr-ao-scene-photo.is-missing{aspect-ratio:16/9;background:#eee9e0;border-radius:30px}
@media(max-width:760px){.wr-ao-scene-photo.is-missing{border-radius:22px}}
/* Spec & Production Builders: hero photo not delivered yet — don't reserve an empty
   16/9 box; let the Purchase Orders card stand as the hero graphic. Auto-reverts once
   the real image is added (is-missing is only set by JS when the image fails to load). */
.wr-solsp-page .wr-ao-scene-photo.is-missing{display:none}
.wr-solsp-page .wr-ao-scene-photo.is-missing + .wr-ao-scene-inner{margin-top:0}
/* ── Solutions · Design–Build ───────────────────────────────────────────── */
.wr-soldb-hero{padding:clamp(5rem,9vw,8rem) 0 clamp(3rem,6vw,5rem);background:#f3eee6;text-align:center}
.wr-soldb-hero .container{max-width:1180px}
.wr-soldb-hero h1{max-width:1000px;margin:1rem auto 0;font-size:clamp(2.3rem,4.6vw,4.3rem);line-height:.96;letter-spacing:-.06em}
.wr-soldb-hero h1 em{color:#3d7a5f;font-style:normal}
.wr-soldb-hero .lead{max-width:830px;margin:1.8rem auto 0;color:#5e6964;font-size:clamp(1rem,1.5vw,1.2rem);line-height:1.65}
.wr-soldb-hero .hero-actions{justify-content:center;margin:1.8rem 0 0}

@media(max-width:820px){
  .wr-soldb-kpis{grid-template-columns:1fr 1fr}
  .wr-soldb-row{grid-template-columns:1fr auto}
  .wr-soldb-row small{grid-column:1/-1}
  }


/* ── Project Budget — built to match the real screen ────────────────────── */
.wr-bud{overflow:hidden;background:#fff;border:1px solid #e2e5e2;border-radius:20px;text-align:left}
.wr-bud-nav{display:flex;flex-wrap:wrap;gap:.9rem;padding:.6rem 1rem;border-bottom:1px solid #eef0ed;font-size:.68rem}
.wr-bud-nav span{color:#8b948f}
.wr-bud-nav b{position:relative;color:#27332d}
.wr-bud-nav b:after{content:"";position:absolute;bottom:-.62rem;left:0;width:100%;height:2px;background:#3d7a5f}
.wr-bud-tabs{display:flex;flex-wrap:wrap;gap:.9rem;padding:.55rem 1rem;border-bottom:1px solid #f2f4f1;font-size:.64rem}
.wr-bud-tabs span{color:#a3aca7}
.wr-bud-tabs b{color:#27332d;border-bottom:1.5px solid #27332d}
.wr-bud-body{padding:.9rem 1rem 1.1rem}
.wr-bud-eyebrow{display:block;color:#3d7a5f;font-size:.5rem;font-weight:800;letter-spacing:.09em;text-transform:uppercase}
.wr-bud-title{margin:.2rem 0 .1rem;font-size:1.15rem;letter-spacing:-.03em}
.wr-bud-sub{margin:0 0 .8rem;color:#8b948f;font-size:.66rem!important}
.wr-bud-hero{display:grid;grid-template-columns:1fr auto;gap:.6rem;padding:.85rem .9rem;background:#fafbf9;border:1px solid #eef0ed;border-radius:14px}
.wr-bud-pill{display:inline-block;padding:.14rem .5rem;color:#2c5c46;background:#e2efe8;border-radius:99px;font-size:.55rem;font-weight:700}
.wr-bud-pct{display:block;margin-top:.3rem;font-family:var(--display);font-size:1.7rem;letter-spacing:-.04em}
.wr-bud-hero small{display:block;color:#8b948f;font-size:.62rem}
.wr-bud-total{text-align:right}
.wr-bud-total small{color:#a3aca7;font-size:.5rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
.wr-bud-total b{display:block;font-family:var(--display);font-size:1.35rem;letter-spacing:-.03em}
.wr-bud-total em{display:block;color:#8b948f;font-size:.62rem;font-style:normal}
.wr-bud-bar{display:flex;grid-column:1/-1;height:9px;overflow:hidden;background:#e8ece8;border-radius:99px}
.wr-bud-bar i{display:block;height:100%;background:#2c5c46}
.wr-bud-bar i.is-fee{background:#6fa588}
.wr-bud-bar i.is-extra{background:#a9cbba}
.wr-bud-key{display:flex;flex-wrap:wrap;grid-column:1/-1;gap:.9rem;font-size:.6rem}
.wr-bud-key span{display:flex;gap:.3rem;align-items:center;color:#6b756f}
.wr-bud-key u{width:6px;height:6px;background:#2c5c46;border-radius:2px;text-decoration:none}
.wr-bud-key u.is-fee{background:#6fa588}
.wr-bud-key u.is-extra{background:#a9cbba}
.wr-bud-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:.5rem;margin-top:.6rem}
.wr-bud-kpis>div{padding:.6rem .65rem;background:#fafbf9;border:1px solid #eef0ed;border-radius:12px}
.wr-bud-kpis small{display:block;color:#a3aca7;font-size:.48rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
.wr-bud-kpis b{display:block;margin-top:.15rem;font-family:var(--display);font-size:1.05rem;letter-spacing:-.03em}
.wr-bud-kpis b i{color:#7b857f;font-family:var(--body);font-size:.6rem;font-style:normal;font-weight:400}
.wr-bud-kpis em{display:block;margin-top:.1rem;color:#8b948f;font-size:.56rem;font-style:normal;line-height:1.35}
.wr-bud-cat,.wr-bud-group{margin-top:.6rem;border:1px solid #eef0ed;border-radius:12px}
.wr-bud-cat-head,.wr-bud-group-head{display:flex;justify-content:space-between;padding:.5rem .7rem;background:#fafbf9;border-bottom:1px solid #eef0ed;font-size:.62rem;font-weight:700}
.wr-bud-group-head span{color:#a3aca7;font-weight:400}
.wr-bud-cat-row{display:grid;grid-template-columns:8rem 1fr 2.4rem;gap:.6rem;align-items:center;padding:.4rem .7rem;border-top:1px solid #f4f6f3;font-size:.66rem}
.wr-bud-cat-row:first-of-type{border-top:0}
.wr-bud-cat-row span{display:flex;gap:.35rem;align-items:center}
.wr-bud-cat-row u{width:6px;height:6px;background:#2c5c46;border-radius:2px;text-decoration:none}
.wr-bud-cat-row u.is-fee{background:#6fa588}
.wr-bud-cat-row u.is-extra{background:#a9cbba}
.wr-bud-cat-row em{color:#8b948f;font-style:normal;text-align:right}
.wr-bud-cat-row b{text-align:right}
.wr-bud-grow{display:grid;grid-template-columns:11rem 1fr auto;gap:.7rem;align-items:center;padding:.45rem .7rem;border-top:1px solid #f4f6f3;font-size:.66rem}
.wr-bud-grow:first-of-type{border-top:0}
.wr-bud-grow span small{display:block;color:#a3aca7;font-size:.56rem}
.wr-bud-grow i{display:block;height:7px;background:#eef0ec;border-radius:99px}
.wr-bud-grow u{display:block;height:100%;background:#2c5c46;border-radius:99px;text-decoration:none}
.wr-bud-grow b{white-space:nowrap}
@media(max-width:820px){
  .wr-bud-hero{grid-template-columns:1fr}.wr-bud-total{text-align:left}
  .wr-bud-kpis{grid-template-columns:1fr 1fr}
  .wr-bud-cat-row,.wr-bud-grow{grid-template-columns:1fr auto}
  .wr-bud-cat-row em,.wr-bud-grow i{display:none}
}

/* ── Featured customer project: portrait-friendly image beside the copy ───
   Real project photography is usually portrait, so the media column takes the
   image's own aspect ratio and the points sit opposite as a list. */
.wr-feat{display:grid;grid-template-columns:.85fr 1.15fr;gap:clamp(1.8rem,4vw,3.6rem);align-items:center}
.wr-feat--media-right{grid-template-columns:1.15fr .85fr}
.wr-feat--media-right .wr-feat-media{order:2}
.wr-feat-media{margin:0}
.wr-feat-media img{display:block;width:100%;height:auto;background:#eee9e0;border-radius:24px}
.wr-feat-media figcaption{margin:.9rem 0 0;color:#8b948f;font-size:.76rem;line-height:1.55}
.wr-feat-media figcaption cite{display:block;margin-top:.2rem;color:#a3aca7;font-size:.7rem;font-style:normal}
.wr-feat-media.is-missing{aspect-ratio:4/5;background:#eee9e0;border-radius:24px}
.wr-feat-media.is-missing figcaption{display:none}
.wr-feat-copy h2{margin:.6rem 0 0;font-size:clamp(1.6rem,3vw,2.5rem);letter-spacing:-.035em;line-height:1.1}
.wr-feat-copy>p{margin:1rem 0 0;color:#5e6964;font-size:clamp(.95rem,1.3vw,1.05rem);line-height:1.7}
.wr-feat-list{margin:1.4rem 0 0;padding:0;list-style:none}
.wr-feat-list li{padding:.85rem 0;border-top:1px solid #ebebe8;color:#5e6964;font-size:.9rem;line-height:1.6}
.wr-feat-list li:first-child{border-top:0}
.wr-feat-list b{color:#27332d}
@media(max-width:900px){
  .wr-feat,.wr-feat--media-right{grid-template-columns:1fr}
  .wr-feat--media-right .wr-feat-media{order:0}
  .wr-feat-media.is-missing{aspect-ratio:3/2}
}
.wr-solpm-cap{max-width:62ch;margin:1.1rem auto 0;color:#7b857f;font-size:.8rem;line-height:1.6;text-align:center}
.wr-solpm-cap a{color:#3d7a5f;font-weight:600}
.wr-solpm-app{max-width:1000px;margin:clamp(1.6rem,3vw,2.4rem) auto 0;box-shadow:0 30px 66px -34px rgba(20,37,29,.3)}

/* ── Install confidence, shown as arithmetic ────────────────────────────── */
.wr-conf{max-width:1000px;margin:clamp(2rem,4vw,2.8rem) auto 0;overflow:hidden;background:#fff;border:1px solid #e2e5e2;border-radius:20px;text-align:left}
.wr-conf-top{display:flex;flex-wrap:wrap;gap:.7rem;justify-content:space-between;align-items:center;padding:.75rem 1rem;border-bottom:1px solid #eef0ed}
.wr-conf-top strong{display:block;font-size:.86rem}
.wr-conf-top>div span{display:block;color:#8b948f;font-size:.66rem}
.wr-conf-sens{display:flex;flex-wrap:wrap;gap:.45rem;align-items:center;color:#8b948f;font-size:.62rem}
.wr-conf-sens>span{display:flex;gap:.2rem;padding:.16rem;background:#f2f4f1;border-radius:99px}
.wr-conf-sens button{padding:.24rem .62rem;color:#6b756f;background:none;border:0;border-radius:99px;font:inherit;font-size:.64rem;font-weight:600;cursor:pointer}
.wr-conf-sens button[aria-selected="true"]{color:#fff;background:#1d3028}
.wr-conf-body{display:grid;grid-template-columns:1.25fr .95fr}
.wr-conf-math{padding:1rem;border-right:1px solid #eef0ed}
.wr-conf-buckets{display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem}
.wr-conf-buckets>div{padding:.7rem;background:#fafbf9;border:1px solid #eef0ed;border-radius:12px}
.wr-conf-buckets>div.is-ok{background:#f4f9f6;border-color:#cfe0d6}
.wr-conf-buckets>div.is-risk{background:#fdf4f1;border-color:#f2ddd6}
.wr-conf-buckets b{display:block;font-family:var(--display);font-size:1.5rem;letter-spacing:-.03em}
.wr-conf-buckets span{display:block;font-size:.7rem;font-weight:700}
.wr-conf-buckets em{display:block;margin-top:.15rem;color:#8b948f;font-size:.6rem;font-style:normal;line-height:1.4}
.wr-conf-formula{margin:.9rem 0 0;padding:.6rem .7rem;color:#5e6964;background:#fafbf9;border-radius:10px;font-size:.72rem!important}
.wr-conf-formula b{color:#27332d}
.wr-conf-score{display:flex;gap:.7rem;align-items:center;margin-top:.8rem}
.wr-conf-score>b{font-family:var(--display);font-size:2.4rem;letter-spacing:-.05em}
.wr-conf-score i{padding:.2rem .55rem;color:#6b756f;background:#f2f4f1;border-radius:99px;font-size:.64rem;font-style:normal;font-weight:700}
.wr-conf-score i.is-fired{color:#8b3a2c;background:#f8e6e1}
.wr-conf-ledger{padding:1rem}
.wr-conf-ledger>small{display:block;margin-bottom:.5rem;color:#a3aca7;font-size:.5rem;font-weight:800;letter-spacing:.09em;text-transform:uppercase}
.wr-conf-ledger ol{margin:0;padding:0;list-style:none}
.wr-conf-ledger li{display:grid;grid-template-columns:4.2rem 2.6rem 1fr;gap:.5rem;align-items:baseline;padding:.4rem 0;border-top:1px solid #f4f6f3;font-size:.7rem}
.wr-conf-ledger li:first-child{border-top:0}
.wr-conf-ledger li span{color:#8b948f}
.wr-conf-ledger li b{color:#27332d}
.wr-conf-ledger li em{color:#a3aca7;font-style:normal}
.wr-conf-ledger li.is-fired em{color:#8b3a2c;font-weight:600}
.wr-conf-ledger li.is-muted em{text-decoration:line-through}
.wr-conf-note{margin:.8rem 0 0;padding-top:.7rem;color:#8b948f;border-top:1px solid #f2f4f1;font-size:.7rem!important;line-height:1.55}
.wr-conf-caveat{max-width:76ch;margin:clamp(1.6rem,3vw,2.2rem) auto 0;padding-top:1.1rem;color:#8b948f;border-top:1px solid #e3dbcd;font-size:.82rem;line-height:1.65;text-align:center}
.wr-conf-caveat b{color:#5e6964}
.wr-conf code{padding:.05rem .3rem;background:#f2f4f1;border-radius:4px;font-size:.9em}
.mini-card code{padding:.05rem .3rem;background:#f2f4f1;border-radius:4px;font-size:.88em}
@media(max-width:900px){.wr-conf-body{grid-template-columns:1fr}.wr-conf-math{border-right:0;border-bottom:1px solid #eef0ed}}
.wr-conf-how{display:grid;grid-template-columns:.9fr 1.1fr;gap:clamp(1.6rem,3.5vw,3rem);align-items:center;margin:clamp(2rem,4vw,3rem) 0}
.wr-conf-how-copy h3{margin:.5rem 0 0;font-size:clamp(1.3rem,2.4vw,1.9rem);letter-spacing:-.03em;line-height:1.15}
.wr-conf-how-copy p{margin:.9rem 0 0;color:#5e6964;font-size:.92rem;line-height:1.65}
.wr-conf-canvas{overflow:hidden;background:#fff;border:1px solid #e2e5e2;border-radius:18px;box-shadow:0 26px 60px -36px rgba(20,37,29,.3)}
.wr-conf-canvas-top{display:flex;gap:.6rem;align-items:center;padding:.6rem .8rem;border-bottom:1px solid #eef0ed}
.wr-conf-back{display:grid;place-items:center;width:22px;height:22px;color:#5e6964;background:#f4f6f3;border-radius:7px;font-size:.75rem}
.wr-conf-canvas-top strong{flex:1;font-size:.8rem}
.wr-conf-canvas-top i{padding:.14rem .45rem;color:#6b756f;background:#f2f4f1;border-radius:99px;font-size:.55rem;font-style:normal;font-weight:700}
.wr-conf-nodes{display:grid;grid-template-columns:1fr 1fr;gap:1rem;padding:1.1rem;background-color:#f4f6f4;background-image:radial-gradient(#dde2dd 1px,transparent 1px);background-size:18px 18px}
.wr-conf-node{position:relative;padding:.6rem .7rem .5rem;background:#fff;border:1px solid #e2e5e2;border-radius:12px}
.wr-conf-node.is-trigger{border-color:#a9cbba;box-shadow:0 0 0 3px rgba(61,122,95,.12)}
.wr-conf-node:last-child:before{content:"";position:absolute;top:50%;left:-1rem;width:1rem;height:1px;background:#b9c2bc}
.wr-conf-cat{display:flex;gap:.3rem;align-items:center;color:#3d7a5f;font-size:.5rem;font-weight:800;letter-spacing:.09em;text-transform:uppercase}
.wr-conf-cat:before{content:"";width:5px;height:5px;background:currentColor;border-radius:50%}
.wr-conf-cat.is-comm{color:#4c5cc4}
.wr-conf-node b{display:block;margin-top:.3rem;font-size:.8rem}
.wr-conf-node em{display:block;margin-top:.15rem;color:#7b857f;font-size:.66rem;font-style:normal;line-height:1.4}
.wr-conf-foot{display:block;margin-top:.45rem;padding-top:.4rem;color:#a3aca7;border-top:1px solid #f1f3f0;font-size:.5rem;font-weight:800;letter-spacing:.09em;text-transform:uppercase}
@media(max-width:900px){.wr-conf-how{grid-template-columns:1fr}.wr-conf-nodes{grid-template-columns:1fr}.wr-conf-node:last-child:before{display:none}}
/* The five-view component is reused from benefits/project-management, where it
   is absolutely positioned inside .wr-pm-stage. In the Solutions hero it sits in
   the normal flow of .wr-ao-scene-inner, so that positioning is neutralised. */
.wr-ao-scene-inner .wr-pm-product{position:static;right:auto;bottom:auto;width:100%;max-width:1000px;margin:0 auto;background:#fff;backdrop-filter:none}
.wr-soldb-single{max-width:760px}
.wr-conf-cat.is-task{color:#3d7a5f}
.wr-conf-nodes.is-three{grid-template-columns:1fr}
.wr-conf-nodes.is-three .wr-conf-node:last-child:before,.wr-conf-nodes.is-three .wr-conf-node+.wr-conf-node:before{content:"";position:absolute;top:-1rem;left:1.6rem;width:1px;height:1rem;background:#b9c2bc}
.wr-conf-nodes.is-three .wr-conf-node+.wr-conf-node{margin-top:0}

/* ── Project Budget · Audit tab — built to match the real screen ────────── */
.wr-aud{overflow:hidden;background:#fff;border:1px solid #e2e5e2;border-radius:20px;box-shadow:0 30px 66px -36px rgba(20,37,29,.32);text-align:left}
.wr-aud-tabs{display:flex;flex-wrap:wrap;gap:.8rem;padding:.55rem .9rem;border-bottom:1px solid #f2f4f1;font-size:.6rem}
.wr-aud-tabs span{color:#a3aca7}
.wr-aud-tabs b{padding:.1rem .35rem;color:#27332d;border:1px solid #27332d;border-radius:5px}
.wr-aud-body{padding:.9rem}
.wr-aud-eyebrow{display:block;color:#3d7a5f;font-size:.48rem;font-weight:800;letter-spacing:.09em;text-transform:uppercase}
.wr-aud-title{margin:.15rem 0 .1rem;font-size:1rem;letter-spacing:-.03em}
.wr-aud-sub{margin:0 0 .7rem;color:#8b948f;font-size:.62rem!important;line-height:1.5}
.wr-aud-hero{padding:.8rem;border:1px solid #e8c9c1;border-radius:14px}
.wr-aud-hero-top{display:flex;flex-wrap:wrap;gap:.7rem;justify-content:space-between;align-items:flex-start}
.wr-aud-hero small{display:block;color:#a3aca7;font-size:.46rem;font-weight:800;letter-spacing:.09em;text-transform:uppercase}
.wr-aud-hero-top>div>b{display:block;margin-top:.15rem;font-family:var(--display);font-size:1.15rem;letter-spacing:-.03em}
.wr-aud-hero-nums{display:flex;gap:1.1rem;text-align:right}
.wr-aud-hero-nums b{display:block;margin-top:.15rem;font-family:var(--display);font-size:1.25rem;letter-spacing:-.03em}
.wr-aud .is-risk{color:#b4544a}
.wr-aud .is-ok{color:#2c5c46}
.wr-aud .is-warn{color:#8b6421}
.wr-aud-bars{margin-top:.7rem}
.wr-aud-bars>div{display:grid;grid-template-columns:7.5rem 1fr auto;gap:.6rem;align-items:center;padding:.18rem 0;font-size:.6rem}
.wr-aud-bars span{color:#8b948f}
.wr-aud-bars i{display:block;height:7px;background:#f0f2ef;border-radius:99px}
.wr-aud-bars u{display:block;height:100%;background:#5e6964;border-radius:99px;text-decoration:none}
.wr-aud-bars u.is-paid{background:#e4e7e4}
.wr-aud-bars b{white-space:nowrap}
.wr-aud-rec{margin:.7rem 0 0;padding:.55rem .65rem;color:#8b3a2c;background:#fdf1ee;border-radius:9px;font-size:.62rem!important;line-height:1.5}
.wr-aud-rec b{color:#8b3a2c}
.wr-aud-note{margin:.5rem 0 0;color:#a3aca7;font-size:.55rem!important;line-height:1.5}
.wr-aud-h{margin:1rem 0 .2rem;font-size:.86rem;letter-spacing:-.02em}
.wr-aud-card{margin-bottom:.5rem;padding:.7rem;border:1px solid #eef0ed;border-radius:12px}
.wr-aud-card-head{display:flex;gap:.5rem;align-items:center;margin-bottom:.5rem}
.wr-aud-card-head b{font-size:.78rem}
.wr-aud-card-head i{padding:.1rem .4rem;border-radius:99px;font-size:.5rem;font-style:normal;font-weight:700}
.wr-aud-card-head i.is-ok{color:#2c5c46;background:#e2efe8}
.wr-aud-card-head i.is-risk{color:#8b3a2c;background:#f8e6e1}
.wr-aud-cols{display:grid;grid-template-columns:repeat(4,1fr);gap:.5rem}
.wr-aud-cols small{display:block;color:#a3aca7;font-size:.46rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
.wr-aud-cols b{display:block;margin-top:.12rem;font-family:var(--display);font-size:.95rem;letter-spacing:-.02em}
.wr-aud-cols b.is-sm{font-family:var(--body);font-size:.68rem;font-weight:600}
.wr-aud-cols em{display:block;color:#a3aca7;font-size:.55rem;font-style:normal}
.wr-aud-split{display:grid;grid-template-columns:1fr 1fr;gap:.5rem}
.wr-aud-split section{padding:.65rem;border:1px solid #eef0ed;border-radius:12px}
.wr-aud-split section.is-best{border-color:#cfe0d6}
.wr-aud-split section.is-worst{border-color:#f0d4d0}
.wr-aud-split h5{margin:0 0 .4rem;font-size:.66rem}
.wr-aud-split h5 span{color:#a3aca7;font-size:.52rem;font-weight:400}
.wr-aud-split section>div{display:flex;justify-content:space-between;padding:.22rem 0;border-top:1px solid #f4f6f3;font-size:.64rem}
.wr-aud-split section>div:first-of-type{border-top:0}
.wr-aud-split span{color:#5e6964}
@media(max-width:820px){.wr-aud-cols{grid-template-columns:1fr 1fr}.wr-aud-split{grid-template-columns:1fr}}

/* ── Purchase Orders · vendor view, activity log, payment methods ───────── */
.wr-po-methods{display:grid;gap:.35rem;margin-top:.6rem}
.wr-po-methods>div{padding:.45rem .6rem;background:#fafbf9;border:1px solid #eef0ed;border-radius:9px}
.wr-po-methods b{display:block;font-size:.72rem}
.wr-po-methods em{display:block;color:#8b948f;font-size:.63rem;font-style:normal}

.wr-po-vendor{overflow:hidden;background:#fff;border:1px solid #ebebe8;border-radius:18px;box-shadow:0 30px 66px -36px rgba(20,37,29,.32)}
.wr-po-vendor-head{display:flex;flex-wrap:wrap;gap:1.1rem;align-items:center;padding:.8rem .9rem;border-bottom:1px solid #eef0ed}
.wr-po-vendor-head small,.wr-po-vendor-ship small{display:block;color:#a3aca7;font-size:.48rem;font-weight:800;letter-spacing:.09em;text-transform:uppercase}
.wr-po-vendor-head b{display:block;margin-top:.1rem;font-size:.8rem}
.wr-po-pill.is-ack{margin-left:auto;padding:.22rem .6rem;color:#2c5c46;background:#e2efe8;border-radius:99px;font-size:.58rem;font-style:normal;font-weight:700}
.wr-po-vendor-ship{display:grid;grid-template-columns:1fr 1.4fr;gap:1rem;padding:.8rem .9rem;border-bottom:1px solid #eef0ed}
.wr-po-vendor-ship b{display:block;margin-top:.1rem;font-size:.78rem}
.wr-po-vendor-ship em{display:block;margin-top:.1rem;color:#8b948f;font-size:.66rem;font-style:normal}
.wr-po-vendor-line{display:grid;grid-template-columns:44px 1fr auto;gap:.7rem;align-items:center;padding:.7rem .9rem;border-bottom:1px solid #f4f6f3}
.wr-po-vendor-thumb{width:44px;height:52px;background:#d9cfc0;border-radius:6px}
.wr-po-vendor-thumb.is-alt{background:#8b6a52}
.wr-po-vendor-line b{display:block;font-size:.76rem}
.wr-po-vendor-line em{display:block;margin-top:.12rem;color:#8b948f;font-size:.64rem;font-style:normal;line-height:1.4}
.wr-po-vendor-nums{display:grid;gap:.15rem;font-size:.62rem;text-align:right;white-space:nowrap}
.wr-po-vendor-nums span{color:#8b948f}
.wr-po-vendor-nums b{display:inline;color:#27332d}
.wr-po-vendor-foot{display:flex;flex-wrap:wrap;gap:1rem;justify-content:flex-end;padding:.75rem .9rem;color:#8b948f;background:#1d3028;font-size:.64rem}
.wr-po-vendor-foot b{color:#fff}
.wr-po-vendor-foot .is-total b{font-family:var(--display);font-size:1rem}

.wr-po-activity{overflow:hidden;background:#fff;border:1px solid #ebebe8;border-radius:18px;box-shadow:0 30px 66px -36px rgba(20,37,29,.32)}
.wr-po-activity-tabs{display:flex;gap:1rem;padding:.7rem .9rem;border-bottom:1px solid #eef0ed;font-size:.7rem}
.wr-po-activity-tabs span{color:#a3aca7}
.wr-po-activity-tabs b{color:#3d7a5f}
.wr-po-activity-log{margin:0;padding:.6rem .9rem .9rem;list-style:none}
.wr-po-activity-log li{position:relative;display:grid;grid-template-columns:26px 1fr;gap:.6rem;padding:.6rem 0}
.wr-po-activity-log li:not(:last-child):after{content:"";position:absolute;top:2.1rem;left:12px;width:1px;height:calc(100% - 1.4rem);background:#e4e7e4}
.wr-po-activity-log i{display:grid;place-items:center;width:26px;height:26px;color:#2c5c46;background:#e8efea;border-radius:50%;font-size:.7rem;font-style:normal}
.wr-po-activity-log b{font-size:.74rem}
.wr-po-activity-log em{margin-left:.4rem;color:#a3aca7;font-size:.64rem;font-style:normal}
.wr-po-activity-log p{margin:.15rem 0 0;color:#5e6964;font-size:.72rem;line-height:1.45}
@media(max-width:760px){.wr-po-vendor-ship{grid-template-columns:1fr}.wr-po-vendor-line{grid-template-columns:36px 1fr}.wr-po-vendor-nums{grid-column:1/-1;grid-auto-flow:column;justify-content:start;gap:.9rem;text-align:left}}

/* ── Purchase Orders · report, payment modal and installation report ──────
   These three components shipped without any CSS, so the sections rendered as
   unstyled markup. Built here to the same language as the rest of the page. */
.wr-po-rep,.wr-po-inst{overflow:hidden;background:#fff;border:1px solid #ebebe8;border-radius:20px;box-shadow:0 30px 66px -36px rgba(20,37,29,.3);text-align:left}
.wr-po-rep-head,.wr-po-inst-head{display:flex;flex-wrap:wrap;gap:.6rem;align-items:center;padding:.8rem .9rem;border-bottom:1px solid #eef0ed}
.wr-po-rep-head>div,.wr-po-inst-head>div{flex:1;min-width:0}
.wr-po-rep-head strong,.wr-po-inst-head strong{display:block;font-size:.86rem}
.wr-po-rep-head span,.wr-po-inst-head span{display:block;color:#8b948f;font-size:.66rem}
.wr-po-rep-head b,.wr-po-inst-head b{padding:.34rem .7rem;color:#fff;background:#1d3028;border-radius:9px;font-size:.62rem;font-weight:700;white-space:nowrap}
.wr-po-rep-head i,.wr-po-inst-head i{padding:.34rem .7rem;color:#5e6964;border:1px solid #e4e7e4;border-radius:9px;font-size:.62rem;font-style:normal;white-space:nowrap}

.wr-po-rep-kpis,.wr-po-inst-kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem;padding:.8rem .9rem 0}
.wr-po-inst-kpis{grid-template-columns:repeat(4,1fr)}
.wr-po-rep-kpis>div,.wr-po-inst-kpis>div{padding:.6rem .65rem;background:#fafbf9;border:1px solid #eef0ed;border-radius:12px}
.wr-po-rep-kpis>div.is-warn,.wr-po-inst-kpis>div.is-hot{background:#fdf4f1;border-color:#f2ddd6}
.wr-po-inst-kpis>div.is-good{background:#f4f9f6;border-color:#cfe0d6}
.wr-po-rep-kpis small,.wr-po-inst-kpis small{display:block;color:#a3aca7;font-size:.46rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
.wr-po-rep-kpis b,.wr-po-inst-kpis b{display:block;margin-top:.15rem;font-family:var(--display);font-size:1.1rem;letter-spacing:-.03em}
.wr-po-rep-kpis em,.wr-po-inst-kpis em{display:block;color:#8b948f;font-size:.58rem;font-style:normal}

.wr-po-alerts{display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem;padding:.6rem .9rem 0}
.wr-po-alerts article{position:relative;padding:.6rem .65rem;background:#fafbf9;border:1px solid #eef0ed;border-radius:12px}
.wr-po-alerts article.is-mid{background:#fdfaf3;border-color:#f0e6cf}
.wr-po-alerts article.is-hot{background:#fdf4f1;border-color:#f2ddd6}
.wr-po-alerts span{display:block;font-size:.68rem;font-weight:700}
.wr-po-alerts p{margin:.15rem 0 0;color:#8b948f;font-size:.6rem;line-height:1.4}
.wr-po-alerts>article>b{position:absolute;top:.5rem;right:.6rem;font-family:var(--display);font-size:1.05rem}
.wr-po-alerts i{display:block;margin-top:.35rem;color:#3d7a5f;font-size:.56rem;font-style:normal;font-weight:600}

.wr-po-tabs{display:flex;flex-wrap:wrap;gap:.3rem;padding:.8rem .9rem 0}
.wr-po-tabs span{padding:.24rem .55rem;color:#6b756f;background:#f4f6f3;border-radius:99px;font-size:.62rem}
.wr-po-tabs span.is-on{color:#fff;background:#1d3028}
.wr-po-tabs b{margin-left:.25rem}

.wr-po-rep-row{display:grid;grid-template-columns:6.5rem 1fr 6rem 3rem 6rem 5.5rem 5.5rem;gap:.5rem;align-items:center;padding:.42rem .9rem;border-top:1px solid #f4f6f3;font-size:.66rem}
.wr-po-rep-row--head{margin-top:.5rem;color:#a3aca7;background:#fafbf9;border-top:1px solid #eef0ed;font-size:.5rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase}
.wr-po-rep-row .is-num,.wr-po-inst-row .is-num{text-align:right}
.wr-po-inst-room{margin-top:.6rem;padding:.4rem .9rem;color:#5e6964;background:#fafbf9;border-top:1px solid #eef0ed;border-bottom:1px solid #eef0ed;font-size:.66rem;font-weight:700}
.wr-po-inst-room i{margin-left:.4rem;color:#a3aca7;font-style:normal;font-weight:400}
.wr-po-inst-row{display:grid;grid-template-columns:3.4rem 1fr 5rem 5.5rem 6rem 4.5rem 5.5rem;gap:.5rem;align-items:center;padding:.42rem .9rem;border-top:1px solid #f4f6f3;font-size:.66rem}
.wr-po-inst-row--head{color:#a3aca7;background:#fafbf9;font-size:.5rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase}
.wr-po-inst-row .is-off{color:#a3aca7}

.wr-po-pill{display:inline-block;padding:.12rem .42rem;color:#5e6964;background:#f2f4f1;border-radius:99px;font-size:.56rem;font-style:normal;font-weight:700;white-space:nowrap}
.wr-po-pill.is-ok{color:#2c5c46;background:#e2efe8}
.wr-po-pill.is-no{color:#8b3a2c;background:#f8e6e1}
.wr-po-pill.is-dark{color:#fff;background:#1d3028}

.wr-po-pay-sec{display:grid;grid-template-columns:1fr 1fr;gap:clamp(1.6rem,4vw,3.2rem);align-items:center}
.wr-po-pay-copy .section-head{margin-bottom:1rem}
.wr-po-list{margin:0;padding:0;list-style:none}
.wr-po-list li{position:relative;padding:.55rem 0 .55rem 1.15rem;color:#5e6964;border-top:1px solid #ebebe8;font-size:.86rem;line-height:1.55}
.wr-po-list li:first-child{border-top:0}
.wr-po-list li:before{content:"";position:absolute;top:1.1rem;left:0;width:5px;height:5px;background:#3d7a5f;border-radius:50%}
.wr-po-list b{color:#27332d}

.wr-po-modal{overflow:hidden;background:#fff;border:1px solid #ebebe8;border-radius:18px;box-shadow:0 30px 66px -36px rgba(20,37,29,.32)}
.wr-po-modal-head{display:flex;justify-content:space-between;align-items:center;padding:.75rem .9rem;border-bottom:1px solid #eef0ed}
.wr-po-modal-head strong{font-size:.82rem}
.wr-po-modal-head span{color:#a3aca7;font-size:.66rem}
.wr-po-modal-vendor{padding:.6rem .9rem;border-bottom:1px solid #f4f6f3}
.wr-po-modal-vendor small{display:block;color:#a3aca7;font-size:.46rem;font-weight:800;letter-spacing:.09em;text-transform:uppercase}
.wr-po-modal-vendor b{font-size:.78rem}
.wr-po-modal-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:.5rem;padding:.7rem .9rem}
.wr-po-modal-grid small{display:block;margin-bottom:.15rem;color:#a3aca7;font-size:.46rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
.wr-po-modal-grid b{font-size:.76rem}
.wr-po-modal-fin{padding:.2rem .9rem .8rem}
.wr-po-modal-fin>small{display:block;margin-bottom:.3rem;color:#a3aca7;font-size:.46rem;font-weight:800;letter-spacing:.09em;text-transform:uppercase}
.wr-po-bar{height:7px;overflow:hidden;background:#f0f2ef;border-radius:99px}
.wr-po-bar i{display:block;height:100%;background:#3d7a5f;border-radius:99px}
.wr-po-fin-row{display:flex;justify-content:space-between;margin-top:.35rem;font-size:.68rem}
.wr-po-pay-btn{display:block;margin-top:.6rem;padding:.5rem;color:#fff;background:#3d7a5f;border-radius:9px;font-size:.7rem;font-weight:700;text-align:center}
.wr-po-modal-items{padding:0 .9rem}
.wr-po-item-head,.wr-po-item-row{display:grid;grid-template-columns:1fr 4rem 4.4rem 4.4rem 5rem;gap:.4rem;padding:.4rem 0;border-top:1px solid #f4f6f3;font-size:.64rem}
.wr-po-item-head{color:#a3aca7;font-size:.48rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase}
.wr-po-modal-hist{padding:.6rem .9rem .9rem}
.wr-po-modal-hist small{display:block;margin-bottom:.2rem;color:#a3aca7;font-size:.46rem;font-weight:800;letter-spacing:.09em;text-transform:uppercase}
.wr-po-modal-hist p{margin:0;color:#8b948f;font-size:.68rem}
.wr-po-note{margin:1rem 0 0;color:#8b948f;font-size:.8rem;line-height:1.6}

@media(max-width:1000px){
  .wr-po-pay-sec{grid-template-columns:1fr}
  .wr-po-rep,.wr-po-inst{overflow-x:auto}
  .wr-po-rep-row,.wr-po-inst-row{min-width:760px}
  .wr-po-alerts,.wr-po-rep-kpis{grid-template-columns:1fr}
  .wr-po-inst-kpis{grid-template-columns:1fr 1fr}
  .wr-po-modal-grid{grid-template-columns:1fr 1fr}
}
.wr-po-vendor-thumb{display:block;overflow:hidden;background:#f2f4f1}
.wr-po-vendor-thumb img{display:block;width:100%;height:100%;object-fit:contain}

/* ── Solutions · Principals & Owners ────────────────────────────────────── */
.wr-solpr-hero{padding:clamp(5rem,9vw,8rem) 0 clamp(3rem,6vw,5rem);background:#f3eee6;text-align:center}
.wr-solpr-hero .container{max-width:1180px}
.wr-solpr-hero h1{max-width:1000px;margin:1rem auto 0;font-size:clamp(2.3rem,4.6vw,4.3rem);line-height:.96;letter-spacing:-.06em}
.wr-solpr-hero h1 em{color:#3d7a5f;font-style:normal}
.wr-solpr-hero .lead{max-width:840px;margin:1.8rem auto 0;color:#5e6964;font-size:clamp(1rem,1.5vw,1.2rem);line-height:1.65}
.wr-solpr-hero .hero-actions{justify-content:center;margin:1.8rem 0 0}
/* the utilization panel is a tab panel at home; standing alone it needs a frame */
.wr-solpr-util{overflow:hidden;background:#fff;border:1px solid #ebebe8;border-radius:20px;box-shadow:0 30px 66px -34px rgba(20,37,29,.32)}
.wr-soldd-hero{padding:clamp(5rem,9vw,8rem) 0 clamp(3rem,6vw,5rem);background:#f3eee6;text-align:center}
.wr-soldd-hero .container{max-width:1180px}
.wr-soldd-hero h1{max-width:1000px;margin:1rem auto 0;font-size:clamp(2.3rem,4.6vw,4.3rem);line-height:.96;letter-spacing:-.06em}
.wr-soldd-hero h1 em{color:#3d7a5f;font-style:normal}
.wr-soldd-hero .lead{max-width:840px;margin:1.8rem auto 0;color:#5e6964;font-size:clamp(1rem,1.5vw,1.2rem);line-height:1.65}
.wr-soldd-hero .hero-actions{justify-content:center;margin:1.8rem 0 0}
/* the confidence figure sits in a narrower column here than on its home page */
.split-media .wr-conf{max-width:none;margin:0}
.split-media .wr-conf-body{grid-template-columns:1fr}
.split-media .wr-conf-math{border-right:0;border-bottom:1px solid #eef0ed}
.wr-solpu-hero{padding:clamp(5rem,9vw,8rem) 0 clamp(3rem,6vw,5rem);background:#f3eee6;text-align:center}
.wr-solpu-hero .container{max-width:1180px}
.wr-solpu-hero h1{max-width:1000px;margin:1rem auto 0;font-size:clamp(2.3rem,4.6vw,4.3rem);line-height:.96;letter-spacing:-.06em}
.wr-solpu-hero h1 em{color:#3d7a5f;font-style:normal}
.wr-solpu-hero .lead{max-width:840px;margin:1.8rem auto 0;color:#5e6964;font-size:clamp(1rem,1.5vw,1.2rem);line-height:1.65}
.wr-solpu-hero .hero-actions{justify-content:center;margin:1.8rem 0 0}
/* the PO report and installation report are full-width at home; here they share a column */
.split-media .wr-po-rep,.split-media .wr-po-inst{overflow-x:auto}
.split-media .wr-po-rep-row,.split-media .wr-po-inst-row{min-width:660px}
.wr-solfi-hero{padding:clamp(5rem,9vw,8rem) 0 clamp(3rem,6vw,5rem);background:#f3eee6;text-align:center}
.wr-solfi-hero .container{max-width:1180px}
.wr-solfi-hero h1{max-width:1000px;margin:1rem auto 0;font-size:clamp(2.3rem,4.6vw,4.3rem);line-height:.96;letter-spacing:-.06em}
.wr-solfi-hero h1 em{color:#3d7a5f;font-style:normal}
.wr-solfi-hero .lead{max-width:850px;margin:1.8rem auto 0;color:#5e6964;font-size:clamp(1rem,1.5vw,1.2rem);line-height:1.65}
.wr-solfi-hero .hero-actions{justify-content:center;margin:1.8rem 0 0}
.wr-ao-scene-inner .wr-qb-window{max-width:1000px;margin:0 auto}

/* ── Solutions · case-study block ───────────────────────────────────────── */
.wr-case{display:grid;grid-template-columns:140px 1fr;gap:clamp(1.4rem,3vw,2.4rem);align-items:center;max-width:900px;margin:0 auto;padding:clamp(1.6rem,3vw,2.4rem);background:#fff;border:1px solid #ebebe8;border-radius:24px;box-shadow:0 30px 66px -40px rgba(20,37,29,.28)}
.wr-case-photo{display:block;width:140px;height:140px;object-fit:cover;border-radius:50%}
.wr-case-tag{display:block;color:#3d7a5f;font-size:.6rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase}
.wr-case-stars{display:flex;gap:.15rem;margin-top:.5rem;color:#c9a227}
.wr-case-stars svg{width:15px;height:15px}
.wr-case blockquote{margin:.7rem 0 0;font-family:var(--display);font-size:clamp(1.05rem,1.9vw,1.35rem);letter-spacing:-.02em;line-height:1.4}
.wr-case-who{margin-top:.9rem}
.wr-case-who strong{display:block;font-size:.86rem}
.wr-case-who span{display:block;color:#8b948f;font-size:.74rem}
.wr-case-body .text-link{display:inline-block;margin-top:.8rem}
.wr-case-alt{max-width:62ch;margin:1.4rem auto 0;color:rgba(255,255,255,.72);font-size:.82rem;line-height:1.65}
.wr-case-alt a{color:#fff;text-decoration:underline;text-underline-offset:2px}
.wr-case-sib{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center;align-items:baseline;margin:1.4rem auto 0;padding-top:1.2rem;border-top:1px solid rgba(255,255,255,.16)}
.wr-case-sib span{color:rgba(255,255,255,.5);font-size:.7rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}
@media(max-width:700px){
  .wr-case{grid-template-columns:1fr;text-align:center}
  .wr-case-photo{margin:0 auto}
  .wr-case-stars{justify-content:center}
}

/* ── Bills list — built to match the real screen ────────────────────────── */
.wr-bl{overflow:hidden;background:#fff;border:1px solid #e2e5e2;border-radius:20px;box-shadow:0 30px 66px -36px rgba(20,37,29,.3);text-align:left}
.wr-bl-head{display:flex;flex-wrap:wrap;gap:.6rem;align-items:center;padding:.7rem .85rem;border-bottom:1px solid #eef0ed}
.wr-bl-head strong{font-size:.95rem}
.wr-bl-tabs{display:flex;flex-wrap:wrap;gap:.2rem;flex:1}
.wr-bl-tabs i{padding:.2rem .5rem;color:#6b756f;border-radius:99px;font-size:.6rem;font-style:normal}
.wr-bl-tabs i.is-on{color:#fff;background:#1d3028;font-weight:700}
.wr-bl-head b{padding:.3rem .6rem;color:#fff;background:#3d7a5f;border-radius:8px;font-size:.6rem;white-space:nowrap}
.wr-bl-filters{display:flex;flex-wrap:wrap;gap:.7rem;align-items:center;padding:.6rem .85rem;background:#fafbf9;border-bottom:1px solid #eef0ed;font-size:.6rem}
.wr-bl-filters span{color:#8b948f}
.wr-bl-filters u{margin-left:.3rem;padding:.16rem .4rem;color:#4f5a54;background:#fff;border:1px solid #e4e7e4;border-radius:6px;text-decoration:none}
.wr-bl-filters em{margin-left:auto;color:#a3aca7;font-style:normal}
.wr-bl-kpis{display:grid;grid-template-columns:repeat(5,1fr);border-bottom:1px solid #eef0ed}
.wr-bl-kpis>div{padding:.6rem .7rem;border-left:1px solid #f2f4f1}
.wr-bl-kpis>div:first-child{border-left:0}
.wr-bl-kpis small{display:block;color:#a3aca7;font-size:.45rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
.wr-bl-kpis b{display:block;margin-top:.15rem;font-family:var(--display);font-size:1rem;letter-spacing:-.03em}
.wr-bl-kpis b.is-ok{color:#2c5c46}
.wr-bl-kpis b.is-risk{color:#b4544a}
.wr-bl-row{display:grid;grid-template-columns:4.4rem 4.6rem 1fr 6.4rem 4rem 5.6rem 4.6rem 3.8rem 4.6rem;gap:.4rem;align-items:center;padding:.42rem .85rem;border-top:1px solid #f4f6f3;font-size:.62rem}
.wr-bl-row--head{color:#a3aca7;background:#fafbf9;border-top:0;font-size:.46rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase}
.wr-bl-row .is-num{text-align:right}
.wr-bl-pool{padding:.1rem .34rem;color:#2c5c46;background:#e8efea;border-radius:5px;font-size:.52rem;font-weight:700;text-decoration:none}
.wr-bl-pill{padding:.1rem .36rem;border-radius:99px;font-size:.52rem;font-style:normal;font-weight:700;white-space:nowrap}
.wr-bl-pill.is-ok{color:#3d5b8f;background:#e6ecf7}
.wr-bl-pill.is-wait{color:#8b6421;background:#f8f0dd}
.wr-bl-pill.is-paid{color:#fff;background:#2c5c46}
@media(max-width:1000px){.wr-bl{overflow-x:auto}.wr-bl-row{min-width:720px}.wr-bl-kpis{grid-template-columns:1fr 1fr}}
/* structural wrappers — declared so the unstyled-component check stays meaningful */
.wr-bl-table{display:block}
.wr-case-sec{position:relative}

/* ── Trusted-by marquee ──────────────────────────────────────────────────
   Two identical tracks scroll as one and the animation translates by exactly
   half the pair, so the loop has no seam. Logos arrive at wildly different
   aspect ratios (14:1 to 1:1), so each is boxed and optically sized rather
   than set to a single height. */
.wr-proof{padding:clamp(2.2rem,4vw,3.2rem) 0}
.wr-proof-lead{margin:0 0 1.4rem;color:#a3aca7;font-size:.68rem;font-weight:700;letter-spacing:.14em;text-align:center;text-transform:uppercase}
.wr-proof-strip{display:flex;width:100%;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}
.wr-proof-track{display:flex;flex:0 0 auto;align-items:center;margin:0;padding:0;list-style:none;animation:wr-proof-scroll 64s linear infinite;will-change:transform}
.wr-proof-strip:hover .wr-proof-track{animation-play-state:paused}
/* spacing is a right margin on every item, never a flex gap — with a gap the
   two halves are separated by one extra gap and -50% lands half a gap early,
   which is the stutter you see at the seam */
@keyframes wr-proof-scroll{from{transform:translateX(0)}to{transform:translateX(-50%)}}
.wr-proof-track li{display:grid;flex:0 0 auto;place-items:center;width:132px;height:56px;margin-right:clamp(2.4rem,5vw,4.5rem);overflow:hidden}
.wr-proof-track img{display:block;max-width:100%;max-height:40px;object-fit:contain;opacity:.5;filter:grayscale(1);transition:opacity .3s ease,filter .3s ease}
.wr-proof-track li:hover img{opacity:1;filter:grayscale(0)}
/* optical balance — a 14:1 wordmark and a 1:1 tile cannot share one height,
   and every cap is in px so nothing can outgrow its box and clip */
.wr-proof-track li.is-wide{width:168px}
.wr-proof-track li.is-wide img{max-height:24px}
.wr-proof-track li.is-tall{width:92px}
.wr-proof-track li.is-tall img{max-height:50px}
/* white-on-black lockup — inverted so the mark reads as ink beside the rest */
.wr-proof-track li.is-tile{width:60px}
.wr-proof-track li.is-tile img{max-height:46px;filter:grayscale(1) invert(1)}
.wr-proof-track li.is-tile:hover img{filter:invert(1)}
@media(prefers-reduced-motion:reduce){
  .wr-proof-track{animation:none;flex-wrap:wrap;justify-content:center;row-gap:1.6rem}
  .wr-proof-track li[aria-hidden="true"]{display:none}
  .wr-proof-strip{-webkit-mask-image:none;mask-image:none}
}
@media(max-width:700px){.wr-proof-track li{width:108px;height:48px}.wr-proof-track img{max-height:34px}}
.wr-solres-hero{padding:clamp(5rem,9vw,8rem) 0 clamp(3rem,6vw,5rem);background:#f3eee6;text-align:center}
.wr-solres-hero .container{max-width:1180px}
.wr-solres-hero h1{max-width:1000px;margin:1rem auto 0;font-size:clamp(2.3rem,4.6vw,4.3rem);line-height:.96;letter-spacing:-.06em}
.wr-solres-hero h1 em{color:#3d7a5f;font-style:normal}
.wr-solres-hero .lead{max-width:850px;margin:1.8rem auto 0;color:#5e6964;font-size:clamp(1rem,1.5vw,1.2rem);line-height:1.65}
.wr-solres-hero .hero-actions{justify-content:center;margin:1.8rem 0 0}
.wr-solres-page{}
/* the products window is full-bleed at home; here it sits in the hero scene */
.wr-ao-scene-inner .wr-sr-stage{margin:0}
.split-media .wr-retainer-ledger-ui,.split-media .wr-bud{max-width:none}

/* ── Purchase Orders list — built to match the real screen ──────────────── */
.wr-pol{overflow:hidden;background:#fff;border:1px solid #e2e5e2;border-radius:20px;box-shadow:0 30px 66px -36px rgba(20,37,29,.3);text-align:left}
.wr-pol-head{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center;padding:.7rem .85rem;border-bottom:1px solid #eef0ed}
.wr-pol-head strong{display:block;font-size:.92rem}
.wr-pol-head>div span{display:block;color:#8b948f;font-size:.6rem}
.wr-pol-tabs{display:flex;gap:.2rem}
.wr-pol-tabs i{padding:.2rem .5rem;color:#6b756f;border-radius:99px;font-size:.6rem;font-style:normal}
.wr-pol-tabs i.is-on{color:#fff;background:#3d7a5f;font-weight:700}
.wr-pol-search{flex:1;min-width:120px;padding:.26rem .5rem;color:#b0b8b4;background:#fafbf9;border:1px solid #eef0ed;border-radius:99px;font-size:.58rem}
.wr-pol-head b{padding:.3rem .6rem;color:#fff;background:#2c5c46;border-radius:8px;font-size:.6rem;white-space:nowrap}
.wr-pol-filters{display:flex;flex-wrap:wrap;gap:.7rem;align-items:center;padding:.55rem .85rem;background:#fafbf9;border-bottom:1px solid #eef0ed;font-size:.58rem}
.wr-pol-filters span{color:#8b948f}
.wr-pol-filters u{margin-left:.28rem;padding:.14rem .4rem;color:#4f5a54;background:#fff;border:1px solid #e4e7e4;border-radius:6px;text-decoration:none}
.wr-pol-filters u.is-set{color:#2c5c46;background:#e8efea;border-color:#cfe0d6;font-weight:700}
.wr-pol-filters em{margin-left:auto;color:#a3aca7;font-style:normal;white-space:nowrap}
.wr-pol-row{display:grid;grid-template-columns:6.2rem 5.2rem 1fr 5rem 6rem 6rem 2.4rem 2.8rem;gap:.4rem;align-items:center;padding:.42rem .85rem;border-top:1px solid #f4f6f3;font-size:.62rem}
.wr-pol-row--head{color:#a3aca7;background:#fafbf9;border-top:0;font-size:.46rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase}
.wr-pol-row .is-num{text-align:right}
.wr-pol-row small{display:block;color:#a3aca7;font-size:.54rem}
.wr-pol-mark{color:#a3aca7;text-align:center}
.wr-pol-pill{padding:.1rem .36rem;border-radius:99px;font-size:.52rem;font-style:normal;font-weight:700;white-space:nowrap}
.wr-pol-pill.is-draft{color:#5e6964;background:#f2f4f1}
.wr-pol-pill.is-sent{color:#3d5b8f;background:#e6ecf7}
.wr-pol-pill.is-ack{color:#2c5c46;background:#e2efe8}
.wr-pol-pill.is-paid{color:#fff;background:#2c5c46}
.wr-pol-pill.is-void{color:#8b3a2c;background:#f8e6e1}
.wr-pol-note{margin:0;padding:.6rem .85rem;color:#8b948f;background:#fafbf9;border-top:1px solid #eef0ed;font-size:.62rem}
@media(max-width:1000px){.wr-pol{overflow-x:auto}.wr-pol-row{min-width:720px}}
.wr-pol-table{display:block}
.wr-solsp-hero{padding:clamp(5rem,9vw,8rem) 0 clamp(3rem,6vw,5rem);background:#f3eee6;text-align:center}
.wr-solsp-hero .container{max-width:1180px}
.wr-solsp-hero h1{max-width:1000px;margin:1rem auto 0;font-size:clamp(2.3rem,4.6vw,4.3rem);line-height:.96;letter-spacing:-.06em}
.wr-solsp-hero h1 em{color:#3d7a5f;font-style:normal}
.wr-solsp-hero .lead{max-width:850px;margin:1.8rem auto 0;color:#5e6964;font-size:clamp(1rem,1.5vw,1.2rem);line-height:1.65}
.wr-solsp-hero .hero-actions{justify-content:center;margin:1.8rem 0 0}
.wr-pol-note b{color:#8b3a2c}

/* ─── Design fees ──────────────────────────────────────────────────────────
   The Budget → Design Fee tab and the Edit billing group modal, built to the
   real screens. Three billing types share one schedule, so each section owns
   its own column template rather than forcing one grid to fit all three. */
.wr-df-hero{padding:clamp(5rem,9vw,8rem) 0 clamp(3rem,6vw,5rem);background:#f3eee6;text-align:center}
.wr-df-hero .container{max-width:1180px}
.wr-df-hero h1{max-width:1000px;margin:1rem auto 0;font-size:clamp(2.4rem,4.8vw,4.5rem);line-height:.94;letter-spacing:-.065em}
.wr-df-hero h1 em{color:#3d7a5f;font-style:normal}
.wr-df-hero .lead{max-width:860px;margin:1.8rem auto 0;color:#5e6964;font-size:clamp(1rem,1.5vw,1.2rem);line-height:1.65}
.wr-df-hero .hero-actions{justify-content:center;margin:1.8rem 0 0}

.wr-df-stage{margin-top:clamp(2.5rem,5vw,4rem);text-align:left}
.wr-df-cap{max-width:62ch;margin:1.1rem auto 0;color:#7b857f;font-size:.8rem;line-height:1.6;text-align:center}
.wr-df-sched{overflow:hidden;background:#fff;border:1px solid #ebebe8;border-radius:26px;box-shadow:0 34px 80px -40px rgba(20,37,29,.42)}

.wr-df-head{display:flex;align-items:flex-start;gap:1rem;padding:18px 22px;border-bottom:1px solid #eef0ed}
.wr-df-head>div{flex:1}
.wr-df-head strong{display:block;font-size:.95rem}
.wr-df-head span{display:block;max-width:78ch;margin-top:.3rem;color:#7b857f;font-size:.66rem;line-height:1.55}
.wr-df-btn{align-self:center;padding:.45rem .75rem;color:#3f4a44;border:1px solid #e2e5e2;border-radius:9px;font-size:.62rem;white-space:nowrap}
.wr-df-head>b{align-self:center;padding:.5rem .8rem;color:#fff;background:#3d7a5f;border-radius:9px;font-size:.62rem;white-space:nowrap}

.wr-df-kpis{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;padding:16px 22px;background:#fafbfa;border-bottom:1px solid #eef0ed}
.wr-df-kpis>div{padding:.85rem .9rem;background:#fff;border:1px solid #eceeec;border-radius:14px}
.wr-df-kpis small{display:block;color:#8b948f;font-size:.55rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase}
.wr-df-kpis strong{display:block;margin-top:.35rem;font-size:1.35rem;letter-spacing:-.03em}
.wr-df-kpis em{display:block;margin-top:.3rem;color:#8b948f;font-size:.6rem;font-style:normal;line-height:1.5}
.wr-df-kpis em i{font-style:normal}
.wr-df-kpis>.is-good{background:#eef5f1;border-color:#d9e7e0}
.wr-df-kpis>.is-good strong{color:#3d7a5f}
.wr-df-kpis>.is-warn{background:#fdf0ef;border-color:#f4dad7}
.wr-df-kpis>.is-warn strong,.wr-df-kpis>.is-warn em i{color:#b4443a}
.wr-df-kpis>div:nth-child(2) em i{color:#b4443a}

.wr-df-scroll{overflow-x:auto;padding:18px 22px 22px}
.wr-df-sec{margin-bottom:14px;padding-left:4px;border-left:3px solid #cfd6d2;border-radius:3px}
.wr-df-sec:last-child{margin-bottom:0}
.wr-df-sec.is-flat{border-left-color:#5b86c9}
.wr-df-sec.is-hourly{border-left-color:#a86fc4}
.wr-df-sec.is-sqft{border-left-color:#d9a05b}
.wr-df-sec-head{display:flex;align-items:center;gap:.45rem;padding:.55rem .7rem}
.wr-df-kind{color:#3f4a44;font-size:.66rem;font-weight:700;letter-spacing:.11em;text-transform:uppercase}
.wr-df-sec.is-flat .wr-df-kind{color:#3f6bb0}
.wr-df-sec.is-hourly .wr-df-kind{color:#8c53a8}
.wr-df-sec.is-sqft .wr-df-kind{color:#b07c33}
.wr-df-tag{padding:.16rem .42rem;border-radius:5px;font-size:.55rem;font-style:normal;font-weight:600}
.wr-df-tag.is-a{color:#3f6bb0;background:#e6eefb}
.wr-df-tag.is-b{color:#2f3f6b;background:#dfe4f4}
.wr-df-tag.is-c{color:#2f7350;background:#dff1e7}
.wr-df-tag.is-d{color:#2f4f6b;background:#e0ecf4}
.wr-df-tag.is-e{color:#8a6420;background:#f7ecd6}
.wr-df-sec-head em{margin-left:auto;color:#8b948f;font-size:.6rem;font-style:normal;white-space:nowrap}
.wr-df-sec-head em b{color:#1e1e1e}

.wr-df-tbl{min-width:760px}
.wr-df-row{display:grid;align-items:center;gap:.5rem;padding:.5rem .7rem;border-top:1px solid #f2f4f1;font-size:.63rem}
.wr-df-tbl--flat .wr-df-row{grid-template-columns:1.9fr repeat(9,.72fr)}
.wr-df-tbl--hourly .wr-df-row{grid-template-columns:1.9fr .55fr .7fr .7fr .6fr .65fr .9fr .7fr .8fr .7fr}
.wr-df-tbl--sqft .wr-df-row{grid-template-columns:1.4fr .7fr .95fr .55fr .95fr .6fr .65fr .7fr .8fr .7fr}
.wr-df-row--head{border-top:0;color:#98a19c;font-size:.53rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase}
.wr-df-row .is-num{text-align:right}
.wr-df-row span{color:#5e6964;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.wr-df-row b{color:#1e1e1e;font-weight:600}
.wr-df-row u{margin-right:.3rem;color:#a3aca7;text-decoration:none;font-size:.55rem}
.wr-df-row.is-l2>span:first-child{padding-left:1.1rem}
.wr-df-row.is-l3>span:first-child{padding-left:2.2rem;color:#98a19c}
.wr-df-row.is-total{background:#fafbfa;border-top:1px solid #e6e9e6;font-weight:600}
.wr-df-row.is-total>span:first-child{color:#3f4a44;font-size:.55rem;letter-spacing:.06em;text-transform:uppercase}
.wr-df-bar{display:block;height:5px;background:#eef0ed;border-radius:3px}
.wr-df-bar u{display:block;height:100%;background:#3d7a5f;border-radius:3px}
.wr-df-row small{margin-left:.35rem;color:#98a19c;font-size:.55rem}
.wr-df-row>span:has(.wr-df-bar){display:flex;align-items:center;gap:.35rem}
.wr-df-row>span:has(.wr-df-bar) .wr-df-bar{flex:1}

/* Edit billing group */
.wr-df-modal{overflow:hidden;background:#fff;border:1px solid #e2e5e2;border-radius:20px;box-shadow:0 30px 66px -36px rgba(20,37,29,.32);text-align:left}
.wr-df-modal-head{padding:14px 18px;border-bottom:1px solid #eef0ed}
.wr-df-modal-head strong{display:block;font-size:.85rem}
.wr-df-modal-head span{display:block;margin-top:.15rem;color:#8b948f;font-size:.62rem}
.wr-df-modal-body{display:grid;grid-template-columns:.85fr 1.15fr;gap:16px;padding:16px 18px}
.wr-df-lbl{display:block;margin:.7rem 0 .3rem;color:#8b948f;font-size:.53rem;font-weight:700;letter-spacing:.09em;text-transform:uppercase}
.wr-df-lbl:first-child{margin-top:0}
.wr-df-lbl em{font-style:normal;font-weight:500;text-transform:none;letter-spacing:0}
.wr-df-input{display:flex;align-items:center;gap:.3rem;min-height:30px;padding:.4rem .6rem;color:#1e1e1e;background:#fff;border:1px solid #dfe3e0;border-radius:8px;font-size:.7rem}
.wr-df-input i{color:#98a19c;font-style:normal}
.wr-df-input b{margin-left:auto;color:#98a19c;font-weight:500;font-size:.62rem}
.wr-df-input.is-sel::after{margin-left:auto;color:#98a19c;content:"\25be"}
.wr-df-opt{display:flex;gap:.55rem;margin-top:.45rem;padding:.55rem .65rem;border:1px solid #e6e9e6;border-radius:10px}
.wr-df-opt.is-on{background:#f2f8f4;border-color:#3d7a5f}
.wr-df-opt i{flex:0 0 12px;height:12px;margin-top:.15rem;border:1.5px solid #cfd6d2;border-radius:50%}
.wr-df-opt.is-on i{border-color:#3d7a5f;box-shadow:inset 0 0 0 2.5px #fff,inset 0 0 0 6px #3d7a5f}
.wr-df-opt span{color:#7b857f;font-size:.58rem;line-height:1.45}
.wr-df-opt b{display:block;color:#1e1e1e;font-size:.68rem}

.wr-df-panel{padding:12px 14px;background:#fafbfa;border:1px solid #eceeec;border-radius:12px}
.wr-df-fields{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.wr-df-fields .wr-df-lbl{margin-top:0}
.wr-df-fields+.wr-df-fields{margin-top:.7rem}
.wr-df-toggle-row{display:flex;align-items:center;gap:.8rem;margin-top:.8rem;padding-top:.8rem;border-top:1px solid #eceeec}
.wr-df-toggle-row span{flex:1;color:#8b948f;font-size:.58rem;line-height:1.45}
.wr-df-toggle-row b{display:block;color:#1e1e1e;font-size:.68rem}



.wr-df-hint{margin:.5rem 0 0;color:#98a19c;font-size:.57rem;line-height:1.5}
.wr-df-hint.is-em{font-style:italic}

.wr-df-phases-head{display:flex;align-items:flex-end;gap:.8rem;margin-top:1rem}
.wr-df-phases-head>span:first-child{flex:1;color:#8b948f;font-size:.57rem;line-height:1.45}
.wr-df-phases-head b{display:block;color:#8b948f;font-size:.53rem;font-weight:700;letter-spacing:.09em;text-transform:uppercase}
.wr-df-seg{display:inline-flex;border:1px solid #e2e5e2;border-radius:8px;overflow:hidden}
.wr-df-seg i{padding:.3rem .5rem;color:#5e6964;font-size:.57rem;font-style:normal;font-weight:600}
.wr-df-seg i.is-on{color:#fff;background:#27332d}
.wr-df-seg i.is-off{color:#c3cac6}
.wr-df-phases{margin-top:.5rem;border:1px solid #e6e9e6;border-radius:10px;overflow:hidden}
.wr-df-phases>div{display:flex;align-items:center;gap:.5rem;padding:.42rem .6rem;border-top:1px solid #f2f4f1;color:#5e6964;font-size:.66rem}
.wr-df-phases>div:first-child{border-top:0}
.wr-df-phases>div.is-on{color:#1e1e1e;background:#f2f8f4}
.wr-df-phases i{flex:0 0 12px;height:12px;border:1.5px solid #d5dad7;border-radius:3px;font-size:.5rem;font-style:normal;line-height:11px;text-align:center}
.wr-df-phases>div.is-on i{color:#fff;background:#3d7a5f;border-color:#3d7a5f}
.wr-df-phases u{margin-left:auto;padding:.15rem .4rem;color:#5e6964;background:#fff;border:1px solid #dfe3e0;border-radius:6px;text-decoration:none;font-size:.58rem}

.wr-df-modal-foot{display:flex;align-items:center;justify-content:flex-end;gap:.7rem;padding:12px 18px;background:#fafbfa;border-top:1px solid #eef0ed}
.wr-df-modal-foot span{color:#5e6964;font-size:.66rem}
.wr-df-modal-foot b{padding:.45rem .85rem;color:#fff;background:#3d7a5f;border-radius:9px;font-size:.66rem}

/* Cap usage */
.wr-df-caps{padding:16px 18px;background:#fff;border:1px solid #e2e5e2;border-radius:20px;box-shadow:0 30px 66px -36px rgba(20,37,29,.32);text-align:left}
.wr-df-caps-head{display:flex;align-items:baseline;gap:.6rem;padding-bottom:.7rem;border-bottom:1px solid #eef0ed}
.wr-df-caps-head strong{font-size:.8rem}
.wr-df-caps-head span{margin-left:auto;color:#98a19c;font-size:.6rem}
.wr-df-cap-row{display:grid;grid-template-columns:1.3fr 1fr auto;align-items:center;gap:.8rem;padding:.75rem 0;border-bottom:1px solid #f2f4f1}
.wr-df-cap-row b{display:block;font-size:.72rem}
.wr-df-cap-row small{display:block;margin-top:.1rem;color:#98a19c;font-size:.57rem}
.wr-df-cap-row em{color:#7b857f;font-size:.6rem;font-style:normal;white-space:nowrap}
.wr-df-cap-row.is-amber .wr-df-bar u{background:#d9a05b}
.wr-df-cap-row.is-amber em{color:#a8761f}
.wr-df-cap-row.is-red .wr-df-bar u{background:#b4443a}
.wr-df-cap-row.is-red em{color:#b4443a;font-weight:600}
.wr-df-caps-note{margin:.9rem 0 0;color:#7b857f;font-size:.68rem;line-height:1.6}

@media(max-width:900px){
  .wr-df-modal-body{grid-template-columns:1fr}
  .wr-df-kpis{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:640px){
  .wr-df-kpis{grid-template-columns:1fr}
  .wr-df-cap-row{grid-template-columns:1fr;gap:.45rem}
  .wr-df-fields{grid-template-columns:1fr}
}

/* ─── Product library ──────────────────────────────────────────────────────
   The org-level Products screen (sidebar rail + the wide grouped table) and
   the Duplicate / Product Manager modals. The table is genuinely wider than
   any viewport in the real app, so it scrolls here too rather than pretending
   the columns fit. */
.wr-lib-hero{padding:clamp(5rem,9vw,8rem) 0 clamp(3rem,6vw,5rem);background:#f3eee6;text-align:center}
.wr-lib-hero .container{max-width:1180px}
.wr-lib-hero h1{max-width:1000px;margin:1rem auto 0;font-size:clamp(2.4rem,4.8vw,4.5rem);line-height:.94;letter-spacing:-.065em}
.wr-lib-hero h1 em{color:#3d7a5f;font-style:normal}
.wr-lib-hero .lead{max-width:860px;margin:1.8rem auto 0;color:#5e6964;font-size:clamp(1rem,1.5vw,1.2rem);line-height:1.65}
.wr-lib-hero .hero-actions{justify-content:center;margin:1.8rem 0 0}
.wr-lib-stage{margin-top:clamp(2.5rem,5vw,4rem);text-align:left}
.wr-lib-cap{max-width:64ch;margin:1.1rem auto 0;color:#7b857f;font-size:.8rem;line-height:1.6;text-align:center}

.wr-lib-app{display:grid;grid-template-columns:158px 1fr;overflow:hidden;background:#fff;border:1px solid #ebebe8;border-radius:26px;box-shadow:0 34px 80px -40px rgba(20,37,29,.42)}
.wr-lib-rail{padding:14px 10px;background:#fafbfa;border-right:1px solid #eef0ed}
.wr-lib-rail-head{display:block;margin:.9rem 0 .3rem;padding:0 .4rem;color:#a3aca7;font-size:.5rem;font-weight:700;letter-spacing:.13em;text-transform:uppercase}
.wr-lib-rail-head:first-child{margin-top:0}
.wr-lib-rail i{display:block;padding:.28rem .45rem;color:#5e6964;border-radius:7px;font-size:.63rem;font-style:normal}
.wr-lib-rail i.is-sel{color:#1e1e1e;background:#e7eee9;font-weight:600}
.wr-lib-rail i.is-on{color:#1e1e1e;font-weight:600}
.wr-lib-rail i.is-dim{color:#a3aca7}

.wr-lib-main{min-width:0}
.wr-lib-top{display:flex;align-items:center;gap:.45rem;padding:14px 16px;border-bottom:1px solid #eef0ed}
.wr-lib-top>strong{margin-right:.3rem;font-size:.95rem}
.wr-lib-search{flex:1;min-width:0;padding:.4rem .65rem;color:#a3aca7;border:1px solid #e6e9e6;border-radius:8px;font-size:.62rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.wr-lib-chip{padding:.38rem .55rem;color:#5e6964;border:1px solid #e6e9e6;border-radius:8px;font-size:.58rem;white-space:nowrap}
.wr-lib-top>b{padding:.45rem .7rem;color:#fff;background:#3d7a5f;border-radius:8px;font-size:.6rem;white-space:nowrap}

.wr-lib-scroll{overflow-x:auto}
.wr-lib-tbl{min-width:940px}
.wr-lib-groups,.wr-lib-row{display:grid;grid-template-columns:1.55fr .85fr .8fr 1.5fr .95fr .7fr;gap:.7rem;padding:.6rem 16px}
.wr-lib-groups{border-bottom:1px solid #eef0ed;color:#98a19c;font-size:.52rem;font-weight:700;letter-spacing:.11em;text-transform:uppercase}
.wr-lib-row{align-items:flex-start;border-bottom:1px solid #f4f6f3}
.wr-lib-row.is-echo{background:#fbfcfb}
.wr-lib-item{display:flex;gap:.55rem;min-width:0}
.wr-lib-thumb{flex:0 0 52px;height:56px;margin:0;background:#f0efe9;border:1px solid #eceeec;border-radius:7px;overflow:hidden}
.wr-lib-thumb img{width:100%;height:100%;object-fit:contain;display:block;padding:3px}
.wr-lib-item span{min-width:0}
.wr-lib-item b{display:block;font-size:.7rem;line-height:1.3}
.wr-lib-item small{display:block;color:#98a19c;font-size:.57rem}
.wr-lib-item u{display:inline-block;margin-top:.3rem;padding:.1rem .35rem;color:#5e6964;background:#f2f4f1;border-radius:5px;text-decoration:none;font-size:.55rem}
.wr-lib-pill{display:inline-block;margin:0 .25rem .25rem 0;padding:.14rem .4rem;border-radius:5px;font-size:.55rem;font-style:normal;font-weight:600}
.wr-lib-pill.is-sourcing{color:#2f5f8a;background:#e3eef7}
.wr-lib-pill.is-proposed{color:#3f6bb0;background:#e6eefb}
.wr-lib-pill.is-approved{color:#2f7350;background:#dff1e7}
.wr-lib-pill.is-back{color:#a8621f;background:#f8e9d8}
.wr-lib-pill.is-tag{color:#5b4b86;background:#ece7f7}
.wr-lib-pill.is-none{color:#a3aca7;background:#f4f6f3;font-weight:500}
.wr-lib-status small{display:block;margin-top:.2rem;color:#98a19c;font-size:.55rem}
.wr-lib-det span{display:block;color:#5e6964;font-size:.6rem;line-height:1.55;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.wr-lib-fin{display:grid;grid-template-columns:1fr 1fr;gap:.15rem .5rem}
.wr-lib-fin span{color:#1e1e1e;font-size:.6rem}
.wr-lib-fin small{display:block;color:#a3aca7;font-size:.5rem;letter-spacing:.04em;text-transform:uppercase}
.wr-lib-fin b{font-weight:600}
.wr-lib-fin b.is-pos{color:#3d7a5f}
.wr-lib-proc span{display:block;color:#5e6964;font-size:.6rem}
.wr-lib-proc small{color:#a3aca7;font-size:.5rem;letter-spacing:.04em;text-transform:uppercase}
.wr-lib-proc span small{display:block}
.wr-lib-trk span{display:block;color:#5e6964;font-size:.58rem;overflow:hidden;text-overflow:ellipsis}
.wr-lib-trk small{color:#a3aca7;font-size:.55rem}
.wr-lib-sub{padding:.3rem 16px .45rem 86px;color:#98a19c;border-bottom:1px solid #f4f6f3;font-size:.55rem;letter-spacing:.08em;text-transform:uppercase}
.wr-lib-sub::before{margin-right:.3rem;content:"\25b8"}

/* Duplicate product */
.wr-lib-modal{overflow:hidden;background:#fff;border:1px solid #e2e5e2;border-radius:20px;box-shadow:0 30px 66px -36px rgba(20,37,29,.32);text-align:left}
.wr-lib-modal-head{display:flex;align-items:center;padding:14px 18px;border-bottom:1px solid #eef0ed}
.wr-lib-modal-head strong{flex:1;font-size:.85rem}
.wr-lib-modal-head i{color:#a3aca7;font-style:normal}
.wr-lib-modal-body{padding:14px 18px}
.wr-lib-dupsrc{padding:.6rem .75rem;background:#f7f9f7;border:1px solid #eceeec;border-radius:10px}
.wr-lib-dupsrc small{display:block;color:#98a19c;font-size:.5rem;font-weight:700;letter-spacing:.11em;text-transform:uppercase}
.wr-lib-dupsrc b{display:block;margin-top:.15rem;font-size:.8rem}
.wr-lib-lbl{display:block;margin:.85rem 0 .3rem;color:#8b948f;font-size:.53rem;font-weight:700;letter-spacing:.09em;text-transform:uppercase}
.wr-lib-input{display:flex;align-items:center;min-height:28px;padding:.35rem .6rem;color:#a3aca7;border:1px solid #dfe3e0;border-radius:8px;font-size:.65rem}
.wr-lib-input.is-sel{color:#1e1e1e}
.wr-lib-input.is-sel::after{margin-left:auto;color:#98a19c;content:"\25be"}
.wr-lib-list{margin-top:.4rem;border:1px solid #e6e9e6;border-radius:9px;overflow:hidden}
.wr-lib-list>div{display:flex;align-items:center;gap:.45rem;padding:.36rem .6rem;border-top:1px solid #f2f4f1;color:#5e6964;font-size:.65rem;line-height:1.35}
.wr-lib-list>div:first-child{border-top:0}
.wr-lib-list>div.is-on{color:#1e1e1e;background:#f2f8f4;font-weight:600}
.wr-lib-list em{color:#a3aca7;font-style:italic}
.wr-lib-list i{flex:0 0 11px;height:11px;border:1.5px solid #d5dad7;border-radius:50%}
.wr-lib-list>div.is-on i{border-color:#3d7a5f;box-shadow:inset 0 0 0 2px #fff,inset 0 0 0 5px #3d7a5f}
.wr-lib-list u{margin-left:auto;padding:.1rem .35rem;color:#5e6964;background:#eef0ed;border-radius:5px;text-decoration:none;font-size:.5rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase}
.wr-lib-cols{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.wr-lib-check{display:flex;gap:.55rem;margin-top:.9rem;padding:.6rem .7rem;background:#f2f8f4;border:1px solid #d9e7e0;border-radius:10px}
.wr-lib-check i{flex:0 0 13px;height:13px;margin-top:.1rem;color:#fff;background:#3d7a5f;border-radius:3px;font-size:.55rem;font-style:normal;line-height:13px;text-align:center}
.wr-lib-check span{color:#5e6964;font-size:.58rem;line-height:1.45}
.wr-lib-check b{display:block;color:#1e1e1e;font-size:.68rem}
.wr-lib-modal-foot{display:flex;align-items:center;justify-content:flex-end;gap:.7rem;padding:12px 18px;background:#fafbfa;border-top:1px solid #eef0ed}
.wr-lib-modal-foot span{color:#5e6964;font-size:.66rem}
.wr-lib-modal-foot b{padding:.45rem .9rem;color:#fff;background:#3d7a5f;border-radius:9px;font-size:.66rem}

/* Product Manager */
.wr-lib-pm{overflow:hidden;background:#fff;border:1px solid #e2e5e2;border-radius:20px;box-shadow:0 30px 66px -36px rgba(20,37,29,.32);text-align:left}
.wr-lib-pm-head{padding:14px 18px 10px}
.wr-lib-pm-head strong{display:block;font-size:.85rem}
.wr-lib-pm-head span{display:block;margin-top:.2rem;color:#8b948f;font-size:.62rem}
.wr-lib-pm-head b{color:#1e1e1e}
.wr-lib-pm-head b.is-green{color:#3d7a5f}
.wr-lib-pm-head u{color:#b4443a;text-decoration:none}
.wr-lib-pm-tabs{display:grid;grid-template-columns:1fr 1fr;border-bottom:1px solid #eef0ed}
.wr-lib-pm-tabs i{padding:.55rem;color:#8b948f;border-bottom:2px solid transparent;font-size:.68rem;font-style:normal;font-weight:600;text-align:center}
.wr-lib-pm-tabs i.is-on{color:#1e1e1e;border-bottom-color:#3d7a5f}
.wr-lib-pm-body{padding:14px 18px 18px}
.wr-lib-pm-note{display:flex;align-items:center;gap:.5rem;padding:.5rem .7rem;background:#f2f8f4;border-radius:9px;color:#2f5c46;font-size:.68rem;font-weight:600}
.wr-lib-pm-note i{color:#3d7a5f;font-style:normal}
.wr-lib-pm-note u{margin-left:auto;color:#3d7a5f;text-decoration:none;font-size:.62rem}
.wr-lib-pm-sec{display:block;margin:1.1rem 0 .1rem;padding-bottom:.35rem;color:#5e6964;border-bottom:2px solid #3d7a5f;font-size:.53rem;font-weight:700;letter-spacing:.11em;text-transform:uppercase}
.wr-lib-pm-sec.is-firm{border-bottom-color:#c98a3a}
.wr-lib-pm-sec.is-client{border-bottom-color:#3d7a5f}
.wr-lib-pm-sec.is-ship{border-bottom-color:#8a63c4}
.wr-lib-pm-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:.7rem}
.wr-lib-pm-grid.is-three{grid-template-columns:repeat(3,1fr)}
.wr-lib-pm-grid.is-one{grid-template-columns:1fr}
.wr-lib-pm-grid small{display:block;margin-bottom:.22rem;color:#5e6964;font-size:.6rem}
.wr-lib-pm-grid span{display:flex;align-items:center;min-height:27px;padding:.32rem .55rem;color:#a3aca7;border:1px solid #dfe3e0;border-radius:8px;font-size:.65rem}
.wr-lib-pm-grid span.is-sel::after{margin-left:auto;color:#c3cac6;content:"\25be"}
.wr-lib-pm-grid span.is-set{color:#1e1e1e;background:#f2f8f4;border-color:#3d7a5f;font-weight:600}
.wr-lib-sorts{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:.7rem}
.wr-lib-sorts i{padding:.42rem .6rem;color:#5e6964;border:1px solid #e2e5e2;border-radius:8px;font-size:.65rem;font-style:normal}
.wr-lib-sorts i.is-on{color:#1e1e1e;background:#f2f8f4;border-color:#3d7a5f;font-weight:600}

@media(max-width:900px){
  .wr-lib-app{grid-template-columns:1fr}
  .wr-lib-rail{display:none}
  .wr-lib-cols{grid-template-columns:1fr}
  .wr-lib-pm-grid.is-three{grid-template-columns:1fr 1fr}
}
@media(max-width:560px){
  .wr-lib-pm-grid,.wr-lib-pm-grid.is-three,.wr-lib-sorts{grid-template-columns:1fr}
}

/* ─── Permissions ──────────────────────────────────────────────────────────
   The permission-set builder: module list on the left with an n/total counter,
   the selected module's actions on the right. Action badges are color-coded by
   verb (view / create / edit / delete) exactly as the app does. */
.wr-perm-hero{padding:clamp(5rem,9vw,8rem) 0 clamp(3rem,6vw,5rem);background:#f3eee6;text-align:center}
.wr-perm-hero .container{max-width:1180px}
.wr-perm-hero h1{max-width:1000px;margin:1rem auto 0;font-size:clamp(2.3rem,4.6vw,4.3rem);line-height:.96;letter-spacing:-.06em}
.wr-perm-hero h1 em{color:#3d7a5f;font-style:normal}
.wr-perm-hero .lead{max-width:860px;margin:1.8rem auto 0;color:#5e6964;font-size:clamp(1rem,1.5vw,1.2rem);line-height:1.65}
.wr-perm-hero .hero-actions{justify-content:center;margin:1.8rem 0 0}
.wr-perm-stage{margin-top:clamp(2.5rem,5vw,4rem);text-align:left}
.wr-perm-cap{max-width:62ch;margin:1.1rem auto 0;color:#7b857f;font-size:.8rem;line-height:1.6;text-align:center}

.wr-perm-app{overflow:hidden;background:#fff;border:1px solid #ebebe8;border-radius:26px;box-shadow:0 34px 80px -40px rgba(20,37,29,.42)}
.wr-perm-top{display:flex;align-items:flex-end;gap:.6rem;padding:14px 18px;border-bottom:1px solid #eef0ed}
.wr-perm-back{align-self:center;padding:.38rem .6rem;color:#5e6964;border:1px solid #e6e9e6;border-radius:8px;font-size:.6rem;white-space:nowrap}
.wr-perm-top>div{flex:1;min-width:0}
.wr-perm-top small{display:block;margin-bottom:.2rem;color:#8b948f;font-size:.5rem;font-weight:700;letter-spacing:.11em;text-transform:uppercase}
.wr-perm-input{display:flex;align-items:center;min-height:28px;padding:.34rem .6rem;color:#1e1e1e;border:1px solid #dfe3e0;border-radius:8px;font-size:.68rem}
.wr-perm-input.is-sel::after{margin-left:auto;color:#98a19c;content:"\25be"}
.wr-perm-chip{align-self:center;padding:.4rem .6rem;color:#5e6964;border:1px solid #e6e9e6;border-radius:8px;font-size:.6rem;white-space:nowrap}
.wr-perm-top>b{align-self:center;padding:.45rem .75rem;color:#fff;background:#3d7a5f;border-radius:8px;font-size:.6rem;white-space:nowrap}

.wr-perm-body{display:grid;grid-template-columns:250px 1fr;gap:16px;padding:16px 18px 20px}
.wr-perm-list{align-self:start;padding:8px;background:#fafbfa;border:1px solid #eceeec;border-radius:14px}
.wr-perm-search{padding:.4rem .6rem;color:#a3aca7;background:#fff;border:1px solid #e6e9e6;border-radius:8px;font-size:.6rem}
.wr-perm-grp{display:block;margin:.7rem 0 .25rem;padding:0 .4rem;color:#a3aca7;font-size:.5rem;font-weight:700;letter-spacing:.13em;text-transform:uppercase}
.wr-perm-list>div{display:flex;align-items:center;gap:.5rem;padding:.3rem .45rem;border-radius:7px;font-size:.64rem}
.wr-perm-list>div>span{flex:1;color:#5e6964;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.wr-perm-list>div>u{color:#a3aca7;text-decoration:none;font-size:.56rem;font-variant-numeric:tabular-nums}
.wr-perm-list>div.is-on{background:#e7eee9}
.wr-perm-list>div.is-on>span{color:#1e1e1e;font-weight:600}
.wr-perm-list>div.is-on>u{color:#3d7a5f;font-weight:600}

.wr-perm-pane{min-width:0;padding:14px 16px;border:1px solid #eceeec;border-radius:14px}
.wr-perm-pane-head{display:flex;align-items:flex-start;gap:.8rem;padding-bottom:.8rem;border-bottom:1px solid #f2f4f1}
.wr-perm-pane-head>div{flex:1;min-width:0}
.wr-perm-pane-head small{display:block;color:#a3aca7;font-size:.5rem;font-weight:700;letter-spacing:.13em;text-transform:uppercase}
.wr-perm-pane-head strong{display:block;margin-top:.1rem;font-size:1.05rem;letter-spacing:-.02em}
.wr-perm-pane-head>div>span{display:block;margin-top:.15rem;color:#8b948f;font-size:.66rem}
.wr-perm-pane-head em{align-self:center;color:#8b948f;font-size:.6rem;font-style:normal;white-space:nowrap}

.wr-perm-hide{display:flex;align-items:center;gap:.9rem;margin-top:.8rem;padding:.7rem .8rem;background:#fafbfa;border:1px solid #eceeec;border-radius:11px}
.wr-perm-hide>div{flex:1}
.wr-perm-hide b{display:block;font-size:.7rem}
.wr-perm-hide span{display:block;margin-top:.15rem;color:#8b948f;font-size:.6rem;line-height:1.5}



.wr-perm-acts{margin-top:.7rem;border:1px solid #eceeec;border-radius:11px;overflow:hidden}
.wr-perm-acts>div{display:flex;align-items:center;gap:.6rem;padding:.44rem .7rem;border-top:1px solid #f4f6f3;color:#5e6964;font-size:.68rem}
.wr-perm-acts>div:first-child{border-top:0}
.wr-perm-acts>div.is-on{color:#1e1e1e;background:#f6faf7}
.wr-perm-acts i{flex:0 0 13px;height:13px;border:1.5px solid #d5dad7;border-radius:3px;font-size:.52rem;font-style:normal;line-height:12px;text-align:center}
.wr-perm-acts>div.is-on i{color:#fff;background:#3d7a5f;border-color:#3d7a5f}
.wr-perm-acts b{margin-left:auto;padding:.12rem .4rem;border-radius:5px;font-size:.5rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}
.wr-perm-acts b.is-view{color:#3f6bb0;background:#e6eefb}
.wr-perm-acts b.is-create{color:#2f7350;background:#dff1e7}
.wr-perm-acts b.is-edit{color:#a8761f;background:#f8eed8}
.wr-perm-acts b.is-del{color:#b4443a;background:#fbe4e2}

/* Permission sets */
.wr-perm-sets{padding:16px 18px;background:#fff;border:1px solid #e2e5e2;border-radius:20px;box-shadow:0 30px 66px -36px rgba(20,37,29,.32);text-align:left}
.wr-perm-sets-head{display:flex;align-items:baseline;padding-bottom:.7rem;border-bottom:1px solid #eef0ed}
.wr-perm-sets-head strong{flex:1;font-size:.85rem}
.wr-perm-sets-head span{color:#98a19c;font-size:.6rem}
.wr-perm-set{display:flex;align-items:center;gap:.8rem;padding:.75rem 0;border-bottom:1px solid #f4f6f3}
.wr-perm-set>div{flex:1;min-width:0}
.wr-perm-set b{display:block;font-size:.75rem}
.wr-perm-set small{display:block;margin-top:.12rem;color:#98a19c;font-size:.6rem;line-height:1.45}
.wr-perm-set em{color:#5e6964;font-size:.62rem;font-style:normal;white-space:nowrap;font-variant-numeric:tabular-nums}
.wr-perm-set.is-owner b{color:#3d7a5f}
.wr-perm-set.is-owner em{color:#3d7a5f;font-weight:600}
.wr-perm-sets-note{margin:.9rem 0 0;color:#7b857f;font-size:.68rem;line-height:1.6}

/* Bills approval callout */
.wr-perm-appr{padding:16px 18px;background:#fff;border:1px solid #e2e5e2;border-radius:20px;box-shadow:0 30px 66px -36px rgba(20,37,29,.32);text-align:left}
.wr-perm-appr-head{padding-bottom:.7rem;border-bottom:1px solid #eef0ed}
.wr-perm-appr-head strong{display:block;font-size:.9rem}
.wr-perm-appr-head span{display:block;margin-top:.15rem;color:#98a19c;font-size:.64rem}
.wr-perm-appr-card{margin-top:.9rem;padding:.7rem .8rem;background:#fafbfa;border:1px solid #eceeec;border-radius:11px}
.wr-perm-appr-card b{display:block;font-size:.72rem}
.wr-perm-appr-card span{display:block;margin-top:.15rem;color:#8b948f;font-size:.62rem}
.wr-perm-appr-copy{margin:.9rem 0 0;color:#5e6964;font-size:.7rem;line-height:1.7}
.wr-perm-appr-btn{display:inline-block;margin-top:.9rem;padding:.5rem .8rem;color:#fff;background:#3d7a5f;border-radius:9px;font-size:.66rem}

/* Member card */
.wr-perm-member{padding:16px 18px;background:#fff;border:1px solid #e2e5e2;border-radius:20px;box-shadow:0 30px 66px -36px rgba(20,37,29,.32);text-align:left}
.wr-perm-member-head{display:flex;align-items:center;gap:.7rem;padding-bottom:.8rem;border-bottom:1px solid #eef0ed}
.wr-perm-avatar{flex:0 0 30px;height:30px;background:#e7eee9;border-radius:9px}
.wr-perm-member-head strong{display:block;font-size:.8rem}
.wr-perm-member-head span{display:block;margin-top:.1rem;color:#98a19c;font-size:.62rem}
.wr-perm-member-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:10px;margin-top:.9rem}
.wr-perm-member-grid small{display:block;margin-bottom:.22rem;color:#8b948f;font-size:.5rem;font-weight:700;letter-spacing:.09em;text-transform:uppercase}
.wr-perm-member-hint{margin:.4rem 0 0;color:#a3aca7;font-size:.58rem}
.wr-perm-member-check{display:flex;align-items:center;gap:.5rem;margin-top:.9rem;padding-top:.8rem;border-top:1px solid #f2f4f1;color:#8b948f;font-size:.62rem}
.wr-perm-member-check i{flex:0 0 13px;height:13px;border:1.5px solid #d5dad7;border-radius:3px}
.wr-perm-member-check b{margin-right:.3rem;color:#1e1e1e;font-size:.68rem}

@media(max-width:900px){
  .wr-perm-body{grid-template-columns:1fr}
  .wr-perm-top{flex-wrap:wrap}
  .wr-perm-member-grid{grid-template-columns:1fr}
}

/* ─── Brand standards ──────────────────────────────────────────────────────
   The Standards tab: the add-a-standard form beside the saved list. Both are
   real screens; the Findings tab is referenced in copy but not rendered — we
   have not seen it. */
.wr-bs-hero{padding:clamp(5rem,9vw,8rem) 0 clamp(3rem,6vw,5rem);background:#f3eee6;text-align:center}
.wr-bs-hero .container{max-width:1180px}
.wr-bs-hero h1{max-width:1020px;margin:1rem auto 0;font-size:clamp(2.2rem,4.4vw,4.1rem);line-height:.98;letter-spacing:-.055em}
.wr-bs-hero h1 em{color:#3d7a5f;font-style:normal}
.wr-bs-hero .lead{max-width:870px;margin:1.8rem auto 0;color:#5e6964;font-size:clamp(1rem,1.5vw,1.2rem);line-height:1.65}
.wr-bs-hero .hero-actions{justify-content:center;margin:1.8rem 0 0}
.wr-bs-stage{margin-top:clamp(2.5rem,5vw,4rem);text-align:left}
.wr-bs-cap{max-width:62ch;margin:1.1rem auto 0;color:#7b857f;font-size:.8rem;line-height:1.6;text-align:center}

.wr-bs-app{overflow:hidden;background:#fff;border:1px solid #ebebe8;border-radius:26px;box-shadow:0 34px 80px -40px rgba(20,37,29,.42)}
.wr-bs-head{padding:16px 20px 0}
.wr-bs-head strong{display:block;font-size:1.05rem;letter-spacing:-.02em}
.wr-bs-head>span{display:block;margin-top:.2rem;color:#8b948f;font-size:.7rem}
.wr-bs-tabs{display:flex;gap:1.1rem;margin-top:.9rem;border-bottom:1px solid #eef0ed}
.wr-bs-tabs i{padding-bottom:.5rem;color:#8b948f;border-bottom:2px solid transparent;font-size:.72rem;font-style:normal;font-weight:600}
.wr-bs-tabs i.is-on{color:#3d7a5f;border-bottom-color:#3d7a5f}
.wr-bs-body{display:grid;grid-template-columns:1fr 1.15fr;gap:16px;padding:18px 20px 22px}
.wr-bs-card{padding:14px 16px;border:1px solid #eceeec;border-radius:14px}
.wr-bs-card-head{display:flex;align-items:baseline;gap:.6rem;padding-bottom:.8rem;border-bottom:1px solid #f2f4f1}
.wr-bs-card-head b{font-size:.82rem}
.wr-bs-card-head span{flex:1;color:#8b948f;font-size:.62rem;line-height:1.5}
.wr-bs-lbl{display:block;margin:.8rem 0 .3rem;color:#5e6964;font-size:.62rem;font-weight:600}
.wr-bs-lbl em{color:#8b948f;font-style:normal;font-weight:500}
.wr-bs-input{display:flex;align-items:center;min-height:30px;padding:.42rem .65rem;color:#1e1e1e;border:1px solid #dfe3e0;border-radius:8px;font-size:.68rem;line-height:1.5}
.wr-bs-input.is-area{min-height:56px;align-items:flex-start}
.wr-bs-input.is-ph{color:#a3aca7}
.wr-bs-input.is-sel::after{margin-left:auto;color:#98a19c;content:"\25be"}
.wr-bs-cols{display:grid;grid-template-columns:1.35fr .8fr;gap:10px}
.wr-bs-cols .wr-bs-lbl{margin-top:.8rem}
.wr-bs-btn{display:inline-block;margin-top:1rem;padding:.5rem .85rem;color:#fff;background:#3d7a5f;border-radius:9px;font-size:.68rem}

.wr-bs-list{margin-top:.3rem}
.wr-bs-list>div{padding:.65rem 0;border-bottom:1px solid #f4f6f3}
.wr-bs-name{display:block;font-size:.72rem;font-weight:600}
.wr-bs-rule{display:block;margin-top:.15rem;color:#5e6964;font-size:.66rem;line-height:1.55}
.wr-bs-meta{display:flex;align-items:center;gap:.4rem;margin-top:.35rem}
.wr-bs-meta i{padding:.12rem .4rem;color:#5e6964;background:#f2f4f1;border-radius:5px;font-size:.55rem;font-style:normal}
.wr-bs-meta b{padding:.12rem .4rem;color:#a8761f;background:#f8eed8;border-radius:5px;font-size:.5rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}
.wr-bs-note{margin:.9rem 0 0;color:#98a19c;font-size:.64rem;font-style:italic;line-height:1.55}

/* Ask Walter */
.wr-bs-ask{padding:16px 18px;background:#fff;border:1px solid #e2e5e2;border-radius:20px;box-shadow:0 30px 66px -36px rgba(20,37,29,.32);text-align:left}
.wr-bs-ask-head{display:flex;align-items:center;gap:.6rem;padding-bottom:.8rem;border-bottom:1px solid #eef0ed}
.wr-walter-mark{flex:0 0 30px;width:30px;height:30px;display:block}
.wr-walter-mark--lg{flex:0 0 54px;width:54px;height:54px;margin:0 auto}
.wr-bs-ask-head strong{display:block;font-size:.8rem}
.wr-bs-ask-head span{display:block;color:#98a19c;font-size:.6rem}
.wr-bs-ask-msg{margin-top:.7rem;padding:.6rem .75rem;color:#3f4a44;background:#f7f5fb;border:1px solid #eae5f4;border-radius:12px;font-size:.7rem;line-height:1.6}
.wr-bs-ask-msg.is-you{margin-left:2.2rem;color:#1e1e1e;background:#f2f4f1;border-color:#e6e9e6}
.wr-bs-ask-sub{display:block;margin-top:.35rem;color:#8b948f;font-size:.65rem}
.wr-bs-ask-note{margin:.9rem 0 0;color:#7b857f;font-size:.68rem;line-height:1.6}

/* Anatomy of a standard */
.wr-bs-sev{padding:16px 18px;background:#fff;border:1px solid #e2e5e2;border-radius:20px;box-shadow:0 30px 66px -36px rgba(20,37,29,.32);text-align:left}
.wr-bs-sev-head{padding-bottom:.7rem;border-bottom:1px solid #eef0ed}
.wr-bs-sev-head strong{font-size:.85rem}
.wr-bs-sev-row{display:grid;grid-template-columns:80px 1fr;gap:.8rem;padding:.7rem 0;border-bottom:1px solid #f4f6f3}
.wr-bs-sev-row b{color:#3d7a5f;font-size:.6rem;font-weight:700;letter-spacing:.09em;text-transform:uppercase}
.wr-bs-sev-row span{color:#5e6964;font-size:.7rem;line-height:1.55}
.wr-bs-sev-note{margin:.9rem 0 0;color:#7b857f;font-size:.68rem;line-height:1.6}

@media(max-width:900px){
  .wr-bs-body{grid-template-columns:1fr}
  .wr-bs-cols{grid-template-columns:1fr}
  .wr-bs-sev-row{grid-template-columns:1fr;gap:.2rem}
}

/* ─── Settings kit ─────────────────────────────────────────────────────────
   One component set for every Settings surface folded into a feature page.
   The real settings screens share a design language, so the pages should too —
   this replaces what would otherwise be a bespoke prefix per page. */
.wr-set{padding:20px 22px;background:#fff;border:1px solid #e2e5e2;border-radius:20px;box-shadow:0 30px 66px -36px rgba(20,37,29,.32);text-align:left}
.wr-set+.wr-set{margin-top:14px}
.wr-set-head{padding-bottom:.9rem;border-bottom:1px solid #eef0ed}
.wr-set-head strong{display:block;font-size:.88rem}
.wr-set-head span{display:block;margin-top:.15rem;color:#98a19c;font-size:.64rem;line-height:1.5}
.wr-set-sub{display:block;margin:1.35rem 0 .55rem;padding-bottom:.4rem;color:#8b948f;border-bottom:1px solid #f2f4f1;font-size:.52rem;font-weight:700;letter-spacing:.11em;text-transform:uppercase}

.wr-set-row{display:flex;align-items:center;gap:1.1rem;padding:.8rem 0;border-bottom:1px solid #f4f6f3}
.wr-set-row:last-child{border-bottom:0}
.wr-set-row>div{flex:1;min-width:0}
.wr-set-row b{display:block;font-size:.72rem}
.wr-set-row small{display:block;margin-top:.2rem;color:#8b948f;font-size:.63rem;line-height:1.55}
.wr-set-row em{color:#5e6964;font-size:.65rem;font-style:normal;white-space:nowrap}



.wr-set-seg{display:inline-flex;border:1px solid #e2e5e2;border-radius:8px;overflow:hidden;white-space:nowrap}
.wr-set-seg i{padding:.3rem .55rem;color:#5e6964;font-size:.6rem;font-style:normal;font-weight:600}
.wr-set-seg i.is-on{color:#1e1e1e;background:#f2f4f1}
.wr-set-seg i.is-dark{color:#fff;background:#27332d}

.wr-set-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-top:.85rem}
.wr-set-grid.is-3{grid-template-columns:repeat(3,1fr)}
.wr-set-grid.is-4{grid-template-columns:repeat(4,1fr)}
.wr-set-grid small{display:block;margin-bottom:.22rem;color:#8b948f;font-size:.5rem;font-weight:700;letter-spacing:.09em;text-transform:uppercase}
.wr-set-grid span{display:flex;align-items:center;min-height:34px;padding:.45rem .6rem;color:#1e1e1e;border:1px solid #dfe3e0;border-radius:8px;font-size:.66rem}
.wr-set-grid span.is-sel::after{margin-left:auto;color:#98a19c;content:"\25be"}
.wr-set-grid span.is-ph{color:#a3aca7}
.wr-set-grid span i{margin-left:auto;color:#98a19c;font-style:normal}
.wr-set-hint{margin:.35rem 0 0;color:#a3aca7;font-size:.57rem;line-height:1.5}

.wr-set-chips{display:flex;flex-wrap:wrap;gap:.4rem;margin-top:.75rem}
.wr-set-chips i{display:inline-flex;align-items:center;gap:.3rem;padding:.24rem .5rem;color:#5e6964;border:1px solid #e2e5e2;border-radius:999px;font-size:.6rem;font-style:normal}
.wr-set-chips i::before{width:6px;height:6px;background:#c3cac6;border-radius:50%;content:""}
.wr-set-chips i.is-on{color:#1e1e1e;background:#f2f8f4;border-color:#3d7a5f}
.wr-set-chips i.is-on::before{background:#3d7a5f}

.wr-set-opts{margin-top:.75rem;display:grid;gap:7px}
.wr-set-opts>div{display:flex;align-items:center;gap:.5rem;padding:.45rem .6rem;border:1px solid #e6e9e6;border-radius:9px;color:#5e6964;font-size:.66rem}
.wr-set-opts>div.is-on{color:#1e1e1e;background:#f2f8f4;border-color:#3d7a5f;font-weight:600}
.wr-set-opts u{flex:0 0 11px;height:11px;border:1.5px solid #d5dad7;border-radius:50%;text-decoration:none}
.wr-set-opts>div.is-on u{border-color:#3d7a5f;box-shadow:inset 0 0 0 2px #fff,inset 0 0 0 5px #3d7a5f}

.wr-set-note{margin:.9rem 0 0;color:#7b857f;font-size:.68rem;line-height:1.6}
.wr-set-note.is-quiet{color:#a3aca7;font-size:.61rem;font-style:italic}
.wr-set-tokens{display:flex;flex-wrap:wrap;gap:.3rem;margin-top:.5rem}
.wr-set-tokens i{padding:.16rem .42rem;color:#5e6964;background:#f4f6f3;border:1px solid #eceeec;border-radius:6px;font-family:ui-monospace,Menlo,monospace;font-size:.56rem;font-style:normal}
.wr-set-tokens i.is-on{color:#2f7350;background:#e7f3ec;border-color:#c9e3d4}
.wr-set-prev{margin-top:.5rem;padding:.45rem .6rem;color:#5e6964;background:#fafbfa;border:1px solid #eceeec;border-radius:8px;font-family:ui-monospace,Menlo,monospace;font-size:.58rem}

/* notification matrix */
.wr-set-matrix{margin-top:.7rem;border:1px solid #eceeec;border-radius:12px;overflow:hidden}
.wr-set-matrix>div{display:grid;grid-template-columns:1fr 68px 68px 68px;align-items:center;gap:.5rem;padding:.62rem .8rem;border-top:1px solid #f4f6f3}
.wr-set-matrix>div:first-child{border-top:0;background:#fafbfa}
.wr-set-matrix b{display:block;font-size:.68rem}
.wr-set-matrix small{display:block;color:#98a19c;font-size:.58rem}
.wr-set-matrix span{justify-self:center;display:flex;align-items:center;justify-content:center}
.wr-set-matrix>div:first-child span{color:#8b948f;font-size:.55rem;font-weight:600}

@media(max-width:640px){
  .wr-set-grid,.wr-set-grid.is-3,.wr-set-grid.is-4{grid-template-columns:1fr}
  .wr-set-matrix>div{grid-template-columns:1fr 40px 40px 40px}
}
/* section wrapper for settings blocks dropped into bespoke-island pages */
.wr-set-sec{padding:clamp(5rem,9vw,9rem) 0;background:#fff}
.wr-set-sec--warm{background:#f3eee6}
.wr-set-sec .container{display:grid;grid-template-columns:.9fr 1.1fr;gap:clamp(2.5rem,6vw,6rem);align-items:center}
@media(max-width:900px){.wr-set-sec .container{grid-template-columns:1fr}}

/* ─── Budget tabs (Products buckets, room tiles, Extra Costs) ──────────────
   Built to the Budget module's own screens. Replaces the invented product
   windows that were on Project Profitability. */
.wr-bgt{overflow:hidden;background:#fff;border:1px solid #e2e5e2;border-radius:18px;box-shadow:0 26px 60px -34px rgba(20,37,29,.3);text-align:left}
.wr-bgt-head{display:flex;align-items:baseline;gap:.6rem;padding:13px 16px;border-bottom:1px solid #eef0ed}
.wr-bgt-head strong{flex:1;font-size:.84rem}
.wr-bgt-head span{color:#98a19c;font-size:.6rem}
.wr-bgt-buckets{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;padding:12px 16px}
.wr-bgt-buckets>div{padding:.6rem .65rem;background:#fafbfa;border:1px solid #eceeec;border-radius:11px}
.wr-bgt-buckets small{display:block;color:#8b948f;font-size:.48rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase}
.wr-bgt-buckets b{display:block;margin-top:.25rem;font-size:1rem;letter-spacing:-.03em}
.wr-bgt-buckets em{display:block;margin-top:.1rem;color:#a3aca7;font-size:.55rem;font-style:normal}
.wr-bgt-buckets>div.is-good{background:#eef5f1;border-color:#d9e7e0}
.wr-bgt-buckets>div.is-good b{color:#3d7a5f}
.wr-bgt-buckets>div.is-warn{background:#fdf0ef;border-color:#f4dad7}
.wr-bgt-buckets>div.is-warn b{color:#b4443a}

.wr-bgt-rooms{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:0 16px 14px}
.wr-bgt-room{padding:.75rem .8rem;border:1px solid #eceeec;border-radius:12px}
.wr-bgt-room strong{display:block;font-size:.75rem}
.wr-bgt-room small{display:block;margin-top:.1rem;color:#a3aca7;font-size:.5rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase}
.wr-bgt-room b{display:block;margin-top:.2rem;font-size:1.15rem;letter-spacing:-.03em}
.wr-bgt-bar{display:block;height:6px;margin:.5rem 0 .35rem;background:#eef0ed;border-radius:3px}
.wr-bgt-bar u{display:block;height:100%;background:#3d7a5f;border-radius:3px}
.wr-bgt-room.is-tight .wr-bgt-bar u{background:#b4443a}
.wr-bgt-room-foot{display:flex;justify-content:space-between;font-size:.58rem}
.wr-bgt-room-foot i{color:#7b857f;font-style:normal}
.wr-bgt-room.is-tight .wr-bgt-room-foot i{color:#b4443a;font-weight:600}
.wr-bgt-room-foot em{color:#3d7a5f;font-style:normal;font-weight:600}

.wr-bgt-sec{padding:0 16px 14px}
.wr-bgt-sec-head{display:flex;align-items:baseline;gap:.5rem;padding:.5rem 0;color:#3f4a44;font-size:.7rem;font-weight:600}
.wr-bgt-sec-head span{margin-left:auto;color:#a3aca7;font-size:.58rem;font-weight:400}
.wr-bgt-row{display:grid;grid-template-columns:1.15fr 1.5fr .7fr .7fr .8fr;gap:.5rem;padding:.42rem 0;border-top:1px solid #f4f6f3;font-size:.62rem}
.wr-bgt-row--head{border-top:0;color:#98a19c;font-size:.5rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}
.wr-bgt-row span:nth-child(n+3){text-align:right}
.wr-bgt-row i{padding:.1rem .35rem;color:#2f7350;background:#e7f3ec;border-radius:5px;font-size:.55rem;font-style:normal}
.wr-bgt-row .is-out{color:#b4443a;font-weight:600}
.wr-bgt-row--total{background:#fafbfa;border-top:1px solid #e6e9e6;font-weight:600}
.wr-bgt-note{margin:0;padding:0 16px 14px;color:#a3aca7;font-size:.58rem;font-style:italic}
@media(max-width:640px){
  .wr-bgt-buckets{grid-template-columns:repeat(2,1fr)}
  .wr-bgt-rooms{grid-template-columns:1fr}
  .wr-bgt-row{grid-template-columns:1fr 1fr .8fr}
  .wr-bgt-row span:nth-child(4),.wr-bgt-row span:nth-child(5){display:none}
}
/* Estimates hero: the stage used to live in its own section after the proof
   strip, which split the hero in two. It now sits inside the hero like every
   other approved page — so it needs the left alignment back and the top gap
   the standalone section used to provide. */
.wr-estimate-hero .wr-estimate-stage{margin-top:clamp(2.5rem,5vw,4rem);text-align:left}
.wr-estimate-hero{padding-bottom:clamp(3rem,6vw,5rem)}
/* the real portfolio and utilization boards carry min-width:860px, so they need
   to scroll when dropped into a narrower page column */
.wr-wu-scroll{overflow-x:auto;padding:14px;background:#fff;border:1px solid #e2e5e2;border-radius:18px;box-shadow:0 26px 60px -34px rgba(20,37,29,.3)}
/* WorkPay lockup — the mark sits with the name wherever WorkPay appears as a
   label, button or heading. Deliberately not injected mid-sentence in prose. */
.wr-wp{display:inline-block;width:1.05em;min-width:15px;height:1.05em;min-height:15px;margin-right:.36em;vertical-align:-.2em;border-radius:4px;overflow:hidden}
h2 .wr-wp{width:.82em;height:.82em;min-width:26px;min-height:26px;margin-right:.28em;vertical-align:-.02em;border-radius:7px}

/* Toggles: pill + knob, with a border so the off state reads on a white card. */
.wr-set-sw,.wr-perm-sw,.wr-df-sw{position:relative;display:block;flex:0 0 34px;width:34px;height:20px;background:#dfe3e0;border:1px solid #d0d6d2;border-radius:999px;box-shadow:none}
.wr-set-sw::after,.wr-perm-sw::after,.wr-df-sw::after{position:absolute;top:2px;left:2px;width:14px;height:14px;background:#fff;border-radius:50%;box-shadow:0 1px 2px rgba(20,37,29,.25);content:""}
.wr-set-sw.is-on,.wr-perm-sw.is-on,.wr-df-sw.is-on{background:#3d7a5f;border-color:#357056}
.wr-set-sw.is-on::after,.wr-perm-sw.is-on::after,.wr-df-sw.is-on::after{left:16px}
/* the processor tile now carries the real WorkPay logo instead of a typed W */
.wr-estimate-processor-card i.is-logo{display:grid;place-items:center;overflow:hidden;background:transparent;border-radius:9px}
.wr-estimate-processor-card i.is-logo img{width:100%;height:100%;object-fit:cover;border-radius:9px}
/* Invoicing hero: same merge as Estimates — the stage lived in its own section
   after the trusted-by strip, which put the marquee inside the hero visually. */
.wr-invoice-hero .wr-invoice-stage{margin-top:clamp(2.5rem,5vw,4rem);text-align:left}
.wr-invoice-hero{padding-bottom:clamp(3rem,6vw,5rem)}

/* ─── Role-page hero shapes ────────────────────────────────────────────────
   All five role heroes were the same photo-with-floating-card. These give each
   role a shape that matches how that person actually reads: a principal wants
   one number, a PM wants a grid, a director wants a permissions list. */

/* one number, no product screen — restraint reads as confidence */
.wr-scene-figure{max-width:900px;margin:clamp(2.5rem,5vw,4rem) auto 0;padding:clamp(2rem,4vw,3rem) clamp(1.5rem,4vw,3rem);background:#fff;border:1px solid #e6e3dc;border-radius:26px;box-shadow:0 34px 80px -46px rgba(20,37,29,.34);text-align:center}
.wr-scene-figure small{display:block;color:#8b948f;font-size:.6rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase}
.wr-scene-figure>b{display:block;margin-top:.5rem;color:#1e1e1e;font-size:clamp(3rem,8vw,5.6rem);line-height:.9;letter-spacing:-.06em}
.wr-scene-figure-note b{color:#1e1e1e;font-size:inherit;font-weight:700}
.wr-scene-figure-row{display:flex;flex-wrap:wrap;justify-content:center;gap:clamp(1.2rem,4vw,3rem);margin-top:1.6rem;padding-top:1.4rem;border-top:1px solid #eef0ed}
.wr-scene-figure-row div{min-width:132px}
.wr-scene-figure-row span{display:block;color:#8b948f;font-size:.58rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase}
.wr-scene-figure-row i{display:block;margin-top:.25rem;color:#1e1e1e;font-size:1.15rem;font-style:normal;letter-spacing:-.02em}
.wr-scene-figure-row div.is-flag i{color:#b4443a}
.wr-scene-figure-note{margin:1.4rem auto 0;max-width:60ch;color:#7b857f;font-size:.76rem;line-height:1.6}

/* photo and component side by side — neither on top of the other */
.wr-scene-split{display:grid;grid-template-columns:.82fr 1.18fr;gap:clamp(1rem,2.5vw,1.6rem);align-items:stretch;margin-top:clamp(2.5rem,5vw,4rem);text-align:left}
.wr-scene-split>figure{margin:0;overflow:hidden;border-radius:24px}
.wr-scene-split>figure img{display:block;width:100%;height:100%;object-fit:cover;object-position:50% 22%}
.wr-scene-split-pane{display:flex;align-items:center}
.wr-scene-split-pane>*{width:100%}

/* photo above, component below at full width */
.wr-scene-stack{margin-top:clamp(2.5rem,5vw,4rem);text-align:left}
.wr-scene-stack>figure{margin:0 0 clamp(1rem,2.5vw,1.5rem);overflow:hidden;border-radius:24px}
/* never crop — the art direction requires the whole frame, heads included */
.wr-scene-stack>figure img{display:block;width:100%;height:auto}

/* component alone, no photograph at all */
.wr-scene-solo{margin-top:clamp(2.5rem,5vw,4rem);padding:16px;overflow-x:auto;background:#fff;border:1px solid #e6e3dc;border-radius:24px;box-shadow:0 34px 80px -46px rgba(20,37,29,.34);text-align:left}
.wr-scene-cap{max-width:64ch;margin:1.1rem auto 0;color:#7b857f;font-size:.8rem;line-height:1.6;text-align:center}
@media(max-width:900px){
  .wr-scene-split{grid-template-columns:1fr}
  .wr-scene-split>figure{max-height:260px}
}

/* ─── Migration ────────────────────────────────────────────────────────────
   Service page: hero with the platform hub graphic, three pricing tiers, two
   process paths, trust blocks. Copy supplied verbatim by the client. */
.wr-mig-hero{padding:clamp(4rem,8vw,7rem) 0 clamp(3rem,6vw,5rem);background:#f3eee6}
.wr-mig-hero .container{max-width:1180px}
.wr-mig-hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:clamp(2rem,5vw,4rem);align-items:center}
.wr-mig-hero h1{margin:1rem 0 0;font-size:clamp(2.4rem,4.8vw,4.4rem);line-height:.96;letter-spacing:-.06em}
.wr-mig-hero h1 em{color:#3d7a5f;font-style:normal}
.wr-mig-hero .lead{max-width:52ch;margin:1.5rem 0 0;color:#5e6964;font-size:clamp(1rem,1.5vw,1.18rem);line-height:1.65}
.wr-mig-hero .hero-actions{margin:1.8rem 0 0}
.wr-mig-hero-alt{margin:.9rem 0 0;font-size:.82rem}
.wr-mig-hero-art{margin:0}
.wr-mig-hero-art img{display:block;width:100%;height:auto}

.wr-mig-problem{max-width:760px;margin:0 auto;text-align:center}
.wr-mig-problem h2{font-size:clamp(1.9rem,3.4vw,3rem);letter-spacing:-.045em}
.wr-mig-problem p{margin:1.2rem 0 0;color:#5e6964;font-size:clamp(.95rem,1.4vw,1.1rem);line-height:1.7}
.wr-mig-problem-close{color:#1e1e1e!important;font-weight:600}

.wr-mig-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.wr-mig-grid article{padding:22px;background:#fff;border:1px solid #ebebe8;border-radius:20px}
.wr-mig-grid article.is-addon{background:#f2f8f4;border-color:#d9e7e0}
.wr-mig-grid h3{margin:.9rem 0 .4rem;font-size:1.02rem;letter-spacing:-.02em}
.wr-mig-grid h3 i{margin-left:.4rem;padding:.14rem .4rem;color:#2f7350;background:#dff1e7;border-radius:5px;font-size:.55rem;font-style:normal;font-weight:700;letter-spacing:.08em;text-transform:uppercase;vertical-align:middle}
.wr-mig-grid p{margin:0;color:#5e6964;font-size:.82rem;line-height:1.6}
.wr-mig-ic{display:grid;place-items:center;width:38px;height:38px;color:#3d7a5f;background:#eef5f1;border-radius:11px}
.wr-mig-ic svg{width:19px;height:19px}

.wr-mig-tiers{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;align-items:start}
.wr-mig-tiers article{position:relative;display:flex;flex-direction:column;padding:26px 24px;background:#fff;border:1px solid #ebebe8;border-radius:22px}
.wr-mig-tiers article.is-featured{border:2px solid #3d7a5f;box-shadow:0 30px 66px -38px rgba(20,37,29,.34)}
.wr-mig-tier-tag{position:absolute;top:-11px;left:24px;padding:.24rem .55rem;color:#fff;background:#3d7a5f;border-radius:999px;font-size:.55rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase}
.wr-mig-tier-eyebrow{display:block;color:#3d7a5f;font-size:.62rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase}
.wr-mig-tier-size{margin:.3rem 0 0;color:#98a19c;font-size:.76rem}
.wr-mig-tier-price{display:flex;align-items:baseline;gap:.4rem;margin:.9rem 0 0}
.wr-mig-tier-price b{font-size:2.3rem;letter-spacing:-.04em}
.wr-mig-tier-price small{color:#98a19c;font-size:.7rem}
.wr-mig-tier-inc{margin:.2rem 0 1rem;padding-bottom:1rem;color:#5e6964;border-bottom:1px solid #eef0ed;font-size:.8rem}
.wr-mig-tiers .checklist{flex:1;margin:0 0 1.4rem}
.wr-mig-tiers .btn{width:100%;text-align:center}

.wr-mig-tags{display:flex;flex-wrap:wrap;justify-content:center;gap:.5rem;margin:2rem 0 0}
.wr-mig-tags span{padding:.34rem .7rem;color:#3f4a44;background:#fff;border:1px solid #e6e3dc;border-radius:999px;font-size:.72rem}
.wr-mig-note{max-width:760px;margin:1.8rem auto 0;padding:16px 20px;background:#fff;border:1px solid #ebebe8;border-radius:16px}
.wr-mig-note p{margin:0;color:#5e6964;font-size:.84rem;line-height:1.65}
.wr-mig-csv{display:flex;flex-wrap:wrap;align-items:center;gap:1.2rem;max-width:760px;margin:14px auto 0;padding:18px 22px;background:#1d3028;border-radius:18px}
.wr-mig-csv>div{flex:1;min-width:260px}
.wr-mig-csv strong{display:block;color:#fff;font-size:.95rem}
.wr-mig-csv p{margin:.3rem 0 0;color:#bcd0c6;font-size:.8rem;line-height:1.6}
.wr-mig-csv p b{color:#fff}
.wr-mig-csv .btn{color:#173228;background:#dcece4;border-color:transparent}

.wr-mig-paths{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.wr-mig-path{padding:24px;background:#fff;border:1px solid #ebebe8;border-radius:20px}
.wr-mig-path-head{display:block;margin-bottom:1rem;padding-bottom:.8rem;color:#3d7a5f;border-bottom:1px solid #eef0ed;font-size:.68rem;font-weight:700;letter-spacing:.11em;text-transform:uppercase}
.wr-mig-path ol{margin:0;padding-left:1.2rem;color:#5e6964;font-size:.86rem;line-height:1.65}
.wr-mig-path li{margin:.6rem 0}
.wr-mig-path li i{color:#98a19c;font-size:.78rem}
.wr-mig-clock{max-width:70ch;margin:1.6rem auto 0;color:#7b857f;font-size:.78rem;line-height:1.6;text-align:center}

.wr-mig-trust{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}
.wr-mig-trust article{padding:20px;background:#fff;border:1px solid #ebebe8;border-radius:18px}
.wr-mig-trust h3{margin:.85rem 0 .35rem;font-size:.9rem;letter-spacing:-.01em}
.wr-mig-trust p{margin:0;color:#5e6964;font-size:.78rem;line-height:1.6}
.wr-mig-end-note{margin:1.4rem 0 0;color:#bcd0c6;font-size:.8rem}

@media(max-width:960px){
  .wr-mig-hero-grid{grid-template-columns:1fr}
  .wr-mig-hero-art{max-width:460px;margin:0 auto}
  .wr-mig-grid,.wr-mig-tiers{grid-template-columns:1fr 1fr}
  .wr-mig-trust{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:680px){
  .wr-mig-grid,.wr-mig-tiers,.wr-mig-paths,.wr-mig-trust{grid-template-columns:1fr}
}
/* Hospitality design-partner block */
.wr-partner{max-width:900px;margin:0 auto;padding:clamp(1.8rem,4vw,3rem);background:#fff;border:1px solid #ebebe8;border-radius:26px;text-align:center}
.wr-partner h2{margin:.6rem 0 0;font-size:clamp(1.7rem,3vw,2.5rem);letter-spacing:-.04em}
.wr-partner-grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(1.2rem,3vw,2.4rem);margin:2rem 0 0;text-align:left}
.wr-partner-grid strong{display:block;padding-bottom:.6rem;color:#3d7a5f;border-bottom:1px solid #eef0ed;font-size:.68rem;font-weight:700;letter-spacing:.11em;text-transform:uppercase}
.wr-partner-grid .checklist{margin-top:.9rem}
.wr-partner-note{max-width:62ch;margin:1.8rem auto 1.6rem;color:#5e6964;font-size:.86rem;line-height:1.7}
@media(max-width:680px){.wr-partner-grid{grid-template-columns:1fr}}
/* Segment-page heroes: same shape as the other approved solution heroes */
.wr-solmf-hero,.wr-solcm-hero,.wr-solho-hero{padding:clamp(5rem,9vw,8rem) 0 clamp(3rem,6vw,5rem);background:#f3eee6;text-align:center}
.wr-solmf-hero .container,.wr-solcm-hero .container,.wr-solho-hero .container{max-width:1180px}
.wr-solmf-hero h1,.wr-solcm-hero h1,.wr-solho-hero h1{max-width:1000px;margin:1rem auto 0;font-size:clamp(2.3rem,4.6vw,4.3rem);line-height:.96;letter-spacing:-.06em}
.wr-solho-hero h1{max-width:1080px;font-size:clamp(2rem,3.9vw,3.6rem);line-height:1.02;letter-spacing:-.05em}
.wr-solmf-hero h1 em,.wr-solcm-hero h1 em,.wr-solho-hero h1 em{color:#3d7a5f;font-style:normal}
.wr-solmf-hero .lead,.wr-solcm-hero .lead,.wr-solho-hero .lead{max-width:860px;margin:1.8rem auto 0;color:#5e6964;font-size:clamp(1rem,1.5vw,1.2rem);line-height:1.65}
.wr-solmf-hero .hero-actions,.wr-solcm-hero .hero-actions,.wr-solho-hero .hero-actions{justify-content:center;margin:1.8rem 0 0}
/* The Migration featured card carries the platform-hub graphic, which is square
   and needs to sit whole rather than be cropped to 4:3 like a photograph. */
.mega-featured-card img[src$="migration.svg"]{height:auto;aspect-ratio:1;object-fit:contain;background:#fff}
/* Residential hero: the shared overlap pulls the inner card up by only ~59px,
   which works for a compact card but leaves a full product table dangling below
   a tall photograph. Overlap the bottom third instead — the staircase and the
   figure sit in the upper two-thirds, so nothing important is covered. */
.wr-solres-page .wr-ao-scene-inner{width:100%;margin-top:clamp(-260px,-22vw,-150px)}
.wr-solres-page .wr-ao-scene-photo{border-radius:26px}
@media(max-width:900px){
  .wr-solres-page .wr-ao-scene-inner{width:100%;margin-top:-40px}
}
/* .wr-ao-scene-inner>* assumes the direct child is the card itself. On
   Residential the child is .wr-sr-stage — a transparent, square-cornered
   wrapper — so that blanket shadow rendered as a hard 90° frame behind the
   rounded window. Move the shadow onto the window, and let it fill the width
   so the photo doesn't show as slivers down either side. */
.wr-solres-page .wr-ao-scene-inner>.wr-sr-stage{box-shadow:none}
.wr-solres-page .wr-ao-scene-inner .wr-sr-window{max-width:none;box-shadow:0 44px 90px -40px rgba(20,37,29,.52)}
/* Residential hero: the photograph pins while the product tile scrolls up and
   stacks over it. Two ancestors use overflow:hidden, which creates a scroll
   container and disables sticky — overflow:clip clips identically without one. */
@media(min-width:901px) and (prefers-reduced-motion:no-preference){
  .page-canvas:has(.wr-solres-page){overflow:clip}
  .wr-solres-page .wr-solres-hero{overflow:clip}
  .wr-solres-page .wr-ao-scene-photo{position:sticky;top:clamp(78px,9vh,110px)}
  .wr-solres-page .wr-ao-scene-inner{position:relative;z-index:3}
}
/* Hospitality coming-soon page */
.wr-solho-sub{margin:1rem 0 0;color:#7b857f;font-size:.86rem}
.wr-solho-why{max-width:720px;margin:0 auto;text-align:center}
.wr-solho-why h2{font-size:clamp(1.7rem,3vw,2.5rem);line-height:1.14;letter-spacing:-.04em}
.wr-solho-why p{margin:1.3rem 0 0;color:#5e6964;font-size:clamp(.95rem,1.4vw,1.08rem);line-height:1.75}
.wr-solho-why-close{color:#1e1e1e!important;font-weight:600}
.wr-solho-cards{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.wr-solho-cards article{padding:28px;background:#fafbfa;border:1px solid #ebebe8;border-radius:22px}
.wr-solho-cards h3{margin:1rem 0 .5rem;color:#3d7a5f;font-size:1.12rem;letter-spacing:-.02em}
.wr-solho-cards p{margin:0;color:#5e6964;font-size:.88rem;line-height:1.65}
.wr-solho-ic{display:grid;place-items:center;width:42px;height:42px;color:#3d7a5f;background:#eef5f1;border-radius:12px}
.wr-solho-ic svg{width:21px;height:21px}
.wr-solho-who{max-width:760px;margin:0 auto;text-align:center}
.wr-solho-who p{margin:.8rem 0 0;color:#5e6964;font-size:clamp(.95rem,1.4vw,1.1rem);line-height:1.75}
.wr-solho-help{padding:clamp(6rem,12vw,11rem) 0;text-align:center}
.wr-solho-help h2{max-width:900px;margin:.8rem auto 0;font-size:clamp(1.8rem,3.3vw,2.8rem);line-height:1.14;letter-spacing:-.04em}
.wr-solho-help p{max-width:660px;margin:1.6rem auto 0;color:#5e6964;font-size:clamp(.95rem,1.4vw,1.1rem);line-height:1.75}
@media(max-width:760px){.wr-solho-cards{grid-template-columns:1fr}}
/* About: the team photograph that replaced the art-direction placeholder */
.wr-about-photo{padding:clamp(1rem,3vw,2rem) 0 clamp(3rem,6vw,5rem)}
.wr-about-photo figure{margin:0;overflow:hidden;border-radius:26px}
.wr-about-photo img{display:block;width:100%;height:auto}
/* Pricing: AI is billed on credits, not as an add-on */
.wr-pr-ai{display:flex;gap:1rem;align-items:flex-start;max-width:820px;margin:2.4rem auto 0;padding:20px 24px;background:#fafbfa;border:1px solid #ebebe8;border-radius:18px}
.wr-pr-ai-tag{flex:0 0 auto;padding:.22rem .55rem;color:#8a6420;background:#f7ecd6;border-radius:999px;font-size:.58rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase}
.wr-pr-ai strong{display:block;font-size:.95rem}
.wr-pr-ai p{margin:.35rem 0 0;color:#5e6964;font-size:.84rem;line-height:1.65}
@media(max-width:600px){.wr-pr-ai{flex-direction:column;gap:.7rem}}

/* three plans now, so the cards need a narrower measure and a tablet breakpoint */
@media(max-width:1024px) and (min-width:761px){.wr-pr-plans{grid-template-columns:1fr 1fr;max-width:820px}}
/* Placeholder where a form will be wired in at handoff */
.wr-formslot{padding:28px;background:#fafbfa;border:2px dashed #cfd6d2;border-radius:18px;text-align:center}
.wr-formslot-tag{display:inline-block;padding:.22rem .55rem;color:#5e6964;background:#eef0ed;border-radius:999px;font-size:.56rem;font-weight:700;letter-spacing:.11em;text-transform:uppercase}
.wr-formslot strong{display:block;margin-top:.7rem;font-size:1.15rem;letter-spacing:-.02em}
.wr-formslot p{margin:.4rem auto 0;max-width:46ch;color:#5e6964;font-size:.84rem;line-height:1.6}
.wr-formslot small{display:block;margin-top:.9rem;color:#a3aca7;font-size:.66rem}
/* Compare pages: honest framing and the capability table each get their own island */
.wr-cmp-page .wr-cmp-framing{padding:clamp(3.5rem,7vw,6rem) 0;background:#F1F1ED}
.wr-cmp-page .wr-cmp-table{padding:clamp(3.5rem,7vw,6rem) 0;background:#fff}
.wr-cmp-page .wr-proof{background:#fdfdfd}
/* Founder quote on compare pages — the one dark island on the page */
.wr-cmp-quote{padding:clamp(4rem,8vw,7rem) 0;background:#1d3028}
.wr-cmp-quote figure{max-width:900px;margin:0 auto;text-align:center}
.wr-cmp-quote blockquote{margin:0;color:#fff;font-size:clamp(1.35rem,2.6vw,2.1rem);line-height:1.32;letter-spacing:-.035em}
.wr-cmp-quote figcaption{margin-top:1.8rem;padding-top:1.4rem;border-top:1px solid rgba(255,255,255,.16)}
.wr-cmp-quote figcaption strong{display:block;color:#fff;font-size:.9rem}
.wr-cmp-quote figcaption span{display:block;margin-top:.2rem;color:#9fd0b7;font-size:.78rem}
/* Provenance note under a comparison table */
.wr-cmp-src{max-width:70ch;margin:1.4rem auto 0;color:#98a19c;font-size:.72rem;line-height:1.6;text-align:center}

/* ---------- Legal pages (terms, privacy, MSA, refunds) ---------------------
   Long-form documents: a sticky contents rail beside a single measured column.
   Nothing here is decorative — the job is reading a contract without losing
   your place. */
.wr-legal-page .wr-legal-updated{margin-top:1.4rem;color:#6d7873;font-size:.82rem}
.wr-legal-todo{padding:.1em .45em;background:rgba(243,200,75,.72);border-radius:4px;color:var(--ink);font-size:.82rem}
.wr-legal-body{padding:clamp(3rem,6vw,5rem) 0 clamp(4rem,8vw,6rem);background:#fff}
.wr-legal-grid{display:grid;gap:clamp(2rem,5vw,4rem);align-items:start;grid-template-columns:minmax(0,1fr)}
.wr-legal-toc{display:none}
.wr-legal-prose{max-width:72ch}
.wr-legal-prose h2{margin:2.6rem 0 .9rem;font-size:clamp(1.15rem,2vw,1.45rem);letter-spacing:-.02em;scroll-margin-top:110px}
.wr-legal-prose h2:first-child{margin-top:0}
.wr-legal-prose h3{margin:1.9rem 0 .6rem;color:#2c3a34;font-size:.95rem;letter-spacing:-.01em}
.wr-legal-prose p{margin:0 0 1.05rem;color:#3d4844;font-size:.94rem;line-height:1.72}
.wr-legal-prose ul{margin:0 0 1.2rem;padding-left:1.1rem}
.wr-legal-prose li{margin-bottom:.55rem;color:#3d4844;font-size:.94rem;line-height:1.7}
.wr-legal-prose a{color:var(--green);text-decoration:underline;text-underline-offset:2px}
.wr-legal-addr{padding-left:1rem;border-left:2px solid var(--line)}
@media(min-width:961px){
  .wr-legal-grid{grid-template-columns:246px minmax(0,1fr)}
  .wr-legal-toc{display:block;position:sticky;top:clamp(88px,10vh,120px)}
  .wr-legal-toc>p{margin:0 0 .7rem;color:#8b948f;font-size:.68rem;letter-spacing:.12em;text-transform:uppercase}
  .wr-legal-toc ol{margin:0;padding:0;list-style:none}
  .wr-legal-toc li{margin-bottom:.42rem;font-size:.8rem;line-height:1.4}
  .wr-legal-toc a{display:block;color:#5a655f;text-decoration:none}
  .wr-legal-toc a:hover{color:var(--green)}
}
/* A customer card with no portrait shouldn't hold the 140px photo column open. */
.wr-case:not(:has(.wr-case-photo)){grid-template-columns:minmax(0,1fr);max-width:760px;text-align:center}
.wr-case:not(:has(.wr-case-photo)) .wr-case-stars{justify-content:center}
/* Project management hero: copy and product stage are one island, not two.
   The hero centers its text; the stage inside it must not inherit that. */
.wr-pm-hero:has(.wr-pm-stage){overflow:hidden;padding-bottom:0}
.wr-pm-stage-wrap{padding:clamp(3.5rem,7vw,6rem) 0 clamp(5rem,10vw,9rem)}
.wr-pm-stage{text-align:left}
/* The project-management product window, reused flat on the homepage:
   on its own page it floats over a photograph, here it stands on its own. */
.wr-wip-section .wr-pm-product{position:static;width:100%;max-width:1080px;margin:2.5rem auto 0;background:#fff;backdrop-filter:none}
@media(max-width:700px){.wr-wip-section .wr-pm-product{overflow-x:auto}}
/* Initials avatars and a star row, for reviews that arrived without a portrait. */
.quote-avatar--pink{background:#f7d9e3;color:#7d3f55}
.quote-avatar--purple{background:#6d4bb5;color:#fff}
.quote-stars{display:flex;gap:3px;margin-bottom:.7rem}
.quote-stars svg{width:14px;height:14px}

/* ---------- Moodboards (benefits/moodboards) -------------------------------
   The editor is the hero: chrome around a canvas of real products. Everything
   here is scoped to .wr-mb-page so the board chrome can't leak. */
.wr-mb-hero{padding:clamp(4.5rem,9vw,7.5rem) 0 0;background:#f7f5ef;text-align:center;overflow:hidden}
.wr-mb-hero .container{max-width:1180px}
.wr-mb-hero h1{max-width:1040px;margin:1rem auto 0;font-size:clamp(2.2rem,4.4vw,4.3rem);line-height:.94;letter-spacing:-.06em}
.wr-mb-hero h1 em{color:#3d7a5f;font-style:normal}
.wr-mb-hero .lead{max-width:760px;margin:1.6rem auto 0}
.wr-mb-stage-wrap{padding:clamp(2.6rem,5vw,4rem) 0 clamp(4rem,8vw,6.5rem);text-align:left}

.wr-mb-editor{overflow:hidden;background:#fff;border:1px solid rgba(31,45,39,.13);border-radius:18px;box-shadow:0 38px 90px rgba(27,42,35,.22)}
.wr-mb-bar{display:flex;align-items:center;gap:8px;padding:10px 14px;background:#fbfcfb;border-bottom:1px solid #e4e8e5;font-size:.64rem;color:#5c6863}
.wr-mb-bar strong{font-size:.78rem;color:#20362e}
.wr-mb-bar-sp{flex:1}
.wr-mb-back{color:#8d968f}
.wr-mb-live{display:inline-flex;align-items:center;gap:5px;padding:2px 9px;background:#e8f3ec;border-radius:999px;color:#2f6a51;font-style:normal;font-weight:600}
.wr-mb-live i{width:6px;height:6px;background:#3d7a5f;border-radius:50%}
.wr-mb-who{display:grid;place-items:center;width:21px;height:21px;background:#f7d9e3;border-radius:50%;color:#7d3f55;font-size:.5rem;font-weight:700;letter-spacing:.01em}
.wr-mb-btn{padding:4px 9px;border:1px solid #e2e7e3;border-radius:7px;background:#fff;white-space:nowrap}
.wr-mb-btn.is-key{border-color:#c6d8cd;color:#2f6a51;font-weight:600}
.wr-mb-btn.is-share{background:#3d7a5f;border-color:#3d7a5f;color:#fff;font-weight:600}
.wr-mb-body{display:grid;grid-template-columns:78px 168px minmax(0,1fr) 214px;min-height:430px;background:#eef0ec}
.wr-mb-rail{display:flex;flex-direction:column;gap:2px;padding:10px 4px;background:#fff;border-right:1px solid #e9ece9;text-align:center}
.wr-mb-rail span{display:block;padding:9px 2px;border-radius:8px;color:#3f4a45;font-size:.52rem;letter-spacing:.01em}
.wr-mb-rail svg{display:block;width:19px;height:19px;margin:0 auto 5px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.wr-mb-rail span.is-active{background:#eef4f0;color:#2f6a51;font-weight:600}
.wr-mb-templates{padding:10px 9px;background:#fff;border-right:1px solid #e9ece9;overflow:hidden}
.wr-mb-templates article{margin-bottom:9px;padding:7px;background:#fff;border:1px solid #eceeea;border-radius:8px}
.wr-mb-templates small{display:block;margin-top:6px;color:#20362e;font-size:.56rem;font-weight:600;line-height:1.3}
.wr-mb-tpl{display:grid;gap:3px;height:52px;padding:5px;background:#fff;border-radius:5px}
.wr-mb-tpl b,.wr-mb-tpl i{display:block;background:#dfe4dd;border-radius:2px}
.wr-mb-tpl i{background:var(--c)}
.wr-mb-tpl b.is-bar{background:#e9ece8}
.wr-mb-tpl--concept{grid-template-columns:1.5fr 1fr;grid-template-rows:repeat(3,1fr)}
.wr-mb-tpl--concept b.is-big{grid-row:1/4}
.wr-mb-tpl--concept i{display:none}
.wr-mb-tpl--six{grid-template-columns:repeat(3,1fr);grid-template-rows:7px 1fr 1fr}
.wr-mb-tpl--six b.is-bar{grid-column:1/4}
.wr-mb-tpl--hero{grid-template-columns:1.6fr 1fr;grid-template-rows:7px repeat(3,1fr)}
.wr-mb-tpl--hero b.is-bar{grid-column:1/3}
.wr-mb-tpl--hero b.is-big{grid-row:2/5}
.wr-mb-tpl--mat{grid-template-columns:repeat(4,1fr);grid-template-rows:7px 1fr 1fr}
.wr-mb-tpl--mat b.is-bar{grid-column:1/5}
.wr-mb-tpl--mat b{grid-column:span 2}
.wr-mb-tpl--slots{grid-template-columns:repeat(3,1fr);grid-template-rows:7px 1fr 1fr}
.wr-mb-tpl--slots b.is-bar{grid-column:1/4}

.wr-mb-canvas{display:grid;place-items:center;padding:12px;background:#eef0ec}
.wr-mb-board{position:relative;width:100%;aspect-ratio:16/9;background:#fff;box-shadow:0 8px 26px -14px rgba(28,40,34,.4)}
.wr-mb-board>img{display:block;width:100%;height:100%;object-fit:cover}
.wr-mb-sel{position:absolute;top:33.5%;left:22.6%;width:13%;height:25%;border:1.5px solid #3d7a5f;box-shadow:0 0 0 3px rgba(61,122,95,.16)}
.wr-mb-sel::before,.wr-mb-sel::after{position:absolute;width:7px;height:7px;background:#fff;border:1.5px solid #3d7a5f;content:""}
.wr-mb-sel::before{top:-4px;left:-4px}
.wr-mb-sel::after{bottom:-4px;right:-4px}
.wr-mb-insp{padding:12px 13px;background:#fff;border-left:1px solid #e9ece9;font-size:.62rem;color:#5c6863}
.wr-mb-insp h4{margin:0 0 7px;color:#8b948f;font-size:.55rem;font-weight:700;letter-spacing:.11em;text-transform:uppercase}
.wr-mb-insp h4+h4,.wr-mb-tools+h4,.wr-mb-approved+h4{margin-top:14px}
.wr-mb-slot{display:flex;align-items:center;gap:7px;padding:6px 8px;border:1px solid #e6eae6;border-radius:7px}
.wr-mb-meta{margin:9px 0 0}
.wr-mb-meta>div{display:flex;justify-content:space-between;gap:10px;padding:4px 0;border-bottom:1px solid #f0f2ef}
.wr-mb-meta dt{color:#8b948f}
.wr-mb-meta dd{margin:0;color:#20362e;font-weight:600;text-align:right}
.wr-mb-tools{display:flex;flex-wrap:wrap;gap:5px;margin-top:10px}
.wr-mb-tools span{padding:4px 8px;border:1px solid #e2e7e3;border-radius:7px}
.wr-mb-approved b{color:#2f6a51}
.wr-mb-xy{display:grid;grid-template-columns:1fr 1fr;gap:6px}
.wr-mb-xy label{display:flex;justify-content:space-between;gap:6px;padding:5px 7px;background:#f7f9f7;border-radius:6px;color:#8b948f}
.wr-mb-xy b{color:#20362e}
.wr-mb-pages{display:flex;flex-wrap:wrap;gap:7px;padding:9px 13px;background:#fbfcfb;border-top:1px solid #e4e8e5;font-size:.62rem;color:#5c6863}
.wr-mb-pages span{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border:1px solid #e2e7e3;border-radius:7px;background:#fff}
.wr-mb-pages span.is-active{border-color:#c6d8cd;color:#2f6a51;font-weight:600}
.wr-mb-pages i{display:grid;place-items:center;width:15px;height:15px;background:#eef2ef;border-radius:4px;font-size:.52rem;font-style:normal}
.wr-mb-addpage{color:#8b948f}

.wr-mb-link{margin-bottom:0}
.wr-mb-modal,.wr-mb-revert{max-width:520px;margin:clamp(2rem,4vw,3rem) auto 0;padding:18px;background:#fff;border:1px solid var(--line);border-radius:16px;box-shadow:0 26px 60px -34px rgba(20,37,29,.32)}
.wr-mb-modal header,.wr-mb-revert header{display:flex;align-items:center;justify-content:space-between;font-family:var(--display);font-size:1rem;font-weight:700;color:var(--ink)}
.wr-mb-url{margin:12px 0 0;padding:9px 11px;border:1.5px solid #3d7a5f;border-radius:9px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.72rem;color:#3f4a45;word-break:break-all}
.wr-mb-preview{margin:10px 0 0;padding:12px;background:#f4f5f2;border-radius:10px;text-align:center}
.wr-mb-preview img{display:block;width:100%;max-width:230px;margin:0 auto;border-radius:8px}
.wr-mb-preview figcaption{margin-top:8px;color:#7f8a84;font-size:.74rem}
.wr-mb-modal-act{display:flex;gap:9px;margin-top:14px}
.wr-mb-modal-act span,.wr-mb-modal-act b{flex:1;padding:10px;border:1px solid #e2e7e3;border-radius:10px;font-size:.8rem;text-align:center}
.wr-mb-modal-act b{background:#3d7a5f;border-color:#3d7a5f;color:#fff}
.wr-mb-modal-act b.is-ghost{background:#fff;border-color:#3d7a5f;color:#2f6a51}
.wr-mb-changed{margin:12px 0 0;font-size:.8rem;color:#5c6863}
.wr-mb-revert-thumb{overflow:hidden;margin:10px 0 0;border-radius:10px}
.wr-mb-revert-thumb img{display:block;width:100%;height:auto}
.wr-mb-revert-note{margin:10px 0 0;color:#8b948f;font-size:.74rem}

.wr-mb-specpanel{overflow:hidden;background:#fff;border:1px solid var(--line);border-radius:16px;box-shadow:0 26px 60px -38px rgba(20,37,29,.3)}
.wr-mb-specpanel header{padding:12px 15px;background:#f7f9f7;border-bottom:1px solid #e9ece9;font-size:.68rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:#5c6863}
.wr-mb-specrow{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:11px 15px;border-bottom:1px solid #f0f2ef;font-size:.82rem}
.wr-mb-specrow b{display:block;color:var(--ink)}
.wr-mb-specrow small{color:#8b948f;font-size:.72rem}
.wr-mb-specrow em{font-style:normal;font-weight:600;white-space:nowrap}
.wr-mb-specfoot{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 15px;background:#fbfcfb;font-size:.8rem;color:#5c6863}
.wr-mb-specfoot b{padding:8px 14px;background:#3d7a5f;border-radius:9px;color:#fff;font-size:.76rem}

.wr-mb-pins{display:grid;grid-template-columns:repeat(3,1fr);gap:1.1rem;margin-top:clamp(1.6rem,3vw,2.4rem)}
.wr-mb-pin{position:relative;padding:20px 18px 18px;background:#fff;border:1px solid var(--line);border-radius:16px}
.wr-mb-pin-n{position:absolute;top:-11px;left:18px;display:grid;place-items:center;width:24px;height:24px;background:#3d7a5f;border-radius:50%;color:#fff;font-size:.72rem;font-weight:700}
.wr-mb-pin p{margin:0;font-size:.94rem;line-height:1.5}
.wr-mb-pin-reply{margin-top:12px;padding:8px 11px;border:1.5px solid #20362e;border-radius:9px;color:#9aa39d;font-size:.78rem}
.wr-mb-pin.is-status{background:#f3f6f4}
.wr-mb-pin-status b{color:#2f6a51}
.wr-mb-pin-note{margin-top:8px!important;color:#6d7873;font-size:.82rem!important}

.wr-mb-brands{margin:1.2rem 0 0;padding:0;list-style:none;display:grid;grid-template-columns:1fr 1fr;gap:.4rem .9rem}
.wr-mb-brands li{display:flex;justify-content:space-between;gap:10px;padding:7px 0;border-bottom:1px solid var(--line);font-size:.86rem}
.wr-mb-brands b{color:#8b948f;font-weight:500}
.wr-mb-swatches{overflow:hidden;background:#fff;border:1px solid var(--line);border-radius:16px;box-shadow:0 26px 60px -38px rgba(20,37,29,.3)}
.wr-mb-swatches header{display:flex;align-items:baseline;justify-content:space-between;gap:12px;padding:13px 15px;border-bottom:1px solid #e9ece9;font-family:var(--display);font-weight:700;color:var(--ink)}
.wr-mb-swatches header span{color:#8b948f;font-family:var(--sans);font-size:.72rem;font-weight:500}
.wr-mb-sw-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;padding:15px}
.wr-mb-sw-grid span{position:relative;display:block;height:74px;background:var(--sw);border-radius:8px}
.wr-mb-sw-grid b{position:absolute;bottom:6px;left:6px;padding:2px 6px;background:rgba(255,255,255,.86);border-radius:4px;font-size:.6rem;font-weight:600;color:#3f4a45}
.wr-mb-sw-note{margin:0;padding:0 15px 15px;color:#8b948f;font-size:.72rem}

@media(max-width:1080px){
  .wr-mb-body{grid-template-columns:70px minmax(0,1fr) 190px}
  .wr-mb-templates{display:none}
}
@media(max-width:860px){
  .wr-mb-body{grid-template-columns:1fr;min-height:0}
  .wr-mb-rail{flex-direction:row;overflow-x:auto;border-right:0;border-bottom:1px solid #e9ece9}
  .wr-mb-canvas{aspect-ratio:16/10}
  .wr-mb-insp{border-left:0;border-top:1px solid #e9ece9}
  .wr-mb-pins{grid-template-columns:1fr}
  .wr-mb-brands{grid-template-columns:1fr}
}
/* The moodboards hero is centred; its buttons must follow the copy. */
.wr-mb-hero .hero-actions{justify-content:center}
.wr-mb-hero .hero-actions{margin-top:clamp(1.8rem,3.5vw,2.6rem)}
/* Careers */
.wr-careers-none{max-width:760px;margin:clamp(1.6rem,3vw,2.4rem) auto 0;padding:clamp(1.4rem,3vw,2rem);background:#fff;border:1px solid var(--line);border-radius:18px}
.wr-job-list{display:flex;flex-direction:column;gap:.9rem;margin-top:clamp(1.6rem,3vw,2.2rem)}
.wr-job{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap;background:#fff;border:1px solid var(--line);border-radius:14px;padding:1.15rem 1.4rem}
.wr-job h3{margin:0;font-size:1.15rem}
.wr-job-detail h2{margin-top:clamp(2.6rem,5vw,3.8rem)}
.wr-job-detail h2:first-child{margin-top:0}
.wr-job-meta{display:flex;flex-wrap:wrap;align-items:center;gap:.35rem 1.1rem;margin:.4rem 0 0;color:var(--muted);font-size:.9rem}
.wr-job-loc{display:inline-flex;align-items:center;gap:.3rem}
.wr-job-loc svg{flex:none}
.wr-careers-none p{margin:0;color:#3d4844;line-height:1.7}
.wr-careers-photo{overflow:hidden;margin:0;border-radius:24px}
.wr-careers-photo img{display:block;width:100%;height:100%;object-fit:cover}

/* ── Ambassador program ──────────────────────────────────────────────── */
.wr-amb-hero{padding:clamp(3.5rem,8vw,6rem) 0 clamp(2rem,4vw,3rem);text-align:center}
.wr-amb-hero h1{max-width:900px;margin-inline:auto}
.wr-amb-hero .lead{max-width:660px;margin:1.4rem auto 0}
.wr-amb-hero .hero-actions{justify-content:center;margin-top:1.8rem}
.wr-amb-page .section-head{max-width:760px}
.wr-amb-tiers{display:grid;grid-template-columns:repeat(3,1fr);gap:1.4rem;margin-top:2rem}
.wr-amb-tier{position:relative;display:flex;flex-direction:column;background:var(--white);border:1px solid var(--line);border-radius:16px;padding:1.7rem 1.5rem}
.wr-amb-tier.is-ambassador{border-color:#3d7a5f;box-shadow:0 24px 60px -34px rgba(61,122,95,.5)}
.wr-amb-tier-badge{position:absolute;top:-11px;left:1.5rem;background:#3d7a5f;color:#fff;font-family:var(--display);font-size:.72rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase;padding:.25rem .6rem;border-radius:999px}
.wr-amb-tier-head h3{font-size:1.4rem;margin:0}
.wr-amb-tier-head p{color:var(--muted);font-size:.92rem;margin:.35rem 0 0}
.wr-amb-rate{display:flex;align-items:baseline;gap:.5rem;margin:1.3rem 0 .2rem}
.wr-amb-rate b{font-family:var(--display);font-size:2.7rem;line-height:1;color:#3d7a5f}
.wr-amb-rate span{color:var(--muted);font-size:.85rem}
.wr-amb-curve{list-style:none;margin:1rem 0 0;padding:0;border-top:1px solid var(--line)}
.wr-amb-curve li{display:flex;justify-content:space-between;align-items:center;padding:.55rem 0;border-bottom:1px solid var(--line);font-size:.92rem}
.wr-amb-curve li span{color:var(--muted)}
.wr-amb-curve li strong{font-family:var(--display)}
.wr-amb-life{font-size:.85rem;color:var(--muted);margin:.7rem 0 0;font-style:italic}
.wr-amb-tier-req{margin-top:auto;padding-top:1.2rem}
.wr-amb-tier-req strong{display:block;font-size:.9rem}
.wr-amb-tier-req span{display:block;color:var(--muted);font-size:.82rem;margin-top:.3rem;line-height:1.45}
.wr-amb-qr-note{text-align:center;color:var(--muted);font-size:.92rem;margin-top:1.6rem}
.wr-amb-calc .calc-body{display:grid;grid-template-columns:1.1fr .9fr;gap:1.6rem;align-items:start}
.wr-amb-range{width:100%}
.wr-amb-out{display:block;font-family:var(--display);font-weight:600;margin-top:.4rem}
.wr-amb-derived{background:var(--white);border:1px solid var(--line);border-radius:12px;padding:1rem 1.1rem;margin-top:.4rem}
.wr-amb-derived>span{display:block;font-size:.78rem;color:var(--muted);text-transform:uppercase;letter-spacing:.04em}
.wr-amb-derived>strong{display:block;font-family:var(--display);font-size:1.2rem;margin:.2rem 0}
.wr-amb-derived>small{color:var(--muted);font-size:.82rem;line-height:1.45}
.wr-amb-badge-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:.8rem}
.wr-amb-result-label{font-size:.78rem;color:var(--muted);text-transform:uppercase;letter-spacing:.04em}
.wr-amb-result-badge{font-family:var(--display);font-weight:600;font-size:.85rem;padding:.25rem .7rem;border-radius:999px;background:#eef3ef;color:#3d7a5f}
.wr-amb-calc.is-ambassador .wr-amb-result-badge{background:#3d7a5f;color:#fff}
.wr-amb-month-note,.wr-amb-tier-why{font-size:.85rem;color:var(--muted);margin:.5rem 0}
.wr-amb-tier-why strong{color:var(--ink)}
.wr-amb-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:1.4rem;margin-top:2rem}
.wr-amb-steps article{background:var(--white);border:1px solid var(--line);border-radius:14px;padding:1.4rem}
.wr-amb-step-n{display:grid;place-items:center;width:34px;height:34px;border-radius:999px;background:#3d7a5f;color:#fff;font-family:var(--display);font-weight:700;margin-bottom:.8rem}
.wr-amb-steps h3{font-size:1.05rem;margin:0 0 .3rem}
.wr-amb-steps p{color:var(--muted);font-size:.9rem;margin:0}
.wr-amb-why{display:grid;grid-template-columns:repeat(3,1fr);gap:1.4rem;margin-top:2rem}
.wr-amb-why article{background:var(--white);border:1px solid var(--line);border-radius:14px;padding:1.5rem}
.wr-amb-why h3{font-size:1.1rem;margin:0 0 .4rem}
.wr-amb-why p{color:var(--muted);font-size:.92rem;margin:0}
.wr-amb-standing{display:grid;grid-template-columns:1fr 1fr;gap:2rem;align-items:center}
.wr-amb-standing-cards{display:grid;grid-template-columns:1fr 1fr;gap:1rem}
.wr-amb-standing-cards article{background:var(--white);border:1px solid var(--line);border-radius:14px;padding:1.2rem}
.wr-amb-standing-cards strong{display:block;font-family:var(--display);font-size:1.05rem}
.wr-amb-standing-cards span{display:block;color:var(--muted);font-size:.85rem;margin-top:.2rem}
.wr-amb-form .form-field{margin-bottom:1rem}
.wr-amb-form label{display:block;font-weight:600;font-size:.92rem;margin-bottom:.35rem}
.wr-amb-form .req{color:var(--red,#c0392b)}
.wr-amb-form input,.wr-amb-form select,.wr-amb-form textarea{width:100%;padding:.7rem .9rem;font-family:inherit;font-size:1rem;border:1px solid var(--line);border-radius:9px;background:#fff}
.wr-amb-form input:focus,.wr-amb-form select:focus,.wr-amb-form textarea:focus{outline:none;border-color:#3d7a5f;box-shadow:0 0 0 3px rgba(61,122,95,.15)}
.wr-amb-thanks{text-align:center;padding:2rem 1rem}
.wr-amb-thanks h3{font-size:1.4rem;margin:0 0 .5rem}
.wr-amb-thanks p{color:var(--muted);margin:0}
@media(max-width:860px){
  .wr-amb-tiers,.wr-amb-why{grid-template-columns:1fr}
  .wr-amb-steps{grid-template-columns:1fr 1fr}
  .wr-amb-calc .calc-body,.wr-amb-standing,.wr-amb-standing-cards{grid-template-columns:1fr}
}