/* Short funnel pages: one room painting behind a glass card, same tokens as the sale page. */
.tk-note{margin:.4rem 0 0;font-size:.95rem;opacity:.85}
.tk-h{margin:1rem 0 .5rem;font-size:1.05rem}
.tk-grid{display:grid;grid-template-columns:repeat(var(--c,6),minmax(0,1fr));gap:12px}
@media (max-width:700px){.tk-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
.tk-grid figure{margin:0;display:grid;gap:4px;align-content:start}
.tk-grid img{width:100%;height:auto;display:block;border-radius:4px;box-shadow:0 1px 3px rgba(60,40,20,.25)}
.tk-grid figcaption{font-size:.8rem;text-align:center}

.pg{background:var(--cream)}
.pg .room-bg{position:fixed;inset:-4%;z-index:0;background:var(--bg) center/cover no-repeat;transform:scale(calc(1.08 - var(--p,0)*.06));transform-origin:50% 30%}
.pg .room-bg::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(247,240,226,.15),rgba(247,240,226,.55) 70%,rgba(247,240,226,.9))}
.pg main{position:relative;z-index:1;padding:clamp(14px,3vh,28px) var(--gut) 3rem}
.wait{max-width:860px;margin:0 auto 1rem;padding:.6rem 1rem;border-radius:12px;background:var(--cta);color:var(--cta-ink);text-align:center;font-weight:500;font-size:.95rem}
.steps-strip{display:flex;justify-content:center;flex-wrap:wrap;gap:.35rem;margin:0 auto 1.2rem;padding:0;list-style:none;font-size:.78rem;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-3)}
.steps-strip li{padding:.3rem .7rem;border-radius:999px;background:rgba(251,246,236,.8);border:1px solid var(--line)}
.steps-strip li.done{color:#2E6B52}.steps-strip li.on{background:var(--cta);color:var(--cta-ink);border-color:var(--cta)}
.sheet{max-width:860px;margin:auto;display:grid;gap:1.1rem;padding:clamp(1.3rem,3vw,2.6rem);border-radius:24px;background:rgba(251,246,236,.88);border:1px solid var(--line);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);box-shadow:var(--sh-2)}
.sheet .display{font-size:clamp(2rem,4vw,3.3rem)}
.yes{display:grid;gap:.6rem;justify-items:center;text-align:center;padding:1rem;border-radius:16px;background:rgba(255,255,255,.6);border:1px solid var(--line)}
.yes .btn{width:min(100%,520px)}
.yes .px{font:600 1.05rem/1.2 var(--f-text);color:var(--ink)}
.no{font-size:.9rem;color:var(--ink-3)}
.chips{display:flex;flex-wrap:wrap;gap:.45rem;margin:0;padding:0;list-style:none}
.chips li{padding:.4rem .8rem;border-radius:999px;background:#fff;border:1px solid var(--line);font:500 .98rem/1.2 var(--f-display);color:var(--ink)}
.proof{margin:0;border-radius:16px;overflow:hidden;border:1px solid var(--line);box-shadow:var(--sh-1);background:#fff}
.proof img{width:100%}
.proof figcaption{padding:.6rem 1rem;font-size:.86rem;color:var(--ink-2)}
.two{display:grid;grid-template-columns:1.1fr .9fr;gap:1.2rem;align-items:start}
.two .proof{max-width:340px;justify-self:center}
.legal{max-width:760px;margin:auto;padding:clamp(1.3rem,3vw,2.4rem);border-radius:20px;background:var(--paper-solid);border:1px solid var(--line);box-shadow:var(--sh-1)}
.legal h1{font:600 clamp(1.9rem,3.4vw,2.6rem)/1.1 var(--f-display);margin:0 0 .4rem}
.legal h2{font:600 1.3rem/1.2 var(--f-display);margin:1.6rem 0 .4rem}
.legal p,.legal li{color:var(--ink-2)}
.legal .meta{color:var(--ink-3);font-size:.9rem}
.back{display:inline-block;margin:0 auto 1rem;max-width:760px;font-size:.9rem}
@media (max-width:760px){.two{grid-template-columns:1fr}.sheet{padding:1.1rem}}

/* v10 vintage: the upsell is a letter pinned to the cottage wall (same paper, stamp and tag language as the sale page) */
.pg--oto{background:linear-gradient(180deg,rgba(120,80,40,.16),transparent 40%),url(assets/in/plaster.webp) 0 0/520px auto,#EFE3CC}
.pg--oto .room-bg{opacity:.28;filter:sepia(.35) saturate(.8)}
.pg--oto .room-bg::after{background:linear-gradient(180deg,rgba(239,227,204,.2),rgba(239,227,204,.75) 60%,#EFE3CC)}
.pg--oto .garland{position:absolute;z-index:1;top:-6px;left:50%;width:min(1100px,130vw);translate:-50% 0;pointer-events:none;opacity:.9}
.pg--oto main{padding-top:clamp(70px,9vw,120px)}
.pg--oto .wait{border-radius:4px;background:#8C2F45;color:#FBEFE6;letter-spacing:.02em;box-shadow:var(--sh-1)}
.pg--oto .steps-strip li{border-radius:3px;background:#FBF4E2;border:1px dashed rgba(122,90,48,.45);font-family:var(--f-text)}
.pg--oto .steps-strip li.on{background:var(--cta);border-style:solid}
.pg--oto .sheet{position:relative;border-radius:2px;background:#FBF6EC;border:0;backdrop-filter:none;-webkit-backdrop-filter:none;
  box-shadow:0 1px 0 rgba(255,255,255,.7) inset,0 2px 4px rgba(60,40,10,.12),0 34px 60px -30px rgba(60,40,10,.55);rotate:-.35deg}
.pg--oto .sheet::before,.pg--oto .sheet::after{content:"";position:absolute;top:-14px;width:120px;height:30px;background:rgba(214,196,150,.62);box-shadow:0 1px 2px rgba(0,0,0,.08);
  mask:linear-gradient(90deg,transparent 0 3px,#000 3px calc(100% - 3px),transparent 0)}
.pg--oto .sheet::before{left:34px;rotate:-6deg}.pg--oto .sheet::after{right:34px;rotate:5deg}
.pg--oto .sheet>*{rotate:.35deg}
.pg--oto .chip{border-radius:3px;background:transparent;border:1px solid rgba(122,90,48,.45);color:#6B4E22}
.pg--oto .yes{position:relative;border-radius:3px;background:transparent;border:0;box-shadow:inset 0 0 0 1px rgba(122,90,48,.4),inset 0 0 0 5px #FBF6EC,inset 0 0 0 6px rgba(122,90,48,.22)}
.ostamp{position:absolute;right:clamp(8px,3vw,28px);top:50%;translate:0 -50%;display:grid;place-items:center;align-content:center;width:92px;aspect-ratio:1;border-radius:50%;rotate:-10deg;color:#8C2F45;
  border:2.5px solid rgba(140,47,69,.85);outline:1px solid rgba(140,47,69,.5);outline-offset:-8px;mix-blend-mode:multiply;opacity:.92}
.ostamp b{font:600 1.9rem/1 var(--f-display);font-variant-numeric:tabular-nums}
.ostamp small{font:600 .56rem/1 var(--f-text);letter-spacing:.22em;text-transform:uppercase;margin-top:.25rem}
.pg--oto .chips li{position:relative;padding:.38rem .8rem .38rem 1.35rem;border-radius:2px 10px 10px 2px;background:#E9D6B0;border:0;color:#3E2E16;box-shadow:0 1px 2px rgba(60,40,10,.18)}
.pg--oto .chips li::before{content:"";position:absolute;left:.5rem;top:50%;width:6px;height:6px;margin-top:-3px;border-radius:50%;background:#FBF6EC;box-shadow:inset 0 0 0 1px rgba(122,90,48,.5)}
.pg--oto .proof{position:relative;border-radius:2px;border:0;padding:10px 10px 0;background:#FFFDF8;box-shadow:0 2px 4px rgba(60,40,10,.14),0 22px 40px -24px rgba(60,40,10,.55);rotate:1.2deg}
.pg--oto .proof::before{content:"";position:absolute;z-index:1;top:-12px;left:50%;width:90px;height:24px;translate:-50% 0;rotate:-3deg;background:rgba(214,196,150,.65)}
.pg--oto .proof figcaption{font-family:var(--f-display);font-style:italic;text-align:center;padding:.55rem .4rem .7rem}
.pg--oto .promise{border-top:1px dashed rgba(122,90,48,.4);padding-top:1rem}
@media (max-width:760px){.ostamp{position:static;translate:none;width:78px;margin-bottom:.2rem}.ostamp b{font-size:1.55rem}.pg--oto .sheet::before,.pg--oto .sheet::after{width:80px}.pg--oto .garland{width:170vw}}
@media (prefers-reduced-motion:reduce){.pg--oto .sheet,.pg--oto .sheet>*,.pg--oto .proof{rotate:none}}

/* JV page */
.jv .sheet{max-width:980px}
.jv table{width:100%;border-collapse:collapse;font-size:.95rem}
.jv th,.jv td{padding:.6rem .5rem;border-bottom:1px dashed rgba(122,90,48,.35);text-align:left;vertical-align:top}
.jv th{font:600 .72rem/1.2 var(--f-text);letter-spacing:.14em;text-transform:uppercase;color:var(--ink-3)}
.jv td b{font-family:var(--f-display);font-size:1.05rem}
.jv .facts{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:.8rem;margin:0;padding:0;list-style:none}
.jv .facts li{padding:.8rem 1rem;box-shadow:inset 0 0 0 1px rgba(122,90,48,.35)}
.jv .facts b{display:block;font:600 1.5rem/1.1 var(--f-display);color:var(--rose)}
.jv .facts span{font-size:.88rem;color:var(--ink-2)}
.jv h2.display{font-size:clamp(1.4rem,2.4vw,1.9rem);margin-top:.6rem}
.jv video,.jv .vid{width:100%;border-radius:2px;background:#1D2B26}
.swipe{margin:0;box-shadow:inset 0 0 0 1px rgba(122,90,48,.35)}
.swipe summary{display:flex;justify-content:space-between;gap:1rem;align-items:center;padding:.8rem 1rem;cursor:pointer;font-family:var(--f-display);font-weight:600;font-size:1.05rem;min-height:44px}
.swipe summary small{font:500 .8rem/1.2 var(--f-text);color:var(--ink-3)}
.swipe pre{margin:0;padding:1rem;white-space:pre-wrap;font:400 .92rem/1.55 var(--f-type);color:var(--ink);background:#FFFDF8;border-top:1px dashed rgba(122,90,48,.35)}
.swipe .copy{margin:0 1rem 1rem;min-height:44px;padding:.5rem 1rem;border:1px solid var(--cta);background:transparent;color:var(--cta);font:600 .9rem/1 var(--f-text);cursor:pointer}
.swipe .copy.ok{background:var(--cta);color:var(--cta-ink)}
.jv .rules li{margin:.3rem 0;color:var(--ink-2)}
@media (max-width:760px){.jv th:nth-child(4),.jv td:nth-child(4){display:none}}