[data-theme=dark] main.landing{--beta-chip-bg:hsl(18,64%,12%);--hero-blur-bg:rgba(242,124,73,0.1);--second-section-bg:hsl(15,15%,7%);--light-gray:hsl(0,0%,5%);--pricing-tier-bg:hsl(24,20%,8%);--footer-bg:hsl(0,0%,5%);--feature-unavailable-bg:hsla(0,0%,10%,0.6);--scroll-button-bg:radial-gradient(circle,hsla(18,100%,47%,100%) 0%,hsla(18,100%,47%,10%) 60%,hsla(18,100%,47%,0%) 70%)}main.landing{--beta-chip-bg:hsl(18,64%,88%);--hero-blur-bg:rgba(242,73,0,0.10);--second-section-bg:hsl(15,86%,97%);--light-gray:hsl(0,0%,95%);--pricing-tier-bg:hsl(24,45%,98%);--footer-bg:hsl(0,0%,95%);--feature-unavailable-bg:hsla(0,0%,100%,0.6);overflow-y:auto;height:100%}main.landing.scrolled section.image button.scroll{opacity:0}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 a,main.landing nav button{font-size:clamp(.9rem,1.3vw,1rem)}@media screen and (max-width:600px){main.landing nav a svg,main.landing nav button svg{height:1rem;width:1rem}}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(--transparent-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(--transparent-accent-10)}main.landing nav div.right{justify-content:flex-end;grid-area:1/3/1/4;display:flex;gap:.5rem}main.landing nav div.right a,main.landing nav div.right button{padding:.4rem 1rem;font-weight:600}main.landing nav div.right a.main,main.landing nav div.right button.main{background-color:var(--accent);color:var(--text-100)}main.landing nav div.right a.main:hover,main.landing nav div.right button.main:hover{background-color:var(--accent-55)}main.landing nav div.right a.secondary,main.landing nav div.right button.secondary{color:var(--accent);background-color:var(--transparent-accent-10)}main.landing nav div.right a.secondary:hover,main.landing nav div.right button.secondary:hover{background-color:var(--transparent-accent-20)}main.landing section.hero{height:80vh;display:flex;position:-webkit-sticky;position:sticky;top:30px;width:100%;overflow:hidden}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}@media screen and (max-width:900px){main.landing section.hero .center:before{width:90vw;aspect-ratio:1}}main.landing section.hero .center svg{width:clamp(30rem,55vw,40rem);max-width:90vw;color:var(--accent)}main.landing section.hero .center p.tagline{font-size:clamp(.85rem,1.4vw,1rem);color:var(--text-25);font-weight:400;margin-top:.8em;max-width:40ch;text-align:center;line-height:150%;margin-inline:.5rem}main.landing section.hero .center p.tagline span{font-weight:700;line-height:200%}main.landing section.hero .center a,main.landing section.hero .center button{font-weight:600;color:var(--accent);border:.2em solid var(--accent);padding:.7em 3em;margin-top:clamp(2rem,5vw,3rem);font-size:clamp(.85rem,1.3vw,1rem);transition:scale .3s ease-out,background-color .3s ease-out,rotate .3s ease-out;max-width:90vw;justify-content:center}main.landing section.hero .center a:hover,main.landing section.hero .center button:hover{background-color:var(--accent);color:var(--text-100);scale:1.05;rotate:1deg}main.landing section.hero .center small{text-align:center;font-size:clamp(.7rem,1vw,.8rem);margin-top:.5rem;color:var(--text-50)}main.landing section.hero .center .beta{position:absolute;top:-1.3rem;right:0;font-size:clamp(.7rem,1.8vw,.9rem);background-color:var(--beta-chip-bg);border:.1rem solid var(--accent);padding:.375em min(1.5em,4vw);border-radius:1.5rem;font-weight:600;color:var(--accent)}main.landing section.hero .center .arrowContainer{position:relative;display:flex;flex-direction:column;align-items:center}main.landing section.hero .center .arrowContainer .arrow{position:absolute;bottom:1.5rem;left:calc(100% + 1rem - var(--shift)/2)}main.landing section.hero img{position:absolute;animation:wiggle 5s infinite;z-index:-1;-webkit-user-select:none;-moz-user-select:none;user-select:none;pointer-events:none;opacity:85%;--shift:0px}main.landing section.hero img#shotlist{left:calc(10% - var(--shift));top:10%;animation-delay:.5s}main.landing section.hero img#thoughts{left:calc(5% - var(--shift));top:35%;animation-delay:1s}main.landing section.hero img#camera{left:calc(5% - var(--shift));top:55%;animation-delay:1.5s}main.landing section.hero img#close-up{left:calc(15% - var(--shift));top:70%;animation-delay:2s}main.landing section.hero img#medium-shot{right:calc(15% - var(--shift));top:15%;animation-delay:2.5s}main.landing section.hero img#brush{right:calc(10% - var(--shift));top:20%;animation-delay:3s}main.landing section.hero img#clipboard{right:calc(5% - var(--shift));top:44%;animation-delay:3.5s}main.landing section.hero img#clapboard{right:calc(15% - var(--shift));top:70%;animation-delay:4s}@media screen and (max-width:1300px){main.landing section.hero img{scale:90%;--shift:3%}main.landing section.hero img.first{display:none}}@media screen and (max-width:1000px){main.landing section.hero img{scale:70%;--shift:5%;opacity:70%}main.landing section.hero img.second{display:none}}@media screen and (max-width:400px){main.landing section.hero img{scale:60%;opacity:70%;--shift:50px}}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,var(--contrast) 50%,hsla(0,0%,0%,0) 100%);scroll-margin-top:150px}@media screen and (max-width:500px){main.landing section.image{padding-bottom:0}}main.landing section.image img{filter:saturate(130%)}main.landing section.image .skeleton,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.image .skeleton{aspect-ratio:2/1}main.landing section.image button.scroll{z-index:10;position:absolute;top:3rem;transition:opacity .5s,color .2s;padding:3vw;border-radius:100%;display:grid;place-items:center}main.landing section.image button.scroll *,main.landing section.image button.scroll:after{grid-area:1/1/2/2}main.landing section.image button.scroll:after{content:"";width:4.5rem;aspect-ratio:1;background:var(--scroll-button-bg);z-index:-1;opacity:50%;transition:opacity .5s}main.landing section.image button.scroll:hover{color:var(--contrast)}main.landing section.image button.scroll:hover:after{opacity:80%}main.landing section.features{background-color:var(--second-section-bg);padding:5rem 2rem;display:flex;flex-direction:column;align-items:center}main.landing section.features h2{font-size:clamp(2rem,6vw,2.5rem);font-weight:600;margin-bottom:.5em;scroll-margin:1rem}main.landing section.features>p{font-size:clamp(.8rem,4vw,1rem);max-width:45ch;text-align:center;line-height:160%;margin-inline:.5rem;color:var(--text-30)}main.landing section.features p.extra{margin-top:1em;color:var(--text-30)}main.landing section.features .content{display:grid;grid-template-columns:1fr 1fr;grid-gap:3rem;gap:3rem;max-width:50rem;margin-top:4rem}@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 .icon svg.raw{width:2.5rem;height:2.5rem;fill:var(--accent)}main.landing section.features .feature h3{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 a{padding:.5rem;margin-left:-.5rem;color:var(--text-50);text-decoration:underline;font-size:.95rem}main.landing section.features .feature a:hover{color:var(--text-20)}main.landing section.features .feature.unavailable{background-color:var(--feature-unavailable-bg)}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(--transparent-gray-10)}main.landing section.features .feature .info:hover svg{color:var(--text)}main.landing section.pricing{display:grid;place-items:center;padding:5rem 2rem 1rem;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:1rem;translate:0 .2rem}main.landing section.pricing .tier .top .price{display:flex;align-items:flex-end;gap:.5rem}main.landing section.pricing .tier .top .price .cost{font-size:clamp(2rem,6vw,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(--transparent-gray-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;margin-top:.5rem}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-40)}main.landing section.pricing .tier ul li.gray svg{color:var(--text-60)}main.landing section.pricing .tier .select{margin-top:auto;width:100%;justify-content:center;font-weight:600;padding-block:.8rem}main.landing section.pricing .tier .select.main{background-color:var(--accent);color:var(--text-100)}main.landing section.pricing .tier .select.main:hover{background-color:var(--accent-55)}main.landing section.pricing .tier .select.secondary{color:var(--accent);background-color:var(--transparent-accent-10)}main.landing section.pricing .tier .select.secondary:hover{background-color:var(--transparent-accent-20)}main.landing section.pricing .freeForStudents{margin-top:4rem;color:var(--text-50);text-decoration:underline}main.landing section.pricing .freeForStudents:hover{color:var(--text-20)}main.landing footer{display:flex;justify-content:center;column-gap:3rem;row-gap:1.5rem;padding-block:5rem;padding-inline:2rem;background-color:var(--footer-bg);z-index:10;font-size:.9rem}@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;color:var(--text-20)}main.landing footer div h3{font-weight:600;margin-bottom:.5rem}main.landing footer div a{font-size:inherit;margin-bottom:.2rem}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:.8rem}@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}}