:root{--paper:#FBECFC;--card:#FDF7FD;--plum:#53195D;--ink:#21201C;--muted:#63635E;--pink:#D6409F;--pinkdeep:#C2298A;--grass:#46A758;--grassdeep:#3E9B4F;--line:#DAD9D6;--rh:46px}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;background:var(--paper);color:var(--ink);font-family:'EB Garamond',Georgia,'Times New Roman',serif;font-size:clamp(1.05rem,1rem + 0.25vw,1.2rem);line-height:1.45;overflow-x:clip}.page{display:grid;grid-template-columns:minmax(0,1fr);grid-template-areas:"hero" "stage" "steps"}.hero{grid-area:hero;padding:max(16px,env(safe-area-inset-top)) max(22px,env(safe-area-inset-right)) 26px max(22px,env(safe-area-inset-left))}.logo{display:block;width:72px;height:72px}.logo img{display:block;width:100%;height:100%;border-radius:18px}h1{font-size:clamp(2rem,1.4rem + 3vw,4.2rem);line-height:1.03;font-weight:600;letter-spacing:-0.012em;margin:14px 0 12px;max-width:16ch}h1 em{font-style:italic;font-weight:400;color:var(--pinkdeep)}.lede{font-size:clamp(1.1rem,1rem + 0.4vw,1.35rem);line-height:1.4;margin:0 0 18px;max-width:34ch}.cta{display:inline-flex;align-self:flex-start;align-items:center;justify-content:center;min-height:52px;padding:0 30px;border-radius:999px;background:var(--grass);color:var(--ink);font-family:inherit;font-weight:600;font-size:clamp(1.12rem,1.05rem + 0.3vw,1.3rem);text-decoration:none;-webkit-tap-highlight-color:transparent;transition:transform .2s ease}.cta:focus-visible{outline:3px solid var(--plum);outline-offset:3px}.cta:active{transform:scale(.97)}@media (hover: hover){.cta:hover{background:var(--grassdeep)}}.need{margin:10px 0 0;align-self:flex-start;font-style:italic;color:var(--muted);font-size:clamp(1rem,0.95rem + 0.2vw,1.1rem);max-width:34ch}.stage{grid-area:stage;position:sticky;top:0;z-index:2;background:var(--plum);padding:14px 16px}.sheet{max-width:440px;margin:0 auto;background:var(--card);border-radius:14px;padding:10px 16px 4px}.sheet-head{display:flex;justify-content:space-between;align-items:baseline;border-bottom:1px solid var(--ink);padding-bottom:6px}.sheet-head b{font-weight:600;font-size:clamp(1.05rem,1rem + 0.3vw,1.25rem)}.sheet-head b i{font-weight:400}.status{display:grid;font-variant:small-caps;letter-spacing:.04em;color:var(--muted);font-size:.98rem}.status span{grid-area:1/1;text-align:right;opacity:0;transition:opacity .35s ease}.rows{position:relative;height:calc(var(--rh) * 4)}.row{position:absolute;left:0;right:0;top:0;height:var(--rh);display:flex;align-items:center;justify-content:space-between;gap:12px;border-bottom:1px solid var(--line);opacity:0;transform:translateY(calc(var(--rh) * var(--n) + 12px));transition:transform .5s cubic-bezier(.2,.7,.2,1),opacity .4s ease}.row span{font-size:clamp(1.02rem,0.98rem + 0.25vw,1.2rem)}.row em{font-style:normal;font-variant:small-caps;letter-spacing:.04em;color:var(--muted);font-size:.98rem;white-space:nowrap;display:inline-flex;align-items:center;gap:8px}.row.r2 em{color:var(--pinkdeep)}.row.s1,.row.s2{transform:translate(-14px,calc(var(--rh) * var(--n)))}.row.s1 span,.row.s2 span{color:var(--muted)}.wave{display:inline-flex;align-items:center;gap:2px;height:16px}.wave i{display:block;width:3px;height:16px;border-radius:2px;background:var(--pink);transform-origin:50% 50%}.wave i:nth-child(1){transform:scaleY(.35);}.wave i:nth-child(2){transform:scaleY(.8);}.wave i:nth-child(3){transform:scaleY(.55);}.wave i:nth-child(4){transform:scaleY(.9);}.stage[data-step="1"] .s1,.stage[data-step="1"] .s2,.stage[data-step="2"] .r1,.stage[data-step="3"] .r1,.stage[data-step="3"] .r2,.stage[data-step="4"] .r1,.stage[data-step="4"] .r2,.stage[data-step="4"] .r3,.stage[data-step="4"] .r4,.stage[data-step="done"] .r1,.stage[data-step="done"] .r2,.stage[data-step="done"] .r3,.stage[data-step="done"] .r4{opacity:1;transform:translateY(calc(var(--rh) * var(--n)));transition-delay:calc(var(--n) * 90ms)}.stage[data-step="1"] .st-wait,.stage[data-step="2"] .st-load,.stage[data-step="3"] .st-load,.stage[data-step="4"] .st-on,.stage[data-step="done"] .st-on{opacity:1}.steps{grid-area:steps;padding:0 max(22px,env(safe-area-inset-right)) 0 max(22px,env(safe-area-inset-left))}.step{min-height:70dvh;display:flex;align-items:center;padding:8vh 0}.step p{margin:0;font-size:clamp(1.45rem,1.2rem + 1.2vw,2.2rem);line-height:1.3;max-width:19ch}.step p::first-letter{color:var(--pinkdeep)}.close{padding:10vh 0 16vh}.close p{margin:0 0 18px;font-style:italic;font-size:clamp(1.3rem,1.15rem + 0.8vw,1.8rem);max-width:22ch}footer{padding:28px max(22px,env(safe-area-inset-left)) calc(96px + env(safe-area-inset-bottom));border-top:1px solid var(--line);color:var(--muted);font-size:1rem;background:var(--paper)}footer p{margin:0}.bar{position:fixed;left:0;right:0;bottom:0;z-index:5;background:var(--plum);color:var(--paper);display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px max(16px,env(safe-area-inset-right)) calc(10px + env(safe-area-inset-bottom)) max(16px,env(safe-area-inset-left));transform:translateY(110%);visibility:hidden;transition:transform .35s ease,visibility 0s linear .35s}.bar.on{transform:none;visibility:visible;transition:transform .35s ease,visibility 0s}.bar span{font-style:italic;font-size:1.05rem}.bar .cta{min-height:44px;padding:0 22px;font-size:1.08rem}.bar .cta:focus-visible{outline-color:var(--paper)}@media (min-width: 900px){:root{--rh:60px}body{background:linear-gradient(90deg,var(--paper) 0 50%,var(--plum) 50% 100%)}.page{grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-areas:"hero stage" "steps stage"}.hero{min-height:100dvh;display:flex;flex-direction:column;justify-content:center;padding:48px clamp(32px,6vw,104px)}.logo{width:112px;height:112px}.logo img{border-radius:26px}.stage{align-self:start;height:100dvh;display:flex;align-items:center;justify-content:center;background:none;padding:0 clamp(24px,5vw,80px)}.sheet{width:100%;padding:16px 26px 6px}.steps{padding:0 clamp(32px,6vw,104px)}.step{min-height:80dvh}footer{padding:28px clamp(32px,6vw,104px) 96px;background:none;border-top:0}footer p{max-width:44%}}@media (prefers-reduced-motion: reduce){.row,.status span,.bar,.cta{transition:none}}