.mono{font-family:'Satoshi','Satoshi Fallback',sans-serif;font-weight:700;font-size:var(--l1);
  letter-spacing:var(--ls-uc);text-transform:uppercase}


section.pad{padding-block:var(--sy);scroll-margin-top:20px}
.pad{padding-inline:max(var(--gut), (100% - var(--maxw))/2)}
 
.lab{color:var(--mut)}
h2.sec{font-size:var(--d4);letter-spacing:var(--ls-d2);margin:14px 0 34px}
#system h2.sec{margin-bottom:24px}
 
 
.climb{display:grid;grid-template-columns:repeat(4,1fr);gap:0 var(--cgap);align-items:start;
  --rise:80px;--cgap:28px;--numh:clamp(38px,3.6vw,52px);--ngap:12px;--tclear:40px}
.cl{position:relative;padding-top:calc(var(--numh) + var(--ngap) + 20px)}
.cl:nth-child(1){margin-top:calc(var(--rise) * 3)}
.cl:nth-child(2){margin-top:calc(var(--rise) * 2)}
.cl:nth-child(3){margin-top:calc(var(--rise) * 1)}
 
.cl .n{position:absolute;top:0;left:0;height:var(--numh);display:flex;align-items:flex-end;
  font-family:'Clash Display','Clash Fallback';font-weight:700;font-size:var(--numh);line-height:.82;
  letter-spacing:var(--ls-d2);color:var(--acc)}
.cl .rule{position:absolute;top:calc(var(--numh) + var(--ngap));left:calc(var(--cgap) * -1);right:0;height:2px;background:var(--line);overflow:hidden}
.cl:first-child .rule{left:0}
.cl .rule i,.cl .riser i{display:block;width:100%;height:100%;background:var(--acc)}
.cl .rule i{transform:scaleX(var(--t,0));transform-origin:left}
 
.cl .riser{position:absolute;top:calc(var(--numh) + var(--ngap) - var(--rise));right:0;width:2px;height:var(--rise);overflow:hidden;background:var(--line)}
.cl .riser i{transform:scaleY(var(--t,0));transform-origin:bottom}
.cl h3{font-size:var(--t1);letter-spacing:var(--ls-d3);margin:0 0 8px;line-height:1.15;max-width:calc(100% - var(--tclear))}
.cl p{color:var(--mut);font-size:var(--t5);margin:0;max-width:calc(100% - var(--tclear))}
 
html.anim .cl .n,html.anim .cl h3{opacity:calc(.5 + .5 * var(--lit,0))}
.cl .n,.cl h3{transition:opacity .25s linear}
@media(max-width:1200px){.climb{grid-template-columns:1fr 1fr;--rise:68px;--cgap:32px;--tclear:48px}
 .cl:nth-child(1){margin-top:var(--rise)}
 .cl:nth-child(2){margin-top:0}
 .cl:nth-child(3){margin-top:calc(var(--rise) + 64px)}
 .cl:nth-child(4){margin-top:64px}
 .cl:nth-child(3) .rule{left:0}
 .cl:nth-child(2) .riser{display:none}}
 
.cgrid{display:grid;grid-template-columns:1fr 1fr;gap:32px}
.cgrid>*{min-width:0}


