.u-tcgrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));
   gap:var(--sp-12) var(--sp-8);padding:0;list-style:none;
   max-width:var(--container-content);margin:0 auto}
.u-tcgrid > *{min-width:0}
.u-tcard{position:relative;display:flex;flex-direction:column;
   padding:var(--sp-8) var(--sp-6) var(--sp-6);
   background:linear-gradient(160deg,#fff,#e2eafc);
   border:1px solid rgba(25,92,255,.22);border-radius:var(--r-card);
   box-shadow:0 26px 60px rgba(25,92,255,.12),inset 0 1px 0 rgba(255,255,255,.92);
   transform-origin:50% 100%;
   transition:transform .4s var(--ease),box-shadow .4s ease}

.u-tcard::after{content:"";position:absolute;inset:0;border-radius:var(--r-card);
   pointer-events:none;
   background:radial-gradient(170px 130px at 0% 0%,rgba(255,255,255,.92),rgba(255,255,255,0) 70%)}
.u-tcgrid > .u-tcard:hover{transform:translateY(-3px);
   box-shadow:0 26px 60px rgba(25,92,255,.22),inset 0 1px 0 rgba(255,255,255,.92)}
.u-tcard > *{position:relative;z-index:1}

.u-tcnum{display:block;margin-block-end:var(--sp-2);
   font-family:var(--font-label);font-weight:700;font-size:var(--fs-eyebrow);
   letter-spacing:.10em/*latin*/; /*latin*/
   color:var(--muted)}
.u-tcnum::after{content:"";display:inline-block;vertical-align:middle;
   width:30px;height:1px;margin-inline-start:var(--sp-2);
   background:linear-gradient(to left,rgba(25,92,255,.22),rgba(25,92,255,0))}

.u-tctab{width:max-content;position:absolute;top:-20px;inset-inline-end:-14px;z-index:2;
   transform:rotate(-2.2deg);transform-origin:100% 100%;
   filter:drop-shadow(0 12px 22px rgba(25,92,255,.22));
   transition:transform .4s var(--ease)}
.u-tcgrid > .u-tcard:nth-child(even) .u-tctab{transform:rotate(-1.4deg)}
.u-tcgrid > .u-tcard:hover .u-tctab{transform:rotate(-4.4deg) translateY(-2px)}

.u-tcedge{display:block;padding:1px;background:rgba(25,92,255,.35);
   clip-path:polygon(10px 0,100% 0,100% calc(100% - 10px),calc(100% - 10px) 100%,0 100%,0 10px)}

.u-tcface{display:flex;align-items:center;gap:var(--sp-2);height:46px;
   padding-inline:var(--sp-3);background:linear-gradient(160deg,#fff,#e2eafc);
   clip-path:polygon(9px 0,100% 0,100% calc(100% - 9px),calc(100% - 9px) 100%,0 100%,0 9px)}

@media (max-width:760px){
  .u-tcgrid{grid-template-columns:minmax(0,1fr);gap:var(--sp-12)}
}
@media (max-width:420px){
  .u-tctab{inset-inline-end:-10px;top:-18px}
  .u-tcface{height:42px}
}
@media (prefers-reduced-motion:reduce){
  .u-tcard,.u-tctab{transition:none}
}