.component-card{min-width:0}.component-card>.mini,.component-card>.ct-aurora-demo,.component-card>.ct-nav-demo{width:100%;height:auto!important;aspect-ratio:16/10;min-height:0!important;border:1px solid var(--line);border-radius:10px;overflow:hidden}.hero-grid,.component-grid{align-items:start}.card-info{min-height:30px}.catalog .component-card{display:grid;grid-template-rows:auto auto auto}.catalog .component-card>.mini,.catalog .component-card>.ct-aurora-demo,.catalog .component-card>.ct-nav-demo{height:auto!important;aspect-ratio:16/10}.catalog .ct-aurora-copy h2,.collection .ct-aurora-copy h2,.hero-grid .ct-aurora-copy h2{font-size:clamp(23px,2.7vw,43px)}.catalog .ct-aurora-copy p,.collection .ct-aurora-copy p,.hero-grid .ct-aurora-copy p{display:none}.catalog .ct-aurora-actions,.collection .ct-aurora-actions,.hero-grid .ct-aurora-actions{margin-top:17px}.catalog .ct-aurora-actions span,.collection .ct-aurora-actions span,.hero-grid .ct-aurora-actions span{display:none}.catalog .ct-aurora-copy,.collection .ct-aurora-copy,.hero-grid .ct-aurora-copy{width:82%}
#header{height:92px;display:flex;justify-content:center;pointer-events:none;background:transparent;border:0;transition:height .7s cubic-bezier(.22,1,.36,1)}#header .navwrap{pointer-events:auto;position:relative;width:100%;height:92px;margin-top:0;padding:0 clamp(28px,4vw,68px);transition:width .9s cubic-bezier(.22,1,.36,1),height .8s cubic-bezier(.22,1,.36,1),margin-top .8s cubic-bezier(.22,1,.36,1),padding .8s cubic-bezier(.22,1,.36,1),border-radius .8s cubic-bezier(.22,1,.36,1),background .5s,border-color .5s,box-shadow .5s;border:1px solid transparent;background:color-mix(in srgb,var(--paper) 88%,transparent);backdrop-filter:blur(14px)}#header.is-compact .navwrap{width:min(1040px,calc(100% - 28px));height:62px;margin-top:14px;padding:0 10px 0 26px;border-color:color-mix(in srgb,var(--line) 85%,transparent);border-radius:999px;background:color-mix(in srgb,var(--paper) 82%,transparent);box-shadow:0 24px 60px -28px #17220d66,0 2px 10px #17220d12}#header.is-compact{height:92px}.navwrap nav{position:relative}.nav-indicator{position:absolute;left:0;bottom:-18px;height:2px;background:var(--ink);transition:transform .45s cubic-bezier(.22,1,.36,1),width .45s cubic-bezier(.22,1,.36,1),bottom .5s;pointer-events:none}#header.is-compact .nav-indicator{bottom:-8px}.nav-cta{overflow:hidden;border-radius:999px!important;padding:5px 5px 5px 18px!important;gap:14px!important}.nav-cta b{width:30px;height:30px;display:grid;place-items:center;border-radius:50%;background:#223015;color:#fff;font-weight:400;transition:transform .45s}.nav-cta:hover b{transform:rotate(45deg)}.mobile-menu i{display:block;width:16px;height:1px;background:currentColor;margin:4px;transition:.35s}.menu-open .mobile-menu i:first-child{transform:translateY(2.5px) rotate(45deg)}.menu-open .mobile-menu i:last-child{transform:translateY(-2.5px) rotate(-45deg)}
.ct-aurora-demo{position:relative;isolation:isolate;overflow:hidden;display:grid;place-items:center;background:#070810;color:#f7f8ff;min-height:540px;--spot-x:50%;--spot-y:46%}.ct-aurora-demo:before{content:"";position:absolute;inset:0;background:radial-gradient(650px circle at var(--spot-x) var(--spot-y),#536fff30,transparent 58%);z-index:-1}.ct-aurora-glow{position:absolute;width:65%;aspect-ratio:1;border-radius:50%;left:17.5%;top:7%;background:radial-gradient(circle,#4056cc3d 0,#18205028 43%,transparent 70%);filter:blur(4px)}.ct-aurora-orbit{position:absolute;width:min(68%,760px);aspect-ratio:1;border:1px solid #8fa0ff18;border-radius:50%;box-shadow:0 0 0 70px #6174ee08,0 0 0 140px #6174ee05}.ct-aurora-grid{position:absolute;inset:0;background-image:linear-gradient(#8492db09 1px,transparent 1px),linear-gradient(90deg,#8492db09 1px,transparent 1px);background-size:54px 54px;mask-image:radial-gradient(circle,#000,transparent 72%)}.ct-aurora-copy{position:relative;z-index:2;text-align:center;width:min(770px,80%)}.ct-aurora-badge{display:inline-flex;align-items:center;gap:12px;border:1px solid #9aa7ff2b;background:#111426b8;box-shadow:inset 0 1px #ffffff10,0 16px 45px #0005;border-radius:999px;padding:7px 8px 7px 13px;font:500 9px/1.2 ui-monospace,SFMono-Regular,monospace;letter-spacing:1.8px;color:#abb4db}.ct-aurora-badge i{font-style:normal;color:#a9b4ff}.ct-aurora-badge b{font-weight:600;color:#0a0b11;background:#dce1ff;border-radius:999px;padding:6px 8px;letter-spacing:.6px}.ct-aurora-copy h2{font-size:clamp(52px,6vw,92px);line-height:.96;letter-spacing:-.065em;margin:30px 0 22px;font-weight:520}.ct-aurora-copy h2 span{background:linear-gradient(90deg,#d8ddff,#758cff);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.ct-aurora-copy p{max-width:590px;margin:0 auto;color:#969caf;font-size:15px;line-height:1.75}.ct-aurora-actions{display:flex;justify-content:center;align-items:center;gap:25px;margin-top:30px}.ct-aurora-actions button{border:0;background:#f3f4fb;color:#0b0c12;border-radius:999px;padding:14px 21px;font:600 12px inherit}.ct-aurora-actions button b{margin-left:18px}.ct-aurora-actions span{font-size:10px;color:#777e98;letter-spacing:.7px}.ct-aurora-caption{position:absolute;bottom:20px;left:0;width:100%;text-align:center;font:500 7px ui-monospace,monospace;letter-spacing:2.4px;color:#656b82}
.ct-nav-demo{display:block;background:#050506;color:#f8f8f6;min-height:540px;border:0}.preview-stage>.ct-nav-demo{min-height:540px}.detail-heading>div:last-child{min-width:max-content}.ct-buy-button{white-space:nowrap}.detail-heading .detail-price:has(+ .ct-buy-button){display:none}
@media(max-width:1100px){#header .navwrap{padding-inline:24px}#header.is-compact .navwrap{width:calc(100% - 24px)}.ct-nav-links{display:none}.ct-nav-shell{grid-template-columns:1fr 1fr}}
@media(max-width:760px){#header{height:72px}#header .navwrap{height:72px;padding-inline:18px}#header.is-compact .navwrap{height:58px;margin-top:8px;padding:0 8px 0 18px}#header nav.open{top:68px;border-radius:14px;background:var(--panel)}.nav-indicator{display:none}.ct-nav-demo{min-height:330px}.ct-nav-shell{top:14px;left:3%;right:3%;height:52px;padding-left:15px}.ct-nav-shell button{font-size:0}.ct-nav-shell button i{margin:0}.ct-nav-copy{max-width:74%;bottom:12%}.ct-nav-copy h2{font-size:38px}.ct-nav-copy p{display:none}.ct-aurora-grid{background-size:35px 35px}.ct-aurora-copy h2{font-size:40px}.detail-heading>div:last-child{min-width:0}.detail-heading .ct-buy-button{width:100%;justify-content:center}}
/* Uploaded demos use the same catalog and detail slots as built-in previews. */
.ct-uploaded-demo{position:relative;width:100%;overflow:hidden;background:#fff}
.ct-uploaded-demo iframe{display:block;width:100%;height:100%;border:0;background:#fff}
.component-card>.ct-uploaded-demo-card{aspect-ratio:16/10;border:1px solid var(--line);border-radius:10px;pointer-events:none}
.ct-uploaded-demo-card iframe{position:absolute;inset:0}
.preview-stage>.ct-uploaded-demo-detail{height:100%;min-height:0}
.ct-preview-surface:fullscreen .ct-uploaded-demo-detail,.ct-preview-surface.is-expanded .ct-uploaded-demo-detail{height:100%}

/* Keep the three editorial arrows as text on desktop and crisp line icons on mobile. */
.ct-mobile-arrow svg{display:none}
@media(max-width:760px){
 .ct-mobile-arrow{display:inline-flex;align-items:center;vertical-align:middle;font-size:0;line-height:1;background:none!important;border:0!important;box-shadow:none!important}
 .ct-mobile-arrow svg{display:block;width:14px;height:14px;overflow:visible}
 .ct-noir-message a{gap:9px}
 .faq>div>a,.specs a[href="/license"]{display:inline-flex;align-items:center;gap:6px}
}

/* Keep wide product previews and embedded demos from moving the whole page sideways. */
html,body,#app{max-width:100%;overflow-x:clip}
.detail-page,.detail-heading,.detail-heading>div{min-width:0}
.detail-heading>div:last-child{min-width:0;flex-wrap:wrap}