.trend-feature{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:36px;align-items:center;margin:32px 0;padding:32px 36px;border:1px solid #deb18a40;border-radius:24px;background:linear-gradient(110deg,#1d2439ec,#181e2bd4),url('/agents-pattern.webp') center/cover;transition:border-color .2s,transform .2s}.trend-feature:hover{border-color:#deb18aaa;transform:translateY(-3px)}.trend-feature h3{font-size:1.6rem;margin:12px 0}.trend-feature p{max-width:760px;color:#bec9dc;font-size:1rem;line-height:1.8}.trend-feature-link{display:inline-block;color:#edbe92;margin-top:12px;font-weight:700}.trend-mini{display:flex;gap:10px;align-items:center}.trend-mini b{display:grid;place-items:center;border:1px solid #9aacca55;background:#192236;border-radius:16px;width:48px;height:48px;font-size:.9rem}.trend-mini>span{color:#eab789}.trend-hero .section-title{font-size:clamp(2rem,3.6vw,3.4rem);max-width:780px}.trend-explore{padding-top:18px;padding-bottom:60px}.trend-tabs{display:flex;gap:10px;flex-wrap:wrap;margin:0 0 38px}.trend-tabs button{cursor:pointer;background:#182131;color:#c8d3e5;border:1px solid #ffffff26;border-radius:100px;padding:13px 22px;font:600 1rem Manrope,sans-serif}.trend-tabs button[aria-selected=true]{background:#e7ba8f;color:#17202e;border-color:#e7ba8f}.trend-panel-heading{max-width:850px}.trend-panel-heading h2{font-size:1.9rem;margin:12px 0}.trend-flow-card{border:1px solid #ffffff1c;background:#111a2ad4;border-radius:24px;padding:25px;margin:30px 0}.trend-flow-card h3{font-size:1rem;margin:0 0 16px}.trend-flow-card p,.trend-dialog p{color:#aebed5;font-size:.875rem;line-height:1.7}.trend-zoom{display:block;position:relative;width:100%;border:0;border-radius:14px;background:transparent;cursor:zoom-in;padding:0}.trend-zoom img{display:block;width:100%;height:auto}.trend-zoom span{position:absolute;right:0;top:0;color:#f3c291;font-size:1.2rem}.trend-demo{display:grid;grid-template-columns:1fr 1fr;gap:36px;align-items:start;padding:32px;border-radius:24px;background:linear-gradient(140deg,#202536bb,#121b29e6);border:1px solid #ffffff1b}.trend-demo h3{font-size:1.4rem;line-height:1.5;margin:12px 0}.trend-muted{color:#afbed2;line-height:1.8;font-size:.95rem}.trend-demo form{display:grid;gap:14px;margin-top:24px}.trend-demo label{font-size:.9rem;color:#dce5f4}.trend-demo select{width:100%;padding:14px;border:1px solid #9fafc84f;border-radius:12px;background:#101a2a;color:#e2eaf6;font:inherit}.trend-demo .editor-button{border:0;cursor:pointer;font-family:inherit;justify-self:start}.trend-result{padding:25px;background:#0d1626;border:1px solid #e6b88d3b;border-radius:18px}.trend-badge{font-size:.8rem;color:#e7bb90}.trend-result dt{font-size:.875rem;font-weight:700;color:#ecc297;margin:20px 0 8px}.trend-result dd{margin:0;color:#d2dcec;line-height:1.8;font-size:.96rem}.trend-order{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:22px}.trend-setup .editor-button{margin-top:0}.trend-dialog{width:min(1100px,94vw);max-height:90vh;overflow:auto;background:#101a2b;color:#e5edfa;border:1px solid #859abb60;border-radius:22px;padding:26px}.trend-dialog::backdrop{background:#030611dc}.trend-dialog>div{display:flex;gap:20px;justify-content:space-between;align-items:center}.trend-dialog h2{font-size:1.1rem}.trend-close{cursor:pointer;background:#233249;color:#e8edf5;border:1px solid #8fabc34f;border-radius:12px;padding:12px;font:inherit}.trend-dialog img{display:block;width:100%;height:auto;min-width:620px}.trend-page button:focus-visible,.trend-feature:focus-visible,.trend-page select:focus-visible{outline:3px solid #f5c291;outline-offset:5px}[hidden]{display:none!important}@media(max-width:900px){.trend-feature{grid-template-columns:1fr}.trend-mini{display:none}.trend-demo{grid-template-columns:1fr}.trend-demo:has(.trend-result[hidden]){grid-template-columns:1fr}}@media(max-width:600px){.trend-feature{padding:24px}.trend-tabs button{padding:11px 15px;font-size:.9rem}.trend-demo{padding:22px;gap:22px}.trend-flow-card{padding:18px}.trend-zoom{overflow:auto}.trend-zoom img{min-width:590px}.trend-panel-heading h2{font-size:1.6rem}.trend-result{padding:20px}.trend-dialog{padding:18px}.trend-explore{padding-bottom:30px}}@media(prefers-reduced-motion:reduce){.trend-feature{transition:none;transform:none}}

/* Native disclosure: the example never submits a form or navigates away. */
.trend-controls{display:grid;gap:14px;margin-top:24px}.trend-preview{align-self:start;min-width:0}.trend-preview>summary{cursor:pointer;list-style:none;font-family:inherit}.trend-preview>summary::-webkit-details-marker{display:none}.trend-preview[open]>.trend-result{margin-top:20px}.trend-preview>summary:focus-visible{outline:3px solid #f5c291;outline-offset:5px}

.trend-report-intro{max-width:850px;margin:32px 0 22px}.trend-report-intro time{color:#e7bb90;font-weight:600}.trend-report-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin-top:28px}.trend-report-grid .trend-result{min-width:0;padding:28px}.trend-report-grid h3{font-size:1.2rem;line-height:1.55;margin:12px 0 18px}.trend-metrics{color:#c9d5e7;font-size:.9rem;line-height:1.8;font-variant-numeric:tabular-nums}.trend-video-link{display:inline-block;color:#edbe92;font-size:.9rem;text-decoration:underline;text-underline-offset:4px;margin:8px 0;overflow-wrap:anywhere}.trend-report-pending{padding:22px 0}.trend-video-link:focus-visible{outline:3px solid #f5c291;outline-offset:5px}@media(max-width:760px){.trend-report-grid{grid-template-columns:1fr}.trend-report-grid .trend-result{padding:22px}}
