.thankage-web,
.thankage-web *{
  box-sizing:border-box;
}
 
.thankage-web{
  color:#14141C;
  padding:138px 24px 100px;
}
 
.thankage-web .wrap{
  max-width:1180px;
  margin:0 auto;
}
 
.thankage-web .back-link{
  display:block;
  font-size:35px;
  font-weight:600;
  color:#E85A1B;
  text-decoration:none;
  margin-bottom:24px;
}
 
.thankage-web .eyebrow{
  display:inline-block;
  background:#E85A1B;
  color:#FFFFFF;
  font-size:13px;
  font-weight:700;
  letter-spacing:.08em;
  text-transform:uppercase;
  padding:6px 14px;
  border-radius:3px;
  margin-bottom:22px;
}
 
.thankage-web h1{
  font-size:clamp(28px,4vw,42px);
  line-height:1.15;
  margin:0 0 14px;
  font-weight:800;
  color:#14141C;
}
 
.thankage-web h1 .hl{
  color:#E85A1B;
}
 
.thankage-web .lede{
  color:#6B7280;
  font-size:17px;
  max-width:1180px;
  line-height:1.6;
  margin:0 0 48px;
}
 
.thankage-web section{
  margin-bottom:76px;
}
 
.thankage-web section:last-child{
  margin-bottom:0;
}
 
.thankage-web .section-label{
  display:flex;
  align-items:center;
  gap:14px;
  margin-bottom:8px;
}
 
.thankage-web .section-label .idx{
  font-size:13px;
  font-weight:800;
  color:#E85A1B;
  letter-spacing:.05em;
  text-transform:uppercase;
}
 
.thankage-web .section-label .line{
  flex:1;
  height:1px;
  background:#E7E7EC;
}
 
.thankage-web h2.section-title{
  font-size:25px;
  font-weight:800;
  color:#14141C;
  margin:0 0 8px;
}
 
.thankage-web .section-desc{
  font-size:15px;
  color:#6B7280;
  margin:0 0 28px;
  max-width:1180px;
  line-height:1.6;
}
 
.thankage-web .pull{
  border-left:3px solid #0E9E7A;
  background:linear-gradient(90deg, rgba(14,158,122,0.06), rgba(14,158,122,0));
  padding:14px 20px;
  font-size:16px;
  font-style:italic;
  line-height:1.6;
  color:#3A3F4B;
  border-radius:0 6px 6px 0;
  margin:20px 0 0;
}
 
/* Version timeline */
.thankage-web .version-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:20px;
}
 
.thankage-web .vcard{
  border:1px solid #E7E7EC;
  border-radius:12px;
  overflow: hidden;
  box-shadow:0 1px 3px rgba(20,20,28,0.06), 0 1px 2px rgba(20,20,28,0.04);
}
 
@property --tk-spin{
  syntax:'<angle>';
  initial-value:0deg;
  inherits:false;
}

@keyframes tkBorderSpin{
  to{ --tk-spin:360deg; }
}

@keyframes tkPulseGlow{
  0%,100%{
    box-shadow:0 1px 3px rgba(20,20,28,0.06), 0 1px 2px rgba(20,20,28,0.04), 0 0 0 0 rgba(232,90,27,0.35);
  }
  50%{
    box-shadow:0 1px 3px rgba(20,20,28,0.06), 0 1px 2px rgba(20,20,28,0.04), 0 0 26px 6px rgba(232,90,27,0.35);
  }
}

@keyframes tkShine{
  0%{ transform:translateX(-130%) rotate(12deg); }
  100%{ transform:translateX(260%) rotate(12deg); }
}

