@keyframes astroFadeInOut{0%{opacity:1}to{opacity:0}}@keyframes astroFadeIn{0%{opacity:0;mix-blend-mode:plus-lighter}to{opacity:1;mix-blend-mode:plus-lighter}}@keyframes astroFadeOut{0%{opacity:1;mix-blend-mode:plus-lighter}to{opacity:0;mix-blend-mode:plus-lighter}}@keyframes astroSlideFromRight{0%{transform:translate(100%)}}@keyframes astroSlideFromLeft{0%{transform:translate(-100%)}}@keyframes astroSlideToRight{to{transform:translate(100%)}}@keyframes astroSlideToLeft{to{transform:translate(-100%)}}@media (prefers-reduced-motion){::view-transition-group(*),::view-transition-old(*),::view-transition-new(*),[data-astro-transition-scope]{animation:none!important}}.astro-route-announcer{clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;top:0;left:0;overflow:hidden}:root{--color-background:#f2f4f3;--color-on-background:#0a0908;--color-on-background-light:#666;--color-primary:#22333b;--color-on-primary:#f2f4f3;--color-on-primary-light:#cdd9d6;--color-secondary:#cdd9d6;--color-on-secondary:#0a0908;--color-on-secondary-light:#666;--color-accent:#eceae5;--color-on-accent:#0a0908;--color-on-accent-light:#666;--color-dangerous:#f96f5d;--color-on-dangerous:#761204;--color-on-dangerous-light:#fcb9b0;--color-shadow:#00000026}*{box-sizing:border-box;margin:0;padding:0;font-family:Inter,sans}html{font-size:16px}body{background:var(--color-background);flex-direction:column;align-items:center;display:flex;position:relative}h1{color:var(--color-on-background);font-family:Merriweather;font-size:2.8rem;font-weight:500;line-height:1.2}h2{color:var(--color-on-background);font-family:Urbanist;font-size:2.2rem;font-weight:500;line-height:1.2}h3{color:var(--color-on-background);font-family:Urbanist;font-size:2rem;font-weight:500;line-height:1.2}p{color:var(--color-on-background-light);font-family:Inter;font-size:1rem;font-weight:400;line-height:1.5}.btn{background:var(--color-primary);cursor:pointer;text-align:center;min-width:8rem;height:2.2rem;color:var(--color-on-primary);border:none;border-radius:.52rem;justify-content:center;align-items:center;padding:1.2rem 2rem;text-decoration:none;display:flex;flex-shrink:1!important;font-family:Inter!important;font-size:.96rem!important;font-weight:500!important}.btn:disabled{cursor:initial}.primary-btn{background:var(--color-primary)!important;color:var(--color-on-primary)!important}.secondary-btn{background:var(--color-secondary)!important;color:var(--color-on-secondary)!important}.accent-btn{background:var(--color-accent)!important;color:var(--color-on-accent)!important}.dangerous-btn{background:var(--color-dangerous)!important;color:var(--color-on-dangerous)!important}.disabled-btn{color:var(--color-on-background-light)!important;background:#6f6f6f26!important}.link{color:#3e8f93;font-family:Inter;font-size:.96rem;font-weight:500;text-decoration:none}.mx-1{margin:0 1rem!important}.mx-2{margin:0 2rem!important}.mx-3{margin:0 4rem!important}.mx-4{margin:0 6rem!important}.mx-5{margin:0 8rem!important}.my-1{margin:1rem 0!important}.my-2{margin:2rem 0!important}.my-3{margin:4rem 0!important}.my-4{margin:6rem 0!important}.my-5{margin:8rem 0!important}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.hide-mobile{display:none!important}.hide-tablet,.hide-desktop,.show-mobile{display:inherit!important}.show-tablet,.show-desktop{display:none!important}.horz-divider{background:var(--color-on-background);width:1px;height:28px}.vert-divider{background:var(--color-on-background);width:100%;height:1px}.header{justify-content:space-between;align-items:center;width:100%;max-width:1360px;padding:1.12rem .8rem;display:flex;& .header-logo{align-items:center;display:flex}& .header-left-menu{align-items:center;gap:2rem;display:flex;& a{color:var(--color-on-background);align-items:center;gap:.6rem;font-family:Inter;font-size:1rem;font-weight:600;text-decoration:none;display:flex}}& .header-right-menu{align-items:center;gap:1.12rem;display:flex;& a{color:var(--color-on-background);align-items:center;gap:.6rem;font-family:Inter;font-size:1rem;font-weight:600;text-decoration:none;display:flex}}& .header-mobile-btn{background:0 0;border:none;border-radius:2rem;flex-direction:column;gap:.32rem;display:flex;& span{background:var(--color-on-background);width:1.64rem;height:2px;display:inline-block}}}.layout{flex-direction:column;align-items:center;width:100%;display:flex;overflow:hidden}.section{flex-direction:column;gap:1.24rem;width:100%;max-width:1360px;margin:0 0 2rem;padding:1.12rem .8rem;display:flex;& .section-cta{flex-direction:column;align-items:start;gap:.4rem;display:flex}& .section-grid{gap:1rem;display:grid}}.section:first-child{margin-top:2rem}.card{background:var(--color-background);filter:drop-shadow(0 2px 2px var(--color-shadow));border-radius:.4rem;flex-direction:column;display:flex;position:relative;overflow:hidden;& .card-paragraph{flex-direction:column;gap:.6rem;padding:1.32rem 2rem;display:flex;& .card-title{font-size:1.4rem}& .card-subtitle{line-clamp:3;-webkit-line-clamp:3;-webkit-box-orient:vertical;font-size:1rem;display:-webkit-box;overflow:hidden}}& .card-image{background:var(--color-accent);margin-top:auto;padding:4rem 2rem 0;display:flex;& img{border-radius:.4rem .4rem 0 0;width:100%}}& .card-image-full{background:var(--color-accent);margin-top:auto;display:flex;& img{width:100%}}& a{position:absolute;inset:0}& .card-feature{flex-direction:column;gap:.8rem;padding:1.32rem 2rem;list-style:none;display:flex;& .feature{gap:.4rem;display:flex}& .feature:before{content:url(/assets/icons/checkmark.svg);stroke:var(--color-on-dangerous)}}}.review-card{background:var(--color-background);max-width:360px;filter:drop-shadow(0 2px 2px var(--color-shadow));border-radius:.4rem;flex-direction:column;gap:1rem;padding:1.12rem 1rem;display:flex;position:relative;overflow:hidden;& .review{color:var(--color-on-background)}& .author{align-items:center;gap:.8rem;display:flex;& .author-pic{border-radius:999px;width:40px}& .author-name{color:var(--color-on-background);font-weight:500}}}.billboard{flex-direction:column;gap:1rem;width:100%;display:flex;& .billboard-tab{background:var(--color-accent);-ms-overflow-style:none;scrollbar-width:none;border-radius:.6rem;gap:.4rem;padding:.4rem;display:flex;overflow:scroll;& button{cursor:pointer;color:var(--color-on-accent);background:0 0;border:none;border-radius:.48rem;align-items:center;gap:.32rem;padding:.6rem 1rem;font-family:Inter;font-size:.8rem;font-weight:500;display:flex;& .billboard-tab-label{color:var(--color-on-accent);font-size:.92rem;font-weight:600}}& button:first-child{background:var(--color-primary)!important;& .billboard-tab-icon{fill:var(--color-on-primary)}& .billboard-tab-label{color:var(--color-on-primary)}}}& .billboard-tab:-webkit-scrollbar{display:none}& .billboard-display-panel{filter:drop-shadow(0 2px 2px var(--color-shadow));background-image:url(/assets/bg.jpg);background-position:-100px 0;background-repeat:no-repeat;background-size:136rem;border-radius:.4rem;padding:2rem 2rem 0;display:flex;overflow:hidden;& img{width:100%}}}.hero{flex-direction:column;gap:1.2rem;width:100%;display:flex;& .hero-body{flex-direction:column;gap:1.2rem;display:flex;& .hero-paragraph{flex-direction:column;gap:1.2rem;display:flex;& .hero-subtitle{& strong{color:var(--color-on-background);font-weight:500}& .subtitle{line-clamp:3;-webkit-line-clamp:3;-webkit-box-orient:vertical;font-weight:500;display:-webkit-box;overflow:hidden}}}& .hero-highlight{flex-wrap:wrap;gap:.6rem;display:flex;& .highlight{border:1px solid var(--color-shadow);border-radius:.4rem;align-items:center;gap:.4rem;padding:.4rem .8rem;display:flex;& .highlight-label{color:var(--color-on-background);font-size:.96rem;font-weight:500}}}& .hero-cta{display:flex}}& .hero-display{background:var(--color-accent);filter:drop-shadow(0 2px 2px var(--color-shadow));border-radius:.4rem;margin:2rem 0;padding:2rem 0 0 2rem;display:flex;overflow:hidden;& img{width:720px}}& .hero-display-full{background:var(--color-accent);filter:drop-shadow(0 2px 2px var(--color-shadow));border-radius:.4rem;margin:2rem 0;display:flex;overflow:hidden;& img{width:100%}}}.headline{flex-direction:column;align-items:start;gap:.4rem;width:100%;display:flex;& .headline-tag{background:var(--color-secondary);color:var(--color-on-secondary);border-radius:.4rem;padding:.2rem 1rem}}.filter{flex-direction:column;gap:2rem;width:100%;display:flex;& .search-bar{flex-direction:column;gap:.4rem;display:flex;& input{outline:1px solid var(--color-shadow);color:var(--color-on-background);border:none;border-radius:.4rem;padding:.6rem .8rem;font-family:Inter;font-size:1rem;font-weight:400}& input:focus{outline:2px solid var(--color-primary)}& label{color:var(--color-on-background-light);font-family:Inter;font-size:.72rem;font-weight:600}}& .filter-tag-container{flex-direction:column;gap:.4rem;display:flex;& .filter-tag-title{color:var(--color-on-background-light);font-family:Inter;font-size:.72rem;font-weight:600}& .filter-tag{flex-wrap:wrap;gap:.8rem;display:flex;& button{cursor:pointer;background:var(--color-accent);border:none;border-radius:.4rem;gap:.4rem;padding:.4rem .6rem;font-size:.8rem;font-weight:500;display:flex}& a{cursor:pointer;color:var(--color-on-accent);background:var(--color-accent);border:none;border-radius:.4rem;gap:.4rem;padding:.4rem .6rem;font-size:.8rem;font-weight:500;text-decoration:none;display:flex}& .selected{background:var(--color-primary);color:var(--color-on-primary)}}}}.classified{flex-direction:column;gap:2rem;width:100%;display:flex;& .image{background:var(--color-accent);filter:drop-shadow(0 2px 2px var(--color-shadow));border-radius:.4rem;display:flex;overflow:hidden;& img{width:100%}}& .body{flex-direction:column;display:flex;& .content{border-top:2px solid var(--color-primary);flex-direction:column;gap:.4rem;padding:1.6rem 0;display:flex;position:relative;& .content-title{font-size:1.6rem}& a{position:absolute;inset:0}}}}.sponsorship{flex-direction:column;gap:2rem;width:100%;display:flex;& .thanku-word{color:var(--color-on-background)}& .sponsor-logos{flex-wrap:wrap;gap:1rem;display:flex;& img{width:100px}}}.collapsible{background:var(--color-accent);border-radius:.6rem;width:100%;max-width:720px;padding:1rem;& summary{cursor:pointer;font-family:Inter;font-size:1rem;font-weight:500;list-style:none;display:flex}& summary::marker{content:"";display:none}& summary::-webkit-details-marker{display:none}& summary:after{content:"+";margin-left:auto;font-size:1.2em;transition:transform .2s}& p{margin-top:1rem;font-size:1rem}}.collapsible[open] summary:after{content:"-";transform:rotate(0)}.plan-details{flex-direction:column;gap:4rem;width:100%;padding:2rem .75rem;display:flex}.plan-table-label{color:var(--color-primary);border-bottom:1px solid var(--color-shadow);padding:2rem 1rem .75rem;font-family:Inter;font-weight:600}.plan-table-header{border-bottom:1px solid var(--color-shadow);padding:.4rem 1rem}.plan-table-header p{text-align:center;color:var(--color-primary);font-family:Inter}.plan-table-row{border-bottom:1px solid var(--color-shadow);text-align:center;grid-template-columns:repeat(3,minmax(0,1fr));align-items:center;padding:1rem 0;display:grid}.plan-table-row>:not(:last-child){border-right:1px solid var(--color-shadow)}.plan-table-row p{color:var(--color-primary);font-family:Inter;font-size:1rem}.blog-list{flex-direction:column;gap:3.5rem;padding:0 .75rem 8rem;display:flex}.blog-list-title{text-align:center;padding:2rem 0;font-family:Urbanist;font-weight:400}.blog-thumbnail{border-bottom:1px solid var(--color-on-background-light);padding-bottom:3.5rem}.blog-thumbnail:last-child{border-bottom:none}.blog-thumbnail-paragraph{flex-direction:column;gap:1.5rem;display:flex}.blog-thumbnail-title{font-family:Urbanist;font-size:1.75rem;font-weight:400}.blog-thumbnail-first-paragraph{line-clamp:2;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-family:Inter;font-size:400px;display:-webkit-box;overflow:hidden}.blog-thumbnail-second-paragraph{line-clamp:3;-webkit-line-clamp:3;-webkit-box-orient:vertical;font-family:Inter;display:-webkit-box;overflow:hidden}.blog-thumbnail-visual{border-radius:.5rem;overflow:hidden}.blog-thumbnail-lg-visual{display:none}.blog-content{flex-direction:column;align-items:start;gap:2rem;max-width:720px;padding:0 .75rem 8rem;display:flex}.blog-content h1{color:var(--color-on-background);font-family:Urbanist;font-size:2.5rem;font-weight:400}.blog-content h2{color:var(--color-on-background);font-family:Urbanist;font-size:2rem;font-weight:400}.blog-content h3{color:var(--color-on-background);font-family:Urbanist;font-size:1.5rem;font-weight:400}.blog-content h4{color:var(--color-on-background);font-family:Urbanist;font-size:1.25rem;font-weight:400}.blog-content p{color:var(--color-on-background);font-family:Inter;font-size:1rem;line-height:1.5}.blog-content ul{flex-direction:column;gap:.5rem;list-style-type:disc;display:flex}.blog-content ul li{color:var(--color-on-background);margin-left:1rem}.blog-content ol{flex-direction:column;gap:.5rem;display:flex}.blog-content ol li{color:var(--color-on-background);margin-left:1.25rem}#payment-overlay{z-index:99;background:color-mix(in oklab, var(--color-on-background) 20%, transparent);justify-content:center;align-items:center;padding:2rem .75rem;display:none;position:absolute;inset:0;& .payment-consent-form{background:var(--color-background);max-width:480px;filter:drop-shadow(0 2px 2px var(--color-shadow));border-radius:.4rem;flex-direction:column;gap:1rem;padding:2rem .75rem;display:flex;position:relative;overflow:hidden;& .form-input{flex-direction:column;gap:.4rem;display:flex;& input{outline:1px solid var(--color-shadow);color:var(--color-on-background);border:none;border-radius:.4rem;padding:.6rem .8rem;font-family:Inter;font-size:1rem;font-weight:400}& input:focus{outline:2px solid var(--color-primary)}& label{color:var(--color-on-background-light);font-family:Inter;font-size:.72rem;font-weight:600}}& .form-cta{justify-content:center;gap:.5rem;display:flex;& button{width:100%}}& .form-concent{& p{text-align:center;font-size:1rem}}}}.footer{flex-direction:column;gap:3.2rem;width:100%;max-width:1360px;margin-bottom:4rem;padding:1.12rem .8rem;display:flex;& .footer-cta-banner{background-image:url(/assets/bg.jpg);background-position:-8px 0;background-repeat:no-repeat;background-size:72rem;border-radius:8px;flex-direction:column;gap:2rem;padding:4rem 2rem;display:flex;& .footer-cta-title{font-family:Merrieweather;font-size:2.24rem}& .footer-cta-paragraph{flex-direction:column;align-items:start;gap:1.24rem;display:flex;& p{color:var(--color-on-background);font-family:Urbanist;font-size:1.24rem}}}& .footer-navigation{flex-direction:column;gap:2.4rem;display:flex;& .footer-navigation-container{flex-direction:column;gap:2rem;display:flex;& .footer-navigation-label{color:var(--color-on-background);font-family:Inter;font-size:1rem;font-weight:500}& .footer-navigation-items{flex-direction:column;gap:1rem;display:flex;& a{color:var(--color-on-background-light);font-family:Inter;font-size:.96rem;font-weight:500;text-decoration:none}}}}}@media (width>=720px){.hide-mobile{display:inherit!important}.hide-tablet{display:none!important}.hide-desktop{display:inherit!important}.show-mobile{display:none!important}.show-tablet{display:inherit!important}.show-desktop{display:none!important}.section{align-items:center;display:flex;& h1,& h2,& h3,& h4,& p{max-width:720px}& .section-title,& .section-subtitle{text-align:center}& .section-cta{flex-direction:row}& .section-grid{grid-template-columns:repeat(8,minmax(0,1fr));&>*{grid-column:span 4/span 4}&>:last-child:nth-child(2n-1){grid-column-end:-3}}}.billboard{& .billboard-display-panel{padding:3.2rem 3.2rem 0}}.hero{& .hero-display{& img{width:800px}}}.filter{grid-template-columns:repeat(8,minmax(0,1fr));display:grid;& .search-bar{grid-column:5/span 4}& .filter-tag-container{grid-area:1/1/auto/span 4}}.sponsorship{grid-template-columns:repeat(2,minmax(0,1fr));display:grid;& .sponsor-logos{grid-template-columns:repeat(4,minmax(0,1fr));display:grid;& img{width:100%}}}.plan-title{max-height:200px}.plan-table-label{max-width:initial!important}}@media (width>=1080px){h1{font-size:3.2rem}h2{font-size:2.4rem}p{font-size:1.12rem}.hide-mobile,.hide-tablet{display:inherit!important}.hide-desktop,.show-mobile,.show-tablet{display:none!important}.show-desktop{display:inherit!important}.section{& .section-grid{grid-template-columns:repeat(6,minmax(0,1fr));&>*{grid-column:span 2/span 2}&>:nth-last-child(2):nth-child(3n+1){grid-column-end:4}&>:last-child:nth-child(3n-1){grid-column-end:-2}&>:last-child:nth-child(2n-1){grid-column-end:initial}&>:last-child:nth-child(3n-2){grid-column-end:5}}}.hero{grid-template-rows:repeat(auto-fill,minmax(0,1fr));grid-template-columns:repeat(2,minmax(0,1fr));align-items:center;display:grid;& .hero-body{grid-column:1}& .hero-display{margin:initial;grid-area:1/2/-1;padding:3.2rem 0 0 3.2rem;& img{border-radius:.4rem .4rem 0 0;width:640px}}& .hero-display-full{margin:initial;grid-area:1/2/-1}}.billboard{& .billboard-display-panel{padding:6rem 6rem 0;overflow:hidden;& img{border-radius:.6rem .6rem 0 0}}}.filter{& .search-bar{grid-column:6/span 3}& .filter-tag-container{grid-area:1/1/auto/span 4}}.classified{grid-template-columns:repeat(5,minmax(0,1fr));display:grid;& .title,& .image{grid-column:1/span 2}& .body{grid-column:3/span 3;grid-template-columns:repeat(2,minmax(0,1fr));gap:2rem;display:grid}}.sponsorship{grid-template-columns:repeat(2,minmax(0,1fr));display:grid;& .sponsor-logos{grid-template-columns:repeat(6,minmax(0,1fr));display:grid;& img{width:100%}}}.plan-table{width:100%;display:flex}.plan-table-label{text-align:left;padding-left:0}.plan-table-header{width:320px;padding:1rem 0 1rem 1.5rem}.plan-table-header p{text-align:left;font-family:Urbanist;font-size:1.25rem;font-weight:500}.plan-table-row{width:100%}.plan-table-row>:first-child{border-left:1px solid var(--color-shadow)}.blog-thumbnail{justify-content:space-between;gap:4rem;display:flex}.blog-thumbnail-paragraph{justify-content:space-between;max-width:640px}.blog-thumbnail-visual{display:none}.blog-thumbnail-lg-visual{border-radius:.5rem;max-width:520px;display:block;overflow:hidden}.footer{& .footer-cta-banner{background-size:136rem;align-items:center;padding:10rem 8rem;& .footer-cta-title{font-size:3.2rem}& .footer-cta-paragraph{align-items:center;max-width:720px;display:flex;& p{text-align:center;font-size:1.4rem;font-weight:500}}}& .footer-navigation{gap:initial;flex-direction:row;justify-content:space-around;width:100%}}}
