html:root .playhouse-how{padding-block:64px 72px}.journey-header{justify-content:space-between;align-items:flex-end;gap:28px;margin-bottom:36px;display:flex}.journey-eyebrow{color:var(--brand);letter-spacing:.12em;margin-bottom:14px;font-size:12px;font-weight:700;display:block}html:root .journey-header h2{margin:0;font-size:clamp(32px,4.2vw,48px);line-height:1.08}.journey-header h2>span{color:var(--brand);display:block}.journey-audiences{background:var(--surface-3);border-radius:99px;flex-shrink:0;gap:6px;padding:5px;display:flex}.journey-audience{min-height:46px;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:99px;justify-content:center;align-items:center;gap:9px;padding:10px 19px;font-size:14px;font-weight:600;transition:background .18s,color .18s,box-shadow .18s;display:inline-flex}.journey-audience svg{flex-shrink:0;width:18px;height:18px}.journey-audience[data-state=active]{color:var(--ink);background:var(--surface);box-shadow:var(--shadow-sm)}.journey-audience[data-state=active] svg,.journey-audience:hover{color:var(--brand)}.journey-layout{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:clamp(24px,4vw,64px);display:grid}.journey-showcase{isolation:isolate;border:1px solid var(--line);background:var(--surface);border-radius:30px;padding:26px;position:relative;overflow:hidden}.journey-showcase:before{content:"";z-index:-1;background:radial-gradient(ellipse at 50% 44%, color-mix(in srgb, var(--brand) 9%, transparent), transparent 68%);position:absolute;inset:0}.journey-showcase-top{color:var(--muted);justify-content:space-between;align-items:center;gap:12px;font-size:12px;display:flex}.journey-counter{font-variant-numeric:tabular-nums;align-items:center;gap:8px;display:inline-flex}.journey-counter b{color:var(--brand);font-weight:700}.journey-counter>span{opacity:.4}.journey-showcase-caption{text-align:center;flex-direction:column;align-items:center;gap:18px;min-height:64px;font-size:18px;font-weight:600;line-height:1.35;display:flex}.journey-dots{gap:6px;height:5px;display:flex}.journey-dots i{background:var(--line);border-radius:99px;width:5px;height:5px;transition:width .24s,background .24s}.journey-dots i[data-active=true]{background:var(--brand);width:24px}.journey-intro{color:var(--muted);margin:0 0 19px;font-size:15px;line-height:1.65}.journey-steps{gap:9px;margin:0;padding:0;list-style:none;display:grid}.journey-step{text-align:start;width:100%;color:var(--ink);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:20px;grid-template-columns:38px minmax(0,1fr) 18px;align-items:start;gap:14px;padding:19px 17px;transition:background .2s,border-color .2s,box-shadow .2s;display:grid}.journey-step[aria-pressed=true]{background:var(--surface);border-color:var(--line);box-shadow:var(--shadow-sm)}.journey-step-number{width:36px;height:36px;color:var(--muted);border-radius:50%;place-items:center;font-size:13px;font-weight:600;transition:color .2s,background .2s;display:grid}.journey-step[aria-pressed=true] .journey-step-number{background:var(--brand);color:var(--surface)}html:root[data-theme=dark] .journey-step[aria-pressed=true] .journey-step-number{color:#221e2e}.journey-step-copy{gap:6px;padding-top:5px;display:grid}.journey-step-title{font-family:var(--heading-font);letter-spacing:-.025em;font-size:20px;font-weight:600;line-height:1.2}html:root[dir=rtl] :is(.journey-step-title,.journey-eyebrow){letter-spacing:normal}.journey-step-description{color:var(--muted);font-size:13px;line-height:1.7}.journey-step-arrow{width:18px;height:18px;color:var(--brand);opacity:0;margin-top:10px;transition:opacity .2s}.journey-step[aria-pressed=true] .journey-step-arrow{opacity:1}.journey-hint{color:var(--muted);margin:20px 0 0;align-items:center;gap:7px;margin-inline-start:17px;font-size:11px;line-height:1.5;display:flex}.journey-hint svg{flex-shrink:0;width:13px;height:13px}.journey-scene{pointer-events:none;place-items:center;height:300px;margin-block:8px 12px;display:grid;position:relative}.journey-scene-content{width:300px;height:260px;animation:.48s cubic-bezier(.2,.8,.2,1) both journey-appear;position:relative}.journey-orbit{border:1px solid color-mix(in srgb, var(--brand) 10%, transparent);border-radius:50%;width:250px;height:250px;position:absolute}.journey-orbit-two{opacity:.65;border-style:dashed;width:330px;height:330px}.journey-spark{color:var(--brand);stroke-width:1.3px;width:22px;height:22px;animation:.9s ease-out both journey-sparkle;position:absolute}.journey-spark-one{top:22px;inset-inline-start:11%;transform:rotate(-12deg)}.journey-spark-two{bottom:24px;width:17px;height:17px;animation-delay:.12s;inset-inline-end:13%}.journey-pebble{background:var(--brand-soft);border-radius:3px;width:9px;height:9px;position:absolute;transform:rotate(25deg)}.journey-pebble-one{top:43px;inset-inline-end:14%}.journey-pebble-two{bottom:45px;background:var(--cyan);opacity:.65;width:6px;height:6px;inset-inline-start:16%}.journey-cards{width:300px;height:260px;position:relative}.journey-item{border:1px solid var(--line);background:var(--surface);border-radius:20px;width:136px;height:170px;padding:9px;transition:transform .35s cubic-bezier(.2,.8,.2,1);position:absolute;box-shadow:0 18px 32px #27223510}.journey-item-0{top:55px;left:0;transform:rotate(-16deg)}.journey-item-2{top:53px;right:0;transform:rotate(16deg)}.journey-item-1{z-index:1;border-color:color-mix(in srgb, var(--brand) 35%, var(--line));top:28px;left:82px;transform:rotate(-5deg)}.journey-item-art{background:var(--surface-2);height:112px;color:var(--muted);border-radius:13px;place-items:center;display:grid}.journey-item-art>svg{width:52px;height:52px}.journey-item-1 .journey-item-art{color:#fff;background:#5146e5}.journey-item-2 .journey-item-art{background:color-mix(in srgb, var(--cyan) 12%, var(--surface));color:var(--cyan)}.journey-item-lines{gap:7px;margin:12px 5px 0;display:grid}.journey-item-lines>i{background:var(--line);border-radius:4px;width:72%;height:5px}.journey-item-lines>i+i{opacity:.7;width:43%}.journey-item-check{border:3px solid var(--surface);background:var(--success);width:27px;height:27px;color:var(--surface);border-radius:50%;place-items:center;display:grid;position:absolute;top:-9px;right:-9px}.journey-item-check svg{width:14px;height:14px}.journey-floating-badge{z-index:2;border:1px solid var(--line);background:var(--surface);width:60px;height:60px;box-shadow:var(--shadow-md);color:var(--brand);border-radius:18px;place-items:center;transition:transform .35s;display:grid;position:absolute;bottom:9px;right:8px;transform:rotate(9deg)}.journey-floating-badge>svg{stroke-width:1.6px;width:28px;height:28px}.journey-scene-collection .journey-item-0{transform:rotate(-10deg)translateY(-13px)}.journey-scene-collection .journey-item-1{transform:rotate(3deg)translateY(8px)}.journey-brand-object{width:300px;height:260px;position:relative}.journey-brand-object>img{z-index:1;object-fit:contain;width:260px;height:260px;margin-left:20px;transition:transform .35s;position:relative}.journey-mini-receipt{border:1px solid var(--line);background:var(--surface);border-radius:15px;gap:10px;width:100px;padding:16px;display:grid;position:absolute;top:34px;left:4px;transform:rotate(-12deg)}.journey-mini-receipt>svg{width:22px;height:22px;color:var(--success)}.journey-mini-receipt>i{background:var(--line);border-radius:4px;height:5px}.journey-mini-receipt>i:last-child{width:60%}.journey-parcel{width:280px;height:260px;margin-inline:auto;position:relative}.journey-parcel>svg{position:absolute;inset:0}.journey-parcel-token{background:var(--surface);border:1px solid var(--line);width:75px;height:75px;box-shadow:var(--shadow-sm);color:var(--brand);border-radius:20px;place-items:center;animation:.9s cubic-bezier(.2,.8,.2,1) both journey-token;display:grid;position:absolute;top:-1px;left:105px;transform:rotate(-9deg)}.journey-parcel-token>svg{width:43px;height:43px}.journey-offer{width:300px;height:260px;position:relative}.journey-offer-item{border:9px solid var(--surface);color:#fff;width:156px;height:178px;box-shadow:var(--shadow-md);background:#5146e5;border-radius:22px;place-items:center;display:grid;position:absolute;top:20px;left:15px;transform:rotate(-12deg)}.journey-offer-item>svg{width:70px;height:70px}.journey-offer-ticket{background:var(--surface);border:1px solid var(--line);width:140px;height:172px;box-shadow:var(--shadow-md);border-radius:20px;flex-direction:column;gap:12px;padding:20px;display:flex;position:absolute;top:58px;right:16px;transform:rotate(9deg)}.journey-ticket-icon{color:var(--brand)}.journey-ticket-icon svg{width:29px;height:29px}.journey-offer-ticket>i{background:var(--line);border-radius:3px;height:6px;display:block}.journey-offer-ticket>i+i{width:62%}.journey-ticket-bars{align-items:flex-end;gap:5px;height:35px;display:flex}.journey-ticket-bars>b{background:var(--brand-soft);border-radius:3px;width:16px;height:12px}.journey-ticket-bars>b:nth-child(2){height:18px}.journey-ticket-bars>b:nth-child(3){height:25px}.journey-ticket-bars>b:nth-child(4){background:var(--brand);height:32px}@media (hover:hover) and (pointer:fine){.journey-showcase:hover .journey-item-0{transform:rotate(-20deg)translate(-5px,-4px)}.journey-showcase:hover .journey-item-2{transform:rotate(20deg)translate(5px,-4px)}.journey-showcase:hover .journey-item-1{transform:rotate(0)translateY(-8px)}.journey-showcase:hover .journey-brand-object>img{transform:translateY(-7px)rotate(-3deg)}.journey-showcase:hover .journey-floating-badge{transform:rotate(0)translateY(-5px)}}@keyframes journey-appear{0%{opacity:0;transform:translateY(12px)scale(.96)}to{opacity:1;transform:none}}@keyframes journey-sparkle{0%{opacity:0;scale:.3}to{opacity:1;scale:1}}@keyframes journey-token{0%{opacity:0;transform:translateY(35px)rotate(8deg)scale(.8)}to{opacity:1;transform:translateY(0)rotate(-9deg)scale(1)}}@media (max-width:1020px){.journey-showcase{padding:22px}.journey-layout{grid-template-columns:minmax(0,.9fr) minmax(0,1fr);gap:22px}.journey-step{grid-template-columns:32px minmax(0,1fr) 15px;gap:9px;padding:15px 12px}.journey-step-number{width:30px;height:30px}.journey-step-title{font-size:18px}}@media (max-width:700px){html:root .playhouse-how{padding-block:40px 48px}.journey-header{flex-direction:column;align-items:flex-start;gap:23px;margin-bottom:24px}.journey-audiences{max-width:100%}.journey-audience{min-height:44px;padding:9px 15px;font-size:13px}.journey-layout{grid-template-columns:minmax(0,1fr);gap:25px}.journey-showcase{border-radius:24px;padding:20px}.journey-scene{height:232px;margin-block:0}.journey-scene-content{scale:.8}.journey-orbit-one{width:200px;height:200px}.journey-orbit-two{width:260px;height:260px}.journey-showcase-caption{gap:13px;min-height:57px;font-size:17px}.journey-intro{margin-bottom:14px;padding-inline:12px;font-size:14px}.journey-step{gap:12px;padding:15px 12px}.journey-step-description{font-size:13px}.journey-hint{margin-top:17px;margin-inline-start:12px}}@media (prefers-reduced-motion:reduce){.playhouse-how *,.playhouse-how :before,.playhouse-how :after{transition:none!important;animation:none!important}}