.tim-demo{--tim-demo-navy:#101f38;--tim-demo-blue:#2457d6;--tim-demo-gold:#d89b3c;--tim-demo-cream:#f8f5ee;display:grid;gap:1.25rem}.tim-demo-hero{align-items:center;background:radial-gradient(circle at 78% 12%,rgb(86 149 229 / .3),transparent 29%),linear-gradient(135deg,#0d1b31,#173b69 72%,#245786);border-radius:22px;color:#fff;display:grid;grid-template-columns:minmax(0,1.35fr) minmax(240px,.65fr);min-height:390px;overflow:hidden;padding:clamp(2rem, 6vw, 5rem);position:relative}.tim-demo-hero::after{background:repeating-linear-gradient(90deg,transparent 0 54px,rgb(255 255 255 / .08) 55px 57px);bottom:38px;content:"";height:6px;left:0;position:absolute;right:0;transform:skewY(-2deg)}.tim-demo-hero h1{color:#fff;font-size:clamp(2.35rem, 6vw, 4.75rem);letter-spacing:-.045em;line-height:.98;margin:.4rem 0 1rem;max-width:900px}.tim-demo-hero-copy>p:not(.tim-eyebrow){color:#dce9f8;font-size:clamp(1rem, 1.8vw, 1.22rem);line-height:1.7;max-width:760px}.tim-demo-hero .tim-eyebrow{color:#f2bd68}.tim-demo-hero-visual{align-items:center;display:flex;flex-direction:column;gap:1rem;justify-content:center;position:relative;z-index:1}.tim-demo-hero-visual img{filter:drop-shadow(0 24px 45px rgb(0 0 0 / .35));max-height:190px;object-fit:contain;width:min(100%, 330px)}.tim-demo-hero-visual span{background:rgb(6 17 33 / .72);border:1px solid rgb(255 255 255 / .28);border-radius:999px;color:#fff;font-size:.8rem;font-weight:800;letter-spacing:.12em;padding:.55rem .9rem;text-transform:uppercase}.tim-demo-metrics{display:grid;gap:.8rem;grid-template-columns:repeat(5,minmax(0,1fr))}.tim-demo-metrics>div,.tim-demo-panel,.tim-demo-browser{background:var(--tim-card);border:1px solid var(--tim-line);border-radius:16px;box-shadow:0 12px 34px rgb(30 55 90 / .06)}.tim-demo-metrics>div{display:grid;gap:.25rem;padding:1.2rem}.tim-demo-metrics strong{color:var(--tim-demo-navy);font-size:clamp(1.6rem, 3vw, 2.25rem);line-height:1}.tim-demo-metrics span{color:var(--tim-muted);font-size:.82rem;font-weight:700}.tim-demo-insights{display:grid;gap:1.25rem;grid-template-columns:1.2fr .8fr}.tim-demo-panel,.tim-demo-browser{padding:clamp(1.15rem, 3vw, 2rem)}.tim-demo-panel h2,.tim-demo-browser h2,.tim-demo-cta h2{margin:.15rem 0 .5rem}.tim-demo-bars{display:grid;gap:.72rem;margin-top:1.3rem}.tim-demo-bars>div{align-items:center;display:grid;font-size:.85rem;gap:.75rem;grid-template-columns:minmax(130px,.8fr) minmax(120px,1.6fr) 34px}.tim-demo-bar{background:#e9eef6;border-radius:99px;height:10px;overflow:hidden}.tim-demo-bar i{background:linear-gradient(90deg,var(--tim-demo-blue),#6aa5e8);border-radius:inherit;display:block;height:100%}.tim-demo-privacy{background:linear-gradient(145deg,#fff,var(--tim-demo-cream))}.tim-demo-privacy ul{display:grid;gap:.5rem;margin:1rem 0 0;padding-left:1.2rem}.tim-demo-browser{display:grid;gap:1rem}.tim-demo-view-toggle{background:var(--tim-soft);border:1px solid var(--tim-line);border-radius:10px;display:flex;padding:3px}.tim-demo-view-toggle button,.tim-demo-pagination button,.tim-demo-reset{background:#fff0;border:0;border-radius:7px;color:var(--tim-muted);cursor:pointer;font:inherit;font-weight:750;min-height:38px;padding:.45rem .8rem}.tim-demo-view-toggle button.is-active{background:#fff;box-shadow:0 2px 8px rgb(30 55 90 / .12);color:var(--tim-demo-blue)}.tim-demo-filters{align-items:end;background:var(--tim-soft);border-radius:13px;display:grid;gap:.75rem;grid-template-columns:minmax(220px,1.5fr) repeat(5,minmax(125px,1fr));padding:.85rem}.tim-demo-filters label{display:grid;font-size:.78rem;font-weight:800;gap:.3rem;letter-spacing:.02em}.tim-demo-filters input,.tim-demo-filters select{background:#fff;border:1px solid #cbd6e5;border-radius:8px;color:var(--tim-ink);font:inherit;font-weight:500;min-height:43px;padding:.55rem .65rem;width:100%}.tim-demo-browser-status{align-items:center;display:flex;justify-content:space-between}.tim-demo-browser-status p{font-weight:800;margin:0}.tim-demo-reset{color:var(--tim-demo-blue)}.tim-demo-results.is-cards,.tim-demo-results:not(.is-table){display:grid;gap:1rem;grid-template-columns:repeat(4,minmax(0,1fr))}.tim-demo-card{background:#fff;border:1px solid var(--tim-line);border-radius:13px;margin:0;min-width:0;overflow:hidden;transition:border-color .16s ease,box-shadow .16s ease,transform .16s ease}.tim-demo-card:hover,.tim-demo-card:focus-within{border-color:#9eb7dd;box-shadow:0 12px 28px rgb(35 72 128 / .13);transform:translateY(-2px)}.tim-demo-card-open{background:#fff0;border:0;color:inherit;cursor:pointer;display:grid;font:inherit;padding:0;text-align:left;width:100%}.tim-demo-card-media{align-items:center;background:#f1f4f8;display:flex;height:158px;justify-content:center;overflow:hidden}.tim-demo-card-media>img{height:100%;object-fit:contain;padding:.5rem;width:100%}.tim-demo-no-image{align-items:center;display:flex;height:100%;justify-content:center;opacity:.34;width:100%}.tim-demo-no-image img{max-height:72px;max-width:72%;object-fit:contain}.tim-demo-card-copy{display:grid;gap:.32rem;padding:.9rem}.tim-demo-card-copy strong{color:var(--tim-demo-navy);font-size:.98rem;line-height:1.25}.tim-demo-card-copy>span:not(.tim-demo-card-category){color:var(--tim-muted);font-size:.8rem;line-height:1.35}.tim-demo-card-category{color:var(--tim-demo-blue);font-size:.7rem;font-weight:850;letter-spacing:.055em;text-transform:uppercase}.tim-demo-table-wrap{border:1px solid var(--tim-line);border-radius:12px;overflow-x:auto}.tim-demo-table{border-collapse:collapse;font-size:.84rem;margin:0;min-width:900px;width:100%}.tim-demo-table th,.tim-demo-table td{border-bottom:1px solid var(--tim-line);padding:.72rem;text-align:left;vertical-align:top}.tim-demo-table th{background:var(--tim-demo-navy);color:#fff;font-size:.72rem;letter-spacing:.035em;text-transform:uppercase}.tim-demo-table tr:last-child td{border-bottom:0}.tim-demo-table .tim-demo-card-open{color:var(--tim-demo-blue);text-decoration:underline;text-underline-offset:2px}.tim-demo-pagination{align-items:center;display:flex;gap:.75rem;justify-content:center}.tim-demo-pagination button{background:var(--tim-soft);border:1px solid var(--tim-line);color:var(--tim-demo-blue)}.tim-demo-pagination button:disabled{cursor:not-allowed;opacity:.42}.tim-demo-load-error,.tim-demo-empty{background:#fff4e5;border-left:4px solid #bd6500;color:#70400b;grid-column:1 / -1;margin:0;padding:1rem}.tim-demo-cta{align-items:center;background:linear-gradient(135deg,#eef4ff,#f9fbff);border:1px solid #cddbf0;border-radius:18px;display:flex;gap:2rem;justify-content:space-between;padding:clamp(1.5rem, 4vw, 2.6rem)}.tim-demo-cta>div{max-width:820px}.tim-demo-dialog{border:0;border-radius:18px;box-shadow:0 28px 90px rgb(7 20 40 / .42);color:var(--tim-ink);max-height:88vh;max-width:880px;padding:1.25rem;width:calc(100% - 2rem)}.tim-demo-dialog::backdrop{background:rgb(7 20 40 / .72)}.tim-demo-dialog>form{float:right;position:relative;z-index:2}.tim-demo-dialog-close{background:#edf1f6;border:0;border-radius:50%;color:var(--tim-demo-navy);cursor:pointer;font-size:1.5rem;height:40px;line-height:1;width:40px}.tim-demo-dialog-layout{align-items:start;display:grid;gap:1.5rem;grid-template-columns:minmax(250px,.9fr) minmax(0,1.1fr);padding:1.2rem}.tim-demo-dialog-image{align-items:center;background:var(--tim-soft);border-radius:12px;display:flex;height:310px;justify-content:center;overflow:hidden}.tim-demo-dialog-image>img{height:100%;object-fit:contain;padding:.75rem;width:100%}.tim-demo-dialog h2{font-size:clamp(1.5rem, 4vw, 2.3rem);line-height:1.08;margin:.25rem 2.5rem .5rem 0}.tim-demo-dialog dl{display:grid;grid-template-columns:minmax(120px,.6fr) minmax(0,1fr);margin:1.2rem 0}.tim-demo-dialog dt,.tim-demo-dialog dd{border-top:1px solid var(--tim-line);margin:0;padding:.55rem 0}.tim-demo-dialog dt{font-weight:800}.tim-demo-photo-credit{color:var(--tim-muted);font-size:.78rem}@media (max-width:1100px){.tim-demo-metrics{grid-template-columns:repeat(3,minmax(0,1fr))}.tim-demo-filters{grid-template-columns:repeat(3,minmax(0,1fr))}.tim-demo-filters label:first-child{grid-column:span 2}.tim-demo-results.is-cards,.tim-demo-results:not(.is-table){grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:760px){.tim-demo-hero,.tim-demo-insights,.tim-demo-dialog-layout{grid-template-columns:1fr}.tim-demo-hero{min-height:0;padding:2rem 1.2rem 4rem}.tim-demo-hero-visual img{max-height:120px}.tim-demo-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.tim-demo-filters{grid-template-columns:1fr 1fr}.tim-demo-filters label:first-child{grid-column:1 / -1}.tim-demo-results.is-cards,.tim-demo-results:not(.is-table){grid-template-columns:repeat(2,minmax(0,1fr))}.tim-demo-card-open{grid-template-columns:104px minmax(0,1fr)}.tim-demo-card-media{height:100%;min-height:128px}.tim-demo-cta{align-items:flex-start;flex-direction:column}}@media (max-width:520px){.tim-demo-metrics,.tim-demo-filters,.tim-demo-results.is-cards,.tim-demo-results:not(.is-table){grid-template-columns:1fr}.tim-demo-filters label:first-child{grid-column:auto}.tim-demo .tim-section-heading,.tim-demo-browser-status{align-items:flex-start;flex-direction:column}.tim-demo-view-toggle{width:100%}.tim-demo-view-toggle button{flex:1}.tim-demo-bars>div{grid-template-columns:1fr 32px}.tim-demo-bar{grid-column:1 / -1;grid-row:2}.tim-demo-dialog{padding:.65rem}.tim-demo-dialog-layout{padding:.5rem}.tim-demo-dialog-image{height:220px}}@media (prefers-reduced-motion:reduce){.tim-demo-card{transition:none}}