.stxp{--ink:#272727;--ink6:#5D5D5D;--ink5:#767676;--hair:#E3E3E3;--soft:#F5F5F5;--lime:#C3FF00;--mono:"IBM Plex Mono",ui-monospace,Menlo,monospace;color:var(--ink);background:#fff}
.stxp *{box-sizing:border-box}
.stxp img{display:block;width:100%;height:auto}
.stxp-w{max-width:1120px;margin:0 auto;padding:0 20px}
@media (min-width:960px){.stxp-w{padding:0 48px}}
.stxp-sec{padding:clamp(48px,7vw,96px) 0}
.stxp-grey{background:var(--soft)}
.stxp-ink{background:var(--ink);color:#fff}
.stxp-mono{font-family:var(--mono);font-size:11px;font-weight:500;letter-spacing:.1em;text-transform:uppercase}
.stxp h2{margin:0;font-size:clamp(30px,4vw,52px);font-weight:500;letter-spacing:-.04em;line-height:1.02;text-wrap:balance}
.stxp p{margin:0;font-size:15px;line-height:1.55;color:var(--ink6);text-wrap:pretty}
.stxp-head{display:flex;flex-direction:column;gap:12px;max-width:620px}
.stxp-head--c{margin:0 auto;text-align:center;align-items:center}
.stxp-split{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,400px),1fr));gap:clamp(24px,4vw,64px);align-items:center}
.stxp-split--flip > :first-child{order:2}
@media (max-width:899px){.stxp-split--flip > :first-child{order:0}}
.stxp-copy{display:flex;flex-direction:column;gap:16px;align-items:flex-start}
.stxp-copy .stxp-cta{display:none}
.stxp-tile{background:var(--soft);aspect-ratio:1;overflow:hidden;border-radius:16px}
.stxp-tile img{height:100%;object-fit:cover}
.stxp-img{border-radius:16px;overflow:hidden}
.stxp-cta{display:inline-flex;align-items:center;justify-content:center;height:50px;padding:0 26px;border-radius:999px;background:var(--ink);color:#fff;font-family:var(--mono);font-size:12px;font-weight:500;letter-spacing:.08em;text-transform:uppercase;text-decoration:none;transition:background .12s}
.stxp-cta:hover{background:#404040;color:#fff}
.stxp-stats{display:grid;grid-template-columns:1fr 1fr;gap:20px;width:100%;border-top:1px solid var(--ink);padding-top:16px}
.stxp-stat b{display:block;font-size:clamp(40px,5vw,64px);font-weight:500;letter-spacing:-.05em;line-height:1}
.stxp-stat span{display:block;margin-top:6px}
.stxp-box{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;width:100%}
.stxp-box div{display:flex;flex-direction:column;gap:4px;padding:14px;background:var(--soft);border-radius:12px}
.stxp-box b{font-size:14px;font-weight:500;line-height:1.3}
.stxp-box em{font-style:normal;font-size:13px;line-height:1.4;color:var(--ink5)}
@media (max-width:699px){.stxp-box{grid-template-columns:repeat(2,minmax(0,1fr))}}
.stxp-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-top:28px}
@media (max-width:799px){.stxp-steps{grid-template-columns:repeat(2,minmax(0,1fr))}}
.stxp-step{display:flex;flex-direction:column;gap:8px}
.stxp-step .stxp-tile{border-radius:14px}
.stxp-step-h{display:flex;align-items:baseline;gap:10px}
.stxp-step-h b{font-size:24px;font-weight:500;letter-spacing:-.03em;line-height:1}
.stxp-faq{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr));gap:24px clamp(32px,6vw,96px);align-items:start}
.stxp-faq details{border-bottom:1px solid var(--hair)}
.stxp-faq details:first-of-type{border-top:1px solid var(--ink)}
.stxp-faq summary{list-style:none;display:flex;justify-content:space-between;gap:16px;padding:16px 0;cursor:pointer;font-size:16px;font-weight:500;line-height:1.35}
.stxp-faq summary::-webkit-details-marker{display:none}
.stxp-faq summary::after{content:"+";font-family:var(--mono);font-size:18px;line-height:1;transition:transform .2s cubic-bezier(.2,0,0,1)}
.stxp-faq details[open] summary::after{transform:rotate(45deg)}
.stxp-faq details p{padding:0 0 16px;max-width:560px}
