.container-text.title-container-front{position:absolute;z-index:10;top:15%;left:5%;right:5%;display:flex;flex-direction:column;align-items:center;text-align:center;color:#fff;pointer-events:none;text-shadow:0 2px 10px #001725}.mark-logo img{display:block;width:126px;height:60px;object-fit:contain;margin-bottom:12px;filter:drop-shadow(0 2px 8px #001725)}.box-text h1{font-size:clamp(15px,1.7vw,23px);letter-spacing:3px;margin:8px 0}.role-text p{font:11px monospace;letter-spacing:2px}.block-text{height:2px;width:70px;margin:14px auto;background:#1a73e8}.demo-card{margin-top:12px;pointer-events:auto}.demo-card button{display:flex;align-items:center;gap:12px;background:#102c49e8;border:1px solid #e5f82e;color:#fff;padding:13px 20px;border-radius:6px;font:14px Arial;cursor:pointer;box-shadow:0 6px 25px #0003}.demo-card button:hover{background:#16537e}.demo-icon{font-size:23px;color:#84bcff}.camera_caption h2{font-size:clamp(25px,3.6vw,47px)}dialog{box-sizing:border-box;width:min(650px,calc(100% - 28px));max-height:calc(100% - 28px);overflow:auto;border:1px solid #b2c4d6;border-radius:10px;padding:32px;background:#f8fafc;color:#273a4c;box-shadow:0 20px 80px #0005}dialog::backdrop{background:#071b32c9;backdrop-filter:blur(5px)}#demo-close{position:absolute;right:12px;top:8px;border:0;background:transparent;font-size:28px;cursor:pointer;color:#16537e}.demo-eyebrow{font:11px monospace;letter-spacing:2px;color:#16537e}dialog h2{font-size:25px;margin:14px 0}dialog li,dialog p{font-size:14px;line-height:1.6}dialog label{display:block;font-size:14px;font-weight:600;margin:22px 0 8px}dialog textarea{box-sizing:border-box;width:100%;padding:12px;border:1px solid #a8bdce;border-radius:5px;font:14px Arial;line-height:1.5}.demo-examples{display:flex;gap:8px;flex-wrap:wrap;margin:12px 0}.demo-examples button{padding:8px;border:1px solid #c2d3e1;border-radius:4px;background:#fff;color:#16537e;cursor:pointer}.demo-run{background:#1a73e8;color:#fff;border:0;border-radius:4px;padding:12px 20px;cursor:pointer}#demo-result{margin-top:22px;border-top:1px solid #c8d6e1;padding-top:14px}#demo-result li{padding-left:5px}#demo-result li p{margin-top:4px}.demo-consult{display:inline-block;color:#16537e;margin-top:18px;font-size:14px}a:focus-visible,button:focus-visible,textarea:focus-visible{outline:3px solid #1a73e8;outline-offset:3px}@media(max-width:600px){.container-text.title-container-front{top:15%;height:43px;margin-bottom:4px}.box-text h1{font-size:13px;letter-spacing:1.3px}.role-text p{font-size:9px;letter-spacing:.8px}.block-text{margin:9px auto}.demo-card{margin-top:5px}.demo-card button{padding:9px 13px;font-size:12px}.camera_caption h2{font-size:25px}.camera_caption p{font-size:13px;line-height:1.5}.camera_caption>div{padding-top:18px}dialog{padding:26px 20px}}@media(max-height:440px) and (min-width:601px){.container-text.title-container-front{align-items:flex-end;top:15%;left:auto;width:38%}.box-text h1{font-size:12px}.role-text p{font-size:9px}.camera_caption h2,.camera_caption p{max-width:52%}.mark-logo img{width:80px;height:38px}}.demo-card button{border-radius:12px;padding:9px 16px;min-height:44px;font-size:13px;gap:9px}dialog{background:#272e38;color:#f1f5f9;border-color:#536071;border-radius:18px;padding:26px;max-width:600px}dialog h2{font-size:23px;margin:10px 0}dialog li,dialog p{font-size:13px;color:#d1dbe7}dialog label{margin:15px 0 6px;font-size:13px}dialog textarea{background:#353f4d;color:#fff;border-color:#536071;border-radius:9px;padding:9px 12px;min-height:90px;font-size:14px}dialog textarea::placeholder{color:#c0c9d5}#demo-close,.demo-consult,.demo-eyebrow{color:#a7cfff}#demo-close{width:44px;height:44px;top:4px;right:4px}.demo-examples{gap:7px;margin:10px 0}.demo-examples button{background:#353f4d;border-color:#536071;color:#e3eaf2;border-radius:10px;padding:8px 12px;min-height:38px}.demo-examples button:hover{background:#465365}.demo-run{border-radius:12px;padding:9px 16px;min-height:42px;font-size:14px}.demo-run:hover{background:#155fc0}#demo-result{border-color:#536071;margin-top:16px;padding-top:10px}.demo-consult{border:1px solid #536071;border-radius:12px;padding:9px 16px;text-decoration:none}.demo-consult:hover{background:#353f4d}@media(max-width:600px){dialog{padding:24px 18px}dialog textarea{font-size:16px}.demo-examples button,.demo-run{min-height:44px}}.controls button{min-width:44px;min-height:44px}.camera_caption{pointer-events:none}.camera_caption p{max-width:760px}@media(max-width:600px){.container-text.title-container-front{top:15%}.camera_caption h2{font-size:clamp(20px,5.5vw,27px)}.camera_caption p{font-size:13px}}