@keyframes rowin{0%,6%{opacity:0;transform:translateX(-10px)}14%,88%{opacity:1;transform:none}100%{opacity:0}}
.pr main .btn{padding:16px 26px}

.pr-hero{padding:80px var(--gutter) 0;display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:24px;align-items:center}
.pr-copy{grid-column:span 7;display:flex;flex-direction:column;gap:22px}
.pr-hero h1{font-size:clamp(52px,5vw,72px);line-height:1.02}
.pr-hero h1>span{display:block}
.pr-copy .lede{max-width:620px}
.pr-copy .btn-row{margin-top:0}
.pr-copy .btn{align-self:flex-start}
.pr-visual{grid-column:9/span 4;position:relative;height:520px}
.pr-sheet{position:absolute;left:30px;top:10px;width:330px;height:460px;transform:rotate(3deg);border-radius:10px;background:#fff;border:1px solid var(--line);box-shadow:0 30px 60px rgba(16,25,46,.2);padding:28px;display:flex;flex-direction:column;gap:12px}
.pr-sheet-logo{height:30px;width:auto;align-self:flex-start}
.pr-rule{height:3px;width:48px;background:var(--orange)}
.pr-sheet-title{font-family:Montserrat,sans-serif;font-size:28px;font-weight:800;line-height:1.05}
.pr-sheet-sub{font-size:13px;color:var(--slate)}
.pr-rows{display:flex;flex-direction:column;gap:7px;margin-top:4px}
.pr-rows div{display:flex;justify-content:space-between;padding:9px 12px;border-radius:6px;background:var(--mist);font-size:14px}
.pr-rows b{font-family:Montserrat,sans-serif}
.pr-rows .inc{color:var(--blue)}
.pr-rows .w1{animation:rowin 9s ease-in-out infinite .4s}
.pr-rows .w2{animation:rowin 9s ease-in-out infinite .7s}
.pr-rows .w3{animation:rowin 9s ease-in-out infinite 1s}
.pr-rows .w4{animation:rowin 9s ease-in-out infinite 1.3s}
.pr-rows .w5{animation:rowin 9s ease-in-out infinite 1.6s}
.pr-rows .w6{animation:rowin 9s ease-in-out infinite 1.9s}
.pr-visual .lock{left:0;top:400px;width:72px;height:72px;border-radius:36px}
.pr-visual .lock img{width:42px;height:42px}

.pr-keep{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:24px;row-gap:18px}
.pr-keep>*{grid-column:1/span 5}
.pr-keep .btn{justify-self:start}
.pr-stats{grid-column:7/span 6;grid-row:1/span 5;align-self:center;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.stat{border:1px solid var(--line);border-top:4px solid var(--c);border-radius:6px;padding:24px;display:flex;flex-direction:column;gap:6px;background:#fff}
.stat strong{font-family:Montserrat,sans-serif;font-size:34px;font-weight:800}
.stat p{font-size:15px;color:var(--ink)}

.mirror{border:1px solid var(--line);border-radius:12px;padding:48px;display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:24px}
.mirror-copy{grid-column:span 5;display:flex;flex-direction:column;gap:18px}
.mirror h2{font-size:clamp(32px,3.2vw,46px)}
.mirror-qs{grid-column:7/span 6;display:flex;flex-direction:column}
.yn-row{display:flex;align-items:center;gap:16px;padding:14px 0;border-top:1px solid var(--line)}
.yn-row.last{border-bottom:1px solid var(--line)}
.yn-row>span{flex:1;font-size:16px;line-height:1.5}
.yn-btns{display:flex;gap:16px}
.yn{position:relative;display:block;cursor:pointer}
.yn input{position:absolute;inset:0;margin:0;opacity:0;cursor:pointer}
.yn span{display:flex;align-items:center;justify-content:center;min-width:64px;height:44px;border:1.5px solid #b9c2d3;border-radius:6px;background:#fff;font-family:Montserrat,sans-serif;font-weight:700;font-size:15px;color:var(--navy)}
.yn:hover span{border-color:var(--blue)}
.yn input:checked+span{border-color:var(--navy);background:var(--navy);color:#fff}
.yn input:focus-visible+span{outline:2px solid var(--blue);outline-offset:2px}
.mirror-close{margin-top:18px;padding:16px 20px;border-radius:6px;border:1px solid var(--line);border-left:4px solid var(--orange);font-size:16px;line-height:1.5}
.mirror-close b{font-family:Montserrat,sans-serif}

.helps{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));grid-template-rows:1fr auto auto auto 1fr;column-gap:24px;row-gap:18px}
.helps>*{grid-column:1/span 7}
.helps .eyebrow{grid-row:2}
.helps h2{grid-row:3}
.helps-cards{grid-row:4;margin-top:8px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.helps .tcard{padding:22px}
.pr-photo{grid-column:9/span 4;grid-row:1/-1;align-self:center;height:560px;border-radius:12px;overflow:hidden}
.pr-photo img{width:100%;height:100%;object-fit:cover;animation:zoom 2.4s cubic-bezier(.2,.7,.2,1) both .3s}

.pr-book{display:flex;flex-direction:column;align-items:center;text-align:center;gap:16px}
.pr-book .body{max-width:660px}

@media (max-width:1100px){
  .pr main .btn{padding:15px;display:block}
  .pr .card:hover{transform:none;box-shadow:none}
  .pr-hero{display:block;padding:32px var(--gutter) 0}
  .pr-copy{gap:14px}
  .pr-hero h1{font-size:min(40px,10vw);line-height:1.04}
  .pr-copy .btn{align-self:stretch}
  .pr-copy .btn-row{gap:14px}
  .pr-copy .tlink{padding:6px 0}
  .pr .answer p{font-size:17px}
  .pr-keep{display:flex;flex-direction:column;gap:14px}
  .pr-keep .btn{align-self:stretch}
  .pr-keep .fine{font-size:12.5px}
  .pr-stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
  .stat{padding:14px;gap:4px}
  .stat strong{font-size:24px}
  .stat p{font-size:13px}
  .mirror{padding:20px;display:flex;flex-direction:column;gap:12px}
  .mirror-copy,.mirror-qs{display:contents}
  .mirror h2{font-size:26px;line-height:1.12}
  .mirror .body{font-size:15px;line-height:1.5}
  .yn-row{flex-direction:column;align-items:stretch;gap:8px;padding:12px 0 0}
  .yn-row.last{padding-bottom:12px}
  .yn-row>span{flex:none;font-size:15px;line-height:1.45}
  .yn-btns{gap:10px}
  .yn span{min-width:56px;font-size:14px}
  .mirror-close{margin-top:0;padding:14px 16px;font-size:15px}
  .helps{display:flex;flex-direction:column;gap:14px}
  .helps-cards{margin-top:0;grid-template-columns:1fr;gap:14px}
  .helps .tcard{padding:16px}
  .pr-photo{align-self:stretch;height:220px;border-radius:10px}
  .pr-photo img{animation:none}
  .pr-book{align-items:stretch;text-align:left;gap:14px}
}