.refined-scope{min-width:0;margin:20px 0;padding:20px;border:1px solid #ccdeeb;border-radius:14px;background:#f5faff;color:#18384c}
.refined-scope[hidden],.refined-scope [hidden]{display:none!important}
.refined-scope legend{padding:0 8px;font-weight:650;font-size:1.05rem;color:#16384e}
.refined-scope .hint{margin:0 0 16px;font-size:.9rem;line-height:1.55;color:#516c80}
.refined-scope .hint:last-child{margin:14px 0 0}
.refined-choices,.refined-date-range{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.refined-date-range{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:14px;margin-bottom:16px}
.refined-date-range>label:last-of-type{grid-column:1/-1}
.refined-scope label{display:flex;flex-direction:column;gap:7px;min-width:0;margin:0;font-size:.9rem;font-weight:600}
.refined-scope select,.refined-scope input{box-sizing:border-box;width:100%;max-width:100%;min-width:0;min-height:44px;padding:10px 12px;border:1px solid #b9d0e1;border-radius:8px;background:#fff;color:#18384c;font:inherit;font-weight:400}
.refined-scope select:focus-visible,.refined-scope input:focus-visible{outline:3px solid #8bdded;outline-offset:2px;border-color:#1589b3}
.refined-scope select:disabled{background:#eaf1f6;color:#617b8e}
@media(max-width:620px){.refined-scope{padding:16px}.refined-choices,.refined-date-range{grid-template-columns:minmax(0,1fr)}}

/* Premium presentation stays scoped to the existing refinement fieldset. */
html .refined-scope.targeted-pro-scope {
  display:block; margin:24px 0; padding:0; overflow:hidden; min-width:0;
  border:1px solid #c6dce8; border-radius:18px; background:#f4f9fc;
  font-family:"Segoe UI",system-ui,-apple-system,BlinkMacSystemFont,sans-serif;
  box-shadow:0 9px 26px #0e344b09;
}
.targeted-pro-scope > legend { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip-path:inset(50%); white-space:nowrap; }
html .targeted-pro-scope .tp-hero { position:relative; display:grid; grid-template-columns:minmax(0,1fr) 230px; gap:0 24px; overflow:hidden; padding:30px 30px 0; margin:0; color:#f3f8fc; border:0; border-radius:0; background:radial-gradient(ellipse at 100% 0,#1b5367a8,transparent 57%),linear-gradient(120deg,#102336,#132e48); isolation:isolate; }
.tp-hero::before { content:''; pointer-events:none; position:absolute; inset:0; z-index:-1; opacity:.4; background:linear-gradient(125deg,transparent 64%,#71d3e21a 64%,#71d3e208 80%,transparent 80%); }
.tp-hero.tp-is-active { background:radial-gradient(ellipse at 96% 7%,#1d647ac2,transparent 65%),linear-gradient(120deg,#0e2136,#133754); }
.tp-copy { position:relative; min-width:0; z-index:1; }
.tp-brand { display:flex; align-items:center; flex-wrap:wrap; gap:16px; margin:0 0 18px; }
html .tp-brand img { display:block; width:96px; height:auto; margin:0; border:0; border-radius:0; object-fit:contain; filter:none; }
html .tp-patent { display:inline-flex; align-items:center; min-height:23px; padding:3px 9px; border:1px solid #7bc2d53d; border-radius:30px; color:#a5dbe5; background:#8cdce20c; font-size:10px; font-weight:600; line-height:1.3; letter-spacing:.04em; text-transform:uppercase; }
html .tp-hero .tp-title { margin:0; color:#fff; font-size:clamp(25px,2.5vw,32px); line-height:1.1; font-weight:730; letter-spacing:-.8px; }
html .tp-hero .tp-tagline { margin:11px 0 7px; color:#c9edf4; font-size:16px; line-height:1.5; font-weight:600; }
html .tp-hero .tp-description { margin:0; max-width:500px; color:#b6cad8; font-size:13px; line-height:1.65; }
.tp-actions { display:flex; align-items:center; flex-wrap:wrap; gap:10px 15px; min-height:44px; margin:22px 0 25px; }
html .tp-hero button { box-sizing:border-box; width:auto; margin:0; font-family:inherit; box-shadow:none; letter-spacing:normal; text-transform:none; }
html .tp-hero .tp-activate { display:inline-flex; align-items:center; justify-content:center; gap:15px; min-height:44px; padding:11px 17px; border:1px solid #93ecf5; border-radius:9px; color:#092a3c; background:linear-gradient(120deg,#b4f1f5,#64d4ec); box-shadow:0 5px 20px #66d8ee26; font-size:13px; font-weight:750; cursor:pointer; transition:filter .15s,box-shadow .15s; }
.tp-activate svg,.tp-enabled svg,.tp-sound svg { display:block; flex:0 0 18px; width:18px; height:18px; }
html .tp-hero .tp-activate:hover:not(:disabled) { filter:brightness(1.08); box-shadow:0 6px 25px #66d8ee38; }
html .tp-hero .tp-activate:disabled { cursor:not-allowed; opacity:.48; }
html .tp-hero .tp-enabled { display:inline-flex; align-items:center; gap:8px; min-height:40px; color:#b6f3e7; font-size:13px; font-weight:650; }
.tp-enabled svg { padding:3px; box-sizing:content-box; border:1px solid #81d9bd60; border-radius:50%; background:#66bd9f1c; }
html .tp-hero .tp-clear { min-height:40px; padding:4px 0; border:0; border-radius:0; color:#c4d8e4; background:none; font-size:12px; text-decoration:underline; text-underline-offset:4px; cursor:pointer; }
html .tp-hero button:focus-visible { outline:3px solid #c6f4ff; outline-offset:4px; }
.tp-scene { position:relative; width:230px; height:220px; align-self:center; perspective:700px; pointer-events:none; }
.tp-orbit { position:absolute; width:204px; height:204px; left:12px; top:8px; border:1px solid #83d4e326; border-radius:50%; box-shadow:0 0 0 27px #9adef008,inset 0 0 45px #6bc6e30d; }
.tp-thread { position:absolute; display:flex; align-items:center; gap:12px; width:182px; height:65px; padding:14px; box-sizing:border-box; border:1px solid #b7d2e939; border-radius:12px; background:linear-gradient(115deg,#2a425a,#21394f); box-shadow:0 10px 22px #00101c30; }
.tp-thread-back { left:35px; top:12px; opacity:.5; transform:rotate(-8deg); }
.tp-thread-front { left:31px; top:139px; opacity:.45; transform:rotate(7deg); }
.tp-thread-selected { top:76px; left:7px; z-index:2; border-color:#6bcfe86e; background:linear-gradient(125deg,#305b71,#244659); box-shadow:0 14px 26px #00101c40; }
.tp-avatar { display:grid; place-items:center; flex:0 0 31px; width:31px; height:31px; border:1px solid #b0d9e329; border-radius:9px; color:#9dd5e3; background:#86cee315; }
.tp-avatar svg { width:19px; height:19px; }
.tp-lines { display:grid; gap:6px; flex:1; }
.tp-lines i { display:block; height:3px; background:#b6d2e5; opacity:.4; border-radius:5px; }
.tp-lines i:nth-child(2) { width:76%; }
.tp-lines i:nth-child(3) { width:53%; }
.tp-thread-check { position:absolute; top:-9px; right:-9px; display:grid; place-items:center; width:23px; height:23px; border:3px solid #183a51; border-radius:50%; background:#81e4ed; color:#092d3e; opacity:0; transform:scale(.7); transition:opacity .2s,transform .2s; }
.tp-thread-check svg { width:15px; height:15px; }
.tp-conversations-selected .tp-thread-check { opacity:1; transform:scale(1); }
.tp-is-active .tp-thread-selected { border-color:#9de9f2; background:linear-gradient(120deg,#35667b,#27536a); box-shadow:0 0 0 4px #76d8e912,0 15px 28px #00101c4a,0 0 35px #53bfd016; }
.tp-is-active .tp-thread-selected .tp-lines i { opacity:.85; background:#a3e9ef; }
.tp-destination { position:absolute; display:grid; place-items:center; bottom:23px; right:-3px; width:39px; height:43px; border:1px solid #a4dce94f; border-radius:11px; color:#9ed5df; background:#224358; box-shadow:0 8px 19px #00121e40; z-index:3; transform:rotate(-8deg); }
.tp-destination svg { width:20px; height:20px; }
.tp-footer { position:relative; display:flex; align-items:center; justify-content:space-between; gap:12px; grid-column:1/-1; min-width:0; margin:0 -30px; padding:15px 30px; border-top:1px solid #d0eaf51c; background:#081d2a20; }
html .tp-hero .tp-steps { display:flex; flex-wrap:wrap; align-items:center; gap:12px 22px; margin:0; padding:0; list-style:none; color:#bfd3df; font-size:11px; line-height:1.5; }
.tp-steps li { display:flex; align-items:center; gap:7px; margin:0; }
.tp-step-number { color:#7dcede; font-size:10px; font-weight:700; letter-spacing:.06em; }
html .tp-hero .tp-sound { display:inline-flex; align-items:center; justify-content:center; gap:7px; flex:0 0 auto; min-height:36px; padding:6px 9px; border:1px solid #c4e6ee26; border-radius:8px; color:#b4cbd8; background:transparent; font-size:11px; cursor:pointer; }
html .tp-hero .tp-sound[aria-pressed=true] { color:#c0f2f5; border-color:#83dbe777; background:#81ddeb0b; }
.tp-sound svg { width:15px; height:15px; flex-basis:15px; }
html .targeted-pro-scope .tp-controls { padding:23px 26px 21px; }
html .targeted-pro-scope .tp-controls > .hint { margin:15px 0 0; font-size:12px; line-height:1.65; color:#5c7485; }
html .targeted-pro-scope .tp-controls .refined-choices > label { font-size:12px; color:#365568; font-weight:650; }
html .targeted-pro-scope .tp-controls select,html .targeted-pro-scope .tp-controls input { min-height:46px; border-radius:9px; font-size:13px; border-color:#b8cedb; box-shadow:0 2px 4px #18425c03; }
html .targeted-pro-scope .tp-controls select:focus-visible,html .targeted-pro-scope .tp-controls input:focus-visible { outline:3px solid #68cae788; outline-offset:2px; border-color:#258dab; }
html .targeted-pro-scope .tp-compatibility { margin:17px 0 0; padding-top:14px; border-top:1px solid #dce7ed; font-size:11px; line-height:1.6; color:#5c7485; }
@media(max-width:760px) {
  html .targeted-pro-scope .tp-hero { grid-template-columns:minmax(0,1fr) 170px; gap:0 14px; padding:24px 23px 0; }
  .tp-scene { width:170px; transform:scale(.72); transform-origin:left center; }
  .tp-footer { margin:0 -23px; padding:13px 23px; }
  html .tp-hero .tp-steps { gap:8px 13px; }
  html .targeted-pro-scope .tp-controls { padding:20px 23px; }
}
@media(max-width:520px) {
  html .targeted-pro-scope .tp-hero { grid-template-columns:minmax(0,1fr); padding:24px 19px 0; }
  .tp-scene { display:none; }
  .tp-brand { gap:12px; margin-bottom:19px; }
  html .tp-hero .tp-tagline { font-size:15px; }
  .tp-actions { margin:19px 0 23px; }
  .tp-footer { align-items:flex-start; margin:0 -19px; padding:14px 19px; }
  html .tp-hero .tp-steps { flex-direction:column; align-items:flex-start; gap:8px; }
  html .targeted-pro-scope .tp-controls { padding:20px 19px; }
  html .targeted-pro-scope .tp-controls .refined-choices,html .targeted-pro-scope .tp-controls .refined-date-range { grid-template-columns:minmax(0,1fr); }
}
@media(prefers-reduced-motion:reduce) { .targeted-pro-scope * { animation:none!important; transition:none!important; scroll-behavior:auto!important; } }
