@charset "UTF-8";
:root{--paper:#f7f7f2;--ink:#27272c;--muted:#77787d;--purple:#7560dc;--line:#e2e2dc;--lavender:#ece9f7;--dark:#25262b}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:var(--paper);color:var(--ink);font-family:"Segoe UI","Apple SD Gothic Neo","Malgun Gothic",sans-serif;line-height:1.65;word-break:keep-all;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}a:focus-visible,summary:focus-visible{outline:3px solid var(--purple);outline-offset:5px}svg{display:block}.svg-library{position:absolute;width:0;height:0;overflow:hidden}.icon{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.wrap{width:min(1240px,calc(100% - 96px));margin-inline:auto}.skip{position:fixed;top:-80px;left:16px;z-index:20;background:var(--dark);color:white;padding:10px 18px}.skip:focus{top:16px}.purple{color:var(--purple)}h1,h2,h3,p{margin-top:0}
.header{min-height:110px;display:flex;align-items:center;justify-content:space-between;gap:20px;border-bottom:1px solid var(--line);padding-block:16px}.logo{display:inline-flex;align-items:center;gap:9px;font-size:28px;letter-spacing:-1.2px;font-weight:800;line-height:1}.logo-icon{width:35px;height:35px;border-radius:10px;background:var(--purple);color:white;display:grid;place-items:center;font-size:26px}.logo small{font-size:8px;letter-spacing:1.5px;line-height:1.5;font-weight:600;padding-left:14px;border-left:1px solid #d6d6d0;margin-left:6px;color:#77787e}.header nav{display:flex;gap:29px;font-size:12px;color:#77787e}.header nav a:hover,.text-link:hover,.back-top:hover{color:var(--purple)}.header-download{text-align:center}.header-download>small{display:block;margin-top:6px;font-size:8px;color:#8e744f}.nav-download{display:flex;align-items:center;justify-content:center;gap:16px;font-size:12px;font-weight:650;padding:10px 16px;border:1px solid #cacbc4;border-radius:7px}.nav-download .icon{width:16px;height:16px}.nav-download:hover{border-color:var(--purple);color:var(--purple)}
.hero{display:grid;grid-template-columns:1fr 1.08fr;gap:36px;padding-block:92px 95px;align-items:center}.eyebrow{font-size:10px;letter-spacing:1.7px;line-height:1.7;font-weight:650;color:#88858e;margin:0 0 24px}.hero .eyebrow{font-size:9px;letter-spacing:1.2px;display:flex;align-items:center;gap:8px}.status-dot{width:6px;height:6px;background:var(--purple);border-radius:50%;box-shadow:0 0 0 4px #7560dc10;flex-shrink:0}h1{font-size:clamp(42px,4.6vw,67px);line-height:1.23;letter-spacing:-3.2px;margin-bottom:28px;font-weight:800}.highlight{color:var(--purple);position:relative;white-space:nowrap}.highlight:after{content:"";height:4px;background:#b4a6ed;position:absolute;left:0;right:0;bottom:-8px;transform:rotate(-3deg);border-radius:50%}.hero-description{color:var(--muted);font-size:14px;line-height:1.95;margin:0 0 30px}.hero-actions{display:flex;gap:20px;align-items:center;flex-wrap:wrap}.button{display:inline-flex;justify-content:center;align-items:center;gap:12px;min-height:54px;padding:15px 21px;border-radius:8px;font-size:12px;font-weight:650;transition:transform .2s,background .2s}.primary{background:var(--purple);color:#fff;box-shadow:0 7px 18px #7560dc19}.primary:hover{background:#6550cc;transform:translateY(-2px)}.button .icon{width:19px;height:19px}.text-link{font-size:11px;font-weight:550}.download-meta{margin:13px 0 16px;font-size:9px;color:#818188}.download-meta span{padding-inline:6px;color:#aaa}.security-note{display:flex;gap:7px;font-size:10px;line-height:1.9;color:#8d785b;max-width:440px;margin:0 0 20px}.security-note>span{flex-shrink:0;font-size:12px}.trust-note{display:flex;align-items:center;gap:8px;font-size:10px;color:#7e7f82;margin:0}.trust-note .icon{width:14px;height:14px}
.hero-visual{margin:0;position:relative;min-width:0}.hero-visual:before{content:"";position:absolute;inset:-42px -29px -24px -8px;background:radial-gradient(ellipse,#e8e4f0 8%,#eeeaf4 50%,transparent 72%);z-index:-1}.app-window{border:1px solid #cdced5;border-radius:12px;overflow:hidden;background:#fff;box-shadow:0 24px 48px #35304714;transform:perspective(1400px) rotateY(-5deg) rotateX(2deg)}.window-bar{height:33px;background:#f6f5f9;border-bottom:1px solid #e7e5ec;display:flex;justify-content:space-between;align-items:center;padding:0 12px;color:#939099;font-size:8px}.window-bar>span:first-child{display:flex;align-items:center;gap:6px}.window-bar b{display:grid;place-items:center;color:#fff;background:var(--purple);font-size:9px;width:14px;height:14px;border-radius:4px}.demo-app{display:flex;min-height:345px;background:#f8f8fb}.demo-sidebar{width:84px;flex-shrink:0;background:#fff;border-right:1px solid #eae9ef;padding:20px 8px;display:flex;flex-direction:column}.demo-sidebar>b{font-size:20px;letter-spacing:-1px;padding-left:6px}.demo-nav{font-size:7px;font-weight:600;background:#f1edfc;color:var(--purple);padding:9px 5px;border-radius:5px;margin-top:24px;white-space:nowrap}.demo-sidebar>small{color:#8b9e93;font-size:5px;margin-top:auto;padding:5px;white-space:nowrap}.demo-main{padding:22px 19px 20px;flex:1;min-width:0}.demo-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:19px;gap:5px}.demo-title div>span{font-size:6px;letter-spacing:1px;font-weight:650;color:#9b8dc7}.demo-title h2{font-size:16px;letter-spacing:-.6px;line-height:1.5;margin:5px 0 0;white-space:nowrap}.demo-title>small{color:#9c8bbf;background:#eeebf5;border-radius:4px;font-size:7px;padding:3px 6px}.demo-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:12px}.demo-files,.demo-settings{border:1px solid #ece9f1;background:white;padding:11px;border-radius:8px;min-width:0}.demo-drop{height:100px;border:1px dashed #d9d0f1;border-radius:6px;background:#fcfaff;display:flex;align-items:center;flex-direction:column;justify-content:center;gap:4px;margin-bottom:10px}.demo-drop>span{font-size:21px;line-height:1;color:#9e8bd1}.demo-drop b{font-size:8px;color:#6a617c}.demo-drop small{font-size:6px;color:#a59ab5}.demo-file{display:flex;align-items:center;gap:6px;padding:8px 0;border-bottom:1px solid #f2eff6}.demo-file:last-child{border:0}.thumbnail,.movie-thumb,.png-thumb{width:26px;height:26px;border-radius:4px;flex-shrink:0}.movie-thumb{background:#e7e0f5;color:#ad9bce;display:grid;place-items:center}.movie-thumb .icon{width:16px;height:16px}.png-thumb{display:grid;place-items:center;background:#e5eee9;color:#9cb7a4;font-size:17px}.demo-file>div{min-width:0;display:flex;flex-direction:column}.demo-file b{font-size:7px;font-weight:550;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.demo-file small{font-size:5px;color:#a39aad;padding-top:2px;white-space:nowrap}.check{color:#79a58c;background:#eff6f0;font-size:9px;width:14px;height:14px;border-radius:4px;display:grid;place-items:center;margin-left:auto;flex-shrink:0}.demo-settings>b{font-size:7px;font-weight:600;display:block;margin-bottom:8px}.demo-options{display:flex;gap:4px;margin-bottom:16px}.demo-options>span{border:1px solid #e9e4ef;border-radius:3px;padding:5px 0;font-size:6px;color:#a195b1;flex:1;text-align:center}.demo-options .chosen{color:var(--purple);border-color:#b7a5e7;background:#f6f2ff;font-weight:650}.demo-dimensions{display:flex;align-items:center;gap:5px;color:#aea2bd;font-size:8px}.demo-dimensions>span{display:flex;justify-content:space-between;flex:1;gap:5px;border:1px solid #e8e3ee;border-radius:3px;padding:5px}.demo-dimensions small{font-size:6px}.demo-dimensions>i{font-style:normal}.demo-settings p{font-size:6px;color:#9a87bc;margin:8px 0 15px}.demo-submit{color:white;background:var(--purple);font-size:7px;border-radius:4px;padding:9px 7px;display:flex;justify-content:space-between;gap:5px;white-space:nowrap}.demo-save{display:block;text-align:center;font-size:5px;color:#b8aebf;margin-top:7px}.floating-note{display:flex;align-items:center;gap:11px;position:absolute;bottom:-15px;right:13px;background:#fff;border:1px solid #e2e1e7;box-shadow:0 8px 20px #3833460b;border-radius:9px;padding:13px 19px}.floating-note>span{width:29px;height:29px;background:#e9f2eb;color:#7e9d83;border-radius:50%;display:grid;place-items:center;font-size:15px}.floating-note>div{display:flex;flex-direction:column;gap:3px}.floating-note b{font-size:11px}.floating-note small{font-size:8px;color:#9a979f}.hero-visual figcaption{position:absolute;bottom:-48px;width:100%;font-size:8px;color:#a5a2ac;text-align:center}
.format-strip{border-block:1px solid var(--line);background:#f1f1eb}.format-strip .wrap{padding-block:25px;display:flex;justify-content:space-between;gap:25px;align-items:center}.format-strip p{font-size:11px;color:#8b8c87;margin:0}.format-strip .wrap>div{display:flex;align-items:center;gap:25px}.format-strip span{font-size:14px;font-weight:650;color:#88898a;letter-spacing:-.3px}.format-strip i{height:20px;width:1px;background:#d5d5d0}.format-strip .purple{font-size:12px;color:#8b83a5}.format-strip small{font-size:9px;margin-left:3px;font-weight:400}.section{padding-block:104px}.section-heading{display:flex;justify-content:space-between;gap:30px;align-items:flex-end;margin-bottom:43px}.section-heading .eyebrow{margin-bottom:16px}.section h2,.project-section h2{font-size:37px;line-height:1.4;letter-spacing:-1.7px;font-weight:750;margin:0}.section-heading>p{font-size:12px;line-height:1.9;color:#8a8a8b;margin:0 0 5px}.feature-grid{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:18px}.feature-card{border:1px solid #e0e0d8;border-radius:12px;padding:28px 26px 22px;min-width:0;background:#f1f1eb}.feature-card.lavender{background:var(--lavender);border-color:#e0dced}.card-top{display:flex;justify-content:space-between;align-items:center;color:#a19caa;margin-bottom:33px}.card-top>span{font-size:10px;font-weight:600;border-bottom:1px solid #bdb8c7;padding-bottom:3px}.card-top>b{font-size:24px;line-height:1;font-weight:400}.feature-card h3{font-size:24px;line-height:1.5;letter-spacing:-1px;margin-bottom:14px;font-weight:700}.feature-card p{font-size:11px;line-height:1.9;color:#82818a;margin-bottom:26px;min-height:43px}.format-flow{display:flex;align-items:center;gap:13px;padding-block:12px}.file-tile{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;background:#fff;border-radius:10px;box-shadow:0 4px 8px #615b7609;min-width:77px;height:91px;font-size:17px;font-weight:700;color:#8f7ebb}.file-tile small{font-size:6px;letter-spacing:1px;color:#b4a6c6}.format-flow>.icon{width:18px;color:#a196b4}.output-tiles{display:flex;flex-wrap:wrap;gap:5px}.output-tiles span{padding:7px 10px;border:1px solid #c9bfdc;border-radius:5px;font-size:9px;font-weight:600;color:#9584b2}.output-tiles span:nth-child(3){background:var(--purple);color:white;border-color:var(--purple)}.compression-bars{padding-top:5px;display:flex;flex-direction:column;gap:9px}.compression-bars>div{display:flex;align-items:center;gap:10px}.compression-bars span{width:28px;color:#94918d;font-size:9px;flex-shrink:0}.compression-bars i{display:block;height:14px;background:#d7d9cf;width:calc(var(--bar) - 38px);min-width:15px;border-radius:3px}.compression-bars>div:nth-child(2) i{background:#b2bea4}.compression-bars>div:nth-child(3) i{background:#9eae8b}.compression-bars>div:nth-child(4) i{background:#8ca576}.card-footnote{display:block;font-size:8px;line-height:1.8;color:#999991;margin-top:17px}.resize-demo{display:flex;align-items:center;gap:17px;padding-top:4px}.resize-demo>div{border:1px dashed #b4b5ab;padding:6px;border-radius:5px;width:100px;flex-shrink:0;position:relative}.resize-demo svg{width:100%;height:auto;aspect-ratio:3/2;border-radius:2px}.resize-demo>div>span{position:absolute;background:#fcfcf7;color:#8b8c83;bottom:-8px;left:31px;font-size:7px;padding:0 5px}.resize-demo dl{flex:1;margin:0}.resize-demo dl>div{display:flex;align-items:center;border-bottom:1px solid #d9dad1;padding-bottom:6px;font-size:8px;gap:6px;color:#96988c}.resize-demo dd{font-size:13px;margin:0 0 0 auto;color:#74796b}.resize-demo dd small{font-size:8px;color:#96988c}.resize-demo dl>span{display:block;color:#959c89;font-size:7px;padding-block:5px}
.iphone-section{background:var(--dark);color:white;padding-block:90px;overflow:hidden}.iphone-grid{display:grid;grid-template-columns:1fr 1fr;gap:100px;align-items:center}.iphone-section .eyebrow{color:#aca9ba}.live-badge{display:inline-flex;align-items:center;gap:9px;border:1px solid #55545f;border-radius:20px;padding:7px 12px;color:#b9b0d7;font-size:8px;letter-spacing:1px;margin:3px 0 21px}.live-badge .icon{width:16px;height:16px}.iphone-section h2{font-size:42px;line-height:1.35;letter-spacing:-2px;margin:0 0 26px;font-weight:700}.iphone-section h2>span{color:#b4a3ef}.iphone-description{font-size:12px;line-height:2;color:#a4a3ae;margin-bottom:37px}.iphone-spec{display:flex;gap:30px}.iphone-spec>span{display:flex;flex-direction:column;gap:6px;font-size:9px;color:#8b8998;padding-right:22px;border-right:1px solid #48474f}.iphone-spec>span:last-child{padding:0;border:0}.iphone-spec b{color:#d1cbdf;font-size:12px;letter-spacing:.3px;font-weight:550}.iphone-visual{max-width:430px;margin-inline:auto;width:100%}.live-frame{width:280px;margin:0 auto 25px;padding:10px;border:1px solid #62616c;background:#33343c;box-shadow:0 18px 40px #0002;border-radius:14px;transform:rotate(3deg);overflow:hidden}.live-frame-top,.live-frame-bottom{display:flex;align-items:center;justify-content:space-between;padding:2px 3px 10px;font-size:7px;color:#9c9ba8;gap:10px}.live-frame-top>span:first-child{display:flex;align-items:center;gap:4px;color:#d8cd9d;letter-spacing:1px;font-size:8px}.live-frame-top .icon{width:12px;height:12px}.live-scenery{width:100%;height:180px;border-radius:6px;animation:live-motion 8s ease-in-out infinite alternate}.live-frame-bottom{padding:11px 3px 1px;color:#8d849b;letter-spacing:3px}.live-frame-bottom i{font-style:normal;color:#5e5c6b}.live-frame-bottom b{color:#c0aedf;font-size:9px;letter-spacing:1px}.iphone-files{padding:12px 16px;background:#303138;border:1px solid #44454d;border-radius:8px}.iphone-files>div{display:flex;align-items:center;gap:12px;padding:8px 0;font-size:10px}.iphone-files span{color:#75717f}.iphone-files code{color:#a3a1af;font-family:ui-monospace,Consolas,monospace;font-size:10px}.iphone-files strong{font-weight:500;color:#d0c4ef;margin-left:auto;font-size:10px}.iphone-note{margin:16px 2px 0;font-size:9px;color:#aaa5b8;line-height:1.9}.iphone-note b{font-weight:550;color:#c1b6d8}
.outline-tag{font-size:10px;color:#95968b;border:1px solid #d6d8cc;border-radius:20px;padding:7px 13px}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:45px;margin-top:52px}.steps article{border-top:1px solid #cecec7;padding-top:15px}.steps article>span{font-size:12px;color:#9d95b3;display:flex;align-items:center;justify-content:space-between;margin-bottom:24px;letter-spacing:1px}.steps i{font-style:normal;font-size:19px;line-height:1;color:#b1acbb}.steps h3{font-size:20px;letter-spacing:-.7px;margin-bottom:14px;font-weight:650}.steps p{font-size:11px;color:#85867e;line-height:1.9;margin:0}.save-example{display:grid;grid-template-columns:1fr 1fr;gap:50px;margin-top:51px;background:#edeee7;border-radius:12px;padding:35px 43px;align-items:center}.save-example .eyebrow{color:#929b81;font-size:8px;letter-spacing:1.5px}.save-example h3{font-size:21px;letter-spacing:-.8px;margin:9px 0 13px}.save-example p{font-size:11px;color:#7e8273;margin:0;line-height:1.9}.save-example p b{font-weight:500;color:#777f68}.folder-tree{background:#f7f8f2;border:1px solid #e1e3d7;border-radius:8px;padding:19px 24px}.folder-tree>b{display:block;font-size:11px;color:#858e73;font-weight:600;margin-bottom:13px}.folder-tree>div{display:flex;gap:11px;font-size:10px;color:#a4a799;line-height:2.4;align-items:center}.folder-tree i{color:#ced1c2;font-family:monospace;font-style:normal}.folder-tree small{margin-left:auto;font-size:8px;color:#a5ab96;white-space:nowrap}.folder-tree .result-file{color:#788a62}
.project-section{padding-block:80px;border-block:1px solid var(--line);background:#f0f0eb}.project-grid{display:grid;grid-template-columns:1fr 1fr;gap:100px;align-items:center}.project-section .eyebrow{font-size:9px;letter-spacing:1.5px;margin-bottom:19px}.project-section h2{font-size:32px;margin-bottom:27px}.project-grid>div>p:not(.eyebrow){font-size:12px;color:#83867c;line-height:2;max-width:430px;margin-bottom:15px}.project-grid>div>p:last-child{margin-bottom:0}.project-details>.eyebrow{color:#8a907b;font-size:8px;letter-spacing:1.6px}.project-details dl{margin:17px 0 0}.project-details dl>div{display:flex;align-items:center;gap:30px;padding:14px 0;border-bottom:1px solid #dcded2;font-size:11px}.project-details dt{color:#949888;font-size:10px;min-width:95px}.project-details dd{color:#74786b;margin:0;font-weight:500}.architecture{display:flex;align-items:center;justify-content:space-between;gap:12px;border:1px solid #d4d8c7;border-radius:7px;padding:17px 20px;margin-top:22px;font-size:9px;color:#78876a}.architecture b{font-weight:400;color:#a8b097}.faq{display:grid;grid-template-columns:.7fr 1.3fr;gap:90px}.faq .eyebrow{font-size:9px;margin-bottom:17px}.faq h2{font-size:30px}.faq-list{border-top:1px solid #d3d3cb}.faq details{border-bottom:1px solid #dfdfd6;padding:21px 0}.faq summary{font-size:12px;font-weight:550;cursor:pointer;list-style:none;display:flex;justify-content:space-between;align-items:center;gap:20px}.faq summary::-webkit-details-marker{display:none}.faq summary>span{font-size:18px;color:#a7a3b0;font-weight:400;flex-shrink:0;line-height:1.1}.faq details[open] summary>span{transform:rotate(45deg)}.faq details p{color:#85867d;font-size:11px;line-height:1.9;margin:15px 23px 0 0}
.download-section{padding-bottom:75px}.download-panel{background:var(--purple);padding:53px 61px;color:white;border-radius:13px;display:flex;align-items:center;justify-content:space-between;gap:40px;position:relative;overflow:hidden}.download-panel:after{content:"";position:absolute;inset:auto -130px -230px auto;width:510px;height:510px;border:1px solid #ffffff0b;border-radius:50%;box-shadow:0 0 0 50px #ffffff03,0 0 0 100px #ffffff03;pointer-events:none}.download-panel>div{position:relative;z-index:1}.download-panel .eyebrow{color:#e1d9fa;font-size:9px;margin-bottom:14px}.download-panel h2{font-size:33px;line-height:1.4;letter-spacing:-1.3px;margin:0 0 14px}.download-panel p{font-size:11px;color:#e0d8f7;margin-bottom:0}.download-panel-action{text-align:center;max-width:340px;flex-shrink:0}.download-button{background:#fff;color:#7560d2;min-width:265px;box-shadow:0 6px 15px #46318f12}.download-button:hover{transform:translateY(-2px);background:#f8f6ff}.download-panel-action>span{display:block;font-size:8px;letter-spacing:1px;color:#ddd2f9;margin-top:15px}.download-panel-action>p{font-size:9px;margin-top:6px;color:#e0d6fa}.download-panel-action .security-note{margin:15px 0 0;padding:12px;border:1px solid #ffffff36;border-radius:7px;display:block;background:#ffffff0b;font-size:10px;line-height:1.9;color:#f5f0ff}.footer{display:flex;align-items:center;gap:20px;border-top:1px solid var(--line);padding-block:30px;font-size:9px;color:#969a8c}.footer .logo{font-size:23px;gap:7px;letter-spacing:-1.2px;color:#54574f}.footer .logo-icon{width:26px;height:26px;font-size:20px;border-radius:7px}.footer>p{margin:0 0 0 13px;font-size:10px}.footer>span{margin-left:auto;font-size:8px}.back-top{margin-left:23px;font-size:9px;white-space:nowrap}@keyframes live-motion{from{transform:translateX(-2px) scale(1.01)}to{transform:translateX(2px) scale(1.025)}}
@media(max-width:1150px){.wrap{width:calc(100% - 64px)}.hero{gap:24px;padding-block:75px 85px}.hero h1{font-size:49px;letter-spacing:-2.5px}.hero-description{font-size:12px}.hero-actions{gap:14px}.hero .button{padding:13px 15px;font-size:10px;gap:8px;min-height:47px}.hero .button .icon{width:16px}.text-link{font-size:10px}.demo-sidebar{width:63px;padding-inline:5px}.demo-sidebar>b{font-size:17px}.demo-nav{font-size:5px}.demo-main{padding:16px 12px}.demo-title h2{font-size:12px}.demo-grid{gap:7px}.demo-files,.demo-settings{padding:8px}.demo-app{min-height:320px}.demo-file{gap:5px}.demo-file b{font-size:6px}.demo-file small{font-size:4.5px}.demo-submit{font-size:6px;padding-inline:5px}.demo-options{gap:3px}.demo-options>span{font-size:5px}.format-strip .wrap{flex-wrap:wrap;justify-content:center;gap:12px}.format-strip .wrap>div{gap:24px}.feature-card{padding:24px 21px}.feature-card h3{font-size:22px}.feature-card p{font-size:10px}.resize-demo{gap:10px}.resize-demo>div{width:80px}.resize-demo dd{font-size:11px}.iphone-grid,.project-grid{gap:65px}.iphone-section h2{font-size:37px}.iphone-spec{gap:22px}.iphone-spec>span{padding-right:16px}.download-panel{padding:45px}.save-example{padding:32px;gap:32px}.folder-tree{padding:16px}.folder-tree>div{gap:9px;font-size:9px}}
@media(max-width:900px){.logo small{display:none}.header nav{gap:21px;font-size:11px}.header{min-height:95px}.hero{grid-template-columns:1fr;max-width:680px;padding-block:66px 95px;gap:57px}.hero-copy{text-align:center}.hero .eyebrow,.trust-note,.hero-actions{justify-content:center}.hero .security-note{margin-inline:auto;text-align:left}.hero h1{font-size:60px;letter-spacing:-3px}.hero-description{font-size:14px}.hero .button{font-size:12px;padding:15px 22px;min-height:54px}.hero .text-link{font-size:11px}.hero-visual{width:min(610px,100%);margin:auto}.app-window{transform:none}.demo-app{min-height:345px}.demo-sidebar{width:85px;padding-inline:8px}.demo-sidebar>b{font-size:22px}.demo-nav{font-size:7px}.demo-main{padding:24px 20px}.demo-title h2{font-size:17px}.demo-files,.demo-settings{padding:12px}.demo-file b{font-size:8px}.demo-file small{font-size:6px}.demo-grid{gap:12px}.demo-submit{font-size:8px;padding:11px 8px}.demo-options>span{font-size:7px}.demo-settings>b{font-size:8px}.demo-save{font-size:6px}.feature-grid{grid-template-columns:1fr 1fr}.feature-card.lavender{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;column-gap:35px}.feature-card.lavender .card-top{grid-column:1/-1;margin-bottom:22px}.feature-card.lavender h3,.feature-card.lavender p{grid-column:1}.feature-card.lavender .format-flow{grid-column:2;grid-row:2/4}.feature-card{padding:27px}.feature-card h3{font-size:25px}.feature-card p{font-size:12px}.resize-demo{gap:20px}.resize-demo>div{width:110px}.resize-demo dd{font-size:14px}.iphone-grid{gap:40px}.iphone-section h2{font-size:30px;letter-spacing:-1.3px}.iphone-description{font-size:10px}.iphone-spec{gap:12px;flex-wrap:wrap}.iphone-spec>span{padding-right:12px;font-size:8px}.iphone-spec b{font-size:10px}.live-badge{font-size:6px;letter-spacing:.6px}.iphone-section .eyebrow{font-size:8px;letter-spacing:1px}.live-frame{width:230px}.live-scenery{height:150px}.iphone-files{padding:9px 11px}.iphone-files>div{gap:7px;font-size:8px}.iphone-files code,.iphone-files strong{font-size:8px}.iphone-note{font-size:8px}.section{padding-block:78px}.section h2{font-size:32px}.section-heading>p{font-size:10px}.steps{gap:25px}.steps h3{font-size:18px}.steps p{font-size:10px}.save-example{grid-template-columns:1fr 1.15fr;gap:20px;padding:27px}.save-example h3{font-size:17px}.save-example p{font-size:10px}.folder-tree{padding:14px}.folder-tree>div{font-size:8px;gap:7px}.folder-tree small{font-size:6px}.project-grid{gap:45px}.project-section h2{font-size:27px}.project-grid>div>p:not(.eyebrow){font-size:10px}.project-details dl>div{font-size:9px;gap:15px}.project-details dt{min-width:75px;font-size:9px}.architecture{font-size:7px;padding:14px 11px;gap:6px}.faq{gap:40px}.faq h2{font-size:27px}.faq .eyebrow{font-size:8px;letter-spacing:1px}.download-panel{padding:36px;gap:20px}.download-panel h2{font-size:27px}.download-panel-action{max-width:285px}.download-button{min-width:230px;font-size:11px;padding-inline:17px}.footer>p{font-size:8px;margin-left:0}.footer{gap:16px}.back-top{margin-left:0}.footer>span{font-size:7px}}
@media(max-width:600px){.wrap{width:calc(100% - 40px)}.header{min-height:91px;gap:12px}.header nav{display:none}.logo{font-size:25px}.logo-icon{height:31px;width:31px;font-size:23px;border-radius:9px}.nav-download{padding:8px 12px;gap:10px;font-size:10px}.header-download>small{max-width:150px;font-size:7px;line-height:1.5}.hero{padding-block:48px 83px;gap:45px}.hero .eyebrow{font-size:7px;letter-spacing:.9px;gap:7px;margin-bottom:23px}.hero h1{font-size:45px;letter-spacing:-2.4px;line-height:1.3;margin-bottom:26px}.hero-description{font-size:11px;line-height:1.95;margin-bottom:25px}.hero-actions{gap:17px;flex-direction:column}.hero .button{font-size:11px;padding:14px 21px;width:min(315px,100%)}.hero .text-link{font-size:10px}.download-meta{font-size:8px;margin-top:17px}.download-meta span{padding-inline:4px}.security-note{font-size:9px;max-width:330px}.trust-note{font-size:9px;gap:6px}.trust-note .icon{width:12px}.hero-visual:before{inset:-25px -17px}.app-window{border-radius:8px}.window-bar{height:27px;font-size:6px;padding-inline:9px}.demo-app{min-height:260px}.demo-sidebar{width:49px;padding:15px 4px}.demo-sidebar>b{font-size:14px;padding:0 2px}.demo-nav{font-size:4px;padding:6px 3px;margin-top:18px}.demo-sidebar>small{font-size:3px;padding:0}.demo-main{padding:17px 10px 14px}.demo-title{margin-bottom:13px}.demo-title h2{font-size:10px;margin-top:4px;letter-spacing:-.4px}.demo-title div>span{font-size:4px;letter-spacing:.6px}.demo-title>small{font-size:5px;padding:2px 4px}.demo-grid{gap:6px;grid-template-columns:1.05fr 1fr}.demo-files,.demo-settings{padding:7px;border-radius:6px}.demo-drop{height:75px;margin-bottom:6px}.demo-drop>span{font-size:17px}.demo-drop b{font-size:6px}.demo-drop small{font-size:4px}.demo-file{gap:4px;padding:7px 0}.thumbnail,.movie-thumb,.png-thumb{width:19px;height:19px}.movie-thumb .icon{width:12px;height:12px}.png-thumb{font-size:13px}.demo-file b{font-size:5px}.demo-file small{font-size:3.5px}.check{width:10px;height:10px;font-size:6px;border-radius:3px}.demo-settings>b{font-size:5px;margin-bottom:6px}.demo-options{gap:3px;margin-bottom:12px}.demo-options>span{font-size:4px;padding:4px 0}.demo-dimensions{font-size:5px;gap:3px}.demo-dimensions>span{gap:2px;padding:4px}.demo-dimensions small{font-size:4px}.demo-settings p{font-size:4px;margin:6px 0 11px}.demo-submit{font-size:4.5px;padding:8px 5px}.demo-save{font-size:4px;margin-top:5px}.floating-note{bottom:-21px;right:5px;padding:10px 13px;gap:8px;border-radius:7px}.floating-note b{font-size:8px}.floating-note small{font-size:6px}.floating-note>span{width:23px;height:23px;font-size:12px}.hero-visual figcaption{bottom:-47px;font-size:7px}.format-strip .wrap{padding-block:22px;gap:16px}.format-strip p{font-size:9px}.format-strip .wrap>div{gap:17px;justify-content:center;flex-wrap:wrap;row-gap:13px}.format-strip span{font-size:12px}.format-strip i{display:none}.format-strip .purple{font-size:10px}.format-strip small{font-size:8px}.section{padding-block:63px}.section-heading{align-items:flex-start;flex-direction:column;gap:17px;margin-bottom:28px}.eyebrow,.section-heading .eyebrow{font-size:8px;letter-spacing:1.2px;margin-bottom:15px}.section h2{font-size:29px;letter-spacing:-1.3px;line-height:1.4}.section-heading>p{font-size:11px;margin:0}.feature-grid{grid-template-columns:1fr;gap:14px}.feature-card{padding:26px}.feature-card.lavender{grid-column:auto;display:block}.feature-card.lavender .card-top,.card-top{margin-bottom:24px}.feature-card h3{font-size:25px}.feature-card p{font-size:11px;margin-bottom:23px}.format-flow{gap:22px;max-width:300px}.file-tile{width:81px}.card-footnote{font-size:8px}.resize-demo{max-width:290px;gap:30px;padding-bottom:11px}.resize-demo>div{width:135px}.resize-demo>div>span{left:47px}.resize-demo dd{font-size:15px}.resize-demo dl>div{font-size:10px}.resize-demo dl>span{font-size:8px}.iphone-section{padding-block:63px}.iphone-grid{grid-template-columns:1fr;gap:42px}.iphone-section h2{font-size:34px;letter-spacing:-1.6px}.iphone-description{font-size:12px;margin-bottom:26px}.iphone-spec{gap:24px}.iphone-spec>span{padding-right:20px;font-size:8px}.iphone-spec b{font-size:11px}.iphone-section .eyebrow{font-size:7px;letter-spacing:1.2px}.live-badge{font-size:6px;margin-bottom:18px;letter-spacing:.8px}.iphone-visual{max-width:360px}.live-frame{width:250px}.live-scenery{height:166px}.iphone-files{padding:11px 14px}.iphone-files>div{gap:11px}.iphone-files code,.iphone-files strong{font-size:9px}.iphone-note{font-size:8px;margin-top:14px}.outline-tag{font-size:9px;margin-top:1px}.steps{grid-template-columns:1fr;gap:27px;margin-top:32px}.steps article{display:grid;grid-template-columns:50px 1fr;gap:0 13px;padding-top:18px}.steps article>span{grid-row:1/3;display:block;margin-bottom:0;font-size:15px}.steps i{display:block;font-size:17px;margin-top:8px}.steps h3{font-size:19px;margin-bottom:10px}.steps p{font-size:11px}.save-example{grid-template-columns:1fr;gap:26px;padding:26px;margin-top:35px}.save-example h3{font-size:20px}.save-example p{font-size:11px}.folder-tree{padding:17px 14px}.folder-tree>div{font-size:9px;gap:7px}.folder-tree small{font-size:7px}.project-section{padding-block:60px}.project-grid{grid-template-columns:1fr;gap:35px}.project-section h2{font-size:28px}.project-grid>div>p:not(.eyebrow){font-size:11px;max-width:none}.project-details dl>div{font-size:10px;padding-block:14px;gap:25px}.project-details dt{font-size:9px;min-width:90px}.architecture{font-size:9px;padding:15px 18px}.faq{grid-template-columns:1fr;gap:28px}.faq h2 br{display:none}.faq .eyebrow{font-size:8px}.faq details{padding-block:20px}.faq summary{font-size:11px;line-height:1.8}.faq details p{font-size:10px}.download-section{padding-bottom:45px}.download-panel{flex-direction:column;text-align:center;padding:38px 24px;gap:30px}.download-panel h2{font-size:29px}.download-panel p{font-size:10px}.download-panel-action{width:100%;max-width:340px}.download-button{min-width:0;width:100%;font-size:11px;gap:12px}.download-panel-action>span{font-size:7px;margin-top:13px}.download-panel-action>p{font-size:9px}.download-panel-action .security-note{font-size:9px}.footer{flex-wrap:wrap;gap:14px;padding-block:24px}.footer .logo{font-size:22px}.footer .logo-icon{height:26px;width:26px;font-size:20px}.footer>p{font-size:8px;margin-left:auto}.footer>span{margin-left:0;width:calc(100% - 76px);font-size:7px}.back-top{margin-left:auto;font-size:8px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}