.showcase-section{background:#09170f;color:#edf8ef}.showcase-section .section-head p{color:#a7beae;max-width:470px}.showcase-frame{position:relative;overflow:hidden;border-radius:12px;border:1px solid #294b35;background:#050c08}.showcase-frame video{width:100%;aspect-ratio:16/9;object-fit:cover;display:block}.showcase-overlay{position:absolute;left:0;right:0;bottom:0;padding:25px;display:flex;align-items:center;justify-content:space-between;background:linear-gradient(transparent,#000b);font-size:10px;letter-spacing:1.3px}.showcase-section .collection-note{color:#9eb7a6}.project-filters{display:flex;gap:9px;flex-wrap:wrap;margin:28px 0}.project-filters button{padding:12px 18px;border:1px solid #cad8c8;background:transparent;color:#32523d;border-radius:30px;font-size:12px;transition:.2s}.project-filters button.active{background:#143b24;color:white;border-color:#143b24}.group-case-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}.group-case{border-radius:10px;overflow:hidden}.group-case-info p{font-size:12px;color:#5f7264;line-height:1.8;margin:17px 0 0;padding-inline-end:20px}.group-case-info h3{line-height:1.25}.group-case-img{height:240px!important}.group-case[hidden]{display:none!important}.support-section{background:#f8faf7}.support-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:35px}.support-card{padding:28px;border:1px solid #dce6d9;border-radius:10px;background:white}.support-card small{color:#29944d}.support-card h3{font-size:21px;font-weight:500}.support-card p{font-size:13px;color:#66776a;line-height:1.9}.support-card a{font-size:12px;color:#258341}.support-faq{margin-top:30px;border-top:1px solid #dbe5d7}.support-faq details{border-bottom:1px solid #dbe5d7;padding:20px 0}.support-faq summary{cursor:pointer;font-size:15px}.support-faq p{font-size:13px;line-height:1.9;color:#647368;max-width:800px}.detail-links{display:flex;flex-wrap:wrap;gap:12px;margin:22px 0}.detail-links a{border:1px solid #bfd5bd;padding:12px 16px;color:#246e36;border-radius:5px;font-size:12px}.map-link{color:#78d794;display:block;margin-top:12px;font-size:11px}.privacy-notice a{text-decoration:underline}.spec-inquiry{font-size:11px;color:#68776b;margin-top:12px}.ai-comparison img{display:block}.ai-demo-toolbar .ai-pill{margin-inline-start:auto}.modal{max-height:90dvh;overflow-y:auto;border-radius:10px}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid #28b85c;outline-offset:3px}.group-case-img img{object-position:center}.group-case:first-child{grid-column:span 2}.group-case:first-child .group-case-img{height:320px!important}.group-case-info i{bottom:auto;top:24px}nav{gap:17px!important}nav a{white-space:nowrap}.site-support-cta{margin-top:25px}.spec-download{color:#267d3d;font-size:12px;display:inline-block;margin:12px 0}.compare-table th,.compare-table td{white-space:nowrap}@media(min-width:1100px){.group-case-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:1100px){nav{gap:11px!important;font-size:11px}.brand{gap:8px}.brand span{display:none}.group-case-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}}@media(max-width:700px){.showcase-overlay{padding:14px;font-size:8px}.showcase-frame video{aspect-ratio:4/3;object-fit:contain}.group-case-grid{grid-template-columns:1fr!important}.group-case:first-child{grid-column:auto}.group-case:first-child .group-case-img,.group-case-img{height:230px!important}.support-grid{grid-template-columns:1fr}.project-filters{gap:7px}.project-filters button{padding:11px 14px;font-size:11px}nav{font-size:15px}.detail-links{flex-direction:column}.ai-demo-controls{font-size:10px}.showcase-section h2{font-size:34px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important}.product:hover,.group-case:hover{transform:none}}
@media(min-width:701px) and (max-width:1100px){header{height:76px}#menu{display:inline-flex!important}.actions>.btn{display:none}nav{display:none;position:absolute;left:0;right:0;top:76px;background:white;padding:28px 7%;flex-direction:column;border-bottom:1px solid #dfe5df;font-size:15px}nav.open{display:flex}}
.footer-links{flex-wrap:wrap;gap:28px}.footer-top>*{min-width:0}@media(max-width:1100px){.footer-top{flex-direction:column}.footer-links{justify-content:flex-start}}.group-case-grid{min-width:0}.group-case-info{min-width:0}
#displayVideo.display-motion,#displayVideo.showreel-video{width:100%;height:100%;object-fit:fill!important;object-position:center!important}.video-format-controls{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:18px 0 10px;color:#304c3a;font-size:12px}.video-format-controls label{font-weight:bold}.video-format-controls select{padding:10px 32px 10px 12px;border:1px solid #c5d7c1;border-radius:6px;background:#fff;color:#1a4c2b;max-width:100%}.video-format-controls span{font-size:11px;color:#627a68}@media(max-width:700px){.video-format-controls{gap:9px}.video-format-controls span{flex-basis:100%}}

/* Keep dimensions and independent video choice beside the live display. */
.config-stage .stage-dimensions{margin-top:22px;border-top:1px solid #36513f;border-bottom:1px solid #36513f;padding:16px 0;color:#edf5ee;display:grid;grid-template-columns:1fr 1fr;gap:0 20px}
.config-stage .stage-dimensions summary{grid-column:1/-1;color:#edf5ee}
.config-stage .stage-dimensions:not([open]){display:block}
.config-stage .stage-dimensions .step-no{display:none}
.config-stage .stage-dimensions .size-control{margin:16px 0 8px;min-width:0}
.config-stage .stage-dimensions .dimension-input input{background:#172b20;border:1px solid #4b6854;color:white;width:85px;max-width:100%;padding:9px;font-size:17px}
.config-stage .stage-dimensions .size-caption,.config-stage .dimension-help{color:#a6bbaa}
.config-stage .dimension-help{grid-column:1/-1;font-size:10px;margin:8px 0 0}
.config-stage .video-format-controls{color:#dcebdd;padding:18px 0 0;gap:10px}
.config-stage .video-format-controls select{background:#172b20;color:white;border:1px solid #4b6854;max-width:100%;padding:12px;font-size:13px}
.config-stage #videoFormatStatus{color:#a6bbaa;font-size:10px;flex-basis:100%}
@media(max-width:600px){.config-stage .stage-dimensions{gap:0 14px}.config-stage .size-line{flex-wrap:wrap;gap:8px}.config-stage .size-line label{flex-basis:100%}.config-stage .stage-dimensions .dimension-input input{width:100px}.config-stage .video-format-controls label{flex-basis:100%}}

.config-stage .stage-dimensions{background:transparent;border-left:0;border-right:0}

.config-stage .dimension-input{display:inline-flex;align-items:center;gap:8px;direction:ltr}
.dimension-step{width:46px;height:46px;flex:0 0 46px;border:1px solid #577562;border-radius:10px;background:#203d2c;color:#f0fff3;font-size:26px;line-height:1;touch-action:manipulation;cursor:pointer}
.dimension-step:active{background:#29b65e;transform:scale(.95)}
.config-stage .stage-dimensions .dimension-input input{border-radius:8px;text-align:center;appearance:textfield;font-size:20px;width:86px;height:46px}
.dimension-input input::-webkit-inner-spin-button,.dimension-input input::-webkit-outer-spin-button{appearance:none;margin:0}
@media(max-width:600px){.config-stage .stage-dimensions{display:block}.config-stage .stage-dimensions .size-line{flex-wrap:nowrap;gap:8px}.config-stage .stage-dimensions .size-line label{flex-basis:auto;font-size:14px}.config-stage .stage-dimensions .size-control{margin:20px 0}.config-stage .stage-dimensions input[type=range]{display:none}.config-stage .stage-dimensions .size-caption{margin-top:10px;font-size:11px}.config-stage .stage-dimensions .dimension-input{gap:6px}.config-stage .stage-dimensions .dimension-input input{width:76px}.config-stage .dimension-help{font-size:11px;line-height:1.6}}

.video-format-picks{display:flex;gap:8px;flex-wrap:wrap}.video-format-picks button{padding:13px 15px;min-height:46px;background:#173322;color:#dcebdd;border:1px solid #4d6d55;border-radius:10px;font-size:13px;touch-action:manipulation;cursor:pointer}.video-format-picks button[aria-pressed=true]{background:#21ba59;color:#05190c;border-color:#55df85}.config-stage .video-format-controls{padding:14px 0 18px;margin-bottom:14px;border-bottom:1px solid #36513f}.config-stage .video-format-controls>label{display:none}