/*!
 * Ariade: features styles. Loaded only on pages that use these blocks or templates (see inc/styles.php).
 * Author: Shivaji Mitra / M/S. Anblik
 */
/* ===== Patterns hub: gallery tiles with CSS thumbnails ===== */
.ariade-hub h2.wp-block-heading{font-size:1.25rem;margin:2.4rem 0 .9rem;padding-bottom:.35rem;border-bottom:2.5px solid #534ab7;display:inline-block}
/* hub section heading bands (cycling accents) */
main .hub-sec-head.hub-sec-head{position:relative;overflow:hidden;display:flex;align-items:center;justify-content:space-between;gap:1rem;background:#0e1b36;border:0;border-radius:12px;padding:.95rem 1.3rem .95rem 1.8rem;margin:2.4rem 0 1rem}
.hub-sec-head.hub-sec-head::before{content:"";position:absolute;left:0;top:0;bottom:0;width:8px;background:linear-gradient(180deg,#2743d0 0%,#7a2fd6 55%,#c02582 100%)}
.hub-sec-head h2.wp-block-heading{margin:0;padding:0;border-bottom:0;display:block;font-size:1.35rem;letter-spacing:.02em;text-transform:uppercase;color:#fff}
.hub-sec-head .hub-sec-n{margin:0;font-size:.72rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:#ffd9ea;white-space:nowrap}
@media (max-width:600px){
  main .hub-sec-head.hub-sec-head{flex-direction:column;align-items:flex-start;gap:.2rem}
}
/* ===== Theme Features: bento proof board ===== */
main .ariade-ft-bento.ariade-ft-bento{display:grid;grid-template-columns:repeat(3,1fr);grid-auto-rows:175px;gap:.9rem;margin-top:1.5rem!important;margin-bottom:2rem!important}
.ariade-ft-bento>.wp-block-group{border-radius:20px;padding:1.2rem 1.3rem;display:flex;flex-direction:column;justify-content:flex-end;border:1.5px solid rgba(14,27,54,.14);background:#fff;transition:transform .18s ease,box-shadow .18s ease;margin:0}
.ariade-ft-bento>.wp-block-group:hover,.ariade-ft-bento>.wp-block-group:focus-within{transform:translateY(-4px);box-shadow:0 14px 30px rgba(14,27,54,.12)}
.ft-k{font-size:.7rem;font-weight:800;letter-spacing:.13em;text-transform:uppercase;margin:0 0 .2rem;color:#534ab7}
.ariade-ft-bento .ft-hero{grid-column:1/3;grid-row:1/3;background:linear-gradient(100deg,#2743d0 0%,#7a2fd6 55%,#c02582 100%);color:#fff;border:0;justify-content:center}
.ariade-ft-bento .ft-hero .ft-k{color:#ffd9ea}
.ariade-ft-bento .ft-hero h2{margin:.3rem 0 .4rem;font-size:clamp(1.4rem,3.4vw,2rem);line-height:1.1;color:#fff;text-transform:uppercase;letter-spacing:.01em;max-width:18ch}
.ariade-ft-bento .ft-hero p{margin:0;color:#efe6ff;max-width:44ch;font-size:.95rem}
.ariade-ft-bento .ft-stat{background:linear-gradient(160deg,#f6f5fd,#fff 70%)}
.ariade-ft-bento .ft-stat.ft-s2{background:linear-gradient(160deg,#eefaf7,#fff 70%)}
.ariade-ft-bento .ft-stat.ft-s3{background:linear-gradient(160deg,#fdf3f7,#fff 70%)}
.ariade-ft-bento .ft-stat.ft-s4{background:linear-gradient(160deg,#fff8ec,#fff 70%)}
.ft-num{font-size:2.1rem;font-weight:800;line-height:1;color:#534ab7;margin:0}
.ft-s2 .ft-num{color:#0e7c6b}
.ft-s3 .ft-num{color:#a52752}
.ft-s4 .ft-num{color:#9a5500}
.ariade-ft-bento .ft-stat p:not(.ft-num){margin:.25rem 0 0;font-size:.86rem;color:#3c4a63}
.ariade-ft-bento .ft-wide{grid-column:1/-1;flex-direction:row;align-items:center;gap:1rem;background:#0e1b36;color:#fff;border:0;justify-content:flex-start}
.ariade-ft-bento .ft-wide h3{margin:0;font-size:1.05rem;color:#fff}
.ariade-ft-bento .ft-wide p{margin:.15rem 0 0;font-size:.85rem;color:#c6cde2}
.ft-badge{width:44px;height:44px;border-radius:12px;background:linear-gradient(100deg,#2743d0,#c02582);flex:none;display:grid;place-items:center}
.ft-badge::before{content:"\2328";content:"\2328" / "";color:#fff;font-weight:800;font-size:1.3rem}
@media (max-width:760px){
  main .ariade-ft-bento.ariade-ft-bento{grid-template-columns:1fr;grid-auto-rows:auto}
  .ariade-ft-bento .ft-hero,.ariade-ft-bento .ft-wide{grid-column:auto;grid-row:auto;min-height:180px}
  .ariade-ft-bento>.wp-block-group{min-height:150px}
}
@media (prefers-reduced-motion:reduce){
  .ariade-ft-bento>.wp-block-group{transition:none}
  .ariade-ft-bento>.wp-block-group:hover,.ariade-ft-bento>.wp-block-group:focus-within{transform:none}
}
main ul.ft-ticks.ft-ticks{list-style:none;margin:0 0 1.4rem;padding:0;columns:2;column-gap:2.2rem}
.ft-ticks li{padding:.3rem 0 .3rem 1.6rem;position:relative;font-size:.95rem;break-inside:avoid;margin:0}
.ft-ticks li::before{content:"\2713";content:"\2713" / "";position:absolute;left:0;font-weight:800;color:#0e7c6b}
@media (max-width:640px){
  main ul.ft-ticks.ft-ticks{columns:1}
}
/* ===== Features: commercial composition ===== */
main .ariade-ftx-hero.ariade-ftx-hero{position:relative;background:#0e1b36;color:#fff;border-radius:26px;padding:3rem 1.6rem 4.4rem;text-align:center;margin-top:1.5rem!important;margin-bottom:0!important;overflow:hidden}
.ariade-ftx-hero::before{content:"";position:absolute;inset:0;background:linear-gradient(100deg,#2743d0 0%,#7a2fd6 55%,#c02582 100%);opacity:.35;pointer-events:none}
.ariade-ftx-hero>*{position:relative}
.ariade-ftx-hero .ft-k{color:#ffd9ea}
.ariade-ftx-hero h2{font-size:clamp(1.8rem,4.8vw,2.7rem);text-transform:uppercase;line-height:1.05;color:#fff;margin:.35rem auto .5rem;max-width:22ch}
.ariade-ftx-hero p:not(.ft-k){color:#e6e9f7;max-width:52ch;margin:0 auto 1.3rem}
.ariade-ftx-hero .wp-block-buttons{justify-content:center}
.ariade-ftx-hero .wp-block-button.ftx-ghost .wp-block-button__link{background:transparent;border:2px solid rgba(255,255,255,.7);color:#fff}
main .ariade-ftx-stats.ariade-ftx-stats{display:flex;gap:.9rem;justify-content:center;flex-wrap:wrap;margin-top:-2.4rem!important;margin-bottom:2.4rem!important;position:relative;z-index:1;padding:0 1rem}
.ariade-ftx-stats>.wp-block-group{flex:1 1 165px;max-width:210px;background:#fff;border:1.5px solid rgba(14,27,54,.14);border-radius:14px;padding:.85rem .9rem;box-shadow:0 12px 26px rgba(14,27,54,.1);text-align:center;margin:0}
.ariade-ftx-stats .ftx-n{display:block;font-size:1.3rem;font-weight:800;color:#534ab7;margin:0}
.ariade-ftx-stats>.wp-block-group:nth-child(2) .ftx-n{color:#0e7c6b}
.ariade-ftx-stats>.wp-block-group:nth-child(3) .ftx-n{color:#a52752}
.ariade-ftx-stats>.wp-block-group:nth-child(4) .ftx-n{color:#9a5500}
.ariade-ftx-stats p:not(.ftx-n){margin:0;font-size:.78rem;color:#3c4a63}
/* section titles */
main .ftx-sec.ftx-sec{font-size:1.6rem;text-transform:uppercase;text-align:center;margin-top:3rem!important;margin-bottom:.4rem!important;letter-spacing:.01em;border:0;padding:0;display:block}
main .ftx-secsub.ftx-secsub{text-align:center;color:#3c4a63;margin:0 auto 1.8rem!important;max-width:56ch}
/* coloured mosaic */
main .ariade-ftx-mosaic.ariade-ftx-mosaic{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;margin-bottom:1rem!important}
.ariade-ftx-mosaic>.wp-block-group{border-radius:20px;padding:1.6rem 1.5rem;display:flex;flex-direction:column;gap:.35rem;min-height:220px;border:1.5px solid rgba(14,27,54,.14);background:#fff;transition:transform .18s ease,box-shadow .18s ease;margin:0}
.ariade-ftx-mosaic>.wp-block-group:hover,.ariade-ftx-mosaic>.wp-block-group:focus-within{transform:translateY(-4px);box-shadow:0 16px 34px rgba(14,27,54,.14)}
.ariade-ftx-mosaic h3{margin:.15rem 0 .1rem;font-size:1.25rem}
.ariade-ftx-mosaic p:not(.ft-k){margin:0;font-size:.93rem;color:#3c4a63}
.ftx-art{display:block;margin-top:auto;height:64px;border-radius:12px;background-repeat:no-repeat}
.ftx-m1{background:linear-gradient(160deg,#eefaf7,#fff 65%)}
.ftx-m1 .ft-k{color:#0e7c6b}
.ftx-m1 .ftx-art{background-image:linear-gradient(#fff,#fff),linear-gradient(#fff,#fff),linear-gradient(#fff,#fff),linear-gradient(100deg,#2743d0,#7a2fd6 55%,#c02582);background-size:22% 44%,22% 44%,22% 44%,100% 100%;background-position:14% 70%,50% 70%,86% 70%,0 0}
.ariade-ftx-mosaic .ftx-m2{background:linear-gradient(100deg,#2743d0 0%,#7a2fd6 55%,#c02582 100%);color:#fff;border:0}
.ftx-m2 .ft-k{color:#ffd9ea}
.ftx-m2 p:not(.ft-k){color:#efe6ff}
.ftx-m2 h3{color:#fff}
.ftx-m2 .ftx-art{background-image:linear-gradient(rgba(255,255,255,.92),rgba(255,255,255,.92)),linear-gradient(rgba(255,255,255,.6),rgba(255,255,255,.6)),linear-gradient(rgba(255,255,255,.15),rgba(255,255,255,.15));background-size:60% 12%,40% 12%,100% 100%;background-position:16% 34%,16% 64%,0 0}
.ariade-ftx-mosaic .ftx-m3{background:#0e1b36;color:#fff;border:0}
.ftx-m3 .ft-k{color:#9aa8ff}
.ftx-m3 p:not(.ft-k){color:#c6cde2}
.ftx-m3 h3{color:#fff}
.ftx-m3 .ftx-art{background-image:radial-gradient(circle,#7ee3cf 0 45%,transparent 50%),radial-gradient(circle,#7ee3cf 0 45%,transparent 50%),radial-gradient(circle,#7ee3cf 0 45%,transparent 50%),linear-gradient(rgba(255,255,255,.08),rgba(255,255,255,.08));background-size:12% 40%,12% 40%,12% 40%,100% 100%;background-position:20% 50%,50% 50%,80% 50%,0 0}
.ftx-m4{background:linear-gradient(160deg,#fdf3f7,#fff 65%)}
.ftx-m4 .ft-k{color:#a52752}
.ftx-m4 .ftx-art{border:1.5px solid rgba(14,27,54,.14);background-color:#fff;background-image:linear-gradient(#0e1b36,#0e1b36),linear-gradient(rgba(14,27,54,.15),rgba(14,27,54,.15)),linear-gradient(rgba(14,27,54,.15),rgba(14,27,54,.15));background-size:44% 14%,58% 9%,40% 9%;background-position:12% 24%,12% 56%,12% 78%}
@media (max-width:720px){
  main .ariade-ftx-mosaic.ariade-ftx-mosaic{grid-template-columns:1fr}
}
/* illustrated grid (cards are anchors via wp:html) */
main .ariade-ftx-grid3.ariade-ftx-grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-bottom:1rem!important}
.ftx-icard{display:block;border:1.5px solid rgba(14,27,54,.14);border-radius:16px;background:#fff;padding:1rem;text-align:center;text-decoration:none;color:#0e1b36;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}
.ftx-icard:hover,.ftx-icard:focus-visible{transform:translateY(-4px);box-shadow:0 14px 30px rgba(14,27,54,.12);border-color:#534ab7}
.ftx-icard h3{margin:0 0 .25rem;font-size:1.02rem}
.ftx-icard p{margin:0;font-size:.86rem;color:#3c4a63}
.ftx-shot{display:block;height:110px;border-radius:12px;border:1.5px solid rgba(14,27,54,.14);margin:0 0 .8rem;background-repeat:no-repeat;background-color:#fff}
.ftx-shot.sh-hub{background-image:linear-gradient(#f6f5fd,#f6f5fd),linear-gradient(#fdf3f7,#fdf3f7),linear-gradient(#eefaf7,#eefaf7),linear-gradient(#fff8ec,#fff8ec);background-size:38% 34%,38% 34%,38% 34%,38% 34%;background-position:22% 24%,78% 24%,22% 76%,78% 76%}
.ftx-shot.sh-blog{background-image:linear-gradient(135deg,#c9c4ee,#e8b7cb),linear-gradient(#fff,#fff),linear-gradient(135deg,#a9b6f0,#cfa5e8),linear-gradient(#fff,#fff);background-size:34% 62%,26% 16%,34% 62%,26% 16%;background-position:24% 48%,24% 66%,76% 48%,76% 66%}
.ftx-shot.sh-post{background-image:linear-gradient(135deg,#c9c4ee,#e8b7cb),linear-gradient(100deg,#2743d0,#7a2fd6 55%,#c02582);background-size:56% 44%,84% 40%;background-position:50% 78%,50% 16%}
.ftx-shot.sh-form{background-image:linear-gradient(rgba(14,27,54,.14),rgba(14,27,54,.14)),linear-gradient(rgba(14,27,54,.14),rgba(14,27,54,.14)),linear-gradient(#534ab7,#534ab7);background-size:64% 12%,64% 12%,34% 16%;background-position:50% 24%,50% 48%,50% 78%}
.ftx-shot.sh-nf{background-image:linear-gradient(90deg,#d4537e,#d4537e);background-size:56% 4%;background-position:50% 58%;display:grid;place-items:center;font-weight:800;font-size:1.5rem;color:#0e1b36}
@supports (-webkit-text-stroke:1.5px #000){
  .ftx-shot.sh-nf{color:transparent;-webkit-text-stroke:1.5px #0e1b36}
}
.ftx-shot.sh-ev{background-image:linear-gradient(#eefaf7,#eefaf7),linear-gradient(#0e7c6b,#0e7c6b),linear-gradient(#eefaf7,#eefaf7),linear-gradient(#0e7c6b,#0e7c6b);background-size:60% 18%,10% 18%,60% 18%,10% 18%;background-position:60% 30%,18% 30%,60% 66%,18% 66%}
.ftx-shot.sh-search{background-image:linear-gradient(100deg,#2743d0,#7a2fd6 55%,#c02582),linear-gradient(#eefaf7,#eefaf7),linear-gradient(#eeedfe,#eeedfe),linear-gradient(#fdf3f7,#fdf3f7);background-size:88% 30%,24% 44%,24% 44%,24% 44%;background-position:50% 14%,20% 78%,50% 78%,80% 78%;background-repeat:no-repeat}
.ftx-shot.sh-sitemap{background-image:linear-gradient(100deg,#2743d0,#7a2fd6 55%,#c02582),linear-gradient(#eeedfe,#eeedfe),linear-gradient(#fdf3f7,#fdf3f7),linear-gradient(#eefaf7,#eefaf7),linear-gradient(#e6f1fb,#e6f1fb);background-size:88% 20%,18% 52%,18% 52%,18% 52%,18% 52%;background-position:50% 12%,12% 72%,37% 72%,63% 72%,88% 72%;background-repeat:no-repeat}
@media (max-width:760px){
  main .ariade-ftx-grid3.ariade-ftx-grid3{grid-template-columns:1fr}
}
/* chips */
main .ariade-ftx-logos.ariade-ftx-logos{display:flex;gap:.7rem;justify-content:center;flex-wrap:wrap;margin-bottom:1rem!important}
.ariade-ftx-logos span{border:1.5px solid rgba(14,27,54,.14);border-radius:999px;padding:.5rem 1.1rem;font-weight:700;font-size:.9rem;background:#fff}
/* CTA */
main .ariade-ftx-cta.ariade-ftx-cta{background:linear-gradient(100deg,#2743d0 0%,#7a2fd6 55%,#c02582 100%);border-radius:24px;padding:2.6rem 1.8rem;text-align:center;color:#fff;margin-top:3rem!important;margin-bottom:1rem!important}
.ariade-ftx-cta h2{margin:0 0 .4rem;font-size:clamp(1.4rem,3.6vw,1.9rem);text-transform:uppercase;color:#fff}
.ariade-ftx-cta p{margin:0 auto 1.3rem;color:#efe6ff;max-width:46ch}
.ariade-ftx-cta .wp-block-buttons{justify-content:center}
.ariade-ftx-cta .wp-block-button .wp-block-button__link{background:#fff;color:#0e1b36}
.ariade-ftx-cta .wp-block-button.ftx-ghost .wp-block-button__link{background:transparent;border:2px solid rgba(255,255,255,.7);color:#fff}
@media (prefers-reduced-motion:reduce){
  .ariade-ftx-mosaic>.wp-block-group,.ftx-icard{transition:none}
  .ariade-ftx-mosaic>.wp-block-group:hover,.ftx-icard:hover,.ftx-icard:focus-visible{transform:none}
}
.hub-tiles{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:.9rem;margin:0 0 .5rem}
.hub-tile{position:relative;border:1.5px solid rgba(14,27,54,.14);border-radius:12px;padding:.7rem;text-decoration:none;display:block;background:#fff;color:#0e1b36;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}
.hub-tile:hover,.hub-tile:focus-visible{transform:translateY(-4px);box-shadow:0 12px 26px rgba(14,27,54,.12);border-color:#534ab7}
.hub-tile strong{display:block;margin:.55rem 0 0;font-size:.88rem;line-height:1.3}
.hub-badge{display:inline-block;margin-top:.5rem;font-size:.6rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:#0e7c6b;background:#eefaf7;border-radius:999px;padding:.12rem .55rem}
@media (prefers-reduced-motion:reduce){
  .hub-tile{transition:none}
  .hub-tile:hover,.hub-tile:focus-visible{transform:none}
}
.hub-thumb{display:block;width:100%;aspect-ratio:16/9;border-radius:8px;border:1.5px solid rgba(14,27,54,.12);background-color:#fff;background-repeat:no-repeat;position:relative;overflow:hidden}
/* pricing gradient / coming-soon */
.hub-thumb.t-grad{border:0;background-image:linear-gradient(#fff,#fff),linear-gradient(#fff,#fff),linear-gradient(#fff,#fff),linear-gradient(100deg,#2743d0,#7a2fd6 55%,#c02582);background-size:22% 44%,22% 44%,22% 44%,100% 100%;background-position:14% 72%,50% 72%,86% 72%,0 0}
.hub-thumb.t-cs{border:0;background-image:linear-gradient(#fff,#fff),linear-gradient(rgba(255,255,255,.65),rgba(255,255,255,.65)),linear-gradient(100deg,#2743d0,#7a2fd6 55%,#c02582);background-size:40% 12%,58% 8%,100% 100%;background-position:50% 38%,50% 62%,0 0}
/* navy panels */
.hub-thumb.t-navy{border:0;background-color:#0e1b36;background-image:linear-gradient(90deg,#9aa8ff,#ff9dbd),linear-gradient(rgba(255,255,255,.35),rgba(255,255,255,.35)),linear-gradient(rgba(255,255,255,.25),rgba(255,255,255,.25));background-size:44% 11%,58% 7%,40% 7%;background-position:14% 26%,14% 54%,14% 72%}
/* tier cards */
.hub-thumb.t-cards{background-image:linear-gradient(#534ab7,#534ab7),linear-gradient(#f6f5fd,#f6f5fd),linear-gradient(#a52752,#a52752),linear-gradient(#fdf3f7,#fdf3f7),linear-gradient(#0e7c6b,#0e7c6b),linear-gradient(#eefaf7,#eefaf7);background-size:22% 6%,22% 44%,22% 6%,22% 44%,22% 6%,22% 44%;background-position:14% 26%,14% 72%,50% 26%,50% 72%,86% 26%,86% 72%}
/* comparison table */
.hub-thumb.t-table{background-image:linear-gradient(#0e1b36,#0e1b36),linear-gradient(rgba(14,27,54,.14),rgba(14,27,54,.14)),linear-gradient(rgba(14,27,54,.10),rgba(14,27,54,.10)),linear-gradient(rgba(14,27,54,.14),rgba(14,27,54,.14));background-size:72% 14%,72% 8%,72% 8%,72% 8%;background-position:50% 20%,50% 46%,50% 64%,50% 82%}
/* about mosaic */
.hub-thumb.t-mosaic{background-image:linear-gradient(#0e1b36,#0e1b36),linear-gradient(135deg,#c9c4ee,#e8b7cb),linear-gradient(#f6f5fd,#f6f5fd),linear-gradient(#fdf3f7,#fdf3f7),linear-gradient(#eefaf7,#eefaf7),linear-gradient(#fff8ec,#fff8ec);background-size:34% 12%,30% 34%,15% 22%,15% 22%,15% 22%,15% 22%;background-position:14% 24%,82% 24%,9% 76%,34% 76%,60% 76%,86% 76%}
/* editorial split */
.hub-thumb.t-editorial{background-image:linear-gradient(#534ab7,#534ab7),linear-gradient(rgba(14,27,54,.16),rgba(14,27,54,.16)),linear-gradient(rgba(14,27,54,.10),rgba(14,27,54,.10)),linear-gradient(#534ab7,#534ab7),linear-gradient(rgba(14,27,54,.10),rgba(14,27,54,.10));background-size:18% 7%,52% 8%,52% 8%,18% 7%,52% 8%;background-position:12% 26%,80% 26%,80% 42%,12% 66%,80% 66%}
/* thread spine / stacked comparison */
.hub-thumb.t-spine{background-image:linear-gradient(180deg,#534ab7,#d4537e),linear-gradient(rgba(14,27,54,.16),rgba(14,27,54,.16)),linear-gradient(rgba(14,27,54,.10),rgba(14,27,54,.10)),linear-gradient(rgba(14,27,54,.10),rgba(14,27,54,.10));background-size:3% 72%,46% 8%,52% 8%,40% 8%;background-position:18% 50%,58% 24%,62% 50%,54% 76%}
.hub-thumb.t-stack{background-image:linear-gradient(#f6f5fd,#f6f5fd),linear-gradient(#fdf3f7,#fdf3f7),linear-gradient(#eefaf7,#eefaf7);background-size:74% 20%,74% 20%,74% 20%;background-position:50% 18%,50% 50%,50% 82%}
/* faq / ledger rows */
.hub-thumb.t-faq{background-image:linear-gradient(#534ab7,#534ab7),linear-gradient(rgba(14,27,54,.16),rgba(14,27,54,.16)),linear-gradient(#a52752,#a52752),linear-gradient(rgba(14,27,54,.16),rgba(14,27,54,.16)),linear-gradient(#0e7c6b,#0e7c6b),linear-gradient(rgba(14,27,54,.16),rgba(14,27,54,.16));background-size:5% 9%,58% 8%,5% 9%,58% 8%,5% 9%,58% 8%;background-position:16% 25%,58% 25%,16% 50%,58% 50%,16% 75%,58% 75%}
/* services chip index */
.hub-thumb.t-chips{background-image:linear-gradient(#f6f5fd,#f6f5fd),linear-gradient(#fdf3f7,#fdf3f7),linear-gradient(#eefaf7,#eefaf7),linear-gradient(#fff8ec,#fff8ec);background-size:34% 18%,34% 18%,34% 18%,34% 18%;background-position:24% 30%,76% 30%,24% 70%,76% 70%}
/* knot timeline */
.hub-thumb.t-tl{background-image:radial-gradient(circle,#d4537e 0 45%,transparent 50%),radial-gradient(circle,#d4537e 0 45%,transparent 50%),radial-gradient(circle,#d4537e 0 45%,transparent 50%),linear-gradient(#534ab7,#534ab7),linear-gradient(rgba(14,27,54,.14),rgba(14,27,54,.14)),linear-gradient(rgba(14,27,54,.14),rgba(14,27,54,.14)),linear-gradient(rgba(14,27,54,.14),rgba(14,27,54,.14));background-size:7% 12%,7% 12%,7% 12%,2.5% 66%,44% 7%,44% 7%,44% 7%;background-position:17% 22%,17% 50%,17% 78%,18% 50%,52% 22%,52% 50%,52% 78%}
/* chapter bands */
.hub-thumb.t-bands{background-image:linear-gradient(160deg,#f6f5fd,#fff),linear-gradient(#0e1b36,#0e1b36),linear-gradient(160deg,#f6f5fd,#fff);background-size:76% 24%,76% 24%,76% 24%;background-position:50% 14%,50% 50%,50% 86%}
/* checklist journey */
.hub-thumb.t-journey{background-image:radial-gradient(circle,#eefaf7 0 42%,#0e7c6b 44% 58%,transparent 60%),radial-gradient(circle,#fdf3f7 0 42%,#a52752 44% 58%,transparent 60%),radial-gradient(circle,#f6f5fd 0 42%,#534ab7 44% 58%,transparent 60%),linear-gradient(rgba(14,27,54,.14),rgba(14,27,54,.14)),linear-gradient(rgba(14,27,54,.14),rgba(14,27,54,.14)),linear-gradient(rgba(14,27,54,.14),rgba(14,27,54,.14));background-size:9% 16%,9% 16%,9% 16%,42% 7%,42% 7%,42% 7%;background-position:18% 22%,18% 50%,18% 78%,54% 22%,54% 50%,54% 78%}
/* testimonial quote cards */
.hub-thumb.t-quote{background-image:linear-gradient(170deg,#f6f5fd,#fff 60%),linear-gradient(170deg,#fdf3f7,#fff 60%);background-size:38% 62%,38% 62%;background-position:26% 55%,74% 55%}
.hub-thumb.t-quote::before{content:"\201C\0000a0\0000a0\201C";content:"\201C\0000a0\0000a0\201C" / "";position:absolute;top:.1rem;left:0;right:0;text-align:center;letter-spacing:2.2em;padding-left:2.2em;font-family:Georgia,serif;font-weight:800;font-size:1.6rem;color:#534ab7;opacity:.5}
/* 404 */
.hub-thumb.t-404::before{content:"404";content:"404" / "";position:absolute;inset:0;display:grid;place-items:center;font-weight:800;font-size:1.9rem;color:#0e1b36}
@supports (-webkit-text-stroke:1.5px #000){
  .hub-thumb.t-404::before{color:transparent;-webkit-text-stroke:1.5px #0e1b36}
}
.hub-thumb.t-404{background-image:linear-gradient(90deg,#d4537e,#d4537e);background-size:64% 3.5%;background-position:50% 58%}
.hub-thumb.t-envelope{border:0;background-image:linear-gradient(#fff,#fff),linear-gradient(100deg,#2743d0,#7a2fd6 55%,#c02582);background-size:46% 58%,100% 100%;background-position:50% 62%,0 0}
.hub-thumb.t-split{background-image:linear-gradient(#0e1b36,#0e1b36),linear-gradient(#fbfcff,#fbfcff),linear-gradient(rgba(14,27,54,.18),rgba(14,27,54,.18)),linear-gradient(rgba(14,27,54,.18),rgba(14,27,54,.18)),linear-gradient(#0e1b36,#0e1b36);background-size:34% 72%,48% 72%,40% 7%,40% 7%,40% 11%;background-position:12% 50%,88% 50%,80% 32%,80% 48%,80% 72%}
.hub-thumb.t-tiles{background-image:linear-gradient(#fff,#fff),linear-gradient(135deg,#c9c4ee,#e8b7cb),linear-gradient(#fff,#fff),linear-gradient(135deg,#a9b6f0,#cfa5e8),linear-gradient(#fff,#fff),linear-gradient(135deg,#b8a8e8,#f0b7cd);background-size:22% 16%,26% 62%,22% 16%,26% 62%,22% 16%,26% 62%;background-position:12.5% 68%,12% 50%,50% 68%,50% 50%,87.5% 68%,88% 50%}
.hub-thumb.t-bento{background-image:linear-gradient(135deg,#8f9ff0,#e8a7c8),linear-gradient(160deg,#fdf3f7,#fff),linear-gradient(160deg,#eefaf7,#fff),linear-gradient(135deg,#c9c4ee,#e8b7cb);background-size:44% 62%,22% 29%,22% 29%,46% 29%;background-position:12% 50%,60% 26%,88% 26%,74% 74%}
.hub-thumb.t-glass{border:0;background-image:linear-gradient(rgba(14,27,54,.62),rgba(14,27,54,.62)),linear-gradient(135deg,#8f9ff0,#e8a7c8);background-size:76% 30%,100% 100%;background-position:50% 78%,0 0}
.hub-thumb.t-index{background-image:linear-gradient(#0e1b36,#0e1b36),linear-gradient(#0e1b36,#0e1b36),linear-gradient(135deg,#c9c4ee,#e8b7cb);background-size:48% 12%,38% 12%,20% 34%;background-position:14% 32%,14% 62%,86% 48%}
.hub-thumb.t-aurora{background-image:linear-gradient(135deg,#c9c4ee,#e8b7cb),linear-gradient(100deg,#2743d0,#7a2fd6 55%,#c02582);background-size:56% 44%,88% 52%;background-position:50% 88%,50% 12%}
.hub-thumb.t-pfwall{background-image:linear-gradient(rgba(14,27,54,.15),rgba(14,27,54,.15)),linear-gradient(135deg,#c9c4ee,#e8b7cb),linear-gradient(135deg,#a9b6f0,#cfa5e8),linear-gradient(135deg,#b8a8e8,#f0b7cd);background-size:44% 12%,26% 46%,26% 46%,26% 46%;background-position:12% 14%,14% 74%,50% 74%,86% 74%}
.hub-thumb.t-pfed{background-image:linear-gradient(135deg,#c9c4ee,#e8b7cb),linear-gradient(rgba(14,27,54,.6),rgba(14,27,54,.6)),linear-gradient(rgba(14,27,54,.18),rgba(14,27,54,.18)),linear-gradient(135deg,#a9b6f0,#cfa5e8),linear-gradient(rgba(14,27,54,.6),rgba(14,27,54,.6)),linear-gradient(rgba(14,27,54,.18),rgba(14,27,54,.18));background-size:22% 30%,40% 9%,52% 7%,22% 30%,40% 9%,52% 7%;background-position:12% 22%,50% 16%,58% 34%,12% 78%,50% 70%,58% 88%}
.hub-thumb.t-pfcar{background-image:radial-gradient(circle,#534ab7 0 45%,transparent 50%),radial-gradient(circle,rgba(14,27,54,.25) 0 45%,transparent 50%),radial-gradient(circle,rgba(14,27,54,.25) 0 45%,transparent 50%),linear-gradient(135deg,#c9c4ee,#e8b7cb);background-size:6% 10%,6% 10%,6% 10%,72% 52%;background-position:42% 84%,50% 84%,58% 84%,50% 34%}
.hub-thumb.t-shop{background-image:linear-gradient(100deg,#2743d0,#c02582),linear-gradient(135deg,#c9c4ee,#e8b7cb),linear-gradient(100deg,#2743d0,#c02582),linear-gradient(135deg,#a9b6f0,#cfa5e8);background-size:16% 12%,34% 56%,16% 12%,34% 56%;background-position:38% 24%,24% 58%,84% 24%,70% 58%}
.hub-thumb.t-blogfeat{background-image:linear-gradient(170deg,#f6f5fd,#fff),linear-gradient(#c9c4ee,#e8b7cb),linear-gradient(rgba(14,27,54,.14),rgba(14,27,54,.14)),linear-gradient(rgba(14,27,54,.10),rgba(14,27,54,.10)),linear-gradient(rgba(14,27,54,.10),rgba(14,27,54,.10));background-size:74% 42%,30% 30%,20% 26%,20% 26%,20% 26%;background-position:50% 22%,20% 24%,13% 82%,50% 82%,87% 82%}