.tc-on{--tc-s:var(--ail-surface-light);--tc-b:var(--ail-border-light);--tc-t:var(--ail-text);--tc-m:var(--ail-muted);--tc-a:var(--ail-primary);--tc-as:var(--ail-primary-soft)}
.tc-on.al-dark{--tc-s:var(--ail-surface-dark);--tc-b:var(--ail-border-dark);--tc-t:var(--ail-text-on-dark);--tc-m:var(--ail-muted-on-dark);--tc-a:var(--ail-primary-on-dark);--tc-as:var(--ail-primary-soft-on-dark)}
.tc-on > .al-head{margin-bottom:clamp(28px,3.4vw,44px)}
.tc-on > .al-head h2{margin:6px 0 0}

.tc-rv{font-family:"JetBrains Mono",ui-monospace,monospace!important;font-size:10px!important;letter-spacing:.06em;text-transform:uppercase;font-weight:700;line-height:1.7;margin-inline-start:4px;white-space:nowrap;cursor:help}

.tc-tiles{list-style:none;margin:0;padding:0;display:grid;gap:14px;grid-template-columns:repeat(auto-fit,minmax(190px,1fr))}
.tc-tiles--stats{grid-template-columns:repeat(3,minmax(0,1fr))}
.tc-tiles--mix{grid-template-columns:repeat(6,minmax(0,1fr))}
.tc-tiles--mix .tc-tile--num{grid-column:span 3}
.tc-tiles--mix .tc-tile--icon{grid-column:span 2}
.tc-tile{position:relative;display:flex;flex-direction:column;gap:10px;padding:clamp(18px,2vw,26px);border:1px solid var(--tc-b);border-radius:16px;background:var(--tc-s);color:var(--tc-t)}
.tc-tile--num{min-height:150px;justify-content:flex-end}
.tc-val{font:650 clamp(36px,3.6vw,54px)/1 "Schibsted Grotesk",Inter,sans-serif;letter-spacing:-.02em;color:var(--tc-a)}
.tc-tiles--stats .tc-val{font-size:clamp(32px,3.2vw,48px)}
.tc-lbl{font:600 clamp(15.5px,1.2vw,17px)/1.35 Inter,sans-serif;color:var(--tc-t)}
.tc-src{font-size:12.5px;color:var(--tc-m)}
.tc-icwrap{position:relative;display:grid;place-items:center;width:48px;height:48px;border-radius:14px;background:var(--tc-as);color:var(--tc-a);flex:none}
.tc-ico{width:24px;height:24px}
.tc-swap{outline:1px dashed var(--ail-warning);outline-offset:3px}
.al-dark .tc-swap{outline-color:var(--ail-warning-on-dark)}

