/* circlesco.tech · Turnkey Leads case study only. Bands: ink, white, grays, Circles blue. Slate, ochre and warm white live only in screens, tokens, the specimen and small accents. */
.cs-tk{--p-bg:#0B0B0F;--p-fg:#fff;--p-acc:#c9962e;--n-bg:#1264FF;--n-fg:#fff}
.cs-tk .cs-name em{color:#c9962e}
.cs-tk .cs-stage .frame-bar{background:#f7f4ee}
.cs-tk .cs-logo-mat{background:#f7f4ee;color:#2b3a4a}
.cs-tk .cs-logo-mat img{width:34%}
.cs-tk .cs-spec-big,.cs-tk .kit-type .aa{font-family:"Cormorant Garamond",Georgia,serif;font-weight:500;letter-spacing:-.01em;color:#2b3a4a}
.cs-tk .cs-spec-big{line-height:.98;font-size:clamp(44px,6vw,108px)}
.cs-tk .cs-spec-big em{font-style:italic;color:#c9962e}
.cs-tk .kit-type .face.f-cg{font-family:"Cormorant Garamond",Georgia,serif;font-weight:500;font-size:clamp(24px,2.2vw,36px)}
.cs-tk .kit-type .face.f-cgi{font-family:"Cormorant Garamond",Georgia,serif;font-weight:500;font-style:italic;font-size:clamp(24px,2.2vw,36px)}
.cs-tk .kit-type .face.f-isans{font-family:"Instrument Sans",var(--sans);font-weight:400}
.cs-tk .cs-mark-row .mk.warm{background:#f7f4ee;box-shadow:inset 0 0 0 1px var(--line)}
.cs-tk .cs-mark-row .mk.slate{background:#2b3a4a}
.cs-tk .cs-mark-row .mk.ochre{background:#c9962e}
.cs-tk .cs-mark-row .mk img{width:72%;height:auto;object-fit:contain}
.cs-tk .cs-mark-row .mk.slate img,.cs-tk .cs-mark-row .mk.ochre img{filter:brightness(0) invert(1)}
.cs-tk .seq-prog{background:#1264FF}
/* coded components: Turnkey skin (Instrument Sans UI, Cormorant titles, slate, ochre, warm white) */
.cs-tk .ui{--ui-font:"Instrument Sans",var(--sans);--ui-acc:#2b3a4a;--ui-ochre:#c9962e;--ui-ink:#1f2933;--ui-mute:#6b7480;--ui-line:rgba(43,58,74,.16);--ui-g:#F3EFE7;--ui-r:.6em}
.cs-tk .ui h5,.cs-tk .ui .serif,.cs-tk .ui-card h5{font-family:"Cormorant Garamond",Georgia,serif;font-weight:500;letter-spacing:0}
.cs-tk .ui-btn{border-radius:999px;font-weight:600}
.cs-tk .ui-btn.ghost{box-shadow:inset 0 0 0 1px rgba(43,58,74,.3)}
.cs-tk .ui-btn.ochre{background:#c9962e;color:#fff;border-radius:0;text-transform:uppercase;letter-spacing:.12em;font-size:.72em;height:4em;padding:0 1.8em;font-weight:700}
.cs-tk .ui-btn.ochre-text{background:none;color:#1f2933;text-transform:uppercase;letter-spacing:.1em;font-size:.72em;padding:0;height:auto;font-weight:600;border-radius:0;box-shadow:inset 0 -1px 0 currentColor}
.cs-tk .ui-in{background:#FBF8F2;box-shadow:inset 0 0 0 1px rgba(43,58,74,.14);border-radius:.6em}
.cs-tk .ui-seg.ink b.on{background:#1f2933}
.cs-tk .ui-pill{font-weight:600;border-radius:.4em;height:1.9em}
.cs-tk .ui-pill.round{border-radius:999px}
.cs-tk .ui-av{background:#F3EDE1;color:#2b3a4a;font-weight:600;font-size:.85em}
.cs-tk .ui-card{border-radius:1em;border-color:rgba(43,58,74,.1)}
.cs-tk .ui.warm{--ui-ink:#1f2933}
.cs-tk .ui-listing{width:100%;background:#fff;border:1px solid rgba(43,58,74,.1);overflow:hidden}
.cs-tk .ui-listing .ph{aspect-ratio:1;background:#8a7f6f center/cover}
.cs-tk .ui-listing .bd{padding:1em 1.1em 1.2em}
.cs-tk .ui-listing .no{font-family:"Cormorant Garamond",Georgia,serif;font-size:2em;line-height:1;display:flex;align-items:baseline;gap:.25em}
.cs-tk .ui-listing .no small{font-size:.4em;font-style:italic;letter-spacing:0}
.cs-tk .ui-listing .pr{font-family:"Cormorant Garamond",Georgia,serif;font-size:1.3em;margin-left:auto}
.cs-tk .ui-listing .ad{font-weight:600;margin-top:.6em;font-size:.9375em}
.cs-tk .ui-listing .ar{color:var(--ui-mute);font-size:.8125em}
.cs-tk .ui-listing .fx{display:flex;gap:.8em;font-size:.75em;color:var(--ui-mute);margin-top:.6em}
.cs-tk .ui-listing .fx span+span{border-left:1px solid rgba(43,58,74,.2);padding-left:.8em}
.cs-tk .ui-thead{display:grid;grid-template-columns:15em 8em 8.5em 10em 7.5em 4.5em 7em;white-space:nowrap;gap:.6em;font-size:.72em;letter-spacing:.06em;text-transform:uppercase;color:var(--ui-mute);font-weight:600;padding:.6em 0;border-bottom:1px solid var(--ui-line);width:100%}
.cs-tk .ui-trow{display:grid;grid-template-columns:15em 8em 8.5em 10em 7.5em 4.5em 7em;white-space:nowrap;gap:.6em;align-items:center;font-size:.8125em;padding:.7em 0;border-bottom:1px solid var(--ui-line);width:100%}
.cs-tk .ui-trow .nm{display:flex;align-items:center;gap:.6em;min-width:0}
.cs-tk .ui-trow .nm b{display:block;font-weight:600}
.cs-tk .ui-trow .nm small{display:block;color:var(--ui-mute);font-size:.85em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cs-tk .ui-results{display:grid;grid-template-columns:minmax(18em,1fr) auto auto auto;white-space:nowrap;gap:1.2em;align-items:center;font-size:.875em;width:100%;padding:.8em 0;border-bottom:1px solid var(--ui-line)}
.cs-tk .ui-results b{display:block;font-weight:600}
.cs-tk .ui-results small{display:block;color:var(--ui-mute);font-size:.85em}
.cs-tk .ui-results .k{text-align:right}
.cs-tk .ui-results .k b{font-size:1.1em}
.cs-tk .ui-ixrow{display:flex;align-items:center;justify-content:space-between;gap:1em;width:100%;padding:1em 0;border-bottom:1px solid rgba(43,58,74,.2)}
.cs-tk .ui-ixrow .n{font-family:"Cormorant Garamond",Georgia,serif;font-size:1.9em;line-height:1}
.cs-tk .ui-ixrow .c{font-size:.8em;color:var(--ui-mute)}
.cs-tk .ui-ixrow .ph{width:5.4em;aspect-ratio:16/10;background:#8a7f6f center/cover;border-radius:.2em}
.cs-tk .ui-hero{font-family:"Cormorant Garamond",Georgia,serif;font-size:2.6em;line-height:1;color:#fff;font-weight:500}
.cs-tk .ui-hero em{color:#c9962e;font-style:italic}
.cs-tk .ui-demo{display:inline-flex;align-items:center;gap:.8em;background:#1f2933;color:#fff;padding:.6em 1em .6em .6em;border-radius:.3em}
.cs-tk .ui-demo small{display:block;font-size:.6em;letter-spacing:.14em;text-transform:uppercase;color:#c9962e;font-weight:700}
.cs-tk .ui-demo b{display:block;font-family:"Cormorant Garamond",Georgia,serif;font-size:1.15em;font-weight:500}