.tq-explore-layout { display:grid; grid-template-columns:minmax(0,1.12fr) minmax(0,1fr); align-items:start; gap:clamp(32px,4.5vw,64px); }
.tq-explore .tq-explore-message h1 { font-size:clamp(36px,4.1vw,58px); }
.tq-ad-demo { margin:0; width:100%; max-width:520px; justify-self:end; }
.tq-ad-demo-kicker { margin:0 0 22px; color:#bba1ff; font:500 11px/1.5 ui-monospace,"SF Mono",monospace; letter-spacing:.14em; text-transform:uppercase; }
.tq-ad-demo-description { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip-path:inset(50%); white-space:nowrap; }
.tq-ad-screen { display:block; width:100%; height:auto; aspect-ratio:520/400; overflow:hidden; border:1px solid rgba(167,139,250,.3); border-radius:20px; box-shadow:0 20px 60px rgba(0,0,0,.22); font-family:-apple-system,BlinkMacSystemFont,"Helvetica Neue",Arial,sans-serif; }
.tq-ad-svg-title { fill:#f0edfa; font-size:21px; font-weight:600; }
.tq-ad-svg-heading { fill:#fff; font-size:29px; font-weight:600; letter-spacing:-.5px; }
.tq-ad-svg-copy { fill:#d2cbe1; font-size:21px; }
.tq-ad-svg-small { fill:#beb4cf; font-size:19px; }
.tq-ad-svg-adlabel { fill:#cfb7ff; font-size:19px; }
.tq-ad-svg-url { fill:#c4a8f5; font-size:17px; }
.tq-ad-svg-meta { fill:#b2a4c6; font-size:17px; }
.tq-ad-svg-monogram { fill:#e1d4ff; font-size:28px; font-weight:600; }
.tq-ad-svg-input { fill:#a99bbd; font-size:16px; }
.tq-ad-svg-number { fill:#fff; font-size:16px; font-weight:600; }
.tq-ad-svg-hidden { opacity:0; }
.tq-ad-controls[hidden] { display:none; }
.tq-ad-steps { display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:8px; margin:14px 0 16px; }
.tq-ad-demo button { font:inherit; cursor:pointer; color:#c6c2d8; background:transparent; border:1px solid rgba(167,139,250,.2); border-radius:8px; min-height:44px; }
.tq-ad-demo button:hover { background:rgba(139,92,247,.12); color:#fff; border-color:rgba(167,139,250,.5); }
.tq-ad-demo button:focus-visible { outline:2px solid #c4b5fd; outline-offset:3px; }
.tq-ad-steps button { display:flex; flex-direction:column; justify-content:center; gap:10px; padding:6px 0; border-color:transparent; border-radius:4px; font-size:12px; line-height:1.2; white-space:nowrap; }
.tq-ad-steps button[aria-current="step"] { color:#e1d4ff; background:transparent; }
.tq-ad-progress { display:block; height:2px; border-radius:2px; overflow:hidden; background:#382849; }
.tq-ad-progress > span { display:block; height:100%; width:0; background:#bda0fa; }
.tq-ad-step-copy { margin:0; min-height:94px; font-size:14px; line-height:1.7; color:#beb4cf; }
.tq-ad-step-copy strong { display:block; margin-bottom:4px; font-size:16px; color:#f0edfa; font-weight:600; }
.tq-ad-step-copy > span { display:block; }
.tq-ad-playback { display:flex; gap:8px; margin-top:12px; }
.tq-ad-playback button { padding:9px 14px; font-size:13px; }
.tq-ad-demo-note { margin:16px 0 0; color:#aaa4bd; font-size:13px; line-height:1.7; }
@media (max-width:1000px) { .tq-explore-layout { grid-template-columns:1fr; gap:48px; } .tq-ad-demo { justify-self:start; } .tq-explore .tq-explore-message h1 { font-size:clamp(36px,6vw,58px); } }
@media (max-width:700px) { #main > .tq-explore { padding-top:48px; padding-bottom:56px; } .tq-ad-steps { gap:6px; } .tq-ad-steps button { font-size:11px; } .tq-ad-step-copy { min-height:122px; } }
@media (max-width:1399px) { #main > a[href*="wa.me"] { position:static !important; margin:24px clamp(24px,5vw,72px) 24px auto; } }
@media (max-width:389px) {
  .tq-ad-steps { gap:4px; grid-template-columns:44px minmax(56px,1fr) 44px minmax(44px,.9fr) minmax(56px,1fr); }
  .tq-ad-steps button:nth-child(2), .tq-ad-steps button:nth-child(5) { font-size:clamp(10px,calc(5vw - 6px),11px); }
}
@media (max-width:360px) { #main .tq-explore-cta { padding:15px 18px; font-size:14px; gap:10px; } }