.page .rec .recgrid{display:grid;grid-template-columns:1fr 1.05fr;gap:clamp(32px,5vw,72px);align-items:start}.page .rec .step{min-height:62vh;display:flex;flex-direction:column;justify-content:center;gap:12px;padding-right:12px;opacity:.35;transition:opacity .5s}.page .rec .step.on{opacity:1}.page .rec .step .num{font-size:13px;font-weight:700;letter-spacing:.16em;color:var(--eyebrow)}.page .rec .step h3{font-size:clamp(24px,2.4vw,32px);letter-spacing:-.02em}.page .rec .step p{margin:0;color:var(--muted);font-size:18px;max-width:42ch}.page .rec .stick{position:sticky;top:calc(var(--header-h) + 48px)}.page .rcard{position:relative;padding:22px;border-radius:24px;background:var(--panel);border:1px solid var(--line2);box-shadow:var(--shadow);display:flex;flex-direction:column;gap:12px;min-height:440px}.page .rhead{display:flex;gap:12px;align-items:center}.page .rhead .av{width:46px;height:46px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:800;color:#1a1a1a;background:linear-gradient(135deg,var(--b1),var(--b2),var(--b3))}.page .rhead b{display:block;font-size:17px}.page .rhead small{color:var(--faint);font-size:13px}.page .mod{padding:14px 16px;border-radius:14px;border:1px solid var(--line);background:var(--surface);font-size:14px;opacity:0;transition:opacity .55s cubic-bezier(.2,.7,.2,1),transform .55s cubic-bezier(.2,.7,.2,1),box-shadow .4s,border-color .4s}.page .mod.m1{transform:translate(-40px)}.page .mod.m2{transform:translate(40px)}.page .mod.m3{transform:translateY(30px)}.page .mod.m4{transform:scale(.92)}.page .mod.on{opacity:1;transform:none}.page .mod.cur{border-color:var(--line2);box-shadow:var(--glow)}.page .mod .ml{display:block;font-size:11px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--eyebrow);margin-bottom:8px}.page .mod p{margin:0;color:var(--ink)}.page .mod .quote{font-style:italic}.page .chips{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}.page .chips span{padding:4px 9px;border-radius:99px;background:var(--bg2);font-size:12px;font-weight:600}.page .act,.page .todo{list-style:none;margin:0;padding:0;display:grid;gap:7px}.page .act li{display:flex;align-items:center;gap:10px}.page .act li i{width:8px;height:8px;border-radius:50%;background:var(--b3);box-shadow:0 0 8px var(--b3);flex:none}.page .act li small{margin-left:auto;color:var(--faint);font-size:12px;white-space:nowrap}.page .todo li{display:flex;align-items:center;gap:10px}.page .todo .bx{width:15px;height:15px;border-radius:4px;border:1.5px solid var(--line2);flex:none}.page .todo .bx.ok{background:linear-gradient(135deg,var(--b1),var(--b3));border-color:transparent}.page .mod.m4{background:linear-gradient(120deg,color-mix(in srgb,var(--b1) 16%,var(--surface)),color-mix(in srgb,var(--b3) 14%,var(--surface)));border-color:var(--line2)}@media(max-width:900px){.page .rec .recgrid{grid-template-columns:1fr}.page .rec .stick{top:calc(var(--header-h) + 12px);order:-1;z-index:2}.page .rcard{min-height:0;padding:16px;gap:8px}.page .rcard .mod{display:none;padding:12px 14px}.page .rcard .mod.cur{display:block}.page .rec .step{min-height:46vh;padding-right:0}.page .rec .step p{font-size:16px}}.page .roll{position:relative;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;padding-top:36px}.page .rline{position:absolute;left:8px;right:8px;top:8px;height:2px;background:var(--line)}.page .rline i{display:block;height:100%;background:linear-gradient(90deg,var(--b1),var(--b2),var(--b3));transform:scaleX(0);transform-origin:left;transition:transform 1.8s cubic-bezier(.3,.6,.2,1)}.page .roll.in .rline i{transform:scaleX(1)}.page .rday{position:relative;opacity:.25;transform:translateY(10px);transition:opacity .6s,transform .6s}.page .roll.in .rday{opacity:1;transform:none}.page .roll.in .rday:nth-child(3){transition-delay:.45s}.page .roll.in .rday:nth-child(4){transition-delay:.9s}.page .roll.in .rday:nth-child(5){transition-delay:1.35s}.page .rday .dot{position:absolute;left:0;top:-36px;width:18px;height:18px;border-radius:50%;background:var(--bg);border:3px solid var(--b3);box-shadow:var(--glow)}.page .rday b{font-size:13px;letter-spacing:.14em;text-transform:uppercase;color:var(--eyebrow)}.page .rday h3{font-size:20px;margin:6px 0}.page .rday p{margin:0;color:var(--muted);font-size:15px}@media(max-width:760px){.page .roll{grid-template-columns:1fr;padding-top:0;padding-left:34px;gap:28px}.page .rline{inset:6px auto 6px 8px;width:2px;height:auto}.page .rline i{transform:scaleY(0);transform-origin:top;height:100%}.page .roll.in .rline i{transform:scaleY(1)}.page .rday .dot{left:-34px;top:2px}}@media(prefers-reduced-motion:reduce){.page .mod{opacity:1;transform:none}.page .rec .step{opacity:1}.page .rline i{transform:none!important}.page .rday{opacity:1;transform:none}}