/* Quotr interactive tablet section. Demo content lives independently in /try/. */
.qt-try-section{position:relative;padding:88px 0 94px;background:linear-gradient(180deg,#f8fbfc 0%,#edf9f7 58%,#f8fbfc 100%);border-block:1px solid rgba(13,148,136,.09)}
.qt-try-section .qt-try-heading{max-width:780px;margin:0 auto 30px;text-align:center}
.qt-try-section .qt-try-heading .eyebrow{justify-content:center}
.qt-try-section .qt-try-heading .section-title{margin:12px 0 18px}
.qt-try-section .qt-try-heading .body-large{max-width:670px;margin:0 auto;font-size:18px}
.qt-try-meta{display:flex;justify-content:center;flex-wrap:wrap;gap:8px 22px;margin-top:21px;color:#49716f;font-size:14px;font-weight:650}
.qt-try-meta span{display:flex;align-items:center;gap:7px}.qt-try-meta svg{width:16px;height:16px;color:#0d9488;flex-shrink:0}
.qt-demo-wrap{width:min(1240px,100%);margin-inline:auto}
.qt-demo-tools{display:flex;justify-content:space-between;align-items:center;gap:14px;margin:0 6px 13px;font-size:14px;color:#466365}
.qt-demo-tools>span{font-weight:750;display:flex;align-items:center;gap:8px}.qt-demo-tools>span::before{content:'';width:7px;height:7px;border-radius:50%;background:#0d9488}
.qt-demo-tool-actions{display:flex;align-items:center;gap:14px}.qt-demo-tools a{text-decoration:underline;text-underline-offset:4px}
.qt-demo-expand{display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:9px 12px;min-height:40px;border:1px solid #bcd8d5;border-radius:9px;background:#fff;color:#245e5d;font:inherit;font-weight:650;cursor:pointer}.qt-demo-expand[hidden]{display:none}.qt-demo-expand svg{width:17px;height:17px}.qt-demo-expand:hover{background:#e8f7f4}
.qt-tablet{position:relative;padding:21px 13px 16px;background:linear-gradient(145deg,#303942,#11171e 40%,#232b35);border:2px solid #505b66;border-radius:35px;box-shadow:0 30px 64px -25px rgba(14,39,43,.35),0 4px 10px rgba(0,0,0,.17),inset 0 0 0 1px #ffffff14}
.qt-tablet::before{content:'';position:absolute;width:6px;height:6px;border-radius:50%;background:#09111a;box-shadow:inset 1px 1px 2px #6b78854d;top:7px;left:calc(50% - 3px)}
.qt-tablet-screen{overflow:hidden;border-radius:20px;background:#f3f6f8;isolation:isolate;box-shadow:0 0 0 1px #0008}
.qt-tablet iframe{display:block;width:100%;height:clamp(610px,58vw,760px);border:0;background:#f3f6f8;color-scheme:light}
.qt-demo-caption{text-align:center;color:#5f7378;line-height:1.6;font-size:14px;margin:22px auto 0;max-width:660px}
.qt-demo-tools a:focus-visible,.qt-demo-expand:focus-visible{outline:3px solid #0d9488;outline-offset:4px}
.qt-demo-wrap:fullscreen{width:100%;height:100%;max-width:none;padding:14px;display:flex;flex-direction:column;gap:0;background:#edf4f5;overflow:hidden}
.qt-demo-wrap:fullscreen .qt-demo-tools{flex-shrink:0;margin-bottom:10px}.qt-demo-wrap:fullscreen .qt-tablet{flex:1;min-height:0;display:flex;flex-direction:column;border-radius:24px}
.qt-demo-wrap:fullscreen .qt-tablet-screen{flex:1;min-height:0;display:flex;border-radius:12px}.qt-demo-wrap:fullscreen iframe{flex:1;height:100%}
@media(max-width:767px){.qt-try-section{padding:56px 0 60px}.qt-try-section .container{padding-inline:14px}.qt-try-section .qt-try-heading{padding-inline:10px;margin-bottom:25px}.qt-try-section .qt-try-heading .body-large{font-size:16px;line-height:1.6}.qt-try-meta{font-size:13px;gap:8px 16px}.qt-demo-tools{font-size:12px;flex-wrap:wrap}.qt-demo-tool-actions{gap:12px;margin-left:auto}.qt-demo-expand{font-size:12px;padding:7px 9px}.qt-tablet{padding:17px 8px 10px;border-radius:26px}.qt-tablet::before{top:5px;width:5px;height:5px}.qt-tablet-screen{border-radius:16px}.qt-tablet iframe{height:690px}.qt-demo-caption{font-size:13px;padding-inline:12px}.qt-demo-wrap:fullscreen{padding:6px}}
@media(prefers-reduced-motion:reduce){.qt-try-section *{scroll-behavior:auto}}