.ex-page{padding:56px 0 0}.ex-hero{margin-bottom:44px}.ex-hero .psec-title{max-width:18ch}.ex-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:14px;margin:0;padding:0;list-style:none;display:grid}.ex-card{background:var(--bg-card);transition:transform var(--t);flex-direction:column;display:flex;overflow:hidden}.ex-card:hover{transform:translateY(-2px)}.ex-cover{background:var(--bg-inset);cursor:pointer;aspect-ratio:16/9;background:var(--bg-inset);width:100%;padding:0;display:block;overflow:hidden}.ex-cover img{object-fit:cover;object-position:center top;width:100%;height:100%;transition:transform .4s cubic-bezier(.4,0,.2,1);display:block}.ex-card:hover .ex-cover img{transform:scale(1.02)}.ex-card-body{flex-direction:column;gap:10px;padding:18px 20px 20px;display:flex}.ex-langs{gap:2px;margin-top:20px;display:inline-flex}.ex-lang{font-family:var(--font-mono);letter-spacing:.06em;color:var(--fg-3);background:var(--bg-inset);cursor:pointer;transition:color var(--t), background var(--t);border:none;padding:5px 11px;font-size:11px}.ex-lang:hover{color:var(--fg)}.ex-lang.is-on{color:#fff;background:var(--sunset)}.ex-card-top{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.ex-card-title{letter-spacing:-.015em;color:var(--fg);margin:0;font-size:17px;font-weight:450}.ex-card-blurb{color:var(--fg-2);margin:0;font-size:14px;line-height:1.5}.ex-card-phone a{color:inherit;text-decoration:none}.ex-card-phone a:hover{color:var(--sunset)}.ex-card-phone{font-family:var(--font-mono);color:var(--fg-3);margin:2px 0 0;font-size:13px}.ex-card-foot{align-items:center;gap:12px;margin-top:auto;padding-top:12px;display:flex}.ex-live{font-family:var(--font-mono);letter-spacing:.06em;color:var(--fg-4);white-space:nowrap;align-items:center;gap:6px;font-size:10.5px;display:inline-flex}.ex-dot{background:var(--fg-4);width:6px;height:6px;border-radius:50%!important}.ex-live.is-on{color:var(--fg-3)}.ex-live.is-on .ex-dot{background:var(--moss);box-shadow:0 0 0 3px color-mix(in srgb, var(--moss) 18%, transparent)}.ex-live.is-off .ex-dot{background:var(--rose)}.try-scrim{z-index:90;background:color-mix(in srgb, var(--bg-terminal) 46%, transparent);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.try-box{background:var(--bg-card);flex-direction:column;width:min(520px,100%);max-height:min(86vh,720px);padding:22px;display:flex;box-shadow:0 24px 60px -20px #00000059}.try-head{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.try-title{letter-spacing:-.02em;margin:0;font-size:19px;font-weight:450}.try-sub{font-family:var(--font-mono);color:var(--fg-3);margin:3px 0 0;font-size:11.5px}.try-x{color:var(--fg-3);transition:background var(--t), color var(--t);margin:-6px -6px 0 0;padding:6px}.try-x:hover{color:var(--fg);background:var(--bg-inset)}.try-tabs{background:var(--bg-inset);gap:2px;margin:18px 0 16px;padding:3px;display:flex}.try-tab{color:var(--fg-2);transition:background var(--t), color var(--t);flex:1;padding:7px 12px;font-size:13px}.try-tab:hover{color:var(--fg)}.try-tab[aria-selected=true]{background:var(--bg-card);color:var(--fg);box-shadow:0 1px 2px #0000000f}.try-panel{flex-direction:column;gap:14px;min-height:0;display:flex}.try-lead{color:var(--fg-2);margin:0;font-size:13.5px;line-height:1.55}.try-note{color:var(--fg-3);margin:0;font-size:13px;line-height:1.5}.try-note--warn{color:var(--rose)}.try-stage{text-align:center;background:var(--bg-inset);min-height:108px;transition:border-color var(--t);flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:18px;display:flex}.try-stage.is-live{border-color:color-mix(in srgb, var(--sunset) 40%, transparent)}.try-cap{color:var(--fg);margin:0;font-size:14px;line-height:1.5}.try-cap-who{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--fg-4);margin-bottom:4px;font-size:10.5px;display:block}.try-number{font-family:var(--font-mono);letter-spacing:-.01em;color:var(--fg);font-size:clamp(20px,4vw,26px)}.try-number:hover{color:var(--sunset)}.try-actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.try-cards{flex-direction:column;gap:10px;max-height:30vh;padding:2px;display:flex;overflow-y:auto}.try-card{background:linear-gradient(to bottom, color-mix(in srgb, var(--sunset) 7%, var(--bg-inset)) 0%, var(--bg-inset) 60%);box-shadow:inset 3px 0 0 var(--sunset);transition:background var(--t), box-shadow var(--t), opacity var(--t);flex-direction:column;gap:10px;padding:13px 15px 14px;animation:.26s both try-card-in;display:flex}@keyframes try-card-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.try-card--pending{opacity:.72;background:var(--bg-inset);box-shadow:inset 3px 0 0 var(--fg-4);flex-direction:row;justify-content:space-between;align-items:center}.try-card--pending .try-card-t{color:var(--fg-3)}.try-card-dots{font-family:var(--font-mono);letter-spacing:.22em;color:color-mix(in srgb, var(--sunset) 55%, var(--fg-4));font-size:13px}.try-card-t{font-family:var(--font-mono);letter-spacing:.11em;text-transform:uppercase;color:var(--sunset);transition:color var(--t);font-size:10.5px}.try-card-stats{flex-wrap:wrap;gap:6px;display:flex}.try-stat{letter-spacing:.03em;color:var(--fg-3);background:color-mix(in srgb, var(--sunset) 9%, var(--bg-card));flex-direction:column;gap:1px;padding:6px 10px 7px;font-size:11px;font-weight:300;display:flex}.try-stat b{letter-spacing:-.01em;color:var(--sunset);font-size:16px;font-weight:300}.try-card-items{flex-direction:column;gap:2px;display:flex}.try-item{text-align:left;width:100%;color:var(--fg);background:var(--bg-card);transition:background var(--t), color var(--t), box-shadow var(--t), transform var(--t);align-items:baseline;gap:8px;padding:8px 10px;font-size:13px;font-weight:300;display:flex;position:relative}.try-item.is-pick{cursor:pointer;box-shadow:inset 2px 0 0 color-mix(in srgb, var(--sunset) 28%, transparent);padding-right:26px}.try-item.is-pick:after{content:"↩";font-family:var(--font-mono);color:var(--fg-4);transition:color var(--t), transform var(--t);font-size:11px;position:absolute;top:50%;right:9px;transform:translateY(-50%)}.try-item.is-pick:hover,.try-item.is-pick:focus-visible{background:color-mix(in srgb, var(--sunset) 12%, var(--bg-card));color:var(--sunset);box-shadow:inset 2px 0 0 var(--sunset)}.try-item.is-pick:hover:after,.try-item.is-pick:focus-visible:after{color:var(--sunset);transform:translateY(-50%)translate(2px)}.try-item.is-pick:hover .try-is{color:color-mix(in srgb, var(--sunset) 62%, var(--fg-3))}.try-item.is-pick:active{background:color-mix(in srgb, var(--sunset) 20%, var(--bg-card));transform:translate(1px)}.try-il{flex:1}.try-is{color:var(--fg-3);transition:color var(--t);font-size:11.5px}.try-ib{font-family:var(--font-mono);letter-spacing:.07em;text-transform:uppercase;color:var(--moss);background:color-mix(in srgb, var(--moss) 14%, transparent);padding:3px 7px;font-size:10px}.try-card-empty{color:var(--fg-3);background:var(--bg-card);padding:7px 10px;font-size:12.5px}html[data-theme=dark] .try-ib{color:color-mix(in srgb, var(--moss) 55%, var(--fg));background:color-mix(in srgb, var(--moss) 30%, transparent)}html[data-theme=dark] .try-card{background:linear-gradient(to bottom, color-mix(in srgb, var(--sunset) 11%, var(--bg-inset)) 0%, var(--bg-inset) 60%)}html[data-theme=dark] .try-stat{background:color-mix(in srgb, var(--sunset) 13%, var(--bg-card))}.try-thread{background:var(--bg-inset);flex-direction:column;flex:1;gap:8px;min-height:200px;max-height:44vh;padding:14px;display:flex;overflow-y:auto}.try-msg{max-width:84%;margin:0;padding:9px 12px;font-size:13.5px;line-height:1.5}.try-msg[data-role=bot]{background:var(--bg-card);color:var(--fg);box-shadow:inset 2px 0 0 color-mix(in srgb, var(--sunset) 32%, transparent);align-self:flex-start}.try-msg[data-role=user]{background:color-mix(in srgb, var(--sunset) 14%, var(--bg-card));color:var(--fg);box-shadow:inset -2px 0 0 var(--sunset);align-self:flex-end}html[data-theme=dark] .try-msg[data-role=user]{background:color-mix(in srgb, var(--sunset) 20%, var(--bg-card))}.try-md>:first-child{margin-top:0}.try-md>:last-child{margin-bottom:0}.try-md p{margin:0 0 7px}.try-md strong{color:var(--fg);font-weight:500}.try-md em{font-style:italic}.try-md a{color:var(--sunset);text-underline-offset:2px;text-decoration:underline}.try-md ul,.try-md ol{margin:4px 0 7px;padding-left:17px}.try-md li{margin:2px 0}.try-md h1,.try-md h2,.try-md h3,.try-md h4{letter-spacing:.01em;margin:8px 0 5px;font-size:13.5px;font-weight:500}.try-md hr{display:none}.try-md code{font-family:var(--font-mono);background:color-mix(in srgb, var(--sunset) 12%, transparent);padding:1px 4px;font-size:.88em}.try-md pre{background:var(--bg-inset);margin:6px 0;padding:9px 10px;overflow-x:auto}.try-md pre code{background:0 0;padding:0;font-size:11.5px;line-height:1.5}.try-md table{border-collapse:collapse;width:100%;margin:6px 0;font-size:12.5px}.try-md th,.try-md td{text-align:left;padding:4px 7px}.try-md th{color:var(--fg-3);font-weight:500}.try-md tr{box-shadow:inset 0 -1px 0 color-mix(in srgb, var(--fg-4) 25%, transparent)}.try-toolwrap{align-self:flex-start;width:92%;animation:.22s both try-card-in}.try-card--pending.is-done{opacity:.6}.try-card--pending.is-done .try-card-dots{letter-spacing:0;color:var(--moss)}.try-composer{gap:8px;display:flex}.try-input{font:inherit;color:var(--fg);background:var(--bg-card);transition:border-color var(--t);outline:none;flex:1;padding:10px 12px;font-size:13.5px}.try-input:focus{border-color:var(--sunset)}.try-foot{margin-top:16px;padding-top:14px}.try-deck{font-family:var(--font-mono);color:var(--fg-3);transition:color var(--t);font-size:11.5px}.try-deck:hover{color:var(--sunset)}@media (width<=560px){.ex-page{padding-top:36px}.try-scrim{align-items:stretch;padding:0}.try-box{width:100%;max-height:100%}}.ex-page,.ex-page *,.try-backdrop,.try-backdrop *{outline-offset:2px;border:0!important;border-radius:0!important}.ex-page,.ex-page h1,.ex-page h2,.ex-page p,.ex-page button,.ex-page a,.try-backdrop,.try-backdrop h2,.try-backdrop p,.try-backdrop button,.try-backdrop a{font-weight:300}.ex-cover{border:0;display:block}.ex-cover:disabled{cursor:default}
