.layer-slide{background:linear-gradient(145deg,#f5f7f1 0%,#e9f0e8 100%)}
.group-layer{background:linear-gradient(145deg,#f6f4ec 0%,#e9eee5 100%)}
.open-layer{background:#173d33;color:#f8faf4}
.layer-layout{display:grid;grid-template-columns:minmax(0,1.02fr) minmax(420px,.98fr);gap:clamp(45px,8vw,150px);align-items:center}
.layer-copy{max-width:790px}
.layer-copy>p:not(.eyebrow):not(.lead){max-width:680px;color:var(--muted);font-size:17px}
.open-layer .layer-copy>p:not(.eyebrow):not(.lead){color:#bfd1c6}
.privacy-note{display:flex;align-items:center;gap:20px;width:min(520px,100%);margin-top:34px;padding:18px 20px;border:1px solid #c3d4c7;border-radius:17px;background:#fff9}
.privacy-note b{font-family:'Newsreader',Georgia,serif;font-size:24px;font-weight:500}
.privacy-note span{color:var(--muted);font-size:12px}
.layer-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:34px}
.layer-tags span{padding:9px 13px;border:1px solid #c5d5c8;border-radius:99px;background:#ffffff9c;font-size:11px;font-weight:700}
.layer-tags.light span{border-color:#78988a;background:#ffffff0b;color:#e8f1eb}
.layer-diagram{display:grid;gap:12px;perspective:1100px}
.layer-card{position:relative;display:flex;flex-direction:column;justify-content:center;min-height:132px;padding:25px 31px 25px 90px;border:1px solid #c9d8ce;border-radius:25px;background:#f9fbf7;color:var(--ink);box-shadow:0 17px 45px #173e3210;transform:translateX(24px);opacity:.66;transition:transform .25s,opacity .25s}
.layer-card:nth-child(2){transform:translateX(0)}
.layer-card:nth-child(3){transform:translateX(-24px)}
.layer-card.active{z-index:2;opacity:1;transform:translateX(0) scale(1.035);border-color:#6f9c87;box-shadow:0 28px 70px #102f2730}
.layer-card span{position:absolute;left:28px;top:29px;font-size:11px;font-weight:700;letter-spacing:.2em;color:#729181}
.layer-card b{font-family:'Newsreader',Georgia,serif;font-size:clamp(29px,2.6vw,45px);font-weight:500;line-height:1}
.layer-card small{margin-top:8px;color:var(--muted)}
.layer-card.open{border-left:7px solid var(--gold)}
.layer-card.group{border-left:7px solid var(--blue)}
.layer-card.personal{border-left:7px solid var(--rose)}
.open-layer .layer-card:not(.active){background:#244b40;color:#e9f2ec;border-color:#638476}
.open-layer .layer-card:not(.active) small{color:#b8cbc0}
.open-layer .layer-card.active{background:#f7faf5;color:var(--ink)}

@media(max-width:900px){
  .layer-layout{grid-template-columns:1fr;gap:28px}
  .layer-copy{max-width:none}
  .layer-diagram{width:min(680px,100%);margin:auto}
  .layer-card{min-height:100px}
}

@media(max-width:600px){
  .layer-slide{align-items:flex-start}
  .layer-copy h2{font-size:clamp(48px,11.4vw,68px)}
  .layer-copy .lead{font-size:17px}
  .layer-copy>p:not(.eyebrow):not(.lead){font-size:13px;line-height:1.45}
  .privacy-note{margin-top:18px;padding:12px 14px}
  .privacy-note b{font-size:18px}
  .privacy-note span{font-size:10px}
  .layer-tags{margin-top:16px}
  .layer-tags span{padding:6px 9px;font-size:9px}
  .layer-diagram{gap:7px}
  .layer-card{min-height:76px;padding:13px 15px 13px 58px;border-radius:16px;transform:none!important}
  .layer-card span{left:18px;top:17px}
  .layer-card b{font-size:23px}
  .layer-card small{font-size:9px;margin-top:4px}
}