.lcband2{background:var(--volt-field);color:#fff;padding-block:var(--sy);position:relative;overflow:hidden;
  padding-inline:max(var(--gut), (100% - var(--maxw))/2);
   
  --tkpaper:var(--sand-050,#FEFFF9);--tkink:var(--ink);
  --tkmut:rgba(22,21,15,.78);--tkdim:rgba(22,21,15,.64);
  --tkline:rgba(22,21,15,.22);--tkline2:rgba(22,21,15,.32);
  --tkshadow:rgba(22,21,15,.17);
   
  --onred:rgba(22,21,15,.82);--onred-soft:rgba(22,21,15,.72)}
 
.lcband2 .tkt{
  --btn-fill:var(--tkink); --btn-label:var(--tkpaper);
  --fg:var(--tkink); --focus:var(--tkink);
   
  --offer-fg:var(--clay-700); --offer-surf:var(--clay-700);
  --offer-label:var(--sand-050,#FEFFF9)}
 
html[data-theme="dark"] .lcband2 .tkt{
  --offer-fg:var(--clay-300); --offer-surf:var(--clay-300);
  --offer-label:var(--iron-900,#0B0A06)}
 
html[data-theme="dark"] .lcband2{
  --tkpaper:#1A1912;--tkink:var(--sand-100,#F3F1EA);

  --tkmut:rgba(243,241,234,.74);--tkdim:rgba(243,241,234,.6);
  --tkline:rgba(243,241,234,.24);--tkline2:rgba(243,241,234,.34);
  --tkshadow:rgba(9,9,5,.44);
  --onred:rgba(20,19,13,.82);--onred-soft:rgba(20,19,13,.72)}
.lcband2 .mono{font-weight:700;color:var(--onred-soft)}
 
 
 
.lcband2 h2{font-size:var(--d4);letter-spacing:var(--ls-d2);max-width:15ch;line-height:1.08;margin:12px 0 0}
 
.tkt{--tkgap:0px;
   
  display:grid;grid-template-columns:minmax(0,7fr) minmax(0,3fr);
  column-gap:var(--tkgap);margin-top:32px;
  filter:drop-shadow(0 16px 30px var(--tkshadow));
   
  transition:opacity .7s ease, transform .7s ease}
.tkh{background:var(--tkpaper);color:var(--tkink);
  padding:clamp(28px,3vw,44px);position:relative;
  display:flex;flex-direction:column}
 
.tkh::after{content:"";position:absolute;inset:0;pointer-events:none;
  background-image:var(--grain);background-size:128px 128px;
  mix-blend-mode:overlay;opacity:.5}
 
.tkh>*{position:relative;z-index:1}
 
.tkser{position:absolute;right:9px;top:50%;transform:translateY(-50%);
  writing-mode:vertical-rl;font-family:'Satoshi','Satoshi Fallback',sans-serif;
  font-size:var(--l2);letter-spacing:var(--ls-uc);text-transform:uppercase;
  color:var(--tkdim);opacity:.62;pointer-events:none;z-index:0;
  user-select:none}
 
 
.tkh.l{border-radius:var(--r5) 0 0 var(--r5);
  --bite:radial-gradient(circle 10px at 100% 0,transparent 97%,#000 100%),
         radial-gradient(circle 10px at 100% 100%,transparent 97%,#000 100%),
         radial-gradient(circle 3px at 100% 8px,transparent 94%,#000 100%);
  -webkit-mask-image:var(--bite);mask-image:var(--bite);
  -webkit-mask-size:100% 100%,100% 100%,100% 16px;
  mask-size:100% 100%,100% 100%,100% 16px;
  -webkit-mask-repeat:no-repeat,no-repeat,repeat-y;
  mask-repeat:no-repeat,no-repeat,repeat-y;
  -webkit-mask-position:0 0,0 0,0 16px;mask-position:0 0,0 0,0 16px;
  -webkit-mask-composite:source-in;mask-composite:intersect}
.tkh.r{border-radius:0 var(--r5) var(--r5) 0;
  --bite:radial-gradient(circle 10px at 0 0,transparent 97%,#000 100%),
         radial-gradient(circle 10px at 0 100%,transparent 97%,#000 100%),
         radial-gradient(circle 3px at 0 8px,transparent 94%,#000 100%);
  -webkit-mask-image:var(--bite);mask-image:var(--bite);
  -webkit-mask-size:100% 100%,100% 100%,100% 16px;
  mask-size:100% 100%,100% 100%,100% 16px;
  -webkit-mask-repeat:no-repeat,no-repeat,repeat-y;
  mask-repeat:no-repeat,no-repeat,repeat-y;
  -webkit-mask-position:0 0,0 0,0 16px;mask-position:0 0,0 0,0 16px;
  -webkit-mask-composite:source-in;mask-composite:intersect;
  transform-origin:left center;
  transition:transform .5s cubic-bezier(.22,1,.36,1)}
 
@media(hover:hover) and (min-width:761px){
  .tkt:hover .tkh.r{transform:translate(19px,-3px) rotate(2deg)}
  .tkt:hover .tkseam{opacity:0}
}
.tkk{font-family:'Satoshi','Satoshi Fallback',sans-serif;font-size:var(--l2);letter-spacing:var(--ls-uc);
  text-transform:uppercase;color:var(--tkdim);display:block;margin-bottom:10px}
.tkb{font-family:'Clash Display','Clash Fallback';font-weight:700;letter-spacing:var(--ls-d1);font-variant-numeric:tabular-nums;
  font-size:var(--d3);line-height:.9;display:block}
 
.tkh .was{font-family:'Clash Display','Clash Fallback';font-weight:700;font-size:var(--d6);
  letter-spacing:var(--ls-d2);color:var(--tkdim);display:block;line-height:1;
  margin-bottom:4px}
 
.tkp{font-size:var(--t5);color:var(--tkmut);margin:16px 0 28px;max-width:40ch;line-height:1.55}
 
.tkact{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:18px 34px}
 
.tkact .tkp{margin:16px 0;flex:0 1 40ch}
.tkgo{flex:0 0 auto}
 
 
.tkh.r .tkp{max-width:32ch;margin-bottom:24px}
.tkh.r{padding-inline:clamp(22px,2.1vw,30px)}
 
.tkh.r .tkb{font-size:var(--d3)}

 
 
.tkf{margin-top:auto;padding-top:20px;display:flex;gap:10px 34px;flex-wrap:wrap;
  border-top:1px solid var(--tkline)}
.tkst{display:flex;align-items:baseline;gap:9px;font-size:var(--t5);font-weight:600}
.tkst i{font-style:normal;font-family:'Satoshi','Satoshi Fallback',sans-serif;font-size:var(--l1);
  letter-spacing:var(--ls-uc);font-weight:500;color:var(--tkdim)}

 
.tkseam{display:none}
 
@media(hover:none),(max-width:760px){
  .tkt.torn{--tkgap:0px}
}

@media(max-width:760px){
   
  .tkt{grid-template-columns:minmax(0,1fr);column-gap:0;row-gap:var(--tkgap);
    max-width:none;
     
    filter:drop-shadow(0 4px 14px var(--tkshadow))}
   
  .tkh.l{border-radius:var(--r5) var(--r5) 0 0;
    --bite:radial-gradient(circle 10px at 0 100%,transparent 97%,#000 100%),
           radial-gradient(circle 10px at 100% 100%,transparent 97%,#000 100%),
           radial-gradient(circle 3px at 8px 100%,transparent 94%,#000 100%);
    -webkit-mask-size:100% 100%,100% 100%,16px 100%;
    mask-size:100% 100%,100% 100%,16px 100%;
    -webkit-mask-repeat:no-repeat,no-repeat,repeat-x;
    mask-repeat:no-repeat,no-repeat,repeat-x;
    -webkit-mask-position:0 0,0 0,16px 0;mask-position:0 0,0 0,16px 0}
  .tkh.r{border-radius:0 0 var(--r5) var(--r5);transform-origin:center top;
    --bite:radial-gradient(circle 10px at 0 0,transparent 97%,#000 100%),
           radial-gradient(circle 10px at 100% 0,transparent 97%,#000 100%),
           radial-gradient(circle 3px at 8px 0,transparent 94%,#000 100%);
    -webkit-mask-size:100% 100%,100% 100%,16px 100%;
    mask-size:100% 100%,100% 100%,16px 100%;
    -webkit-mask-repeat:no-repeat,no-repeat,repeat-x;
    mask-repeat:no-repeat,no-repeat,repeat-x;
    -webkit-mask-position:0 0,0 0,16px 0;mask-position:0 0,0 0,16px 0}
   
  .tkt.torn .tkh.r{transform:none}
  .tkp{max-width:none}
}
 
 
@media(prefers-reduced-motion:reduce){
  .tkt,.tkh.r,.tkseam{transition:none}
}
.lcfoot{display:flex;gap:18px 32px;align-items:center;justify-content:space-between;
  flex-wrap:wrap;margin-top:30px}
.lcfine{color:var(--onred-soft);font-size:var(--t6);letter-spacing:var(--ls-t2)}


@media(max-width:900px){.cgrid{grid-template-columns:1fr}
  
 .climb{grid-template-columns:1fr;gap:0;--rise:0px;--tclear:0px;
   position:relative;padding-left:30px;margin-top:6px}
 .climb::before,.climb::after{content:"";position:absolute;left:0;top:4px;width:4px;
   height:calc(100% - 8px);border-radius:4px}
 .climb::before{background:var(--line)}
 .climb::after{background:var(--acc);transform:scaleY(var(--cp,0));transform-origin:top;
   will-change:transform}
 #system.invfg .climb::before{background:rgba(255,255,255,.2)}
 .cl{margin:0!important;padding:0 0 34px}
 .cl:last-child{padding-bottom:0}
 .cl .rule,.cl .riser{display:none}
 .cl .n{position:static;height:auto;display:block;font-family:'Satoshi','Satoshi Fallback',sans-serif;
   font-size:var(--l1);font-weight:500;letter-spacing:var(--ls-uc);line-height:1;color:var(--acc);
   margin-bottom:9px}
 .cl h3{font-size:var(--t2);max-width:none;margin-bottom:7px}
 .cl p{max-width:none;font-size:var(--t5)}
  
  
 html.anim .cl .n,html.anim .cl h3{opacity:calc(.6 + .4 * var(--lit,0))}
 html.anim .cl .n,html.anim .cl h3,html.anim .cl p{
   transform:translateY(calc((1 - var(--lit,0)) * 10px))}
 .cl .n,.cl h3,.cl p{transition:opacity .3s linear,transform .45s cubic-bezier(.22,1,.36,1)}
 .lcgrid{grid-template-columns:1fr;gap:26px}.lcband2 h2{max-width:none}.lcfoot{align-items:flex-start;flex-direction:column;gap:18px}}


.lcband2{color:var(--ink)}
.lcband2 h2{color:var(--ink)}
.lcband2 .mono{font-weight:700;color:var(--onred-soft)}
.lcfine{color:var(--onred-soft)}


.tick,.lcband2{position:relative;z-index:2}