main.pro{min-height:100vh;display:flex;flex-direction:column;color:hsl(55,100%,98%)}main.pro nav.proNav{padding:1.25rem 3.75rem;display:flex;align-items:center;gap:1.5rem;border-bottom:1px solid hsla(180,100%,37%,.1)}main.pro nav.proNav a.logo{flex:1;font-size:1.5rem;font-family:andale-mono-mt-pro,sans-serif;font-weight:700;font-style:normal;color:hsl(55,100%,98%);text-decoration:none;letter-spacing:-.02em}main.pro nav.proNav a.logo span{color:hsl(180,100%,37%)}main.pro nav.proNav a.login{padding:.375rem 1.125rem;font-size:1rem;color:hsla(55,100%,98%,.65);background:rgba(0,0,0,0);border:1px solid hsla(55,100%,98%,.15);border-radius:100rem;text-decoration:none;transition:color .15s,border-color .15s}main.pro nav.proNav a.login:hover{color:hsl(55,100%,98%);border-color:hsl(180,100%,37%)}main.pro div.proHero{padding:5rem 3.75rem 3rem;text-align:center;display:flex;flex-direction:column;align-items:center;gap:1rem}main.pro div.proHero p.proEyebrow{margin:0;padding:.25rem 1rem;font-size:.875rem;font-family:andale-mono-mt-pro,sans-serif;font-weight:700;font-style:normal;color:hsl(180,100%,37%);background:hsla(180,100%,37%,.1);border:1px solid hsla(180,100%,37%,.25);border-radius:100rem;letter-spacing:.08em;text-transform:uppercase}main.pro div.proHero h1.proHeadline{margin:0;font-size:clamp(2.5rem,5vw,4rem);letter-spacing:-.02em;line-height:1.1}main.pro div.proHero p.proSub{margin:0;font-size:1.25rem;color:hsla(55,100%,98%,.5);max-width:48ch;line-height:1.55}main.pro p.proError{margin:0 3.75rem;padding:.875rem 1.25rem;font-size:1.125rem;color:hsl(0,82%,49%);background:hsla(0,82%,49%,.08);border:1px solid hsla(0,82%,49%,.25);border-radius:1rem;text-align:center}main.pro div.proPlans{padding:2rem 3.75rem 5rem;display:flex;flex-direction:column;align-items:center;gap:2rem}main.pro div.proPlans div.pricingGrid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem;max-width:65rem;margin:0 auto}@media(max-width:600px){main.pro div.proPlans div.pricingGrid{grid-template-columns:repeat(1,1fr)}}main.pro div.proPlans div.pricingGrid div.pricingCard{padding:2.5rem;background:hsla(180,100%,37%,.07);border:1px solid hsla(180,100%,37%,.15);border-radius:1rem;display:flex;flex-direction:column;gap:1.5rem;position:relative;overflow:hidden}main.pro div.proPlans div.pricingGrid div.pricingCard.yearly:before{content:"Most Popular";position:absolute;top:2rem;right:-2rem;padding:.25rem 3rem;font-size:.75rem;font-family:andale-mono-mt-pro,sans-serif;font-weight:700;font-style:normal;color:rgb(0,5.1,5.1);background:hsl(180,100%,37%);transform:rotate(35deg);letter-spacing:.05em}main.pro div.proPlans div.pricingGrid div.pricingCard div.pricingHeader{display:flex;flex-direction:column;gap:.5rem}main.pro div.proPlans div.pricingGrid div.pricingCard div.pricingHeader span.planName{font-size:1rem;font-family:andale-mono-mt-pro,sans-serif;font-weight:700;font-style:normal;color:hsla(55,100%,98%,.45);text-transform:uppercase;letter-spacing:.08em}main.pro div.proPlans div.pricingGrid div.pricingCard div.pricingHeader div.planPrice{display:flex;align-items:baseline;gap:.25rem}main.pro div.proPlans div.pricingGrid div.pricingCard div.pricingHeader div.planPrice span.amount{font-size:4rem;font-family:andale-mono-mt-pro,sans-serif;font-weight:700;font-style:normal;letter-spacing:-.02em}main.pro div.proPlans div.pricingGrid div.pricingCard div.pricingHeader div.planPrice span.period{font-size:1.25rem;color:hsla(55,100%,98%,.4)}main.pro div.proPlans div.pricingGrid div.pricingCard div.pricingHeader span.planAlt{font-size:1.15rem;color:hsla(55,100%,98%,.4)}main.pro div.proPlans div.pricingGrid div.pricingCard a.button,main.pro div.proPlans div.pricingGrid div.pricingCard span.button{width:100%;margin-top:auto}main.pro div.proPlans ul.planFeatures{margin:0;padding:0;display:flex;flex-direction:column;gap:.625rem}main.pro div.proPlans ul.planFeatures li{margin:0;padding-left:1.5rem;font-size:1.5rem;color:hsla(55,100%,98%,.7);position:relative;list-style:none}main.pro div.proPlans ul.planFeatures li:before{content:"";width:1em;height:1em;font-family:FontAwesome;font-weight:400!important;font-size:1rem;color:hsl(180,100%,37%);line-height:1;top:50%;left:50%;transform:translate(-50%,-50%);content:"";font-size:.75rem;line-height:1em;position:absolute;left:0;top:1.25em;transform:translateY(-50%)}main.pro div.proPlans p.proTrust{margin:0;font-size:1rem;color:hsla(55,100%,98%,.3);display:flex;align-items:center;gap:1.5rem;flex-wrap:wrap;justify-content:center}main.pro div.proPlans p.proTrust span{margin:0 .5rem;padding-left:.875rem;display:flex;align-items:center;gap:.4rem;position:relative}main.pro div.proPlans p.proTrust span:before{content:"";width:1em;height:1em;font-family:FontAwesome;font-weight:400!important;font-size:1rem;color:hsl(55,100%,98%);line-height:1;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:.75rem;left:0;color:hsla(55,100%,98%,.4)}main.pro div.proPlans p.proTrust span.trustCancel:before{content:""}main.pro div.proPlans p.proTrust span.trustSecure:before{content:""}main.pro div.proPlans p.proTrust span.trustBilling:before{content:""}