/* Pi by Saharty — store & account */
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}
.st-mono{font-family:var(--mono);font-size:12px;letter-spacing:.2em;color:var(--red-t);font-weight:700}
.st-mono-a{font-family:var(--mono);font-size:13px}
.st-h2{margin:0 0 18px;font-family:var(--disp);font-weight:400;font-size:32px;text-transform:uppercase;line-height:1}
.st-small{font-size:14px;line-height:1.55;margin:12px 0 0}
.st-link{font:inherit;font-size:14px;background:none;border:0;padding:0;color:var(--red-t);cursor:pointer;text-decoration:underline;text-underline-offset:3px}
.st-link:hover{color:#FF7A70}
.st-full{width:100%}
.st-gap{margin-top:28px}
.st-intro{max-width:80ch;margin:0 0 28px;line-height:1.6}
.st-narrow{max-width:640px;padding-top:100px;padding-bottom:120px;display:flex;flex-direction:column;gap:20px}
.st-msg .display{font-size:clamp(48px,7vw,96px)}
.st-form-card{margin-top:12px}
.st-ticks{margin:24px 0 0;padding:0;list-style:none;display:flex;flex-direction:column;gap:12px;font-size:18px;color:#D4D4D4}
.st-ticks li::before{content:'✓';color:var(--red-t);font-weight:700;margin-right:12px}
.st-ticks-sm{font-size:14px;gap:8px;margin-top:20px;color:var(--mut)}
.st-meter{display:block;height:4px;background:#222;margin-top:2px}
.st-meter i{display:block;height:4px;width:0;transition:width .25s,background .25s}

/* auth */
.st-auth{padding-top:90px;padding-bottom:120px;display:flex;flex-wrap:wrap;gap:56px;align-items:flex-start}
.st-auth-side{flex:1 1 380px;display:flex;flex-direction:column;gap:22px}
.st-auth-side .display{font-size:clamp(52px,6.4vw,104px)}
.st-auth-box{flex:1 1 400px;max-width:520px;border-top:4px solid var(--red)}
.st-switch{display:grid;grid-template-columns:1fr 1fr;margin-bottom:24px;border:2px solid #333}
.st-switch a{text-align:center;padding:13px;color:#D4D4D4;font-weight:700;font-size:14px;letter-spacing:.1em;text-transform:uppercase}
.st-switch a[aria-current="page"]{background:var(--red);color:#fff}

/* cart & checkout */
.st-cart{display:flex;flex-wrap:wrap;gap:32px;align-items:flex-start}
.st-lines{flex:999 1 560px;min-width:0;display:flex;flex-direction:column;border-top:2px solid var(--txt)}
.st-line{display:flex;gap:22px;align-items:center;padding:22px 0;border-bottom:1px solid var(--line)}
.st-line-sm{padding:16px 0}
.st-line-img{flex:0 0 160px;border:1px solid var(--line2);overflow:hidden}
.st-line-img img{display:block;width:100%;height:auto;aspect-ratio:16/10;object-fit:cover;object-position:top left}
.st-line-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:6px}
.st-line-name{font-family:var(--disp);font-size:32px;line-height:1;text-transform:uppercase;color:var(--txt)}
a.st-line-name:hover{color:#fff}
.st-line-price{display:flex;flex-direction:column;align-items:flex-end;gap:6px;text-align:right}
.st-line-price b{font-family:var(--disp);font-weight:400;font-size:28px}
.st-line-price s{color:#777}
.st-soon{color:var(--mut);font-size:20px!important}
.st-summary{flex:1 1 320px;position:sticky;top:96px;border-top:4px solid var(--red)}
.st-code{display:flex;gap:8px;margin-bottom:18px}
.st-code .input{text-transform:uppercase;font-family:var(--mono);font-size:15px;padding:12px}
.st-totals{margin:0;display:flex;flex-direction:column}
.st-totals div{display:flex;justify-content:space-between;padding:10px 0;border-bottom:1px solid var(--line);font-size:16px}
.st-totals dt{color:#D4D4D4}.st-totals dd{margin:0}
.st-disc dd{color:#7FE3A0}
.st-total{border-bottom:0!important;padding-top:16px!important}
.st-total dt,.st-total dd{font-family:var(--disp);font-size:30px;text-transform:uppercase;color:#fff}
.st-summary .btn{margin-top:16px}
.st-who{display:flex;flex-direction:column;gap:6px;margin:0 0 8px;border-left:4px solid var(--red)}
.st-who b{font-size:20px}
.st-soon-box{display:flex;flex-direction:column;gap:10px;padding:18px;border:1px dashed #3A3A3A;margin-top:16px}
.st-soon-box b{font-family:var(--disp);font-weight:400;font-size:26px;text-transform:uppercase}
.st-soon-box span{color:var(--mut);font-size:15px}
#pp-buttons{margin-top:18px;min-height:60px}

/* thanks */
.st-keys{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:12px;margin-bottom:40px}
.st-keycard{display:flex;flex-direction:column;gap:12px;align-items:flex-start;border-left:4px solid var(--red)}
.st-key{display:block;font-family:var(--mono);font-size:clamp(15px,1.6vw,20px);letter-spacing:.06em;color:#fff;background:#000;border:1px solid #333;padding:12px 14px;word-break:break-all;user-select:all}
.st-steps{margin:0 0 36px;padding-left:22px;display:flex;flex-direction:column;gap:12px;font-size:18px;color:#D4D4D4}
.st-steps b{color:#fff}

/* account */
.st-acc-head h1{font-size:clamp(48px,7vw,110px)}
.st-acc-bar{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;border-bottom:1px solid var(--line2);padding-bottom:16px}
.st-acc-tabs{display:flex;flex-wrap:wrap;gap:8px}
.st-acc-tabs a{color:#fff;border:2px solid #3A3A3A;padding:11px 16px;font-weight:700;font-size:13px;letter-spacing:.1em;text-transform:uppercase}
.st-acc-tabs a[aria-current="page"]{background:var(--red);border-color:var(--red)}
.st-verify{display:flex;flex-wrap:wrap;gap:8px 16px;align-items:center;margin:8px 0 0}
.st-empty{max-width:720px;display:flex;flex-direction:column;gap:12px}
.st-empty p{margin:0}
.st-lics{display:flex;flex-direction:column;gap:16px}
.st-lic{display:flex;flex-direction:column;gap:22px;border-left:4px solid var(--red)}
.st-lic-head{display:flex;justify-content:space-between;align-items:flex-start;gap:16px}
.st-lic-name{margin:6px 0 0;font-family:var(--disp);font-weight:400;font-size:36px;line-height:1;text-transform:uppercase}
.st-keyrow{display:flex;flex-wrap:wrap;align-items:center;gap:12px}
.st-keyrow .st-mono{flex:0 0 100%}
.st-machines{display:flex;flex-direction:column;gap:10px}
.st-machines p{margin:0}
.st-machine{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:12px 0;border-top:1px solid var(--line)}
.st-machine > div{display:flex;flex-direction:column;gap:2px}
.st-machine .muted{font-size:14px}
.st-lic-foot{font-size:13px;border-top:1px solid var(--line);padding-top:14px}
.st-dl{display:flex;flex-direction:column;border-top:2px solid var(--txt)}
.st-dl-row{display:flex;flex-wrap:wrap;gap:22px;align-items:center;padding:22px 0;border-bottom:1px solid var(--line)}
.st-dl-img{flex:0 0 180px;border:1px solid var(--line2);overflow:hidden}
.st-dl-img img{display:block;width:100%;height:auto;aspect-ratio:16/10;object-fit:cover;object-position:top left}
.st-dl-info{flex:1 1 240px;display:flex;flex-direction:column;gap:6px}
.st-dl-btns{display:flex;flex-wrap:wrap;gap:8px}
.st-scroll{overflow-x:auto}
.st-scroll .table{min-width:640px}
.st-two{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(420px,100%),1fr));gap:16px}

@media (max-width:900px){
  .st-summary{position:static}
  .st-auth{padding-top:56px}
}
@media (max-width:560px){
  .st-line{flex-wrap:wrap}
  .st-line-img{flex:0 0 100%}
  .st-line-price{flex-direction:row;align-items:center;justify-content:space-between;width:100%}
  .st-dl-img{flex:0 0 100%}
  .st-dl-btns .btn{flex:1}
  .st-lic-head{flex-direction:column}
}