.open{padding-block:calc(var(--nav) + 64px) 56px;text-align:center}.open h1{font-size:clamp(42px,6vw,80px);letter-spacing:-.035em}.open .b{display:inline-block}.open .b2{display:block;margin-block-start:.35em;color:var(--mute)}.open .sub{max-inline-size:34em;text-wrap:pretty;margin:18px auto 0;font-size:clamp(18px,1.6vw,21px);color:var(--fg2)}.ask{margin-block-start:clamp(40px,6vh,64px);font:600 15px Poppins,system-ui;color:var(--mute)}.doors{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-block-start:18px;text-align:start}.door{scroll-margin-top:calc(var(--nav) + 16px);display:flex;flex-direction:column;border-radius:24px;background:var(--note);padding:16px 16px 20px;transition:translate .45s var(--ease),box-shadow .45s var(--ease)}.door.t2{background:var(--blue-soft)}.door:hover{translate:0 -4px;box-shadow:var(--sh3)}.door[aria-expanded=true]{box-shadow:var(--sh3),inset 0 0 0 1.5px var(--blue)}.doors.chosen .door[aria-expanded=false]{opacity:.72}.doors.chosen .door[aria-expanded=false]:hover{opacity:1}.door .pic{display:block;height:132px;border-radius:14px;background:var(--card);box-shadow:var(--sh2);overflow:hidden}.door .pic svg{width:100%;height:100%;display:block}.door .h{display:block;font:600 clamp(24px,2.4vw,30px)/1.1 Poppins,system-ui,sans-serif;letter-spacing:-.02em;margin:16px 6px 0}.door .l{display:block;margin:4px 6px 0;color:var(--fg2);font-size:15.5px;line-height:1.45}.door .go{display:flex;flex-wrap:wrap;white-space:nowrap;align-items:baseline;gap:4px 12px;margin:auto 6px 0;padding-block-start:16px;font:600 15px Poppins,system-ui}.door .go i{font-style:normal;display:inline-block;transition:rotate .45s var(--ease),translate .3s var(--ease)}.door:hover .go i{translate:0 2px}.door[aria-expanded=true] .go i{rotate:180deg}.door .go small{margin-inline-start:auto;font:600 13px system-ui;color:var(--mute)}.dw{position:relative;display:flex;flex-direction:column}.dw .door{flex:1;padding-block-end:62px}.dw .hub{position:absolute;inset-inline:22px;inset-block-end:20px;padding-block-start:12px;border-block-start:1px solid var(--hair);font:600 15px Poppins,system-ui,sans-serif;color:var(--blue);text-decoration:none;transition:translate .45s var(--ease)}.dw .door:hover~.hub,.dw .hub:hover{translate:0 -4px}.dw:has(.hub:hover) .door{translate:0 -4px;box-shadow:var(--sh3)}.hub i{font-style:normal;display:inline-block;transition:translate .3s var(--ease)}.hub:hover i{translate:3px 0}[dir=rtl] .hub:hover i{translate:-3px 0}.steps li.hub{display:block;border:0;padding:18px 4px 12px}.steps li.hub a{font:600 15px Poppins,system-ui,sans-serif;color:var(--blue);text-decoration:none}.panel{overflow:hidden}.steps{list-style:none;margin-block-start:16px;border-radius:24px;background:var(--note);padding:8px 20px;text-align:start}.steps.t2{background:var(--blue-soft)}.steps[hidden]{display:none}.steps li{display:grid;grid-template-columns:48px minmax(0,1fr) minmax(0,1.1fr) 92px;gap:6px 24px;align-items:baseline;padding:18px 4px;border-block-end:1px solid var(--hair);transition:opacity .7s var(--ease),transform .7s var(--ease)}.steps li:last-child{border:0}.steps .n{font:600 26px/1 Poppins;color:var(--blue)}.steps h2{font-size:19px}.steps h2+p{grid-column:2;grid-row:2;color:var(--fg2);font-size:15px;line-height:1.45}.steps .c{grid-column:4;grid-row:1;font-size:13.5px;color:var(--mute);text-align:end;white-space:nowrap}.steps .g{grid-column:3;grid-row:1/3;align-self:center;font-size:15px}.steps .g small{display:block;font-size:12.5px;font-weight:600;color:var(--mute);letter-spacing:.02em}.steps .g a{font-weight:600;text-decoration:none;background:linear-gradient(currentColor,currentColor) 0 100%/0 1px no-repeat;transition:background-size .45s var(--ease),color .3s var(--ease)}.steps .g a:hover{color:var(--blue);background-size:100% 1px}.steps .g a i{font-style:normal}.js .steps li.pre{opacity:0;transform:translateY(14px)}.qs{padding-block:72px 0}.qh{display:flex;justify-content:space-between;align-items:baseline;gap:16px;padding-block-end:14px}.qh h2{font-size:clamp(22px,2.2vw,28px)}.qh a{font:600 15px Poppins,system-ui;text-decoration:none;color:var(--blue);white-space:nowrap}.ql{list-style:none;border-block-start:1px solid var(--hair)}.ql a{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:4px 24px;align-items:baseline;padding:20px 4px;border-block-end:1px solid var(--hair);text-decoration:none;transition:padding .45s var(--ease),background .45s var(--ease)}.ql a:hover{padding-inline-start:16px;background:var(--note)}.ql h3{font-size:clamp(19px,1.9vw,24px)}.ql em{font-style:normal;font-size:13.5px;font-weight:600;color:var(--mute);white-space:nowrap}.quiet{margin-block-start:56px;text-align:center;font-size:15px;color:var(--mute)}.pic text{font:600 11px var(--mono);fill:var(--mute)}.pic .ln{stroke:var(--hair);stroke-width:1.5}.pic .box{fill:var(--bg);stroke:var(--line);stroke-width:1.2}.pic .bar{fill:var(--note)}.t2 .pic .bar{fill:var(--blue-soft)}.pic .dot{fill:var(--blue)}.pic .dot.b{fill:var(--break)}.pic .ok{fill:none;stroke:var(--blue);stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}.pic .x{fill:none;stroke:var(--break);stroke-width:2.2;stroke-linecap:round}.pic .grd{fill:var(--blue)}.pic .st{stroke:var(--break);stroke-width:1.6;stroke-dasharray:160;stroke-dashoffset:160}.pic .br{fill:none;stroke:var(--blue);stroke-width:1.6;stroke-linecap:round}.lp [data-s]{opacity:0;transition:opacity .5s var(--ease),transform .9s var(--ease),stroke-dashoffset .7s var(--ease)}.lp [data-s].on{opacity:1}.lp .dot[data-s]{opacity:1;transform:translate(0)}.lp .dot[data-s].on{transform:translate(var(--to,0px))}.lp .st.on{stroke-dashoffset:0}.lp .grd.on~.x,.lp .grd.on~.gone{opacity:0}.t2 .lp .dot[data-s]{opacity:0}.t2 .lp .dot[data-s].on{opacity:1}@media(max-width:860px){.open{padding-block:calc(var(--nav) + 36px) 40px}.doors{grid-template-columns:1fr;gap:14px}.door .pic{height:108px}.steps{padding:4px 16px}.steps li{grid-template-columns:34px minmax(0,1fr);gap:4px 14px}.steps .n{font-size:21px}.steps .c{grid-column:2;grid-row:3;text-align:start}.steps .g{grid-column:2;grid-row:4;margin-block-start:6px}.ql a{grid-template-columns:1fr}.qs{padding-block-start:56px}}
