/* The Return (preview, 2026-10-01). The walk stage, the screen you come back to, try it, proof, how it begins. */
.rt-walk{height:360vh;position:relative}
.rt-walk .stick{position:sticky;top:0;height:100dvh;overflow:hidden;background:var(--groundbg);background-attachment:fixed}
.rt-walk canvas{position:absolute;inset:0;width:100%;height:100%;display:block;mix-blend-mode:screen}
.rt-walk .poster{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.rt-walk .stick::after{content:"";position:absolute;inset:0 50% 0 0;background:radial-gradient(closest-side at 35% 55%,rgba(7,9,13,.72),rgba(7,9,13,0));pointer-events:none;z-index:1}
.rt-st{position:absolute;left:5vw;top:50%;transform:translateY(-44%);max-width:560px;z-index:2;opacity:0;pointer-events:none;transition:opacity .9s var(--ease),transform .9s var(--ease),filter .9s var(--ease);filter:blur(6px)}
.rt-st.on{opacity:1;transform:translateY(-50%);filter:none;pointer-events:auto}
.rt-st h1,.rt-st h2{margin:14px 0 0}
.rt-st .lead,.rt-st p.s{color:var(--ink2);font-size:18px;max-width:30em;margin:20px 0 0;opacity:0;transform:translateY(8px);transition:opacity .9s var(--ease) .9s,transform .9s var(--ease) .9s}
.rt-st .actions{opacity:0;transition:opacity .9s var(--ease) 1.15s}
.rt-st.on .lead,.rt-st.on p.s,.rt-st.on .actions{opacity:1;transform:none}
.rt-cue{position:absolute;left:50%;bottom:26px;transform:translateX(-50%);z-index:2;font:500 12.5px var(--sans);color:var(--ink3);transition:opacity .6s}
.rt-walk.past .rt-cue{opacity:0}
.rt-walk.still{height:auto}.rt-walk.still .stick{position:relative;height:auto;padding:120px 5vw 60px}
.rt-walk.still .stick::after{display:none}
.rt-walk.still .poster{position:relative;height:auto;border-radius:22px;margin-bottom:40px}
.rt-walk.still .rt-st{position:relative;left:0;top:0;transform:none;opacity:1;filter:none;margin-bottom:56px}
.rt-walk.still .rt-st .lead,.rt-walk.still .rt-st p.s,.rt-walk.still .rt-st .actions{opacity:1;transform:none}
@media (max-width:900px){
 .rt-walk .stick::after{inset:auto 0 0 0;height:56%;background:linear-gradient(180deg,rgba(7,9,13,0),rgba(7,9,13,.86) 45%)}
 .rt-st{left:22px;right:22px;top:auto;bottom:8vh;transform:translateY(10px);max-width:none}.rt-st.on{transform:none}
 .rt-st .lead,.rt-st p.s{font-size:16px} }

/* when you are back: one quiet screen */
.rt-back{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:5vw;align-items:center}
.rt-desk{padding:28px 30px;border-radius:26px}
.rt-desk .d-hi{font:500 13.5px var(--sans);color:var(--ink3);display:flex;justify-content:space-between}
.rt-desk h3{font-size:clamp(24px,2.2vw,30px);margin:10px 0 18px}
.rt-desk .d-row{display:grid;grid-template-columns:22px 1fr auto;gap:12px;align-items:center;padding:14px 0;border-top:1px solid rgba(255,255,255,.08)}
.rt-desk .d-row b{display:block;font:500 16px var(--sans);color:var(--ink)}.rt-desk .d-row small{color:var(--ink3);font-size:13.5px}
.rt-desk .d-g{width:12px;height:12px;border-radius:50%;box-shadow:0 0 0 1.5px rgba(143,208,242,.8),0 0 12px rgba(143,208,242,.5)}
.rt-desk .d-g.w{box-shadow:0 0 0 1.5px rgba(226,178,138,.9),0 0 12px rgba(226,178,138,.5)}
.rt-desk .d-tag{font:500 12.5px var(--sans);color:var(--ink2);padding:6px 11px;border-radius:999px;background:rgba(255,255,255,.05);box-shadow:inset 0 0 0 1px rgba(255,255,255,.1)}
.rt-desk .d-tag.yes{color:#0b0d10;background:var(--ink);box-shadow:none;cursor:pointer;border:0}
.rt-desk .d-tag.yes.done{background:rgba(143,208,242,.16);color:var(--iris)}
.rt-rail{margin-top:26px;font:600 clamp(20px,1.8vw,24px)/1.3 var(--serif);letter-spacing:-.02em;color:var(--ink);max-width:22em}
.rt-rail em{font-style:normal;color:rgba(241,239,233,.46)}
@media (max-width:900px){ .rt-back{grid-template-columns:1fr}.rt-desk{padding:22px 20px} }

/* try it */
#try{max-width:1180px}
.rt-try{display:grid;grid-template-columns:minmax(0,.7fr) minmax(0,1.3fr);gap:4vw;align-items:start;margin-top:34px}
.rt-eye{position:relative;max-width:300px;width:100%;margin:0 auto;aspect-ratio:1}
.rt-eye::before{content:"";position:absolute;inset:-16%;border-radius:50%;background:radial-gradient(closest-side,rgba(143,208,242,.1),transparent 70%)}
.rt-phase{text-align:center;font:500 14px var(--sans);color:var(--iris);min-height:20px;margin-top:10px}
.rt-ask{display:flex;align-items:center;gap:8px;padding:8px 8px 8px 22px;border-radius:999px}
.rt-in{flex:1;min-width:0;background:none;border:0;outline:none;color:var(--ink);font:400 clamp(18px,1.7vw,22px)/1.3 var(--sans);padding:10px 0}
.rt-in::placeholder{color:rgba(241,239,233,.42)}
.rt-mic,.rt-go{flex:none;width:48px;height:48px;border-radius:50%;border:0;cursor:pointer;display:grid;place-items:center}
.rt-mic{background:rgba(255,255,255,.06);color:var(--ink);box-shadow:inset 0 0 0 1px rgba(255,255,255,.14)}
.rt-mic.on{background:rgba(226,178,138,.18);box-shadow:inset 0 0 0 1px rgba(226,178,138,.7),0 0 18px rgba(226,178,138,.35)}
.rt-go{background:var(--ink);color:#0b0d10;font-size:20px}
.rt-hints{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}.rt-hints .lpill{font-size:13.5px;padding:9px 14px;color:var(--ink2)}
#try.on .rt-hints{display:none}
.rt-note{color:var(--ink3);font-size:13px;margin-top:14px}
.rt-page{margin-top:20px;padding:26px 28px;border-radius:24px;position:relative;overflow:hidden;
 background:linear-gradient(180deg,rgba(255,255,255,.06),rgba(255,255,255,.015)),rgba(10,14,20,.6);box-shadow:inset 0 1px 0 rgba(255,255,255,.14),inset 0 0 0 1px rgba(255,255,255,.07),0 30px 80px -30px rgba(0,0,0,.6);
 -webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);animation:rtIn .8s var(--ease) both}
@keyframes rtIn{from{opacity:0;filter:blur(8px);transform:translateY(8px)}}
.rt-page::after{content:"";position:absolute;inset:0;background:linear-gradient(100deg,transparent 30%,rgba(143,208,242,.14) 45%,rgba(226,178,138,.14) 55%,transparent 70%);transform:translateX(-120%);pointer-events:none}
.rt-page.signed::after{animation:rtSweep 1.4s var(--ease) forwards}
@keyframes rtSweep{to{transform:translateX(120%)}}
.rt-page.signed{box-shadow:inset 0 1px 0 rgba(143,208,242,.5),inset 0 0 0 1px rgba(255,255,255,.08),0 30px 80px -30px rgba(0,0,0,.6)}
.rt-top{display:flex;justify-content:space-between;align-items:center;font:500 12.5px var(--sans);color:var(--ink3)}
.rt-dot{width:8px;height:8px;border-radius:50%;box-shadow:0 0 0 1.5px rgba(143,208,242,.7)}.rt-page.signed .rt-dot{background:var(--iris);box-shadow:0 0 12px var(--iris)}
.rt-title{font-size:clamp(24px,2.3vw,32px)!important;margin:12px 0 16px;min-height:1.1em}
.rt-parts{list-style:none;margin:0;padding:0;counter-reset:p}
.rt-parts li{counter-increment:p;display:grid;grid-template-columns:30px 1fr;gap:4px 10px;padding:12px 0;border-top:1px solid rgba(255,255,255,.07);opacity:0;transform:translateX(-6px);transition:all .6s var(--ease)}
.rt-parts li.in{opacity:1;transform:none}.rt-parts li::before{content:counter(p,decimal-leading-zero);font:500 12.5px var(--sans);color:var(--copper);padding-top:3px;grid-row:span 2}
.rt-parts b{font:500 16px var(--sans)}.rt-parts span{color:var(--ink2);font-size:14.5px}
.rt-step,.rt-yes{margin-top:16px;opacity:0;transition:opacity .6s var(--ease)}.rt-step.in,.rt-yes.in{opacity:1}
.rt-step span,.rt-yes span{font:500 12.5px var(--sans);color:var(--iris)}.rt-yes span{color:var(--copper)}
.rt-step p{margin:6px 0 0;color:var(--ink);font-size:16px;min-height:1.4em}
.rt-yes div{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}.rt-yes i{font-style:normal;font:500 13px var(--sans);color:var(--ink2);padding:6px 11px;border-radius:999px;box-shadow:inset 0 0 0 1px rgba(226,178,138,.45)}
.rt-cta{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px;animation:rtIn .8s var(--ease) both}
@media (max-width:900px){ .rt-try{grid-template-columns:1fr;gap:12px}.rt-eye{max-width:180px}.rt-page{padding:22px 20px} }

/* proof and how it begins */
.rt-proof{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.rt-proof .lens{padding:26px 24px}.rt-proof .n{font:500 13px var(--sans);color:var(--iris)}.rt-proof h3{font-size:22px;margin:10px 0 8px}.rt-proof p{color:var(--ink2);margin:0;font-size:15.5px}
.rt-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;margin-top:10px}
.rt-steps div{padding-top:20px;border-top:1px solid rgba(255,255,255,.12);position:relative}
.rt-steps div::before{content:"";position:absolute;left:0;top:-1px;width:40px;height:1px;background:linear-gradient(90deg,var(--copper),var(--iris))}
.rt-steps b{font:500 13px var(--sans);color:var(--iris)}.rt-steps h3{font-size:22px;margin:8px 0}.rt-steps p{color:var(--ink2);margin:0;font-size:15.5px}
@media (max-width:900px){ .rt-proof,.rt-steps{grid-template-columns:1fr} }