:root{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#282131;background:#f8f6f2;font-synthesis:none;--purple:#7250af;--muted:#696170;--line:#ded9e3}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0}a{color:inherit;text-underline-offset:4px}button,input{font:inherit}button,a,input,summary{ -webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid #7250af;outline-offset:5px}[hidden]{display:none!important}.wrap{width:min(1240px,calc(100% - 96px));margin-inline:auto}.nav{display:flex;justify-content:space-between;align-items:center;height:112px;gap:20px}.brand{display:flex;gap:5px;align-items:center;font-size:19px;font-weight:750;letter-spacing:-.8px;text-decoration:none}.brand b{color:var(--purple)}.mark{position:relative;display:inline-grid;place-items:center;font:italic 26px Georgia;background:#2e223b;color:#fff;width:39px;height:39px;border-radius:11px;margin-right:8px}.mark span{font:16px sans-serif;position:absolute;right:3px;top:0;color:#d5c3f1}.nav nav{display:flex;align-items:center;gap:30px;font-size:13px;font-weight:550}.nav nav a{text-decoration:none}.nav-cta{border:1px solid #beb2cd;border-radius:7px;padding:12px 16px}.hero{display:grid;grid-template-columns:.87fr 1.13fr;gap:40px;align-items:center;padding-top:66px;padding-bottom:92px}.eyebrow{font-size:10px;letter-spacing:.13em;font-weight:750;color:var(--purple);display:flex;align-items:center;gap:8px;margin:0 0 25px}.dot{display:inline-block;width:7px;height:7px;background:#7d60a5;border-radius:50%}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(58px,5.7vw,82px);letter-spacing:-.067em;line-height:1.04;font-weight:620;margin-bottom:26px}em{font-family:Georgia,'Times New Roman',serif;font-weight:400;color:var(--purple);letter-spacing:-.06em}.intro{max-width:415px;font-size:17px;line-height:1.7;color:var(--muted);margin-bottom:30px}.button{display:inline-flex;align-items:center;justify-content:center;gap:28px;padding:17px 23px;border:0;border-radius:7px;background:#7350ac;color:#fff;font-weight:650;text-decoration:none;font-size:14px;cursor:pointer;min-height:50px}.button:hover{background:#5a3b8c}.button:disabled{opacity:.6;cursor:wait}.caption{font-size:11px;color:var(--muted);line-height:1.6;margin-top:14px}.hero-art{position:relative;min-width:0;padding-top:127px;padding-bottom:74px}.hero-art:before{content:"";position:absolute;inset:0 -22px 15px;background:radial-gradient(ellipse at 60% 60%,#dcccf0 0,transparent 68%);z-index:-1}.direction-note{position:absolute;top:5px;left:32px;transform:rotate(-4deg);padding:22px 26px 18px;background:#ece3f4;border:1px solid #d8c8e7;border-radius:3px;box-shadow:0 10px 20px #4e306409}.mini-label{font-size:8px;letter-spacing:.14em;font-weight:700;color:#6d5687}.direction-note p{font:italic 19px/1.35 Georgia;margin:10px 0 12px}.note-footer{font-size:9px;color:#77677d}.story-window{position:relative;border:1px solid #d9cfe7;border-radius:11px;overflow:hidden;background:#fff;box-shadow:0 24px 48px #55377924;transform:rotate(1deg)}.window-bar{display:flex;justify-content:space-between;align-items:center;padding:13px 15px;font-size:8px;border-bottom:1px solid #eee9f2;color:#8a7c98}.window-bar b{font-size:10px;color:#4a365e}.window-bar i{display:inline-block;width:5px;height:5px;background:#d4c8df;border-radius:50%;margin-right:4px}.review-crop{position:relative;aspect-ratio:1830/883;overflow:hidden}.review-crop img{position:absolute;width:158.47%;height:auto;max-width:none;left:-29.29%;top:-75.31%}.result-note{position:absolute;bottom:16px;right:0;display:flex;align-items:center;gap:12px;background:#fffdf9;border:1px solid #e5dfe9;padding:18px 24px;border-radius:8px;box-shadow:0 12px 28px #3823400a;transform:rotate(-2deg)}.result-note b{display:block;font-size:13px;font-weight:650}.result-note span:not(.spark){font-size:10px;display:block;color:var(--muted);margin-top:5px}.spark{color:var(--purple);font-size:32px}.art-caption{position:absolute;font-size:9px;bottom:-17px;left:0;color:#807388}.compatibility{border-top:1px solid var(--line);border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:24px;padding-block:23px;color:var(--muted);font-size:11px}.compatibility div{font-size:15px;color:#4d4358;font-weight:550}.compatibility i{font-style:normal;color:#b5a7c1;margin:0 15px}.compatibility small{font-size:10px}.how{padding-block:104px}.section-heading{display:grid;grid-template-columns:1.5fr 1fr;align-items:end}.section-heading .eyebrow{grid-column:1/-1}.section-heading>p:last-child{font-size:14px;line-height:1.8;color:var(--muted);padding-left:45px}h2{font-size:46px;line-height:1.15;letter-spacing:-.048em;font-weight:560;margin-bottom:28px}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:44px;margin-top:35px}.steps article{border-top:1px solid #cdc2d9;padding-top:20px}.step-number{font-size:9px;letter-spacing:.11em;color:#7e6e8c}.step-icon{font-size:32px;color:#7854a7;margin:20px 0}h3{font-size:19px;letter-spacing:-.035em;font-weight:620}.steps p,.handoff-copy>p:not(.eyebrow):not(.pullquote){font-size:14px;line-height:1.85;color:var(--muted)}.handoff{display:grid;grid-template-columns:1.1fr 1fr;gap:80px;align-items:center;padding-bottom:108px}.export-art{background:#e5dcee;border-radius:14px;padding:32px 24px 18px}.export-crop{position:relative;aspect-ratio:650/584;overflow:hidden;border-radius:18px;box-shadow:0 12px 28px #3e245b20}.export-crop img{position:absolute;width:196.923%;max-width:none;height:auto;left:-48.462%;top:-11.815%}.image-credit{display:block;text-align:center;font-size:9px;color:#776787;padding-top:16px}.handoff h2{font-size:39px}.pullquote{font:italic 23px/1.4 Georgia;color:#7250af;margin:28px 0 0}.signup-section{background:#eee6f5;border-top:1px solid #ded1e9;border-bottom:1px solid #ded1e9}.signup{display:grid;grid-template-columns:1fr 1.1fr;gap:100px;padding-block:90px;align-items:center}.signup h2{font-size:60px}.signup>div>p:not(.eyebrow){font-size:15px;line-height:1.8;color:var(--muted);max-width:365px}.signature{font:italic 27px Georgia;display:block;margin-top:25px}.signature span{font:11px -apple-system,BlinkMacSystemFont,sans-serif;margin-left:10px;color:var(--muted)}.signup-card{background:#fffdfb;padding:35px;border-radius:12px;border:1px solid #e5dbe9;box-shadow:0 10px 24px #4e306409}.availability{display:flex;align-items:center;gap:7px;font-size:10px;color:#72558d;margin-bottom:22px}.signup-card h3{font-size:29px;font-weight:560;line-height:1.15;margin-bottom:18px}.signup-card>p{font-size:13px!important;line-height:1.7!important}form label{display:block;font-size:11px;font-weight:650;margin-bottom:8px}.form-row{display:flex;flex-wrap:wrap;gap:8px}.form-row input{min-width:130px;flex:1;width:100%;border:1px solid #cfc3d9;background:white;border-radius:6px;padding:15px 12px;font-size:14px;min-height:50px}.form-row .button{gap:12px;flex-shrink:0;padding:15px 16px;font-size:12px}.privacy-note{font-size:10px;line-height:1.7;color:var(--muted);margin:15px 0}.platform-note{border-top:1px solid #e7e0ec;padding-top:16px;font-size:10px;line-height:1.7;color:var(--muted)}.honey{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}#signup-message{font-size:13px;line-height:1.6;margin:12px 0;color:#7250af}#signup-message.error{color:#a23137}.faq{display:grid;grid-template-columns:.8fr 1.2fr;gap:70px;padding-block:100px}.faq h2{font-size:42px}.questions details{border-bottom:1px solid var(--line)}summary{padding:22px 0;font-size:14px;font-weight:570;cursor:pointer;list-style:none;display:flex;justify-content:space-between;gap:15px}summary:after{content:"+";color:var(--purple);font-size:19px}details[open] summary:after{content:"−"}.questions p{font-size:13px;line-height:1.85;color:var(--muted)}.footer{padding-block:32px;border-top:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;gap:20px}.footer>span{font:italic 17px Georgia;color:var(--muted)}.footer>div{display:flex;gap:25px;font-size:11px}.skip{position:absolute;left:20px;top:-100px;background:#fff;padding:15px;z-index:10}.skip:focus{top:15px}@media(min-width:1500px){.hero{gap:65px;padding-block:90px 110px}}@media(max-width:1050px){.wrap{width:calc(100% - 56px)}.hero{gap:28px}.hero-art{padding-top:140px}.compatibility{flex-wrap:wrap;justify-content:center}.compatibility>span{width:100%;text-align:center}.compatibility small{display:none}.signup{gap:40px}.handoff{gap:40px}.steps{gap:25px}.nav nav{gap:18px}}@media(max-width:760px){.wrap{width:calc(100% - 40px)}.nav{height:86px}.brand{font-size:16px}.mark{width:31px;height:31px}.nav nav>a:first-child,.nav-cta{display:none}.nav nav{font-size:10px}.hero{grid-template-columns:1fr;padding-top:36px;padding-bottom:54px;gap:30px}.hero h1{font-size:67px}.hero-copy .intro{font-size:16px;max-width:450px}.eyebrow{font-size:9px;margin-bottom:20px}.hero-art{margin:0 3px;padding-top:139px;padding-bottom:70px}.direction-note{left:12px}.direction-note p{font-size:18px}.result-note{padding:14px 17px;bottom:6px}.art-caption{font-size:8px;bottom:-23px}.window-bar{padding:10px}.window-bar>span:last-child{display:none}.review-crop{aspect-ratio:1830/720}.review-crop img{top:-92.36%}.compatibility{font-size:10px;gap:14px;padding-block:22px}.compatibility div{font-size:12px}.compatibility i{margin:0 7px}.how{padding-block:65px}.section-heading{display:block}h2{font-size:37px}.section-heading>p:last-child{padding-left:0}.steps{grid-template-columns:1fr;gap:26px;margin-top:30px}.step-icon{float:right;margin:5px 5px 0;font-size:27px}.steps h3{margin:22px 0 10px}.steps p{margin-bottom:0;max-width:440px}.handoff{grid-template-columns:1fr;gap:38px;padding-bottom:65px}.handoff-copy{grid-row:1}.handoff h2{font-size:36px}.export-art{max-width:500px;width:100%;margin:auto;padding:24px 20px 16px}.signup{grid-template-columns:1fr;gap:35px;padding-block:60px}.signup h2{font-size:52px}.signup-card{padding:27px 22px}.form-row{flex-direction:column}.form-row .button{justify-content:space-between}.faq{grid-template-columns:1fr;padding-block:65px;gap:5px}.faq h2{font-size:36px}.footer{flex-wrap:wrap;gap:25px}.footer>span{font-size:15px}.footer>div{width:100%}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
/* Editor workflow is the primary bridge between the product and the visitor. */
.compatibility{padding-block:30px;gap:36px}.compatibility .connection-copy{font-weight:400}.connection-copy h2{font-size:23px;margin:0 0 8px;letter-spacing:-.045em}.connection-copy p{font-size:12px;margin:0;line-height:1.6;color:var(--muted)}.compatibility .editor-logos{display:flex;gap:30px;align-items:center}.editor-logos>div{display:flex;flex-direction:column;align-items:center;gap:9px;white-space:nowrap}.editor-logos img{width:48px;height:48px;object-fit:contain}.editor-logos span{font-size:12px}.signup-card h3{margin-bottom:25px}.signature{font-size:25px}.signature span{display:block;margin:10px 0 0}.export-art{padding:30px}.export-top,.export-bottom{position:relative;overflow:hidden;background:white}.export-top img,.export-bottom img{position:absolute;max-width:none;height:auto}.export-simplified{overflow:hidden;background:white;border-radius:14px;box-shadow:0 12px 28px #3e245b20}.export-simplified .export-bottom{border-top:1px solid #eee6f4}@media(max-width:1050px){.compatibility{flex-direction:column;align-items:center;text-align:center}.compatibility .editor-logos{gap:42px}.connection-copy h2{font-size:25px}}@media(max-width:760px){.compatibility{gap:26px;padding-block:30px}.compatibility .editor-logos{gap:25px}.editor-logos span{font-size:10px}.editor-logos img{width:44px;height:44px}.connection-copy h2{font-size:25px}.connection-copy p{font-size:12px;max-width:300px}.export-art{padding:22px}.hero-art{padding-top:139px;padding-bottom:54px}.hero-art:before{inset:0 -12px 0}.result-note{bottom:0}.signup h2{font-size:50px}}

/* Native screenshots remain unmodified; these crops focus on the requested controls. */
.review-crop{aspect-ratio:1830/1040}.review-crop img{left:-28.306%;top:-64.135%}
.export-top{aspect-ratio:1300/480}.export-editors{position:relative;overflow:hidden;background:white;aspect-ratio:1300/160}.export-bottom{aspect-ratio:1300/163}.export-top img,.export-editors img,.export-bottom img{position:absolute;width:223.077%;max-width:none;height:auto;left:-60.231%}.export-top img{top:-58.333%}.export-editors img{top:-568.75%}.export-bottom img{top:-920.245%}
@media(max-width:760px){.review-crop{aspect-ratio:1830/740}.review-crop img{top:-90.135%}}
/* A short illustrated workflow; the authentic app captures live with the steps. */
.hero{grid-template-columns:.86fr 1.14fr;gap:48px;padding-block:60px 76px}.hero h1{font-size:clamp(58px,5.8vw,83px);line-height:1.04;letter-spacing:-.06em;margin-bottom:19px}.hero-subtitle{font-size:24px;line-height:1.35;letter-spacing:-.035em;margin-bottom:22px}.hero .intro{font-size:15px;max-width:315px;line-height:1.65;margin-bottom:27px}
.compatibility .connection-copy{max-width:660px}.connection-copy h2{font-size:25px}.connection-copy p{font-size:13px}.how{padding-block:90px}.step-evidence{display:grid;grid-template-columns:1.1fr 1fr;gap:36px;margin-top:48px;align-items:start}.step-evidence figure{margin:0;min-width:0}.step-evidence figcaption{font-size:12px;color:#72558d;margin-bottom:17px;font-weight:600}.step-evidence .story-window{transform:none}.step-evidence .review-crop{aspect-ratio:1830/1040}.step-evidence .review-crop img{top:-64.135%}.step-evidence .export-art{padding:18px;background:#e8dff0}.export-brand-choices{display:flex;gap:7px;padding:8px 4.7% 13px;background:white}.export-brand-choices span{display:flex;align-items:center;gap:5px;white-space:nowrap;flex:1;padding:9px 6px;font-size:8px;border:1px solid #e6e0ea;border-radius:8px;color:#594967}.export-brand-choices .selected{background:#f7f0fc;border-color:#bda0d3}.export-brand-choices img{width:24px;height:24px;object-fit:contain}.workflow-quote{text-align:center;margin:48px 0 0;font-size:26px}
@media(max-width:1050px){.hero{gap:28px}.hero-subtitle{font-size:21px}.hero h1{font-size:64px}.step-evidence{gap:22px;grid-template-columns:1fr 1fr}.export-brand-choices span{flex-direction:column;font-size:7px;gap:5px;padding:7px 3px}.export-brand-choices img{width:23px;height:23px}}
@media(max-width:760px){.hero{grid-template-columns:1fr;padding-block:32px 44px;gap:32px}.hero h1{font-size:66px}.hero-subtitle{font-size:23px;max-width:320px;margin-bottom:17px}.hero .intro{font-size:14px;max-width:320px;margin-bottom:23px}.film-stage{border-radius:20px}.film-controls{gap:6px;margin-top:10px}.film-steps{gap:3px}.film-steps button{font-size:10px;gap:5px}.film-steps button span{width:19px;height:19px;font-size:9px}.film-toggle{width:38px;min-height:38px;font-size:14px}.film-stage .scene-title{font-size:27px}.film-stage .vision-hand{font-size:31px}.film-stage .passage-title{font-size:21px}.connection-copy h2{font-size:26px;max-width:320px}.connection-copy p{font-size:13px;max-width:320px}.how{padding-block:62px}.step-evidence{grid-template-columns:1fr;gap:30px;margin-top:35px}.step-evidence .export-art{padding:14px}.export-brand-choices span{flex-direction:row;font-size:6px;padding:7px 3px;gap:3px}.export-brand-choices img{width:18px;height:18px}.workflow-quote{font-size:23px;margin-top:35px}}
/* Keep the crop's aspect ratio exact at every width; draw its divider as an overlay. */
.export-simplified .export-bottom{border:0}.export-bottom:after{content:"";position:absolute;z-index:1;top:0;left:0;right:0;height:1px;background:#eee6f4}

/* A single headline, one supporting paragraph, and a compact action row. */
.hero-copy { max-width:470px; }
.hero .hero-copy h1 { font-size:clamp(58px,5.3vw,76px); font-weight:600; line-height:1.07; letter-spacing:-.055em; margin:0 0 26px; }
.hero .hero-copy .intro { max-width:410px; margin:0 0 30px; font-size:17px; line-height:1.7; letter-spacing:-.012em; color:#696170; text-wrap:pretty; }
.hero-actions { display:flex; flex-wrap:wrap; align-items:center; gap:18px; }
.hero-actions .button { min-height:52px; padding:16px 20px; gap:22px; border-radius:9px; white-space:nowrap; }
.hero-actions .caption { margin:0; border-left:1px solid #d8d0df; padding-left:18px; font-size:11px; line-height:1.55; color:#776b82; }
.hero-actions .caption span { display:block; color:#4f435c; }
@media(max-width:1050px) and (min-width:761px) {
  .hero-actions { gap:16px; }
  .hero-actions .caption { border-left:0; padding-left:0; }
}
@media(max-width:760px) {
  .hero-copy { max-width:530px; }
  .hero .hero-copy h1 { font-size:clamp(52px,11vw,72px); margin-bottom:22px; }
  .hero .hero-copy .intro { max-width:440px; margin-bottom:26px; font-size:16px; line-height:1.65; }
  .hero-actions { gap:16px; }
  .hero-actions .button { padding:15px 18px; gap:18px; font-size:13px; }
  .hero-actions .caption { padding-left:16px; font-size:10px; }
}
@media(max-width:380px) {
  .hero-actions .caption { border-left:0; padding-left:0; }
}