/* Focused presentations: one shared page, five distinct product workflows. */
.hero-product{margin-top:56px}.feature-presentation{padding-top:110px;padding-bottom:20px}.feature-presentation+.feature-presentation{border-top:1px solid var(--border-standard);margin-top:70px}.feature-presentation .section-heading{margin-bottom:40px}.feature-presentation h2{max-width:730px}.feature-presentation .eyebrow{color:var(--accent)}.feature-presentation .split-heading{grid-template-columns:1.3fr 1fr}.feature-presentation .split-heading>p{max-width:410px}
[data-animation]{pointer-events:none;user-select:none}[data-animation] .demo-reset{visibility:hidden}[data-animation] .sim-cursor{display:block!important;opacity:1!important;transition:transform 1.05s cubic-bezier(.22,1,.36,1);z-index:30}[data-animation] .sim-cursor span{font-size:10px;white-space:nowrap}[data-animation][data-beat=inspect] .sim-cursor svg,[data-animation][data-beat=color] .sim-cursor svg,[data-animation][data-beat=processing] .sim-cursor svg{animation:demo-click .7s ease-out}[data-animation] .demo-status{font-size:11px;min-height:36px}
@keyframes demo-click{0%{filter:drop-shadow(0 0 0 var(--accent));transform:scale(1)}40%{filter:drop-shadow(0 0 8px var(--accent));transform:scale(.8)}100%{transform:scale(1)}}
.demo-mount .reference-area{background:#08082e;padding-bottom:90px!important;overflow:clip!important}.demo-mount .reference{background:#08082e!important;color:white;min-height:0!important;container-type:inline-size;padding:0!important}.demo-mount .reference-nav{padding:22px 24px;display:flex;gap:16px;color:#fff;font-size:11px;min-height:64px}.reference-nav svg{flex-shrink:0}.kiln-links{flex:1;white-space:nowrap}.kiln-account{white-space:nowrap}.kiln-menu{display:none}.demo-mount .reference-hero{display:flex!important;flex-direction:column;min-height:0!important;background:linear-gradient(#05052b,#171734)!important;align-items:center!important;overflow:visible!important}.demo-mount .personal-copy{display:flex;flex-direction:column;align-items:center;width:100%;max-width:800px;gap:24px!important}.demo-mount .reference h3{font-family:Inter,system-ui,sans-serif!important;font-weight:450!important;line-height:1.08!important;letter-spacing:-.055em!important;max-width:650px;margin:0!important;color:#fff}.demo-mount .reference-hero p{font-family:Inter,system-ui,sans-serif;max-width:610px;line-height:1.5;font-weight:400;margin:0!important}.kiln-actions{display:flex;gap:12px;align-items:stretch;justify-content:center;flex-wrap:wrap;margin-top:8px;width:100%}.kiln-signup{display:flex;align-items:center;background:#eeedf3;border-radius:6px;padding:4px;gap:18px}.kiln-signup>span{color:#53535d;font-size:13px;padding:0 12px;text-align:left}.demo-mount .reference-cta{font-family:Inter,system-ui,sans-serif!important;min-height:44px;line-height:1.25;font-weight:600;white-space:nowrap;width:auto!important;border:0;margin:0!important;box-shadow:none}.kiln-secondary{border:1px solid #ffffffb0;border-radius:5px;font-size:13px;display:flex;align-items:center;justify-content:center;padding:12px 16px}.kiln-card{margin-top:26px;max-width:950px;min-height:150px;background:#10151d!important;border:1px solid #8881d5;border-radius:18px 18px 0 0!important;box-shadow:0 -12px 48px #9b83e044;color:#d8dee8!important;overflow:hidden}.kiln-card-art{padding:12px 16px;background:#181f28;text-align:left;font-size:10px;color:#687381}.kiln-card-art span{margin-left:30px}.kiln-card-info{padding:16px;text-align:left;font-size:11px}.kiln-card-info>span{color:#aeb7c5}.kiln-card-info p{font-size:15px!important;padding:14px 0}.kiln-card-info code{color:#8aca9b;font-size:10px}.demo-mount .reference-footer{display:none}.demo-mount .reference[data-viewport=mobile]{max-width:390px!important}.demo-mount .reference[data-viewport=tablet]{max-width:768px!important}.demo-mount .reference-area>.reference{margin-inline:auto}
@container(max-width:700px){.kiln-links{display:none}.kiln-account{margin-left:auto}.demo-mount .reference-hero{padding:48px 22px 0!important}.demo-mount .reference h3{font-size:clamp(30px,7cqw,48px)!important}.demo-mount .reference-hero p{font-size:16px!important}.kiln-actions{flex-direction:column}.kiln-signup{justify-content:space-between}.kiln-signup>span{font-size:11px}.kiln-secondary{font-size:12px}.kiln-card{margin-top:8px}.kiln-card-info code{font-size:8px}}
@container(max-width:400px){.kiln-menu{display:block}.kiln-account{font-size:11px}.kiln-signup{flex-direction:column;gap:8px;padding:8px}.kiln-signup>span{padding:8px}.demo-mount .reference-cta{width:100%!important;font-size:13px!important}}
.demo-mount .property-panel,.demo-mount .panel-body,.demo-mount .ai-thread,.demo-mount .conversation,.demo-mount .reference-area{max-height:none!important;overflow-y:visible!important}.demo-mount .panel-body{height:auto!important}.demo-mount .ai-thread{min-height:220px}.demo-mount .ai-composer-dock{margin-top:auto}.model-control{display:flex;align-items:center;gap:8px;font-size:10px;color:#8d9096}.model-control select{border:0;background:transparent;color:#ddd;padding:5px 0;font-size:11px;max-width:112px}.composer-context{border:0!important}.composer-context select{font-size:11px}.demo-mount .ai-boundary{font-size:10px}.demo-mount .sim-cursor{max-width:170px}.demo-mount .sim-cursor span{max-width:150px;white-space:normal}
#playground{margin-top:130px;padding:65px 32px;background:linear-gradient(135deg,#29221c,#151515 70%);border:1px solid #ffad664a;border-radius:var(--radius-floating);box-shadow:inset 0 1px #ffc18a30;position:relative}#playground:before{content:'INTERACTIVE WORKSPACE';display:block;text-align:center;color:#ffad66;font:10px ui-monospace,monospace;letter-spacing:.18em;margin-bottom:35px}#playground h2{}.persona-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.persona-grid article{padding:var(--space-8);border:1px solid var(--border-glass);border-radius:var(--radius-floating);background:var(--glass-reflection) var(--surface-panel)}.persona-grid article>span svg{width:25px;color:var(--accent)}.persona-grid article h3{font-size:24px;margin:25px 0 14px;font-weight:500}.persona-grid article p{color:var(--text-muted);line-height:1.7}.persona-art{min-height:125px;margin-top:28px;padding:22px;background:var(--surface-input);border-radius:var(--radius-control);display:flex;flex-direction:column;justify-content:center;gap:15px;font-size:13px}.persona-art code{font-size:11px;color:var(--text-accent)}.persona-art strong{font-size:20px;font-weight:500}.persona-art span{color:var(--text-muted)}
@media(max-width:900px){.feature-presentation .split-heading{grid-template-columns:1fr}.persona-grid{grid-template-columns:1fr}.persona-grid article{display:grid;grid-template-columns:1fr 1fr;gap:12px}.persona-grid article>span{display:none}.persona-art{grid-column:2;grid-row:1/3;margin:0}.feature-presentation{padding-top:70px}.demo-mount .reference-nav{padding:18px}.demo-mount:not([data-animation]) .property-panel{width:100%!important;max-width:none!important}.demo-mount:not([data-animation])[data-panel=open] .demo-layout{grid-template-columns:1fr!important}.demo-mount .ai-thread{min-height:180px}#playground{padding:36px 16px}}
@media(prefers-reduced-motion:reduce){[data-animation] .sim-cursor{display:none!important}*{animation-duration:.01ms!important;transition-duration:.01ms!important}}

.demo-mount .reference-hero{display:grid!important;grid-template-columns:repeat(var(--hero-columns,1),minmax(0,1fr))!important}.demo-mount .reference-hero>.personal-copy{justify-self:center}.demo-mount .kiln-card{justify-self:center}.demo-mount .reference[data-viewport=mobile] .reference-hero{grid-template-columns:1fr!important}@container(max-width:520px){.demo-mount .reference-hero{grid-template-columns:1fr!important}}
.demo-mount[data-variant] .reference-area,.demo-mount .demo-layout{background:#08082e!important}.demo-mount .kiln-card-info p{color:#c9d1df!important}.demo-mount .sim-cursor span{display:inline-block;vertical-align:top}.demo-mount[data-variant] .reference-nav .kiln-menu{display:none}@container(max-width:400px){.demo-mount[data-variant] .reference-nav .kiln-menu{display:block}}.demo-mount[data-variant] .property-panel .panel-body,.demo-mount[data-variant] .property-panel .panel-heading{min-width:0!important}.demo-mount .reference h3{max-width:650px!important}.persona-art>span:first-child{font-size:32px}.persona-art .persona-action{font-size:18px!important;color:var(--accent)}.persona-grid article a{display:block;margin-top:24px;font-size:13px;color:var(--accent)}
.persona-grid article{min-width:0;border:1px solid var(--border-glass);border-radius:var(--radius-floating);background:var(--glass-reflection) var(--surface-panel);padding:var(--space-8)}.persona-art{min-width:0;border-radius:var(--radius-control);background:var(--surface-input)}.persona-art code{white-space:normal;color:var(--text-accent)}@media(max-width:560px){.persona-grid article{display:block;padding:24px}.persona-art{margin-top:22px}.persona-grid{grid-template-columns:minmax(0,1fr)}}
.demo-mount[data-variant][data-animation][data-surface=popover] .property-panel{max-height:var(--popover-max,none)!important;overflow-y:auto!important;overscroll-behavior:contain;scrollbar-width:thin}