@import url("/workflow-tour.css");
@import url("/character-studio.css");
:root,[data-theme=light]{color-scheme:light;--paper:#f8f7f3;--ink:#242521;--muted:#75756d;--orange:#e65c32;--orange-text:#c94823;--line:#e4e3dc;--surface:#fff;--surface-2:#fbfbf8;--well:#f4f5f0;--elevated:#fff;--btn-dark-hover:#404139;--selection:#f6c9ae;--serif:'Instrument Serif',Georgia,serif;--sans:'DM Sans',Arial,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:16px;-webkit-font-smoothing:antialiased}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}button,a{touch-action:manipulation}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid var(--orange);outline-offset:5px}::selection{background:var(--selection)}.skip{position:fixed;left:15px;top:-70px;background:var(--ink);color:white;z-index:100;padding:12px}.skip:focus{top:15px}.site-header{max-width:1440px;margin:auto;padding:27px 5%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);gap:25px}.brand{font-size:31px;letter-spacing:-1.7px;font-weight:650;display:flex;align-items:center;gap:7px;line-height:1}.brand-dot{color:var(--orange);margin-left:-6px}.brand-symbol{font-size:39px;font-weight:400;color:var(--orange);line-height:.8;margin-right:2px}.desktop-nav{display:flex;gap:30px;align-items:center}.desktop-nav a{font-size:14px;font-weight:500;transition:color .2s}.desktop-nav a:hover{color:var(--orange)}.button{display:inline-flex;align-items:center;justify-content:center;gap:24px;padding:17px 23px;border:1px solid transparent;border-radius:7px;font-size:14px;font-weight:600;transition:transform .2s,background .2s}.button:hover{transform:translateY(-3px)}.button span{font-size:20px;line-height:1}.button-small{padding:12px 17px;font-size:13px;gap:20px}.button-dark{background:var(--ink);color:var(--paper)}.button-dark:hover{background:var(--btn-dark-hover)}.button-orange{background:var(--orange);color:white;box-shadow:0 3px 0 #c94823}.button-orange:hover{background:#d64a22}.menu-toggle{display:none}.hero{text-align:center;padding:63px 20px 38px}.eyebrow{font-size:11px;font-weight:650;letter-spacing:1.9px;display:flex;gap:9px;align-items:center;justify-content:center}.tiny-star{color:var(--orange);font-size:19px}.hero h1{font-size:clamp(58px,6.1vw,88px);font-weight:500;line-height:1.04;letter-spacing:-5px;margin:23px 0 24px}.hero h1 em{font-family:var(--serif);font-weight:400;color:var(--orange);letter-spacing:-2px;font-size:1.14em}.hero p{font-size:16px;line-height:1.7;color:#73756d;margin:0}.hero-actions{display:flex;align-items:center;justify-content:center;gap:29px;margin:28px 0 19px}.text-button{display:inline-flex;gap:10px;align-items:center;font-size:14px;font-weight:550}.play-small{border:1px solid #babcb1;border-radius:50%;width:27px;height:27px;display:grid;place-items:center;font-size:9px;padding-left:2px}.hero-note{font-size:12px;color:#919187}.menu-toggle{background:none;border:0;font-size:25px}@media(min-width:1550px){.hero{padding-top:80px}}@media(max-width:900px){.desktop-nav{gap:18px}.site-header{padding:22px 4%}.header-cta{display:none}.hero h1{letter-spacing:-3px}.hero{padding-top:65px}}@media(max-width:620px){.site-header{padding:22px 6%}.brand{font-size:28px}.menu-toggle{display:block}.desktop-nav{display:none;position:absolute;top:80px;left:0;right:0;z-index:20;padding:25px;background:var(--paper);border-bottom:1px solid var(--line)}.desktop-nav.open{display:flex;flex-direction:column;align-items:start;gap:24px}.hero{padding:47px 22px 32px}.eyebrow{font-size:10px;letter-spacing:1.3px}.hero h1{font-size:53px;letter-spacing:-2.8px;line-height:1.07;margin:23px 0}.hero h1 em{letter-spacing:-1.7px}.hero p{font-size:15px;line-height:1.65}.desktop-break{display:none}.hero-actions{gap:18px;flex-direction:column;margin-top:25px}.hero-note{font-size:11px;line-height:1.6;max-width:260px;margin:auto}.button{font-size:14px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}
/* Creative wall */
.creative-wall{max-width:1600px;margin:14px auto 0;padding:20px 3.5% 0;position:relative}.floating-label{position:absolute;left:9%;top:-6px;font-family:var(--serif);font-size:21px;transform:rotate(-5deg);z-index:2}.floating-label span{color:var(--orange);font-family:var(--sans);font-size:25px;margin-right:7px}.wall-grid{display:grid;grid-template-columns:.78fr 1fr 1.05fr 1fr .8fr;gap:18px;align-items:center;padding:25px 0 17px}.creative-card{display:block;padding:0;border:0;text-align:left;background:var(--surface);border-radius:9px;box-shadow:0 4px 12px #2c251509;overflow:hidden;transition:transform .25s,box-shadow .25s;min-width:0;width:100%;color:var(--ink)}.creative-card:hover{transform:translateY(-8px) rotate(0)!important;box-shadow:0 15px 30px #2c251520}.wall-grid>.creative-card:nth-child(2){transform:rotate(-5deg);margin-top:15px}.wall-grid>.creative-card:nth-child(3){transform:rotate(2deg);margin-top:-11px}.wall-grid>.creative-card:nth-child(4){transform:rotate(-3deg);margin-top:25px}.wall-grid>.creative-card:nth-child(5){transform:rotate(5deg);margin-top:-5px}.ad-art{position:relative;aspect-ratio:3/4;background-image:url('/assets/creative-panels.png');background-size:400% 100%;background-position:var(--panel) center;overflow:hidden;padding:17px;color:white;isolation:isolate}.ad-art:before{content:'';position:absolute;inset:0;background:linear-gradient(#00000018,transparent 35%,transparent 65%,#00000025);z-index:-1}.ad-brand{font-size:9px;letter-spacing:1.6px;font-weight:650;position:absolute;top:17px;left:17px}.ad-headline{position:absolute;top:46px;left:17px;right:12px;font-size:clamp(19px,2.2vw,33px);line-height:1.04;letter-spacing:-1.1px;font-weight:550}.ad-headline em{font-family:var(--serif);font-weight:400;font-size:1.18em}.ad-caption{position:absolute;bottom:15px;left:17px;right:17px;font-size:10px;display:flex;justify-content:space-between;border-top:1px solid #ffffff60;padding-top:8px;letter-spacing:.2px}.routine .ad-headline{top:auto;bottom:49px;background:#f9f5e9;color:#32322b;font-size:20px;line-height:1.2;text-align:center;left:12px;right:12px;padding:10px;box-shadow:0 3px 0 #00000015;transform:rotate(-3deg)}.routine .ad-caption{border:0}.move .ad-headline{font-weight:700;font-size:clamp(27px,3.2vw,45px);letter-spacing:-2px}.move .ad-headline em{font-family:var(--sans);font-style:italic;font-weight:700;font-size:1em}.sound{color:#103e71}.sound .ad-caption{border-color:#103e7150}.sound:before{background:none}.card-bottom{display:flex;justify-content:space-between;font-size:11px;align-items:center;padding:11px 15px;color:#606058}.card-bottom>span:last-child{font-size:17px;color:var(--ink)}.type-ad{background:#e6e9d6;color:#455236;aspect-ratio:3/4;position:relative;transform:rotate(-8deg);padding:18px 17px;border-radius:5px;margin-left:-40px;margin-right:2px;margin-top:39px}.type-ad p{font-size:clamp(25px,3.7vw,53px);line-height:.96;letter-spacing:-2px;margin:50px 0 30px;font-weight:500}.type-ad p em{font-family:var(--serif);font-weight:400}.type-ad-foot{font-size:9px;letter-spacing:.2px;position:absolute;bottom:17px}.wall-foot{display:flex;justify-content:space-between;margin:28px 10px 0;padding-bottom:30px;border-bottom:1px solid var(--line);font-size:10px;letter-spacing:1.4px;color:var(--muted)}.wall-foot a{font-size:12px;letter-spacing:0;color:var(--ink)}.wall-foot a span{margin-left:12px}.platform-strip{display:flex;align-items:center;justify-content:space-between;gap:25px;max-width:1190px;padding:44px 22px 50px;margin:auto;border-bottom:1px solid var(--line)}.platform-strip>span{font-size:9px;letter-spacing:1px;line-height:1.8;color:var(--muted)}.platform-name{display:flex;align-items:center;gap:8px;font-size:20px;font-weight:600;color:#76786d;letter-spacing:-.8px}.platform-name .platform-logo{width:26px;height:26px;flex-shrink:0}.platform-name.google{font-size:18px;font-weight:450}
/* Sections */
.section-wrap{max-width:1190px;margin:auto;padding-left:22px;padding-right:22px}.possibilities{padding-top:95px;padding-bottom:97px}.section-kicker{font-size:10px;letter-spacing:1.5px;font-weight:600;color:#7b7c71;margin-bottom:20px}.section-head{display:flex;justify-content:space-between;align-items:flex-end;gap:30px;margin-bottom:37px}h2{font-size:47px;line-height:1.1;font-weight:500;letter-spacing:-2px;margin:0}h2 em{font-family:var(--serif);font-weight:400;font-size:1.12em;color:#777b61}h3{font-size:25px;font-weight:500;line-height:1.2;letter-spacing:-.8px}.section-head>p{font-size:14px;line-height:1.75;color:var(--muted);margin-bottom:4px}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.feature-card{position:relative;padding:24px 25px 47px;border-radius:9px;overflow:hidden;transition:transform .25s}.feature-card:hover{transform:translateY(-5px)}.feature-orange{background:#f1e8df}.feature-cream{background:#eeede5}.feature-green{background:#e8ecdf}.feature-top{display:flex;justify-content:space-between;align-items:center}.line-icon{font-size:23px}.feature-top>span:last-child{font-size:20px}.feature-card h3{margin:24px 0 12px}.feature-card>p{font-size:13px;color:#77766c;line-height:1.75;margin:0}.feature-caption{position:absolute;bottom:20px;left:25px;letter-spacing:1.4px;font-size:9px;font-weight:600}.mini-composition{display:flex;height:225px;position:relative;padding:34px 6px 4px}.mini-ad{width:135px;transform:rotate(-8deg);box-shadow:0 5px 15px #60442712}.mini-ad .ad-art{height:180px;padding:10px}.mini-ad .ad-brand{font-size:6px;top:10px;left:10px}.mini-ad .ad-headline{font-size:17px;top:29px;left:10px}.mini-ad .ad-caption{font-size:7px;left:10px;right:10px;bottom:9px}.mini-ad.second{position:absolute;left:137px;top:46px;background:#f7a070;height:180px;padding:15px;transform:rotate(8deg);color:#653422}.mini-ad.second>span{font-size:25px;line-height:1;letter-spacing:-1px}.mini-ad.second em{font-family:var(--serif);font-size:30px;font-weight:400}.mini-ad.second b{position:absolute;bottom:12px;font-size:8px;left:15px;letter-spacing:1px}.ugc-preview{height:218px;width:155px;position:relative;margin:22px auto 9px;transform:rotate(-4deg);border:5px solid #f8f7f3;box-shadow:0 3px 16px #332c2019;border-radius:8px}.ugc-preview .ad-art{height:100%;border-radius:3px}.ugc-preview .ad-headline,.ugc-preview .ad-caption{display:none}.ugc-preview .ad-brand{font-size:6px;left:9px;top:9px}.caption-bubble{position:absolute;bottom:25px;white-space:nowrap;background:white;padding:9px 12px;left:-23px;box-shadow:0 2px 6px #00000012;font-size:11px;transform:rotate(4deg)}.concept-label{position:absolute;top:10px;right:-40px;padding:6px 9px;background:#e9a172;color:#51351f;font-size:8px;border-radius:3px;transform:rotate(7deg);letter-spacing:.7px}.workflow-mini{padding:40px 0 15px}.workflow-mini>div{background:#ffffffc9;border:1px solid #d4dacb;border-radius:6px;display:flex;align-items:center;padding:11px;gap:9px;font-size:11px;box-shadow:0 2px 2px #35402105}.workflow-mini>div>i{font-style:normal;font-size:18px;color:#6e7b57}.workflow-mini>div>b{margin-left:auto;font-weight:400;color:#6e7b57}.connector{display:block;margin:2px 0 2px 25px;color:#9da68f;font-size:13px}.avatars{margin-left:auto;display:flex}.avatars b{width:21px;height:21px;border:2px solid white;display:grid;place-items:center;border-radius:50%;background:#e5bda1;font-size:8px}.avatars b+b{background:#bac7a6;margin-left:-5px}.workflow-section{background:#eeeee7;padding:80px 0}.workflow-layout{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:75px}.workflow-copy h2{font-size:43px}.workflow-copy>p{font-size:14px;color:var(--muted);line-height:1.75;margin:24px 0}.steps{margin-top:33px}.step{width:100%;display:flex;gap:15px;text-align:left;background:none;border:none;border-top:1px solid #dcded3;padding:20px 0;color:var(--ink)}.step-number{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;font-size:10px;border:1px solid #d1d4c7;flex-shrink:0}.step strong{display:block;font-size:14px;font-weight:550}.step small{display:block;font-size:12px;color:#85877b;margin-top:6px}.step.active .step-number{background:var(--orange);color:white;border-color:var(--orange)}.step.active strong{color:#c8502e}.demo-window{background:#fafaf6;border:1px solid #d6d8cc;border-radius:10px;box-shadow:0 14px 40px #3139230b;transform:rotate(1deg);overflow:hidden}.demo-title{padding:15px 18px;display:flex;align-items:center;gap:9px;border-bottom:1px solid #e7e8df;font-size:11px}.demo-title .brand-symbol{font-size:23px}.demo-badge{margin-left:auto;font-size:7px;letter-spacing:.7px;background:#e9ece2;padding:5px 7px;border-radius:3px;color:#79816b}.demo-content{padding:29px 30px;min-height:430px}.workspace-label{font-size:8px;letter-spacing:1.3px;color:#909383}.demo-content h3{font-size:26px;margin:13px 0 22px;line-height:1.13;letter-spacing:-.9px}.product-import{display:flex;align-items:center;border:1px solid #e1e2d7;background:white;border-radius:5px;padding:10px;gap:15px}.product-thumb{width:60px;height:70px;flex-shrink:0;background-image:url('/assets/creative-panels.png');background-size:400% 100%;background-position:0 center;border-radius:3px}.product-import strong{display:block;font-size:12px;font-weight:600}.product-import span{display:block;font-size:10px;color:#8c8d7f;margin:6px 0 10px}.product-import small{display:block;font-size:9px;color:#8c8d7f}.product-import small b{color:#829665;margin-left:10px}.mock-field{padding:14px 0 15px}.mock-field>span{font-size:8px;letter-spacing:.8px;color:#858979}.mock-field p{font-size:11px;color:#777c6b;line-height:1.7;background:#f1f2eb;padding:11px;margin-top:8px;border-radius:4px}.demo-content>.button{width:100%;padding:12px;font-size:11px}.demo-content>.button span{font-size:15px}.demo-bottom{padding:12px 18px;border-top:1px solid #e7e8df;display:flex;justify-content:space-between;color:#8b907f;font-size:8px;gap:10px}.little-dot{display:inline-block;background:#9aab81;width:5px;height:5px;border-radius:50%;margin-right:4px}.direction-list{display:flex;flex-direction:column;gap:10px;margin-bottom:20px}.direction-list>div{border:1px solid #dce1d1;border-radius:5px;padding:13px 12px 13px 44px;position:relative}.direction-list>div>span{position:absolute;top:17px;left:12px;font-family:var(--serif);font-size:21px;color:var(--orange)}.direction-list strong{font-size:12px;display:block}.direction-list small{font-size:10px;display:block;margin-top:5px;color:var(--muted)}.demo-variants{display:flex;gap:12px;margin-bottom:17px}.demo-variants>button{padding:0;border:0;border-radius:5px;overflow:hidden;width:50%}.demo-variants .ad-art{height:207px;aspect-ratio:auto}.demo-variants .ad-headline{font-size:18px;left:10px;top:32px}.demo-variants .routine .ad-headline{top:auto;bottom:37px;font-size:14px}.demo-variants .ad-brand{font-size:7px;left:10px;top:10px}.demo-variants .ad-caption{font-size:8px;left:10px;right:10px}.formats-section{padding-top:88px;padding-bottom:85px}.format-row{margin-top:38px;display:grid;grid-template-columns:1.4fr repeat(4,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:28px 0;align-items:center}.format-row>div{border-left:1px solid var(--line);display:flex;align-items:center;flex-direction:column;gap:8px}.format-row b{font-size:29px;font-weight:450;letter-spacing:-1px}.format-row>div>span{font-size:10px;color:var(--muted)}.format-statement{font-size:14px;color:var(--muted);line-height:1.5}.final-cta{max-width:1325px;margin:0 auto 0;background:#f0dccb;border-radius:13px 13px 0 0;padding:67px 30px 65px;text-align:center;position:relative;overflow:hidden}.final-cta .eyebrow{font-size:9px;color:#997d67}.final-cta h2{font-size:58px;margin:21px 0 27px;position:relative;z-index:1}.final-cta h2 em{color:#b6603d}.cta-spark{position:absolute;font-size:330px;line-height:1;right:-30px;bottom:-85px;color:#e2b797;transform:rotate(-12deg);pointer-events:none;opacity:.65}.final-cta>.button{position:relative;z-index:1}.site-footer{max-width:1325px;margin:auto;padding:49px 6% 0;border:1px solid var(--line);border-top:0;background:#f6f5f0}.footer-top{display:flex;justify-content:space-between;gap:35px;padding-bottom:40px}.footer-top p{font-size:14px;line-height:1.6;color:var(--muted);margin-top:20px}.footer-links{display:flex;gap:85px;padding-top:7px}.footer-links>div{display:flex;flex-direction:column;gap:12px}.footer-links>div>span{font-size:9px;letter-spacing:1px;color:#8d8f82;margin-bottom:4px}.footer-links a{font-size:12px}.footer-links a:hover{color:var(--orange)}.footer-bottom{padding:19px 0;display:flex;justify-content:space-between;gap:20px;border-top:1px solid var(--line);font-size:9px;color:#8c8c7e;line-height:1.6}
/* Showcase and pricing */
.page-hero{text-align:center;padding:78px 22px 48px}.page-hero h1{font-size:76px;line-height:1.05;font-weight:500;letter-spacing:-4px;margin:25px 0}.page-hero h1 em{font-family:var(--serif);font-size:1.14em;font-weight:400;color:var(--orange);letter-spacing:-2px}.page-hero>p{font-size:16px;color:var(--muted);line-height:1.7}.gallery-section{padding-bottom:85px}.gallery-toolbar{display:flex;align-items:center;justify-content:space-between;padding-bottom:25px;gap:20px;border-bottom:1px solid var(--line);margin-bottom:32px}.filter-tabs{display:flex;gap:6px;flex-wrap:wrap}.filter-tabs button{padding:10px 16px;border:1px solid transparent;background:none;border-radius:30px;color:var(--muted);font-size:13px}.filter-tabs button.active{background:var(--ink);color:white}.filter-tabs button:not(.active):hover{background:#e9e9e0}.gallery-count{font-size:12px;color:var(--muted);white-space:nowrap}.gallery-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:22px;min-height:410px}.gallery-grid .ad-headline{font-size:29px}.gallery-grid .move .ad-headline{font-size:37px}.gallery-grid .routine .ad-headline{font-size:20px}.gallery-grid article>h2{font-size:17px;letter-spacing:-.4px;line-height:1.4;margin:18px 0 6px}.gallery-grid article>p{font-size:10px;line-height:1.6;color:var(--muted);margin:0}.gallery-grid article>p>span{padding:0 4px}.gallery-note{display:flex;align-items:center;justify-content:center;gap:15px;margin:53px auto 0;padding:23px;background:#efefe7;border-radius:6px;max-width:610px}.gallery-note>span{font-size:28px;color:#929b7e}.gallery-note p{font-size:12px;color:#7b8070;line-height:1.8;margin:0}.billing-switch{display:inline-flex;padding:5px;border:1px solid #dedfd4;border-radius:8px;margin-top:22px;gap:5px;background:#eeeee6}.billing-switch button{border:0;background:transparent;padding:11px 16px;border-radius:5px;font-size:13px;color:#717665}.billing-switch button.active{background:white;color:var(--ink);box-shadow:0 2px 6px #00000008}.billing-switch button span{font-size:9px;color:#527b44;background:#dfebd8;padding:3px 5px;border-radius:4px;margin-left:6px}.page-hero .pricing-disclaimer,.page-hero .showcase-credit{font-size:11px;margin:17px 0 0;color:#8c8e81}.pricing-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;padding-top:28px}.price-card{border:1px solid #dedfd4;border-radius:9px;padding:32px 28px;background:#fbfaf7;position:relative}.price-card.popular{border:1px solid var(--orange);background:#fcf5ed}.popular-label{position:absolute;bottom:100%;left:-1px;right:-1px;background:var(--orange);color:white;border-radius:8px 8px 0 0;padding:8px 12px;font-size:9px;text-align:center;letter-spacing:1px}.popular.price-card{border-radius:0 0 9px 9px}.plan-name{font-size:25px;font-weight:550;letter-spacing:-1px}.price-card>p{font-size:13px;color:var(--muted);margin:10px 0 25px}.plan-price{display:flex;align-items:baseline;gap:7px}.price-value{font-size:49px;letter-spacing:-2px;font-weight:500}.plan-price>span:last-child{font-size:12px;color:var(--muted)}.billing-detail{font-size:11px;color:var(--muted);display:block;margin:6px 0 23px}.price-card .button{width:100%;padding:13px 14px;justify-content:space-between;font-size:12px}.button-outline{border-color:#d2d5c7;background:#f7f8f1}.included-label{font-size:9px;letter-spacing:1px;display:block;margin-top:30px;color:#818574}.price-card ul{padding:0;list-style:none;margin:17px 0 0}.price-card li{display:flex;gap:9px;font-size:12px;margin:15px 0}.price-card li>span{color:#7b8c68}.credit-note{text-align:center;font-size:11px;color:var(--muted);margin:25px 22px 0;line-height:1.8}.compare-section{padding-top:90px;padding-bottom:75px}.compare-section h2{font-size:42px}.table-scroll{overflow-x:auto;margin-top:32px}table{border-collapse:collapse;width:100%;min-width:550px;text-align:left;font-size:13px}th,td{padding:21px 14px;border-bottom:1px solid var(--line)}thead th{font-size:13px;font-weight:600;background:#eeeee5}thead th:not(:first-child),td{text-align:center}tbody th{font-size:12px;font-weight:400;color:var(--muted)}td{font-size:12px}.faq-section{display:grid;grid-template-columns:.9fr 1.1fr;gap:60px;padding-bottom:85px}.faq-section h2{font-size:42px}.faqs details{border-bottom:1px solid var(--line);padding:19px 0}.faqs details:first-child{padding-top:0}.faqs summary{display:flex;align-items:center;justify-content:space-between;gap:20px;cursor:pointer;list-style:none;font-size:14px}.faqs summary::-webkit-details-marker{display:none}.faqs summary span{font-size:21px;color:var(--muted)}.faqs details[open] summary span{transform:rotate(45deg)}.faqs details p{font-size:13px;line-height:1.8;color:var(--muted);padding-right:20px}.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}.creative-dialog{border:0;border-radius:12px;padding:0;max-width:820px;width:calc(100% - 40px);background:var(--paper);color:var(--ink);box-shadow:0 30px 100px #00000030}.creative-dialog::backdrop{background:#22251dc4;backdrop-filter:blur(6px)}#dialog-content{display:grid;grid-template-columns: .9fr 1fr}.dialog-close{position:absolute;top:10px;right:13px;border:0;border-radius:50%;background:var(--paper);font-size:26px;width:35px;height:35px;z-index:2}.dialog-art .ad-art{height:100%;aspect-ratio:3/4}.dialog-art .ad-headline{font-size:40px;top:56px;left:25px}.dialog-art .routine .ad-headline{top:auto;bottom:65px;font-size:28px}.dialog-art .ad-brand{top:25px;left:25px;font-size:11px}.dialog-copy{padding:46px 32px 30px}.dialog-copy .section-kicker{font-size:9px}.dialog-copy h2{font-size:35px;letter-spacing:-1px}.dialog-copy>p{font-size:13px;line-height:1.7;color:var(--muted)}.dialog-copy dl{margin:24px 0}.dialog-copy dt{font-size:9px;letter-spacing:1px;color:var(--muted);margin-top:17px}.dialog-copy dd{font-size:13px;line-height:1.5;margin:6px 0 0}.dialog-copy .dialog-note{font-size:10px;padding-top:10px;border-top:1px solid var(--line)}.dialog-copy .button{padding:12px 15px;font-size:12px;margin-top:8px}
@media(min-width:1450px){.wall-grid{gap:25px}.creative-wall{padding-left:5%;padding-right:5%}.hero{padding-bottom:45px}.hero h1{font-size:92px}.ad-art .ad-headline{font-size:36px}.move .ad-headline{font-size:47px}.routine .ad-headline{font-size:23px}.type-ad p{font-size:56px}}@media(max-width:1100px){.wall-grid{gap:13px}.type-ad p{margin-top:43px}.workflow-layout{gap:40px}.feature-card{padding-left:20px;padding-right:20px}.mini-ad.second{left:112px;width:120px}.section-wrap{padding-left:35px;padding-right:35px}.feature-card h3{font-size:23px}.demo-content{padding:24px}.platform-name{font-size:17px}.platform-strip{margin:0 35px}.gallery-grid{gap:15px}.gallery-grid .ad-headline{font-size:24px}.gallery-grid .move .ad-headline{font-size:30px}.gallery-grid .routine .ad-headline{font-size:16px}.pricing-grid{gap:14px}.price-card{padding:28px 22px}.footer-bottom>span:last-child{display:none}}@media(max-width:900px){.wall-grid{grid-template-columns:repeat(4,1fr)}.type-ad{display:none}.floating-label{left:6%}.wall-grid>.creative-card:nth-child(2){transform:rotate(-4deg)}.ad-headline{font-size:25px}.move .ad-headline{font-size:33px}.routine .ad-headline{font-size:18px}.platform-strip{flex-wrap:wrap;justify-content:center;gap:20px 28px;padding-top:30px;padding-bottom:30px}.platform-strip>span{width:100%;text-align:center}.platform-strip>span>br{display:none}.feature-grid{gap:12px}.feature-card{padding:20px 16px 40px}.feature-card h3{font-size:21px}.feature-card>p{font-size:12px}.mini-composition{padding-top:45px;height:210px}.mini-ad{width:105px}.mini-ad .ad-art{height:150px}.mini-ad.second{left:82px;top:55px;height:150px;width:95px}.mini-ad.second>span{font-size:20px}.mini-ad.second em{font-size:23px}.mini-ad .ad-headline{font-size:14px}.mini-ad .ad-caption{font-size:6px}.ugc-preview{width:130px;height:180px;margin-top:35px;margin-bottom:15px}.caption-bubble{font-size:9px;left:-14px;padding:7px}.concept-label{right:-24px;font-size:7px}.workflow-mini>div{font-size:9px;padding:9px 7px;gap:5px}.workflow-mini{padding-top:43px}.feature-caption{left:16px;font-size:8px}.section-head h2,h2{font-size:40px}.section-head>p{font-size:12px}.workflow-copy h2{font-size:37px}.workflow-layout{gap:28px}.demo-content{padding:22px 18px}.demo-title{padding:12px;font-size:9px}.demo-badge{font-size:6px}.demo-bottom>span:last-child{display:none}.gallery-grid{grid-template-columns:repeat(2,1fr);gap:32px 24px}.gallery-grid .ad-headline{font-size:38px}.gallery-grid .move .ad-headline{font-size:48px}.gallery-grid .routine .ad-headline{font-size:24px}.page-hero h1{font-size:65px}.price-card{padding:25px 16px}.price-value{font-size:41px}.price-card li{font-size:11px}.price-card>p{font-size:11px}.faq-section{gap:35px}.footer-links{gap:40px}}@media(max-width:620px){.creative-wall{padding:18px 0 0;overflow:hidden;margin-top:10px}.floating-label{font-size:17px;top:0;left:25px}.wall-grid{display:flex;width:850px;gap:16px;margin-left:calc(50% - 425px);padding-top:33px;align-items:center}.wall-grid>.creative-card{width:195px;flex-shrink:0}.wall-grid>.creative-card:nth-child(2){order:1}.wall-grid>.creative-card:nth-child(3){order:2}.wall-grid>.creative-card:nth-child(4){order:3}.wall-grid>.creative-card:nth-child(5){order:4}.ad-headline{font-size:25px}.move .ad-headline{font-size:34px}.routine .ad-headline{font-size:18px}.wall-foot{margin:26px 22px 0;padding-bottom:22px}.wall-foot>span{font-size:8px;letter-spacing:1px}.wall-foot>a{font-size:10px}.platform-strip{margin:0 22px;gap:18px 23px;padding:28px 0}.platform-name{font-size:15px}.platform-name.google{font-size:15px}.platform-name b{font-size:21px}.platform-name .platform-name .platform-logo{width:22px;height:22px}.platform-strip>span{font-size:8px;letter-spacing:1px}.platform-name:last-child{display:none}.section-wrap{padding-left:23px;padding-right:23px}.possibilities{padding-top:57px;padding-bottom:55px}.section-kicker{font-size:9px;letter-spacing:1.1px;margin-bottom:17px}.section-head{display:block;margin-bottom:25px}.section-head h2,h2{font-size:38px;letter-spacing:-1.7px}.section-head>p{font-size:13px;margin-top:20px}.feature-grid{grid-template-columns:1fr;gap:15px}.feature-card{padding:24px 25px 45px;min-height:400px}.feature-card h3{font-size:28px;letter-spacing:-1px;margin-top:18px}.feature-card>p{font-size:14px}.mini-composition{height:215px;padding:25px 20px 0;justify-content:center}.mini-ad{width:130px;position:absolute;left:35px;top:22px}.mini-ad .ad-art{height:180px}.mini-ad.second{left:auto;right:26px;top:32px;width:135px;height:180px}.mini-ad.second>span{font-size:26px}.mini-ad.second em{font-size:31px}.mini-ad .ad-headline{font-size:17px}.mini-ad .ad-caption{font-size:8px}.feature-caption{left:25px;font-size:9px}.ugc-preview{height:225px;width:165px;margin-top:25px;margin-bottom:13px}.caption-bubble{font-size:11px;padding:9px;left:-20px}.concept-label{font-size:8px;right:-33px}.workflow-mini{padding:26px 0 15px;max-width:280px;margin:auto}.workflow-mini>div{font-size:12px;padding:12px}.workflow-layout{grid-template-columns:1fr;gap:30px}.workflow-section{padding:52px 0}.workflow-copy h2{font-size:37px}.workflow-copy>p{font-size:14px}.steps{margin-top:25px}.step{padding:17px 0}.demo-window{transform:rotate(0)}.demo-title{padding:15px;font-size:11px}.demo-badge{font-size:7px}.demo-content{padding:25px;min-height:435px}.demo-content h3{font-size:29px}.workspace-label{font-size:9px}.product-import strong{font-size:13px}.product-import span{font-size:11px}.mock-field p{font-size:12px}.demo-content>.button{font-size:12px}.demo-bottom{font-size:9px}.direction-list strong{font-size:13px}.direction-list small{font-size:11px}.demo-variants .ad-art{height:215px}.formats-section{padding-top:54px;padding-bottom:54px}.formats-section .section-head{display:flex;align-items:flex-end;gap:18px}.formats-section .text-button{font-size:11px;gap:7px;max-width:104px;line-height:1.5}.format-row{grid-template-columns:repeat(4,1fr);margin-top:27px;padding:21px 0}.format-statement{display:none}.format-row>div:first-of-type{border:0}.format-row b{font-size:23px}.format-row>div>span{font-size:8px;text-align:center;line-height:1.5;padding:0 6px}.final-cta{margin:0 12px;padding:49px 20px 48px}.final-cta .eyebrow{font-size:8px;letter-spacing:1.2px}.final-cta h2{font-size:42px;line-height:1.1;margin:24px 0}.cta-spark{font-size:220px;right:-60px;bottom:-48px}.site-footer{margin:0 12px;padding:35px 22px 0}.footer-top{flex-direction:column;gap:20px;padding-bottom:30px}.footer-top p{font-size:13px;margin-top:14px}.footer-links{gap:45px}.footer-links>div>span{font-size:8px;letter-spacing:.7px}.footer-links a{font-size:12px}.footer-bottom{flex-direction:column;gap:8px;font-size:9px}.footer-bottom>span:nth-child(2){max-width:270px}.page-hero{padding:48px 22px 31px}.page-hero h1{font-size:51px;letter-spacing:-2.5px}.page-hero h1 em{letter-spacing:-1.5px}.page-hero>p{font-size:14px}.gallery-toolbar{display:block}.filter-tabs{gap:3px}.filter-tabs button{padding:9px 11px;font-size:11px}.gallery-count{font-size:11px;display:block;margin:17px 0 0 8px}.gallery-grid{gap:27px 15px}.gallery-grid .ad-headline{font-size:19px;top:32px;left:11px}.gallery-grid .ad-brand{font-size:6px;left:11px;top:11px}.gallery-grid .ad-caption{font-size:7px;bottom:10px;left:11px;right:11px}.gallery-grid .move .ad-headline{font-size:25px;letter-spacing:-1px}.gallery-grid .routine .ad-headline{font-size:13px;padding:7px;left:8px;right:8px;bottom:36px;top:auto}.gallery-grid .card-bottom{font-size:9px;padding:8px 10px}.gallery-grid article>h2{font-size:14px;margin-top:12px;letter-spacing:-.3px}.gallery-grid article>p{font-size:9px}.gallery-note{margin-top:33px;padding:17px;gap:12px}.gallery-note p{font-size:11px}.gallery-section{padding-bottom:45px}.billing-switch{margin-top:15px}.page-hero .pricing-disclaimer,.page-hero .showcase-credit{font-size:10px;max-width:280px;margin:16px auto 0}.pricing-grid{grid-template-columns:1fr;gap:45px;padding-top:14px}.price-card{padding:28px}.price-card>p{font-size:14px}.price-value{font-size:50px}.price-card li{font-size:14px;margin:17px 0}.price-card .button{font-size:13px}.credit-note{font-size:11px;max-width:350px;margin:25px auto 0;padding:0 20px}.compare-section{padding-top:55px;padding-bottom:45px}.compare-section h2{font-size:36px}.faq-section{grid-template-columns:1fr;padding-bottom:50px;gap:30px}.faq-section h2{font-size:37px}.faqs summary{font-size:14px}.faqs details p{font-size:14px}.creative-dialog{max-width:420px;max-height:90vh;overflow:auto}#dialog-content{grid-template-columns:1fr}.dialog-art .ad-art{height:290px;width:218px;margin:20px auto 0;aspect-ratio:3/4;border-radius:6px}.dialog-art .ad-headline{font-size:27px;top:45px;left:17px}.dialog-art .ad-brand{font-size:9px;left:17px;top:17px}.dialog-art .routine .ad-headline{font-size:20px;bottom:50px}.dialog-copy{padding:27px}.dialog-copy h2{font-size:30px}.dialog-copy>p{font-size:14px}.dialog-copy dd{font-size:14px}.dialog-copy .dialog-note{font-size:11px}.dialog-close{top:7px;right:8px}.desktop-nav a[aria-current=page]{color:var(--orange)}}
/* Readable type across the actual interface; miniature ads retain their own scale. */
.eyebrow,.section-kicker,.workspace-label,.feature-caption,.included-label,.popular-label{font-size:12px}.hero-note,.wall-foot>span,.wall-foot>a,.platform-strip>span,.card-bottom,.footer-links>div>span,.footer-bottom,.gallery-count,.gallery-grid article>p,.gallery-note p,.page-hero .pricing-disclaimer,.page-hero .showcase-credit,.credit-note,.billing-detail,.dialog-copy .dialog-note{font-size:12px}.desktop-nav a,.button-small,.text-button,.filter-tabs button,.billing-switch button,.footer-links a,.step small,.price-card li,.price-card .button,.faqs summary,table,tbody th,td{font-size:14px}.hero p,.section-head>p,.feature-card>p,.workflow-copy>p,.footer-top p,.page-hero>p,.price-card>p,.faqs details p,.dialog-copy>p{font-size:16px}.feature-card>p br{display:none}.feature-card>p{line-height:1.6}.step strong{font-size:16px}.section-head>p{max-width:335px}.gallery-grid article>h2{font-size:18px}.demo-title{font-size:14px}.demo-badge{font-size:10px}.demo-content{min-height:460px}.workspace-label{font-size:11px}.product-import strong{font-size:14px}.product-import span,.product-import small,.mock-field p,.demo-content>.button,.direction-list strong{font-size:12px}.mock-field>span,.direction-list small,.demo-bottom{font-size:11px}.dialog-copy dt{font-size:12px}.dialog-copy dd{font-size:14px}.footer-bottom{flex-wrap:wrap}.footer-bottom>span:nth-child(2){font-size:11px}.format-row>div>span{font-size:12px}.platform-strip>span{font-size:10px}.feature-card{padding-bottom:53px}.feature-caption{letter-spacing:1px}.hero{padding-top:54px}.hero h1{margin-top:20px}.creative-wall{margin-top:5px}.gallery-note p{font-size:14px}.billing-switch button span{font-size:11px}.price-card .included-label{font-size:11px}.faqs summary{line-height:1.5}.dialog-copy .button{font-size:14px}.hero-note{color:#74786c}.section-kicker,.feature-caption{color:#626957}.footer-links>div>span,.footer-bottom{color:#6b7162}
@media(max-width:900px) and (min-width:621px){.feature-grid{grid-template-columns:1fr}.feature-card{min-height:285px;padding-right:48%}.mini-composition,.ugc-preview,.workflow-mini{position:absolute;right:26px;top:50%;transform:translateY(-50%);margin:0;width:40%;max-width:250px}.ugc-preview{width:150px;height:220px;right:58px}.mini-composition{height:210px}.workflow-mini{padding:0}.feature-caption{left:20px}.workflow-layout{grid-template-columns:1fr;gap:35px}.demo-window{max-width:550px;width:100%;margin:auto}.pricing-grid{grid-template-columns:1fr;max-width:580px;gap:45px}.price-card{padding:30px}.gallery-grid .ad-headline{font-size:38px}}
@media(max-width:620px){.hero{padding-top:40px}.hero h1{font-size:clamp(39px,10.8vw,62px);letter-spacing:-2px;line-height:1.05}.hero h1 em{font-size:1.12em;letter-spacing:-1.3px}.hero p{font-size:16px}.hero .eyebrow{font-size:10px;letter-spacing:1px}.hero-note{font-size:12px;max-width:280px}.wall-foot>span{font-size:9px}.wall-foot>a{font-size:12px}.section-kicker{font-size:11px}.feature-card>p{font-size:16px}.feature-card{min-height:420px}.feature-caption{font-size:11px}.formats-section .text-button{font-size:12px;max-width:108px}.format-row>div>span{font-size:11px}.footer-links{gap:28px}.footer-links>div>span{font-size:10px}.footer-links a{font-size:14px}.footer-bottom{font-size:12px}.filter-tabs button{font-size:12px;padding:10px}.gallery-grid article>h2{font-size:16px}.gallery-grid article>p{font-size:12px}.gallery-grid .card-bottom{font-size:11px}.gallery-note p{font-size:13px}.page-hero .pricing-disclaimer,.page-hero .showcase-credit{font-size:12px;line-height:1.6}.gallery-count{font-size:12px}.credit-note{font-size:12px}.demo-title{font-size:12px}.demo-badge{font-size:8px}.workspace-label{font-size:10px}.page-hero h1{font-size:clamp(40px,11vw,55px)}.page-hero .eyebrow{font-size:10px;letter-spacing:1px}.final-cta .eyebrow{font-size:10px}.step small{font-size:13px}.dialog-copy .section-kicker{font-size:11px}}
/* Workflow: a tactile creative canvas */
.workflow-section{background:#eeefe8;padding:94px 0 90px}.workflow-layout{grid-template-columns:.88fr 1.12fr;gap:65px;align-items:center}.workflow-copy h2{font-size:42px;line-height:1.08;letter-spacing:-2px}.workflow-copy h2 em{color:#798264}.workflow-copy>p{margin:25px 0 0;line-height:1.8;font-size:16px;color:#777f6c}.workflow-copy .steps{margin-top:35px;display:flex;flex-direction:column;gap:8px}.workflow-copy .step{border:1px solid transparent;border-radius:9px;align-items:center;padding:18px 15px;gap:15px;transition:background .2s,border-color .2s,box-shadow .2s}.workflow-copy .step.active{background:#fafaf6;border-color:#d9dfcc;box-shadow:0 4px 10px #454d2804}.workflow-copy .step:hover{background:#f6f7f0}.workflow-copy .step-number{width:34px;height:34px;border:1px solid #d2d9c4;font-size:12px;background:transparent;color:#717d60}.workflow-copy .step.active .step-number{background:var(--orange);border-color:var(--orange);color:white}.workflow-copy .step strong{font-size:15px;font-weight:550;color:#353b2d}.workflow-copy .step small{font-size:12px;line-height:1.6;margin-top:5px;color:#858d78}.workflow-copy .step-arrow{font-size:19px;margin-left:auto;color:#7c8a69;opacity:0;transition:opacity .2s}.workflow-copy .step.active .step-arrow,.workflow-copy .step:hover .step-arrow{opacity:1}.workflow-aside{display:flex;align-items:center;gap:9px;font-family:var(--serif);font-style:italic;color:#869171;font-size:21px;margin:27px 0 0 16px}.workflow-aside>span{color:#a6b091;font-family:var(--sans);font-style:normal;font-size:23px}.creative-canvas{background:#fffefa;border:1px solid #dbdfd1;border-radius:14px;box-shadow:0 22px 55px -30px #34412240,0 3px 9px #34412205;position:relative;isolation:isolate;min-width:0}.creative-canvas:before{content:'';position:absolute;inset:10px -7px -10px 7px;border:1px solid #d9dece;border-radius:14px;background:#e7e9df;transform:rotate(2deg);z-index:-2}.creative-canvas:after{content:'';position:absolute;inset:0;background:#fffefa;border-radius:14px;z-index:-1}.canvas-header{display:flex;align-items:center;justify-content:space-between;padding:19px 22px;gap:14px;border-bottom:1px solid #ebede4}.canvas-project{display:flex;gap:11px;align-items:center}.project-icon{display:grid;place-items:center;width:36px;height:36px;font-family:var(--serif);font-size:28px;color:#985c3d;background:#f5dfca;border-radius:8px;line-height:1}.canvas-project strong{font-size:13px;font-weight:600;display:block}.canvas-project div>span{font-size:10px;display:block;color:#939a87;margin-top:3px}.canvas-sample{font-size:8px;letter-spacing:1px;color:#89927a;background:#f0f2e8;padding:6px 8px;border-radius:4px;white-space:nowrap}.canvas-progress{display:flex;gap:4px;padding:12px 21px;border-bottom:1px solid #ebede4;background:#fafbf6}.canvas-progress button{flex:1;border:0;background:transparent;font-size:10px;display:flex;align-items:center;gap:7px;color:#9aa18e;padding:7px 2px;text-align:left;white-space:nowrap}.canvas-progress button>span{font-size:9px;color:#a5ad97;border:1px solid #dce2ce;display:grid;place-items:center;width:20px;height:20px;flex-shrink:0;border-radius:50%}.canvas-progress button.active{color:#525e40;font-weight:600}.canvas-progress button.active>span{color:white;background:#7e8e67;border-color:#7e8e67}.creative-canvas .demo-content{padding:23px 23px 0;min-height:420px}.canvas-stage-heading{margin-bottom:20px}.canvas-stage-heading .workspace-label{font-size:9px;color:#939c84;letter-spacing:1.3px}.canvas-stage-heading h3{font-size:27px;margin:10px 0 0;line-height:1.06;letter-spacing:-1px;font-weight:500}.canvas-stage-heading h3 em{font-family:var(--serif);font-size:1.11em;font-weight:400;color:#8c795f}.brief-canvas{display:grid;grid-template-columns: .95fr 1fr;gap:23px;align-items:center}.brief-product{height:226px;background-image:url('/assets/creative-panels.png');background-size:400% 100%;background-position:0 center;border-radius:7px;position:relative;box-shadow:0 5px 14px #8f552a17}.photo-badge{position:absolute;top:12px;left:10px;font-size:7px;letter-spacing:.8px;color:#75462c;background:#ffffffdc;padding:6px;border-radius:3px}.photo-filename{position:absolute;bottom:10px;left:9px;right:9px;padding:8px;color:#5e4837;background:#fffaf0f2;font-size:9px;border-radius:3px;display:flex;justify-content:space-between}.photo-filename b{font-weight:400;color:#8c9a71}.brief-overline{font-size:8px;letter-spacing:1px;color:#8d937f}.brief-details h4{font-family:var(--serif);font-size:30px;line-height:1.03;font-weight:400;letter-spacing:-.5px;margin:10px 0 14px;color:#5a5544}.brief-details p{font-size:11px;line-height:1.7;margin:0;color:#626b53}.brief-details p>span{color:#939a86;font-size:10px}.brand-swatches{display:flex;align-items:center;margin:16px 0;gap:5px}.brand-swatches i{display:block;width:17px;height:17px;border:2px solid white;border-radius:50%;background:var(--swatch);box-shadow:0 0 0 1px #eee}.brand-swatches>span{font-size:9px;margin-left:3px;color:#929882}.brief-tone{padding-top:12px;border-top:1px solid #e7eadf}.brief-tone>span{font-size:8px;letter-spacing:1px;color:#8d967e}.brief-tone>div{display:flex;gap:5px;flex-wrap:wrap;margin-top:7px}.brief-tone b{font-size:9px;font-weight:400;background:#f0f2e8;color:#7e886c;padding:5px 7px;border-radius:4px}.canvas-action{display:flex;justify-content:space-between;align-items:center;gap:10px;margin:22px 0;padding:16px 0 0;border-top:1px solid #e7eadf}.canvas-action>span{font-size:10px;color:#939a86;line-height:1.5}.canvas-action>span i{font-size:16px;font-style:normal;color:#a1ab8e;margin-right:3px}.canvas-action .button{padding:11px 12px;font-size:10px;gap:13px;border-radius:5px;flex-shrink:0}.canvas-action .button span{font-size:16px}.canvas-footer{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #ebede4;padding:12px 23px;font-size:9px;color:#9da58f}.canvas-step-count{font-variant-numeric:tabular-nums;color:#7c896b;font-size:10px;letter-spacing:1px}.canvas-footer-mark{font-size:20px;line-height:1;color:#a9b396}.direction-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.direction-option{border:2px solid transparent;border-radius:7px;padding:4px;background:#f5f5ee;text-align:left;transition:background .2s,border-color .2s;min-width:0}.direction-option.selected{border-color:#dd8660;background:#fff4ea}.direction-image{position:relative}.direction-image .ad-art{height:161px;aspect-ratio:auto;border-radius:4px}.direction-image .ad-brand{font-size:7px;left:11px;top:11px}.direction-image .ad-headline{font-size:21px;left:11px;right:11px;top:30px}.direction-image .ad-caption{font-size:7px;left:11px;right:11px;bottom:10px}.direction-image .routine .ad-headline{font-size:14px;top:auto;bottom:26px;left:7px;right:7px;padding:7px}.direction-image .routine .ad-caption{display:none}.direction-check{position:absolute;right:8px;top:8px;background:var(--orange);color:white;border:2px solid white;border-radius:50%;width:20px;height:20px;display:grid;place-items:center;font-size:10px;opacity:0}.selected .direction-check{opacity:1}.direction-info{display:block;padding:10px 7px}.direction-info strong{display:block;font-size:11px;line-height:1.4;font-weight:550}.direction-info small{display:block;font-size:7px;color:#a29b85;letter-spacing:.3px;margin-top:5px;line-height:1.4}.output-canvas{display:flex;align-items:flex-end;justify-content:center;gap:20px;position:relative;height:231px;padding:2px 30px 0 12px;background:#f3f4ec;border-radius:7px;overflow:hidden}.output-card{border:4px solid white;background:white;padding:0;box-shadow:0 3px 12px #434e2514;border-radius:5px;width:155px;position:relative;transition:transform .2s}.output-card:hover{transform:translateY(-5px)}.output-feed{transform:rotate(-6deg);margin-bottom:12px}.output-story{transform:rotate(5deg);width:117px;margin-bottom:13px}.output-card .ad-art{height:166px;aspect-ratio:auto}.output-story .ad-art{height:192px}.output-card .ad-brand{font-size:6px;left:9px;top:9px}.output-card .ad-headline{font-size:20px;top:29px;left:9px}.output-card .ad-caption{font-size:7px;left:9px;right:9px;bottom:9px}.output-card .routine .ad-headline{font-size:13px;top:auto;bottom:28px;left:5px;right:5px;padding:6px}.output-card>span{display:flex;justify-content:space-between;align-items:center;font-size:7px;letter-spacing:.5px;padding:8px 4px;color:#8b947b}.output-card>span b{font-weight:400}.output-sticker{position:absolute;right:12px;bottom:27px;border:1px solid #edc4a2;background:#f9dec2;padding:10px 9px;transform:rotate(-7deg);color:#975a34;font-size:10px;line-height:1.05;box-shadow:0 2px 6px #80542a09}.output-sticker em{font-family:var(--serif);font-size:26px}
@media(min-width:1400px){.workflow-layout{gap:80px;max-width:1250px}.workflow-copy h2{font-size:46px}.creative-canvas .demo-content{padding:26px 26px 0}.brief-product{height:245px}.canvas-stage-heading h3{font-size:31px}.canvas-action .button{font-size:12px}.canvas-action>span{font-size:11px}.canvas-progress button{font-size:11px}.direction-image .ad-art{height:181px}.output-canvas{height:251px}}
@media(max-width:1100px) and (min-width:901px){.workflow-layout{gap:33px}.workflow-copy h2{font-size:36px}.workflow-copy .step{padding:16px 10px;gap:10px}.workflow-copy .step strong{font-size:13px}.workflow-copy .step small{font-size:11px}.brief-canvas{gap:15px}.brief-details h4{font-size:28px}.canvas-action>span{font-size:9px}}
@media(max-width:900px){.workflow-layout{grid-template-columns:1fr;gap:35px;max-width:650px}.workflow-copy h2{font-size:43px}.workflow-copy>p{font-size:16px}.workflow-copy .steps{margin-top:27px}.workflow-aside{display:none}.creative-canvas{width:100%;max-width:550px;margin:auto}.brief-product{height:260px}.creative-canvas .demo-content{min-height:460px}.canvas-stage-heading h3{font-size:30px}.brief-details h4{font-size:35px}.direction-image .ad-art{height:195px}.output-canvas{height:265px}.canvas-action>span{font-size:11px}.canvas-action .button{font-size:12px}}
@media(max-width:620px){.workflow-section{padding:53px 0 58px}.workflow-layout{gap:28px;padding-left:22px;padding-right:22px}.workflow-copy h2{font-size:36px;letter-spacing:-1.7px}.workflow-copy>p{margin-top:20px;font-size:15px}.workflow-copy .steps{gap:5px;margin-top:24px}.workflow-copy .step{padding:16px 12px;gap:11px}.workflow-copy .step-number{width:30px;height:30px;font-size:11px}.workflow-copy .step strong{font-size:14px}.workflow-copy .step small{font-size:12px}.workflow-copy .step-arrow{font-size:17px}.canvas-header{padding:16px 15px;gap:7px}.canvas-project{gap:8px}.project-icon{width:31px;height:31px;font-size:25px}.canvas-project strong{font-size:12px}.canvas-project div>span{font-size:9px}.canvas-sample{font-size:7px;letter-spacing:.4px;padding:6px}.canvas-progress{padding:10px 13px;gap:3px}.canvas-progress button{font-size:9px;gap:5px}.canvas-progress button>span{width:17px;height:17px;font-size:8px}.creative-canvas .demo-content{padding:20px 16px 0;min-height:0}.canvas-stage-heading{margin-bottom:19px}.canvas-stage-heading .workspace-label{font-size:9px}.canvas-stage-heading h3{font-size:27px;letter-spacing:-.8px}.brief-canvas{gap:15px;grid-template-columns:1fr 1fr}.brief-product{height:219px}.brief-details h4{font-size:27px;margin:9px 0 12px}.brief-overline{font-size:8px}.brief-details p{font-size:11px;line-height:1.5}.brief-details p>span{font-size:10px}.photo-badge{font-size:6px;top:8px;left:7px;padding:5px}.photo-filename{font-size:7px;padding:7px 5px;left:6px;right:6px;bottom:7px}.brand-swatches{gap:3px;flex-wrap:wrap;margin:12px 0}.brand-swatches i{width:15px;height:15px}.brand-swatches>span{font-size:8px;margin-left:0}.brief-tone b{font-size:8px;padding:4px 5px}.brief-tone>span{font-size:7px}.brief-tone{padding-top:9px}.canvas-action{align-items:stretch;flex-direction:column;gap:12px;margin:20px 0 17px;padding-top:15px}.canvas-action>span{font-size:12px;text-align:center}.canvas-action .button{padding:13px;font-size:12px;gap:20px;justify-content:center}.canvas-footer{padding:12px 16px;font-size:9px}.canvas-step-count{font-size:10px}.direction-grid{gap:8px}.direction-image .ad-art{height:160px}.direction-image .ad-headline{font-size:16px;left:8px;top:30px}.direction-image .routine .ad-headline{font-size:12px;bottom:20px;left:4px;right:4px;padding:5px}.direction-image .ad-brand{font-size:6px;left:8px}.direction-image .ad-caption{font-size:6px;left:8px;right:8px}.direction-info{padding:8px 4px}.direction-info strong{font-size:10px}.direction-info small{font-size:7px;letter-spacing:0}.output-canvas{height:239px;gap:13px;padding:0 16px 0 9px}.output-card{width:137px}.output-story{width:104px}.output-card .ad-headline{font-size:17px}.output-card .routine .ad-headline{font-size:12px}.output-sticker{font-size:8px;right:5px;bottom:19px;padding:8px 6px}.output-sticker em{font-size:22px}.creative-canvas:before{inset:9px -4px -8px 4px;transform:rotate(1deg)}}
.ad-art.has-media{background-image:none;background:#161513;color:#fff}
.ad-art.has-media.sound{color:#fff}
.ad-art.has-media img,.ad-art.has-media video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:0;pointer-events:none}
.ad-art.has-media:before{z-index:1;background:linear-gradient(#00000066,transparent 34%,transparent 58%,#00000073)}
.ad-art.has-media .ad-brand,.ad-art.has-media .ad-headline,.ad-art.has-media .ad-caption{z-index:2;text-shadow:0 1px 8px #00000055}
.ad-art.has-media .ad-play{position:absolute;right:14px;top:14px;z-index:2;width:22px;height:22px;border-radius:50%;background:#ffffff24;border:1px solid #ffffff55;display:grid;place-items:center}
.ad-art.has-media .ad-play:after{content:'';width:0;height:0;border-style:solid;border-width:5px 0 5px 8px;border-color:transparent transparent transparent #fff;margin-left:2px}
.ad-art.has-media.routine .ad-headline{text-shadow:none}
@media(max-width:350px){.workflow-copy h2{font-size:31px}.workflow-copy .step{padding:14px 9px;gap:9px}.workflow-copy .step strong{font-size:12px}.workflow-copy .step small{font-size:11px}.workflow-copy .step-arrow{display:none}.canvas-sample{font-size:6px}.canvas-progress button{font-size:8px}.canvas-progress button>span{display:none}.brief-canvas{gap:11px}.brief-product{height:205px}.brief-details h4{font-size:25px}.brief-details p{font-size:10px}.brief-details p>span{font-size:9px}.canvas-stage-heading h3{font-size:25px}.brand-swatches>span{display:none}.canvas-footer{font-size:8px}.direction-image .ad-art{height:140px}.direction-info strong{font-size:9px}.direction-info small{font-size:6px}}
/* Drawn marks — Chrome/iOS paint ↗ ✳ → as emoji (green ✳️, ↗️). SVG stays the brand colour. */
.spark-mark{width:1em;height:1em;fill:currentColor;display:inline-block;vertical-align:-.12em;flex-shrink:0}
.arrow-mark,.play-mark,.menu-mark{width:.85em;height:.85em;display:inline-block;vertical-align:-.14em;flex-shrink:0}
.brand-symbol,.tiny-star,.floating-label span,.gallery-note>span{display:inline-flex;align-items:center}
.button .arrow-mark{width:13px;height:13px}
.menu-toggle .menu-mark{width:22px;height:22px;display:block}
.play-small .play-mark{width:9px;height:9px}
.cta-spark .spark-mark,.character-spark .spark-mark{display:block;width:1em;height:1em}
.studio-process i,.preview-twin-connector{display:inline-flex;align-items:center}
.studio-process .arrow-mark{width:12px;height:12px}
.header-tools{display:flex;align-items:center;gap:12px}
.theme-toggle{display:inline-grid;place-items:center;width:36px;height:36px;padding:0;border:1px solid var(--line);border-radius:8px;background:var(--surface);color:var(--ink);cursor:pointer}
.theme-toggle:hover{border-color:var(--ink)}
.theme-toggle svg{width:16px;height:16px}
.theme-toggle-sun{display:none}
[data-theme=dark] .theme-toggle-sun{display:block}
[data-theme=dark] .theme-toggle-moon{display:none}
[data-theme=dark]{--paper:#14130f;--ink:#f2efe6;--muted:#c4bfb0;--orange:#e65c32;--orange-text:#f08a62;--line:#4a453c;--surface:#1f1e18;--surface-2:#1a1914;--well:#2a2720;--elevated:#2c2a24;--btn-dark-hover:#e8e4d8;--selection:#5a2e1f;color-scheme:dark}
[data-theme=dark] .hero p,[data-theme=dark] .hero-note,[data-theme=dark] .section-kicker,[data-theme=dark] h2 em,[data-theme=dark] .platform-name,[data-theme=dark] .card-bottom{color:var(--muted)}
[data-theme=dark] .feature-orange{background:#2a221c}
[data-theme=dark] .feature-cream{background:#22211c}
[data-theme=dark] .feature-green{background:#1e221c}[data-theme=dark] .preview-prompt strong,[data-theme=dark] .preview-voice-heading strong{color:var(--ink)}[data-theme=dark] .feature-caption{color:var(--muted)}[data-theme=dark] .character-story>strong,[data-theme=dark] .character-story>span,[data-theme=dark] .character-story>div{color:var(--ink)}[data-theme=dark] .character-story>span,[data-theme=dark] .character-story>div{color:var(--muted);border-color:var(--line)}[data-theme=dark] .preview-photo-label{color:var(--muted)}[data-theme=dark] .workflow-mini>div{background:#2b2f27;border-color:#3f4638;box-shadow:none;color:var(--ink)}[data-theme=dark] .workflow-mini>div>i,[data-theme=dark] .workflow-mini>div>b,[data-theme=dark] .connector{color:#aab894}[data-theme=dark] .avatars b{border-color:#2b2f27;color:#242521}[data-theme=dark] .caption-bubble{background:#f2efe6;color:#242521;box-shadow:0 2px 6px #00000040}
[data-theme=dark] .type-ad{background:#2a2e24;color:#c5d0b4}
[data-theme=dark] .filter-tabs button:not(.active):hover,[data-theme=dark] .billing-switch,[data-theme=dark] .price-card,[data-theme=dark] .creative-dialog,[data-theme=dark] .site-footer{background:var(--surface);border-color:var(--line)}
[data-theme=dark] .filter-tabs button.active{background:var(--ink);color:var(--paper)}
[data-theme=dark] .workflow-tour,[data-theme=dark] .workflow-section{background:#1a1c16}
[data-theme=dark] .tour-workspace,[data-theme=dark] .tour-direction,[data-theme=dark] .tour-result{background:var(--surface);border-color:var(--line)}
[data-theme=dark] .tour-media,[data-theme=dark] .tour-direction-stage,[data-theme=dark] .tour-result-stage{background:var(--well)}
[data-theme=dark] .studio-feature{background:var(--surface);border-color:var(--line)}
[data-theme=dark] .studio-preview{background:#2a221c;border-color:var(--line)}
[data-theme=dark] .preview-photo-card,[data-theme=dark] .preview-prompt,[data-theme=dark] .preview-voice-card,[data-theme=dark] .character-story,[data-theme=dark] .character-voice{background:var(--elevated);border-color:var(--line);color:var(--ink)}
[data-theme=dark] .final-cta{background:var(--well)}
[data-theme=dark] .desktop-nav{background:var(--paper)}
[data-theme=dark] .play-small{border-color:var(--line)}
[data-theme=dark] .price-card,[data-theme=dark] .faqs details,[data-theme=dark] .billing-switch,[data-theme=dark] .creative-dialog{background:var(--surface);border-color:var(--line);color:var(--ink)}
[data-theme=dark] .format-row,[data-theme=dark] .wall-foot,[data-theme=dark] .platform-strip,[data-theme=dark] .gallery-toolbar{border-color:var(--line)}
[data-theme=dark] .site-footer{border-color:var(--line);color:var(--ink)}
[data-theme=dark] .hero-studio-note>span,[data-theme=dark] .studio-feature-tags span{background:var(--well);border-color:var(--line);color:var(--muted)}
[data-theme=dark] .character-spotlight{background:#1a221c}
[data-theme=dark] .tour-steps button{color:var(--muted)}
[data-theme=dark] .tour-steps button.active{color:var(--ink)}
[data-theme=dark] .section-kicker,[data-theme=dark] .workflow-copy>p,[data-theme=dark] .workflow-copy h2 em,[data-theme=dark] .workflow-copy .step-number,[data-theme=dark] .workflow-copy .step small{color:var(--muted)}
[data-theme=dark] .workflow-copy .step.active{background:var(--surface);border-color:var(--line)}
[data-theme=dark] .workflow-copy .step:hover{background:var(--well)}
[data-theme=dark] .filter-tabs button:not(.active):hover{background:var(--well)}
[data-theme=dark] .skip{color:var(--paper)}
[data-theme=dark] .btn-outline{background:var(--elevated);border-color:var(--line);color:var(--ink)}