@font-face{font-family:Inter;src:url('assets/5fa5ed3191528f4c.woff2') format('woff2');font-weight:400;font-display:swap}
@font-face{font-family:Inter;src:url('assets/4f8bd6c7f71d828e.woff2') format('woff2');font-weight:600;font-display:swap}
@font-face{font-family:Inter;src:url('assets/f0fe469ef37a1989.woff2') format('woff2');font-weight:700;font-display:swap}
:root{--paper:#f7f7f2;--ink:#242229;--muted:#77747c;--purple:#713de0;--lime:#dbf9a1;--line:#ddddd5;--radius:22px;color:var(--ink);background:var(--paper);font-family:Inter,Arial,sans-serif;font-synthesis:none;scroll-behavior:smooth;scroll-padding-top:104px}
*{box-sizing:border-box}body{margin:0}button,a{-webkit-tap-highlight-color:transparent}button,input{font:inherit}button,a,summary{touch-action:manipulation}button{color:inherit}a{color:inherit;text-decoration:none}button{cursor:pointer}img,video{display:block;max-width:100%}button{border:0}h1,h2,h3,p{margin:0}ul{list-style:none;margin:0;padding:0}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid var(--purple);outline-offset:5px}[hidden]{display:none!important}::selection{background:#d7c4fb}.container{width:min(1240px,calc(100% - 112px));margin-inline:auto}.skip-link{position:fixed;top:-100px;left:20px;z-index:100;background:var(--lime);padding:16px}.skip-link:focus{top:12px}.section{padding-block:105px}.eyebrow{font-size:10px;font-weight:600;line-height:1.5;letter-spacing:1.65px}.eyebrow i{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--purple);margin-right:9px}.purple{color:var(--purple)}
.header{position:sticky;top:0;background:#f7f7f2ed;backdrop-filter:blur(16px);z-index:30;border-bottom:1px solid var(--line)}.header-inner{height:87px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:inline-flex;align-items:center;font-size:31px;font-weight:700;letter-spacing:-1.7px;white-space:nowrap}.brand-mark{display:inline-flex;align-items:center;justify-content:center;background:var(--purple);color:var(--lime);width:34px;height:34px;border-radius:11px;margin-right:10px;line-height:1;font-size:30px;font-weight:600;transform:rotate(-7deg);padding-bottom:5px}.brand-dot{color:var(--purple)}.header nav{display:flex;gap:32px;font-size:12px}.header nav a{padding:14px 0;transition:color .2s}.header nav a:hover{color:var(--purple)}.header-cta{display:flex;align-items:center;gap:22px;border:1px solid var(--ink);padding:12px 18px;border-radius:9px;font-size:12px;font-weight:600;transition:background .2s,color .2s}.header-cta:hover{background:var(--ink);color:white}.menu-button{display:none}
.hero{display:grid;grid-template-columns:1fr 1fr;gap:24px;min-height:690px;align-items:center;padding-block:64px 77px}.hero-copy{position:relative;z-index:2}.hero-copy>.eyebrow{margin-bottom:29px}h1{font-size:clamp(60px,6.45vw,92px);font-weight:600;line-height:1.01;letter-spacing:-5.5px;position:relative;width:fit-content}h1>span{color:var(--purple)}.hero-spark{position:absolute;width:58px;height:58px;right:-79px;bottom:14px;stroke:var(--purple);stroke-width:3.5;transform:rotate(15deg)}.hero-description{font-size:15px;line-height:1.65;color:#69666f;margin:26px 0 25px}.hero-actions{display:flex;gap:26px;align-items:center;flex-wrap:wrap}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:28px;padding:18px 22px;border-radius:10px;font-size:13px;font-weight:600;line-height:1.2;transition:transform .2s,background .2s;min-height:52px}.button:hover{transform:translateY(-3px)}.button span{font-size:20px;line-height:1}.primary{background:var(--purple);color:#fff}.primary:hover{background:#5c2cbf}.dark{background:var(--ink);color:#fff}.text-link{font-size:12px;border-bottom:1px solid #b3b0b8;padding-block:9px;display:flex;gap:15px}.external-note{font-size:10px;color:#87828c;margin-top:17px}
.hero-visual{height:524px;position:relative;margin-left:16px;isolation:isolate}.visual-grid{position:absolute;inset:22px -6px 22px -20px;background-image:linear-gradient(#dfded780 1px,transparent 1px),linear-gradient(90deg,#dfded780 1px,transparent 1px);background-size:36px 36px;mask-image:radial-gradient(ellipse,black,transparent 73%);z-index:-1}.visual-label{position:absolute;top:7px;left:38px;font-size:9px;letter-spacing:1.7px;color:#77717f;transform:rotate(-9deg)}.hero-film{position:absolute;border-radius:20px;overflow:hidden;background:#b8b3a8;box-shadow:0 16px 35px #2b1f3017;border:5px solid var(--paper)}.hero-film video{width:100%;height:100%;object-fit:cover}.film-main{width:59%;height:440px;left:22%;top:27px;transform:rotate(7deg);z-index:3}.film-main:after{content:'';position:absolute;inset:60% 0 0;background:linear-gradient(transparent,#0008);pointer-events:none}.film-back{width:43%;height:349px;left:0;top:98px;transform:rotate(-13deg);z-index:1}.film-back>span{position:absolute;left:15px;bottom:24px;color:white;font-size:9px;letter-spacing:2px;writing-mode:vertical-rl;transform:rotate(180deg)}.film-small{width:32%;height:200px;right:-1%;bottom:20px;transform:rotate(14deg);z-index:4}.film-top{position:absolute;left:14px;right:14px;top:17px;display:flex;justify-content:space-between;align-items:center;color:#fff;font-size:7px;letter-spacing:1px}.film-top i{display:inline-block;width:5px;height:5px;border-radius:50%;background:var(--lime);margin-right:4px}.film-top>span:last-child{font-size:22px}.film-bottom{position:absolute;bottom:20px;left:16px;right:16px;display:flex;justify-content:space-between;align-items:end;color:white;font-size:17px;line-height:1.3;z-index:2}.film-bottom b{font-weight:600}.video-toggle{background:#ffffff35;color:#fff;border:1px solid #ffffff55;border-radius:50%;width:30px;height:30px;backdrop-filter:blur(6px);font-size:12px}.creative-sticker{position:absolute;left:-18px;bottom:31px;background:var(--lime);padding:17px 20px;border-radius:13px;display:flex;align-items:center;gap:14px;transform:rotate(-6deg);z-index:5;box-shadow:0 6px 16px #2839120c}.creative-sticker>span{font-size:36px;line-height:1}.creative-sticker>div{font-size:11px;line-height:1.6}.creative-sticker b{font-weight:600}.film-timeline{position:absolute;bottom:2px;left:21%;display:flex;gap:5px;width:52%;height:15px;transform:rotate(7deg);opacity:.6}.film-timeline>span{flex:1;border-radius:3px;background:#baa6e4}.film-timeline>span:nth-child(even){background:#c7d7bb}.film-timeline i{position:absolute;height:27px;width:2px;left:42%;top:-6px;background:var(--purple)}
.workflow{border-top:1px solid var(--line);border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding-block:28px;gap:20px}.workflow>span:first-child{font-size:9px;line-height:1.5;color:var(--muted);letter-spacing:1.3px}.workflow p{font-size:16px;display:flex;gap:12px;align-items:center}.workflow b{font-size:10px;color:#99919f;font-weight:400}.workflow>i{font-style:normal;color:#b5b0b8}.workflow .workflow-star{font-size:36px;color:var(--purple);line-height:1}
.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:40px;margin-bottom:42px}.section-heading .eyebrow{color:var(--purple);margin-bottom:17px}h2{font-size:clamp(32px,3.25vw,47px);font-weight:600;line-height:1.13;letter-spacing:-1.9px}h2>span:not(.purple){color:#929096}.section-heading>p{font-size:12px;color:var(--muted);line-height:1.8;padding-bottom:5px}.feature-tabs{display:flex;gap:25px;border-bottom:1px solid var(--line);margin-bottom:26px}.feature-tabs button{padding:16px 0;background:none;font-size:12px;white-space:nowrap;color:var(--muted);position:relative}.feature-tabs button[aria-selected=true]{color:var(--purple);font-weight:600}.feature-tabs button[aria-selected=true]:after{content:'';height:3px;position:absolute;left:0;right:0;bottom:-1px;background:var(--purple);border-radius:2px}.feature-panel{display:grid;grid-template-columns:37% 63%;border:1px solid #e1e0d8;border-radius:var(--radius);overflow:hidden;min-height:385px;background:#eeeee7}.feature-copy{padding:43px 36px;align-self:center}.feature-number{font-size:9px;letter-spacing:1.2px;color:#969198}.feature-copy h3{font-size:28px;line-height:1.2;font-weight:600;letter-spacing:-1px;margin:20px 0 17px}.feature-copy p{font-size:13px;line-height:1.7;color:#716d76;margin-bottom:28px}.feature-media{margin:22px 22px 22px 0;background:#e5dfef;border-radius:15px;position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden}.feature-media video{width:100%;height:320px;object-fit:contain}.media-caption{position:absolute;right:18px;bottom:16px;font-size:8px;letter-spacing:1.4px;color:#6b6375;background:#ffffffc0;padding:8px 11px;border-radius:5px}
.tools-section{background:#efefe9;border-block:1px solid #e4e4db}.tools-section .section-heading h2{font-size:39px}.tool-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.tool-card{background:var(--paper);padding:26px 24px 18px;border-radius:14px;position:relative;display:flex;flex-direction:column;align-items:flex-start}.tool-icon{font-size:27px;line-height:1;background:#e8def8;color:var(--purple);width:48px;height:48px;display:flex;align-items:center;justify-content:center;border-radius:13px;margin-bottom:30px}.tool-card:nth-child(2) .tool-icon{background:#e0e8d4;color:#5d7344}.tool-card:nth-child(3) .tool-icon{background:#f4e2d4;color:#aa7247}.tool-card:nth-child(4) .tool-icon{background:#e1e4f4;color:#6176af}.tool-index{position:absolute;right:24px;top:29px;font-size:9px;color:#a6a1a9}.tool-card h3{font-size:19px;font-weight:600;letter-spacing:-.4px;margin-bottom:13px;line-height:1.2}.tool-card>p{font-size:12px;color:var(--muted);line-height:1.7;margin-bottom:29px;flex:1}.tool-card details{width:100%;border-top:1px solid var(--line)}.tool-card summary{cursor:pointer;list-style:none;font-size:11px;padding:17px 0 0;display:flex;align-items:center;justify-content:space-between;gap:10px}.tool-card summary::-webkit-details-marker{display:none}.tool-card summary>span{font-size:21px;transition:transform .2s}.tool-card details[open] summary>span{transform:rotate(45deg)}.tool-card ul{padding-top:13px}.tool-card li a{display:flex;justify-content:space-between;gap:12px;font-size:10px;line-height:1.5;border-top:1px solid var(--line);padding:12px 0}.tool-card li a:hover{color:var(--purple)}
.inspiration{background:#28232e;color:#f7f7f2}.inspiration .eyebrow{color:var(--lime)}.inspiration h2{font-size:49px}.inspiration h2 em{color:var(--lime);font-style:normal}.inspiration .section-heading>p{color:#aaa3b3}.template-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:15px;align-items:start}.template-card{padding:0;text-align:left;background:transparent;color:inherit;min-width:0}.template-card:nth-child(even){margin-top:35px}.template-media{position:relative;aspect-ratio:9/14;border-radius:13px;overflow:hidden;background:#47404e}.template-media video{height:100%;width:100%;object-fit:cover;transition:transform .4s}.template-card:hover video{transform:scale(1.035)}.template-play{position:absolute;top:12px;right:12px;background:#ffffff20;border:1px solid #ffffff45;backdrop-filter:blur(10px);width:29px;height:29px;border-radius:50%;display:grid;place-items:center;font-size:16px}.template-tag{position:absolute;bottom:12px;left:12px;background:#201c2590;padding:7px 10px;font-size:8px;letter-spacing:.6px;backdrop-filter:blur(8px);border-radius:5px}.template-title{display:flex;align-items:center;justify-content:space-between;padding-top:17px;gap:5px}.template-title h3{font-size:12px;font-weight:400}.template-title>span{color:var(--lime);font-size:19px}.inspiration-footer{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #49414f;margin-top:49px;padding-top:25px;gap:24px}.inspiration-footer>span{font-size:8px;letter-spacing:1px;color:#aaa3b3}.inspiration-footer>a{font-size:11px;color:var(--lime)}.inspiration-footer>a>span{margin-left:20px}
.closing{text-align:center;padding-block:100px 90px;position:relative}.closing .eyebrow{color:var(--muted);margin-bottom:20px}.closing h2{font-size:52px;letter-spacing:-2.3px;line-height:1.1;margin-bottom:31px}.closing h2>span{color:var(--purple)}.closing-star{position:absolute;right:12%;top:100px;font-size:68px;line-height:1;color:#b1c683;transform:rotate(14deg)}.download-link{display:block;width:fit-content;margin:20px auto 0;font-size:10px;color:var(--muted);padding:4px}.download-link:hover{color:var(--purple)}.footer{border-top:1px solid var(--line)}.footer-top{display:flex;align-items:center;justify-content:space-between;gap:24px;padding-block:33px;border-bottom:1px solid var(--line)}.footer-top>.brand{font-size:25px}.footer-top .brand-mark{width:27px;height:27px;border-radius:9px;font-size:24px}.footer-top>span{font-size:11px;color:var(--muted)}.footer-top>a:last-child{font-size:11px}.footer-bottom{display:flex;justify-content:space-between;align-items:center;gap:30px;padding-block:25px}.footer-bottom p{font-size:9px;line-height:1.7;color:#95909a}.footer-bottom>span{font-size:8px;letter-spacing:1px;color:#95909a;white-space:nowrap}
.preview-dialog{border:1px solid #ffffff20;background:#28232e;color:white;border-radius:20px;padding:20px;width:min(420px,calc(100% - 32px));max-height:92dvh;box-shadow:0 30px 100px #0005}.preview-dialog::backdrop{background:#1c1729bb;backdrop-filter:blur(10px)}.preview-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:15px;gap:20px}.preview-head h2{font-size:20px;letter-spacing:-.5px}.preview-close{background:#ffffff15;color:white;font-size:25px;width:35px;height:35px;border-radius:50%}.preview-dialog>video{height:min(60dvh,520px);width:100%;object-fit:contain;background:#19161e;border-radius:10px}.preview-dialog>.button{width:100%;margin-top:18px;font-size:12px;background:var(--lime);color:var(--ink)}
@media(min-width:1600px){.hero{min-height:770px}.hero-visual{height:580px}.film-main{height:485px}.film-back{height:400px}.film-small{height:220px}}
@media(max-width:1150px){.container{width:calc(100% - 72px)}h1{font-size:70px;letter-spacing:-4px}.hero{min-height:640px}.hero-visual{height:460px}.film-main{height:375px}.film-back{height:305px}.film-small{height:175px}.creative-sticker{padding:13px;bottom:34px}.hero-actions{gap:18px}.hero-spark{right:-62px;width:46px}.tool-card{padding:23px 19px 17px}.tool-card h3{font-size:17px}.feature-tabs{gap:20px}.feature-tabs button{font-size:11px}.feature-copy{padding:32px}.tools-section .section-heading h2{font-size:35px}.header nav{gap:22px}}
@media(max-width:900px){.header-inner{height:76px}.header-cta{font-size:10px;gap:10px;padding:12px}.header nav{gap:16px;font-size:11px}.brand{font-size:27px}.container{width:calc(100% - 48px)}.hero{gap:0;padding-block:50px;min-height:590px}h1{font-size:60px;letter-spacing:-3.8px}.hero-copy>.eyebrow{font-size:8px;letter-spacing:1px}.hero-description{font-size:13px}.hero-actions{gap:15px}.hero-actions .button{padding:16px;font-size:11px;gap:16px}.hero-actions .text-link{font-size:10px}.hero-visual{height:425px;margin-left:15px}.film-main{height:340px;left:18%;width:65%}.film-back{height:285px;top:74px}.film-small{height:155px}.film-top{font-size:5px;left:10px;right:10px}.film-bottom{font-size:13px;left:12px;right:12px}.creative-sticker{gap:8px;bottom:33px;left:-5px}.creative-sticker>div{font-size:9px}.creative-sticker>span{font-size:28px}.hero-spark{width:34px;height:34px;right:-42px}.section{padding-block:76px}.section-heading{gap:25px}.section-heading>p{font-size:11px}.tool-grid{grid-template-columns:repeat(2,1fr);gap:17px}.tool-card{padding:26px}.tool-card h3{font-size:21px}.feature-copy{padding:25px}.feature-copy h3{font-size:25px}.feature-copy p{font-size:12px}.feature-panel{grid-template-columns:40% 60%;min-height:340px}.feature-media video{height:280px}.feature-tabs{gap:17px;overflow-x:auto}.feature-tabs button{font-size:10px}.template-grid{gap:10px}.template-tag{font-size:7px;left:7px;bottom:8px;padding:6px}.template-title h3{font-size:10px}.workflow p{font-size:13px}.workflow .workflow-star{font-size:28px}.inspiration h2{font-size:42px}}
@media(max-width:680px){:root{scroll-padding-top:84px}.container{width:calc(100% - 40px)}.header-inner{height:72px;gap:15px}.brand{font-size:27px}.brand-mark{width:30px;height:30px;font-size:26px}.header-cta{margin-left:auto;padding:10px 11px;font-size:9px;gap:10px;border-color:#cfcbd4}.menu-button{display:flex;flex-direction:column;justify-content:center;gap:5px;background:none;width:24px;height:34px;padding:2px}.menu-button span{height:1.5px;width:20px;background:var(--ink);transition:transform .2s}.menu-button[aria-expanded=true] span:first-child{transform:translateY(3.25px) rotate(45deg)}.menu-button[aria-expanded=true] span:last-child{transform:translateY(-3.25px) rotate(-45deg)}.header nav{display:none;position:absolute;top:72px;left:0;right:0;background:var(--paper);padding:20px;border-bottom:1px solid var(--line);box-shadow:0 20px 35px #0001}.header nav.open{display:flex;flex-direction:column;gap:0}.header nav a{font-size:15px;padding:17px 5px}.hero{grid-template-columns:1fr;padding-block:44px 39px;gap:34px}.hero-copy>.eyebrow{font-size:8px;letter-spacing:1.2px;margin-bottom:22px}h1{font-size:68px;letter-spacing:-4px;line-height:1.02}.hero-spark{right:-54px;width:39px;height:39px;bottom:12px}.hero-description{font-size:14px;line-height:1.6;margin:23px 0}.desktop-break{display:none}.hero-actions{gap:22px}.hero-actions .button{font-size:12px;padding:17px 18px;gap:23px}.hero-actions .text-link{font-size:11px;gap:8px}.external-note{font-size:9px;margin-top:16px}.hero-visual{width:100%;height:430px;margin:0 auto;max-width:450px}.film-main{height:359px;width:55%;left:23%;top:22px}.film-back{height:300px;width:42%;left:3%;top:64px}.film-small{height:172px;width:30%;right:2%;bottom:28px}.film-top{font-size:5px}.film-bottom{font-size:13px;bottom:17px}.creative-sticker{bottom:36px;left:0;padding:13px 16px;gap:12px}.creative-sticker>div{font-size:9px}.creative-sticker>span{font-size:31px}.visual-label{top:5px;left:15px}.film-timeline{bottom:3px}.workflow{padding-block:22px;flex-wrap:wrap;gap:16px}.workflow>span:first-child{width:100%;font-size:8px}.workflow>span:first-child br{display:none}.workflow p{font-size:11px;gap:7px}.workflow b{font-size:8px}.workflow>i{font-size:13px}.workflow .workflow-star{display:none}.section{padding-block:60px}.section-heading{display:block;margin-bottom:26px}.section-heading .eyebrow{font-size:9px;margin-bottom:14px}h2{font-size:34px;letter-spacing:-1.4px}.section-heading>p{margin-top:20px;font-size:12px;line-height:1.7}.section-heading>p br{display:none}.feature-tabs{gap:23px;margin-right:-20px;padding-right:20px;margin-bottom:19px}.feature-tabs button{font-size:11px;padding-block:14px}.feature-panel{grid-template-columns:1fr;border-radius:18px}.feature-copy{padding:27px}.feature-copy h3{font-size:28px;margin:17px 0 13px}.feature-copy p{font-size:13px;line-height:1.65;margin-bottom:22px}.feature-number{font-size:8px}.feature-copy .button{font-size:12px;min-height:46px;padding:14px 18px}.feature-media{margin:0 15px 15px;border-radius:12px}.feature-media video{height:230px}.media-caption{right:10px;bottom:10px;font-size:7px}.tools-section .section-heading h2{font-size:33px;max-width:300px}.tool-grid{gap:12px}.tool-card{padding:19px 16px 12px}.tool-icon{width:40px;height:40px;font-size:24px;margin-bottom:25px}.tool-index{right:17px;top:24px;font-size:8px}.tool-card h3{font-size:17px;line-height:1.25;margin-bottom:12px}.tool-card>p{font-size:11px;line-height:1.7;margin-bottom:22px}.tool-card summary{font-size:10px;line-height:1.4;gap:5px}.tool-card li a{font-size:10px}.inspiration h2{font-size:38px}.template-grid{grid-template-columns:repeat(5,185px);overflow-x:auto;margin-right:-20px;padding-right:20px;padding-bottom:14px;gap:14px;scroll-snap-type:x mandatory}.template-card{scroll-snap-align:start}.template-card:nth-child(even){margin-top:24px}.template-title h3{font-size:12px}.template-tag{font-size:8px;left:10px;bottom:10px}.inspiration-footer{margin-top:25px;padding-top:22px;align-items:start;flex-direction:column;gap:20px}.inspiration-footer>span{font-size:8px;line-height:1.7;max-width:250px}.inspiration-footer>a{font-size:12px}.closing{padding-block:65px}.closing .eyebrow{font-size:8px;letter-spacing:1px}.closing h2{font-size:36px;letter-spacing:-1.6px;margin-bottom:25px}.closing-star{font-size:35px;right:0;top:15px}.closing .button{font-size:12px}.footer-top{padding-block:27px;flex-wrap:wrap;gap:20px}.footer-top>span{order:3;width:100%;font-size:11px}.footer-top>a:last-child{margin-left:auto}.footer-bottom{display:block;padding-block:24px}.footer-bottom>span{display:block;margin-top:20px}.footer-bottom p{font-size:9px}.footer-bottom p br{display:none}}
@media(max-width:370px){.container{width:calc(100% - 32px)}.header-cta{font-size:8px;padding:9px;gap:7px}.header-inner{gap:12px}h1{font-size:59px}.hero-actions{gap:15px}.hero-actions .button{font-size:11px;padding:15px;gap:16px}.hero-actions .text-link{font-size:10px}.hero-visual{height:380px}.film-main{height:319px}.film-back{height:270px}.film-small{height:145px}.creative-sticker{padding:11px}.feature-media video{height:200px}.tool-card h3{font-size:15px}}
@media(prefers-reduced-motion:reduce){:root{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}
.site-links-footer{background:#242229;padding:36px 24px}
.site-links-footer nav{max-width:1240px;margin:auto;display:flex;justify-content:center;flex-wrap:wrap;gap:12px 32px}
.site-links-footer a{color:#f7f7f2;text-decoration:none;font:600 13px/1.6 Inter,Arial,sans-serif}
.site-links-footer a:hover{text-decoration:underline;text-underline-offset:5px}
@media(max-width:640px){.site-links-footer nav{display:grid;grid-template-columns:1fr 1fr;gap:18px}}
@media(max-width:680px){.hero-spark{right:0}.film-back{left:5%}}
.tool-grid{align-items:start}.tool-card{min-height:300px}
@media(max-width:680px){.tool-card{min-height:305px}}
.brand-logo{display:block;width:127px;height:24px;max-width:none}
.footer-top .brand-logo{width:111px;height:21px}
@media(max-width:680px){.brand-logo{width:106px;height:20px}}
/* A new composition: visual-first hero, early gallery, compact tools, then studio. */
.hero{grid-template-columns:1fr 1fr;gap:64px;padding-block:68px 80px}
.hero-visual{margin-left:0;margin-right:15px}
.hero-copy{padding-left:14px}
.hero-actions{gap:22px}
.hero-spark{right:-57px;width:45px;height:45px}
.inspiration .section-heading{flex-direction:row-reverse}
.inspiration .section-heading>div{text-align:right}
.template-card:nth-child(even){margin-top:0}
.template-card:nth-child(odd){margin-top:30px}
.tools-section>.container{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:72px;align-items:start}
.tools-section .section-heading{display:block;margin-bottom:0;position:sticky;top:132px}
.tools-section .section-heading h2{font-size:43px;max-width:340px;line-height:1.14}
.tools-section .section-heading>p{margin-top:25px;font-size:13px}
.tools-section .tool-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.tools-section .tool-card{min-height:295px}
.feature-panel{grid-template-columns:60% 40%}
.feature-media{margin:22px 0 22px 22px}
.feature-copy{padding:42px}
#create .section-heading{align-items:center}
.workflow{margin-bottom:0;padding-block:31px}
.closing{display:grid;grid-template-columns:1fr auto;column-gap:80px;text-align:left;padding-block:80px;align-items:center}
.closing>.eyebrow{grid-column:1;grid-row:1;margin-bottom:18px}
.closing>h2{grid-column:1;grid-row:2 / 4;margin-bottom:0;font-size:49px}
.closing>.button{grid-column:2;grid-row:2;align-self:end}
.closing>.download-link{grid-column:2;grid-row:3;margin:16px 0 0;align-self:start;text-align:center;width:100%}
.closing-star{right:28%;top:115px;font-size:45px}
.footer-top>.brand{margin-left:auto}
.footer-top>a:last-child{margin-left:auto}
.footer-top>a[href='#main']{margin-left:0}
@media(max-width:1150px){.hero{gap:36px}.hero-copy{padding-left:8px}.hero-actions{gap:15px}.hero-actions .button{padding:17px;font-size:12px;gap:17px}.hero-actions .text-link{font-size:11px}.hero-spark{right:-30px;width:32px;height:32px}.tools-section>.container{gap:40px}.tools-section .section-heading h2{font-size:36px}.feature-copy{padding:30px}.closing{gap:20px 50px}.closing h2{font-size:42px}.closing-star{right:32%;font-size:32px}}
@media(max-width:900px){.hero{gap:18px;padding-block:48px 64px}.hero-copy{padding-left:5px}.hero h1{font-size:57px}.hero-spark{right:0;bottom:6px;width:28px;height:28px}.hero-actions{gap:12px}.hero-actions .button{font-size:10px;padding:15px;gap:12px}.hero-actions .text-link{font-size:10px}.hero-visual{margin-right:0}.tools-section>.container{grid-template-columns:1fr;gap:30px}.tools-section .section-heading{position:static;display:flex}.tools-section .section-heading>p{margin-top:0}.tools-section .section-heading h2{max-width:350px}.tools-section .tool-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.tools-section .tool-card{padding:20px 16px;min-height:330px}.tools-section .tool-card h3{font-size:17px}.tools-section .tool-card>p{font-size:11px}.tool-card summary{font-size:10px}.feature-copy{padding:25px}.closing h2{font-size:37px}.closing-star{display:none}}
@media(max-width:680px){.hero{display:flex;flex-direction:column;gap:25px;padding-block:32px 43px}.hero-visual{order:1;width:100%;height:350px;margin:0;max-width:390px}.hero-copy{order:2;width:100%;padding:0}.hero h1{font-size:61px;letter-spacing:-3.5px}.hero-spark{right:-48px;bottom:10px;width:32px;height:32px}.hero-visual .film-main{height:285px;top:17px;width:53%;left:24%}.hero-visual .film-back{height:245px;top:48px;left:7%}.hero-visual .film-small{height:139px;bottom:25px;right:5%}.hero-visual .creative-sticker{bottom:28px;left:2%;padding:11px 14px}.hero-visual .film-top{font-size:4px;top:10px;left:9px;right:9px}.hero-visual .film-bottom{font-size:11px;left:11px;bottom:14px}.hero-visual .video-toggle{width:25px;height:25px;font-size:10px}.hero-visual .visual-label{font-size:8px;left:16px;top:0}.hero-copy>.eyebrow{margin-bottom:18px}.hero-description{margin:20px 0}.hero-actions{justify-content:space-between;gap:15px}.hero-actions .text-link{font-size:11px}.hero-actions .button{font-size:12px;padding:17px;gap:18px}.inspiration .section-heading>div{text-align:left}.template-card:nth-child(odd){margin-top:22px}.template-card:nth-child(even){margin-top:0}.tools-section>.container{gap:25px}.tools-section .section-heading{display:block}.tools-section .section-heading h2{font-size:33px;max-width:300px}.tools-section .section-heading>p{margin-top:20px;font-size:12px}.tools-section .tool-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.tools-section .tool-card{min-height:305px;padding:19px 16px 12px}.feature-panel{grid-template-columns:1fr}.feature-media{margin:15px 15px 0}.feature-copy{padding:27px}.feature-media video{height:215px}.workflow{padding-block:25px}.closing{grid-template-columns:1fr;text-align:center;padding-block:60px;gap:0}.closing>.eyebrow{grid-row:auto;grid-column:auto}.closing>h2{grid-row:auto;grid-column:auto;font-size:35px;margin-bottom:26px}.closing>.button{grid-row:auto;grid-column:auto;justify-self:center}.closing>.download-link{grid-row:auto;grid-column:auto;margin-top:18px}.footer-top>span{order:0;width:auto;max-width:140px;line-height:1.6}.footer-top>.brand{order:-1;width:100%;margin:0}.footer-top>a[href='#main']{margin-left:auto}.footer-top>a:last-child{margin-left:0}}
@media(max-width:370px){.hero h1{font-size:55px}.hero-spark{right:-34px;width:27px;height:27px}.hero-actions .button{font-size:11px;padding:15px;gap:12px}.hero-actions .text-link{font-size:10px}.hero-visual{height:315px}.hero-visual .film-main{height:263px}.hero-visual .film-back{height:222px}.hero-visual .film-small{height:125px}.hero-visual .creative-sticker{bottom:17px}}

/* Expanded home: every media item belongs to one content block. */
.button{justify-content:center}
.site-context{padding-block:32px;border-top:1px solid var(--line);display:grid;grid-template-columns:1fr 2fr;gap:40px;align-items:start}
.site-context h2{font-size:19px;letter-spacing:-.4px;line-height:1.5}
.site-context p{font-size:12px;line-height:1.8;color:var(--muted);max-width:740px}
@media(max-width:680px){.site-context{grid-template-columns:1fr;gap:12px}.site-context p{font-size:13px}}
.template-media img{width:100%;height:100%;object-fit:cover;transition:transform .4s}
.template-card:hover img{transform:scale(1.035)}
.preview-dialog>.preview-image{width:100%;height:min(60dvh,520px);object-fit:contain;border-radius:10px;background:#19161e}
.preview-dialog.image-preview{width:min(760px,calc(100% - 32px))}
.preview-dialog.image-preview>.preview-image{height:auto;max-height:65dvh}
.home-photo{display:grid;grid-template-columns:1.1fr 1fr;gap:85px;align-items:center;padding-block:120px}
.photo-composition{min-width:0;height:590px;position:relative;background:radial-gradient(ellipse,#e3d9f3,transparent 67%)}
.photo-composition figure{position:absolute;margin:0;border:8px solid #fff;box-shadow:0 20px 50px #29202f15;background:#fff;border-radius:18px;overflow:hidden}
.photo-art{width:78%;top:5px;left:0;transform:rotate(-6deg)}
.photo-art img{width:100%;height:375px;object-fit:cover}
.photo-art figcaption{padding:16px 12px 10px;font-size:8px;letter-spacing:1.5px;color:#78727d}
.photo-edit{width:71%;right:0;bottom:15px;transform:rotate(6deg)}
.photo-edit img{width:100%;height:215px;object-fit:contain;background:#e5eaff;border-radius:10px}
.photo-edit figcaption{padding:12px;font-size:16px;font-weight:600}
.photo-spark{position:absolute;right:8px;top:0;font-size:74px;color:var(--purple);transform:rotate(15deg)}
.home-editorial-copy .eyebrow{color:var(--purple);margin-bottom:20px}
.home-editorial-copy h2{font-size:clamp(34px,3.5vw,49px)}
.home-editorial-copy h2 em,.home-imagine h2 em,.home-faq h2 em{font-style:normal;color:var(--purple)}
.home-editorial-copy>p:not(.eyebrow){font-size:14px;line-height:1.85;color:#747078;margin-top:23px}
.home-benefits{display:grid;gap:16px;margin:28px 0 31px}
.home-benefits li{display:grid;grid-template-columns:120px 1fr;gap:14px;padding-top:14px;border-top:1px solid var(--line);font-size:12px;line-height:1.6}
.home-benefits b{font-weight:600}.home-benefits span{color:var(--muted)}
.home-imagine{background:#eee8f6;border-block:1px solid #e6dfee}
.imagine-layout{display:grid;grid-template-columns:1.3fr 1fr;gap:24px;align-items:stretch}
.imagine-layout figure{margin:0;overflow:hidden;border-radius:20px;position:relative}
.imagine-main{min-height:610px;background:#49443b}
.imagine-main>img{width:100%;height:100%;position:absolute;inset:0;object-fit:cover}
.imagine-main figcaption{position:absolute;inset:auto 0 0;padding:90px 32px 32px;background:linear-gradient(transparent,#171519dc);color:#fff}
.imagine-main figcaption>span{font-size:9px;letter-spacing:1.7px;color:var(--lime)}
.imagine-main figcaption p{font-size:20px;line-height:1.55;max-width:440px;margin-top:15px;letter-spacing:-.4px}
.imagine-side{display:grid;grid-template-rows:auto 240px;gap:24px}
.imagine-copy{padding:37px;background:#f8f5fb;border-radius:20px;position:relative}
.imagine-copy h3{font-size:33px;font-weight:600;line-height:1.15;letter-spacing:-1px}
.imagine-copy>p{font-size:13px;line-height:1.85;color:var(--muted);margin:22px 0 25px;max-width:340px}
.imagine-star{position:absolute;top:25px;right:27px;font-size:44px;color:#9f80d1}
.imagine-detail>img{width:100%;height:100%;object-fit:cover}
.imagine-detail figcaption{position:absolute;inset:auto 0 0;padding:35px 20px 17px;font-size:11px;color:#fff;background:linear-gradient(transparent,#1c2023c9)}
.imagine-note{display:grid;grid-template-columns:.7fr 1.6fr auto;gap:32px;align-items:center;margin-top:32px;padding-top:27px;border-top:1px solid #d6cce3}
.imagine-note>b{font-size:16px;font-weight:600}.imagine-note p{font-size:12px;color:#79717f;line-height:1.8}.imagine-note a{font-size:12px;color:var(--purple);text-decoration:underline;text-underline-offset:5px}
.format-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.format-card{border:1px solid var(--line);border-radius:20px;overflow:hidden;background:#fbfbf8}
.format-card figure{margin:0;position:relative}.format-card img{width:100%;height:260px;object-fit:cover}
.format-card figcaption{position:absolute;bottom:15px;left:15px;background:#ffffffe8;padding:9px 12px;border-radius:6px;font-size:8px;letter-spacing:1px}
.format-card>div{padding:28px}.format-card h3{font-size:23px;line-height:1.2;letter-spacing:-.7px;font-weight:600;min-height:56px}
.format-card p{font-size:13px;color:var(--muted);line-height:1.85;margin:18px 0 25px}.format-card a{font-size:12px;color:var(--purple);font-weight:600;text-decoration:underline;text-underline-offset:5px}
.home-faq{background:#eeeee7;border-top:1px solid var(--line)}
.home-faq-layout{display:grid;grid-template-columns:.85fr 1.15fr;gap:90px}
.home-faq .eyebrow{color:var(--purple);margin-bottom:18px}.home-faq h2{font-size:45px}.home-faq-layout>div>p:last-child{color:var(--muted);font-size:13px;line-height:1.8;max-width:300px;margin-top:24px}
.home-faq details{border-bottom:1px solid #d5d5cd}.home-faq summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:25px;padding:22px 0;font-size:14px;font-weight:600;line-height:1.5}
.home-faq summary::-webkit-details-marker{display:none}.home-faq summary span{font-size:25px;color:var(--purple);font-weight:400}.home-faq details[open] summary span{transform:rotate(45deg)}
.home-faq details p{font-size:13px;line-height:1.85;color:#747078;margin-bottom:23px;padding-right:25px}
@media(max-width:1100px){.home-photo{gap:45px}.photo-composition{height:520px}.photo-art img{height:330px}.photo-edit img{height:185px}.imagine-copy{padding:28px}.imagine-copy h3{font-size:29px}.imagine-star{font-size:29px;right:18px}.imagine-main{min-height:570px}.imagine-note{grid-template-columns:.7fr 1.3fr}.imagine-note a{grid-column:2}.format-grid{gap:17px}.format-card>div{padding:23px}.format-card img{height:220px}.home-faq-layout{gap:50px}}
@media(max-width:800px){.home-photo{gap:30px}.photo-composition{height:465px}.photo-art img{height:285px}.photo-edit img{height:160px}.photo-spark{font-size:52px}.home-editorial-copy h2{font-size:35px}.home-benefits li{grid-template-columns:1fr;gap:5px}.imagine-layout{grid-template-columns:1fr 1fr;gap:17px}.imagine-copy{padding:23px}.imagine-copy h3{font-size:26px}.imagine-star{display:none}.imagine-side{gap:17px}.imagine-main figcaption{padding:80px 23px 23px}.imagine-main figcaption p{font-size:17px}.format-card h3{font-size:20px}.format-card>div{padding:19px}.format-card p{font-size:12px}.format-card img{height:185px}.home-faq h2{font-size:38px}}
@media(max-width:680px){.home-photo{grid-template-columns:1fr;gap:38px;padding-block:65px}.photo-composition{height:430px;max-width:440px;width:100%;margin:auto}.photo-art{width:76%;left:3%;top:10px}.photo-art img{height:260px}.photo-edit{width:66%;right:2%;bottom:8px}.photo-edit img{height:147px}.photo-art figcaption{font-size:6px;padding:11px 4px 7px}.photo-edit figcaption{font-size:13px;padding:9px}.photo-spark{right:0;top:7px}.home-editorial-copy>p:not(.eyebrow){font-size:14px}.home-benefits li{grid-template-columns:105px 1fr;gap:12px}.home-editorial-copy h2{font-size:36px}.home-imagine .section-heading{display:block}.home-imagine .section-heading>p{margin-top:22px}.imagine-layout{grid-template-columns:1fr}.imagine-main{min-height:420px}.imagine-side{grid-template-rows:auto 220px}.imagine-copy{padding:29px}.imagine-copy h3{font-size:31px}.imagine-copy>p{max-width:none}.imagine-star{display:block;top:29px;right:28px}.imagine-note{grid-template-columns:1fr;gap:15px}.imagine-note a{grid-column:auto}.imagine-note p{font-size:13px}.format-grid{grid-template-columns:1fr;gap:25px}.format-card img{height:230px}.format-card>div{padding:25px}.format-card h3{font-size:26px;min-height:0}.format-card p{font-size:14px;margin-top:17px}.format-card a{font-size:13px}.home-faq-layout{grid-template-columns:1fr;gap:28px}.home-faq h2{font-size:37px}.home-faq summary{font-size:14px}.home-faq details p{padding-right:0;font-size:14px}.home-formats .section-heading{align-items:start}}
@media(prefers-reduced-motion:reduce){.template-media img{transition:none}.template-card:hover img{transform:none}}
@media(max-width:680px){.hero-spark{right:7px;top:-15px;bottom:auto;width:27px;height:27px}}
@media(max-width:370px){.template-grid,.feature-tabs{margin-right:-16px;padding-right:16px}}