.cti-showcase{padding:70px 0 40px;scroll-margin-top:95px}.demo-heading{justify-content:space-between;align-items:end;gap:35px;margin-bottom:30px;display:flex}.demo-heading h2{letter-spacing:-.035em;font-size:clamp(32px,4vw,52px);font-weight:500;line-height:1.08}.demo-heading p{color:#aaa;max-width:610px;margin-top:18px;font-size:16px;line-height:1.7}.demo-heading>a{flex:none}.demo-console{background:#090909;border:1px solid #303030;border-radius:14px;overflow:hidden}.demo-toolbar{border-bottom:1px solid #242424;justify-content:space-between;align-items:center;gap:15px;padding:18px 24px;display:flex}.demo-brand{align-items:center;gap:10px;display:flex}.demo-brand strong{font-size:14px}.demo-brand span{color:#aaa;border-left:1px solid #333;padding-left:12px;font-size:12px}.demo-toolbar button{color:#bbb;font:inherit;cursor:pointer;background:0 0;border:0;align-items:center;gap:8px;min-height:36px;font-size:12px;display:flex}.demo-console svg{fill:none;stroke:currentColor;stroke-width:1.5px;flex:none;width:18px;height:18px}.demo-tabs{border-bottom:1px solid #242424;align-items:center;gap:26px;padding:0 24px;display:flex}.demo-tabs button{color:#aaa;font:inherit;cursor:pointer;white-space:nowrap;background:0 0;border:0;border-bottom:2px solid #0000;padding:17px 0;font-size:14px}.demo-tabs button[aria-selected=true]{color:#bcff2f;border-bottom-color:#bcff2f}.demo-tabs>span{color:#aaa;margin-left:auto;font-size:11px}.demo-panel{min-height:325px;padding:25px 28px}.demo-panel[hidden]{display:none}.demo-section-title{justify-content:space-between;align-items:center;gap:15px;margin-bottom:24px;display:flex}.demo-section-title h3{font-size:17px;font-weight:500}.demo-section-title>span{color:#aaa;font-size:11px}.demo-report{grid-template-columns:65px 1fr 170px;align-items:start;gap:24px;display:grid}.demo-score{text-align:center;color:#efc677;border-right:1px solid #303030;flex-direction:column;gap:4px;padding-right:20px;display:flex}.demo-score span{font-size:11px}.demo-score strong{font-size:36px;font-weight:550}.demo-meta{color:#aaa;margin-bottom:8px;font-size:11px}.demo-report h4,.maya-copy h4,.lookup-example h4{letter-spacing:-.02em;font-size:21px;font-weight:500;line-height:1.35}.demo-report p,.maya-copy p,.lookup-example p{color:#bbb;max-width:75ch;margin-top:12px;font-size:14px;line-height:1.75}.demo-tags{flex-wrap:wrap;gap:7px;margin-top:17px;display:flex}.demo-tags span{color:#ccc;border:1px solid #333;border-radius:4px;padding:4px 8px;font-size:11px}.demo-action{color:#050505;font:inherit;cursor:pointer;background:#bcff2f;border:0;border-radius:6px;min-height:42px;padding:8px 13px;font-size:12px;font-weight:600}.demo-secondary{border-top:1px solid #242424;gap:28px;margin-top:24px;padding-top:17px;font-size:12px;display:flex}.demo-secondary>span{color:#bcff2f;flex:none}.demo-secondary p{color:#aaa;margin:0}.demo-flow{color:#aaa;background:#0c0c0c;border-top:1px solid #242424;align-items:center;gap:18px;padding:22px 28px;font-size:12px;display:flex}.demo-flow i{background:#333;flex:1;min-width:10px;height:1px;position:relative}.demo-flow .active{color:#bcff2f}.demo-flow .active+i:after{content:"";transform-origin:0;background:#bcff2f;animation:.5s ease-out demo-line;position:absolute;inset:0}.demo-caption{color:#aaa;justify-content:space-between;align-items:start;gap:25px;padding-top:20px;font-size:12px;display:flex}.demo-caption p{max-width:720px;line-height:1.7}.demo-caption strong{color:#ddd}.demo-caption a{color:#bcff2f;white-space:nowrap}.demo-input{border:1px solid #363636;border-radius:6px;align-items:center;gap:14px;padding:15px 18px;display:flex}.demo-input code{font-size:16px}.demo-input span{color:#bcff2f;margin-left:auto;font-size:12px}.lookup-example{grid-template-columns:165px 1fr;gap:30px;margin-top:23px;display:grid}.demo-verdict{text-align:center;border-right:1px solid #303030;flex-direction:column;align-items:center;padding-right:25px;display:flex}.demo-verdict svg{stroke:none;width:115px;height:85px}.demo-verdict small{color:#aaa;margin-top:7px;font-size:11px;line-height:1.5}.lookup-example dl{gap:30px;margin-top:18px;font-size:12px;display:flex}.lookup-example dt{color:#999;margin-bottom:5px}.lookup-example dd{color:#eee;margin:0}.maya-example{grid-template-columns:1.7fr 1fr;gap:40px;display:grid}.maya-ready{color:#bcff2f;align-items:center;gap:7px;margin-bottom:12px;font-size:12px;display:flex}.maya-copy ul{color:#bbb;margin-top:15px;padding-left:17px;font-size:13px;line-height:1.75}.maya-copy li{margin-bottom:6px}.maya-copy strong{color:#eee;font-weight:500}.maya-context{border-left:1px solid #303030;padding-left:25px}.maya-context h4{margin-bottom:14px;font-size:13px;font-weight:500}.maya-context>div{flex-direction:column;gap:4px;margin-bottom:15px;font-size:12px;display:flex}.maya-context span{color:#aaa}.maya-context strong{font-weight:500}.maya-context a{color:#bcff2f;font-size:12px}.demo-panel.arrive{animation:.3s ease-out demo-arrive}@keyframes demo-arrive{0%{opacity:.7;transform:translateY(5px)}to{opacity:1;transform:none}}@keyframes demo-line{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@media (width<=800px){.demo-heading{display:block}.demo-heading>a{margin-top:20px}.demo-brand span{display:none}.demo-tabs{flex-wrap:wrap;gap:16px}.demo-tabs>span{display:none}.demo-panel{min-height:410px;padding:20px}.demo-report{grid-template-columns:48px 1fr;gap:15px}.demo-action{grid-column:2;width:max-content}.demo-score{padding-right:12px}.demo-report h4{font-size:18px}.demo-flow{gap:10px;padding:18px;font-size:10px}.demo-secondary,.demo-caption{display:block}.demo-secondary p{margin-top:7px}.demo-caption a{margin-top:12px;display:inline-block}.maya-example{grid-template-columns:1fr;gap:20px}.maya-context{border-top:1px solid #303030;border-left:0;padding:20px 0 0}.maya-context>div{margin-right:20px;display:inline-flex}.lookup-example{grid-template-columns:110px 1fr;gap:18px}.lookup-example dl{flex-direction:column;gap:10px}.demo-verdict{padding-right:12px}.demo-section-title{align-items:start}.demo-section-title>span{text-align:right;max-width:135px}.demo-input span{max-width:90px;font-size:10px}.demo-heading h2{font-size:35px}}@media (prefers-reduced-motion:reduce){.demo-panel.arrive,.demo-flow .active+i:after{animation:none}}.cti-showcase button:focus-visible{outline-offset:4px;outline:2px solid #bcff2f}.cti-showcase button:active{transform:scale(.96)}.environment-example{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;display:grid}.environment-step+.environment-step{border-left:1px solid #292929;padding-left:24px}.environment-number{color:#999;letter-spacing:.04em;font-size:11px}.environment-step h4{margin:17px 0;font-size:20px;font-weight:500;line-height:1.35}.environment-step p{color:#bbb;margin-top:15px;font-size:14px;line-height:1.7}.environment-step small{color:#999;margin-top:15px;font-size:12px;line-height:1.6;display:block}.environment-tags{flex-wrap:wrap;gap:6px;margin:18px 0;display:flex}.environment-tags>*{color:#999;border:1px solid #303030;border-radius:5px;padding:5px 8px;font-size:12px;font-weight:400}.environment-tags strong{color:#bcff2f;border-color:#586f2a;align-items:center;gap:8px;display:flex}.environment-tags svg{width:14px;height:14px}.environment-notification{background:#10150b;border:1px solid #344221;border-radius:8px;align-items:center;gap:12px;margin-top:18px;padding:14px;display:flex}.environment-notification>svg{color:#bcff2f;width:22px;height:22px}.environment-notification strong{font-size:14px;font-weight:500}.environment-notification span{color:#aaa;margin-top:3px;font-size:12px;display:block}#panel-environment.arrive .environment-tags strong{animation:.3s ease-out both demo-arrive}#panel-environment.arrive .environment-notification{animation:.4s ease-out .5s both demo-arrive}.demo-tabs{flex-wrap:wrap;column-gap:22px}.demo-tabs>span{flex-basis:100%;padding-bottom:12px}@media (width<=900px){.environment-example{grid-template-columns:1fr}.environment-step+.environment-step{border-top:1px solid #292929;border-left:0;padding:20px 0 0}}@media (prefers-reduced-motion:reduce){#panel-environment.arrive .environment-tags strong,#panel-environment.arrive .environment-notification{animation:none}}
