main.landing{--beta-chip-bg:#F4D9CD;--hero-blur-bg:rgba(242,73,0,0.10);--second-section-bg:#FEF5F2;--light-gray:#F2F2F2;--pricing-tier-bg:#FCF9F7;--footer-bg:#F2F2F2;overflow-y:auto;height:100%}main.landing nav{display:grid;grid-template-columns:1fr 1fr 1fr;padding-block:.5rem;padding-right:1rem;padding-left:.8rem;font-weight:500;position:fixed;width:100%;background-color:var(--contrast);z-index:100}main.landing nav div{display:flex}main.landing nav div.left{justify-content:flex-start}main.landing nav div.left a{color:var(--text-30);padding-inline:.3rem}main.landing nav div.left a:hover{color:var(--accent-40);background-color:var(--hover-bg-accent-10)}main.landing nav div.center{grid-area:1/2/1/3;justify-content:center}@media screen and (max-width:600px){main.landing nav div.center{display:none}}main.landing nav div.center a{color:var(--text-20)}main.landing nav div.center a:hover{color:var(--accent-40);background-color:var(--hover-bg-accent-10)}main.landing nav div.right{justify-content:flex-end;grid-area:1/3/1/4}main.landing nav div.right a,main.landing nav div.right button{background-color:var(--accent);color:var(--contrast);padding:.3rem .8rem}main.landing nav div.right a:hover,main.landing nav div.right button:hover{background-color:var(--accent-40)}main.landing section.hero{height:80vh;min-height:80vh;display:flex;position:-webkit-sticky;position:sticky;top:30px;width:100%}main.landing section.hero .content{position:relative;width:100%;height:100%;display:grid;place-items:center}main.landing section.hero .center{display:flex;flex-direction:column;align-items:center;width:-moz-fit-content;width:fit-content;position:relative}main.landing section.hero .center:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:60vw;aspect-ratio:2/1;background-color:var(--hero-blur-bg);filter:blur(100px);border-radius:100%;z-index:-1}main.landing section.hero .center svg{width:40rem;max-width:90vw;color:var(--accent)}main.landing section.hero .center p.tagline{font-size:min(4vw,1.1rem);color:var(--accent-20);font-weight:500;margin-top:.3rem}main.landing section.hero .center a,main.landing section.hero .center button{font-weight:600;color:var(--accent);border:.2rem solid var(--accent);padding:.7rem 3rem;margin-top:2rem;transition:scale .3s ease-out,background-color .3s ease-out,rotate .3s ease-out;font-size:min(4vw,1rem)}main.landing section.hero .center a:hover,main.landing section.hero .center button:hover{background-color:var(--accent);color:var(--contrast);scale:1.05;rotate:1deg}main.landing section.hero .center .beta{position:absolute;top:-1.3rem;right:0;font-size:min(1.2rem,3vw);background-color:var(--beta-chip-bg);border:.1rem solid var(--accent);padding:.375rem min(1.5rem,4vw);border-radius:1.5rem;font-weight:600;color:var(--accent)}main.landing section.hero img{position:absolute;animation:wiggle 5s infinite;z-index:-1}main.landing section.hero img#shotlist{left:10%;top:10%;animation-delay:.5s}main.landing section.hero img#thoughts{left:5%;top:35%;animation-delay:1s}main.landing section.hero img#camera{left:5%;top:55%;animation-delay:1.5s}main.landing section.hero img#close-up{left:15%;top:70%;animation-delay:2s}main.landing section.hero img#medium-shot{right:15%;top:15%;animation-delay:2.5s}main.landing section.hero img#brush{right:10%;top:20%;animation-delay:3s}main.landing section.hero img#clipboard{right:5%;top:44%;animation-delay:3.5s}main.landing section.hero img#clapboard{right:15%;top:70%;animation-delay:4s}@media screen and (max-width:1200px){main.landing section.hero img.first{display:none}}@media screen and (max-width:900px){main.landing section.hero img.second{display:none}}@media screen and (max-width:400px){main.landing section.hero img.third{display:none}}main.landing div.coverHero{position:relative;z-index:10}main.landing section.image{display:grid;place-items:center;padding-bottom:4rem;padding-top:2rem;background:linear-gradient(0deg,hsl(0,0%,100%) 50%,hsla(0,0%,100%,0))}@media screen and (max-width:900px){main.landing section.image{display:none}}main.landing section.image img{width:80vw;max-width:1100px;height:-moz-fit-content;height:fit-content;border-radius:.5rem;overflow:hidden;display:block;box-shadow:0 0 10px rgba(0,0,0,.1)}main.landing section.features{background-color:var(--second-section-bg);padding:5rem 2rem;display:flex;justify-content:center}main.landing section.features .content{display:grid;grid-template-columns:1fr 1fr;grid-gap:3rem;gap:3rem;max-width:50rem}@media screen and (max-width:800px){main.landing section.features .content{grid-template-columns:1fr}}main.landing section.features .feature{display:flex;flex-direction:column;background-color:var(--contrast);border-radius:.5rem;padding:1.5rem;position:relative}main.landing section.features .feature .icon{background-color:var(--light-gray);padding:.5rem;border-radius:.5rem;aspect-ratio:1;width:-moz-fit-content;width:fit-content;display:grid;place-items:center;color:var(--accent)}main.landing section.features .feature h2{font-weight:700;font-size:1.15rem;margin-top:1rem}main.landing section.features .feature p{margin-top:.3rem;color:var(--text-20)}main.landing section.features .feature.unavailable{background-color:hsla(0,0%,100%,.6)}main.landing section.features .feature.unavailable h2,main.landing section.features .feature.unavailable p,main.landing section.features .feature.unavailable svg{color:var(--text-50)}main.landing section.features .feature .info{position:absolute;top:.8rem;right:.8rem;border-radius:100%;padding:.3rem}main.landing section.features .feature .info svg{color:var(--text-30)}main.landing section.features .feature .info:hover{background-color:var(--hover-bg-10)}main.landing section.features .feature .info:hover svg{color:var(--text)}main.landing section.pricing{display:grid;place-items:center;padding:5rem 2rem;background-color:var(--contrast)}main.landing section.pricing .content{display:flex;justify-content:center;gap:3rem;max-width:50rem;width:100%}@media screen and (max-width:800px){main.landing section.pricing .content{flex-direction:column;align-items:center}}main.landing section.pricing .tier{display:flex;flex-direction:column;background-color:var(--pricing-tier-bg);width:100%;padding:1rem;border-radius:.5rem}main.landing section.pricing .tier .top{display:flex;flex-direction:column}main.landing section.pricing .tier .top .name{color:var(--text-30);font-weight:400;font-size:.95rem;translate:0 .3rem}main.landing section.pricing .tier .top .price{display:flex;align-items:end;gap:.5rem}main.landing section.pricing .tier .top .price .cost{font-size:2.5rem;font-weight:600}main.landing section.pricing .tier .top .price .info{margin-bottom:.4rem;color:var(--text-50);padding:.2rem;border-radius:100%}main.landing section.pricing .tier .top .price .info:hover{background-color:var(--hover-bg-10);color:var(--text-20)}main.landing section.pricing .tier .top .price .frequency{margin-bottom:.5rem}main.landing section.pricing .tier ul{list-style-type:none;display:flex;flex-direction:column;gap:.5rem;margin-bottom:3rem}main.landing section.pricing .tier ul li{display:flex;align-items:center;gap:.3rem;font-weight:500}main.landing section.pricing .tier ul li svg{color:var(--accent)}main.landing section.pricing .tier ul li.bold{font-weight:600}main.landing section.pricing .tier ul li.thin{font-weight:400}main.landing section.pricing .tier ul li.gray{color:var(--text-50)}main.landing section.pricing .tier ul li.gray svg{color:var(--text-70)}main.landing section.pricing .tier .select{margin-top:auto;width:100%;justify-content:center;font-weight:500;padding-block:.8rem}main.landing section.pricing .tier .select.filled{background-color:var(--accent);color:var(--contrast);border:.1rem solid var(--accent)}main.landing section.pricing .tier .select.filled:hover{background-color:var(--accent-40)}main.landing section.pricing .tier .select.outlined{color:var(--accent);border:.2rem solid var(--accent);font-weight:600}main.landing section.pricing .tier .select.outlined:hover{background-color:var(--hover-bg-accent-10);color:var(--accent-55)}main.landing footer{display:flex;justify-content:center;gap:3rem;padding-block:5rem;padding-inline:2rem;background-color:var(--footer-bg);z-index:10}@media screen and (max-width:900px){main.landing footer{flex-direction:column;align-items:flex-start}}main.landing footer div{display:flex;flex-direction:column}main.landing footer div h3{font-weight:600;margin-bottom:.5rem}main.landing footer div a{color:var(--text-10)}main.landing footer div a:hover{text-decoration:underline;color:var(--text)}main.landing footer div.credits{gap:.3rem}main.landing footer div.credits svg.wordmark{height:3rem;width:-moz-fit-content;width:fit-content;color:var(--text-40)}main.landing footer div.credits a{display:inline-block;text-decoration:underline}main.landing footer div.credits a:hover{color:var(--accent-40)}main.landing footer div.credits .createdBy{margin-top:1rem}main.landing footer div.credits .copyright{margin-top:.3rem;font-size:.85rem}@keyframes wiggle{0%{translate:0 0;rotate:0deg}10%{translate:-2px 0;rotate:.5deg}30%{translate:0 0;rotate:0deg}40%{translate:0 2px;rotate:0deg}50%{translate:0 0;rotate:-.5deg}60%{translate:2px 0;rotate:0deg}80%{translate:0 0;rotate:0deg}90%{translate:0 -2px;rotate:.5deg}to{translate:0 0;rotate:0deg}}