.features-page{--nav-height:94px;background:#191d26}.features-page.nav-compact{--nav-height:76px}.features-page .header{z-index:50}.features-page .navigation{height:100%}.features-page .nav-download{display:inline-flex;align-items:center;justify-content:center}.feature-subnav{position:fixed;z-index:40;top:var(--nav-height);left:0;right:0;height:55px;display:flex;align-items:center;justify-content:center;gap:32px;padding:0 24px;background:#202530f2;backdrop-filter:blur(16px);border-bottom:1px solid #ffffff0d;transition:top .3s;white-space:nowrap;overflow-x:auto;scrollbar-width:none}.feature-subnav a{position:relative;font-size:13px;font-weight:500;color:#a9b2c3;height:100%;display:flex;align-items:center;transition:color .2s}.feature-subnav a:hover,.feature-subnav a.is-current{color:#fff}.feature-subnav a:after{content:'';position:absolute;bottom:0;left:0;right:0;height:2px;background:#8795ff;transform:scaleX(0);transition:transform .25s}.feature-subnav a.is-current:after{transform:scaleX(1)}.features-content{padding-top:149px}.feature-page-hero{min-height:390px}.feature-page-hero>div{max-width:1420px}.feature-stories{max-width:1480px;padding:0 56px}.feature-story{display:grid;grid-template-columns:.75fr 1.55fr;gap:76px;align-items:center;padding:120px 0 70px;scroll-margin-top:185px;border-bottom:1px solid #ffffff09}.feature-story-heading{display:block;margin:0}.feature-index{display:block;font-size:12px;color:#77839b;letter-spacing:2px;margin-bottom:24px}.feature-story-heading h2{font-size:clamp(28px,2.7vw,42px);margin:0 0 23px;line-height:1.12}.feature-story-heading p{font-size:16px;line-height:1.75;color:#aeb7c9}.editor-stage{position:relative;margin:0;padding:24px 0 0 24px;isolation:isolate}.editor-stage img{display:block;position:relative;width:100%;height:auto;border-radius:6px;box-shadow:0 28px 60px #080c1555;border:1px solid #46526650}.stage-sheet{position:absolute;border:1px solid #52617a55;border-radius:6px;background:#222b3a;z-index:-1}.sheet-back{inset:0 46px 50px 0;transform:rotate(-2deg)}.sheet-front{inset:12px 24px 25px 10px;background:#283245;transform:rotate(1deg)}.feature-story:nth-child(even){grid-template-columns:1.55fr .75fr}.feature-story:nth-child(even)>.feature-story-heading{grid-column:2;grid-row:1}.feature-story:nth-child(even)>.editor-stage{grid-column:1;grid-row:1}.hitbox-strip{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:center;max-width:100%;margin-top:26px;padding:28px;background:#202632;border-radius:12px}.hitbox-strip img{width:100%;height:auto;border-radius:6px}.hitbox-strip h3{font-size:27px;margin:0 0 15px}.hitbox-strip p{font-size:16px;line-height:1.75;color:#aeb7c9;max-width:350px}.toolbox-section{max-width:1480px;margin:auto;padding:100px 56px 80px;scroll-margin-top:175px}.toolbox-heading{max-width:630px;margin-bottom:40px}.toolbox-heading h2{font-size:clamp(30px,3vw,44px);line-height:1.15;letter-spacing:-1px;margin:0}.toolbox-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.tool-card{border:1px solid #ffffff09;border-radius:12px;background:#222833;padding:27px;transition:background .25s,transform .25s}.tool-card:hover{background:#28303e;transform:translateY(-3px)}.tool-symbol{font-size:24px;display:block;color:#a5afff;margin-bottom:27px}.tool-card h3{font-size:20px;letter-spacing:-.4px;margin:0 0 14px;line-height:1.25}.tool-card p{font-size:14px;line-height:1.75;margin:0;color:#a7b2c6}.export-section{max-width:1368px;margin:0 auto;padding:60px 0 70px;border-top:1px solid #ffffff12;display:grid;grid-template-columns:1fr 1fr;gap:75px;align-items:center;text-align:left;scroll-margin-top:175px}.export-copy h2{font-size:40px;letter-spacing:-1px;margin:0 0 22px}.export-copy p{font-size:16px;line-height:1.75;color:#aeb7c9;max-width:520px;margin:0}.export-section .platform-list{gap:60px}.platform-list svg{color:#c7d0e4}.features-docs{text-align:center;padding:0 24px 90px}.features-docs .all-features-link{margin:0}.nav-link.current{color:#fff}.features-layout-simple{display:block;max-width:1368px}.features-layout-simple .features-copy{display:grid;grid-template-columns:1fr 1.2fr;gap:0 90px;align-items:start}.features-layout-simple h2{grid-column:1;grid-row:1;margin-bottom:25px}.features-layout-simple .features-copy>p{grid-column:1;grid-row:2}.features-layout-simple video{grid-column:2;grid-row:1/5}.features-layout-simple .all-features-link{grid-column:1;grid-row:3;justify-self:start;margin-top:5px}
@media(max-width:1100px){.feature-subnav{gap:22px}.feature-story,.feature-story:nth-child(even){gap:38px}.toolbox-grid{grid-template-columns:repeat(2,1fr)}.export-section{margin:0 38px;padding:50px 0;gap:35px}.features-layout-simple .features-copy{gap:0 38px}}
@media(max-width:780px){.features-page,.features-page.nav-compact{--nav-height:74px}.features-content{padding-top:124px}.feature-subnav{height:50px;justify-content:flex-start;gap:24px;padding:0 24px}.features-page .nav-download{display:none}.feature-page-hero{min-height:350px}.feature-stories{padding:0 24px}.feature-story,.feature-story:nth-child(even){grid-template-columns:1fr;gap:30px;padding:60px 0 45px;scroll-margin-top:150px}.feature-story:nth-child(even)>.feature-story-heading,.feature-story:nth-child(even)>.editor-stage{grid-column:auto;grid-row:auto}.feature-story-heading h2{font-size:32px}.feature-index{margin-bottom:16px}.editor-stage{padding:18px 0 0 14px}.hitbox-strip{grid-template-columns:1fr;padding:18px;gap:20px;margin-top:0}.hitbox-strip p{max-width:none}.toolbox-section{padding:60px 24px}.toolbox-grid{grid-template-columns:1fr}.tool-card{padding:25px}.tool-symbol{margin-bottom:20px}.export-section{grid-template-columns:1fr;margin:0 24px;gap:36px}.export-copy h2{font-size:34px}.export-section .platform-list{justify-content:flex-start;gap:45px}.features-layout-simple .features-copy{grid-template-columns:1fr;gap:0}.features-layout-simple h2,.features-layout-simple .features-copy>p,.features-layout-simple video,.features-layout-simple .all-features-link{grid-column:1;grid-row:auto}.features-layout-simple video{margin:10px 0 24px}.features-layout-simple .all-features-link{grid-row:4}.feature-subnav a{font-size:12px}}
@media(prefers-reduced-motion:reduce){.feature-subnav,.tool-card{transition:none}.tool-card:hover{transform:none}}
@media(max-width:780px){.features-page .header .nav-links.open{background:#202530;border-bottom:1px solid #ffffff12}}