.thankage-web .vcard.active{
  position:relative;
  border:3px solid transparent;
  background:
    linear-gradient(#FFFFFF,#FFFFFF) padding-box,
    conic-gradient(from var(--tk-spin), #E85A1B, #FFD9B8, #E85A1B 40%, #FFD9B8 60%, #E85A1B) border-box;
  animation:tkBorderSpin 2.5s linear infinite, tkPulseGlow 2s ease-in-out infinite;
  overflow: visible !important;
}

.thankage-web .vcard.active .vhead{
  padding-top:34px;
}

@keyframes ribbonBounce{
  0%,100%{ transform:rotate(-8deg) translateY(0); }
  50%{ transform:rotate(-8deg) translateY(-5px); }
}

.thankage-web .vcard.active::after{
  content:"NEW GENERATION";
  position:absolute;
  top:-15px;
  left:-3px;
  width:160px;
  padding:5px 0;
  background:#E85A1B;
  color:#FFFFFF;
  font-size:13px;
  font-weight:800;
  letter-spacing:.02em;
  text-align:center;
  box-shadow:0 2px 6px rgba(0,0,0,0.15);
  z-index:3;
  animation:ribbonBounce 1s ease-in-out infinite;
}

.thankage-web .vcard.active .vhead,
.thankage-web .vcard.active .vbody{
  position:relative;
  z-index:2;
}
 
.thankage-web .vhead{
  padding:20px 22px 16px;
  border-bottom:1px solid #E7E7EC;
}
 
.thankage-web .vhead .vnum{
  font-size:27px;
  font-weight:800;
  color:#6B7280;
}
 
.thankage-web .vcard.active .vhead .vnum{
  color:#E85A1B;
}
 
.thankage-web .vhead .vyears{
  font-size:13px;
  color:#6B7280;
  font-weight:700;
  letter-spacing:.03em;
  margin-top:4px;
}
 
.thankage-web .vbody{
  padding:18px 22px 22px;
}
 
.thankage-web .vbody h3{
  font-size:16px;
  font-weight:800;
  margin:0 0 10px;
  color:#14141C;
}
 
.thankage-web .vbody p{
  font-size:14px;
  line-height:1.65;
  color:#3A3F4B;
  margin:0 0 12px;
}
 
.thankage-web .vbody ul{
  margin:0;
  padding-left:16px;
}
 
.thankage-web .vbody li{
  font-size:13px;
  line-height:1.6;
  color:#3A3F4B;
  margin-bottom:5px;
}
 
/* Compare */
.thankage-web .compare{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:16px;
  margin:24px 0 12px;
}
 
.thankage-web .compare .col{
  border:1px solid #E7E7EC;
  border-radius:10px;
  padding:20px;
}
 
.thankage-web .compare .col.muted{
  background:#FAFAFB;
}
 
.thankage-web .compare .col.highlight{
  border-color:#0E9E7A;
  background:rgba(14,158,122,0.03);
}
 
.thankage-web .compare .col h3{
  font-size:15px;
  font-weight:800;
  margin:0 0 10px;
  color:#14141C;
}
 
.thankage-web .compare .col p{
  font-size:14px;
  line-height:1.6;
  color:#3A3F4B;
  margin:0;
}
 
/* Fact strip */
.thankage-web .fact-strip{
  display:flex;
  border:1px solid #E7E7EC;
  border-radius:10px;
  overflow:hidden;
  margin:24px 0;
}
 
.thankage-web .fact{
  flex:1;
  padding:18px 14px;
  text-align:center;
  border-right:1px solid #E7E7EC;
}
 
.thankage-web .fact:last-child{
  border-right:none;
}
 
.thankage-web .fact .num{
  font-size:20px;
  font-weight:800;
  color:#14141C;
  display:block;
}
 
.thankage-web .fact .label{
  font-size:12px;
  color:#6B7280;
  margin-top:5px;
  display:block;
  line-height:1.35;
}
 
.thankage-web .body-text{
  font-size:15px;
  line-height:1.75;
  color:#3A3F4B;
  max-width:800px;
  margin:0 0 8px;
}
 
/* Plain list (security section) */
.thankage-web .plain-list{
  font-size:14px;
  line-height:1.8;
  color:#3A3F4B;
  padding-left:20px;
  max-width:800px;
  margin:0;
}
 
.thankage-web .plain-list li{
  margin-bottom:6px;
}
 
/* Format cards */
.thankage-web .format-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:20px;
}
 
.thankage-web .fcard{
  border:1px solid #E7E7EC;
  border-radius:10px;
  padding:20px;
  box-shadow:0 1px 3px rgba(20,20,28,0.06), 0 1px 2px rgba(20,20,28,0.04);
}
 
.thankage-web .fcard .tag{
  font-size:11px;
  font-weight:700;
  letter-spacing:.06em;
  text-transform:uppercase;
  color:#0E9E7A;
  background:rgba(14,158,122,0.10);
  padding:4px 9px;
  border-radius:20px;
  display:inline-block;
  margin-bottom:10px;
}
 
.thankage-web .fcard h3{
  font-size:17px;
  font-weight:800;
  margin:0 0 8px;
  color:#14141C;
}
 
.thankage-web .fcard p{
  font-size:13px;
  line-height:1.6;
  color:#3A3F4B;
  margin:0;
}
 
/* Quote block */
.thankage-web .quote-block{
  border:1px solid #E7E7EC;
  border-left:3px solid #0E9E7A;
  border-radius:0 10px 10px 0;
  padding:20px 22px;
  margin:24px 0 0;
}
 
.thankage-web .quote-block p{
  font-size:16px;
  font-style:italic;
  color:#14141C;
  margin:0 0 10px;
  line-height:1.6;
}
 
.thankage-web .quote-block .attr{
  font-size:13px;
  color:#6B7280;
  font-weight:600;
}
 
.thankage-web .closing{
  text-align:center;
  padding:32px 24px;
  background:linear-gradient(90deg, rgba(232,90,27,0.06), rgba(14,158,122,0.06));
  border-radius:12px;
  font-size:17px;
  font-weight:700;
  color:#14141C;
  margin-top:20px;
}
 
@media (max-width:900px){
  .thankage-web .version-grid{
    grid-template-columns:1fr;
  }
  .thankage-web .format-grid{
    grid-template-columns:1fr;
  }
}
 
@media (max-width:700px){
  .thankage-web .compare{
    grid-template-columns:1fr;
  }
}