.punk-shock{border-top:1px solid var(--punk-line);border-bottom:1px solid var(--punk-line);background:var(--punk-ink);color:var(--punk-paper);padding:clamp(70px,10vw,145px) 4vw}.punk-shock-seat,.punk-shock-freedom{background:var(--punk-acid);color:var(--punk-ink)}.punk-shock-kicker{letter-spacing:.08em;text-transform:uppercase;margin-bottom:28px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.66rem;font-weight:900}.punk-shock-grid{grid-template-columns:minmax(0,1.15fr) minmax(300px,.42fr);align-items:end;gap:clamp(45px,7vw,120px);display:grid}.punk-shock h2{letter-spacing:-.075em;text-transform:uppercase;max-width:12ch;margin:0;font-family:Arial Black,Helvetica Neue,Helvetica,Arial,sans-serif;font-size:clamp(4.2rem,9.4vw,10.5rem);font-weight:950;line-height:.78}.punk-shock-login h2{max-width:14ch;font-size:clamp(3.7rem,8.2vw,9rem)}.punk-shock-market h2{max-width:15ch;font-size:clamp(3.5rem,7.4vw,8rem)}.punk-shock-copy{border-top:4px solid;gap:28px;padding-top:22px;display:grid}.punk-shock-copy p{margin:0;font-size:clamp(1rem,1.5vw,1.3rem);font-weight:650;line-height:1.48}.punk-shock-copy strong{letter-spacing:-.045em;text-transform:uppercase;font-family:Arial Black,Helvetica Neue,Helvetica,Arial,sans-serif;font-size:clamp(1.5rem,2.6vw,3rem);line-height:.94}.punk-connectors-marquee{border-top:1px solid var(--punk-soft-line);border-bottom:1px solid var(--punk-soft-line);background:var(--punk-paper);color:var(--punk-ink);padding:clamp(85px,11vw,160px) 0;overflow:hidden}.punk-connectors-copy{grid-template-columns:minmax(0,1fr) minmax(300px,.42fr);align-items:end;gap:clamp(40px,7vw,110px);margin-bottom:60px;padding:0 4vw;display:grid}.punk-connectors-copy .punk-eyebrow{grid-column:1/-1;margin-bottom:-16px}.punk-connectors-copy h2{letter-spacing:-.072em;text-transform:uppercase;margin:0;font-family:Arial Black,Helvetica Neue,Helvetica,Arial,sans-serif;font-size:clamp(4rem,8.5vw,9rem);font-weight:950;line-height:.79}.punk-connectors-copy p{color:oklch(38% 0 0);margin:0;font-size:1rem;font-weight:650;line-height:1.55}.punk-connectors-rails{gap:10px;display:grid}.punk-marquee-viewport{width:100%;overflow:hidden}.punk-marquee-track{gap:10px;width:max-content;animation:58s linear infinite punk-marquee-left;display:flex}.punk-marquee-track.is-reverse{animation-name:punk-marquee-right;animation-duration:65s}.punk-connector-chip{border:1px solid var(--punk-ink);background:var(--punk-white);flex:none;align-items:center;gap:11px;min-height:64px;padding:0 18px;display:inline-flex}.punk-connector-chip img,.punk-connector-fallback{flex:0 0 28px;width:28px;height:28px}.punk-connector-chip img{object-fit:contain}.punk-connector-fallback{background:var(--punk-ink);color:var(--punk-paper);justify-content:center;align-items:center;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.56rem;font-weight:900;display:inline-flex}.punk-connector-chip strong{letter-spacing:.03em;text-transform:uppercase;white-space:nowrap;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.68rem;font-weight:850}.punk-connectors-bottom{border-top:3px solid var(--punk-ink);letter-spacing:-.045em;text-transform:uppercase;justify-content:space-between;gap:30px;margin:54px 4vw 0;padding-top:21px;font-family:Arial Black,Helvetica Neue,Helvetica,Arial,sans-serif;font-size:clamp(1.5rem,3vw,3.6rem);line-height:.95;display:flex}.punk-connectors-bottom span{color:oklch(42% 0 0)}@keyframes punk-marquee-left{0%{transform:translate(0)}to{transform:translate(-50%)}}@keyframes punk-marquee-right{0%{transform:translate(-50%)}to{transform:translate(0)}}.punk-dead:before{content:"";z-index:0;aspect-ratio:720/962;filter:grayscale();mix-blend-mode:multiply;opacity:.12;pointer-events:none;background:url(/punkcrm-throw-crm.svg) 50%/contain no-repeat;width:clamp(210px,23vw,430px);position:absolute;bottom:clamp(-44px,-2vw,-18px);right:clamp(18px,4vw,72px)}.punk-dead:after{opacity:.035}.punk-banner-track{will-change:transform;justify-content:flex-start;gap:0;width:max-content;min-width:0;padding:24px 0 21px;animation:18s linear infinite punk-banner-marquee}.punk-banner-track>*{clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.punk-banner-track:before,.punk-banner-track:after{content:"NO LOCK-IN.  ★  NO SEAT TAX.  ★  OWN YOUR SYSTEM.  ★  NO MONTHLY RENT.  ★  ";white-space:nowrap;flex:none;padding:0 3vw;display:block}@keyframes punk-banner-marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}.punk-banner:hover .punk-banner-track{animation-play-state:paused}@media (width<=900px){.punk-shock-grid,.punk-connectors-copy{grid-template-columns:1fr}.punk-shock h2,.punk-shock-market h2,.punk-shock-login h2{max-width:none}.punk-connectors-copy .punk-eyebrow{grid-column:auto;margin-bottom:-8px}.punk-dead:before{width:clamp(180px,34vw,300px);bottom:-52px;right:12px}}@media (width<=620px){.punk-shock{padding:64px 20px 68px}.punk-shock-grid{gap:34px}.punk-shock h2,.punk-shock-market h2,.punk-shock-login h2{overflow-wrap:anywhere;font-size:clamp(3.2rem,15.8vw,5.1rem);line-height:.82}.punk-shock-copy{gap:20px}.punk-connectors-marquee{padding-top:72px;padding-bottom:75px}.punk-connectors-copy{margin-bottom:42px;padding:0 20px}.punk-connectors-copy h2{font-size:clamp(3.15rem,15vw,5rem)}.punk-connector-chip{min-height:54px;padding:0 14px}.punk-connector-chip img,.punk-connector-fallback{flex-basis:24px;width:24px;height:24px}.punk-connectors-bottom{flex-direction:column;margin:40px 20px 0;font-size:2rem}.punk-dead:before{opacity:.1;width:190px;bottom:-34px;right:-24px}.punk-banner-track{animation-duration:14s}}@media (prefers-reduced-motion:reduce){.punk-marquee-track,.punk-marquee-track.is-reverse,.punk-banner-track{animation-play-state:paused}}