.tc-steps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(var(--n),minmax(0,1fr));gap:14px;position:relative}
.tc-steps::before{content:"";position:absolute;top:32px;left:calc(50% / var(--n));right:calc(50% / var(--n));height:2px;background:linear-gradient(90deg,var(--tc-b),var(--tc-a),var(--tc-b))}
.tc-step{position:relative;display:flex;flex-direction:column;align-items:center;text-align:center;gap:14px}
.tc-step .tc-icwrap{width:64px;height:64px;border-radius:50%;background:var(--tc-s);border:1.5px solid var(--tc-a);box-shadow:0 0 0 6px var(--tc-as)}
.tc-step .tc-ico{width:26px;height:26px}
.tc-n{position:absolute;top:-6px;right:-6px;width:22px;height:22px;border-radius:50%;display:grid;place-items:center;background:var(--tc-a);color:var(--ail-cta-text-on-dark);font:700 11.5px Inter,sans-serif}
.tc-on:not(.al-dark) .tc-n{color:#fff}
.tc-step .tc-lbl{max-width:22ch}
.tc-sub{margin:clamp(24px,3vw,36px) auto 0;max-width:62ch;text-align:center;font-size:clamp(16px,1.3vw,18px);color:var(--tc-m)}
.tc-whynow .tc-sub,.tc-whyus .tc-sub,.tc-deploy .tc-sub{text-align:left;margin-left:0}
.tc-ctarow{margin-top:clamp(24px,3vw,34px);display:flex}
.tc-flow .tc-ctarow,.tc-test .tc-ctarow{justify-content:center}
.tc-btn{display:inline-flex;align-items:center;gap:8px;border-radius:10px;padding:14px 22px;font-weight:650;font-size:16px;text-decoration:none;background:var(--ail-cta-bg);color:var(--ail-cta-text)}
.al-dark .tc-btn{background:var(--ail-cta-bg-on-dark);color:var(--ail-cta-text-on-dark)}
.tc-btn:hover{transform:translateY(-1px)}

.tc-poc .tc-steps{margin-top:8px}
.tc-poc-ph .ail-trust-head{margin-bottom:28px}

.tc-faq .tc-ans{color:var(--tc-m);padding-bottom:4px;margin:0}
.tc-faq .tc-more{margin:6px 0 14px}
.tc-faq .tc-more a{font-weight:650;color:var(--tc-a);text-decoration:none}
.tc-faq .tc-more a:hover{text-decoration:underline}
.tc-faq-ph .tc-ans{margin-bottom:6px}
.tc-full{border:0!important;padding:0 0 10px!important}
.tc-full summary{font-size:13.5px!important;font-weight:600!important;padding:4px 0!important;color:var(--ail-primary);justify-content:flex-start!important}
.tc-full summary::after{content:""!important}
.tc-full summary::before{content:"+ "}
.tc-full[open] summary::before{content:"– "}
@media (max-width:960px){
  .tc-tiles--mix{grid-template-columns:repeat(2,minmax(0,1fr))}
  .tc-tiles--mix .tc-tile--num,.tc-tiles--mix .tc-tile--icon{grid-column:auto}
}
@media (max-width:720px){
  .tc-tiles--stats{grid-template-columns:minmax(0,1fr)}
  .tc-tile--num{min-height:0}
  .tc-tiles--mix .tc-tile--icon{flex-direction:row;align-items:center;gap:14px;grid-column:1/-1}
  .tc-steps{grid-template-columns:minmax(0,1fr);gap:16px}
  .tc-steps::before{top:32px;bottom:32px;left:31px;right:auto;width:2px;height:auto;background:linear-gradient(var(--tc-b),var(--tc-a),var(--tc-b))}
  .tc-step{flex-direction:row;text-align:left;gap:16px}
  .tc-step .tc-lbl{max-width:none}
  .tc-sub,.tc-whynow .tc-sub{text-align:left;margin-left:0}
  .tc-flow .tc-ctarow,.tc-test .tc-ctarow{justify-content:flex-start}
}

.tc-on.ail-trust-pilot_cta{display:block;--tc-s:var(--ail-surface-dark);--tc-b:var(--ail-border-dark-strong);--tc-t:var(--ail-text-on-dark);--tc-m:var(--ail-muted-on-dark);--tc-a:var(--ail-primary-on-dark);--tc-as:var(--ail-primary-soft-on-dark)}
.tc-on.ail-trust-pilot_cta .tc-btn{background:var(--ail-cta-bg-on-dark);color:var(--ail-cta-text-on-dark)}
.tc-on.ail-trust-pilot_cta .tc-n{color:var(--ail-cta-text-on-dark)}
.tc-on.ail-trust-pilot_cta .tc-sub{text-align:left;margin-left:0}
.tc-poc-ph .ail-trust-pilot_cta__actions{margin-top:24px}
.tc-poc .tc-steps{max-width:900px}
.tc-poc .tc-steps::before{left:calc(50% / var(--n));right:calc(50% / var(--n))}
.tc-tile > .tc-rv{align-self:flex-start}
.tc-tiles--mix .tc-val--long{font-size:clamp(30px,3vw,46px)}
@media (max-width:720px){.tc-tiles--mix .tc-tile--long{grid-column:1/-1}.tc-tiles--mix .tc-val--long{font-size:32px}}
@media (max-width:720px){.tc-tiles--mix:has(.tc-tile--long) .tc-tile--num{grid-column:1/-1}}

.tc-tiles--icons{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}
.tc-tiles--icons .tc-tile{gap:14px}
.tc-step--val .tc-icwrap{background:var(--tc-s)}
.tc-sval{font:700 17px/1 "Schibsted Grotesk",Inter,sans-serif;letter-spacing:-.01em;color:var(--tc-a)}
.tc-sval--long{font-size:13px}
.tc-tiles--strip{margin-top:clamp(24px,3vw,36px);grid-template-columns:repeat(auto-fit,minmax(170px,1fr))}
.tc-tiles--strip .tc-tile--num{min-height:0;padding:16px 20px}
.tc-tiles--strip .tc-val{font-size:clamp(28px,2.6vw,38px)}
.tc-spectiles .tc-tiles--strip{margin:0 0 14px}
.tc-rest{margin-top:clamp(24px,3vw,34px)}
.tc-on.al-stepsec .tc-rest,.tc-on.al-faqsec .tc-rest{text-align:center}
.tc-on.al-stepsec .tc-rest .wp-block-buttons{justify-content:center}
details.tc-swap{outline:1px dashed var(--ail-warning);outline-offset:3px;border-radius:8px}
@media (max-width:720px){
  .tc-tiles--icons{grid-template-columns:minmax(0,1fr)}
  .tc-tiles--icons .tc-tile{flex-direction:row;align-items:center}
  .tc-tiles--strip{grid-template-columns:repeat(2,minmax(0,1fr))}
  .tc-tiles--strip .tc-tile--long{grid-column:1/-1}
  .tc-on.al-stepsec .tc-rest{text-align:left}
  .tc-on.al-stepsec .tc-rest .wp-block-buttons{justify-content:flex-start}
}
.tc-tiles--mix-even .tc-tile--icon{grid-column:span 3}
.tc-pg:not(.tc-k-steps) .tc-sub{text-align:left;margin-left:0}
.tc-k-steps .tc-rest{text-align:center}
.tc-k-steps .tc-rest .wp-block-buttons{justify-content:center}
@media (max-width:960px){.tc-tiles--mix-even .tc-tile--icon{grid-column:auto}}
@media (max-width:720px){.tc-k-steps .tc-rest{text-align:left}.tc-k-steps .tc-rest .wp-block-buttons{justify-content:flex-start}}
.tc-tiles--strip .tc-val--long{font-size:clamp(22px,2vw,30px)}
.tc-tiles--strip .tc-tile--num{justify-content:flex-start}
@media (max-width:720px){.tc-tiles--mix-even .tc-tile--icon{grid-column:1/-1}}


.wp-block-buttons>.wp-block-button:nth-child(3) .wp-block-button__link{background:none!important;border-color:transparent!important;box-shadow:none!important;padding-inline:6px!important;text-decoration:underline;text-underline-offset:4px;text-decoration-thickness:1.5px}
.wp-block-buttons>.wp-block-button:nth-child(3) .wp-block-button__link:hover{text-decoration-thickness:2px}
@media (max-width:700px){
  .al-cta .wp-block-buttons:has(>.wp-block-button:nth-child(3)){flex-direction:column;align-items:stretch;gap:10px}
  .al-cta .wp-block-buttons:has(>.wp-block-button:nth-child(3))>.wp-block-button{width:100%}
  .al-cta .wp-block-buttons:has(>.wp-block-button:nth-child(3)) .wp-block-button__link{width:100%;justify-content:center;text-align:center}
}