.tp{--tp-floor:#0a0b0d;--tp-raise:#111418;--tp-hair:#1c2026;--tp-hair-2:#2a3038;--tp-ink:#f4f6f8;--tp-ink-2:#ccd2da;--tp-ink-3:#9aa2ad;--tp-lime:#ccff5f;--tp-lime-ink:#ddf2a6;--tp-glide:cubic-bezier(.32, .72, 0, 1);background:radial-gradient(1200px 520px at 78% -10%, #ccff5f0f, transparent 60%), var(--tp-floor);min-height:100dvh;color:var(--tp-ink);font:400 16px/1.6 Geist,system-ui,sans-serif}.tp a{color:inherit}.tp :focus-visible{outline:2px solid var(--tp-lime);outline-offset:3px;border-radius:6px}.tp-top{z-index:5;border-bottom:1px solid var(--tp-hair);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#0a0b0dd1;justify-content:space-between;align-items:center;gap:16px;height:64px;padding:0 max(16px,50vw - 560px);display:flex;position:sticky;top:0}.tp-brand{align-items:center;gap:10px;font:700 15px/1 Geist,sans-serif;text-decoration:none;display:inline-flex}.tp-mark{background:var(--tp-lime);color:#0a0b0d;border-radius:9px;place-items:center;width:32px;height:32px;display:grid}.tp-mark svg{width:18px}.tp-nav{align-items:center;gap:6px;display:flex}.tp-nav a{color:var(--tp-ink-2);border-radius:8px;padding:8px 12px;font-size:14px;text-decoration:none;transition:background .12s,color .12s}.tp-nav a:hover{background:var(--tp-raise);color:var(--tp-ink)}.tp-main{gap:72px;width:min(1120px,100% - 32px);margin:0 auto;padding:72px 0 96px;display:grid}.tp h1,.tp h2{letter-spacing:.005em;text-transform:uppercase;margin:0;font-family:Barlow Condensed,Geist,sans-serif;font-weight:800}.tp h1{font-size:clamp(48px,8vw,104px);line-height:.92}.tp h2{margin-bottom:22px;font-size:clamp(30px,4vw,44px);line-height:1}.tp h3{margin:0 0 8px;font-size:17px;font-weight:650}.tp p{margin:0}.tp code{border:1px solid var(--tp-hair-2);background:var(--tp-raise);border-radius:5px;padding:1px 6px;font:500 .88em Geist Mono,ui-monospace,monospace}.tp-hero{max-width:860px;animation:tp-rise .52s var(--tp-glide) both;justify-items:start;gap:22px;display:grid}.tp-eyebrow{color:var(--tp-lime-ink);letter-spacing:.14em;text-transform:uppercase;font:600 12px/1 Geist Mono,ui-monospace,monospace}.tp-lead{max-width:680px;color:var(--tp-ink-2);font-size:clamp(17px,2vw,20px);line-height:1.55}.tp-formats{flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none;display:flex}.tp-formats li{border:1px solid var(--tp-hair-2);color:var(--tp-ink-3);border-radius:999px;padding:5px 10px;font:600 12px/1 Geist Mono,ui-monospace,monospace}.tp-actions{flex-wrap:wrap;gap:12px;margin-top:6px;display:flex}.tp-cta,.tp-ghost{height:48px;transition:transform .18s var(--tp-glide), background .16s ease, border-color .16s ease;border-radius:12px;align-items:center;gap:10px;padding:0 22px;font-weight:650;text-decoration:none;display:inline-flex}.tp-cta{background:var(--tp-lime);color:#0a0b0d!important}.tp-cta span{transition:translate .18s var(--tp-glide)}.tp-cta:hover span{translate:4px}.tp-cta:active,.tp-ghost:active{transform:scale(.98)}.tp-ghost{border:1px solid var(--tp-hair-2);color:var(--tp-ink-2)}.tp-ghost:hover{background:var(--tp-raise);border-color:#3a414b}.tp-steps{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:14px;margin:0;padding:0;list-style:none;display:grid}.tp-steps li{border:1px solid var(--tp-hair);background:var(--tp-raise);color:var(--tp-ink-2);animation:tp-in .52s var(--tp-glide) both;animation-delay:calc(60ms + var(--i,0) * 50ms);border-radius:14px;align-content:start;gap:12px;padding:20px;display:grid}.tp-num{color:var(--tp-lime);font:700 13px/1 Geist Mono,ui-monospace,monospace}.tp-output{background:#0f140b;border:1px solid #2c3a1c;border-radius:14px;margin-top:14px;padding:20px}.tp-output p{color:var(--tp-ink-2)}.tp-guide{gap:18px;max-width:820px;display:grid}.tp-step{border-top:1px solid var(--tp-hair);padding:22px 0}.tp-step h3{align-items:baseline;gap:12px;font-size:20px;display:flex}.tp-step p{color:var(--tp-ink-2)}.tp-step p+p{margin-top:10px}.tp-faq{gap:10px;max-width:820px;display:grid}.tp-faq details{border:1px solid var(--tp-hair);background:var(--tp-raise);border-radius:12px;transition:border-color .16s}.tp-faq details[open]{border-color:var(--tp-hair-2)}.tp-faq summary{cursor:pointer;justify-content:space-between;gap:16px;padding:16px 18px;font-weight:600;list-style:none;display:flex}.tp-faq summary::-webkit-details-marker{display:none}.tp-faq summary:after{content:"+";color:var(--tp-lime);transition:rotate .22s var(--tp-glide);font:600 18px/1 Geist Mono,monospace}.tp-faq details[open] summary:after{rotate:45deg}.tp-faq details p{color:var(--tp-ink-2);padding:0 18px 18px}.tp-groups{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:28px;display:grid}.tp-groups h3{color:var(--tp-ink-3);letter-spacing:.12em;text-transform:uppercase;font:600 12px/1 Geist Mono,monospace}.tp-groups ul{gap:4px;margin:12px 0 0;padding:0;list-style:none;display:grid}.tp-groups a{color:var(--tp-ink-2);transition:color .12s ease, translate .18s var(--tp-glide);padding:4px 0;text-decoration:none;display:inline-block}.tp-groups a:hover{color:var(--tp-lime-ink);translate:3px}.tp-foot{border-top:1px solid var(--tp-hair);color:var(--tp-ink-3);justify-content:space-between;gap:16px;padding:28px max(16px,50vw - 560px);font-size:14px;display:flex}@keyframes tp-in{0%{opacity:0;translate:0 14px}}@keyframes tp-rise{0%{translate:0 10px}}@media (prefers-reduced-motion:reduce){.tp-hero,.tp-steps li{animation:none}.tp *,.tp :after{transition:none!important}}@media (max-width:640px){.tp-main{gap:56px;padding:48px 0 72px}.tp-nav a:first-child{display:none}.tp-foot{flex-direction:column}}.tp-area h2{margin-bottom:18px}.tp-cards{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:12px;margin:0;padding:0;list-style:none;display:grid}.tp-cards li{animation:tp-in .48s var(--tp-glide) both;animation-delay:calc(var(--i,0) * 40ms)}.tp-cards a{border:1px solid var(--tp-hair);background:var(--tp-raise);height:100%;transition:border-color .16s ease, translate .22s var(--tp-glide);border-radius:14px;gap:8px;padding:18px 20px;text-decoration:none;display:grid}.tp-cards strong{font-size:17px}.tp-cards span{color:var(--tp-ink-3);font-size:14.5px;line-height:1.5}@media (hover:hover){.tp-cards a:hover{border-color:#3a414b;translate:0 -2px}}@media (prefers-reduced-motion:reduce){.tp-cards li{animation:none}}
