@property --glow{syntax:"<color>";inherits:true;initial-value:#ffffff12}.examples-route{--radius:14px;--mono:"JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, monospace;--bg:#0a0a0b;--surface:#141416;--surface-2:#1b1b1e;--ink:#f4f4f1;--muted:#8c8c92;--faint:#5a5a60;--line:#ffffff1a;--line-soft:#ffffff0f;--accent:#fff;--accent-ink:#0a0a0b;background:var(--bg);color:var(--ink);font-family:var(--mono);-webkit-font-smoothing:antialiased;min-height:100vh;line-height:1.55;transition:background .3s,color .3s;overflow-x:hidden}html[data-theme=light] .examples-route{--bg:#f4f3f0;--surface:#eae9e6;--surface-2:#e2e1de;--ink:#0d0d0d;--muted:#3f3f46;--faint:#5a5a60;--line:#0000000d;--line-soft:#0000000d;--accent:#0d0d0d;--accent-ink:#f4f3f0}html[data-theme=pride] .examples-route{--bg:#0a0a0b;--surface:#141416;--surface-2:#1b1b1e;--ink:#f4f4f1;--muted:#8c8c92;--faint:#5a5a60;--line:#ffffff1a;--line-soft:#ffffff0f}.examples-route button{font:inherit;color:inherit;text-align:inherit;cursor:pointer;background:0 0;border:none;padding:0}.examples-route .wrap{z-index:1;max-width:1120px;margin:0 auto;padding:0 18px 160px;position:relative}.examples-route .stick{z-index:20;background:linear-gradient(180deg, var(--bg) 70%, transparent);margin:0 -18px;padding-top:14px;padding-left:18px;padding-right:18px;position:sticky;top:0}.examples-route .bar{letter-spacing:.12em;color:var(--muted);justify-content:space-between;align-items:center;padding-bottom:12px;font-size:12px;display:flex}.examples-route .bar .brand{color:var(--ink);letter-spacing:.26em;font-weight:800;text-decoration:none}.examples-route .bar .url{letter-spacing:.04em}.examples-route .switch-label{letter-spacing:.2em;color:var(--faint);text-transform:uppercase;margin-bottom:8px;font-size:10px}.examples-route .switcher{scrollbar-width:none;gap:7px;padding-bottom:14px;display:flex;overflow-x:auto}.examples-route .switcher::-webkit-scrollbar{display:none}.examples-route .pchip{font-family:var(--mono);letter-spacing:.02em;color:var(--muted);border:1px solid var(--line);white-space:nowrap;background:0 0;border-radius:999px;flex:none;align-items:center;gap:7px;padding:9px 14px;font-size:12px;transition:all .18s;display:flex}.examples-route .pchip:hover{background:var(--surface-2)}.examples-route .pchip.active{color:var(--accent-ink);background:var(--accent);border-color:var(--accent);font-weight:700}.examples-route .pchip svg{flex:none;display:block}html[data-theme=pride] .examples-route .pchip.active{color:#0a0a0b;background:linear-gradient(90deg,#70d6eb,#b886ea,#f075a8);border-color:#0000}.examples-route .layout{flex-direction:column;gap:16px;margin-top:8px;display:flex}.examples-route .pane-l{display:contents}.examples-route .pane-r{flex-direction:column;gap:14px;display:flex}.examples-route .framed{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);width:100%;position:relative}.examples-route .framed:before,.examples-route .framed:after{content:"+";color:var(--faint);font-size:13px;line-height:1;position:absolute}.examples-route .framed:before{top:-7px;left:-6px}.examples-route .framed:after{bottom:-8px;right:-5px}.examples-route .plus-tr,.examples-route .plus-bl{color:var(--faint);font-size:13px;line-height:1;position:absolute}.examples-route .plus-tr{top:-7px;right:-5px}.examples-route .plus-bl{bottom:-8px;left:-6px}.examples-route .hero{padding:22px 20px 20px;overflow:hidden}.examples-route .eyebrow{letter-spacing:.2em;color:var(--muted);text-transform:uppercase;margin-bottom:16px;font-size:10.5px}.examples-route .h-row{align-items:center;gap:15px;margin-bottom:13px;display:flex}.examples-route .avatar-wrap{border:1px solid var(--line);border-radius:50%;flex:none;width:58px;height:58px;overflow:hidden}.examples-route .avatar{background:var(--surface-2);width:58px;height:58px;color:var(--muted);border-radius:50%;justify-content:center;align-items:center;font-size:16px;font-weight:700;display:flex}.examples-route .h-name{letter-spacing:.01em;margin:0;font-size:22px;font-weight:800;line-height:1.1}.examples-route .role{color:var(--muted);letter-spacing:.02em;margin-top:4px;font-size:11.5px}.examples-route .meta-row{color:var(--muted);flex-wrap:wrap;gap:14px;margin-bottom:14px;font-size:11px;display:flex}.examples-route .meta-row b{color:var(--ink);font-weight:600}.examples-route .meta-row .stars{color:var(--ink)}.examples-route .sig{max-width:170px;height:36px;margin-bottom:14px;overflow:hidden}.examples-route .bio-text{color:var(--muted);border-top:1px solid var(--line-soft);margin:0;padding-top:12px;font-size:12.5px;line-height:1.55}.examples-route .trust-row{flex-wrap:wrap;gap:8px;margin-top:14px;display:flex}.examples-route .trust-chip{letter-spacing:.08em;color:var(--muted);border:1px solid var(--line-soft);white-space:nowrap;border-radius:999px;padding:5px 11px;font-size:10px}.examples-route .reviews-card{margin-top:14px;padding:18px 20px}.examples-route .section-label{letter-spacing:.24em;color:var(--faint);text-transform:uppercase;margin-bottom:16px;font-size:10px}.examples-route .review{border-bottom:1px solid var(--line-soft);padding:12px 0}.examples-route .review:last-child{border-bottom:none}.examples-route .review-head{justify-content:space-between;align-items:center;margin-bottom:6px;display:flex}.examples-route .review-name{color:var(--ink);font-size:12px;font-weight:600}.examples-route .review-stars{color:var(--ink);letter-spacing:1px;font-size:11px}.examples-route .review-text{color:var(--muted);margin:0;font-size:12px;line-height:1.55}.examples-route .review-meta{color:var(--faint);letter-spacing:.06em;margin-top:6px;font-size:10px}.examples-route .step-card{padding:18px 20px;transition:opacity .2s}.examples-route .step-card.locked{opacity:.35;pointer-events:none}.examples-route .step-card.collapsed .step-body{display:none}.examples-route .step-head{align-items:center;gap:10px;display:flex}.examples-route .step-num{letter-spacing:.16em;color:var(--faint);font-size:11px;font-weight:600}.examples-route .step-title{color:var(--ink);letter-spacing:.02em;font-size:13px;font-weight:700}.examples-route .step-edit{color:var(--muted);letter-spacing:.06em;text-underline-offset:3px;margin-left:auto;font-size:11px;text-decoration:underline}.examples-route .step-summary{color:var(--muted);letter-spacing:.02em;margin-top:8px;padding-left:38px;font-size:12px}.examples-route .step-body{margin-top:16px}.examples-route .step-note{color:var(--faint);letter-spacing:.02em;margin-bottom:14px;font-size:11px;line-height:1.5}.examples-route .svc-grid{flex-direction:column;gap:8px;display:flex}.examples-route .svc-pill{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface-2);text-align:left;flex-direction:column;gap:3px;padding:14px 16px;transition:all .15s;display:flex}.examples-route .svc-pill:hover{border-color:var(--muted);background:var(--surface)}.examples-route .svc-pill.active{border-color:var(--ink);background:var(--surface)}.examples-route .svc-name{color:var(--ink);font-size:13px;font-weight:600}.examples-route .svc-meta{color:var(--faint);letter-spacing:.04em;font-size:11px}.examples-route .svc-price{color:var(--ink);margin-top:2px;font-size:12px;font-weight:600}.examples-route .svc-dep{color:var(--muted);font-weight:400}.examples-route .date-strip{scrollbar-width:none;gap:6px;padding-bottom:14px;display:flex;overflow-x:auto}.examples-route .date-strip::-webkit-scrollbar{display:none}.examples-route .date-chip{border:1px solid var(--line);border-radius:var(--radius);background:0 0;flex-direction:column;flex:none;align-items:center;gap:2px;min-width:56px;padding:10px 14px;transition:all .15s;display:flex}.examples-route .date-chip:hover:not(:disabled){border-color:var(--muted)}.examples-route .date-chip.active{border-color:var(--ink);background:var(--ink);color:var(--accent-ink)}.examples-route .date-chip.active .date-dow,.examples-route .date-chip.active .date-num{color:var(--accent-ink)}.examples-route .date-chip.full{opacity:.35;cursor:not-allowed}.examples-route .date-dow{letter-spacing:.14em;color:var(--faint);font-size:9px}.examples-route .date-num{color:var(--ink);font-size:17px;font-weight:700}.examples-route .date-full{color:var(--faint);text-transform:uppercase;letter-spacing:.1em;font-size:8px}html[data-theme=pride] .examples-route .date-chip.active{background:linear-gradient(90deg,#70d6eb,#b886ea,#f075a8);border-color:#0000}.examples-route .slot-grid{grid-template-columns:repeat(3,1fr);gap:8px;margin-top:2px;display:grid}.examples-route .slot-chip{text-align:center;border:1px solid var(--line);border-radius:var(--radius);padding:10px 0;font-size:12px;font-weight:600;transition:all .15s}.examples-route .slot-chip:hover{border-color:var(--muted)}.examples-route .slot-chip.active{border-color:var(--ink);background:var(--ink);color:var(--accent-ink)}html[data-theme=pride] .examples-route .slot-chip.active{color:#0a0a0b;background:linear-gradient(90deg,#70d6eb,#b886ea,#f075a8);border-color:#0000}.examples-route .confirm-body{flex-direction:column;gap:14px;display:flex}.examples-route .field-group{flex-direction:column;gap:5px;display:flex}.examples-route .field-label{letter-spacing:.14em;color:var(--faint);text-transform:uppercase;font-size:10px}.examples-route .field-input{font-family:var(--mono);border:1px solid var(--line);background:var(--bg);color:var(--ink);border-radius:10px;outline:none;padding:10px 12px;font-size:13px;transition:border-color .15s}.examples-route .field-input:focus{border-color:var(--muted)}.examples-route .field-input::placeholder{color:var(--faint)}.examples-route .verify-section{padding-top:4px}.examples-route .verify-btn{letter-spacing:.06em;font-size:12px}.examples-route .otp-row{align-items:center;gap:12px;display:flex}.examples-route .otp-label{color:var(--muted);letter-spacing:.06em;white-space:nowrap;font-size:11px}.examples-route .otp-inputs{gap:6px;display:flex}.examples-route .otp-box{width:36px;height:40px;font-family:var(--mono);text-align:center;color:var(--ink);background:var(--bg);border:1px solid var(--line);border-radius:8px;outline:none;font-size:18px;font-weight:700;transition:border-color .15s}.examples-route .otp-box:focus{border-color:var(--ink)}.examples-route .verify-done{color:var(--ink);letter-spacing:.06em;font-size:12px;font-weight:600}.examples-route .price-summary{border-top:1px solid var(--line-soft);flex-direction:column;gap:8px;padding-top:14px;display:flex}.examples-route .price-row{color:var(--muted);justify-content:space-between;font-size:12px;display:flex}.examples-route .price-row.dep{color:var(--ink);font-weight:700}.examples-route .price-row.bal{color:var(--faint);font-size:11px}.examples-route .btn-primary{width:100%;font-family:var(--mono);letter-spacing:.1em;text-transform:uppercase;background:var(--ink);color:var(--bg);border-radius:var(--radius);cursor:pointer;border:none;padding:13px 0;font-size:12px;font-weight:700;transition:opacity .15s}.examples-route .btn-primary:hover{opacity:.85}.examples-route .btn-primary:disabled{opacity:.3;cursor:not-allowed}html[data-theme=pride] .examples-route .btn-primary{color:#0a0a0b;background:linear-gradient(90deg,#70d6eb,#b886ea,#f075a8)}.examples-route .btn-outline{font-family:var(--mono);letter-spacing:.08em;color:var(--ink);border:1px solid var(--line);border-radius:var(--radius);cursor:pointer;background:0 0;padding:10px 20px;font-size:11px;font-weight:600;transition:all .15s}.examples-route .btn-outline:hover{border-color:var(--muted);background:var(--surface-2)}.examples-route .btn-outline:disabled{opacity:.4;cursor:not-allowed}.examples-route .checkout-btn{margin-top:4px}.examples-route .success-card{padding:32px 24px}.examples-route .success-content{text-align:center;flex-direction:column;align-items:center;gap:12px;display:flex}.examples-route .success-check{background:var(--ink);width:48px;height:48px;color:var(--bg);border-radius:50%;justify-content:center;align-items:center;font-size:22px;font-weight:700;display:flex}.examples-route .success-title{letter-spacing:.01em;margin:0;font-size:22px;font-weight:800}.examples-route .success-sub{color:var(--muted);margin:0;font-size:12px;line-height:1.6}.examples-route .success-deposit{border:1px solid var(--line);border-radius:10px;justify-content:space-between;width:100%;padding:10px 14px;font-size:12px;display:flex}.examples-route .success-dep-label{color:var(--muted)}.examples-route .success-dep-amt{color:var(--ink);font-weight:700}.examples-route .success-balance{border:1px solid var(--line-soft);text-align:left;border-radius:10px;flex-direction:column;gap:4px;width:100%;padding:10px 14px;font-size:12px;display:flex}.examples-route .success-bal-label{color:var(--faint);letter-spacing:.1em;text-transform:uppercase;font-size:10px}.examples-route .success-bal-detail{color:var(--muted);font-size:11.5px}.examples-route .success-note{color:var(--faint);max-width:38ch;margin:4px 0 0;font-size:11px;line-height:1.55}.examples-route .success-actions{margin-top:8px}.examples-route .float-bar{z-index:30;padding:14px 20px calc(14px + env(safe-area-inset-bottom));background:var(--surface);border-top:1px solid var(--line);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);justify-content:space-between;align-items:center;gap:12px;display:flex;position:fixed;bottom:0;left:0;right:0}.examples-route .float-info{flex-direction:column;gap:2px;min-width:0;display:flex}.examples-route .float-next{color:var(--ink);white-space:nowrap;text-overflow:ellipsis;font-size:12px;font-weight:600;overflow:hidden}.examples-route .float-price{color:var(--muted);letter-spacing:.04em;font-size:10.5px}.examples-route .float-btn{font-family:var(--mono);letter-spacing:.1em;text-transform:uppercase;background:var(--ink);color:var(--bg);border-radius:var(--radius);cursor:pointer;border:none;flex:none;padding:10px 22px;font-size:11px;font-weight:700}html[data-theme=pride] .examples-route .float-btn{color:#0a0a0b;background:linear-gradient(90deg,#70d6eb,#b886ea,#f075a8)}.examples-route .demo-toast{z-index:50;opacity:0;font-family:var(--mono);letter-spacing:.04em;color:var(--ink);background:var(--surface-2);border:1px solid var(--line);border-radius:var(--radius);white-space:nowrap;pointer-events:none;padding:12px 20px;font-size:11px;font-weight:600;transition:opacity .3s,transform .3s;position:fixed;bottom:24px;left:50%;transform:translate(-50%)translateY(20px)}.examples-route .demo-toast.show{opacity:1;transform:translate(-50%)translateY(0)}.examples-route .veil{z-index:100;opacity:0;pointer-events:none;background:#0a0a0beb;flex-direction:column;justify-content:center;align-items:center;gap:20px;transition:opacity .35s;display:flex;position:fixed;inset:0}.examples-route .veil.on{opacity:1;pointer-events:auto}.examples-route .v-ring{border:2px solid var(--line);border-top-color:var(--ink);border-radius:50%;width:40px;height:40px;animation:.8s linear infinite veil-spin}.examples-route .v-msg{color:var(--muted);letter-spacing:.08em;font-size:13px}@keyframes veil-spin{to{transform:rotate(360deg)}}.examples-route .sig-eq{align-items:flex-end;gap:2px;height:100%;display:flex;overflow:hidden}.examples-route .sig-eq i{background:var(--ink);transform-origin:bottom;opacity:.7;border-radius:1px;flex:1;min-width:0;animation:.55s ease-in-out infinite alternate seshy-sig-eq}@keyframes seshy-sig-eq{0%{transform:scaleY(.18)}to{transform:scaleY(1)}}.examples-route .sig-rings{width:100%;height:100%;position:relative}.examples-route .sig-rings span{border:1px solid var(--ink);opacity:0;border-radius:50%;width:28px;height:28px;animation:3s ease-out infinite seshy-sig-ring;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)scale(0)}@keyframes seshy-sig-ring{0%{opacity:.7;transform:translate(-50%,-50%)scale(0)}to{opacity:0;transform:translate(-50%,-50%)scale(2.5)}}.examples-route .sig-pulse{align-items:center;height:100%;display:flex}.examples-route .sig-pulse svg{width:100%;height:100%;stroke:var(--ink);stroke-width:1.5px;fill:none;stroke-dasharray:600;stroke-dashoffset:600px;animation:2.5s ease-in-out infinite seshy-sig-pulse}@keyframes seshy-sig-pulse{0%{stroke-dashoffset:600px}50%{stroke-dashoffset:0}to{stroke-dashoffset:-600px}}.examples-route .sig-stripes{background:repeating-linear-gradient(45deg, var(--ink) 0px, var(--ink) 2px, transparent 2px, transparent 8px);opacity:.5;background-size:14px 14px;width:100%;height:100%;animation:4s linear infinite seshy-sig-stripes}@keyframes seshy-sig-stripes{to{background-position:14px 0}}.examples-route .sig-shine{background:var(--ink);opacity:.5;flex:1;height:2px;position:relative;overflow:hidden}.examples-route .sig-shine:after{content:"";background:radial-gradient(circle, var(--ink) 0%, transparent 70%);width:20px;height:10px;animation:2.5s ease-in-out infinite seshy-sig-shine;position:absolute;top:-4px;left:-20px}@keyframes seshy-sig-shine{0%{left:-20px}to{left:100%}}.examples-route .sig-spark{color:var(--ink);opacity:.6;margin-left:6px;font-size:14px;animation:2.5s ease-in-out infinite seshy-sig-spark}@keyframes seshy-sig-spark{0%,to{opacity:.3;transform:scale(.8)}50%{opacity:1;transform:scale(1.2)}}.examples-route .sig-trot{align-items:flex-end;gap:4px;height:100%;display:flex}.examples-route .sig-trot i{background:var(--ink);opacity:.5;border-radius:50%;width:6px;height:6px;animation:1.2s ease-in-out infinite seshy-sig-trot}@keyframes seshy-sig-trot{0%,to{opacity:.3;transform:translateY(0)}50%{opacity:.9;transform:translateY(-8px)}}.examples-route .sig-drip{width:100%;max-width:36px;height:100%;position:relative;overflow:hidden}.examples-route .sig-drip svg{width:100%;height:100%;color:var(--ink);opacity:.7}.examples-route .sig-drip .drop{animation:2.5s ease-in-out infinite seshy-sig-drop}@keyframes seshy-sig-drop{0%{opacity:0;transform:translateY(-20px)}30%{opacity:1;transform:translateY(0)}60%,to{opacity:0;transform:translateY(15px)}}.examples-route .sig-drip .ripple{opacity:0;animation:2.5s ease-out infinite seshy-sig-ripple}.examples-route .sig-drip .ripple2{animation-delay:.3s}@keyframes seshy-sig-ripple{0%,40%{opacity:0;transform:scale(0)}50%{opacity:.6;transform:scale(.5)}to{opacity:0;transform:scale(1.2)}}.examples-route .sig-aperture{width:100%;max-width:36px;height:100%;position:relative;overflow:hidden}.examples-route .sig-aperture svg{width:100%;height:100%;color:var(--ink);opacity:.7}.examples-route .sig-aperture .blades{transform-origin:50%;animation:8s linear infinite seshy-sig-aperture}@keyframes seshy-sig-aperture{to{transform:rotate(360deg)}}@media (min-width:1024px){.examples-route .wrap{max-width:1120px;padding-bottom:80px}.examples-route .layout{grid-template-columns:.42fr .58fr;align-items:start;gap:24px;display:grid}.examples-route .pane-l{scrollbar-width:none;flex-direction:column;gap:14px;max-height:calc(100vh - 150px);display:flex;position:sticky;top:130px;overflow-y:auto}.examples-route .pane-l::-webkit-scrollbar{display:none}.examples-route .float-bar{display:none}.examples-route .slot-grid{grid-template-columns:repeat(4,1fr)}}@media (max-width:1023px){.examples-route .pane-l{display:contents}.examples-route .hero{order:1}.examples-route .pane-r{order:2}.examples-route .reviews-card{order:3}.examples-route .wrap{max-width:560px}}@media (prefers-reduced-motion:reduce){.examples-route .sig-eq i{animation:none;transform:scaleY(.55)}.examples-route .sig-rings span{opacity:.7;animation:none;transform:translate(-50%,-50%)scale(1)}.examples-route .sig-pulse svg{stroke-dashoffset:0;animation:none}.examples-route .sig-stripes{animation:none}.examples-route .sig-shine:after{animation:none;left:50%}.examples-route .sig-spark{opacity:.6;animation:none}.examples-route .sig-trot i{opacity:.5;animation:none}.examples-route .sig-drip .drop{opacity:.7;animation:none;transform:translateY(0)}.examples-route .sig-drip .ripple{animation:none}.examples-route .sig-aperture .blades{animation:none;transform:rotate(25deg)}.examples-route .v-ring{animation:none}}