.examples{padding-top:86px;padding-bottom:60px}.ex-hero{text-align:center;max-width:760px;margin:0 auto 14px}.ex-hero .psec-eyebrow{display:block}.ex-hero .psec-title{letter-spacing:-.03em;font-size:clamp(2.2rem,4.4vw,3.4rem);line-height:1.04}.ex-hero .psec-title em{color:var(--sunset);font-style:normal}.ex-hero .psec-sub{max-width:590px;margin:18px auto 0}.ex-status{border-radius:var(--r-pill);background:var(--bg-card);box-shadow:inset 0 0 0 1px var(--border);margin:26px auto 0;display:inline-flex;overflow:hidden}.ex-status-cell{color:var(--fg-2);font-variant-numeric:tabular-nums;white-space:nowrap;align-items:center;gap:8px;padding:10px 17px;font-size:13px;display:inline-flex}.ex-status-cell+.ex-status-cell{box-shadow:inset 1px 0 0 var(--border)}.ex-status-cell b{color:var(--fg);font-weight:500}.live-dot{border-radius:var(--r-pill);background:var(--sunset);width:8px;height:8px;box-shadow:0 0 0 3px color-mix(in srgb, var(--sunset) 22%, transparent), 0 0 9px color-mix(in srgb, var(--sunset) 60%, transparent);flex-shrink:0;animation:2.2s ease-in-out infinite exPulse}@keyframes exPulse{0%,to{box-shadow:0 0 0 3px color-mix(in srgb, var(--sunset) 22%, transparent), 0 0 9px color-mix(in srgb, var(--sunset) 55%, transparent)}50%{box-shadow:0 0 0 5px color-mix(in srgb, var(--sunset) 10%, transparent), 0 0 14px color-mix(in srgb, var(--sunset) 80%, transparent)}}.ex-apps{grid-template-columns:repeat(2,1fr);gap:18px;margin-top:44px;display:grid}.ex-app{border-radius:var(--r-xl);box-shadow:inset 0 0 0 1px var(--border);background:var(--bg-card);transition:box-shadow var(--t), transform var(--t);flex-direction:column;display:flex;position:relative;overflow:hidden}.ex-app:hover{transform:translateY(-3px)}.ex-app--wide{grid-column:1/-1}.ex-app-head{align-items:flex-start;gap:14px;padding:26px 28px 0;display:flex}.ex-app-head .ex-app-id{flex:1;min-width:0}.ex-app-name{letter-spacing:-.015em;color:var(--fg);font-size:19px;font-weight:500}.ex-app-pitch{color:var(--fg-3);text-wrap:pretty;max-width:46ch;margin:6px 0 0;font-size:14px;line-height:1.5}.ex-app-badge{font-family:var(--font-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--fg-3);background:var(--bg-inset);box-shadow:inset 0 0 0 1px var(--border);border-radius:var(--r-pill);white-space:nowrap;flex-shrink:0;align-items:center;gap:7px;padding:6px 11px;font-size:10.5px;font-weight:500;display:inline-flex}.ex-app-badge[data-tone=public]{color:var(--sunset);background:color-mix(in srgb, var(--sunset) 10%, transparent);box-shadow:none}.ex-app-foot{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-top:auto;padding:0 28px 26px;display:flex}.ex-app-foot-l{flex-wrap:wrap;align-items:center;gap:14px;display:flex}.ex-dial{font-family:var(--font-mono);color:var(--fg-2);font-variant-numeric:tabular-nums;transition:color var(--t);white-space:nowrap;align-items:center;gap:9px;font-size:14px;text-decoration:none;display:inline-flex}.ex-dial:hover{color:var(--fg)}.ex-dial-ic{color:var(--fg-4);display:inline-flex}.ex-meta{color:var(--fg-3);white-space:nowrap;align-items:center;gap:7px;font-size:12.5px;display:inline-flex}.ex-meta-avs{display:inline-flex}.ex-meta-av{border-radius:var(--r-pill);background:var(--bg-inset);width:18px;height:18px;box-shadow:inset 0 0 0 1px var(--border), 0 0 0 2px var(--bg-card);margin-left:-6px}.ex-meta-av:first-child{margin-left:0}.ex-prev{margin:22px 28px;position:relative}.ex-app--openline{background:#2c2329;box-shadow:inset 0 0 0 1px #f5f1e81a}html[data-theme=dark] .ex-app--openline{background:#100d0b}.ex-app--openline .ex-app-name{color:#f3efe9}.ex-app--openline .ex-app-pitch{color:#f3efe999}.ex-app--openline .ex-app-badge{color:var(--sunset);background:color-mix(in srgb, var(--sunset) 18%, transparent);box-shadow:none}.ex-app--openline .ex-dial{color:#f3efe9d1}.ex-app--openline .ex-dial:hover{color:#fff}.ex-app--openline .ex-dial-ic{color:#f3efe973}.ex-app--openline .ex-meta{color:#f3efe98c}.ol-glow{background:radial-gradient(110% 120% at 85% -10%, color-mix(in srgb, var(--sunset) 32%, transparent), transparent 58%);opacity:.6;pointer-events:none;position:absolute;inset:0}.ol-stage{z-index:1;grid-template-columns:1.05fr .95fr;align-items:center;gap:26px;display:grid;position:relative}.ol-wave{align-items:center;gap:4px;height:96px;display:flex}.ol-wave span{background:#f3efe9e6;border-radius:999px;flex:1;animation:1.5s ease-in-out infinite olWave}@keyframes olWave{0%,to{transform:scaleY(.16)}50%{transform:scaleY(1)}}.ol-caps{height:84px;position:relative}.ol-cap{color:#f3efe9f5;opacity:0;text-wrap:pretty;align-items:center;font-size:17px;line-height:1.4;animation:12s ease-in-out infinite olCap;display:flex;position:absolute;inset:0}.ol-cap .who{color:var(--sunset);font-family:var(--font-mono);letter-spacing:.04em;white-space:nowrap;margin-right:9px;font-size:12px}.ol-cap:first-child{animation-delay:0s}.ol-cap:nth-child(2){animation-delay:4s}.ol-cap:nth-child(3){animation-delay:8s}@keyframes olCap{0%{opacity:0;transform:translateY(6px)}3%,30%{opacity:1;transform:translateY(0)}33%,to{opacity:0;transform:translateY(-6px)}}.fd-cal{background:var(--bg-inset);border-radius:var(--r-md);box-shadow:inset 0 0 0 1px var(--border);padding:16px}.fd-week{grid-template-columns:repeat(5,1fr);gap:7px;display:grid}.fd-day{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--fg-4);text-align:center;padding-bottom:4px;font-size:10px}.fd-slot{background:var(--bg-card);height:26px;box-shadow:inset 0 0 0 1px var(--border);border-radius:7px}.fd-slot--book{animation:5.5s ease-in-out infinite fdBook;position:relative}.fd-slot--book:after{content:"";background:var(--sunset);opacity:0;border-radius:7px;animation:5.5s ease-in-out infinite fdBookFill;position:absolute;inset:0}@keyframes fdBookFill{0%,38%{opacity:0}52%,92%{opacity:1}to{opacity:0}}@keyframes fdBook{0%,to{box-shadow:inset 0 0 0 1px var(--border)}52%,92%{box-shadow:inset 0 0 0 1px var(--sunset)}}.fd-caption{color:var(--fg-2);align-items:center;gap:9px;margin-top:13px;font-size:13px;display:flex}.fd-caption .who{font-family:var(--font-mono);color:var(--fg-4);font-size:11px}.fd-caption .res{color:var(--sunset);font-family:var(--font-mono);opacity:0;margin-left:auto;font-size:12px;animation:5.5s ease-in-out infinite fdRes}@keyframes fdRes{0%,48%{opacity:0}60%,92%{opacity:1}to{opacity:0}}.ex-app--sign .ex-prev{margin-bottom:22px}.sg-doc{border-radius:var(--r-md);box-shadow:inset 0 0 0 1px var(--border), 0 1px 0 #00000005;background:#fffdf9;padding:18px 18px 16px}html[data-theme=dark] .sg-doc{background:#1d1b17}.sg-doctop{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}.sg-doctitle{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--fg-3);font-size:11px}.sg-page{font-family:var(--font-mono);color:var(--fg-4);font-size:10.5px}.sg-field{margin-bottom:11px}.sg-flabel{color:var(--fg-4);font-size:10px;font-family:var(--font-mono);letter-spacing:.04em;margin-bottom:5px}.sg-fbar{background:var(--bg-inset);height:11px;box-shadow:inset 0 0 0 1px var(--border);border-radius:4px;overflow:hidden}.sg-fbar:after{content:"";background:color-mix(in srgb, var(--sunset) 26%, var(--bg-card));width:0;height:100%;animation:6.5s ease-in-out infinite sgFill;display:block}.sg-field:nth-child(2) .sg-fbar:after{animation-delay:.2s}.sg-field:nth-child(3) .sg-fbar:after{animation-delay:1s}.sg-field:nth-child(4) .sg-fbar:after{animation-delay:1.8s}@keyframes sgFill{0%,8%{width:0}26%,88%{width:var(--w,80%)}to{width:var(--w,80%);opacity:.001}}.sg-sign{border-top:1px dashed var(--border);justify-content:space-between;align-items:flex-end;margin-top:14px;padding-top:13px;display:flex}.sg-sig{width:130px;height:34px}.sg-sig path{fill:none;stroke:var(--fg);stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:220;stroke-dashoffset:220px;animation:6.5s ease-in-out infinite sgDraw}@keyframes sgDraw{0%,46%{stroke-dashoffset:220px}80%,96%{stroke-dashoffset:0}to{stroke-dashoffset:0;opacity:.001}}.sg-stamp{font-family:var(--font-mono);color:var(--sunset);opacity:0;align-items:center;gap:6px;font-size:11px;animation:6.5s ease-in-out infinite sgStamp;display:inline-flex}@keyframes sgStamp{0%,82%{opacity:0;transform:scale(.9)}90%,97%{opacity:1;transform:scale(1)}to{opacity:0}}.sg-sigline{font-family:var(--font-mono);color:var(--fg-4);text-align:center;margin-top:3px;font-size:9.5px}.sh-stage{grid-template-columns:1.1fr .9fr;align-items:stretch;gap:22px;display:grid}.sh-products{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.sh-prod{background:var(--bg-inset);border-radius:var(--r-md);box-shadow:inset 0 0 0 1px var(--border);flex-direction:column;gap:9px;padding:12px;display:flex}.sh-prod-img{background:var(--bg-card);height:52px;box-shadow:inset 0 0 0 1px var(--border);border-radius:8px}.sh-prod[data-hot="1"]{animation:6s ease-in-out infinite shHot}@keyframes shHot{0%,40%,72%,to{box-shadow:inset 0 0 0 1px var(--border)}50%,64%{box-shadow:inset 0 0 0 1.5px var(--sunset)}}.sh-prod-name{color:var(--fg);letter-spacing:-.01em;font-size:12px}.sh-prod-price{font-family:var(--font-mono);color:var(--fg-3);font-size:11.5px}.sh-cart{background:var(--bg-inset);border-radius:var(--r-md);box-shadow:inset 0 0 0 1px var(--border);flex-direction:column;padding:14px 16px;display:flex}.sh-cart-h{font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--fg-4);white-space:nowrap;align-items:center;gap:8px;margin-bottom:12px;font-size:10.5px;display:flex}.sh-cart-list{flex-direction:column;gap:9px;display:flex}.sh-citem{color:var(--fg-2);opacity:0;justify-content:space-between;align-items:center;font-size:13px;animation:6s ease-in-out infinite shAdd;display:flex;transform:translateY(5px)}.sh-citem .p{font-family:var(--font-mono);color:var(--fg-3);font-size:12.5px}.sh-citem:first-child{animation-delay:.6s}.sh-citem:nth-child(2){animation-delay:1.8s}.sh-citem:nth-child(3){animation-delay:3s}@keyframes shAdd{0%,8%{opacity:0;transform:translateY(5px)}22%,92%{opacity:1;transform:translateY(0)}to{opacity:1}}.sh-total{border-top:1px solid var(--border);justify-content:space-between;align-items:baseline;margin-top:auto;padding-top:13px;display:flex}.sh-total-l{color:var(--fg-3);font-size:12.5px}.sh-total-v{font-family:var(--font-mono);color:var(--fg);font-variant-numeric:tabular-nums;letter-spacing:-.01em;font-size:17px;font-weight:500}.ex-app--crypto{--cr-up:#5a7a4b;--cr-down:#b8553f}html[data-theme=dark] .ex-app--crypto{--cr-up:#7fa86a;--cr-down:#d2715a}.cr-stage{grid-template-columns:.95fr 1.2fr .85fr;align-items:stretch;gap:14px;display:grid}.cr-panel{background:var(--bg-inset);border-radius:var(--r-md);box-shadow:inset 0 0 0 1px var(--border);flex-direction:column;min-width:0;padding:14px 15px;display:flex}.cr-panel-h{font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--fg-4);white-space:nowrap;justify-content:space-between;align-items:center;gap:8px;margin-bottom:12px;font-size:10.5px;display:flex}.cr-h-live{color:var(--cr-up);align-items:center;gap:6px;display:inline-flex}.cr-h-tag{color:var(--fg-4)}.cr-cols{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--fg-4);border-bottom:1px solid var(--border);grid-template-columns:1fr 1fr auto;gap:8px;margin-bottom:4px;padding-bottom:8px;font-size:9px;display:grid}.cr-cols span:nth-child(2),.cr-cols span:nth-child(3){text-align:right}.cr-row{border-bottom:1px solid var(--border);grid-template-columns:1fr 1fr auto;align-items:center;gap:8px;padding:7px 0;display:grid}.cr-row:last-child{border-bottom:0}.cr-sym{color:var(--fg);letter-spacing:-.01em;font-size:12.5px;font-weight:500}.cr-price{font-family:var(--font-mono);color:var(--fg-2);text-align:right;font-variant-numeric:tabular-nums;font-size:11.5px}.cr-chg{font-family:var(--font-mono);text-align:right;font-variant-numeric:tabular-nums;min-width:52px;font-size:11px}.cr-chg[data-up="1"]{color:var(--cr-up)}.cr-chg[data-up="0"]{color:var(--cr-down)}.cr-chart{gap:0}.cr-chart-top{justify-content:space-between;align-items:flex-start;gap:10px;display:flex}.cr-chart-id{flex-direction:column;gap:3px;display:flex}.cr-chart-pair{font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--fg-4);font-size:10.5px}.cr-chart-px{font-family:var(--font-mono);color:var(--fg);font-variant-numeric:tabular-nums;letter-spacing:-.01em;font-size:22px;font-weight:500}.cr-chip{font-family:var(--font-mono);font-variant-numeric:tabular-nums;border-radius:var(--r-pill);white-space:nowrap;padding:4px 9px;font-size:11px}.cr-chip[data-up="1"]{color:var(--cr-up);background:color-mix(in srgb, var(--cr-up) 13%, transparent)}.cr-graph{flex:1;min-height:92px;margin:14px 0 4px}.cr-graph svg{width:100%;height:100%;display:block;overflow:visible}.cr-line{stroke-dasharray:620;stroke-dashoffset:620px;animation:4.5s ease-in-out infinite crDraw}.cr-area{opacity:0;animation:4.5s ease-in-out infinite crFade}.cr-dot{opacity:0;animation:4.5s ease-in-out infinite crDot}@keyframes crDraw{0%{stroke-dashoffset:620px}34%,88%{stroke-dashoffset:0}to{stroke-dashoffset:0}}@keyframes crFade{0%,18%{opacity:0}40%,88%{opacity:1}to{opacity:1}}@keyframes crDot{0%,30%{opacity:0}40%,86%{opacity:1}to{opacity:1}}.cr-ask{border-top:1px solid var(--border);flex-direction:column;gap:6px;margin-top:12px;padding-top:12px;display:flex}.cr-ask-q{color:var(--fg-2);align-items:center;gap:8px;font-size:12.5px;display:inline-flex}.cr-ask-ic{color:var(--sunset);flex-shrink:0;display:inline-flex}.cr-ask-a{color:var(--fg-3);text-wrap:pretty;opacity:0;padding-left:21px;font-size:12px;animation:4.5s ease-in-out infinite crAnswer}.cr-ask-a b{color:var(--fg-2);font-variant-numeric:tabular-nums;font-weight:500}@keyframes crAnswer{0%,42%{opacity:0;transform:translateY(3px)}56%,90%{opacity:1;transform:translateY(0)}to{opacity:1}}.cr-mov-list{flex-direction:column;gap:12px;display:flex}.cr-mov{grid-template-columns:38px 1fr 52px;align-items:center;gap:9px;display:grid}.cr-mov-sym{color:var(--fg);font-size:12px;font-weight:500}.cr-mov-bar{border-radius:var(--r-pill);background:var(--bg-card);height:6px;box-shadow:inset 0 0 0 1px var(--border);overflow:hidden}.cr-mov-fill{border-radius:var(--r-pill);transform-origin:0;height:100%;animation:4.5s ease-in-out infinite crBar;display:block;transform:scaleX(0)}.cr-mov-fill[data-up="1"]{background:var(--cr-up)}.cr-mov-fill[data-up="0"]{background:var(--cr-down)}.cr-mov:first-child .cr-mov-fill{animation-delay:.3s}.cr-mov:nth-child(2) .cr-mov-fill{animation-delay:.5s}.cr-mov:nth-child(3) .cr-mov-fill{animation-delay:.7s}.cr-mov:nth-child(4) .cr-mov-fill{animation-delay:.9s}@keyframes crBar{0%,6%{transform:scaleX(0)}26%,92%{transform:scaleX(1)}to{transform:scaleX(1)}}.cr-mov-chg{font-family:var(--font-mono);text-align:right;font-variant-numeric:tabular-nums;font-size:11px}.cr-mov-chg[data-up="1"]{color:var(--cr-up)}.cr-mov-chg[data-up="0"]{color:var(--cr-down)}.cr-mov-foot{border-top:1px solid var(--border);justify-content:space-between;align-items:baseline;margin-top:14px;padding-top:13px;display:flex}.cr-mov-foot-l{color:var(--fg-3);font-size:11.5px}.cr-mov-foot-v{font-family:var(--font-mono);color:var(--cr-down);font-size:11.5px}@media (prefers-reduced-motion:reduce){.live-dot,.ol-wave span,.ol-cap,.fd-slot--book,.fd-slot--book:after,.fd-caption .res,.sg-fbar:after,.sg-sig path,.sg-stamp,.sh-prod,.sh-citem{animation:none}.ol-cap:first-child{opacity:1}.ol-cap:nth-child(2),.ol-cap:nth-child(3){display:none}.fd-slot--book:after,.fd-caption .res,.sg-stamp{opacity:1}.sg-fbar:after{width:80%}.sg-sig path{stroke-dashoffset:0}.sh-citem{opacity:1;transform:none}.cr-line,.cr-area,.cr-dot,.cr-ask-a,.cr-mov-fill{animation:none}.cr-line{stroke-dashoffset:0}.cr-area,.cr-dot,.cr-ask-a{opacity:1;transform:none}.cr-mov-fill{transform:scaleX(1)}}@media (width<=880px){.ex-apps{grid-template-columns:1fr}.ol-stage{grid-template-columns:1fr;gap:18px}.ol-wave{height:64px}.sh-stage,.cr-stage{grid-template-columns:1fr}}@media (width<=560px){.examples{padding-top:64px}.ex-app-head,.ex-app-foot{padding-left:22px;padding-right:22px}.ex-prev{margin-left:22px;margin-right:22px}.sh-products{grid-template-columns:repeat(3,1fr)}}.ex-app--live{box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--sunset) 50%, transparent), 0 0 30px -8px color-mix(in srgb, var(--sunset) 22%, transparent)}.ex-app--live .ol-glow{opacity:.9}.ex-app--live .ol-wave span,.ol-wave--live span{transition:height 80ms ease-out;animation:none;transform:none}.ex-listen-btn--pulse{animation:2s ease-in-out infinite listenPulse}@keyframes listenPulse{0%,to{box-shadow:0 0 0 0 color-mix(in srgb, var(--sunset) 40%, transparent)}50%{box-shadow:0 0 0 8px color-mix(in srgb, var(--sunset) 0%, transparent)}}.ex-app--live .ol-cap{opacity:1;animation:none;position:relative;transform:none}.ex-app--live .ol-caps{flex-direction:column;gap:8px;height:auto;display:flex}