:root{color-scheme:light;--ink:#171719;--muted:#545862;--line:#dfe1e6;--control-border:#797d88;--surface:#f5f5f7;--paper:#fff;--accent:#234be8;--selected:#edf0ff;--error:#a62424;--serif:Georgia,'Times New Roman',serif;--sans:Arial,Helvetica,sans-serif;--caption:.75rem;--label:.875rem;--body:1rem}
*{box-sizing:border-box}html{scroll-padding-block-start:2rem}body{margin:0;background:var(--paper);color:var(--ink);font:400 var(--body)/1.6 var(--sans);-webkit-font-smoothing:antialiased}button,input{font:inherit;color:inherit}button{cursor:pointer;touch-action:manipulation}button:disabled{cursor:default;opacity:.6}a{color:inherit;text-decoration:none;touch-action:manipulation}button,a{-webkit-tap-highlight-color:transparent}:focus-visible{outline:2px solid var(--accent);outline-offset:4px}[hidden]{display:none!important}h1,h2,h3,h4,p,figure,blockquote{margin:0}h1,h2,h3{text-wrap:balance}p{text-wrap:pretty}.wrap{inline-size:min(77.5rem,calc(100% - 5rem));margin-inline:auto}.skip{position:fixed;inset:.5rem auto auto .5rem;z-index:30;padding:.75rem 1rem;background:white;transform:translateY(-160%)}.skip:focus{transform:none}#main:focus{outline:none}
.nav{min-block-size:5.25rem;display:flex;align-items:center;flex-wrap:wrap;gap:.5rem 3rem;padding:.75rem 2.5rem;max-inline-size:82.5rem;margin-inline:auto}.brand{display:inline-flex;align-items:center;gap:.625rem;font-weight:700;white-space:nowrap;min-block-size:2.75rem}.brand-symbol{display:inline-flex;align-items:center;justify-content:center;inline-size:2.5rem;block-size:2.25rem;background:var(--ink);color:white;border-radius:.375rem;font:1.5rem var(--serif);letter-spacing:-.12em;padding-inline-end:.25rem}.brand-symbol span{color:#c4cfff;font:1rem var(--sans);letter-spacing:-.1em;transform:translateY(-2px)}.nav nav,.nav-actions{display:flex;align-items:center;gap:1.5rem}.nav nav a,.text-button{display:inline-flex;align-items:center;justify-content:center;min-block-size:2.75rem;font-size:var(--label);white-space:nowrap}.nav-actions{margin-inline-start:auto;gap:1.25rem}.text-button{border:0;background:none;padding:.5rem .25rem}
.button,.outline-button{display:inline-flex;align-items:center;justify-content:space-between;gap:1.25rem;max-inline-size:100%;min-block-size:3rem;padding:.75rem 1rem;border:1px solid var(--ink);border-radius:.375rem;background:var(--ink);color:white;font-size:var(--label);font-weight:700;line-height:1.5;text-align:start}.button>span,.outline-button>span{flex-shrink:0}.button.small{min-block-size:2.75rem;padding:.625rem .875rem;white-space:nowrap}.outline-button{background:white;border-color:var(--control-border);color:var(--ink)}.full{inline-size:100%}.eyebrow,.feature-number{font-size:var(--caption);letter-spacing:.07em;line-height:1.5;font-weight:700;text-transform:uppercase;color:var(--muted)}.eyebrow{margin-block-end:1.25rem}
.hero{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,26rem),1fr));gap:1rem;padding-block:4rem 4.5rem;border-block-end:1px solid var(--line)}.hero-copy{min-inline-size:0;padding-block-start:1rem}h1{font:400 clamp(3.5rem,6.6vw,5.75rem)/1.06 var(--serif);letter-spacing:-.045em;margin-block-end:1.75rem}h1 em{font-style:normal;color:var(--accent)}.hero-description{color:var(--muted);max-inline-size:25rem}.hero-visual{min-inline-size:0}.collage{block-size:34rem;position:relative}.film-card{position:absolute;overflow:hidden;border-radius:.5rem;background:var(--surface);box-shadow:0 2px 4px #1717190a,0 14px 35px #17171912;border:1px solid transparent}.film-card .art{inline-size:100%;block-size:100%;overflow:hidden}.art svg,[data-art] svg{display:block;inline-size:100%;block-size:100%}.collage-ink{inset-inline-start:65%;inset-block-start:.5rem;inline-size:31%;block-size:12rem;transform:rotate(5deg);z-index:1}.collage-gouache{inset-inline-start:24%;inset-block-start:5.75rem;inline-size:39%;block-size:17rem;transform:rotate(-6deg);z-index:3}.collage-type{inset-inline-start:64%;inset-block-start:13.25rem;inline-size:35%;block-size:11.25rem;transform:rotate(5deg);z-index:4}.collage-owl{inset-inline-start:2%;inset-block-start:20.5rem;inline-size:33%;block-size:9.25rem;transform:rotate(-3deg);z-index:4}.collage-train{inset-inline-start:36%;inset-block-start:25rem;inline-size:56%;block-size:8rem;transform:rotate(2deg);z-index:5}.type-art{background:#254cef;color:white;position:relative;isolation:isolate}.type-words{position:absolute;inset-inline:8%;inset-block-start:27%;font:700 clamp(1.4rem,3.5vw,3rem)/1.05 var(--sans);letter-spacing:-.045em;z-index:2}.type-words>span{display:none}.type-words>span:first-child{display:block}.type-dot{position:absolute;inset-block-end:-12%;inset-inline-end:-16%;inline-size:43%;aspect-ratio:1;background:#eaff7b;border-radius:50%}
.section-heading{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,22rem),1fr));gap:4rem;align-items:end;margin-block-end:3rem}.section-heading h2{font:400 clamp(2.5rem,4.5vw,4rem)/1.12 var(--serif);letter-spacing:-.035em}.section-heading>p{max-inline-size:27rem;color:var(--muted)}.features{padding-block:5.5rem 4.5rem}.feature-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,25rem),1fr));gap:1.5rem}.feature-card{border:1px solid var(--line);border-radius:.75rem;overflow:hidden;min-inline-size:0;display:flex;flex-direction:column}.feature-copy{padding:1.75rem 1.75rem 1.5rem}.feature-copy h3{font:1.875rem/1.2 var(--serif);letter-spacing:-.025em;margin-block:.6rem .75rem}.feature-copy>p{font-size:var(--label);color:var(--muted);max-inline-size:56ch}.feature-visual{block-size:15rem;background:var(--surface);position:relative;overflow:hidden;margin-block-start:auto}.article-visual{padding:1.5rem 3rem 0;background:#f3efe6}.article-sheet{position:relative;padding:1.25rem 1.5rem;background:white;box-shadow:0 2px 18px #1717190c;max-inline-size:25rem;margin:auto;min-block-size:18rem;border-radius:.25rem}.document-label{display:block;color:var(--muted);font-size:var(--caption);text-transform:uppercase;letter-spacing:.08em;margin-block-end:.5rem}.article-sheet h4{font:1.5rem/1.12 var(--serif);margin-block-end:.75rem}.article-sheet p{font:.875rem/1.6 var(--serif);color:var(--muted)}.text-lines{margin-block-start:.75rem;display:grid;gap:.375rem}.text-lines i{block-size:3px;background:#e7e7ea}.text-lines i:last-child{inline-size:70%}.source-tag{position:absolute;inset-inline-end:1.5rem;inset-block-end:1.25rem;background:#fff;color:#60553c;border:1px solid #dbd1bd;padding:.35rem .6rem;font-size:var(--caption);border-radius:.25rem}.ideas-visual{display:flex;flex-direction:column;justify-content:center;gap:.6rem;padding:1rem 1.75rem;background:#eef0fb}.angle{background:white;display:flex;align-items:start;gap:1rem;border:1px solid #dce1f1;border-radius:.375rem;padding:.65rem .875rem}.angle>span{font:1rem var(--serif);color:var(--accent);padding-block-start:.2rem}.angle strong{font-size:var(--label)}.angle p{font-size:var(--caption);color:var(--muted)}.visual-triptych{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.6rem;padding:1.25rem;background:#f1edf3}.visual-triptych>div{overflow:hidden;border-radius:.375rem}.reference-art,.reference-art img{display:block;inline-size:100%;block-size:100%}.reference-art{overflow:hidden}.reference-art img{object-fit:cover}.script-visual{background:#f7f4ed;padding:1.25rem 2rem}.script-visual>p{font:1.125rem/1.5 var(--serif);margin-block:.35rem}.script-rule{display:block;font-size:var(--caption);color:var(--muted);margin-block-start:1rem;border-block-start:1px solid #ded7c9;padding-block-start:.5rem}.storyboard-visual{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem;padding:1.25rem}.storyboard-visual>div{min-inline-size:0}.storyboard-visual>div>div{block-size:10.5rem;overflow:hidden;border-radius:.375rem}.storyboard-visual span{display:block;font-size:var(--caption);color:var(--muted);margin-block-start:.5rem}.clips-visual{padding:1.25rem 1.75rem;background:#eaeef0}.clip-wide{block-size:10.75rem;overflow:hidden;border-radius:.375rem}.clip-foot{display:flex;justify-content:space-between;gap:1rem;margin-block-start:.6rem;font-size:var(--caption);color:var(--muted)}.assembly-visual{padding:1.25rem 1.75rem}.assembly-heading{display:flex;justify-content:space-between;gap:1rem;font-size:var(--caption);margin-block-end:.6rem;color:var(--muted)}.assembly-frames{display:flex;gap:.25rem;block-size:6.5rem}.assembly-frames>div{flex:1;min-inline-size:0;overflow:hidden;border-radius:.25rem}.track{display:flex;align-items:center;gap:.5rem;block-size:1.75rem;font-size:var(--caption);margin-block-start:.4rem;border-radius:.25rem;padding-inline:.6rem;overflow:hidden}.track-voice{background:#dfdfec;color:#4a4a61}.track-voice i{flex:1;block-size:.75rem;background:repeating-linear-gradient(90deg,#9e9eb5 0 2px,transparent 2px 4px)}.track-caption{background:#e6e8ed;color:#4a4e59;justify-content:space-between}.refine-visual{display:flex;align-items:center;gap:1.5rem;padding:1.5rem 2rem;background:#f2eee8}.refine-thumb{block-size:12rem;inline-size:9rem;flex-shrink:0;overflow:hidden;border-radius:.375rem}.refine-note{max-inline-size:15rem}.annotation-marker{display:grid;place-items:center;inline-size:1.5rem;block-size:1.5rem;background:var(--accent);color:white;border:2px solid white;border-radius:50%;font-size:var(--caption);margin-block-end:.75rem}.refine-note p{font:1.5rem/1.25 var(--serif);letter-spacing:-.02em}.refine-note>span:last-child{display:block;color:var(--muted);font-size:var(--caption);margin-block-start:.75rem}
.styles{inline-size:min(60rem,calc(100% - 5rem));padding-block:0 4.5rem}.styles-heading{border-block-start:1px solid var(--line);padding-block-start:2.5rem;margin-block-end:2rem;max-inline-size:52rem}.styles-heading h2{font:clamp(2.25rem,4vw,3.5rem)/1.08 var(--serif);letter-spacing:-.035em;margin-block:.75rem 1rem}.styles-heading>p:last-child{color:var(--muted);max-inline-size:48ch}.style-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));column-gap:1.25rem;row-gap:2rem}.style-gallery article{min-inline-size:0}.wide-art{aspect-ratio:16/10;overflow:hidden;border-radius:.5rem;background:var(--surface)}.style-caption .style-index{font-size:var(--caption);color:var(--muted);margin-block:.75rem .25rem}.style-caption h3{font:1.5rem/1.2 var(--serif);letter-spacing:-.02em;margin-block:.25rem .5rem}.style-caption>p:last-child{font-size:var(--label);color:var(--muted)}
.editor-section{background:var(--surface);border-block:1px solid var(--line)}.editor-inner{padding-block:4.5rem}.editor-showcase{display:grid;grid-template-columns:1.05fr 1fr;align-items:center;gap:3rem;background:white;border:1px solid var(--line);border-radius:.75rem;padding:2rem}.edit-comparison{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:.75rem}.edit-comparison figure{min-inline-size:0}.comparison-art{aspect-ratio:3/4;overflow:hidden;border-radius:.5rem}.comparison-art.quieter{filter:saturate(.35)}figcaption{font-size:var(--caption);color:var(--muted);margin-block-start:.75rem}.comparison-arrow{color:var(--muted)}.edit-explanation blockquote{font:clamp(1.5rem,2.3vw,2rem)/1.3 var(--serif);letter-spacing:-.025em;margin-block:1.25rem 1.5rem}.edit-explanation ol{padding-inline-start:1rem;margin:0;display:grid;gap:.75rem;font-size:var(--label);color:var(--muted)}.edit-explanation li{padding-inline-start:.25rem}.edit-explanation strong{color:var(--ink)}
.pricing{padding-block:5rem}.pricing-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.5rem}.plan{padding:2rem;border:1px solid var(--line);border-radius:.75rem;display:flex;flex-direction:column}.plan.pro{background:#f2f3ff;border-color:#d5dafa}.plan-top{display:flex;align-items:baseline;justify-content:space-between;gap:1rem;flex-wrap:wrap}.plan h3{font:2rem var(--serif);letter-spacing:-.025em}.plan-top>span{font-size:var(--caption);color:var(--muted)}.price{font:3.5rem/1.2 var(--serif);letter-spacing:-.04em;margin-block:1.5rem .75rem}.price>span{font:var(--label) var(--sans);color:var(--muted);letter-spacing:0}.plan-description{color:var(--muted);font-size:var(--label);margin-block-end:2rem;max-inline-size:42ch}.plan>.button,.plan>.outline-button{margin-block-start:auto}.footer{border-block-start:1px solid var(--line);padding-block:2.5rem 1.5rem}.footer-main{display:grid;grid-template-columns:1fr 1.3fr 1fr;gap:2rem;align-items:start}.footer-main>p{font:1.75rem/1.25 var(--serif);letter-spacing:-.025em}.footer-main nav{display:flex;flex-direction:column;align-items:end;gap:.25rem}.footer-main nav button{border:0;background:none;padding:.5rem 0;font-size:var(--label);min-block-size:2.75rem}.footer-bottom{margin-block-start:2rem;color:var(--muted);font-size:var(--caption)}
dialog{position:fixed;border:1px solid var(--line);border-radius:.875rem;inline-size:min(29rem,calc(100% - 2rem));max-block-size:calc(100dvh - 2rem);padding:2.5rem;box-shadow:0 24px 100px #17171926;overflow:auto;color:var(--ink);background:white}dialog::backdrop{background:#12131d66}dialog.legal-dialog{inline-size:min(44rem,calc(100% - 2rem))}dialog h2{font:2.25rem/1.12 var(--serif);letter-spacing:-.035em;margin-block-end:1rem}.dialog-close{position:absolute;inset:.375rem .375rem auto auto;display:grid;place-items:center;inline-size:2.75rem;block-size:2.75rem;border:0;border-radius:.375rem;background:none;font-size:1.5rem}.dialog-mark{display:block;font:2rem var(--serif);color:var(--accent);letter-spacing:-.1em;margin-block-end:1.5rem}.dialog-intro{color:var(--muted);font-size:var(--label);margin-block-end:1.5rem}form>label{display:block;font-size:var(--label);font-weight:700;margin-block-end:.5rem}input[type=email]{inline-size:100%;min-block-size:3rem;border:1px solid var(--control-border);border-radius:.375rem;padding:.75rem;font-size:1rem;background:white}input::placeholder{color:var(--muted);opacity:1}.terms-consent{display:flex;align-items:start;gap:.625rem;margin-block:1rem 1.5rem}.terms-consent>input{flex-shrink:0;inline-size:1rem;block-size:1rem;margin:.2rem 0 0;accent-color:var(--accent)}.terms-consent>label{font-size:var(--caption);color:var(--muted)}.inline-link{display:inline;padding:0;border:0;background:none;text-decoration:underline;text-underline-offset:.18em;font:inherit;color:inherit}.auth-switch{font-size:var(--label);color:var(--muted);margin-block-start:1.5rem}#auth-form>.button{margin-block-start:1rem}.form-feedback{color:var(--error);font-size:var(--label);margin-block-start:1rem}.form-feedback:empty{display:none}.legal-copy{font-size:var(--label);line-height:1.75;color:var(--muted);overflow-wrap:anywhere}.legal-copy h3{font:1.375rem/1.3 var(--serif);color:var(--ink);margin-block:1.5rem .5rem}.legal-copy p{margin-block-end:.75rem}.legal-copy ul{padding-inline-start:1.25rem}.legal-copy a{text-decoration:underline;text-underline-offset:.15em}.legal-copy+.outline-button{margin-block-start:1.5rem}.legal-date{font-size:var(--caption)}.checkout-row{display:flex;justify-content:space-between;align-items:center;gap:1rem;border-block:1px solid var(--line);padding-block:1rem;margin-block:1.5rem 1rem}.checkout-row strong{font:1.75rem var(--serif)}.checkout-policy{font-size:var(--label);color:var(--muted);margin-block-end:1.5rem}
@media(hover:hover) and (pointer:fine){.button:hover{background:#35353e}.outline-button:hover,.dialog-close:hover{background:#eeeef3}.nav nav a:hover,.text-button:hover,.footer-main nav button:hover{text-decoration:underline;text-underline-offset:.2em}.inline-link:hover{color:var(--ink)}}
/* One short entrance replaces unattended loops after removal of the pause UI. */
@media(prefers-reduced-motion:no-preference){.button,.outline-button{transition:background-color 150ms ease-out,scale 150ms ease-out}[data-input=pointer] :is(.button,.outline-button):not(:disabled):active{scale:.96}.collage.in-view .ink-line{animation:draw-ink 2.4s ease-out 1 both}.wide-art.in-view img{animation:art-arrive 1.8s ease-out 1 both}}@keyframes draw-ink{from{stroke-dasharray:900;stroke-dashoffset:900}to{stroke-dasharray:900;stroke-dashoffset:0}}@keyframes art-arrive{from{transform:scale(1.035)}to{transform:scale(1)}}
@media(max-width:65rem){.wrap{inline-size:calc(100% - 4rem)}.styles{inline-size:min(60rem,calc(100% - 4rem))}.nav{padding-inline:2rem;gap:2rem}h1{font-size:clamp(3rem,6.6vw,4.5rem)}.hero-description{font-size:var(--label)}.section-heading{gap:2rem}.editor-showcase{gap:2rem;padding:1.5rem}.feature-copy{padding:1.5rem}.feature-visual{block-size:15rem}}
@media(max-width:52rem){.wrap,.styles{inline-size:calc(100% - 2.5rem)}.hero{padding-block:2.5rem 3rem;grid-template-columns:minmax(0,1fr);gap:2rem}.hero-copy{padding:0}h1{font-size:clamp(2.625rem,9vw,4.5rem);max-inline-size:10em}.hero-description{font-size:1rem;max-inline-size:30rem}.hero-visual{inline-size:min(100%,34rem);margin-inline:auto}.section-heading{grid-template-columns:minmax(0,1fr);gap:1.5rem;margin-block-end:2rem}.section-heading h2{font-size:clamp(2.25rem,6vw,3.25rem)}.features{padding-block:3.5rem}.editor-inner{padding-block:3.5rem}.editor-showcase{grid-template-columns:minmax(0,1fr)}.edit-comparison{max-inline-size:30rem}.pricing{padding-block:3.5rem}.footer-main{grid-template-columns:1fr 1.5fr}.footer-main nav{grid-column:1/-1;flex-direction:row;flex-wrap:wrap;align-items:center;gap:.75rem 1.5rem}.style-caption h3{font-size:1.25rem}}
@media(max-width:40rem){.nav{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:'brand actions' 'links links';padding:.75rem 1.25rem .5rem;gap:.25rem 1rem}.nav>.brand{grid-area:brand;font-size:var(--label)}.nav>nav{grid-area:links;gap:1.5rem}.nav>.nav-actions{grid-area:actions;gap:1rem;margin:0}.brand-symbol{inline-size:2.125rem;block-size:2rem;font-size:1.375rem}.nav .button.small>span{display:none}.hero{padding-block-start:2rem}.hero .eyebrow{margin-block-end:1rem}h1{font-size:clamp(2.625rem,12vw,3.625rem);letter-spacing:-.04em}.collage{block-size:28.5rem}.collage-ink{block-size:9rem;inset-block-start:.25rem}.collage-gouache{block-size:14.75rem;inset-block-start:5rem;inset-inline-start:22%;inline-size:40%}.collage-type{block-size:9.5rem;inset-block-start:11.5rem}.collage-owl{block-size:7rem;inset-block-start:18.5rem}.collage-train{block-size:6.5rem;inset-block-start:21.5rem;inline-size:59%}.type-words{font-size:clamp(1.375rem,6vw,2.125rem)}.feature-copy h3{font-size:1.75rem}.feature-copy{padding:1.25rem}.article-visual{padding-inline:1.25rem}.ideas-visual{padding:1rem}.visual-triptych{gap:.375rem;padding:1rem}.script-visual{padding:1rem 1.25rem}.storyboard-visual{padding:1rem;gap:.5rem}.storyboard-visual>div>div{block-size:9rem}.clips-visual,.assembly-visual{padding:1rem}.clip-foot{flex-wrap:wrap;gap:.25rem}.refine-visual{gap:1rem;padding:1rem}.refine-thumb{inline-size:6.5rem;block-size:11rem}.refine-note p{font-size:1.25rem}.track-caption{font-size:.65rem;gap:.25rem}.style-gallery{grid-template-columns:minmax(0,1fr);row-gap:1.75rem}.wide-art{aspect-ratio:16/9}.style-caption h3{font-size:1.5rem}.styles-heading h2{font-size:2.25rem}.pricing-grid{grid-template-columns:minmax(0,1fr)}.plan{padding:1.5rem}.footer-main{grid-template-columns:minmax(0,1fr)}.footer-main>p{font-size:1.5rem}.footer-main nav{gap:.75rem 1.25rem}dialog{padding:2.5rem 1.5rem 1.5rem}dialog h2{font-size:2rem}}
@media(forced-colors:active){:focus-visible{outline-color:Highlight}.film-card,.feature-card,.plan,.editor-showcase{border-color:CanvasText}.button,.outline-button{border-color:ButtonText}}

.legal-identity{padding:1rem;background:var(--surface);border-radius:.375rem;margin-block:1rem 1.5rem}.legal-identity>div{margin-block:.5rem}.legal-identity dt{font-weight:700;color:var(--ink);font-size:var(--caption)}.legal-identity dd{margin:0;font-size:var(--label);overflow-wrap:anywhere}.legal-blank{letter-spacing:.05em}
/* Text-based illustrations grow with wrapping and enlarged type. */
.ideas-visual,.script-visual,.storyboard-visual,.clips-visual,.assembly-visual,.refine-visual{block-size:auto;min-block-size:15rem}
.track-caption{block-size:auto;min-block-size:1.75rem;flex-wrap:wrap;font-size:var(--caption);padding-block:.35rem}
.wide-art[data-art=textile] img{object-position:center 25%}
.wide-art[data-art=comic] img{object-position:center 35%}

.account-notice{margin-block:1rem;padding:1rem;border:1px solid var(--control-border);border-radius:.375rem;background:var(--surface);font-size:var(--label)}.account-page{padding-block:4rem;min-block-size:65vh;max-inline-size:50rem}#account-title{font-size:clamp(2.5rem,5vw,4rem)}.account-page>p:not(.eyebrow){max-inline-size:42ch;color:var(--muted);font-size:1.125rem;margin-block-end:2rem}#clerk-auth{margin-block:2rem}#clerk-auth>div{max-inline-size:100%}.account-email{font-size:var(--caption);color:var(--muted)}.brand-symbol{letter-spacing:-.04em}.brand-symbol span{margin-inline-start:.1rem}.account-page .outline-button{margin-block-start:1rem}

/* Constrain Clerk's nested cards, including their padding, on narrow screens. */
#clerk-auth{inline-size:min(100%,26.25rem)}#clerk-auth :is(.cl-rootBox,.cl-cardBox,.cl-card){inline-size:100%;max-inline-size:100%;min-inline-size:0;box-sizing:border-box}