/* Light theme for Services / Case Studies / About (shipped 2026-09-28).
   Loaded LAST, after styles.css + v20-dark.css + redesign.css. Layout, copy, motion
   and scripts are the live site's, untouched: this file only changes colour.
   Palette matches the new homepage (_preview/light/css/site.css). */
:root{
  --bg:#F8F6F1; --paper:#F8F6F1; --paper-raise:#FFFFFF; --paper-deep:#F1EEE7;
  --ink:#14161A; --ink-soft:#4A4F57; --ink-softer:#767B83;
  --rule:#E2DDD3; --rule-soft:#EEEAE2;
  --accent:#2C5FFF; --accent-deep:#1F47D4; --accent-pale:#2C5FFF; --accent-soft:#EDF1FF;
}
html,body{background:#F8F6F1 !important}
body{background-image:none !important;color:var(--ink)}
body::before{display:none !important}                 /* dark ambient washes */
::selection{background:var(--accent);color:#fff}
.r-hero::before,.r2-cs-hero::before{opacity:.5}        /* keep a faint cobalt wash at the top */

/* nav + footer */
.nav.nav-curated,.nav.is-scrolled{background:none}
html{scroll-padding-top:74px}   /* in-page jumps (#meli, #identify...) land below the sticky header (css/header.css) */
.nav-mobile-panel{background:#F8F6F1}
.nav-burger span{background:var(--ink)}
.r-footer{border-top-color:var(--rule) !important}

/* ---------- Services ---------- */
.r-svc-card{background:#FFFFFF;background-image:none;border-color:var(--rule);box-shadow:0 34px 80px -48px rgba(20,22,26,.30)}
.r-steps-prev,.r-steps-next{background:#FFFFFF;border-color:var(--rule);color:var(--ink)}
.r-steps-prev:hover,.r-steps-next:hover{border-color:var(--ink)}
.r-svc-top .r2-seq,.r-stage-figure .r2-seq{box-shadow:0 22px 48px -22px rgba(20,22,26,.55),0 0 0 1px rgba(20,22,26,.06)}

/* The guarantee stays a dark block — the one deliberate contrast moment, same as the homepage. */
.r-guarantee-inner{background:#14161A !important;border-color:transparent;color:#fff}
.r-guarantee-inner .r-eyebrow,.r-guarantee-inner .r-hi,.r-guarantee-inner .r-g-seal{color:#9DB4FF}
.r-guarantee-inner .r-h2{color:#FFFFFF}
.r-guarantee-inner .r-lead{color:#C9CFD8}
.r-guarantee-inner .r-g-points,.r-guarantee-inner .r-g-points li{color:#E5E9EF;border-color:rgba(255,255,255,.12)}
.r-guarantee-inner .r-g-points li::before{color:#9DB4FF}

/* ---------- Case studies ---------- */
.r2-chip{color:var(--ink-soft);border-color:#CFC9BD}
.r2-shot,.r2-shot-video{box-shadow:0 28px 70px -30px rgba(20,22,26,.40),0 0 0 1px var(--rule)}
.r2-wm-nature b{color:#A8864A}
.r2-wm-plain{font-weight:600;letter-spacing:-.02em}
.r2-wm-plain b{color:var(--accent);font-weight:600}

/* before/after slider used by the new client studies */
.ba-media{position:relative;border-radius:14px;overflow:hidden;background:#F1EEE7;aspect-ratio:16/10;user-select:none;-webkit-user-select:none;touch-action:pan-y;box-shadow:0 28px 70px -30px rgba(20,22,26,.40),0 0 0 1px var(--rule)}
.ba-media img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:top;pointer-events:none}
.ba-after{clip-path:inset(0 0 0 var(--pos,50%))}
.ba-line{position:absolute;top:0;bottom:0;left:var(--pos,50%);width:2px;background:#fff;box-shadow:0 0 0 1px rgba(20,22,26,.18);transform:translateX(-1px);pointer-events:none}
.ba-knob{position:absolute;top:50%;left:var(--pos,50%);width:46px;height:46px;border-radius:50%;background:#fff;box-shadow:0 2px 12px rgba(20,22,26,.25);transform:translate(-50%,-50%);display:grid;place-items:center;pointer-events:none;font-size:15px;color:#14161A;font-weight:700}
.ba-lbl{position:absolute;top:12px;font-size:11px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;padding:6px 10px;border-radius:4px;pointer-events:none}
.ba-lbl.b{left:12px;background:rgba(20,22,26,.82);color:#fff}
.ba-lbl.a{right:12px;background:#2C5FFF;color:#fff}
.ba-range{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:ew-resize;margin:0}

/* ---------- About ---------- */
.r-person-photo{background:#EFEBE3 !important;border-color:var(--rule)}

/* ---------- Let's Talk (/apply) — added 2026-09-28, same palette ---------- */
.r-apply{background:#F8F6F1 !important}
.r-apply-card.apply-form{background:#FFFFFF !important;border-color:var(--rule) !important;box-shadow:0 34px 80px -48px rgba(20,22,26,.30)}
.r-apply-card .field-input,.r-apply-card .field-select,.r-apply-card .field-textarea,.r-apply-card textarea.field-input{background-color:#FFFFFF !important;border-color:#D6D0C4 !important;color:var(--ink) !important}
.r-apply-card .field-input::placeholder,.r-apply-card .field-textarea::placeholder,.r-apply-card textarea.field-input::placeholder{color:#8A8F97 !important}
.r-apply-card .field-select:invalid{color:#8A8F97 !important}
.r-apply-card .field-select option{background:#FFFFFF;color:var(--ink)}
.r-apply-card .field-input:focus,.r-apply-card .field-select:focus,.r-apply-card textarea.field-input:focus{border-color:var(--accent) !important;box-shadow:0 0 0 3px rgba(44,95,255,.14)}
.r-pill span{background:#FFFFFF !important;border-color:#D6D0C4 !important;color:var(--ink-soft)}
.r-pill:hover span{border-color:var(--ink) !important}
.r-pill input:checked + span{background:var(--accent-soft) !important;border-color:var(--accent) !important;color:var(--ink)}
.r-fact-ico{background:var(--accent-soft);border-color:rgba(44,95,255,.22);color:var(--accent)}
.r-fact-text a:hover{color:var(--accent)}
.apply-result .section-h{color:var(--ink)}

/* 2026-09-28 round 2: Let's Talk is the secondary (outline) button, same size as the main one */
.r-close .btn-ghost{font-size:17px;padding:16px 32px;border:1px solid #CFC9BD;color:var(--ink);background:transparent}
.r-close .btn-ghost:hover{border-color:var(--ink);color:var(--ink)}