/* Fluid composition: fill the display while keeping individual text blocks readable. */
header,.hero,.compat,.features,.workflow,.pricing,.faq,footer{max-width:none;width:100%}header,.hero,.compat,.features,.workflow,.pricing,.faq,footer{padding-left:clamp(24px,5vw,160px);padding-right:clamp(24px,5vw,160px)}
.studio-section{max-width:none;width:94%;padding-left:4%;padding-right:4%}.section-top>p{max-width:38ch}.hero p{max-width:45ch}.feature-grid p{max-width:48ch}.steps p{max-width:56ch}.photo{height:clamp(400px,36vw,900px)}.hero{gap:5vw}.hero h1{font-size:clamp(48px,5vw,136px);letter-spacing:-.055em}.hero p{font-size:clamp(16px,1.1vw,28px)}h2{font-size:clamp(32px,2.9vw,76px)}.hero-copy{min-width:0}.hero-visual{min-width:0}.hero-lower strong{font-size:clamp(24px,2.25vw,60px)}.hero-lower>span{font-size:clamp(12px,1vw,25px)}
.breadcrumbs{display:flex;gap:12px;padding:25px 5%;font-size:14px;color:#7a8073}.page-intro{padding:65px 5% 75px;border-bottom:1px solid #e0e2d8}.page-intro h1{font:600 clamp(46px,5vw,130px)/1.1 Manrope;letter-spacing:-.055em;margin:25px 0}.page-intro>p{max-width:65ch;font-size:clamp(17px,1.2vw,27px);color:#757d6b}.editorial-grid{display:grid;grid-template-columns:1fr 1fr;gap:65px;padding:80px 5%}.editorial-grid article{border-top:1px solid #ddd;padding-top:30px}.editorial-grid h2{font-size:clamp(27px,2.3vw,55px)}.editorial-grid p,.page-band p,.guide-body p{font-size:clamp(16px,1.1vw,25px);line-height:1.8;color:#747c6b;max-width:65ch}.editorial-grid a,.page-band a{font-size:16px;color:#b45f37}.page-band{padding:65px 5%;background:#eeeee7}.page-band .status-note{font-size:14px}.page-cta{padding:65px 5%;display:flex;align-items:center;justify-content:space-between;gap:25px}.page-cta h2{font-size:clamp(28px,2.5vw,58px)}.template-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px;padding:65px 5%}.template-preview{aspect-ratio:16/10;background:#2b322c;position:relative;border-radius:10px;overflow:hidden}.template-caption{position:absolute;top:20px;left:20px;font-size:10px;letter-spacing:1px;color:#adb8a3}.template-grid h2{font-size:clamp(27px,2vw,48px)}.template-grid p{font-size:clamp(15px,1vw,23px);color:#757d6c}.template-grid .lower-third strong{font-size:clamp(17px,1.5vw,40px)}.template-grid .lower-third>span{font-size:clamp(9px,.7vw,18px)}.guide-layout{display:grid;grid-template-columns:1fr 3fr;gap:7vw;padding:70px 5%}.guide-layout aside{display:flex;flex-direction:column;gap:20px;align-self:start;position:sticky;top:30px}.guide-layout aside strong{font-size:11px;letter-spacing:1.5px}.guide-layout aside a{font-size:clamp(14px,1vw,21px);color:#7d8472}.guide-body article{padding-bottom:45px;margin-bottom:35px;border-bottom:1px solid #ddd}.guide-body h2{font-size:clamp(30px,2.8vw,65px)}footer nav{gap:20px;flex-wrap:wrap}
@media(min-width:1000px){body{font-size:clamp(16px,1.1vw,28px)}header{padding-top:32px;padding-bottom:32px}nav{font-size:clamp(15px,1vw,25px);gap:2.4vw}.brand img{width:clamp(43px,3.1vw,80px);height:auto}.brand>span{font-size:clamp(28px,2.1vw,54px)}.brand small{font-size:clamp(10px,.65vw,17px)}.button,.button.small{font-size:clamp(14px,.95vw,24px);padding:1.15em 1.6em}.hero{padding-top:5vw;padding-bottom:6vw}.eyebrow{font-size:clamp(11px,.76vw,19px)}.hero-note,.visual-caption{font-size:clamp(11px,.75vw,18px)}.text-button{font-size:clamp(14px,.95vw,24px)}.floating-control{padding:1.4vw}.floating-control strong{font-size:clamp(14px,1vw,25px)}.floating-control small,.connected{font-size:clamp(11px,.8vw,20px)}.compat>span{font-size:clamp(10px,.7vw,17px)}.compat b{font-size:clamp(20px,1.5vw,36px)}.compat div>span{font-size:clamp(12px,.85vw,21px)}.features,.workflow,.pricing,.faq{padding-top:6vw;padding-bottom:6vw}.feature-grid{gap:4vw}.feature-grid h3,.steps h3{font-size:clamp(20px,1.4vw,35px)}.feature-grid p,.section-top>p,.steps p,.studio-heading p,.pricing-heading p{font-size:clamp(16px,1.05vw,26px)}.feature-icon{font-size:clamp(30px,2.4vw,55px)}.workflow h2{font-size:clamp(45px,3.7vw,92px)}.steps article{padding:2vw 0}.steps article>span{font-size:18px}.audience h2{font-size:clamp(32px,2.8vw,68px)}.audience span{font-size:clamp(16px,1.1vw,27px)}.audience p{font-size:clamp(13px,.9vw,22px)}.studio{grid-template-columns:minmax(280px,24%) 1fr}.studio aside,.stage-wrap{padding:2vw}.workspace-label{font-size:clamp(12px,.8vw,21px)}.studio label,.design,input:not([type=color]),.save{font-size:clamp(14px,.95vw,24px)}.design{padding:14px}.studio input:not([type=color]){padding:13px}.stage-top{font-size:clamp(11px,.75vw,19px)}.stage-watermark{font-size:clamp(40px,4vw,100px)}.lower-third strong{font-size:clamp(26px,2.5vw,65px)}.lower-third>span{font-size:clamp(13px,1vw,26px)}.lower-third small{font-size:clamp(10px,.75vw,20px)}.stage-footer>span,.stage-footer .button,.output-tools button{font-size:clamp(13px,.95vw,24px)}.demo-note,#save-status{font-size:clamp(11px,.75vw,19px)}.billing button{font-size:clamp(14px,.95vw,24px)}.billing span{font-size:clamp(11px,.75vw,19px)}.plans article{padding:2.5vw}.plan-name{font-size:clamp(23px,1.7vw,42px)}.plans article>p,.plans ul,.plan-button{font-size:clamp(15px,1.05vw,26px)}.price b{font-size:clamp(42px,3.4vw,85px)}.price small,.price>span,.plans .billed,.pricing-note{font-size:clamp(12px,.85vw,22px)}.popular-label{font-size:clamp(10px,.7vw,17px)}.faq h2{font-size:clamp(32px,2.6vw,64px)}.faq summary{font-size:clamp(16px,1.2vw,30px)}.faq details p{font-size:clamp(15px,1vw,25px);max-width:60ch}.closing h2{font-size:clamp(50px,4.7vw,116px)}.closing>span,footer p,footer>span,footer>a:last-child{font-size:clamp(12px,.85vw,21px)}.closing{padding-top:5vw;padding-bottom:5vw}}
@media(max-width:900px){.template-grid{grid-template-columns:1fr}.template-preview{max-width:650px}.template-grid .lower-third strong{font-size:28px}.template-grid .lower-third>span{font-size:13px}.guide-layout{grid-template-columns:1fr}.guide-layout aside{position:static;flex-direction:row;flex-wrap:wrap;gap:15px}.guide-layout aside strong{width:100%}.page-cta{align-items:start;flex-direction:column}.editorial-grid{gap:35px}.page-intro{padding-top:35px}.hero{gap:30px}.hero h1{font-size:clamp(44px,6vw,60px)}}
@media(max-width:650px){.hero{grid-template-columns:1fr}.photo{height:380px}.hero h1{font-size:clamp(42px,9.5vw,60px)}.hero-lower strong{font-size:24px}.editorial-grid{grid-template-columns:1fr}.page-intro h1{font-size:44px}.page-intro{padding-bottom:35px}.page-cta{padding-top:35px;padding-bottom:35px}.breadcrumbs{font-size:12px}footer nav{display:flex;font-size:13px}.hero-visual{width:100%}.output-tools{flex-wrap:wrap}.audience>div:last-of-type{flex-wrap:wrap}.stage-footer>span{font-size:10px}}

@media(max-width:650px){header{flex-wrap:wrap;gap:20px}header nav{display:flex;order:3;width:100%;justify-content:space-between;gap:12px;font-size:13px}footer nav{width:100%;order:2}.hero{padding-top:20px}}

.skip-link{position:fixed;top:-100px;left:20px;background:#20211f;color:white;padding:12px 20px;z-index:1000;border-radius:5px}.skip-link:focus{top:12px}header nav a[aria-current=page],footer nav a[aria-current=page]{color:#b95d32;text-decoration:underline;text-underline-offset:6px}main{min-width:0}.editorial-grid article,.guide-body,.template-grid article{min-width:0}img{max-width:100%}@media(max-width:400px){.hero h1{font-size:40px}.page-intro h1{font-size:38px}.button.small{gap:8px}.design-list{flex-wrap:wrap}.stage-footer{gap:8px}.output-tools{gap:12px}}