/* Homepage: Monday report sample */
.monday-report,.monday-report *{box-sizing:border-box}
.monday-report{--mr-cream:#f5f1ea;--mr-paper:#fffdfa;--mr-ink:#0e0d0b;--mr-muted:#6e685e;--mr-line:#e4dccc;--mr-red:#c4332a;
  --lbl-moving:#6B1E23;--lbl-heating:#B5613A;--lbl-holding:#5B6770;--lbl-cooling:#1F3A5F;--lbl-new:#7FA886;--lbl-pre:#BCA986;
  background:var(--mr-cream);color:var(--mr-ink);border-top:1px solid rgba(14,13,11,.13);padding:110px max(34px,4vw) 120px;font-family:Inter,Arial,sans-serif}
.monday-report__grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:7vw;align-items:center;max-width:1320px;margin:0 auto}
.monday-report__kicker{display:flex;align-items:center;gap:12px;color:var(--mr-red);font:700 10px "JetBrains Mono",monospace;letter-spacing:.2em;text-transform:uppercase}
.monday-report__kicker:before{content:"";width:28px;height:1px;flex:0 0 28px;background:currentColor}
.monday-report h2{margin:22px 0 0;font:300 clamp(44px,5.2vw,78px)/.98 Fraunces,Georgia,serif;letter-spacing:-.035em}
.monday-report h2 em{font-style:italic;font-weight:300}
.monday-report__lead{max-width:470px;margin:26px 0 0;font-size:17px;line-height:1.6;color:#3b3731}
.monday-report__points{list-style:none;margin:30px 0 0;padding:0;max-width:470px;border-top:1px solid var(--mr-line)}
.monday-report__points li{display:grid;grid-template-columns:86px 1fr;gap:18px;padding:15px 0;border-bottom:1px solid var(--mr-line);font-size:14px;line-height:1.5;color:#3b3731}
.monday-report__points b{font:600 10px "JetBrains Mono",monospace;letter-spacing:.14em;text-transform:uppercase;color:var(--mr-ink);padding-top:3px}
.monday-report__cta{display:inline-flex;align-items:center;gap:10px;margin-top:32px;padding:15px 22px;border-radius:999px;background:var(--mr-ink);color:#f7f3ec;text-decoration:none;font-size:14px;font-weight:600}
.monday-report__cta:hover{background:#2a2622}
.monday-report__note{margin:14px 0 0;font-size:12px;color:var(--mr-muted)}
/* the email */
.mr-stage{position:relative}
.mr-stage:before{content:"";position:absolute;inset:6% -4% -6% 8%;background:radial-gradient(closest-side,rgba(181,97,58,.16),transparent);filter:blur(10px);z-index:0}
.mr-mail{position:relative;z-index:1;max-width:600px;margin-left:auto;background:var(--mr-paper);border:1px solid #e6ddcd;border-radius:14px;box-shadow:0 1px 0 rgba(255,255,255,.8) inset,0 30px 80px -20px rgba(46,36,21,.28),0 8px 24px -12px rgba(46,36,21,.18);overflow:hidden}
.mr-bar{display:flex;align-items:center;gap:12px;padding:14px 22px;border-bottom:1px solid #eee6d8;background:#fbf8f2}
.mr-bar__from{display:flex;align-items:center;gap:10px;min-width:0;flex:1}
.mr-bar__logo{width:30px;height:30px;border-radius:50%;background:var(--mr-ink);color:#f5f1ea;display:flex;align-items:center;justify-content:center;font:italic 400 13px Fraunces,Georgia,serif;flex:0 0 30px}
.mr-bar__who{min-width:0}.mr-bar__who strong{display:block;font-size:13px;font-weight:600}
.mr-bar__who span{display:block;font-size:12px;color:var(--mr-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mr-bar__time{font-size:12px;color:var(--mr-muted);white-space:nowrap}
.mr-body{padding:30px 34px 26px}
.mr-eyebrow{display:flex;justify-content:space-between;gap:12px;font:600 9px "JetBrains Mono",monospace;letter-spacing:.16em;text-transform:uppercase;color:var(--mr-muted)}
.mr-headline{margin:16px 0 0;font:300 34px/1.06 Fraunces,Georgia,serif;letter-spacing:-.025em;text-wrap:balance}
.mr-headline em{font-style:italic}
.mr-counts{display:grid;grid-template-columns:repeat(5,1fr);margin:22px 0 0;border-top:1px solid var(--mr-line);border-bottom:1px solid var(--mr-line)}
.mr-counts div{padding:12px 0 11px;text-align:center}
.mr-counts div+div{border-left:1px solid #efe8dc}
.mr-counts b{display:block;font:400 22px/1 Fraunces,Georgia,serif}
.mr-counts span{display:inline-flex;align-items:center;gap:5px;margin-top:6px;font-size:10px;color:var(--mr-muted);white-space:nowrap}
.mr-dot{width:7px;height:7px;border-radius:50%;display:inline-block;flex:0 0 7px}
.mr-dot.moving{background:var(--lbl-moving)}.mr-dot.heating{background:var(--lbl-heating)}.mr-dot.holding{background:var(--lbl-holding)}.mr-dot.cooling{background:var(--lbl-cooling)}.mr-dot.new{background:var(--lbl-new)}.mr-dot.pre{background:var(--lbl-pre)}
.mr-sec{margin:24px 0 0;font:600 9px "JetBrains Mono",monospace;letter-spacing:.16em;text-transform:uppercase;color:var(--mr-muted)}
.mr-artist{padding:18px 0;border-bottom:1px solid #efe8dc}
.mr-artist__top{display:grid;grid-template-columns:44px 1fr auto;gap:14px;align-items:center}
.mr-face{width:44px;height:44px;border-radius:50%;background:linear-gradient(135deg,#d9cdb9,#a89a84);position:relative;overflow:hidden}
.mr-face:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% 38%,rgba(255,255,255,.55) 0 22%,transparent 23%),radial-gradient(ellipse at 50% 100%,rgba(255,255,255,.45) 0 42%,transparent 43%)}
.mr-face.b{background:linear-gradient(135deg,#c9b8a6,#7f6d5c)}.mr-face.c{background:linear-gradient(135deg,#b9c2c7,#6c7780)}.mr-face.d{background:linear-gradient(135deg,#cfd8c9,#8fa287)}.mr-face.e{background:linear-gradient(135deg,#e2d6c1,#b8a584)}
.mr-name{display:block;height:11px;width:112px;border-radius:3px;background:var(--mr-ink);opacity:.86}
.mr-name.s{width:84px}.mr-name.m{width:98px}
.mr-label{display:inline-flex;align-items:center;gap:6px;margin-top:8px;font-size:12px;color:#3b3731}
.mr-label i{font-style:normal;color:var(--mr-muted)}
.mr-big{text-align:right}
.mr-big b{display:block;font:300 30px/1 Fraunces,Georgia,serif;letter-spacing:-.02em}
.mr-big span{display:block;margin-top:5px;font-size:12px;font-weight:600;color:var(--lbl-moving)}
.mr-big span.heat{color:var(--lbl-heating)}
.mr-spark{display:flex;align-items:flex-end;gap:5px;height:34px;margin:14px 0 0 58px}
.mr-spark i{flex:0 0 22px;border-radius:2px 2px 0 0;background:#e3d9c8}
.mr-spark i:last-child{background:var(--lbl-moving)}
.mr-spark.heat i:last-child{background:var(--lbl-heating)}
.mr-read{margin:12px 0 0 58px;font-size:13px;line-height:1.55;color:#3b3731}
.mr-stats{display:grid;grid-template-columns:repeat(3,1fr);margin:12px 0 0 58px;border-top:1px solid #efe8dc}
.mr-stats div{padding:10px 0 0}
.mr-stats small{display:block;font:600 8px "JetBrains Mono",monospace;letter-spacing:.14em;text-transform:uppercase;color:var(--mr-muted)}
.mr-stats b{display:block;margin-top:4px;font-size:13px;font-weight:600}
.mr-rows{margin:0}
.mr-row{display:grid;grid-template-columns:30px 1fr auto;gap:12px;align-items:center;padding:11px 0;border-bottom:1px solid #efe8dc}
.mr-row .mr-face{width:30px;height:30px}
.mr-row .mr-label{margin-top:5px;font-size:11px}
.mr-row em{font-style:normal;font-size:12px;color:var(--mr-muted);white-space:nowrap}
.mr-foot{display:flex;justify-content:space-between;gap:12px;margin-top:20px;font-size:11px;color:var(--mr-muted)}
.mr-foot span{text-decoration:underline;text-underline-offset:2px}
.mr-caption{max-width:600px;margin:16px 0 0 auto;font-size:12px;color:var(--mr-muted);text-align:right}
@media (max-width:900px){
  .monday-report{padding:76px 20px 84px}
  .monday-report__grid{grid-template-columns:minmax(0,1fr);gap:44px}
  .monday-report__grid>*{min-width:0}
  .mr-bar__time{display:none}
  .monday-report h2{font-size:46px}
  .monday-report__lead{font-size:16px}
  .monday-report__points li{grid-template-columns:74px 1fr;gap:14px}
  .mr-mail{margin:0;max-width:100%}
  .mr-body{padding:22px 18px 20px}
  .mr-bar{padding:12px 16px}
  .mr-headline{font-size:28px}
  .mr-counts b{font-size:19px}
  .mr-counts span{font-size:9px;gap:4px}
  .mr-big b{font-size:24px}
  .mr-spark,.mr-read,.mr-stats{margin-left:0}
  .mr-caption{text-align:left;margin-left:0}
}

/* Real dashboard artist photos (names stay hidden) */
.mr-face.has-photo{background:#d9cdb9 center/cover no-repeat}
.mr-face.has-photo:after{display:none}
.mr-face.p1{background-image:url(/assets/marketing/monday-report/face-1.webp)}
.mr-face.p2{background-image:url(/assets/marketing/monday-report/face-2.webp)}
.mr-face.p3{background-image:url(/assets/marketing/monday-report/face-3.webp)}
.mr-face.p4{background-image:url(/assets/marketing/monday-report/face-4.webp)}
.mr-face.p5{background-image:url(/assets/marketing/monday-report/face-5.webp)}

/* Premium pass (note 18): Inter like the real email, soft blurred names, bigger labels, motion */
.mr-mail,.mr-headline,.mr-counts b,.mr-big b,.mr-bar__logo{font-family:Inter,Arial,sans-serif}
.mr-headline{font-weight:700;font-size:30px;line-height:1.12;letter-spacing:-.03em}
.mr-headline em{font-style:normal;color:var(--lbl-heating)}
.mr-counts b{font-weight:700;font-size:22px;letter-spacing:-.02em;font-variant-numeric:tabular-nums}
.mr-big b{font-weight:700;font-size:28px;letter-spacing:-.035em;font-variant-numeric:tabular-nums}
.mr-bar__logo{font-style:normal;font-weight:800;font-size:13px}
.mr-eyebrow,.mr-sec{font-size:10.5px}
.mr-counts span{font-size:11px}
.mr-stats small{font-size:10px;letter-spacing:.1em}
.mr-stats b{font-size:14px}
.mr-label{font-size:12.5px}
/* names: soft blur instead of solid bars */
.mr-name{height:13px;border-radius:7px;opacity:1;background:linear-gradient(90deg,rgba(14,13,11,.55),rgba(14,13,11,.32));filter:blur(3.5px)}
/* motion: JS adds .mr-armed only when motion is allowed */
.mr-armed .mr-mail{opacity:0;transform:translateY(18px)}
.mr-armed .mr-bar{opacity:0;transform:translateY(-26px) scale(.97)}
.mr-armed .mr-counts div{opacity:0;transform:translateY(8px)}
.mr-armed .mr-spark i{transform:scaleY(0)}
.mr-mail{transition:opacity .6s ease,transform .8s cubic-bezier(.16,1,.3,1)}
.mr-bar{transition:opacity .45s ease,transform .7s cubic-bezier(.34,1.4,.64,1)}
.mr-counts div{transition:opacity .4s ease,transform .5s cubic-bezier(.16,1,.3,1)}
.mr-spark i{transform-origin:bottom;transition:transform .6s cubic-bezier(.16,1,.3,1)}
.mr-in .mr-mail,.mr-in .mr-bar,.mr-in .mr-counts div{opacity:1;transform:none}
.mr-in .mr-spark i{transform:none}
@media (max-width:900px){
  .mr-headline{font-size:25px}
  .mr-counts span{font-size:9.5px}
}
@media (prefers-reduced-motion:reduce){.mr-mail,.mr-bar,.mr-counts div,.mr-spark i{transition:none}}

/* Size match: the email preview is exactly as tall as the left column, and fades out at the bottom like a preview */
.mr-mail{display:flex;flex-direction:column}
.mr-body{position:relative;flex:1 1 auto;min-height:0;overflow:hidden;padding:24px 30px 0}
.mr-body::after{content:"";position:absolute;left:0;right:0;bottom:0;height:120px;background:linear-gradient(180deg,rgba(255,253,250,0),var(--mr-paper) 78%);pointer-events:none}
.mr-headline{margin-top:12px}
.mr-counts{margin-top:18px}
.mr-sec{margin-top:18px}
.mr-artist{padding:14px 0}
@media (min-width:901px){
  .monday-report__grid{align-items:stretch}
  .mr-stage{display:flex;flex-direction:column;height:0;min-height:100%}
  .mr-mail{flex:1 1 0;min-height:0;width:100%}
  .mr-caption{flex:0 0 auto}
}
@media (max-width:900px){
  .mr-mail{max-height:620px}
  .mr-body{padding:20px 18px 0}
}

/* Mobile: show the whole email (no clipped bottom) */
@media (max-width:900px){
  .mr-mail{max-height:none}
  .mr-body{overflow:visible;padding-bottom:22px}
  .mr-body::after{display:none}
}