@font-face{font-family:MyStreet Pricing Pixel;src:url(/figma/pricing/Silkscreen-Regular.ttf)format("truetype");font-weight:400;font-display:swap}.street-pricing{color:var(--ms-ink);background:var(--ms-white);font-family:var(--ms-font);overflow:clip}.street-pricing p,.street-pricing h1,.street-pricing h2,.street-pricing h3{margin:0}.pricing-landscape{height:478px;padding-top:277px;position:relative}.pricing-landscape>img{object-fit:cover;object-position:center top}.pricing-landscape:after{content:"";pointer-events:none;background:linear-gradient(#0000 30%,#ffffff1f 58%,#fff 100%);position:absolute;inset:0}.pricing-current{z-index:1;-webkit-backdrop-filter:blur(24px)saturate(150%);min-height:107px;box-shadow:var(--ms-shadow);background:#ffffffc7;border:1px solid #ffffffe6;border-radius:24px;align-items:center;gap:24px;padding:20px 24px;display:flex;position:relative}.pricing-current>img{border-radius:16px;flex-shrink:0}.pricing-current strong{font-size:var(--ms-h3);font-weight:600;line-height:1.15}.pricing-current p{color:var(--ms-secondary);margin-top:8px}.pricing-current>a{border-radius:999px;flex-shrink:0;margin-left:auto}.pricing-intro{padding-block:80px 96px}.pricing-eyebrow{font-size:var(--ms-label);letter-spacing:.16em;color:var(--ms-secondary)}.pricing-intro h1{letter-spacing:-.055em;margin-block:24px;font-size:clamp(52px,6.67vw,96px);font-weight:600;line-height:1.05}.pricing-lead{max-width:830px;color:var(--ms-secondary);font-size:24px;line-height:1.45}.pricing-options{grid-template-columns:1fr 1fr;gap:128px;padding-block:0 48px;display:grid}.pricing-option{flex-direction:column;min-width:0;display:flex;position:relative}.pricing-option+.pricing-option:before{content:"";background:var(--ms-border);width:1px;position:absolute;top:24px;bottom:0;left:-64px}.pricing-tier{text-transform:uppercase;color:var(--ms-secondary);font-size:20px;font-weight:600;line-height:1.5}.pricing-tier span{font-size:var(--ms-label);text-transform:none;color:var(--ms-blue-hover);margin-left:12px;font-weight:400;display:inline-block}.pricing-option h2{letter-spacing:-.035em;min-height:80px;margin-top:24px;font-size:36px;font-weight:600;line-height:1.1}.pricing-amount{letter-spacing:-.055em;align-items:baseline;gap:8px;font-size:80px;font-weight:700;line-height:1.1;display:flex;margin-top:24px!important}.pricing-amount span{letter-spacing:-.02em;color:var(--ms-secondary);font-size:24px;font-weight:400}.pricing-annual{color:var(--ms-secondary);font-size:var(--ms-small);margin-top:12px!important}.pricing-annual strong{color:var(--ms-blue-hover);margin-left:12px;font-weight:600}.pricing-benefits{gap:16px;margin:40px 0 32px;padding:0;list-style:none;display:grid}.pricing-benefits li{line-height:1.5;font-size:var(--ms-body-large);align-items:flex-start;gap:16px;display:flex}.pricing-benefits svg{color:var(--ms-blue);flex-shrink:0;margin-top:4px}.pricing-benefits .pricing-future{color:var(--ms-blue-hover);font-size:var(--ms-body);flex-wrap:wrap;gap:8px;padding-left:37px}.pricing-future span{font-size:var(--ms-small);color:var(--ms-secondary)}.pricing-action{margin-top:auto;padding-top:16px}.pricing-action>a,.pricing-action>button{width:100%;min-height:64px}.pricing-action p{text-align:center;color:var(--ms-secondary);font-size:var(--ms-small);margin-top:12px}.pricing-action button:disabled{opacity:1;background:var(--ms-pale);color:var(--ms-secondary);border:1px solid var(--ms-border)}.street-pricing a svg,.street-pricing button svg{transition:transform .22s ease-out}.street-pricing a:hover svg,.street-pricing button:enabled:hover svg{transform:translate(3px)}.pricing-interval{border:0;grid-template-columns:1fr 1fr;gap:12px;margin-top:24px;padding:0;display:grid}.pricing-interval legend{font-size:var(--ms-small);margin-bottom:12px}.pricing-interval label{border:1px solid var(--ms-border);border-radius:var(--ms-radius-button);cursor:pointer;font-size:var(--ms-small);align-items:center;gap:8px;padding:12px;display:flex}.pricing-interval .selected{border-color:var(--ms-blue);background:var(--ms-pale)}.pricing-interval strong{margin-top:4px;font-weight:500;display:block}.pricing-interval input{accent-color:var(--ms-blue)}.pricing-text-link{color:var(--ms-blue-hover);text-underline-offset:4px;cursor:pointer;padding-block:12px;text-decoration:underline;display:inline-flex}.pricing-notice{border-left:2px solid var(--ms-blue);background:var(--ms-pale);margin-bottom:32px;padding:16px 24px}.pricing-availability{font-size:var(--ms-small);color:var(--ms-secondary);margin-block:16px!important}.pricing-disclosure{max-width:830px;color:var(--ms-secondary);font-size:var(--ms-small);padding-bottom:48px;line-height:1.5}.pricing-disclosure p+p{margin-top:8px}.pricing-disclosure a{text-underline-offset:3px;text-decoration:underline}.pricing-pixels{aspect-ratio:18/5;isolation:isolate;background:#fff;width:100%;position:relative}.pricing-pixels:before{content:"";opacity:var(--pixel-progress,1);z-index:-1;background:linear-gradient(#fff,#282828);position:absolute;inset:0}.pricing-pixels i{background:#000;width:calc(5.55556% + .5px);height:calc(20% + .5px);display:block;position:absolute}.pricing-professional{isolation:isolate;color:#fff;background:#000;padding-block:96px 128px;position:relative}.pricing-professional>div:not(.pricing-server){z-index:1;position:relative}.pricing-server{opacity:.8;pointer-events:none;width:76%;max-width:1098px;height:823px;position:absolute;top:0;right:-15%}.pricing-server img{object-fit:cover}.pricing-server:after{content:"";background:linear-gradient(90deg,#000,#0000 55%),linear-gradient(#000,#0000 35% 65%,#000);position:absolute;inset:0}.pricing-professional-label{font-size:var(--ms-body-large)}.pricing-professional-label span{color:#a9bac8;font-size:var(--ms-small);margin-left:16px;display:inline-block}.pricing-professional h2{color:#fff;letter-spacing:-.05em;margin-block:24px;font-size:clamp(48px,5.97vw,86px);font-weight:400;line-height:1.05}.pricing-pixel-type{letter-spacing:-.09em;color:#249fff;text-transform:uppercase;font:400 .96em/1.1 MyStreet Pricing Pixel,monospace}.pricing-professional-intro>p:last-child{max-width:720px;font-size:var(--ms-body-large);color:#dce3e8;line-height:1.5}.pricing-professional-features{gap:48px;max-width:760px;margin-block:96px 64px;display:grid}.pricing-professional-features>div{align-items:flex-start;gap:32px;display:flex}.pricing-professional-features>div>svg,.pricing-eye{flex:0 0 60px;width:60px;height:60px}.pricing-professional-features>div>svg{stroke-width:1.4px;transition:color .22s ease-out,transform .22s ease-out}.pricing-professional-features>div:hover>svg{color:#249fff;transform:translateY(-2px)}.pricing-professional-features h3{color:#fff;font-size:var(--ms-body);text-transform:uppercase;margin-bottom:12px;font-weight:600;line-height:1.4}.pricing-professional-features p{font-size:var(--ms-body-large);color:#ccd4db;max-width:600px;line-height:1.45}.pricing-eye{display:inline-flex}.pricing-eye circle{transform:translate(var(--pupil-x,0px), var(--pupil-y,0px));transition:transform .22s ease-out}.pricing-professional-action>a{color:#101820;min-height:80px;padding-inline:48px}.pricing-professional-action>p{font-size:var(--ms-small);color:#a9bac8;margin-top:24px;line-height:1.5}.pricing-motion-root [data-pricing-reveal]{transition:opacity .5s ease-out,transform .5s ease-out}.pricing-motion-root .pricing-waiting{opacity:0;transform:translateY(16px)}@media (max-width:1024px){.pricing-options{gap:64px}.pricing-option+.pricing-option:before{left:-32px}.pricing-lead{font-size:var(--ms-body-large)}.pricing-benefits li{font-size:var(--ms-body)}.pricing-option h2{font-size:var(--ms-h3);min-height:64px}.pricing-amount{font-size:64px}.pricing-amount span{font-size:var(--ms-body-large)}.pricing-current strong{font-size:24px}}@media (max-width:700px){.pricing-landscape{height:400px;padding-top:160px}.pricing-current{flex-wrap:wrap;gap:16px;padding:24px}.pricing-current>img{border-radius:12px;width:48px;height:auto}.pricing-current>div{flex:1;min-width:0}.pricing-current strong{font-size:var(--ms-body)}.pricing-current p{font-size:var(--ms-small)}.pricing-current>a{width:100%;min-height:48px;margin:0}.pricing-intro{padding-block:48px 64px}.pricing-intro h1{font-size:var(--ms-h1);letter-spacing:-.04em;line-height:1.05}.pricing-options{grid-template-columns:1fr;gap:64px}.pricing-option+.pricing-option:before{width:100%;height:1px;top:-32px;bottom:auto;left:0}.pricing-option h2{min-height:auto}.pricing-amount{margin-top:24px!important}.pricing-benefits{margin-top:32px}.pricing-amount span{font-size:var(--ms-body-large)}.pricing-action>a,.pricing-action>button{min-height:52px}.pricing-pixels{min-height:160px}.pricing-professional{padding-block:64px 80px}.pricing-server{width:100%;height:560px;top:0;right:-24%}.pricing-server:after{background:linear-gradient(90deg,#000,#0000004d 80%),linear-gradient(#000,#0000 50%,#000)}.pricing-professional h2{letter-spacing:-.05em;font-size:clamp(32px,8.2vw,48px)}.pricing-professional-label{font-size:var(--ms-body)}.pricing-professional-label span{margin:8px 0 0;display:block}.pricing-professional-features{gap:32px;margin-block:64px 48px}.pricing-professional-features>div{gap:24px}.pricing-professional-features>div>svg,.pricing-eye{flex-basis:32px;width:32px;height:32px}.pricing-eye svg{width:32px;height:32px}.pricing-professional-features p{font-size:var(--ms-body)}.pricing-professional-action>a{min-height:64px;padding:16px 24px}.pricing-professional-intro>p:last-child{font-size:var(--ms-body)}.pricing-motion-root .pricing-waiting{transform:translateY(8px)}}@media (prefers-reduced-motion:reduce){.pricing-motion-root *,.pricing-motion-root :before,.pricing-motion-root :after{transition:none!important;animation:none!important}.pricing-motion-root .pricing-waiting{opacity:1;transform:none}.pricing-eye circle,.street-pricing a:hover svg,.street-pricing button:enabled:hover svg,.pricing-professional-features>div:hover>svg{transform:none}}
