/* Website presentation only; the marketing demo retains its own colours and controls. */
.teal-site .demo-showcase{padding-top:30px}
.teal-site .demo-showcase-heading{gap:32px;margin-bottom:20px}
.teal-site .demo-showcase-heading h1{font-size:clamp(34px,3.7vw,50px)}
.teal-site .demo-showcase-heading>p{max-width:430px;font-size:16px}
.teal-site .pdk-trust-link{margin:0 0 22px;font-size:13px;line-height:1.65}
.teal-site .demo-card-heading{padding:18px 22px 16px}
.teal-site .demo-card-heading h2{font-size:clamp(23px,2.1vw,28px)}
.teal-site .demo-story-image{aspect-ratio:2.2;position:relative}
.teal-site .demo-story-image picture{display:block;width:100%;height:100%}
.teal-site .demo-story-image img{object-fit:cover;object-position:center}
.teal-site .demo-story-image:after{display:block;content:'';position:absolute;inset:50% 0 0;background:linear-gradient(transparent,#14161bdd);pointer-events:none}
.teal-site .demo-play{position:absolute;left:18px;bottom:16px;z-index:2;display:inline-flex;gap:10px;align-items:center;min-height:44px;padding:11px 16px;background:#e7aa73;color:#221b16;border:1px solid #e7aa73;border-radius:5px;font-size:14px;font-weight:600;box-shadow:0 3px 16px #1118}
.teal-site .demo-story-image:hover .demo-play{background:#f1bc8e}
.teal-site .demo-story-copy{padding:16px 22px 18px}
.teal-site .demo-story-meta{margin:12px 0 0;align-items:center;gap:10px}
.teal-site .demo-story-actions{margin:0 0 0 auto}
.teal-site .demo-story-actions .text-link{font-size:13px;display:inline-flex;align-items:center;min-height:32px}
.teal-site .demo-showcase-note{font-size:13px}
.teal-site .deployment-comparison{overflow:auto;border:1px solid #45484f;border-radius:8px;background:#22252c;scrollbar-color:#a88d76 #22252c}
.deployment-comparison table{border-collapse:collapse;width:100%;font-size:15px;line-height:1.6}
.deployment-comparison caption{text-align:left;padding:20px 24px;font-size:18px;color:#f5f1ea}
.deployment-comparison th,.deployment-comparison td{text-align:left;vertical-align:top;border-top:1px solid #45484f;padding:18px 24px}
.deployment-comparison th{font-weight:500;color:#f5f1ea;width:22%}
.deployment-comparison td{color:#bcb9b4;width:39%}
.deployment-comparison thead{background:#2a2d34}
.teal-site .deployment-comparison a{color:#e7aa73;text-underline-offset:4px}
.teal-site .deployment-note{font-size:14px;line-height:1.7}
.adoption-steps{list-style:none;display:grid;grid-template-columns:repeat(3,1fr);gap:24px;padding:26px 0 0;margin:0}
.adoption-steps span{display:block;color:#e7aa73;font-size:12px;margin-bottom:10px}
.adoption-steps strong{font-weight:500;font-size:17px}
.adoption-steps p{font-size:14px;line-height:1.6;margin-top:8px}
.teal-site .environment-tabs [role=tabpanel]{min-height:0;padding-bottom:24px}
.teal-site .evidence-label{font-size:13px;line-height:1.6;margin:14px 0;padding-top:12px;border-top:1px solid #45484f}
.evidence-label>span{display:block;text-transform:uppercase;font-size:10px;letter-spacing:.08em;color:#e7aa73;margin-bottom:4px}
.teal-site .evidence-label a{color:#e7aa73;text-underline-offset:3px}
.study-story{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;padding:24px 0;margin-top:24px;border-top:1px solid #45484f;border-bottom:1px solid #45484f}
.teal-site .study-story h2{font-size:15px;margin:0 0 10px;line-height:1.4;color:#e7aa73;letter-spacing:0}
.teal-site .study-story p{font-size:14px;line-height:1.65;margin:0}
.teal-site :is(.circuit-overview,.circuit-section) figcaption,.teal-site .figure-caption{font-size:14px;line-height:1.65}
.teal-site .ai-detail-note{font-size:14px;line-height:1.65}
.about-study-links{display:flex;gap:24px;flex-wrap:wrap;margin-top:22px}
.contact-next{margin-top:28px;padding-top:24px;border-top:1px solid #45484f}
.contact-next h3{font-size:18px;margin:0 0 10px}
.teal-site .menu-toggle{min-height:44px}
@media(max-width:900px){
 .teal-site .demo-showcase-heading>p{max-width:650px;font-size:15px;margin-top:18px}
 .study-story{grid-template-columns:repeat(2,1fr)}
 .deployment-comparison th,.deployment-comparison td{padding:16px}
}
@media(max-width:650px){
 .teal-site .demo-showcase{padding-top:24px}
 .teal-site .demo-showcase-heading h1{font-size:34px}
 .teal-site .demo-showcase-heading>p{font-size:14px;line-height:1.6;margin-top:16px}
 .teal-site .pdk-trust-link{font-size:12px;margin-bottom:18px}
 .teal-site .demo-card-heading{padding:16px 18px 14px}
 .teal-site .demo-card-heading h2{font-size:25px}
 .teal-site .demo-story-image{aspect-ratio:1.65;background:#22252c}
 .teal-site .demo-story-image img{object-fit:contain;padding:10px 12px 52px}
 .teal-site .demo-play{left:12px;bottom:12px;font-size:13px;padding:10px 14px}
 .teal-site .demo-story-copy{padding:16px 18px}
 .teal-site .demo-story-meta{flex-wrap:wrap}
 .teal-site .demo-story-actions{margin-left:0;flex-basis:100%}
 .teal-site .demo-story-actions .text-link{min-height:44px}
 .deployment-comparison table{font-size:13px;min-width:610px}
 .deployment-comparison caption{font-size:16px;padding:16px}
 .deployment-comparison th{width:22%}
 .adoption-steps{grid-template-columns:1fr;gap:18px}
 .adoption-steps li{padding-bottom:16px;border-bottom:1px solid #45484f}
 .adoption-steps span{display:inline;margin-right:10px}
 .adoption-steps p{margin-bottom:0}
 .study-story{gap:18px;grid-template-columns:1fr}
 .study-story>div{display:grid;grid-template-columns:100px 1fr;gap:14px}
 .teal-site .study-story h2{font-size:14px}
 .teal-site .study-story p{font-size:13px}
}
@media(prefers-reduced-motion:reduce){.teal-site .demo-story-image img{transition:none}}

.deployment-scroll-hint{display:none}@media(max-width:650px){.teal-site .deployment-scroll-hint{display:block;font-size:13px;color:#e7aa73;margin:0 0 12px}}