@font-face{font-family:'Instrument Sans';src:url('../assets/fonts/InstrumentSans.ttf') format('truetype');font-weight:400 700;font-display:swap}
:root{--paper:#f3f6f1;--white:#fcfdfa;--ink:#25322b;--muted:#56635a;--orange:#fa8538;--forest:#294b39;--mint:#e5ece5;--sky:#e3edf2;--gutter:48px;--font:'Instrument Sans',sans-serif;--ease:cubic-bezier(.22,1,.36,1)}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:24px}
body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.5 var(--font);letter-spacing:0}
button,a,input{font:inherit;color:inherit;-webkit-tap-highlight-color:transparent}
button{cursor:pointer}button:disabled{cursor:default}a{text-decoration:none}
button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid var(--forest);outline-offset:4px}
h1,h2,h3,p,figure{margin:0}h1,h2,h3{font-weight:600;letter-spacing:0}h2{font-size:48px;line-height:1.1}h3{font-size:23px;line-height:1.25}p{text-wrap:pretty}
img,svg{display:block}img{max-width:100%;object-fit:cover}button svg,a svg{width:20px;height:20px;flex:none}
[hidden]{display:none!important}
.visually-hidden{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.skip{position:fixed;top:16px;left:16px;z-index:20;padding:12px 18px;background:var(--ink);color:var(--white)}.skip:not(:focus){clip-path:inset(50%);width:1px;height:1px;padding:0;overflow:hidden;white-space:nowrap}
.site-header{position:absolute;inset:0 0 auto;height:76px;padding:0 var(--gutter);display:flex;align-items:center;justify-content:space-between;gap:24px;z-index:5}
.wordmark{display:inline-flex;align-items:center;gap:9px;font-size:25px;font-weight:600;line-height:1;white-space:nowrap}
.wordmark img{flex:none}.site-header nav{display:flex;gap:30px;font-size:14px;font-weight:500}.site-header nav a{padding:12px 0}.site-header nav a:hover,footer a:hover{color:var(--forest);text-decoration:underline;text-underline-offset:5px}
.button{display:inline-flex;align-items:center;justify-content:center;gap:16px;min-height:48px;padding:12px 22px;border:0;border-radius:6px;background:var(--ink);color:var(--white);font-weight:500;line-height:1.4;transition:transform 180ms var(--ease),background 180ms}
.primary{background:var(--orange);color:var(--ink)}.primary:hover{background:#ff9956;transform:translateY(-2px)}.primary:active{transform:translateY(1px)}
.text-button{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:40px;padding:8px 0;border:0;background:transparent;font-size:14px;font-weight:500;line-height:1.4}.text-button:hover:not(:disabled){text-decoration:underline;text-underline-offset:5px}
.icon-button{display:grid;place-items:center;flex:none;width:36px;height:36px;padding:8px;border:0;border-radius:5px;background:transparent}.icon-button:hover{background:#e4eae1}.icon-button svg{width:18px;height:18px}
.hero{position:relative;isolation:isolate;min-height:760px;height:calc(100svh - 108px);max-height:1000px;padding:96px var(--gutter) 18px;display:flex;align-items:center;flex-direction:column;overflow:clip}
.hero-media{position:absolute;inset:0;z-index:-1;overflow:hidden;pointer-events:none;background:var(--paper)}
.hero-poster,.hero-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center}.hero-poster{opacity:.35}.hero-video{opacity:0}.hero-video.is-ready{opacity:.35}
@media(prefers-reduced-motion:no-preference){.hero-media:has(.hero-video.is-ready) .hero-poster{visibility:hidden}}
.hero-media:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#f3f6f100,#f3f6f1e6 28%,#f3f6f1e6 72%,#f3f6f100)}
.hero-copy{flex:none;text-align:center;position:relative;z-index:2}
.hero-copy h1{font-size:90px;line-height:1;animation:arrive 650ms var(--ease) both}
.hero-promise{font-size:30px;line-height:1.25;margin-top:13px;font-weight:500}
.hero-support{font-size:16px;line-height:1.5;margin-top:12px;color:var(--muted)}
.hero-copy .button{margin-top:20px}.platform-note{display:block;font-size:12px;line-height:1.4;margin-top:9px;color:var(--muted)}
.gesture-film{width:min(1040px,100%);min-width:0;min-height:0;flex:1;display:flex;flex-direction:column;margin-top:14px}
.film-stage{--wheel-size:272px;--origin-x:calc(50% - var(--wheel-size)*.7);position:relative;width:100%;height:280px;min-height:280px;flex:1}
.film-source{position:absolute;left:calc(50% - 310px);top:50%;width:172px;transform:translateY(-50%);transition:transform 700ms var(--ease),left 700ms var(--ease),opacity 250ms}
.document-art{position:relative;width:142px;height:180px;margin:0 auto;background:var(--white);padding:38px 15px 18px;border-radius:3px;box-shadow:0 7px 22px #2138290c;text-align:left}
.document-format{position:absolute;top:12px;left:15px;font-size:12px;font-weight:600;line-height:20px;background:#3567ae;color:#fff;padding:0 6px;border-radius:2px}.document-art strong{font-size:12px;line-height:1.25;display:block;margin-bottom:13px}.document-art p{font-size:9px;line-height:1.7;white-space:nowrap}.document-line{display:block;height:3px;background:#e5e8e3;margin-top:9px;width:100%}.document-line.short{width:63%}
.artifact-name{display:flex;align-items:center;justify-content:center;gap:6px;white-space:nowrap;font-size:12px;line-height:1.4;margin-top:12px}.artifact-name svg{width:15px;height:15px;color:#bd592d}
.film-result{position:absolute;left:calc(50% - 54px);top:50%;width:360px;transform:translateY(-50%)}
.deck-art{background:var(--white);border-radius:4px;padding:8px;display:grid;grid-template-columns:58px minmax(0,1fr);gap:9px;text-align:left;box-shadow:0 8px 26px #2138290c}
.deck-strip{display:grid;grid-template-rows:repeat(3,1fr);gap:6px;min-width:0}.deck-thumb{display:flex;align-items:center;width:100%;min-width:0;padding:6px;background:#e8ede6;font-size:7px;line-height:1.3;aspect-ratio:16/10}.deck-thumb:first-child{outline:2px solid var(--orange);outline-offset:-2px;background:#e7eef0}
.deck-slide{background:#e7eef0;aspect-ratio:16/10;width:100%;min-width:0;min-height:0;padding:20px 17px 14px;color:#294052;display:flex;flex-direction:column;justify-content:center}.deck-slide>span{font-size:10px}.deck-slide>strong{font-size:24px;font-weight:500;line-height:1.12;margin-top:8px;max-width:220px}.deck-slide ul{padding-left:13px;margin:12px 0 0;font-size:9px;line-height:1.6}.deck-notes{grid-column:2;display:flex;align-items:center;gap:5px;font-size:8px;color:var(--muted);min-width:0}.deck-notes svg{width:12px;height:12px;flex:none}
.film-wheel{position:absolute;left:50%;top:50%;width:var(--wheel-size);height:var(--wheel-size);transform:translate(-50%,-50%)}.film-wheel svg{width:100%;height:100%;overflow:visible}
.film-hand{position:absolute;left:50%;top:50%;width:24px;height:28px;z-index:4;pointer-events:none;transform:translate(0,0)}
.film-hand>.film-cursor{position:absolute;inset:0;width:24px;height:28px;fill:var(--ink);stroke:var(--white);stroke-width:1.6}
.film-dragged{position:absolute;left:20px;top:24px;display:flex;align-items:center;gap:6px;white-space:nowrap;font-size:10px;color:var(--ink)}
.film-dragged>span:last-child{background:#f8faf0eb;padding:3px 5px;border-radius:3px}.dragged-file{position:relative;width:24px;height:31px;flex:none}.dragged-file>svg{width:24px;height:31px;fill:var(--white);stroke:#a4b3a8;stroke-width:1}.dragged-file b{position:absolute;left:-3px;bottom:4px;font:600 8px/1.5 var(--font);background:#3567ae;color:white;padding:0 3px;border-radius:1px}
.film-key{position:absolute;left:calc(50% + var(--wheel-size)/2 + 30px);top:50%;transform:translateY(-50%);width:108px;height:40px;background:#bac5b8;border:1px solid #a2b39e;border-radius:6px;color:var(--muted);font-size:12px}
.film-key>span{position:absolute;inset:-3px 2px 5px;display:flex;align-items:center;justify-content:center;background:var(--white);border:1px solid #d0d9cb;border-radius:4px;transition:transform 160ms var(--ease),background 160ms,color 160ms}.film-key[data-pressed="true"]>span{transform:translateY(5px);background:var(--forest);color:var(--white);border-color:var(--forest)}
.film-composer{position:absolute;inset:0;display:grid;place-items:center;z-index:5}
.film-prompt-box{width:min(500px,100%);padding:23px 24px 17px;background:#f9fcf4ed;backdrop-filter:blur(16px);border:1px solid #fff;border-radius:8px;box-shadow:0 12px 36px #26352c12;text-align:left}
#film-prompt-text{font-size:21px;line-height:1.45;min-height:92px;overflow-wrap:anywhere}.film-prompt-bottom{display:flex;align-items:center;justify-content:space-between;gap:16px;font-size:12px;color:var(--muted);margin-top:12px}.film-send{display:grid;place-items:center;width:38px;height:38px;background:var(--orange);border-radius:50%;color:var(--ink)}.film-send svg{width:21px;height:21px}
.film-working{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;align-items:center;gap:12px;max-width:100%;padding:14px 18px;background:var(--white);border-radius:6px;white-space:nowrap;font-size:14px}.film-working>svg{width:18px;height:18px;animation:spin 1.4s linear infinite}
.film-caption{display:flex;align-items:center;justify-content:center;gap:24px;min-height:58px;padding:8px 0;text-align:center}.film-caption strong{font-size:17px;font-weight:500}.film-next{color:var(--forest);white-space:nowrap}.film-next:disabled{visibility:hidden}
.film-footer{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:36px;color:var(--muted);font-size:11px}.film-controls{display:flex;gap:3px;flex:none}
.gesture-film[data-hand-position="source"] .film-hand{transform:translate(calc(var(--wheel-size)*-.7),0)}
.gesture-film[data-hand-position="new"] .film-hand{transform:translate(calc(var(--wheel-size)*-.275),calc(var(--wheel-size)*.161))}
.gesture-film[data-hand-position="saved"] .film-hand{transform:translate(0,calc(var(--wheel-size)*-.32))}
.gesture-film:is([data-phase="intro"],[data-phase="next-file"]) .film-hand{transition:none}
.gesture-film:is([data-phase="result"],[data-phase="reused"]) .film-result{animation:result-arrive 550ms var(--ease) both}
.chapter{padding:72px var(--gutter);max-width:1600px;margin:0 auto}
.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:48px;margin-bottom:40px}.section-heading>p{font-size:18px;max-width:400px;line-height:1.5;color:var(--muted)}
.examples{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}.example{min-width:0}.example h3{margin-top:22px}.example-copy>p{font-size:16px;line-height:1.5;margin-top:10px;max-width:360px}.example-outcome{display:block;font-size:13px;color:var(--muted);margin-top:10px}.examples-note{font-size:12px;color:var(--muted);margin-top:32px}
.examples .example-art{position:relative;width:100%;min-width:0;aspect-ratio:1.15;min-height:320px;max-height:390px;padding:22px;overflow:hidden;display:flex;flex-direction:column;gap:20px}
.rename-art{background:#e7edc5}.example-topline{display:flex;justify-content:space-between;align-items:center;gap:12px;font-size:12px;line-height:1.3}.example-topline>span:first-child{display:flex;gap:8px;align-items:center;font-weight:500;min-width:0}.example-topline svg{width:18px;height:18px;flex:none}.example-topline>span:last-child{white-space:nowrap}
.rename-list{display:grid;gap:16px;flex:1;align-content:center}.rename-row{display:flex;align-items:center;gap:12px;min-width:0}.rename-row>svg:first-child{width:25px;height:32px;color:#49603a;stroke-width:1.3;flex:none}.rename-row>div{min-width:0;flex:1}.rename-row span{display:block;font-size:11px;color:#47542f;text-decoration:line-through;text-decoration-color:#617244}.rename-row strong{display:block;font-size:13px;font-weight:500;line-height:1.5;overflow-wrap:anywhere}.rename-row>svg:last-child{width:16px;height:16px;color:#37552c;flex:none}
.example-reuse{display:flex;align-items:center;gap:10px;margin-top:auto;min-height:42px;color:#324430}.example-reuse>svg{width:22px;height:22px;flex:none;stroke-width:1.5}.example-reuse>span{font-size:10px;line-height:1.5}.example-reuse strong{display:block;font-size:12px;font-weight:500}
.examples .cutout-art{padding:0;gap:0;background:#e8edf2}.cutout-comparison{--split:48%;position:relative;flex:1;min-height:250px;background-color:#fcfdfa;background-image:conic-gradient(#e5e8e9 25%,transparent 0 50%,#e5e8e9 0 75%,transparent 0);background-size:22px 22px;isolation:isolate;overflow:hidden}
.cutout-comparison>img{position:absolute;width:100%;height:100%;object-fit:contain;inset:0;pointer-events:none}.cutout-before{clip-path:inset(0 calc(100% - var(--split)) 0 0);background:#dce5e8}.comparison-labels{position:absolute;inset:18px 16px auto;display:flex;justify-content:space-between;gap:12px;font-size:10px;font-weight:500;pointer-events:none}.comparison-labels span{padding:4px 6px;background:#fcfdfaeb;line-height:1.3}
.comparison-divider{position:absolute;top:0;bottom:0;left:var(--split);width:2px;background:#fff;transform:translateX(-50%);pointer-events:none;filter:drop-shadow(0 0 2px #25322b30)}.comparison-divider>span{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:grid;place-items:center;width:36px;height:44px;border-radius:5px;background:var(--white);color:var(--ink);box-shadow:0 1px 6px #25322b24}.comparison-divider svg{width:20px;height:20px}
#cutout-slider{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:ew-resize;touch-action:pan-y}.cutout-comparison:focus-within{outline:3px solid var(--forest);outline-offset:-3px}.cutout-art .example-reuse{margin:0;padding:16px 22px;min-height:74px;background:#e8edf2}
.mail-art{background:#dfeaf4}.examples .mini-mail{background:var(--white);padding:18px 16px;flex:1;display:flex;flex-direction:column;justify-content:center;min-width:0}.mail-subject{display:flex;align-items:center;gap:7px;font-size:12px;line-height:1.35}.mail-subject strong{font-weight:600}.mail-subject svg{width:16px;height:16px;flex:none;color:#44637c}.mail-subject>span{margin-left:auto;font-size:10px;color:#60768a}.mini-mail p{font-size:12px;line-height:1.6;margin-top:14px;max-width:290px}.mini-mail .mail-closing{font-size:11px;color:#607080;margin-top:12px}.mail-art .example-reuse{color:#334f65}
.questions-section{display:grid;grid-template-columns:1fr 1.15fr;gap:80px;padding-top:32px;padding-bottom:64px}.questions-section h2{font-size:36px;line-height:1.15}.answers{min-width:0}.answers details{padding:17px 0}.answers details:first-child{padding-top:0}.answers summary{display:flex;align-items:center;justify-content:space-between;gap:20px;list-style:none;cursor:pointer;font-size:18px;font-weight:500;line-height:1.4}.answers summary::-webkit-details-marker{display:none}.answers summary>svg{width:18px;height:18px;flex:none}.answers details[open] summary>svg{transform:rotate(45deg)}.answers p{font-size:14px;line-height:1.65;margin-top:14px;color:var(--muted)}
.download-section{max-width:none;text-align:center;background:var(--mint);padding-top:56px;padding-bottom:56px}.download-mark{margin:0 auto 20px}.download-section h2{font-size:48px}.download-section p{margin:18px 0 24px;color:var(--muted);font-size:16px}.download-section .primary{background:var(--ink);color:var(--white)}.download-section .primary:hover{background:var(--forest)}
footer{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:30px var(--gutter);font-size:12px;color:var(--muted)}footer .wordmark{font-size:22px;color:var(--ink)}footer>a:last-child{display:flex;align-items:center;gap:6px}footer>a svg{width:15px;height:15px}
.information-page .site-header{position:relative}
.information-page main{max-width:760px;padding:64px var(--gutter) 96px;margin:0 auto;min-height:calc(100svh - 170px);overflow-wrap:anywhere}
.information-page h1{font-size:40px;line-height:1.15;margin-bottom:24px}
.information-page h2{font-size:22px;line-height:1.3;margin:32px 0 10px}
.information-page main p{color:var(--muted);margin:12px 0}
.information-page main a{text-decoration:underline;text-underline-offset:4px}
dialog{padding:0;border:0;border-radius:8px;width:440px;max-width:calc(100% - 32px);max-height:calc(100dvh - 32px);overflow:auto;background:var(--white);color:var(--ink);font:16px/1.5 var(--font);box-shadow:0 24px 80px #14211933}dialog::backdrop{background:#18221b70;backdrop-filter:blur(10px)}
.dialog-heading{display:flex;align-items:center;gap:8px;padding:16px 22px;background:var(--paper);font-size:22px;font-weight:600}.dialog-heading .icon-button{margin-left:auto}.dialog-content{padding:24px}.dialog-content h2{font-size:28px;line-height:1.2}.dialog-content p{font-size:15px;margin-top:16px;color:var(--muted)}.unavailable-download{width:100%;margin-top:24px;background:#e8ece6;color:#63705f}.dialog-content>.text-button{display:flex;margin:16px auto 0}
[data-reveal].seen{animation:arrive 500ms var(--ease) both;animation-delay:var(--reveal-delay,0ms)}
@keyframes arrive{from{opacity:.5;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}
@keyframes spin{to{transform:rotate(360deg)}}
@keyframes result-arrive{from{opacity:0;transform:translateY(calc(-50% + 12px))}to{opacity:1;transform:translateY(-50%)}}
html.motion-paused *,html.motion-paused *:before,html.motion-paused *:after{animation-play-state:paused!important;transition:none!important}
@media(min-width:1700px){:root{--gutter:72px}.hero{padding-top:112px}.hero-copy h1{font-size:108px}.hero-promise{font-size:34px}.film-stage{--wheel-size:336px;min-height:350px}.film-source{left:calc(50% - 350px)}.film-result{width:400px;left:calc(50% - 50px)}.film-caption strong{font-size:20px}.chapter{padding-top:88px;padding-bottom:88px}.questions-section{padding-top:24px}}
@media(max-width:1100px){:root{--gutter:32px}.hero-copy h1{font-size:80px}.hero-promise{font-size:27px}.hero{min-height:730px}.section-heading h2{font-size:40px}.examples{gap:22px}.example-art{padding:14px 14px 46px;min-height:200px}.example h3{font-size:21px}.mini-mail{padding:12px}.mini-slide{padding:10px}.mini-slide-title,.mini-website strong{font-size:19px}.artifact-tag{font-size:9px;gap:5px}.questions-section{gap:48px}}
@media(max-width:760px){.site-header nav{gap:20px;font-size:13px}.header-download{display:none}.hero{min-height:710px;padding-top:92px}.hero-copy h1{font-size:72px}.hero-promise{font-size:25px}.film-source{left:calc(50% - 265px);width:152px}.film-result{left:calc(50% - 42px);width:310px}.film-flow{left:calc(50% - 93px)}.film-stage{--wheel-size:272px}.film-caption{gap:16px}.film-caption strong{font-size:15px}.film-next{font-size:12px}.section-heading{gap:24px}.section-heading>p{font-size:15px;max-width:270px}.examples{grid-template-columns:1fr;gap:28px}.example{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);column-gap:24px;align-content:center}.example-art{grid-row:1/4;height:220px;aspect-ratio:auto}.example h3{margin-top:0;align-self:end}.example>p{font-size:15px}.example-outcome{font-size:12px}.artifact-tag{font-size:10px}.questions-section{grid-template-columns:1fr;gap:26px}.questions-section h2 br{display:none}.questions-section h2{font-size:32px}.download-section h2{font-size:40px}footer>span{display:none}}
@media(max-width:600px){:root{--gutter:22px}.site-header{height:64px;gap:16px}.site-header .wordmark{font-size:22px}.site-header .wordmark img{width:24px;height:24px}.site-header nav{font-size:12px;gap:16px}.site-header nav a:first-child{display:none}.hero{padding-top:82px;min-height:680px;max-height:890px;height:calc(100svh - 72px);padding-bottom:10px}.hero-copy h1{font-size:66px}.hero-promise{font-size:23px;max-width:290px;margin:12px auto 0}.hero-support{font-size:14px;max-width:330px;margin:12px auto 0}.hero-copy .button{margin-top:18px;min-height:46px;font-size:14px}.platform-note{font-size:11px;max-width:310px;margin-left:auto;margin-right:auto}.hero-media:after{background:#f3f6f19c}.gesture-film{margin-top:10px}.film-stage{--wheel-size:238px;min-height:234px;height:234px}.film-source{left:calc(50% - 146px);width:96px}.document-art{width:82px;height:116px;padding:25px 8px 10px}.document-format{top:7px;left:8px;font-size:8px;line-height:14px;padding:0 4px}.document-art strong{font-size:8px;margin-bottom:8px}.document-art p{font-size:6px;line-height:1.7}.document-line{height:2px;margin-top:6px}.artifact-name{font-size:9px;margin-top:10px;gap:4px}.artifact-name svg{width:12px;height:12px}.film-result{left:calc(50% - 25px);width:175px}.deck-art{padding:5px;grid-template-columns:28px minmax(0,1fr);gap:5px}.deck-strip{gap:3px}.deck-thumb{font-size:4px;padding:3px}.deck-slide{padding:9px 8px;min-height:98px}.deck-slide>span{font-size:6px}.deck-slide>strong{font-size:15px;line-height:1.12;margin-top:6px}.deck-slide ul{font-size:5px;padding-left:8px;margin-top:7px}.deck-notes{font-size:5px;gap:3px}.deck-notes svg{width:7px;height:7px}.film-flow{left:calc(50% - 46px)}.film-flow svg{width:20px;height:20px}.film-key{left:calc(50% + 97px);top:auto;bottom:4px;transform:none;font-size:10px;padding:4px 12px}.film-prompt-box{padding:18px 17px 13px}.film-prompt-bottom{font-size:11px;margin-top:8px}#film-prompt-text{font-size:18px;min-height:80px}.film-send{width:34px;height:34px}.film-working{font-size:12px;padding:12px;gap:9px}.film-working img{width:23px;height:23px}.film-working>svg{width:16px;height:16px}.film-saved{font-size:10px;bottom:4px}.film-saved svg{width:14px;height:14px}.film-caption{flex-direction:column;justify-content:center;gap:0;min-height:72px;padding:7px 0 0}.film-caption strong{font-size:15px;line-height:1.4}.film-next{min-height:32px;padding:5px 0;font-size:12px}.film-next svg{width:16px;height:16px}.film-footer{font-size:9px;gap:8px}.film-footer>span{max-width:205px;line-height:1.4}.film-controls .icon-button{width:30px;height:32px;padding:6px}.gesture-film[data-phase="drag"] .film-source{left:calc(50% - 48px)}.chapter{padding-top:48px;padding-bottom:48px}.section-heading{display:block;margin-bottom:30px}.section-heading h2{font-size:34px}.section-heading>p{margin-top:16px;max-width:none;font-size:16px}.section-heading>p br{display:none}.example{display:block}.example-art{height:auto;aspect-ratio:1.65;max-height:none;min-height:190px;padding:18px 18px 46px}.example h3{font-size:22px;margin-top:18px}.example>p{font-size:16px;max-width:none}.example-outcome{font-size:13px}.examples{gap:36px}.examples-note{font-size:11px}.artifact-tag{font-size:11px}.mini-mail{padding:17px}.mail-subject{font-size:13px}.mini-mail p{font-size:10px}.mail-draft{font-size:10px}.mini-slide-title,.mini-website strong{font-size:25px}.mini-browser{font-size:10px}.mini-slide{padding:18px}.questions-section{padding-top:0;gap:24px}.questions-section h2{font-size:28px;max-width:290px}.answers summary{font-size:16px}.answers p{font-size:14px}.download-section{padding-top:40px;padding-bottom:44px}.download-section h2{font-size:34px}.download-section .platform-note{max-width:280px}.download-mark{width:42px;height:42px}footer{padding-top:24px;padding-bottom:24px;font-size:11px;gap:12px}footer .wordmark{font-size:20px}}
@media(max-width:370px){:root{--gutter:18px}.hero-copy h1{font-size:56px}.hero-promise{font-size:21px;max-width:270px}.hero-support{font-size:12px}.hero-copy .button{min-height:44px;margin-top:15px}.platform-note{font-size:10px}.film-source{left:calc(50% - 136px);width:88px}.film-result{left:calc(50% - 24px);width:160px}.film-flow{left:calc(50% - 42px)}.film-stage{--wheel-size:222px}.film-key{left:calc(50% + 89px);padding:4px 10px}.film-footer>span{max-width:190px}.film-footer{font-size:8px}.film-caption strong{font-size:14px}.section-heading h2,.download-section h2{font-size:30px}.artifact-tag{font-size:10px;gap:6px}}
@media(min-width:761px) and (max-height:800px){.hero{min-height:630px;height:calc(100svh - 72px);padding-top:82px}.hero-copy h1{font-size:66px}.hero-promise{font-size:25px;margin-top:9px}.hero-support{font-size:14px;margin-top:9px}.hero-copy .button{margin-top:14px;min-height:44px;font-size:14px}.platform-note{font-size:11px;margin-top:7px}.gesture-film{margin-top:8px}.film-stage{--wheel-size:242px;min-height:238px;height:238px}.film-source{transform:translateY(-50%) scale(.88)}.film-result{width:300px}.film-caption{min-height:45px}.film-caption strong{font-size:15px}.film-footer{font-size:10px}.film-working{font-size:13px}.film-saved{font-size:11px}}
@media(max-width:600px) and (max-height:740px){.hero{height:calc(100svh - 54px);min-height:0;padding-top:70px;padding-bottom:6px}.hero-copy h1{font-size:48px}.hero-promise{font-size:20px;max-width:none;margin-top:8px}.hero-support{font-size:12px;margin-top:8px}.hero-copy .button{margin-top:12px;min-height:40px;font-size:13px;padding:10px 16px}.platform-note{font-size:10px;margin-top:6px}.gesture-film{margin-top:7px}.film-stage{--wheel-size:192px;min-height:174px;height:174px}.film-caption{min-height:58px;padding:5px 0 0}.film-caption strong{font-size:13px}.film-next{font-size:11px;min-height:28px}.film-key{left:calc(50% + 88px);bottom:6px}.film-saved{bottom:0;font-size:9px}.film-prompt-box{padding:12px 14px 10px}#film-prompt-text{font-size:16px;min-height:58px}.film-prompt-bottom{margin-top:6px}.film-send{width:30px;height:30px}.film-footer{min-height:30px}.document-art{height:104px}.document-line{margin-top:4px}.film-result{width:160px}.film-source{left:calc(50% - 137px)}.chapter{padding-top:34px}.questions-section{padding-top:0}}
@media(min-width:601px) and (max-height:600px){.site-header{height:54px}.hero{min-height:0;max-height:none;height:calc(100svh - 24px);padding-top:59px;padding-bottom:6px}.hero-copy h1{font-size:38px}.hero-promise{font-size:19px;margin-top:4px}.hero-support{font-size:12px;margin-top:4px}.hero-support br{display:none}.hero-copy .button{font-size:12px;padding:7px 14px;min-height:34px;margin-top:8px}.platform-note{font-size:9px;margin-top:4px}.gesture-film{margin-top:0;max-width:800px}.film-stage{--wheel-size:136px;min-height:128px;height:128px}.film-source{width:132px;left:calc(50% - 230px);transform:translateY(-50%) scale(.59)}.film-result{left:calc(50% + 20px);width:180px}.deck-art{padding:5px;grid-template-columns:28px minmax(0,1fr);gap:4px}.deck-thumb{font-size:4px;padding:3px}.deck-slide{padding:8px}.deck-slide>span{font-size:6px}.deck-slide>strong{font-size:14px;margin-top:4px}.deck-slide ul{font-size:5px;padding-left:8px;margin-top:6px}.deck-notes{font-size:5px}.deck-notes svg{width:8px;height:8px}.artifact-name{font-size:9px;margin-top:4px}.film-flow{left:calc(50% - 72px)}.film-flow svg{width:24px;height:24px}.film-caption{min-height:30px;padding:0;gap:20px}.film-caption strong{font-size:12px}.film-next{font-size:11px;min-height:28px;padding:4px 0}.film-footer{min-height:28px;font-size:9px}.film-controls .icon-button{width:28px;height:28px;padding:6px}.film-key{font-size:9px;padding:4px 12px}.film-saved{font-size:9px;bottom:0}.film-prompt-box{width:360px;padding:12px 14px}#film-prompt-text{font-size:16px;min-height:46px}.film-prompt-bottom{margin-top:4px;font-size:10px}.film-send{width:28px;height:28px}.film-working{padding:10px 14px;font-size:12px}.film-source .artifact-name{font-size:13px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.hero-video{display:none}}
@media(max-width:600px) and (max-height:650px){.hero{padding-top:65px}.hero-copy h1{font-size:42px}.hero-promise{font-size:18px;margin-top:6px;max-width:265px}.hero-support{font-size:12px;margin-top:6px}.hero-support br{display:none}.hero-copy .button{min-height:38px;margin-top:10px;padding:8px 14px}.platform-note{margin-top:5px}.film-stage{min-height:150px;height:150px;--wheel-size:168px}.film-caption{min-height:54px}.film-saved{font-size:9px}.film-footer{font-size:8px}.film-footer>span{max-width:190px}.document-art{height:96px;padding-top:24px}.document-art p{font-size:5px}.film-key{left:calc(50% + 79px);bottom:2px}}
@media(min-width:601px) and (max-height:600px){.hero{height:calc(100svh - 28px);padding-top:56px}.hero-copy h1{font-size:32px}.hero-promise{font-size:17px;margin-top:3px}.hero-support{margin-top:3px}.hero-copy .button{margin-top:5px;min-height:30px;padding:5px 12px}.film-stage{min-height:122px;height:122px;--wheel-size:120px}.film-caption{min-height:26px}.film-footer{min-height:26px}.possibilities-section{padding-top:16px}}
@media(min-width:761px) and (min-height:601px) and (max-height:800px){.possibilities-section{padding-top:36px}}
.gesture-film:not([data-output="true"]) .film-source{left:var(--origin-x);transform:translate(-50%,-50%);width:112px;transition:opacity 200ms}
.gesture-film:not([data-output="true"]) .document-art{width:68px;height:88px;padding:25px 9px 8px}
.gesture-film:not([data-output="true"]) .document-art .document-format{top:9px;left:9px;font-size:10px;line-height:18px}
.gesture-film:not([data-output="true"]) .document-art strong,.gesture-film:not([data-output="true"]) .document-art p{display:none}
.gesture-film:not([data-output="true"]) .film-source .artifact-name{font-size:11px}
.film-source.is-lifted{opacity:.35}
.gesture-film:not([data-output="true"]) .film-key{padding:0;box-shadow:none}
.hero-media:after{background:#f3f6f1a8}
@media(max-width:600px){.film-stage{--origin-x:calc(50% - var(--wheel-size)*.42)}.gesture-film[data-hand-position="source"] .film-hand{transform:translate(calc(var(--wheel-size)*-.42),0)}.gesture-film:not([data-output="true"]) .film-source{width:96px}.gesture-film:not([data-output="true"]) .document-art{width:52px;height:64px;padding:24px 8px 8px}.gesture-film:not([data-output="true"]) .film-source .artifact-name{font-size:9px}.film-key{width:72px;height:30px;left:calc(50% + 67px);top:auto;bottom:8px;transform:none;font-size:10px}.film-dragged{gap:4px;left:17px;top:24px;font-size:8px}.dragged-file{width:20px;height:26px}.dragged-file>svg{width:20px;height:26px}.dragged-file b{font-size:7px}.film-dragged>span:last-child{padding:2px 3px}}
@media(min-width:601px) and (max-height:600px){.film-key{width:84px;height:28px;font-size:10px}.gesture-film:not([data-output="true"]) .document-art{width:54px;height:65px}.gesture-film:not([data-output="true"]) .film-source .artifact-name{font-size:10px}.film-dragged{font-size:9px;top:16px}.film-hand>.film-cursor{width:21px;height:25px}.dragged-file{width:20px;height:24px}.dragged-file>svg{width:20px;height:24px}}
@media(max-width:600px) and (max-height:650px){.film-stage{--wheel-size:144px}.film-key{left:calc(50% + 66px);top:calc(50% - 17px);bottom:auto}}
@media(max-width:1100px) and (min-width:601px){.examples{grid-template-columns:1fr;gap:32px}.examples .example{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.85fr);gap:32px;align-items:center}.examples .example-art{grid-row:auto;aspect-ratio:1.2;min-height:300px;height:auto;max-height:370px}.example h3{margin-top:0}.example-copy>p{font-size:16px}}
@media(max-width:600px){.examples{gap:36px}.examples .example{display:block}.examples .example-art{grid-row:auto;aspect-ratio:1.12;min-height:320px;height:auto;max-height:390px}.example h3{margin-top:20px;font-size:23px}.example-copy>p{font-size:16px}.examples-note{font-size:12px}.example-outcome{font-size:13px}.rename-row strong{font-size:13px}.mini-mail p{font-size:12px}}
@media(max-width:370px){.examples .example-art{padding:18px;min-height:310px}.examples .cutout-art{padding:0}.rename-row{gap:8px}.rename-row strong{font-size:12px}.example-topline{font-size:11px}.example h3{font-size:22px}}