:root{
  --bg:#f6f8fc;
  --surface:#ffffff;
  --surface-soft:#eef4ff;
  --fg:#172036;
  --muted:#5d687c;
  --muted-2:#8791a4;
  --line:#dfe5ef;
  --line-strong:#c7d0df;
  --primary:#1557ff;
  --primary-2:#9b18f2;
  --green:#05b971;
  --pink:#e80066;
  --amber:#f6a609;
  --shadow:0 18px 44px rgba(24,35,67,.12);
  --shadow-soft:0 10px 26px rgba(24,35,67,.08);
  --radius:8px;
  --container:1160px;
}

*{box-sizing:border-box}
html,body{margin:0;padding:0;overflow-x:clip}
body{
  min-height:100vh;
  font-family:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif;
  background:linear-gradient(180deg,#edf5ff 0,#ffffff 460px,#f6f8fc 100%);
  color:var(--fg);
}

@supports not (overflow: clip){
  body{overflow-x:hidden}
}

a{color:inherit;text-decoration:none}
img{display:block;max-width:100%;height:auto}
button,input,textarea,select{font:inherit}

.tk-container{
  width:min(100% - 44px,var(--container));
  margin:0 auto;
}

.tk-main{min-height:60vh}
.tk-muted{color:var(--muted)}
.tk-link{color:var(--primary);font-weight:600}
.tk-link:hover{text-decoration:underline;text-underline-offset:.18em}

.tk-sr-only{
  position:absolute;
  width:1px;
  height:1px;
  padding:0;
  margin:-1px;
  overflow:hidden;
  clip:rect(0,0,0,0);
  white-space:nowrap;
  border:0;
}

.tk-glass,
.tk-card,
.tk-post-tile,
.tk-blog-card,
.tk-testimonial,
.tk-price,
.tk-support-card,
.tk-product-card,
.tk-support-panel{
  background:var(--surface);
  border:1px solid var(--line);
  border-radius:var(--radius);
  box-shadow:var(--shadow-soft);
}

.tk-header{
  position:sticky;
  top:0;
  z-index:50;
  background:rgba(255,255,255,.86);
  border-bottom:1px solid var(--line);
  backdrop-filter:blur(14px);
  -webkit-backdrop-filter:blur(14px);
}

.tk-header__inner{
  height:72px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
}

.tk-brand{
  display:flex;
  align-items:center;
  gap:12px;
  min-width:0;
  color:#111a31;
  font-weight:600;
}

.tk-brand__name{
  line-height:1;
  white-space:nowrap;
}

.tk-brand__logo{
  width:48px;
  height:48px;
  object-fit:contain;
  border-radius:12px;
}

.tk-brand__mark{
  width:40px;
  height:40px;
  border-radius:12px;
  background:linear-gradient(135deg,var(--primary),var(--primary-2));
  box-shadow:0 10px 24px rgba(81,66,245,.28);
  position:relative;
  flex:0 0 auto;
}

.tk-brand__mark::after{
  content:"";
  position:absolute;
  inset:11px;
  border:2px solid #fff;
  border-radius:3px;
  box-shadow:inset 7px 0 0 rgba(255,255,255,.38);
}

.tk-nav{
  display:flex;
  align-items:center;
  gap:22px;
}

.tk-nav__list{
  display:flex;
  align-items:center;
  gap:22px;
  list-style:none;
  margin:0;
  padding:0;
  color:#334057;
  font-size:15px;
}

.tk-nav__list a:hover{color:var(--primary)}
.tk-nav__actions{display:flex;align-items:center;gap:10px}

.tk-burger{
  display:none;
  width:44px;
  height:44px;
  border:0;
  background:transparent;
  color:var(--fg);
  padding:0;
}

.tk-burger span{
  display:block;
  width:22px;
  height:2px;
  margin:5px auto;
  border-radius:2px;
  background:#263248;
}

.tk-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  min-height:46px;
  padding:12px 18px;
  border-radius:14px;
  border:1px solid var(--line-strong);
  background:#fff;
  color:#1b263d;
  font-weight:650;
  line-height:1.1;
  box-shadow:0 10px 22px rgba(24,35,67,.08);
  transition:transform .16s ease, box-shadow .16s ease, border-color .16s ease, background .16s ease;
}

.tk-btn:hover{
  transform:translateY(-1px);
  box-shadow:0 14px 30px rgba(24,35,67,.12);
  border-color:#aeb9cc;
}

.tk-btn--primary{
  color:#fff;
  border-color:transparent;
  background:linear-gradient(135deg,var(--primary),var(--primary-2));
  box-shadow:0 14px 30px rgba(80,73,245,.28);
}

