.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.hero{min-height:940px;height:100svh;max-height:1160px}.hero-content{padding-top:150px;padding-bottom:145px;width:58%;max-width:900px}.hero h1{font-size:clamp(76px,7.1vw,118px)}.hero-description{font-size:18px;max-width:480px}.hero-products{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;max-width:550px;margin-top:33px}.hero-products button{position:relative;text-align:left;background:#121a2580;color:white;padding:13px 11px 14px;border:1px solid #ffffff4a;border-radius:6px;backdrop-filter:blur(8px);transition:background .25s,border-color .25s}.hero-products button[aria-selected=true]{background:#fff;color:#111318;border-color:white}.hero-products button>span{display:block;font:9px monospace;opacity:.65;margin-bottom:7px}.hero-products strong{display:block;font-size:14px;letter-spacing:-.02em;white-space:nowrap}.hero-products small{font-size:10px;display:block;margin-top:4px;line-height:1.3}.hero-products button[aria-selected=true]:after{content:'';position:absolute;left:11px;right:11px;bottom:-1px;height:3px;background:#2459ce}.hero-product-demo{position:absolute;right:4%;bottom:145px;width:400px;background:#101820cf;backdrop-filter:blur(18px);border:1px solid #ffffff50;border-radius:16px;padding:17px;color:#fff;box-shadow:0 20px 60px #0002;z-index:4;overflow:hidden}.hero-demo-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;font:8px monospace;letter-spacing:.025em;margin-bottom:13px}.sample-label{font-size:7px;border:1px solid #ffffff45;border-radius:3px;padding:3px 5px;opacity:.75}.hero-demo-panel[hidden]{display:none}.demo-scene{height:354px;position:relative}.demo-reel{height:133px;border-radius:8px;overflow:hidden;position:relative;background:#0e182b}.demo-reel>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:80% 45%}.demo-reel:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#071020eb,#07102022)}.demo-reel>div{position:relative;z-index:1;padding:12px 15px}.demo-reel div>span{display:flex;align-items:center;gap:6px;font-size:9px}.demo-reel div>span img{width:14px;height:14px}.demo-reel strong{display:block;font:22px/1.04 Archivo;letter-spacing:-.04em;margin-top:10px}.demo-reel small{display:block;font-size:10px;margin-top:11px}.demo-reel small b{background:#fff;color:#111318;padding:2px 4px;border-radius:3px}.demo-comment{display:flex;align-items:center;gap:10px;padding:10px 12px;background:#fff;color:#111318;border-radius:9px;position:absolute;top:147px;left:0;right:21px;box-shadow:0 5px 18px #0001}.comment-avatar{width:28px;height:28px;border-radius:50%;background:#e8effc;color:#2459ce;display:grid;place-items:center;font-size:12px}.demo-comment b{font-size:9px;display:block}.demo-comment div>span{font-size:12px;display:block;margin-top:3px}.demo-comment i{font-style:normal;color:#2459ce;animation:demo-caret .65s steps(2) infinite}.comment-heart{font-size:25px;margin-left:auto}.demo-matched{position:absolute;top:218px;left:6px;display:flex;align-items:center;gap:6px;color:#dcea82;font-size:9px}.demo-matched b{font-size:8px;border:1px solid #dcea8277;border-radius:3px;padding:2px 4px}.demo-typing{position:absolute;top:261px;left:35px;display:flex;gap:4px;align-items:center}.demo-typing i{width:5px;height:5px;border-radius:50%;background:white;animation:demo-dot .9s ease-in-out infinite}.demo-typing i:nth-child(2){animation-delay:.15s}.demo-typing i:nth-child(3){animation-delay:.3s}.demo-typing span{font-size:9px;margin-left:7px;color:#cdd5e4}.demo-delivery{position:absolute;top:240px;right:0;left:33px;background:#2459ce;padding:12px 15px;border-radius:10px 10px 10px 2px}.delivery-label{font:8px monospace;color:#e8effc}.demo-delivery p{font-size:14px;line-height:1.3;margin:6px 0 9px}.delivery-link{background:#ffffff24;display:flex;justify-content:space-between;padding:8px 10px;font-size:10px;border-radius:5px}.delivery-link>b{font-size:15px;line-height:1}.demo-delivery small{display:block;font-size:8px;margin-top:7px;color:#e8effc}.demo-scene{height:390px}.hero-demo-controls{display:flex;align-items:center;gap:8px;margin-top:13px;padding-top:12px;border-top:1px solid #ffffff26}.hero-demo-controls>span{font:8px monospace;letter-spacing:.02em;margin-right:auto;color:#dce4f0}.hero-demo-controls button{background:transparent;color:#fff;padding:4px;font-size:15px;display:flex;align-items:center;gap:5px}.hero-demo-controls button>span{font-size:9px}.hero-demo-controls #hero-demo-pause{border:1px solid #ffffff55;border-radius:50%;width:25px;height:25px;justify-content:center;font-size:9px;padding:0;margin-left:4px}.demo-timeline{height:2px;background:#ffffff22;margin-top:12px;border-radius:2px;overflow:hidden}.demo-timeline>span{height:100%;display:block;background:#dcea82;transform-origin:left;transform:scaleX(var(--demo-progress,0))}.demo-scene .step-one,.demo-scene .step-two,.demo-scene .step-three{opacity:0;translate:0 18px;transition:opacity .4s ease,translate .6s cubic-bezier(.16,1,.3,1)}.hero-product-demo[data-step="1"] .step-one,.hero-product-demo[data-step="2"] .step-one,.hero-product-demo[data-step="3"] .step-one,.hero-product-demo[data-step="2"] .step-two,.hero-product-demo[data-step="3"] .step-two,.hero-product-demo[data-step="3"] .step-three{opacity:1;translate:0 0}.hero-product-demo[data-step="3"] .demo-typing{opacity:0}.hero-product-demo[data-step="3"] .demo-comment i{opacity:0}.hero-product-demo[data-step="0"] .step-one,.hero-product-demo[data-step="0"] .step-two,.hero-product-demo[data-step="0"] .step-three{transition-duration:.15s}.demo-is-paused *{animation-play-state:paused!important}.studio-brief{background:#f3e6ae;color:#111318;padding:16px;border-radius:8px}.studio-brief>span{font:8px monospace}.studio-brief p{font-size:18px;line-height:1.15;margin:8px 0}.studio-brief small{font-size:9px}.studio-directions{display:flex;gap:8px;margin:18px 0}.studio-directions>div{flex:1;min-width:0;background:#fff;color:#111318;padding:4px;rotate:-4deg}.studio-directions>div:nth-child(2){rotate:3deg;transition-delay:.12s}.studio-directions>div:nth-child(3){rotate:-2deg;transition-delay:.3s}.studio-directions img{width:100%;height:111px;object-fit:cover}.studio-directions small{display:block;font:7px monospace;text-align:center;padding:7px 0 3px}.studio-result{background:#e8effc;color:#111318;display:flex;position:relative;height:104px;border-radius:6px;overflow:hidden}.studio-result>div{width:55%;padding:12px 15px}.studio-result span{font:7px monospace}.studio-result strong{font:26px/.97 Archivo;letter-spacing:-.055em;display:block;margin-top:7px}.studio-result>img{width:45%;object-fit:cover;object-position:50% 32%}.studio-result>b{position:absolute;bottom:8px;right:8px;background:#fff;color:#111318;font:8px monospace;padding:3px 6px;border-radius:3px}.posts-source{height:145px;position:relative;border-radius:8px;overflow:hidden}.posts-source>img{width:100%;height:100%;object-fit:cover}.posts-source:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#111318c9,transparent)}.posts-source>div{position:absolute;z-index:1;left:15px;top:16px}.posts-source span{font:8px monospace}.posts-source strong{display:block;font:30px/.97 Archivo;letter-spacing:-.05em;margin-top:12px}.posts-distribute{display:flex;align-items:center;justify-content:center;gap:10px;font:8px monospace;height:39px}.posts-distribute>b{font-size:21px;font-weight:400}.posts-versions{display:flex;gap:8px}.posts-versions>div{width:calc((100% - 16px)/3);min-width:0;border:1px solid #ffffff40;padding:8px;border-radius:6px;background:#ffffff0b}.posts-versions>div>img{height:19px;width:19px;margin-bottom:9px}.posts-versions>div>div{height:80px;position:relative;overflow:hidden;background:#e8effc;color:#111318}.posts-versions>div>div>img{width:100%;height:100%;object-fit:cover}.posts-versions>div:nth-child(2)>div{height:57px;margin:11px 0 12px}.posts-versions>div>div>span{position:absolute;bottom:5px;left:4px;background:#111318;color:white;font:7px monospace;padding:3px}.posts-versions>div>div>strong{font:22px/.97 Archivo;letter-spacing:-.05em;display:block;padding:9px 6px}.posts-versions small{font-size:9px;display:block;margin-top:9px;line-height:1.5}.posts-versions small b{font-weight:400;font-size:8px;color:#c5cfde}.posts-result{font-size:11px;color:#dcea82;margin-top:18px}.hero-bottom{align-items:center;bottom:27px;gap:30px}.hero-bottom .provider{flex-shrink:0}.hero-platform-world{display:flex;flex-direction:column;gap:12px}.hero-platform-world>span{font:8px monospace;letter-spacing:.08em;color:#e3e6ed}.hero-platform-logos{display:flex;align-items:flex-start;gap:23px}.hero-platform-logos>span{display:flex;flex-direction:column;align-items:center;gap:6px}.hero-platform-logos img{width:24px;height:24px;object-fit:contain}.hero-platform-logos small{font-size:8px;line-height:1.2;white-space:nowrap}.hero-bottom .scroll-link{font-size:8px;gap:12px}.free-start-band{background:#f3e6ae;display:flex;align-items:center;gap:40px;justify-content:space-between;padding:36px 6%}.free-start-band .eyebrow{font-size:8px;margin-bottom:11px}.free-start-band h2{font-size:33px;letter-spacing:-.05em}.free-start-band p:not(.eyebrow){font-size:14px;line-height:1.5}.free-start-band p strong{font-weight:500}.free-start-band .pill{font-size:13px;padding:16px 23px;gap:22px;white-space:nowrap}@keyframes demo-caret{50%{opacity:0}}@keyframes demo-dot{50%{translate:0 -4px;opacity:.5}}
@media(min-width:1700px){.hero-product-demo{width:450px;right:5%;bottom:164px}.hero-content{padding-top:175px}.hero-products{max-width:590px}.hero-products strong{font-size:16px}.hero-products small{font-size:12px}.demo-scene{height:430px}.demo-reel{height:155px}.demo-reel strong{font-size:27px}.demo-comment{top:170px}.demo-matched{top:239px}.demo-typing{top:288px}.demo-delivery{top:269px}.demo-delivery p{font-size:17px}.hero-platform-logos{gap:30px}.hero-platform-logos img{width:28px;height:28px}.hero-platform-logos small{font-size:10px}.hero-platform-world>span{font-size:9px}.studio-directions img{height:138px}.studio-result{height:120px}.posts-source{height:170px}.posts-versions>div>div{height:94px}.posts-versions>div:nth-child(2)>div{height:71px}.posts-distribute{height:45px}}
@media(min-width:761px) and (max-width:1100px){.hero{min-height:1030px}.hero-content{padding-top:145px;width:57%}.hero h1{font-size:77px}.hero-product-demo{width:35%;right:4%;padding:13px;bottom:164px}.hero-description{font-size:17px}.hero-products{grid-template-columns:1fr;max-width:345px;gap:6px;margin-top:25px}.hero-products button{padding:10px 11px 10px 35px;display:flex;justify-content:space-between;align-items:center;gap:10px}.hero-products button>span{position:absolute;left:10px;top:13px;margin:0}.hero-products strong{font-size:12px}.hero-products small{font-size:9px;margin:0}.demo-reel strong{font-size:18px}.demo-reel small{font-size:8px}.demo-delivery p{font-size:12px}.hero-demo-heading{font-size:7px}.sample-label{display:none}.hero-bottom .scroll-link{display:none}.hero-platform-logos{gap:17px}.hero-bottom{gap:22px}.hero-bottom .provider{padding-right:22px}.hero-platform-logos small{font-size:7px}.studio-brief p{font-size:16px}.studio-directions img{height:97px}.studio-result strong{font-size:23px}.posts-versions{gap:5px}.posts-versions>div{width:calc((100% - 10px)/3);padding:5px}.posts-versions small{font-size:8px}.posts-versions small b{font-size:7px}.posts-versions>div>div>strong{font-size:18px}.posts-distribute{font-size:6px}.free-start-band{gap:22px;flex-wrap:wrap}.free-start-band h2{font-size:29px}}
@media(max-width:760px){.hero{height:auto;min-height:0;max-height:none;padding-bottom:26px}.hero-content{width:100%;padding:116px 6% 0;max-width:none}.hero h1{font-size:clamp(55px,12.8vw,93px)}.hero-description{font-size:16px}.hero-actions{gap:17px;margin-top:24px}.hero-products{grid-template-columns:repeat(3,minmax(0,1fr));max-width:520px;margin-top:27px;gap:6px}.hero-products button{padding:10px 7px 12px}.hero-products button>span{font-size:8px}.hero-products strong{font-size:11px;white-space:normal;line-height:1.2;min-height:26px}.hero-products small{font-size:9px;line-height:1.3;margin:0;min-height:23px}.hero-product-demo{position:relative;right:auto;bottom:auto;width:88%;max-width:430px;margin:33px auto 29px;padding:15px}.hero .hero-bottom{position:relative;left:auto;right:auto;bottom:auto;margin:0 6%;display:flex;flex-direction:column;align-items:flex-start;gap:22px}.hero-bottom .provider{font-size:14px;border:none;padding:0}.hero-bottom .provider img{width:126px}.hero-platform-world{width:100%;border-top:1px solid #ffffff30;padding-top:19px;gap:15px}.hero-platform-logos{display:grid;grid-template-columns:repeat(6,1fr);gap:8px}.hero-platform-logos img{width:23px;height:23px}.hero-platform-logos small{font-size:7px;white-space:normal;text-align:center}.hero-platform-world>span{font-size:8px}.hero .hero-image{top:350px;height:760px;mask-image:linear-gradient(transparent,#000 12%,#000 86%,transparent)}.hero .hero-shade{background:linear-gradient(180deg,#131c25 0%,#131c25f0 30%,#131c2570 54%,#131c25e6 86%,#131c25 100%)}.hero .hero-edition{display:none}.free-start-band{padding:30px 6%;display:flex;flex-direction:column;align-items:flex-start;gap:18px}.free-start-band h2{font-size:32px}.free-start-band p:not(.eyebrow){font-size:14px}.free-start-band .pill{width:100%;font-size:14px}.hero-bottom .scroll-link{display:none}}
@media(max-width:380px){.hero-description{font-size:15px}.hero-products strong{font-size:10px}.hero-products small{font-size:8px}.hero-demo-heading{font-size:7px}.sample-label{font-size:6px}.hero-product-demo{padding:12px}.demo-reel strong{font-size:21px}.demo-reel small{font-size:9px}.demo-delivery p{font-size:13px}.demo-delivery{left:15px}.demo-comment{right:8px}.hero-demo-controls>span{font-size:7px}.hero-demo-controls button>span{font-size:8px}.studio-brief p{font-size:17px}.studio-directions img{height:100px}.studio-directions small{font-size:6px}.studio-result strong{font-size:23px}.posts-versions>div{padding:5px}.posts-versions small{font-size:8px}.posts-versions small b{font-size:7px}.posts-versions>div>div>strong{font-size:19px}.posts-distribute{font-size:7px}.free-start-band h2{font-size:29px}}
@media(prefers-reduced-motion:reduce){.demo-scene *{animation:none!important;transition:none!important}.hero-products button{transition:none}.hero-slide{transition:none!important;transform:none!important}.hero-demo-controls #hero-demo-pause{display:none}}