/* Discovery is an object study: paper, ink, a single quiet green status accent. */
.landing-v4 .lp4-discovery{margin-top:clamp(2.5rem,4vw,3.5rem);padding-top:0;border-top:0}
.landing-v4 .dd-head{max-width:48rem}.landing-v4 .dd-kicker,.landing-v4 .dd-label{color:var(--lp4-sage-dark);font-size:.66rem;font-weight:750;letter-spacing:.09em;text-transform:uppercase}.landing-v4 .dd-title{margin:.55rem 0 0;font-size:clamp(1.65rem,3vw,2.5rem);line-height:1.05;letter-spacing:-.055em}
.landing-v4 .dd-controls{display:flex;justify-content:space-between;gap:1rem;margin:1.8rem 0}.landing-v4 .dd-scenarios{display:flex;flex-wrap:wrap;gap:.35rem}.landing-v4 .dd-scenarios button,.landing-v4 .dd-views button{padding:.46rem .72rem;border:1px solid var(--lp4-line);border-radius:0;background:transparent;color:var(--lp4-ink);font:650 .72rem var(--font);cursor:pointer}.landing-v4 .dd-scenarios button.is-active,.landing-v4 .dd-views button.is-active{color:var(--lp4-paper);background:var(--lp4-ink);border-color:var(--lp4-ink)}.landing-v4 .dd-views{display:flex}
.landing-v4 .dd-product{display:grid;grid-template-columns:minmax(19rem,.72fr) minmax(0,1.28fr);gap:clamp(2rem,6vw,6rem);align-items:center;padding:2rem 0;border-top:1px solid var(--lp4-line);border-bottom:1px solid var(--lp4-line)}.landing-v4 .dd-phone-wrap{justify-self:center;width:min(100%,21.2rem)}
.landing-v4 .dd-phone{position:relative;width:100%;padding:7px;border:2px solid #161615;border-radius:2.7rem;background:#161615;box-shadow:5px 7px 0 rgba(23,23,20,.16)}.landing-v4 .dd-phone__button{position:absolute;display:block;width:3px;background:#161615;border-radius:2px}.landing-v4 .dd-phone__button--power{right:-5px;top:7.5rem;height:4rem}.landing-v4 .dd-phone__button--volume{left:-5px;top:6.5rem;height:5.5rem}.landing-v4 .dd-phone__glass{height:38rem;overflow:hidden;border:1px solid #5d5d59;border-radius:2.25rem;background:#fcfbf7}.landing-v4 .dd-phone__status{height:1.65rem;padding:0 1.25rem;display:flex;align-items:center;justify-content:space-between;color:#111;font-size:.59rem}.landing-v4 .dd-phone__status b{font-size:.65rem}.landing-v4 .dd-phone__top{height:2.75rem;padding:0 1rem;display:grid;grid-template-columns:2rem 1fr 2rem;align-items:center;border-bottom:1px solid #e6e4de;text-align:center}.landing-v4 .dd-phone__top b{font-size:.75rem}.landing-v4 .dd-phone__top button{width:1.75rem;height:1.75rem;padding:0;border:0;border-radius:50%;background:#f6f5f1;color:#191917;font-size:1rem;cursor:pointer}.landing-v4 .dd-phone__screen{height:calc(38rem - 7.65rem);padding:1rem .95rem 5rem;overflow-y:auto;scrollbar-width:thin}.landing-v4 .dd-phone__question{width:max-content;max-width:86%;margin:0 0 1rem auto;padding:.65rem .8rem;border-radius:1rem 1rem .22rem 1rem;background:#ecebe7;color:#292925;font-size:.76rem;line-height:1.4}.landing-v4 .dd-phone__answer{color:#171714;font-size:.78rem;line-height:1.48}.landing-v4 .dd-phone__answer p{margin:.65rem 0}.landing-v4 .dd-phone__answer h3{margin:1rem 0 .4rem;font-size:.84rem;line-height:1.25}.landing-v4 .dd-phone__answer ul{margin:.3rem 0;padding-left:1rem}.landing-v4 .dd-phone__answer li{margin:.45rem 0}.landing-v4 .dd-phone__intro{margin-top:0!important}.landing-v4 .dd-phone__followup{margin-top:1rem;padding-top:.2rem;border-top:1px solid #e4e2dc}.landing-v4 .dd-phone__followup .dd-phone__question{font-size:.7rem}.landing-v4 .dd-phone__composer{position:absolute;right:1rem;bottom:1rem;left:1rem;min-height:2.65rem;padding:.3rem;display:flex;gap:.3rem;align-items:center;border:1px solid #dddbd4;border-radius:1.4rem;background:#fffefb;box-shadow:0 3px 10px rgba(23,23,20,.1)}.landing-v4 .dd-phone__composer button{padding:.35rem .48rem;border:0;background:transparent;color:#625f58;font:600 .6rem var(--font);cursor:pointer}.landing-v4 .dd-phone__composer button:first-child{flex:1;text-align:left}.landing-v4 .dd-phone__composer button:last-child{font-size:.9rem}.landing-v4 .dd-phone__source-panel{margin-top:.8rem;padding:.65rem;border-top:1px solid #dedbd4;background:#f5f3ed}.landing-v4 .dd-phone__source{margin:.16rem;padding:.25rem .42rem;border:1px solid #cfcfc8;border-radius:1rem;background:#fffefb;color:#31312d;font:.59rem var(--font);cursor:pointer}.landing-v4 .dd-phone__source-panel div{margin-top:.4rem;color:#605d56;font-size:.65rem;line-height:1.4}
.landing-v4 .dd-product .dd-query{padding:0;border:0;background:none}.landing-v4 .dd-product .dd-query__main{display:none}.landing-v4 .dd-query__business{margin:.45rem 0 1rem;font-size:1.05rem;font-weight:700}.landing-v4 .dd-needs{display:flex;flex-wrap:wrap;gap:.35rem;margin:.55rem 0;padding:0;list-style:none}.landing-v4 .dd-needs li{padding:.3rem .5rem;border:1px solid var(--lp4-line);font-size:.7rem}.landing-v4 .dd-explainer{margin-top:2rem;padding-top:1.5rem;border-top:2px solid var(--lp4-ink)}.landing-v4 .dd-explainer__head h3{margin:0;font-size:1.5rem;letter-spacing:-.04em}.landing-v4 .dd-explainer__head p{color:#5f5c55;line-height:1.55}.landing-v4 .dd-reasons{margin:1rem 0;padding:0;list-style:none;border-top:1px solid var(--lp4-line)}.landing-v4 .dd-reasons li{padding:.55rem 0;border-bottom:1px solid var(--lp4-line);font-size:.8rem}.landing-v4 .dd-passport-line{padding:.8rem 0;margin:0;border-bottom:1px solid var(--lp4-line);font-size:.8rem;line-height:1.5}
.landing-v4 .dd-split{display:grid;grid-template-columns:1fr 1fr;gap:2rem;margin-top:1.5rem}.landing-v4 .dd-panel{padding:1.2rem 0;border-top:2px solid var(--lp4-ink)}.landing-v4 .dd-panel.is-active{border-top-color:var(--lp4-sage-dark)}.landing-v4 .dd-panel__head h3{margin:.55rem 0 1.2rem;font-size:1.2rem;letter-spacing:-.03em}.landing-v4 .dd-state{font-size:.68rem;font-weight:700}.landing-v4 .dd-state--on{color:var(--lp4-sage-dark)}.landing-v4 .dd-sources,.landing-v4 .dd-fields{padding:0;margin:.6rem 0;list-style:none}.landing-v4 .dd-source,.landing-v4 .dd-fields>div{padding:.7rem 0;border-bottom:1px solid var(--lp4-line)}.landing-v4 .dd-source__src{display:block;font-size:.78rem;font-weight:700}.landing-v4 .dd-source__state,.landing-v4 .dd-gap,.landing-v4 .dd-benefit{display:block;margin:.3rem 0 0;color:#625f58;font-size:.78rem;line-height:1.45}.landing-v4 .dd-fields>div{display:flex;justify-content:space-between;gap:1rem}.landing-v4 .dd-fields dd{margin:0;text-align:right;font-weight:650}.landing-v4 .dd-panel__foot{margin-top:1.2rem}.landing-v4 .dd-updated,.landing-v4 .dd-note{color:#67645d;font-size:.72rem;line-height:1.5}.landing-v4 .dd-note{margin-top:1.25rem}
.landing-v4 a:focus-visible,.landing-v4 button:focus-visible{outline:2px solid var(--lp4-sage-dark);outline-offset:3px}
@media(max-width:860px){.landing-v4 .dd-product{grid-template-columns:1fr}.landing-v4 .dd-phone-wrap{order:2}.landing-v4 .dd-split{grid-template-columns:1fr}.landing-v4 [data-discovery-ready="true"] .dd-panel:not(.is-active){display:none}}@media(max-width:560px){.landing-v4 .dd-controls{display:block}.landing-v4 .dd-views{margin-top:.75rem}.landing-v4 .dd-phone-wrap{width:min(100%,20rem)}.landing-v4 .dd-phone__glass{height:35rem}.landing-v4 .dd-phone__screen{height:calc(35rem - 7.65rem)}}
.landing-v4 .dd-phone__top span{width:1.75rem;height:1.75rem;display:grid;place-items:center;border-radius:50%;background:#f6f5f1;color:#191917;font-size:1rem}.landing-v4 .dd-phone__top span:last-child{justify-self:end}

/* The conversation scrolls inside fixed hardware, never the other way round. */
.landing-v4 .dd-product {
  grid-template-columns: minmax(22.5rem, .95fr) minmax(0, 1.05fr);
  align-items: start;
  column-gap: clamp(2rem, 5vw, 5rem);
  row-gap: 1rem;
}
.landing-v4 .dd-phone-wrap { width: min(100%, 22.5rem); grid-column: 1; grid-row: 1; }
.landing-v4 .dd-product .dd-query { grid-column: 2; grid-row: 1; padding-top: 2rem; }
.landing-v4 .dd-product .dd-explainer { grid-column: 2; grid-row: 2; margin: 0; }
.landing-v4 .dd-phone {
  padding: 7px;
  border: 2px solid #484847;
  border-radius: 3rem;
  background: #111;
  box-shadow: inset 0 0 0 1px #080808, 0 14px 32px -18px #15151480;
}
.landing-v4 .dd-phone__glass {
  position: relative;
  display: flex;
  flex-direction: column;
  height: 43.75rem;
  border: 0;
  border-radius: 2.45rem;
  background: #fff;
}
.landing-v4 .dd-phone__glass::after {
  position: absolute; content: ""; bottom: 6px; left: 35%; width: 30%; height: 4px;
  border-radius: 4px; background: #161616;
}
.landing-v4 .dd-phone__status { height: 2.1rem; flex-shrink: 0; padding: 0 1.4rem; }
.landing-v4 .dd-phone__status b { font-size: 12px; letter-spacing: -.3px; }
.landing-v4 .dd-phone__status > span { display: flex; align-items: center; gap: 4px; }
.landing-v4 .dd-phone__status svg { width: 15px; height: 12px; }
.landing-v4 .dd-phone__status svg:last-child { width: 23px; }
.landing-v4 .dd-phone__status small { font-size: 8px; }
.landing-v4 .dd-phone__camera { position: absolute; left: calc(50% - 33px); top: 10px; width: 66px; height: 19px; background: #111; border-radius: 20px; }
.landing-v4 .dd-phone__camera::after { content: ""; position: absolute; right: 6px; top: 6px; width: 7px; height: 7px; border: 1px solid #424346; border-radius: 50%; }
.landing-v4 .dd-phone__top { height: 2.35rem; flex-shrink: 0; grid-template-columns: 2rem minmax(0, 1fr) 2rem; border: 0; padding: 0 .9rem; gap: .4rem; }
.landing-v4 .dd-phone__top b { font-size: 12px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.landing-v4 .dd-phone__top button { width: 32px; height: 32px; background: #f7f7f7; display: grid; place-items: center; }
.landing-v4 .dd-phone__top svg, .landing-v4 .dd-phone__composer svg { width: 20px; height: 20px; fill: none; stroke: currentColor; stroke-width: 1.6; stroke-linecap: round; stroke-linejoin: round; }
.landing-v4 .dd-phone__screen { flex: 1; min-height: 0; height: auto; padding: 1.1rem 1rem .5rem; overscroll-behavior-y: contain; }
.landing-v4 .dd-phone__question { font-size: 13px; padding: .65rem .9rem; background: #f2f2f2; max-width: 90%; margin-bottom: 1.5rem; }
.landing-v4 .dd-phone__answer { font-family: Arial, sans-serif; font-size: 14px; line-height: 1.55; color: #161616; }
.landing-v4 .dd-phone__answer h3 { font-size: 16px; line-height: 1.4; margin: 1.25rem 0 .65rem; letter-spacing: -.2px; }
.landing-v4 .dd-phone__answer li { margin: .85rem 0; }
.landing-v4 .dd-phone__answer li strong { font-weight: 700; }
.landing-v4 .dd-phone__followup .dd-phone__question { font-size: 13px; }
.landing-v4 .dd-phone__composer { position: static; flex-shrink: 0; margin: .4rem .65rem .75rem; padding: .3rem; background: #fff; border-color: #e9e9e9; box-shadow: 0 2px 12px #0000000a; }
.landing-v4 .dd-phone__composer button:first-child { display: flex; align-items: center; justify-content: space-between; gap: .5rem; width: 100%; min-height: 40px; font: 400 12px/1.35 Arial, sans-serif; padding: .2rem .4rem .2rem .65rem; color: #555; }
.landing-v4 .dd-phone__composer i { display: grid; place-items: center; width: 30px; height: 30px; flex-shrink: 0; background: #161616; border-radius: 50%; color: #fff; }
.landing-v4 .dd-phone__citations { border: 1px solid #e8e8e8; border-radius: 16px; padding: 5px 10px; margin: .5rem 0; color: #555; background: #f8f8f8; font: 11px Arial,sans-serif; cursor: pointer; }
.landing-v4 .dd-phone__citations span { margin-left: 6px; color: #5b6675; }
.landing-v4 .dd-phone__source-panel { background: #f7f7f7; }
.landing-v4 .dd-phone__source { font-size: 11px; }
.landing-v4 .dd-phone__source-panel div { font-size: 12px; }

/* Keep the comparison and its evidence together, rather than below the phone. */
.landing-v4 .dd-controls { margin: 1rem 0 .6rem; }
.landing-v4 .dd-scenarios { gap: .45rem; }
.landing-v4 .dd-scenarios button,
.landing-v4 .dd-views button,
.landing-v4 .dd-needs li { border-radius: 999px; }
.landing-v4 .dd-scenarios button { min-height: 36px; padding: .5rem .85rem; }
.landing-v4 .dd-comparison { display: grid; grid-template-columns: minmax(22.5rem,.95fr) minmax(0,1.05fr); align-items: center; column-gap: clamp(2rem,5vw,5rem); padding: .6rem 0; border-top: 1px solid var(--lp4-line); }
.landing-v4 .dd-views { justify-self: center; display: flex; gap: .2rem; padding: .2rem; margin: 0; border: 1px solid var(--lp4-line); border-radius: 999px; }
.landing-v4 .dd-views button { min-height: 32px; border: 0; padding: .38rem .75rem; white-space: nowrap; }
.landing-v4 .dd-views button[data-discovery-view="passport"].is-active { background: var(--lp4-sage-dark); color: #fff; }
.landing-v4 .dd-change .dd-label { margin: 0 0 .3rem; }
.landing-v4 .dd-change { min-height: 0; }
.landing-v4 .dd-change__text { margin: 0; font-size: .95rem; font-weight: 650; line-height: 1.45; text-wrap: pretty; }
.landing-v4 .dd-note { margin: 0 0 .3rem; font-size: .69rem; }
.landing-v4 .dd-evidence { grid-column: 2; grid-row: 1; min-width: 0; }
/* Always fully shown -- no click-to-expand toggle, so nothing here is
   hidden behind an interaction the visitor has to discover. */
.landing-v4 .dd-evidence__head { display: flex; justify-content: space-between; align-items: center; gap: 1rem; padding: .55rem 0; border-bottom: 1px solid var(--lp4-line); }
.landing-v4 .dd-phone__context > summary::-webkit-details-marker { display: none; }
.landing-v4 .dd-evidence__head .dd-label { display: block; }
.landing-v4 .dd-evidence .dd-query__business { display: block; margin: .35rem 0 0; font-size: 1.2rem; }
.landing-v4 .dd-evidence__kicker { flex-shrink: 0; color: var(--lp4-muted); font-size: .7rem; }
.landing-v4 .dd-evidence .dd-query { padding: .8rem 0 0; }
.landing-v4 .dd-evidence .dd-label--needs { margin: 0; }
.landing-v4 .dd-evidence .dd-explainer { margin: 1rem 0; padding: 0; border: 0; }
.landing-v4 .dd-evidence .dd-explainer__head h3 { font-size: 1.25rem; line-height: 1.25; }
.landing-v4 .dd-evidence .dd-explainer__head p { margin: .55rem 0 0; font-size: .85rem; line-height: 1.55; }
.landing-v4 .dd-evidence .dd-split { display: block; margin: 0; }
.landing-v4 .dd-evidence .dd-panel { border: 0; padding: 0; }
.landing-v4 .dd-evidence .dd-panel:not(.is-active) { display: none; }
.landing-v4 .dd-evidence .dd-panel__head { display: none; }
.landing-v4 .dd-evidence .dd-fields { font-size: .84rem; }
.landing-v4 .dd-evidence .dd-fields > div { align-items: baseline; gap: 1rem; }
.landing-v4 .dd-evidence .dd-fields dd { max-width: 65%; line-height: 1.5; }
.landing-v4 .dd-evidence .dd-panel__foot { margin-top: .75rem; }
.landing-v4 .dd-phone__context { margin: -.45rem 0 1rem; font: 12px/1.5 Arial,sans-serif; color: #656565; }
.landing-v4 .dd-phone__context > summary { list-style: none; cursor: pointer; padding: .3rem 0; }
.landing-v4 .dd-phone__context > summary::before { content: "+"; margin-right: .45rem; }
.landing-v4 .dd-phone__context[open] > summary::before { content: "−"; }
.landing-v4 .dd-phone__context > div { padding: .4rem 0 .6rem; border-bottom: 1px solid #e8e8e8; }
.landing-v4 .dd-phone__context-question { margin-left: auto; width: fit-content; max-width: 90%; border-radius: 1rem; padding: .6rem .8rem; background: #f2f2f2; color: #292925; }
/* Emphasis inside the device is typographic: an assistant sets key facts in
   bold, it never paints them. No coloured marks, no legend, no stamps. */
.landing-v4 .dd-phone__addition { margin: 0 0 1.15rem; padding: 0; border: 0; background: none; }
.landing-v4 .dd-phone__addition > .dd-phone__intro { margin-top: 0; font-size: 15px; line-height: 1.5; }
.landing-v4 .dd-phone__addition section p:last-child { margin-bottom: 0; }
.landing-v4 .dd-phone__owner { color: inherit; background: none; font-weight: 700; }
.landing-v4 .dd-phone__fact { color: inherit; background: none; font-weight: 620; }
.landing-v4 .dd-phone__question { border-radius: 1.1rem; }
.landing-v4 .dd-phone__source-panel { border-radius: 1rem; border-top: 0; }
/* The primary named comparison (or the highlighted addition) must be
   readable without scrolling the phone. Secondary detail folds shut so it
   never pads the first screen — the visitor opens it on purpose. */
.landing-v4 .dd-phone__more { margin: .9rem 0 0; padding-top: .75rem; border-top: 1px solid #e6e4de; font-family: Arial, sans-serif; }
.landing-v4 .dd-phone__more > summary { list-style: none; cursor: pointer; color: #625f58; font-size: 12px; font-weight: 700; }
.landing-v4 .dd-phone__more > summary::-webkit-details-marker { display: none; }
.landing-v4 .dd-phone__more > summary::after { content: " +"; }
.landing-v4 .dd-phone__more[open] > summary::after { content: " −"; }
.landing-v4 .dd-phone__more > summary::marker { content: ""; }
.landing-v4 .dd-phone__more p,
.landing-v4 .dd-phone__more ul { margin-top: .6rem; }
.landing-v4 .dd-phone__context summary:focus-visible { outline: 2px solid var(--lp4-sage-dark); outline-offset: 4px; border-radius: .5rem; }
@media (max-width: 860px) {
  .landing-v4 .dd-product { grid-template-columns: minmax(0, 1fr); }
  .landing-v4 .dd-phone-wrap { grid-column: 1; grid-row: 2; order: 0; }
  .landing-v4 .dd-comparison { position: sticky; top: 0; z-index: 5; grid-template-columns: minmax(0,1fr); gap: .65rem; padding: .8rem 0; background: var(--lp4-paper); border-bottom: 1px solid var(--lp4-line); }
  .landing-v4 .dd-views { justify-self: start; }
  .landing-v4 .dd-change { min-height: 6.5rem; }
  .landing-v4 .dd-evidence { grid-column: 1; grid-row: 1; }
  .landing-v4 .dd-product { padding-top: .4rem; gap: 1.25rem; }
  .landing-v4 .dd-product .dd-query { grid-column: 1; grid-row: 2; }
  .landing-v4 .dd-product .dd-explainer { grid-column: 1; grid-row: 3; }
}
@media (max-width: 560px) {
  .landing-v4 .dd-phone-wrap { width: min(100%, 20rem); }
  .landing-v4 .dd-phone__glass { height: 45rem; }
  .landing-v4 .dd-phone__screen { height: auto; }
  .landing-v4 .dd-scenarios { flex-wrap: nowrap; overflow-x: auto; padding: .15rem .15rem .55rem; scrollbar-width: thin; }
  .landing-v4 .dd-scenarios button { flex-shrink: 0; min-height: 40px; }
  .landing-v4 .dd-evidence__kicker { font-size: .65rem; }
  .landing-v4 .dd-evidence .dd-query__business { font-size: 1rem; }
  .landing-v4 .dd-evidence__head { gap: .5rem; }
}

/* Supporting sections retain their own layout when the phone is restyled. */
.landing-v4 .lp4-hero__grid { grid-template-columns: minmax(0, 1fr); }
.landing-v4 .lp4-hero__copy { max-width: none; }
@media (min-width: 981px) {
  .landing-v4 .lp4-hero__copy { display: grid; grid-template-columns: 1.05fr .95fr; column-gap: 3rem; align-items: start; }
  .landing-v4 .lp4-eyebrow { grid-column: 1 / -1; }
  .landing-v4 .lp4-hero h1 { grid-column: 1; grid-row: 2; align-self: start; }
  .landing-v4 .lp4-hero__lead { grid-column: 2; grid-row: 2; margin-top: 1rem; align-self: start; }
  .landing-v4 .lp4-actions { grid-column: 1; grid-row: 3; margin-top: 1.5rem; }
  .landing-v4 .lp4-points { grid-column: 2; grid-row: 3; align-self: center; }
  .landing-v4 .lp4-hero__trust { grid-column: 1 / -1; margin-top: 1.5rem; }
}
.landing-v4 .lp4-audit { width: min(100% - 3rem, 78rem); margin: 0 auto; padding: clamp(2.75rem,4.6vw,4.5rem) 0; display: grid; grid-template-columns: .8fr 1.2fr; align-items: start; gap: 2.25rem 3rem; border-top: 1px solid var(--lp4-line); }
.landing-v4 .lp4-audit__intro h2 { margin: .7rem 0 0; font-size: clamp(2rem,3.4vw,3.15rem); line-height: 1.06; letter-spacing: -.05em; }
.landing-v4 .lp4-audit__intro h2 em { color: var(--lp4-ink); font-style: normal; }
.landing-v4 .lp4-audit__intro > p:not(.lp4-section-index) { max-width: 31rem; color: var(--lp4-muted); font-size: 1rem; line-height: 1.65; }
.landing-v4 .lp4-audit__intro .btn { margin-top: 1rem; }
.landing-v4 .lp4-audit__intro small, .landing-v4 .lp4-audit__fine { display: block; font-size: .75rem; line-height: 1.7; }
.landing-v4 .lp4-audit__benefits { padding-left: 1.1rem; color: var(--lp4-muted); font-size: .88rem; line-height: 1.65; }
.landing-v4 .lp4-audit__benefits li + li { margin-top: .6rem; }
.landing-v4 .lp4-audit__report { align-self: start; overflow: hidden; border: 1px solid var(--lp4-line); border-radius: .5rem; background: #fffdf8; }
.landing-v4 .lp4-report__bar { display: flex; align-items: center; justify-content: space-between; gap: 1rem; padding: .85rem 1rem; border-bottom: 1px solid var(--lp4-line); font-size: .69rem; font-weight: 750; letter-spacing: .08em; }
.landing-v4 .lp4-report__bar button { padding: .4rem .65rem; border: 1px solid var(--lp4-ink); border-radius: 2px; color: #fff; background: var(--lp4-ink); font-size: .65rem; cursor: pointer; }
.landing-v4 .lp4-report__body { padding: 1.25rem; }
.landing-v4 .lp4-report__body small { color: var(--lp4-muted); font-size: .65rem; font-weight: 600; letter-spacing: .05em; text-transform: uppercase; }
.landing-v4 .lp4-report__question p { margin: .7rem 0 1.4rem; font-size: 1.1rem; font-weight: 600; line-height: 1.45; }
.landing-v4 .lp4-report__answer { padding: 1rem; border-left: 2px solid var(--lp4-ink); background: #f5f3ee; }
.landing-v4 .lp4-report__answer p { margin: .7rem 0 0; color: var(--lp4-muted); font-size: .85rem; line-height: 1.65; }
.landing-v4 .lp4-report__facts { margin: 1.2rem 0 0; display: grid; grid-template-columns: 1fr; }
.landing-v4 .lp4-report__facts > div { display: flex; justify-content: space-between; gap: 1rem; align-items: baseline; padding: .6rem 0; border-top: 1px solid var(--lp4-line); }
.landing-v4 .lp4-report__facts dt, .landing-v4 .lp4-report__facts dd { font-size: .75rem; }
.landing-v4 .lp4-report__facts dd { margin: 0; text-align: right; }
.landing-v4 .lp4-report__detail { padding: 1rem 1.25rem; border-top: 1px solid var(--lp4-line); font-size: .8rem; line-height: 1.55; }
.landing-v4 .lp4-audit__layers { grid-column: 1 / -1; display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 1.5rem; }
.landing-v4 .lp4-audit__layers article { padding: 1.25rem 0 0; border-top: 2px solid var(--lp4-ink); }
.landing-v4 .lp4-audit__layers span { color: var(--lp4-muted); font-size: .75rem; font-weight: 600; }
.landing-v4 .lp4-audit__layers h3 { margin: .75rem 0 .5rem; font-size: 1.25rem; letter-spacing: -.02em; }
.landing-v4 .lp4-audit__layers p { margin: 0; color: var(--lp4-muted); font-size: .88rem; line-height: 1.7; }
.landing-v4 .lp4-audit__rules { grid-column: 1 / -1; display: grid; grid-template-columns: 1.15fr .85fr .85fr; border-top: 1px solid var(--lp4-line); border-bottom: 1px solid var(--lp4-line); }
.landing-v4 .lp4-audit__rules article { min-height: 6.4rem; padding: 1rem 1.3rem 1rem 0; display: flex; flex-direction: column; justify-content: center; border-right: 1px solid var(--lp4-line); }
.landing-v4 .lp4-audit__rules article + article { padding-left: 1.3rem; }
.landing-v4 .lp4-audit__rules article:last-child { border: 0; }
.landing-v4 .lp4-audit__rules b { font-size: 1.45rem; letter-spacing: -.04em; }
.landing-v4 .lp4-audit__rules span { margin-top: .25rem; color: var(--lp4-muted); font-size: .8rem; line-height: 1.6; }
.landing-v4 .lp4-audit__fine { grid-column: 1 / -1; max-width: none; margin: -1rem 0 0; color: var(--lp4-muted); }
.landing-v4 .lp4-answer__stage { gap: 1.5rem 3.5rem; align-items: start; }
.landing-v4 .lp4-scattered { display: grid; gap: .7rem; padding: 1.25rem 1.5rem .5rem 0; }
.landing-v4 .lp4-scattered > div { display: flex; align-items: center; justify-content: space-between; gap: 1rem; padding: 1.05rem 1.4rem; border: 1px solid var(--lp4-line); border-radius: 2px; }
.landing-v4 .lp4-scattered span { color: var(--lp4-muted); font-size: .76rem; }
.landing-v4 .lp4-scattered b { font-size: .84rem; font-weight: 500; text-align: right; }
.landing-v4 .lp4-answer__result { padding: 1.7rem; border: 1px solid var(--lp4-line); border-radius: .5rem; background: #fcfaf4; }
.landing-v4 .lp4-answer__result > div { flex-wrap: wrap; gap: .45rem; }
.landing-v4 .lp4-answer__result h2 { margin: 1.3rem 0 .75rem; font-size: 2rem; line-height: 1.12; }
.landing-v4 .lp4-factpage { margin: 0 0 1.2rem; }
.landing-v4 .lp4-factpage > div { display: flex; align-items: baseline; justify-content: space-between; gap: 1rem; padding: .85rem 0; border-bottom: 1px solid var(--lp4-line); font-size: .85rem; }
.landing-v4 .lp4-factpage dd { margin: 0; font-weight: 600; text-align: right; }
.landing-v4 .lp4-answer__aside { max-width: 55rem; font-size: .82rem; line-height: 1.7; }
@media (max-width: 760px) {
  .landing-v4 .lp4-audit { display: block; }
  .landing-v4 .lp4-audit__report { margin-top: 2rem; }
  .landing-v4 .lp4-audit__layers, .landing-v4 .lp4-audit__rules { grid-template-columns: 1fr; margin-top: 2rem; }
  .landing-v4 .lp4-audit__rules article, .landing-v4 .lp4-audit__rules article + article { min-height: 0; padding: 1rem 0; border-right: 0; border-bottom: 1px solid var(--lp4-line); }
  .landing-v4 .lp4-audit__fine { margin: 1.5rem 0 0; }
  .landing-v4 .lp4-report__bar button { flex-shrink: 0; min-height: 2.25rem; }
  .landing-v4 .lp4-answer__stage { gap: 1rem; }
  .landing-v4 .lp4-answer__result { padding: 1.25rem; }
}
/* ---- The stake: an answer is a shortlist of names -------------------------
   Hierarchy runs head → controls, then shortlist and phone side by side, so
   the whole demonstration reads in one screen instead of forcing a second
   scroll to reach the device once the shortlist has been read. */
.landing-v4 .lp4-discovery { padding-top: 0; }
.landing-v4 .dd-stage {
  position: relative;
  display: grid;
  grid-template-columns: minmax(22.5rem, .8fr) minmax(0, 1.2fr);
  /* Align the phone with the scenario strip and keep the comparison close
     enough for the two parts to read as one demonstration. */
  column-gap: clamp(1rem, 2.75vw, 2.5rem);
  row-gap: .4rem;
  align-items: start;
}
.landing-v4 .dd-stage > .dd-controls { grid-column: 1 / -1; grid-row: 1; margin: 1rem 0 .3rem; }
/* The toggle, named shortlist and disclaimer live in one grid item so they
   stack by their own content height instead of being stretched to match the
   phone's row — CSS grid rows are shared across columns, so without this
   wrapper the taller phone would force empty space into the shortlist. */
.landing-v4 .dd-stage > .dd-side { grid-column: 2; grid-row: 2; align-self: start; }
.landing-v4 .dd-stage .dd-comparison { display: block; padding: 0; border: 0; }
.landing-v4 .dd-stage .dd-switch { justify-items: start; margin: 0 0 .6rem; }
.landing-v4 .dd-stage .dd-note { margin: .5rem 0 0; }
.landing-v4 .dd-stage > .dd-content { display: contents; }
.landing-v4 .dd-stage .dd-product { display: contents; }
.landing-v4 .dd-stage .dd-phone-wrap {
  grid-column: 1;
  grid-row: 2;
  justify-self: start;
  align-self: start;
}
/* JS relocates the collapsed evidence panel into .dd-side on every render
   (see landing-discovery.js), so it stacks right after the note by its own
   height instead of being a separate grid row sized against the phone. */
.landing-v4 .dd-stage .dd-side .dd-evidence { grid-column: auto; grid-row: auto; margin-top: .5rem; }
/* On a wide screen the data-state switch uses the open space beside the
   scenario strip. This lets the named-result block begin level with the
   phone instead of pushing it down. */
@media (min-width: 981px) {
  .landing-v4 .dd-stage > .dd-controls {
    padding-right: 13.25rem;
  }
  .landing-v4 .dd-stage .dd-scenarios button {
    padding-inline: .5rem;
  }
  .landing-v4 .dd-stage .dd-switch {
    position: absolute;
    top: 1rem;
    right: 0;
    margin: 0;
  }
}
@media (max-width: 860px) {
  .landing-v4 .dd-stage { display: block; }
  .landing-v4 .dd-stage > .dd-controls,
  .landing-v4 .dd-stage > .dd-side { display: block; grid-column: auto; grid-row: auto; }
  .landing-v4 .dd-stage .dd-switch { justify-items: center; }
  .landing-v4 .dd-stage > .dd-content { display: block; }
  .landing-v4 .dd-stage .dd-product { display: grid; grid-template-columns: minmax(0, 1fr); }
  .landing-v4 .dd-stage .dd-phone-wrap { grid-column: 1; grid-row: auto; }
  .landing-v4 .dd-stage .dd-side .dd-evidence { grid-column: 1; grid-row: auto; margin-top: .5rem; }
}
.landing-v4 .dd-head { max-width: 58rem; }
.landing-v4 .dd-kicker { display: inline-block; }
.landing-v4 .dd-title { margin-top: .7rem; max-width: 22ch; font-size: clamp(1.9rem, 4.1vw, 3.15rem); line-height: 1.02; letter-spacing: -.055em; text-wrap: balance; }
.landing-v4 .dd-lead { max-width: 46rem; margin: 1.05rem 0 0; color: var(--lp4-muted); font-size: 1rem; line-height: 1.68; text-wrap: pretty; }
.landing-v4 .dd-audit-link { display: inline-block; margin-top: .95rem; padding-bottom: .18rem; border-bottom: 1px solid var(--lp4-sage); color: var(--lp4-sage-dark); font-size: .8rem; font-weight: 650; text-decoration: none; }
.landing-v4 .dd-audit-link:hover { border-bottom-color: var(--lp4-ink); color: var(--lp4-ink); }

@media (min-width: 981px) {
  .landing-v4 .lp4-discovery .dd-head {
    width: 100%;
    max-width: none;
    margin-left: 0;
    padding-left: 0;
    border-left: 0;
    display: grid;
    grid-template-columns: minmax(0, 1.05fr) minmax(0, .95fr);
    column-gap: 3rem;
    align-items: start;
  }
  .landing-v4 .lp4-discovery .dd-kicker { grid-column: 1 / -1; }
  .landing-v4 .lp4-discovery .dd-title { grid-column: 2; grid-row: 2; align-self: start; }
  .landing-v4 .lp4-discovery .dd-lead { grid-column: 1; grid-row: 2; margin-top: .7rem; align-self: start; }
  .landing-v4 .lp4-discovery .dd-audit-link { grid-column: 1; grid-row: 3; }
}

.landing-v4 .dd-comparison { align-items: center; padding: .6rem 0 .75rem; }
.landing-v4 .dd-switch { justify-self: center; display: grid; justify-items: center; gap: .35rem; }
.landing-v4 .dd-switch .dd-label { margin: 0; }
.landing-v4 .dd-comparison .dd-views { justify-self: auto; margin: 0; }
.landing-v4 .dd-change { min-height: 0; }
.landing-v4 .dd-change > .dd-label { margin: 0 0 .55rem; }
.landing-v4 .dd-named { margin: 0 0 .5rem; border: 1px solid var(--lp4-line); border-radius: 1.05rem; background: #fdfcf7; overflow: hidden; }
.landing-v4 .dd-named__list { margin: 0; padding: 0; list-style: none; }
.landing-v4 .dd-named__row,
.landing-v4 .dd-named__missing { display: flex; align-items: baseline; justify-content: space-between; gap: 1rem; margin: 0; padding: .55rem 1.05rem; }
.landing-v4 .dd-named__row + .dd-named__row { border-top: 1px solid var(--lp4-line); }
.landing-v4 .dd-named__name { font-size: 1.05rem; font-weight: 650; letter-spacing: -.015em; }
.landing-v4 .dd-named__row--owner { border-top: 1px solid var(--lp4-ink); box-shadow: inset 3px 0 0 var(--lp4-ink); background: var(--lp4-paper-deep); }
.landing-v4 .dd-named__row--owner .dd-named__name { font-weight: 800; }
.landing-v4 .dd-named__fact { flex-shrink: 1; color: var(--lp4-muted); font-size: .74rem; font-weight: 500; line-height: 1.45; text-align: right; }
.landing-v4 .dd-named__missing { border-top: 1px dashed var(--lp4-ink); background: repeating-linear-gradient(135deg, rgba(23,23,20,.05) 0 5px, transparent 5px 11px); }
.landing-v4 .dd-named__missing .dd-named__name { color: var(--lp4-muted); font-weight: 600; }
.landing-v4 .dd-named__missing b { flex-shrink: 0; color: var(--lp4-ink); font-size: .64rem; font-weight: 750; letter-spacing: .1em; text-transform: uppercase; }
/* Only the owner's line changes state, so only it moves. */
.landing-v4 .dd-named__row--owner,
.landing-v4 .dd-named__missing { animation: ddNamedIn .2s ease both; }
@keyframes ddNamedIn { from { opacity: 0; transform: translateY(3px); } to { opacity: 1; transform: none; } }
.landing-v4 .dd-change__text { color: var(--lp4-muted); font-size: .82rem; font-weight: 500; line-height: 1.6; }
.landing-v4 .dd-note { max-width: 46rem; color: var(--lp4-muted); }

@media (max-width: 860px) {
  .landing-v4 .dd-comparison { position: static; grid-template-columns: minmax(0, 1fr); gap: 1rem; padding: 1rem 0 1.2rem; border-bottom: 0; }
  .landing-v4 .dd-switch { justify-self: stretch; justify-items: start; }
  .landing-v4 .dd-comparison .dd-views { width: 100%; }
  .landing-v4 .dd-views button { flex: 1; }
  .landing-v4 .dd-title { max-width: none; }
}
@media (max-width: 430px) {
  .landing-v4 .dd-named__row--owner { flex-direction: column; align-items: flex-start; gap: .18rem; }
  .landing-v4 .dd-named__row--owner .dd-named__fact { text-align: start; }
}
@media (prefers-reduced-motion: reduce) {
  .landing-v4 .lp4-discovery *, .landing-v4 .lp4-audit * { transition: none !important; animation: none !important; scroll-behavior: auto !important; }
}