.tk-btn--primary:hover{box-shadow:0 18px 36px rgba(80,73,245,.34)}
.tk-btn--ghost{background:#fff}
.tk-btn--light{background:#fff;color:var(--primary);border-color:transparent}
.tk-btn--lg{min-height:56px;padding:15px 24px;font-size:17px}
.tk-btn--block{width:100%}

.tk-pill{
  display:inline-flex;
  align-items:center;
  width:fit-content;
  max-width:100%;
  min-height:38px;
  padding:8px 14px;
  border-radius:999px;
  border:1px solid #c9ddff;
  background:linear-gradient(135deg,#dff0ff,#f1e5ff);
  color:#1153f0;
  font-size:14px;
  font-weight:650;
}

.tk-pill--soft{
  min-height:34px;
  padding:7px 12px;
  background:#eef5ff;
  border-color:#c9ddff;
}

.tk-h1,
.tk-h2,
.tk-h3{
  margin:0;
  line-height:1.12;
  letter-spacing:0;
  color:var(--fg);
}

.tk-h1{font-size:60px;font-weight:900}
.tk-h1 span{color:#2d2f83}
.tk-h2{font-size:40px;font-weight:900}
.tk-h3{font-size:21px;font-weight:850}

.tk-lead,
.tk-sub{
  margin:0;
  color:var(--muted);
  line-height:1.7;
  font-size:18px;
}

.tk-lead{max-width:660px}
.tk-sub{max-width:760px}

.tk-hero{
  position:relative;
  padding:82px 0 70px;
}

.tk-hero__inner{
  display:grid;
  grid-template-columns:minmax(0,1.02fr) minmax(420px,.98fr);
  gap:52px;
  align-items:center;
}

.tk-hero__copy{
  display:grid;
  gap:22px;
}

.tk-hero__cta{
  display:flex;
  flex-wrap:wrap;
  gap:14px;
}

.tk-hero__checks{
  display:grid;
  gap:10px;
  color:#3e4b63;
  font-size:15px;
}

.tk-hero__checks span{
  display:flex;
  align-items:center;
  gap:10px;
}

.tk-hero__checks span::before,
.tk-list--check li::before{
  content:"✓";
  width:22px;
  height:22px;
  border-radius:50%;
  background:var(--green);
  box-shadow:0 8px 18px rgba(5,185,113,.25);
  flex:0 0 auto;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  color:#fff;
  font-size:13px;
  font-weight:600;
}

.tk-hero__media{
  position:relative;
  min-height:430px;
}

.tk-dashboard-frame{
  overflow:hidden;
  border:1px solid var(--line);
  border-radius:8px;
  background:#fff;
  box-shadow:var(--shadow);
  transform:none;
}

.tk-dashboard-frame__bar{
  height:46px;
  display:flex;
  align-items:center;
  gap:8px;
  padding:0 14px;
  border-bottom:1px solid var(--line);
  color:#334057;
  font-size:13px;
}

.tk-dashboard-frame__bar span{
  width:10px;
  height:10px;
  border-radius:50%;
  background:#cfd7e6;
}

.tk-dashboard-frame__bar strong{margin-left:8px}
.tk-dashboard-frame img{width:100%;aspect-ratio:16/10;object-fit:cover;object-position:left top}

.tk-floating-stat{
  position:absolute;
  display:grid;
  gap:4px;
  min-width:134px;
  padding:18px;
  border:1px solid var(--line);
  border-radius:8px;
  background:#fff;
  box-shadow:var(--shadow);
  text-transform:lowercase;
}

.tk-floating-stat strong{
  color:var(--primary);
  font-size:34px;
  line-height:1;
}

.tk-floating-stat span{color:var(--muted);font-weight:600}
.tk-floating-stat--clients{right:-22px;top:28px}
.tk-floating-stat--projects{left:-28px;bottom:30px}

.tk-section{padding:82px 0}
.tk-section--soft{background:#f4f7fb}
.tk-section--blog{padding-top:70px}

.tk-section__head{
  display:grid;
  gap:14px;
  margin-bottom:28px;
}

.tk-section__head--center{
  text-align:center;
  justify-items:center;
}

.tk-section__head--split{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:24px;
}

.tk-grid{display:grid;gap:18px}
.tk-grid--3{grid-template-columns:repeat(3,minmax(0,1fr))}
.tk-grid--4{grid-template-columns:repeat(4,minmax(0,1fr))}

.tk-card{
  padding:24px;
  display:grid;
  gap:14px;
  min-height:100%;
}

.tk-card p,
.tk-showcase-card p,
.tk-audience-card p,
.tk-testimonial blockquote,
.tk-support-card p,
.tk-post-tile__excerpt,
.tk-blog-card__excerpt{
  margin:0;
  color:var(--muted);
  line-height:1.65;
}

.tk-card__icon{
  width:56px;
  height:56px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border-radius:8px;
  font-weight:600;
  font-size:22px;
}

.tk-card--rose .tk-card__icon{background:#ffe5ea;color:#e3003f}
.tk-card--amber .tk-card__icon{background:#fff1d4;color:#c36f00}
.tk-card--blue .tk-card__icon{background:#dfeaff;color:#1557ff}
.tk-card--violet .tk-card__icon{background:#f0e2ff;color:#9518ec}

.tk-callout{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
  margin-top:24px;
  min-height:156px;
  padding:48px 34px;
  color:#fff;
  border-radius:8px;
  background:linear-gradient(135deg,#2459ff,#b61af4);
  box-shadow:0 18px 38px rgba(83,80,240,.24);
}

.tk-callout strong{font-size:22px}
.tk-callout span{flex:1;font-size:18px}
.tk-callout .tk-btn--primary{
  color:#111a31;
  border-color:transparent;
  background:#fff;
  box-shadow:0 16px 32px rgba(12,21,43,.18);
}

.tk-callout .tk-btn--primary:hover{
  box-shadow:0 20px 38px rgba(12,21,43,.24);
}

.tk-value-band{
  color:#fff;
  background:linear-gradient(135deg,#2459ff 0,#b61af4 100%);
}

.tk-value-band__inner{
  min-height:380px;
  display:grid;
  justify-items:start;
  align-content:center;
  gap:24px;
  padding:86px 0;
  text-align:left;
}

.tk-value-band h2{
  max-width:780px;
  margin:0;
  font-size:42px;
  line-height:1.15;
  letter-spacing:0;
}

.tk-value-band p{
  max-width:680px;
  margin:0;
  color:rgba(255,255,255,.86);
  font-size:19px;
  line-height:1.7;
}

.tk-split{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(360px,.82fr);
  gap:48px;
  align-items:center;
}

.tk-split--solution{
  align-items:start;
  column-gap:48px;
  row-gap:20px;
  grid-template-rows:auto auto auto;
}

.tk-solution-copy{
  grid-column:1;
  grid-row:1;
  display:grid;
  gap:20px;
}

.tk-solution-list{
  grid-column:1;
  grid-row:2;
  display:grid;
  gap:14px;
  margin:0;
}

.tk-solution-item{
  width:100%;
  display:grid;
  grid-template-columns:28px minmax(0,1fr);
  gap:14px;
  align-items:start;
  padding:10px;
  border:1px solid transparent;
  border-radius:8px;
  background:transparent;
  color:inherit;
  text-align:left;
  cursor:pointer;
  transition:background .18s ease, border-color .18s ease, transform .18s ease;
}

.tk-solution-item:hover,
.tk-solution-item:focus-visible,
.tk-solution-item.is-active{
  background:#f5f9ff;
  border-color:#d6e4ff;
}

.tk-solution-item:focus-visible{
  outline:3px solid rgba(21,87,255,.16);
  outline-offset:2px;
}

.tk-solution-item__marker{
  width:28px;
  height:28px;
  border-radius:50%;
  background:var(--green);
  margin-top:3px;
  box-shadow:0 8px 18px rgba(5,185,113,.25);
  display:inline-flex;
  align-items:center;
  justify-content:center;
  color:#fff;
  font-size:15px;
  line-height:1;
  font-weight:600;
}

.tk-solution-item__marker::before{
  content:"✓";
}

.tk-solution-item__copy{
  display:grid;
  gap:4px;
}

.tk-solution-item__title{
  font-size:18px;
  font-weight:850;
  line-height:1.25;
}

.tk-solution-item__text{margin:0;color:var(--muted);line-height:1.55}

.tk-product-card{
  overflow:hidden;
  background:#fff;
}

.tk-product-card img,
.tk-client-preview--solution{
  width:100%;
  aspect-ratio:4/3;
  object-fit:cover;
  object-position:left top;
}

.tk-solution-previews{
  grid-column:2;
  grid-row:2;
  align-self:start;
}

.tk-solution-cta{
  grid-column:1;
  grid-row:3;
}

.tk-solution-preview{
  display:none;
}

.tk-solution-preview.is-active{
  display:block;
  animation:tkSolutionFade .22s ease;
}

@keyframes tkSolutionFade{
  from{opacity:.68;transform:translateY(6px)}
  to{opacity:1;transform:translateY(0)}
}

.tk-product-card__caption{
  display:grid;
  gap:6px;
  padding:20px;
}

.tk-product-card__caption span{color:var(--muted)}

.tk-showcase-card{
  position:relative;
  overflow:hidden;
  background:#fff;
  border:1px solid var(--line);
  border-radius:8px;
  box-shadow:var(--shadow-soft);
  transition:transform .24s ease, box-shadow .24s ease, border-color .24s ease;
}

.tk-showcase-card--video{
  cursor:pointer;
}

.tk-showcase-card--video:focus{
  outline:3px solid rgba(21,87,255,.18);
  outline-offset:4px;
}

.tk-showcase-card:hover,
.tk-showcase-card:focus-within{
  transform:translateY(-4px);
  border-color:#c9ddff;
  box-shadow:0 22px 48px rgba(24,35,67,.14);
}

.tk-showcase-card__media{
  position:relative;
  overflow:hidden;
  aspect-ratio:16/10;
  background:linear-gradient(135deg,#eef4ff,#f6e7ff);
}

.tk-showcase-card__media img,
.tk-client-preview{
  width:100%;
  height:100%;
  object-fit:cover;
}

.tk-showcase-card > div:last-child{padding:22px;display:grid;gap:10px}

.tk-client-preview{
  display:grid;
  align-content:center;
  gap:18px;
  padding:24px;
  background:linear-gradient(135deg,#eef4ff,#f6e7ff);
}

.tk-showcase-card__play{
  position:absolute;
  left:16px;
  bottom:16px;
  display:inline-flex;
  align-items:center;
  gap:9px;
  min-height:42px;
  padding:8px 12px;
  border-radius:999px;
  border:1px solid rgba(255,255,255,.72);
  background:rgba(255,255,255,.9);
  color:#172036;
  box-shadow:0 14px 28px rgba(24,35,67,.14);
  backdrop-filter:blur(10px);
  -webkit-backdrop-filter:blur(10px);
  font-size:14px;
}

.tk-video-play{
  width:28px;
  height:28px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border-radius:50%;
  background:linear-gradient(135deg,var(--primary),var(--primary-2));
  box-shadow:0 10px 20px rgba(80,73,245,.26);
  flex:0 0 auto;
}

.tk-video-play::before{
  content:"";
  width:0;
  height:0;
  border-top:7px solid transparent;
  border-bottom:7px solid transparent;
  border-left:10px solid #fff;
  margin-left:2px;
}

.tk-video-hitarea{
  position:absolute;
  z-index:4;
  border:0;
  cursor:pointer;
  font:inherit;
}

.tk-video-hitarea--hero{
  right:24px;
  bottom:24px;
  display:inline-flex;
  align-items:center;
  gap:10px;
  min-height:52px;
  padding:10px 15px;
  border-radius:999px;
  background:rgba(255,255,255,.94);
  color:#172036;
  box-shadow:0 20px 38px rgba(24,35,67,.18);
  backdrop-filter:blur(12px);
  -webkit-backdrop-filter:blur(12px);
}

.tk-dashboard-frame--video{
  box-shadow:0 22px 54px rgba(24,35,67,.16);
  cursor:pointer;
}

.tk-dashboard-frame--video:focus{
  outline:3px solid rgba(21,87,255,.18);
  outline-offset:4px;
}

.tk-client-preview div{
  display:grid;
  gap:6px;
  padding:16px;
  background:#fff;
  border:1px solid var(--line);
  border-radius:8px;
}

.tk-client-preview span{color:var(--muted);font-size:14px}
.tk-client-preview ul{display:grid;gap:10px;list-style:none;margin:0;padding:0}
.tk-client-preview li{display:flex;align-items:center;gap:10px;font-weight:600}
.tk-client-preview li span{width:12px;height:12px;border-radius:50%;background:var(--green)}
.tk-client-preview li:nth-child(2) span{background:var(--amber)}
.tk-client-preview li:nth-child(3) span{background:var(--primary)}

.tk-audience-slider{
  --tk-audience-page:0;
}

.tk-audience-pages{
  display:block;
}

.tk-audience-page{
  display:grid;
  gap:18px;
  grid-template-columns:repeat(4,minmax(0,1fr));
}

.tk-audience-slider--paged{
  overflow:hidden;
}

.tk-audience-slider--paged .tk-audience-pages{
  display:flex;
  transition:transform .32s ease;
  transform:translateX(calc(var(--tk-audience-page,0) * -100%));
}

.tk-audience-slider--paged .tk-audience-page{
  flex:0 0 100%;
  padding-right:1px;
}

.tk-slider-controls{
  display:flex;
  align-items:center;
  gap:10px;
  flex:0 0 auto;
}

.tk-slider-arrow{
  width:46px;
  height:46px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border:1px solid var(--line-strong);
  border-radius:50%;
  background:#fff;
  color:#172036;
  box-shadow:var(--shadow-soft);
  cursor:pointer;
  font-size:28px;
  line-height:1;
  transition:transform .16s ease, opacity .16s ease, border-color .16s ease;
}

.tk-slider-arrow:hover:not(:disabled){
  transform:translateY(-1px);
  border-color:#aeb9cc;
}

.tk-slider-arrow:disabled{
  cursor:default;
  opacity:.38;
}

.tk-slider-dots{
  display:flex;
  justify-content:center;
  gap:8px;
  margin-top:22px;
}

.tk-slider-dots button{
  width:9px;
  height:9px;
  padding:0;
  border:0;
  border-radius:999px;
  background:#c8d3e6;
  cursor:pointer;
  transition:width .16s ease, background .16s ease;
}

.tk-slider-dots button.is-active{
  width:28px;
  background:var(--primary);
}

.tk-audience-card{
  display:grid;
  gap:14px;
  min-height:100%;
  padding:24px;
  border:1px solid var(--line);
  border-radius:8px;
  background:#fff;
  box-shadow:var(--shadow-soft);
}

.tk-audience-card__icon{
  width:54px;
  height:54px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border-radius:8px;
  font-weight:600;
}

.tk-audience-card h3{margin:0;font-size:22px}
.tk-audience-card a{margin-top:auto;color:var(--primary);font-weight:600}
.tk-audience-card--mint{background:#effdf7;border-color:#bcebd6}
.tk-audience-card--blue{background:#eef5ff;border-color:#c9ddff}
.tk-audience-card--pink{background:#fff1f7;border-color:#ffc6df}
.tk-audience-card--green{background:#f0fff4;border-color:#bfecc9}
.tk-audience-card--mint .tk-audience-card__icon{background:#c8f5df;color:#087d4f}
.tk-audience-card--blue .tk-audience-card__icon{background:#d8e8ff;color:#1557ff}
.tk-audience-card--pink .tk-audience-card__icon{background:#ffd3e6;color:#e80066}
.tk-audience-card--green .tk-audience-card__icon{background:#d4f8dc;color:#0d8735}

.tk-testimonial{
  display:grid;
  gap:18px;
  padding:26px;
}

.tk-stars{color:#f7c948;font-size:20px;line-height:1}
.tk-testimonial blockquote{font-size:17px}

.tk-person{
  display:flex;
  align-items:center;
  gap:12px;
}

.tk-person > span{
  width:44px;
  height:44px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border-radius:50%;
  background:linear-gradient(135deg,#2459ff,#b61af4);
  color:#fff;
  font-weight:600;
}

.tk-person div{display:grid;gap:2px}
.tk-person small{color:var(--muted)}

.tk-pricing-layout{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(340px,440px);
  gap:48px;
  align-items:center;
}

.tk-pricing-layout > div:first-child{display:grid;gap:18px}

.tk-price{
  padding:28px;
  display:grid;
  gap:20px;
}

.tk-price__top{display:grid;gap:8px}
.tk-price__value{font-size:54px;line-height:1;font-weight:650;color:#19224a}
.tk-price > p{margin:0;text-align:center;color:var(--muted);font-size:14px}

.tk-list{
  margin:0;
  padding-left:20px;
  color:var(--muted);
  line-height:1.65;
}

.tk-list--check{
  display:grid;
  gap:10px;
  list-style:none;
  padding:0;
}

.tk-list--check li{
  position:relative;
  display:flex;
  align-items:flex-start;
  gap:10px;
  color:#3b475c;
}

.tk-list--check li::before{
  width:18px;
  height:18px;
  margin-top:3px;
}

.tk-section--support{
  background:linear-gradient(180deg,#ffffff,#eef5ff);
}

.tk-support-card{
  display:grid;
  gap:14px;
  padding:24px;
}

.tk-support-card__label{
  color:var(--primary);
  font-size:14px;
  font-weight:600;
}

.tk-support-card--page{scroll-margin-top:100px}

.tk-post-tile{
  display:grid;
  gap:14px;
  padding:24px;
  min-height:100%;
}

.tk-post-tile__date,
.tk-blog-card__date{
  color:var(--muted-2);
  font-size:13px;
  text-transform:uppercase;
  letter-spacing:0;
}

.tk-post-tile__title,
.tk-blog-card__title{
  margin:0;
  font-size:22px;
  line-height:1.18;
}

.tk-post-tile__title a:hover,
.tk-blog-card__title a:hover{
  color:var(--primary);
}

.tk-post-tile__excerpt{
  display:-webkit-box;
  -webkit-box-orient:vertical;
  overflow:hidden;
  -webkit-line-clamp:4;
}

.tk-empty{
  padding:26px;
  border:1px dashed var(--line-strong);
  border-radius:8px;
  color:var(--muted);
  background:#fff;
}

.tk-final{
  padding:104px 0;
  color:#fff;
  background:linear-gradient(135deg,#1f57ff,#a619f1);
}

.tk-final__inner{
  display:grid;
  justify-items:start;
  text-align:left;
  gap:24px;
}

.tk-final h2{
  max-width:780px;
  margin:0;
  color:#fff;
  font-size:42px;
  line-height:1.15;
}

.tk-final p{
  max-width:640px;
  margin:0;
  color:rgba(255,255,255,.86);
  font-size:18px;
  line-height:1.65;
}

.tk-ad-hero .tk-h1{max-width:760px}
.tk-ad-hero .tk-lead{max-width:720px}

.tk-ad-hero__media .tk-dashboard-frame img{
  aspect-ratio:16/10;
  object-fit:cover;
  object-position:left top;
}

.tk-agency-hero__media{
  position:relative;
  display:grid;
  gap:18px;
  min-height:520px;
  align-content:center;
}

.tk-agency-view-card{
  overflow:hidden;
  border:1px solid var(--line);
  border-radius:8px;
  background:#fff;
  box-shadow:var(--shadow-soft);
}

.tk-agency-view-card > div{
  display:grid;
  gap:4px;
  padding:16px 18px;
  border-bottom:1px solid var(--line);
}

.tk-agency-view-card strong{
  color:#172036;
  font-size:18px;
}

.tk-agency-view-card span{
  color:var(--muted);
  font-size:14px;
  line-height:1.45;
}

.tk-agency-view-card img{
  width:100%;
  display:block;
  aspect-ratio:16/8;
  object-fit:cover;
  object-position:left top;
}

.tk-agency-view-card--client{
  width:min(78%,440px);
  justify-self:end;
  margin-top:-42px;
  background:linear-gradient(135deg,#fff,#f6f1ff);
}

.tk-ad-checks{
  display:grid;
  gap:11px;
  margin:20px 0 0;
  padding:0;
  list-style:none;
  color:#334155;
}

.tk-ad-checks li{
  display:flex;
  gap:11px;
  align-items:flex-start;
  line-height:1.45;
}

.tk-ad-checks li::before{
  content:"✓";
  width:24px;
  height:24px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  flex:0 0 auto;
  border-radius:50%;
  background:var(--green);
  color:#fff;
  box-shadow:0 8px 18px rgba(5,185,113,.23);
  font-size:14px;
  font-weight:700;
}

.tk-ad-checks--compact{gap:9px;margin-top:18px}

.tk-ad-microtext{
  margin:0;
  color:var(--muted);
  font-size:14px;
}

.tk-ad-copy{
  display:grid;
  gap:18px;
}

.tk-ad-richtext{
  color:var(--muted);
  font-size:18px;
  line-height:1.7;
}

.tk-ad-richtext p{
  margin:0 0 12px;
}

.tk-ad-richtext p:last-child{margin-bottom:0}
.tk-ad-richtext--light,
.tk-ad-richtext--light p{color:rgba(255,255,255,.86)}

.tk-ad-pain{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(340px,.74fr);
  gap:28px;
  align-items:start;
}

.tk-ad-pain .tk-ad-callout{
  grid-column:1 / -1;
}

.tk-ad-question-card,
.tk-ad-side-note,
.tk-ad-calculator{
  border:1px solid var(--line);
  border-radius:8px;
  background:#fff;
  box-shadow:var(--shadow-soft);
}

.tk-ad-question-card{
  display:grid;
  gap:18px;
  padding:26px;
}

.tk-ad-question-card ul{
  display:grid;
  gap:10px;
  margin:0;
  padding:0;
  list-style:none;
}

.tk-ad-question-card li{
  padding:12px 14px;
  border-radius:8px;
  background:#f5f9ff;
  color:#172036;
  font-weight:650;
}

.tk-ad-question-card p{margin:0;color:var(--muted);line-height:1.6}
.tk-ad-callout span{font-size:18px;line-height:1.6}

.tk-ad-solution{
  align-items:start;
}

.tk-ad-columns{
  display:grid;
  gap:12px;
  padding:18px;
  border:1px solid var(--line);
  border-radius:8px;
  background:#f8fbff;
}

.tk-ad-columns > div{
  display:flex;
  flex-wrap:wrap;
  gap:9px;
}

.tk-ad-columns span{
  padding:8px 11px;
  border:1px solid #d5e3ff;
  border-radius:999px;
  background:#fff;
  color:#1d3f8d;
  font-size:14px;
  font-weight:650;
}

.tk-ad-note{
  display:grid;
  gap:5px;
  padding:18px;
  border-radius:8px;
  background:#effdf7;
  color:#123a2b;
}

.tk-ad-note span{color:#406052;line-height:1.55}

.tk-ad-product-card img{
  width:100%;
  aspect-ratio:4/3;
  object-fit:cover;
  object-position:left top;
}

.tk-ad-value-band{
  padding:108px 0;
}

.tk-ad-benefit{
  min-height:380px;
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(320px,420px);
  gap:44px;
  align-items:center;
}

.tk-ad-benefit h2{
  max-width:760px;
  margin:0 0 18px;
  color:#fff;
  font-size:42px;
  line-height:1.15;
}

.tk-ad-calculator{
  display:grid;
  gap:14px;
  padding:24px;
  color:#172036;
}

.tk-ad-calculator h3{
  margin:0;
  font-size:22px;
}

.tk-ad-calculator ul{
  display:grid;
  gap:8px;
  margin:0;
  padding:0;
  list-style:none;
  color:var(--muted);
}

.tk-ad-calculator__row{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  padding:12px 0;
  border-top:1px solid var(--line);
}

.tk-ad-calculator__row b{color:var(--primary)}
.tk-ad-calculator p{margin:0;color:#1f2b46;font-weight:700}

.tk-agency-benefit__note{
  max-width:720px;
  margin:22px 0 0;
  color:rgba(255,255,255,.9);
  font-size:18px;
  font-weight:700;
  line-height:1.55;
}

.tk-agency-calculator{
  gap:18px;
}

.tk-agency-calculator > p{
  color:var(--muted);
  font-weight:500;
  line-height:1.5;
}

.tk-agency-calculator__fields{
  display:grid;
  gap:12px;
}

.tk-agency-calculator__fields label{
  display:grid;
  grid-template-columns:minmax(0,1fr) 86px;
  gap:12px;
  align-items:center;
}

.tk-agency-calculator__fields span{
  color:#34425d;
  line-height:1.35;
}

.tk-agency-calculator__fields input{
  width:100%;
  min-height:44px;
  border:1px solid var(--line);
  border-radius:8px;
  background:#f8fbff;
  color:#172036;
  font:inherit;
  font-weight:750;
  text-align:center;
}

.tk-agency-calculator__result{
  display:grid;
  gap:10px;
}

.tk-agency-calculator__result div{
  display:flex;
  justify-content:space-between;
  gap:16px;
  padding:14px;
  border-radius:8px;
  background:#f3f7ff;
}

.tk-agency-calculator__result div:last-child{
  background:#ecfdf5;
}

.tk-agency-calculator__result span{
  color:#40506b;
  line-height:1.35;
}

.tk-agency-calculator__result output{
  flex:0 0 auto;
  color:#172036;
  font-weight:800;
}

.tk-ad-steps{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:18px;
}

.tk-agency-steps{
  grid-template-columns:repeat(5,minmax(0,1fr));
}

.tk-ad-step span{
  width:48px;
  height:48px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border-radius:8px;
  background:#dfeaff;
  color:var(--primary);
  font-weight:750;
}

.tk-ad-scenario-card{align-content:start}

.tk-ad-comparison-layout{
  display:grid;
  grid-template-columns:minmax(0,.72fr) minmax(520px,1fr);
  gap:34px;
  align-items:start;
}

.tk-ad-table{
  overflow:hidden;
  border:1px solid var(--line);
  border-radius:8px;
  background:#fff;
  box-shadow:var(--shadow-soft);
}

.tk-ad-table__head,
.tk-ad-table__row{
  display:grid;
  grid-template-columns:1fr 1fr;
}

.tk-ad-table__head{
  background:#eef5ff;
  color:#172036;
}

.tk-ad-table__head strong,
.tk-ad-table__row span{
  padding:16px 18px;
}

.tk-ad-table__row + .tk-ad-table__row{
  border-top:1px solid var(--line);
}

.tk-ad-table__row span:first-child{
  color:var(--muted);
  border-right:1px solid var(--line);
}

.tk-ad-table__row span:last-child{
  color:#19386d;
  font-weight:650;
}

.tk-ad-side-note{
  align-self:stretch;
  display:grid;
  align-content:center;
  padding:30px;
  background:linear-gradient(135deg,#f5fbff,#f7efff);
}

.tk-ad-side-note p{
  margin:0;
  color:#27344d;
  font-size:20px;
  line-height:1.6;
}

.tk-ad-role-card{
  border-top:4px solid var(--primary);
}

.tk-agency-approval,
.tk-agency-manager{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(360px,.78fr);
  gap:32px;
  align-items:start;
}

.tk-agency-task-card{
  display:grid;
  gap:16px;
  padding:28px;
  border:1px solid var(--line);
  border-radius:8px;
  background:#fff;
  box-shadow:var(--shadow-soft);
}

.tk-agency-task-card > span{
  width:max-content;
  padding:7px 10px;
  border-radius:999px;
  background:#eef5ff;
  color:var(--primary);
  font-size:13px;
  font-weight:750;
}

.tk-agency-task-card ul{
  display:grid;
  gap:10px;
  margin:0;
  padding:0;
  list-style:none;
}

.tk-agency-task-card li{
  display:flex;
  gap:10px;
  align-items:flex-start;
  color:var(--muted);
  line-height:1.45;
}

.tk-agency-task-card li::before{
  content:"";
  width:8px;
  height:8px;
  flex:0 0 auto;
  margin-top:.6em;
  border-radius:50%;
  background:var(--green);
}

.tk-agency-role-note{
  margin-top:18px;
}

.tk-agency-template-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:18px;
}

.tk-agency-template-card{
  align-content:start;
  border-top:4px solid #93c5fd;
  color:inherit;
}

.tk-agency-template-card:nth-child(3n+2){border-top-color:#86efac}
.tk-agency-template-card:nth-child(3n){border-top-color:#f9a8d4}

.tk-agency-template-card > span{
  margin-top:auto;
  color:#1557ff;
  font-weight:750;
}

.tk-agency-manager{
  align-items:center;
}

.tk-agency-manager__panel p{
  font-size:26px;
  line-height:1.35;
  font-weight:800;
}

.tk-pricing-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:18px;
}

.tk-ad-pricing-grid{
  grid-template-columns:repeat(4,minmax(0,1fr));
}

.tk-ad-pricing-grid--3{
  grid-template-columns:repeat(3,minmax(0,1fr));
}

.tk-ad-pricing-grid .tk-price{
  align-content:start;
}

.tk-ad-pricing-grid .tk-price strong{
  color:#19224a;
  font-size:42px;
  line-height:1;
  font-weight:750;
}

.tk-price--highlight{
  border-color:#aabfff;
  box-shadow:0 18px 42px rgba(21,87,255,.15);
}

.tk-ad-center-cta{
  display:flex;
  justify-content:center;
  margin-top:28px;
}

.tk-ad-case-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:18px;
}

.tk-ad-faq{
  max-width:920px;
}

.tk-ad-faq details{
  border:1px solid var(--line);
  border-radius:8px;
  background:#fff;
  box-shadow:var(--shadow-soft);
}

.tk-ad-faq details + details{margin-top:12px}

.tk-ad-faq summary{
  cursor:pointer;
  padding:18px 20px;
  color:#172036;
  font-size:18px;
  font-weight:750;
}

.tk-ad-faq p{
  margin:0;
  padding:0 20px 20px;
  color:var(--muted);
  line-height:1.65;
}

.tk-ad-final-micro{
  color:rgba(255,255,255,.82);
  font-size:14px;
}

.tk-footer{
  background:#0f172a;
  color:#e8edf7;
}

.tk-footer__inner{
  display:grid;
  grid-template-columns:minmax(240px,.8fr) minmax(0,1.2fr);
  gap:52px;
  padding:48px 0 34px;
}

.tk-footer__brand-block{
  display:grid;
  align-content:start;
  gap:16px;
}

.tk-footer .tk-brand{color:#fff}
.tk-footer__brand-block p{margin:0;color:#aeb8c9;line-height:1.6}

.tk-footer__cols{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:24px;
}

.tk-footer__col{
  display:grid;
  align-content:start;
  gap:10px;
}

.tk-footer__menu{
  display:grid;
  gap:10px;
  margin:0;
  padding:0;
  list-style:none;
}

.tk-footer__col h4{
  margin:0 0 4px;
  color:#fff;
  font-size:15px;
}

.tk-footer__col a{
  color:#b8c2d4;
  font-size:14px;
}

.tk-footer__col a:hover{color:#fff}

.tk-footer__bottom{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  padding:18px 0 26px;
  border-top:1px solid rgba(255,255,255,.1);
  color:#93a0b6;
  font-size:14px;
}

.tk-section--blog-archive,
.tk-section--article{
  padding-top:54px;
  padding-bottom:86px;
}

.tk-blog-page,
.tk-article{
  display:grid;
  gap:28px;
}

.tk-blog-page__head{
  display:grid;
  gap:16px;
  max-width:780px;
}

.tk-blog-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  grid-auto-rows:260px;
  grid-auto-flow:dense;
  gap:18px;
}

.tk-blog-grid--simple{
  grid-template-columns:repeat(auto-fit,minmax(280px,1fr));
  grid-auto-rows:auto;
}

.tk-blog-card{
  position:relative;
  overflow:hidden;
}

.tk-blog-card__body{
  display:grid;
  gap:14px;
  padding:24px;
  min-height:100%;
}

.tk-blog-card__media{
  display:block;
  position:relative;
  overflow:hidden;
  background:linear-gradient(135deg,#dfeaff,#f3e6ff);
}

.tk-blog-card__media img{
  width:100%;
  height:100%;
  object-fit:cover;
}

.tk-blog-card__media-fallback{
  position:absolute;
  inset:0;
  display:flex;
  align-items:flex-end;
  gap:12px;
  padding:20px;
  color:#172036;
  font-weight:650;
}

.tk-blog-card--standard{
  grid-column:span 1;
  grid-row:span 1;
}

.tk-blog-card--featured{
  display:grid;
  grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);
  grid-column:span 2;
  grid-row:span 2;
}

.tk-blog-card--featured .tk-blog-card__title{font-size:30px}
.tk-blog-card--portrait{display:flex;flex-direction:column;grid-column:span 1;grid-row:span 2}
.tk-blog-card--portrait .tk-blog-card__media{min-height:46%}
.tk-blog-grid--simple .tk-blog-card{min-height:320px}
.tk-blog-grid--simple .tk-blog-card--standard,
.tk-blog-grid--simple .tk-blog-card--featured,
.tk-blog-grid--simple .tk-blog-card--portrait{grid-column:span 1;grid-row:span 1;display:block}

.tk-post-tags{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
}

.tk-post-tags--single-line{
  flex-wrap:nowrap;
  overflow:hidden;
}

.tk-post-tag{
  display:inline-flex;
  min-height:28px;
  align-items:center;
  padding:6px 10px;
  border:1px solid var(--line);
  border-radius:999px;
  background:#f5f7fb;
  color:#4c5870;
  font-size:12px;
  font-weight:600;
}

.tk-blog-pagination .nav-links{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
}

.tk-blog-pagination .page-numbers{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:44px;
  min-height:44px;
  padding:10px 14px;
  border:1px solid var(--line);
  border-radius:8px;
  background:#fff;
  box-shadow:var(--shadow-soft);
}

.tk-blog-pagination .page-numbers.current{
  color:#fff;
  border-color:transparent;
  background:linear-gradient(135deg,var(--primary),var(--primary-2));
}

.tk-blog-index{
  padding:64px 0 88px;
}

.tk-blog-index__inner{
  display:grid;
  gap:28px;
}

.tk-blog-hero{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(300px,420px);
  gap:34px;
  align-items:end;
  padding:34px;
  border:1px solid var(--line);
  border-radius:8px;
  background:
    linear-gradient(135deg,rgba(255,255,255,.92),rgba(255,255,255,.72)),
    linear-gradient(135deg,#eaf3ff,#f7ecff);
  box-shadow:var(--shadow-soft);
}

.tk-blog-hero--compact{
  grid-template-columns:1fr;
  align-items:start;
}

.tk-blog-hero__copy{
  display:grid;
  gap:16px;
}

.tk-blog-hero__copy .tk-h1{
  max-width:11ch;
}

.tk-blog-hero__copy p{
  max-width:780px;
  margin:0;
  color:var(--muted);
  font-size:18px;
  line-height:1.7;
}

.tk-blog-hero__panel{
  display:grid;
  gap:10px;
  padding:22px;
  border:1px solid #dbe6ff;
  border-radius:8px;
  background:#fff;
}

.tk-blog-hero__panel span{
  color:var(--primary);
  font-size:13px;
  font-weight:600;
}

.tk-blog-hero__panel strong{
  color:var(--fg);
  font-size:22px;
  line-height:1.2;
}

.tk-blog-hero__panel p{
  margin:0;
  color:var(--muted);
  line-height:1.6;
}

.tk-blog-back{
  width:fit-content;
  color:var(--primary);
  font-weight:600;
}

.tk-blog-back:hover{
  text-decoration:underline;
  text-underline-offset:.18em;
}

.tk-blog-topics{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:10px;
  padding:14px;
  border:1px solid var(--line);
  border-radius:8px;
  background:#fff;
  box-shadow:var(--shadow-soft);
}

.tk-blog-topics span{
  color:var(--muted);
  font-size:14px;
  font-weight:600;
}

.tk-blog-topics a{
  display:inline-flex;
  align-items:center;
  min-height:34px;
  padding:7px 12px;
  border:1px solid var(--line);
  border-radius:999px;
  background:#f6f8fc;
  color:#344158;
  font-size:14px;
}

.tk-blog-topics a:hover{
  color:var(--primary);
  border-color:#c9ddff;
  background:#eef5ff;
}

.tk-blog-featured{
  display:grid;
  grid-template-columns:minmax(0,1.05fr) minmax(340px,.95fr);
  overflow:hidden;
  border:1px solid var(--line);
  border-radius:8px;
  background:#fff;
  box-shadow:var(--shadow);
}

.tk-blog-featured__media,
.tk-blog-list-card__media{
  display:block;
  min-height:100%;
  background:linear-gradient(135deg,#eaf3ff,#f7ecff);
}

.tk-blog-featured__media img,
.tk-blog-list-card__media img{
  width:100%;
  height:100%;
  object-fit:cover;
}

.tk-blog-featured__body{
  display:grid;
  align-content:center;
  gap:18px;
  padding:30px;
}

.tk-blog-featured__title{
  margin:0;
  font-size:38px;
  line-height:1.12;
}

.tk-blog-featured__title a:hover,
.tk-blog-card__title a:hover{
  color:var(--primary);
}

.tk-blog-featured__body p,
.tk-blog-list-card__body p{
  margin:0;
  color:var(--muted);
  line-height:1.65;
}

.tk-blog-card__date{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  align-items:center;
  color:var(--muted-2);
  font-size:13px;
  text-transform:none;
  letter-spacing:0;
}

.tk-blog-list{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(290px,1fr));
  gap:18px;
}

.tk-blog-list--archive{
  margin-top:2px;
}

.tk-blog-list-card{
  display:flex;
  flex-direction:column;
  overflow:hidden;
  min-height:100%;
  border:1px solid var(--line);
  border-radius:8px;
  background:#fff;
  box-shadow:var(--shadow-soft);
}

.tk-blog-list-card__media{
  min-height:auto;
  aspect-ratio:16/9;
}

.tk-blog-list-card__body{
  display:grid;
  gap:12px;
  padding:20px;
  flex:1;
}

.tk-blog-list-card__body .tk-blog-card__title{
  font-size:22px;
}

.tk-blog-read{
  margin-top:auto;
  color:var(--primary);
  font-weight:600;
}

.tk-blog-read:hover{
  text-decoration:underline;
  text-underline-offset:.18em;
}

.tk-blog-media-fallback{
  min-height:100%;
  display:grid;
  align-content:end;
  gap:10px;
  padding:24px;
  color:#172036;
}

.tk-blog-media-fallback span{
  width:fit-content;
  color:var(--primary);
  font-size:13px;
  font-weight:600;
}

.tk-blog-media-fallback strong{
  max-width:12ch;
  font-size:34px;
  line-height:1.05;
}

.tk-blog-media-fallback--small{
  place-items:center;
  align-content:center;
}

.tk-blog-media-fallback--small span{
  width:54px;
  height:54px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border-radius:8px;
  background:linear-gradient(135deg,var(--primary),var(--primary-2));
  color:#fff;
}

.tk-story-shell{
  padding:58px 0 92px;
}

.tk-story{
  display:grid;
  gap:34px;
}

.tk-story-hero{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(360px,.86fr);
  gap:32px;
  align-items:stretch;
  padding:30px;
  border:1px solid var(--line);
  border-radius:8px;
  background:
    linear-gradient(135deg,rgba(255,255,255,.94),rgba(255,255,255,.76)),
    linear-gradient(135deg,#eaf3ff,#f7ecff);
  box-shadow:var(--shadow);
}

.tk-story-hero__copy{
  display:grid;
  align-content:center;
  gap:18px;
  min-width:0;
}

.tk-story-meta{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:10px 14px;
  color:var(--muted);
  font-size:14px;
}

.tk-story-hero__copy .tk-h1{
  max-width:12ch;
}

.tk-story-lead{
  max-width:760px;
  margin:0;
  color:#4b5870;
  font-size:19px;
  line-height:1.7;
}

.tk-story-hero__media{
  min-height:420px;
  margin:0;
  overflow:hidden;
  border:1px solid var(--line);
  border-radius:8px;
  background:#fff;
  box-shadow:var(--shadow-soft);
}

.tk-story-hero__media img{
  width:100%;
  height:100%;
  object-fit:cover;
}

.tk-story-hero__fallback{
  height:100%;
  min-height:420px;
  display:grid;
  align-content:end;
  gap:18px;
  padding:28px;
  background:
    linear-gradient(135deg,rgba(21,87,255,.12),rgba(155,24,242,.14)),
    repeating-linear-gradient(90deg,rgba(21,87,255,.08) 0 1px,transparent 1px 72px),
    #f8fbff;
}

.tk-story-hero__fallback span{
  color:var(--primary);
  font-weight:600;
}

.tk-story-hero__fallback strong{
  max-width:12ch;
  color:var(--fg);
  font-size:42px;
  line-height:1.05;
}

.tk-story-hero__fallback div{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:12px;
}

.tk-story-hero__fallback i{
  display:block;
  height:74px;
  border:1px solid #dbe6ff;
  border-radius:8px;
  background:#fff;
}

.tk-story-layout{
  display:grid;
  grid-template-columns:260px minmax(0,760px);
  gap:42px;
  align-items:start;
}

.tk-story-aside{
  position:sticky;
  top:96px;
  display:grid;
  gap:14px;
  padding:20px;
  border:1px solid var(--line);
  border-radius:8px;
  background:#fff;
  box-shadow:var(--shadow-soft);
}

.tk-story-aside div{
  display:grid;
  gap:4px;
  padding-bottom:14px;
  border-bottom:1px solid var(--line);
}

.tk-story-aside span{
  color:var(--muted-2);
  font-size:13px;
}

.tk-story-aside strong,
.tk-story-aside a:not(.tk-btn){
  color:var(--fg);
  font-weight:600;
}

.tk-story-content{
  display:grid;
  gap:20px;
  color:#25314a;
  font-size:18px;
  line-height:1.78;
}

.tk-story-content > :first-child{margin-top:0}
.tk-story-content :where(p,ul,ol,blockquote,figure){margin:0}
.tk-story-content :where(h2,h3,h4){
  margin:24px 0 0;
  color:var(--fg);
  line-height:1.2;
}

.tk-story-content :where(h2){font-size:34px}
.tk-story-content :where(h3){font-size:25px}
.tk-story-content :where(a){color:var(--primary);font-weight:600;text-decoration:underline;text-underline-offset:.18em}
.tk-story-content :where(blockquote){
  padding:20px 22px;
  border-left:4px solid var(--primary);
  border-radius:8px;
  background:#f3f7ff;
  color:#344158;
}

.tk-video-open,
.tk-video-open body{
  overflow:hidden;
}

.tk-video-modal{
  position:fixed;
  inset:0;
  z-index:200;
  display:grid;
  place-items:center;
  padding:28px;
  opacity:0;
  pointer-events:none;
  transition:opacity .2s ease;
}

.tk-video-modal.is-open{
  opacity:1;
  pointer-events:auto;
}

.tk-video-modal[hidden]{
  display:none;
}

.tk-video-modal__backdrop{
  position:absolute;
  inset:0;
  background:rgba(9,14,28,.64);
  backdrop-filter:blur(10px);
  -webkit-backdrop-filter:blur(10px);
}

.tk-video-modal__dialog{
  position:relative;
  z-index:1;
  width:min(100%,980px);
  overflow:hidden;
  border-radius:8px;
  background:#fff;
  box-shadow:0 30px 80px rgba(0,0,0,.28);
  transform:translateY(14px) scale(.98);
  transition:transform .22s ease;
}

.tk-video-modal.is-open .tk-video-modal__dialog{
  transform:translateY(0) scale(1);
}

.tk-video-modal__head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  padding:16px 18px;
  border-bottom:1px solid var(--line);
}

.tk-video-modal__head h2{
  margin:0;
  color:var(--fg);
  font-size:20px;
}

.tk-video-modal__close{
  width:38px;
  height:38px;
  border:1px solid var(--line);
  border-radius:50%;
  background:#f6f8fc;
  color:#172036;
  cursor:pointer;
  font-size:26px;
  line-height:1;
}

.tk-video-modal__frame{
  aspect-ratio:16/9;
  background:#050816;
}

.tk-video-modal__frame iframe{
  display:block;
  width:100%;
  height:100%;
  border:0;
}

@media (prefers-reduced-motion:no-preference){
  .tk-card,
  .tk-solution-item,
  .tk-showcase-card,
  .tk-audience-card,
  .tk-testimonial,
  .tk-support-card,
  .tk-blog-list-card,
  .tk-blog-featured,
  .tk-price,
  .tk-product-card,
  .tk-template-board-preview,
  .tk-template-card,
  .tk-template-cta,
  .tk-template-list-card,
  .tk-value-band__inner,
  .tk-final__inner,
  .tk-section__head{
    opacity:0;
    transform:translateY(22px);
    transition:opacity .55s ease, transform .55s ease;
  }

  .tk-reveal{
    opacity:1;
    transform:translateY(0);
  }
}

.tk-article__hero{
  position:relative;
  overflow:hidden;
  min-height:560px;
  border-radius:8px;
  border:1px solid var(--line);
  background:
    linear-gradient(135deg,rgba(21,87,255,.12),rgba(155,24,242,.12)),
    repeating-linear-gradient(90deg,rgba(21,87,255,.08) 0 1px,transparent 1px 82px),
    #f8fbff;
  box-shadow:var(--shadow);
  isolation:isolate;
}

.tk-article__hero::after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(90deg,rgba(10,17,32,.78),rgba(10,17,32,.34) 52%,rgba(10,17,32,.08));
  pointer-events:none;
  z-index:0;
}

.tk-article__hero--plain{
  min-height:420px;
}

.tk-article__hero--plain::after{
  background:
    linear-gradient(135deg,rgba(255,255,255,.68),rgba(255,255,255,.14)),
    linear-gradient(90deg,rgba(255,255,255,.92),rgba(255,255,255,.52));
}

.tk-article__hero-image{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:cover;
  filter:saturate(.96) contrast(1.02);
  transform:scale(1.01);
}

.tk-article__hero-inner{
  position:relative;
  z-index:1;
  min-height:inherit;
  display:flex;
  align-items:flex-end;
  padding:34px;
}

.tk-article__head{
  width:min(100%,880px);
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(220px,280px);
  gap:18px 24px;
  align-items:end;
  padding:30px;
  border:1px solid rgba(255,255,255,.72);
  border-radius:8px;
  background:rgba(255,255,255,.94);
  box-shadow:0 24px 58px rgba(17,29,54,.20);
  backdrop-filter:blur(16px);
  -webkit-backdrop-filter:blur(16px);
}

.tk-article__head .tk-h1,
.tk-article__lead,
.tk-article__tags{
  grid-column:1;
}

.tk-article__back,
.tk-article__eyebrow{
  grid-column:1 / -1;
}

.tk-article__back{
  justify-self:start;
  color:var(--primary);
  font-weight:600;
  font-size:14px;
}

.tk-article__back:hover{
  text-decoration:underline;
  text-underline-offset:.18em;
}

.tk-article__eyebrow{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:10px 14px;
  color:var(--muted);
  font-size:14px;
  font-weight:600;
}

.tk-article__head .tk-h1{
  font-size:clamp(38px,5vw,64px);
  max-width:12ch;
}

.tk-article__lead{
  max-width:760px;
  color:#4b5870;
  font-size:19px;
  line-height:1.65;
  margin:0;
}

.tk-article__meta-card{
  grid-column:2;
  grid-row:3 / span 3;
  align-self:stretch;
  display:grid;
  align-content:end;
  gap:8px;
  padding:18px;
  border:1px solid #dbe6ff;
  border-radius:8px;
  background:linear-gradient(135deg,#eef5ff,#f8edff);
}

.tk-article__meta-card span{
  color:var(--primary);
  font-size:12px;
  font-weight:600;
  text-transform:uppercase;
}

.tk-article__meta-card strong{
  color:#172036;
  font-size:18px;
  line-height:1.2;
}

.tk-article__meta-card small{
  color:var(--muted);
  line-height:1.55;
}

.tk-article__hero--cover .tk-post-tag{
  background:rgba(255,255,255,.72);
}

.tk-article__content{
  max-width:760px;
  display:grid;
  gap:18px;
  color:#25314a;
  line-height:1.75;
  font-size:18px;
}

.tk-article__content > :first-child{margin-top:0}
.tk-article__content :where(h2,h3,h4){margin:22px 0 0;color:var(--fg);line-height:1.2}
.tk-article__content :where(p,ul,ol,blockquote){margin:0}
.tk-article__content :where(a){color:var(--primary);font-weight:600;text-decoration:underline;text-underline-offset:.18em}

.tk-page{
  padding:44px 0 82px;
  line-height:1.75;
  color:#25314a;
}

body.tk-page--content .tk-page{
  display:grid;
  gap:18px;
  max-width:var(--container);
}

body.tk-page--content .tk-page :where(h1,h2,h3,h4,h5,h6){
  margin:0;
  color:var(--fg);
  line-height:1.18;
  letter-spacing:0;
}

body.tk-page--content .tk-page :where(h1){font-size:46px}
body.tk-page--content .tk-page :where(h2){font-size:34px}
body.tk-page--content .tk-page :where(h3){font-size:24px}
body.tk-page--content .tk-page :where(a:not(.tk-btn):not(.button)){color:var(--primary);font-weight:600}

.tk-support-hero{
  padding:72px 0 54px;
  background:linear-gradient(180deg,#edf5ff,#fff);
}

.tk-support-hero__inner{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(320px,430px);
  gap:44px;
  align-items:center;
}

.tk-support-hero__inner > div:first-child{
  display:grid;
  gap:20px;
}

.tk-support-panel{
  display:grid;
  gap:10px;
  padding:28px;
}

.tk-support-panel span{color:var(--muted);font-weight:600}
.tk-support-panel strong{font-size:38px;color:#17214b}
.tk-support-panel p{margin:0;color:var(--muted);line-height:1.6}

.tk-support-contact{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:28px;
  padding:30px;
  border:1px solid var(--line);
  border-radius:8px;
  background:#fff;
  box-shadow:var(--shadow-soft);
}

.tk-support-contact__actions{
  display:flex;
  flex-wrap:wrap;
  gap:12px;
  justify-content:flex-end;
}

body.tk-app{
  background:#fff;
  color:#111827;
}

.perfecty-push-dialog-container .perfecty-push-dialog-form .perfecty-push-dialog-title,
.perfecty-push-dialog-container .perfecty-push-dialog-form #perfecty-push-dialog-cancel{
  color:#111 !important;
}

.perfecty-push-dialog-container .perfecty-push-dialog-form #perfecty-push-dialog-subscribe{
  background-color:#111 !important;
  border-radius:4px;
}

.ktl-btn{text-decoration:none}
.ktl-assignee-pill{font-size:var(--wp--preset--font-size--small,13px)}

body.tk-page--content .tk-page :where(.button,.button-primary,button[type="submit"]){
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:44px;
  padding:10px 16px;
  border-radius:12px;
  border:1px solid var(--line-strong);
  background:#fff;
  color:var(--fg);
  font-weight:650;
  text-decoration:none;
  cursor:pointer;
}

body.tk-page--content .tk-page :where(.button-primary),
body.tk-page--content .tk-page :where(button[type="submit"]:not(.button-link-delete)){
  color:#fff;
  border-color:transparent;
  background:linear-gradient(135deg,var(--primary),var(--primary-2));
}

body.tk-page--billing .tk-page :where(input[type="text"],input[type="email"],input[type="password"],input[type="url"],input[type="number"],textarea,select),
body.tk-page--affiliate .tk-page :where(input[type="text"],input[type="email"],input[type="password"],input[type="url"],input[type="number"],textarea,select){
  min-height:44px;
  max-width:100%;
  padding:10px 12px;
  border:1px solid var(--line-strong);
  border-radius:8px;
  background:#fff;
  color:var(--fg);
}

body.tk-page--billing .tk-page :where(.widefat),
body.tk-page--affiliate .tk-page :where(.widefat){
  width:100%;
  border-collapse:separate;
  border-spacing:0;
  border:1px solid var(--line);
  border-radius:8px;
  overflow:hidden;
  background:#fff;
  color:var(--fg);
}

body.tk-page--billing .tk-page :where(.widefat th),
body.tk-page--billing .tk-page :where(.widefat td),
body.tk-page--affiliate .tk-page :where(.widefat th),
body.tk-page--affiliate .tk-page :where(.widefat td){
  padding:12px 14px;
  border-color:var(--line);
}

@media screen and (max-width:700px){
  .ktl-brand{display:none !important}
}

@media screen and (max-width:900px){
  .tk-app-shell .ktl-app:not(.is-pwa-mobile):not(.is-ios-pwa) .ktl-shell{
    height:calc(100dvh - 66px);
    min-height:calc(100dvh - 66px);
  }

  .tk-app-shell .ktl-app:not(.is-pwa-mobile):not(.is-ios-pwa) .ktl-main,
  .tk-app-shell .ktl-app:not(.is-pwa-mobile):not(.is-ios-pwa) #ktl-board{
    min-height:0;
  }
}

@media screen and (min-width:901px){
  .ktl-app:not(.is-pwa-mobile):not(.is-ios-pwa) .ktl-shell{
    height:calc(100vh - 66px);
    min-height:calc(100vh - 66px);
  }

  .ktl-app:not(.is-pwa-mobile):not(.is-ios-pwa) .ktl-boardlist{
    height:calc(100vh - 176px);
    overflow-y:auto;
    overscroll-behavior:contain;
  }
}

@supports not (height:100dvh){
  @media screen and (max-width:900px){
    .tk-app-shell .ktl-app:not(.is-pwa-mobile):not(.is-ios-pwa) .ktl-shell{
      height:calc(100vh - 66px);
      min-height:calc(100vh - 66px);
    }
  }
}

@media (max-width:1060px){
  .tk-hero__inner,
  .tk-split,
  .tk-pricing-layout,
  .tk-support-hero__inner,
  .tk-footer__inner{
    grid-template-columns:1fr;
  }

  .tk-blog-hero,
  .tk-blog-featured,
  .tk-story-hero,
  .tk-story-layout{
    grid-template-columns:1fr;
  }

  .tk-story-aside{
    position:static;
    grid-template-columns:repeat(3,minmax(0,1fr));
  }

  .tk-story-aside .tk-btn{
    grid-column:1 / -1;
  }

  .tk-hero__media{min-height:auto}
  .tk-floating-stat--clients{right:16px;top:16px}
  .tk-floating-stat--projects{left:16px;bottom:16px}
  .tk-ad-pain,
  .tk-ad-benefit,
  .tk-ad-comparison-layout,
  .tk-agency-approval,
  .tk-agency-manager{
    grid-template-columns:1fr;
  }
  .tk-ad-steps,
  .tk-ad-case-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
  .tk-agency-template-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
  .tk-pricing-grid{
    grid-template-columns:1fr;
  }
  .tk-solution-copy,
  .tk-solution-list,
  .tk-solution-previews,
  .tk-solution-cta{
    grid-column:1;
    grid-row:auto;
  }
  .tk-grid--4{grid-template-columns:repeat(2,minmax(0,1fr))}
  .tk-audience-page{grid-template-columns:repeat(2,minmax(0,1fr))}
  .tk-article__head{
    grid-template-columns:1fr;
  }

  .tk-article__head .tk-h1,
  .tk-article__lead,
  .tk-article__tags,
  .tk-article__meta-card{
    grid-column:1;
  }

  .tk-article__meta-card{
    grid-row:auto;
  }

  .tk-footer__cols{grid-template-columns:repeat(2,minmax(0,1fr))}
}

@media (max-width:900px){
  .tk-nav{display:none}
  .tk-burger{display:block}
  .tk-header.open .tk-nav{
    display:flex;
    position:absolute;
    left:0;
    right:0;
    top:72px;
    flex-direction:column;
    align-items:stretch;
    padding:18px 22px 22px;
    background:#fff;
    border-bottom:1px solid var(--line);
    box-shadow:0 18px 28px rgba(24,35,67,.12);
  }

  .tk-header.open .tk-nav__list,
  .tk-header.open .tk-nav__actions{
    flex-direction:column;
    align-items:stretch;
  }

  .tk-header.open .tk-nav__list{gap:8px}
  .tk-header.open .tk-nav__list a{display:block;padding:10px 0}
  .tk-header.open .tk-nav__actions .tk-btn{width:100%}

  .tk-grid--3,
  .tk-blog-grid,
  .tk-agency-template-grid{
    grid-template-columns:1fr;
    grid-auto-rows:auto;
  }

  .tk-ad-table__head,
  .tk-ad-table__row{
    grid-template-columns:1fr;
  }

  .tk-ad-table__row span:first-child{
    border-right:0;
    border-bottom:1px solid var(--line);
  }

  .tk-blog-card--featured,
  .tk-blog-card--portrait,
  .tk-blog-card--standard{
    grid-column:span 1;
    grid-row:span 1;
    display:block;
  }

  .tk-blog-card--featured .tk-blog-card__media,
  .tk-blog-card--portrait .tk-blog-card__media{
    min-height:220px;
  }
}

@media (max-width:680px){
  .tk-container{width:min(100% - 32px,var(--container))}
  .tk-hero{padding:54px 0 46px}
  .tk-hero__inner{gap:30px}
  .tk-section{padding:58px 0}
  .tk-ad-value-band{padding:72px 0}
  .tk-h1{font-size:40px}
  .tk-h2,
  .tk-value-band h2,
  .tk-final h2{font-size:30px}
  .tk-ad-benefit h2{font-size:30px}
  .tk-h3{font-size:20px}
  .tk-lead,
  .tk-sub{font-size:16px}
  .tk-blog-index,
  .tk-story-shell{padding:42px 0 64px}
  .tk-blog-hero,
  .tk-blog-featured__body,
  .tk-story-hero{padding:20px}
  .tk-blog-hero__copy .tk-h1,
  .tk-story-hero__copy .tk-h1{max-width:none}
  .tk-blog-featured__title{font-size:28px}
  .tk-story-lead{font-size:16px}
  .tk-story-hero__media,
  .tk-story-hero__fallback{
    min-height:260px;
  }
  .tk-story-aside{
    grid-template-columns:1fr;
  }
  .tk-story-content{
    font-size:16px;
  }
  .tk-story-content :where(h2){font-size:28px}
  .tk-story-content :where(h3){font-size:22px}
  .tk-video-modal{padding:14px}
  .tk-video-modal__head{padding:12px 14px}
  .tk-video-modal__head h2{font-size:17px}
  .tk-hero__media{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:8px;
  }
  .tk-agency-hero__media{
    grid-template-columns:1fr;
    gap:12px;
  }
  .tk-agency-view-card--client{
    width:100%;
    justify-self:stretch;
    margin-top:0;
  }
  .tk-agency-view-card img{
    max-height:220px;
  }
  .tk-agency-calculator__fields label,
  .tk-agency-calculator__result div{
    grid-template-columns:1fr;
    flex-direction:column;
    align-items:flex-start;
  }
  .tk-agency-calculator__fields label{
    gap:8px;
  }
  .tk-agency-calculator__fields input{
    text-align:left;
    padding:0 12px;
  }
  .tk-dashboard-frame{
    grid-column:1 / -1;
    order:1;
    transform:none;
  }
  .tk-dashboard-frame__bar{
    height:34px;
    gap:6px;
    padding:0 10px;
    font-size:12px;
  }
  .tk-dashboard-frame__bar span{
    width:7px;
    height:7px;
  }
  .tk-dashboard-frame__bar strong{margin-left:6px}
  .tk-dashboard-frame img{
    aspect-ratio:16 / 8.4;
    max-height:210px;
    object-fit:cover;
    object-position:left top;
  }
  .tk-video-hitarea--hero{
    position:static;
    grid-column:1 / -1;
    order:4;
    justify-content:center;
    width:100%;
    min-height:46px;
    padding:8px 12px;
  }
  .tk-video-play{
    width:24px;
    height:24px;
  }
  .tk-video-play::before{
    border-top-width:6px;
    border-bottom-width:6px;
    border-left-width:9px;
  }
  .tk-hero__cta,
  .tk-support-contact,
  .tk-section__head--split,
  .tk-callout{
    flex-direction:column;
    align-items:stretch;
  }

  .tk-btn{width:100%}
  .tk-grid--4{grid-template-columns:1fr}
  .tk-audience-page{grid-template-columns:1fr}
  .tk-callout{
    min-height:auto;
    padding:24px;
  }
  .tk-callout .tk-btn--primary{width:100%}
  .tk-floating-stat{
    position:static;
    min-width:0;
    min-height:74px;
    margin-top:0;
    padding:12px;
    order:2;
    align-content:center;
    box-shadow:0 10px 22px rgba(24,35,67,.08);
  }
  .tk-floating-stat--projects{order:3}
  .tk-floating-stat strong{font-size:27px}
  .tk-floating-stat span{font-size:13px}
  .tk-ad-steps,
  .tk-ad-case-grid{
    grid-template-columns:1fr;
  }
  .tk-ad-question-card,
  .tk-ad-side-note,
  .tk-ad-calculator{
    padding:20px;
  }
  .tk-ad-pricing-grid .tk-price strong{font-size:34px}
  .tk-footer__cols{grid-template-columns:1fr}
  .tk-footer__bottom{flex-direction:column;align-items:flex-start}
  .tk-price__value{font-size:44px}
  .tk-article__hero{min-height:360px}
  .tk-article__hero-inner{padding:16px}
  .tk-article__head{padding:20px}
  .tk-article__head .tk-h1{
    max-width:none;
    font-size:34px;
  }

  .tk-article__lead{font-size:16px}
  .tk-article__eyebrow{gap:8px;font-size:13px}
  body.tk-page--content .tk-page :where(h1){font-size:36px}
  body.tk-page--content .tk-page :where(h2){font-size:28px}
}

.tk-template-library-hero,
.tk-template-detail-hero{
  padding:54px 0 42px;
  background:linear-gradient(180deg,#f7fbff 0%,#fff 74%);
}

.tk-template-library-hero__inner,
.tk-template-detail-hero__inner{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(420px,.78fr);
  gap:48px;
  align-items:center;
}

.tk-template-library-hero__inner > div:first-child,
.tk-template-detail-hero__inner > div:first-child{
  display:grid;
  gap:20px;
  align-content:center;
}

.tk-template-library-hero .tk-h1,
.tk-template-detail-hero .tk-h1{
  line-height:1.06;
}

.tk-template-library-hero .tk-lead,
.tk-template-detail-hero .tk-lead{
  max-width:720px;
}

.tk-template-library-hero .tk-hero__cta,
.tk-template-detail-hero .tk-hero__cta{
  margin-top:4px;
}

.tk-template-library-hero + .tk-section--soft{
  padding-top:58px;
}

.tk-template-library-preview,
.tk-template-board-preview{
  display:grid;
  gap:16px;
  padding:18px;
  border:1px solid var(--line);
  border-radius:8px;
  background:#fff;
  box-shadow:var(--shadow-soft);
}

.tk-template-library-preview > div,
.tk-template-board-preview{
  position:relative;
  overflow:hidden;
}

.tk-template-library-preview > div:first-child{
  display:grid;
  gap:10px;
  padding:20px;
  border-radius:8px;
  background:linear-gradient(135deg,#eef5ff,#f5edff);
}

.tk-template-library-preview > div:last-child{
  padding:20px;
  border:1px solid var(--line);
  border-radius:8px;
  background:#fff;
}

.tk-template-library-preview strong,
.tk-template-board-preview strong{
  color:#172036;
  font-weight:800;
}

.tk-template-library-preview span{
  width:max-content;
  max-width:100%;
  padding:8px 12px;
  border-radius:999px;
  background:#fff;
  color:#1d55d8;
  font-size:14px;
  font-weight:650;
}

.tk-template-library-preview p{
  margin:10px 0 0;
  color:var(--muted);
  line-height:1.55;
}

.tk-template-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:18px;
}

.tk-template-card{
  min-height:310px;
  display:grid;
  align-content:start;
  gap:20px;
  padding:24px;
  border:1px solid var(--line);
  border-radius:8px;
  background:#fff;
  box-shadow:var(--shadow-soft);
}

.tk-template-card--mint{background:#effdf7;border-color:#acebcf}
.tk-template-card--blue{background:#eef5ff;border-color:#bfd6ff}
.tk-template-card--pink{background:#fff0f7;border-color:#ffc7df}
.tk-template-card--green{background:#f0fdf4;border-color:#bbf7d0}

.tk-template-card__icon{
  width:56px;
  height:56px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border-radius:8px;
  background:rgba(255,255,255,.72);
  color:var(--primary);
}

.tk-template-card__icon svg{
  width:28px;
  height:28px;
}

.tk-template-card small{
  display:block;
  margin-bottom:10px;
  color:#245bdc;
  font-size:13px;
  font-weight:750;
}

.tk-template-card h3{
  margin:0;
  color:#172036;
  font-size:22px;
  line-height:1.12;
}

.tk-template-card p{
  margin:14px 0 0;
  color:var(--muted);
  line-height:1.55;
}

.tk-template-card > a{
  align-self:end;
  color:#1557ff;
  font-weight:750;
}

.tk-template-library-steps .tk-section__head{
  margin-bottom:22px;
}

.tk-template-board-preview{
  padding:0;
}

.tk-template-board-preview__head{
  display:grid;
  gap:8px;
  padding:18px 20px;
  border-bottom:1px solid var(--line);
  background:#f8fbff;
}

.tk-template-board-preview__head span{
  color:var(--muted);
  font-size:14px;
}

.tk-template-board-preview__columns{
  display:grid;
  grid-auto-flow:column;
  grid-auto-columns:minmax(128px,1fr);
  gap:12px;
  overflow-x:auto;
  padding:18px;
}

.tk-template-board-preview__columns span{
  min-height:112px;
  display:flex;
  align-items:flex-start;
  padding:14px;
  border:1px solid var(--line);
  border-radius:8px;
  background:#f8fbff;
  color:#172036;
  font-weight:750;
  line-height:1.25;
}

.tk-template-detail-grid{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(360px,.75fr);
  gap:32px;
  align-items:start;
}

.tk-template-list-card{
  display:grid;
  gap:10px;
  padding:18px;
  border:1px solid var(--line);
  border-radius:8px;
  background:#fff;
  box-shadow:var(--shadow-soft);
}

.tk-template-list-card > div{
  display:flex;
  gap:12px;
  align-items:center;
  padding:14px;
  border-radius:8px;
  background:#f8fbff;
}

.tk-template-list-card span{
  width:36px;
  height:36px;
  flex:0 0 auto;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border-radius:999px;
  background:#dfeaff;
  color:var(--primary);
  font-weight:800;
}

.tk-template-list-card strong{
  color:#172036;
  line-height:1.35;
}

.tk-template-list-card--tasks span{
  background:var(--green);
  color:#fff;
}

.tk-template-cta{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:32px;
  align-items:center;
  padding:36px;
  border-radius:8px;
  background:linear-gradient(135deg,#1557ff 0%,#a72df2 100%);
  color:#fff;
  box-shadow:0 22px 50px rgba(48,86,255,.24);
}

.tk-template-cta span{
  display:block;
  margin-bottom:10px;
  color:rgba(255,255,255,.78);
  font-weight:750;
}

.tk-template-cta h2{
  margin:0;
  color:#fff;
  font-size:clamp(32px,4vw,52px);
  line-height:1.04;
}

.tk-template-cta p{
  max-width:760px;
  margin:16px 0 0;
  color:rgba(255,255,255,.86);
  font-size:18px;
  line-height:1.55;
}

.tk-template-cta__actions{
  display:flex;
  flex-wrap:wrap;
  justify-content:flex-end;
  gap:12px;
}

.tk-template-cta .tk-btn--ghost{
  border-color:rgba(255,255,255,.52);
  color:#fff;
  background:rgba(255,255,255,.08);
}

.tk-template-cta--landing{
  margin-top:0;
}

@media (max-width:1180px){
  .tk-template-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }

  .tk-template-library-hero__inner,
  .tk-template-detail-hero__inner,
  .tk-template-detail-grid{
    grid-template-columns:1fr;
  }
}

@media (max-width:760px){
  .tk-template-library-hero__inner,
  .tk-template-detail-hero__inner{
    gap:28px;
  }

  .tk-template-library-preview,
  .tk-template-board-preview{
    padding:14px;
  }

  .tk-template-board-preview{
    padding:0;
  }

  .tk-template-grid{
    grid-template-columns:1fr;
  }

  .tk-template-card{
    min-height:auto;
    padding:20px;
  }

  .tk-template-cta{
    grid-template-columns:1fr;
    padding:24px;
  }

  .tk-template-cta h2{
    font-size:30px;
  }

  .tk-template-cta p{
    font-size:16px;
  }

  .tk-template-cta__actions{
    justify-content:stretch;
  }
}