
:root{--bg:#F7F6F3;--surface:#FFFEFA;--text:#28292E;--muted:#66636D;--border:#D8D5DE;--accent:#6550A5;--accent-light:#EAE4F4;--accent-ink:#513F87;--focus:#6550A5;--dark:#27282E;--max:1180px;--section:112px;color-scheme:light;font-family:-apple-system,BlinkMacSystemFont,"Helvetica Neue",Arial,sans-serif;font-size:16px;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}html{scroll-behavior:auto}body{margin:0;background:var(--bg);color:var(--text)}a{color:inherit;text-decoration:none}button,input{font:inherit}button,a,summary{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:not-allowed}a:focus-visible,button:focus-visible,summary:focus-visible,input:focus-visible{outline:3px solid var(--focus);outline-offset:5px}img{max-width:100%;display:block}button{color:inherit}h1,h2,h3,p{margin:0}h1,h2,h3{text-wrap:balance}p{text-wrap:pretty;line-height:1.6}h1{font-size:76px;line-height:1.025;letter-spacing:-.065em;font-weight:620}h2{font-size:48px;line-height:1.08;letter-spacing:-.045em;font-weight:610}h3{font-size:24px;line-height:1.22;letter-spacing:-.025em;font-weight:600}small{font-size:13px;line-height:1.5}.wrap{width:min(var(--max),calc(100% - 96px));margin-inline:auto}.skip{position:fixed;inset-block-start:-100px;inset-inline-start:20px;padding:12px;background:var(--text);color:var(--bg);z-index:100}.skip:not(:focus){clip-path:inset(50%)}.skip:focus{inset-block-start:12px}.site-header{height:96px;display:flex;align-items:center;justify-content:space-between;gap:30px}.brand{display:flex;gap:10px;align-items:center;font-size:24px;letter-spacing:-.9px;font-weight:650}.brand img{width:42px;height:42px}.nav{display:flex;align-items:center;gap:30px;font-size:14px;font-weight:500}.nav .current{color:var(--accent);text-decoration:underline;text-underline-offset:8px}.header-right{display:flex;gap:22px;align-items:center}.lang{font-size:13px;display:flex;align-items:center;gap:7px;padding:10px 0}.lang strong{font-weight:650}.lang .inactive{color:var(--muted)}.lang .sep{color:var(--border)}.button{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:50px;padding:12px 23px;border:1px solid transparent;border-radius:8px;font-size:15px;font-weight:560;line-height:1.45;background:var(--text);color:var(--bg);white-space:normal;text-align:center}.button.primary{background:var(--accent);color:#fff}.button.secondary{background:transparent;border-color:var(--border);color:var(--text)}.button.quiet{background:transparent;color:var(--text);padding-inline:8px}.button.small{min-height:40px;padding:9px 16px;font-size:13px}.button.light{background:#F4F1FA;color:#29262F}.button .icon{width:18px;height:18px}.button:disabled{background:#E9E6ED;color:#6B6574;border-color:#D5D0DD}.buttons{display:flex;justify-content:center;gap:14px;align-items:center;flex-wrap:wrap;margin-block-start:29px}.textlink{display:inline-flex;gap:9px;align-items:center;min-height:36px;font-size:15px;font-weight:550;text-decoration:underline;text-underline-offset:5px}.eyebrow{font-size:12px;letter-spacing:.12em;text-transform:uppercase;line-height:1.5;font-weight:600;color:var(--muted);display:flex;align-items:center;gap:9px;margin-block-end:21px}.eyebrow .line{width:27px;height:1px;background:currentColor}.badge{display:inline-flex;align-items:center;gap:7px;font-size:12px;padding:6px 10px;border:1px solid var(--border);border-radius:5px;white-space:nowrap;font-weight:500}.badge.preview{background:#EDE6F6;color:#5F438A;border-color:#CBBBDD}.dot{width:5px;height:5px;border-radius:50%;background:currentColor}.muted{color:var(--muted)}.hero{text-align:center;padding-block:40px 0}.hero .eyebrow{justify-content:center}.hero p.lead{font-size:20px;max-width:610px;margin:24px auto 0;color:var(--muted);line-height:1.5}.hero .meta{font-size:12px;color:var(--muted);margin-block-start:16px}.hero h1 span{color:var(--accent)}.hero .scene{margin-block-start:35px}.scene{height:440px;border-radius:16px;position:relative;overflow:hidden;background:#E5E0EC;text-align:start;isolation:isolate}.scene:before,.scene:after{content:"";position:absolute;width:330px;height:330px;border:1px solid #C9C1D5;transform:rotate(24deg);border-radius:50%;z-index:-1}.scene:before{inset:-170px auto auto -70px;width:500px;height:500px}.scene:after{inset:auto -170px -140px auto}.scene-label{position:absolute;inset:24px auto auto 26px;font-size:11px;letter-spacing:.08em;color:#6A6178;text-transform:uppercase}.scene-caption{display:flex;justify-content:space-between;gap:20px;margin-block-start:15px;color:var(--muted);font-size:12px}.scene-desk{position:absolute;inset:0;z-index:0}.floating-sample{position:absolute;width:226px;border-radius:7px;border:1px solid #D0CAD7;box-shadow:0 12px 26px #30254412;transform:rotate(-8deg);inset:55px auto auto 53px;overflow:hidden;background:#FFFEFA}.floating-sample img{width:100%}.shelf-wrap{position:absolute;width:760px;max-width:84%;inset:95px auto auto 50%;transform:translateX(-50%);z-index:2}.app-shelf{padding:16px;background:#F7F6F3;border-radius:13px;box-shadow:0 2px 3px #332B3B14,0 24px 45px #332B3B25;border:1px solid #D5D1D9;color:#292A2F;line-height:1.4}.app-top{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:600;margin-bottom:13px}.app-top img{width:22px;height:22px}.app-top .shelf-count{font-size:11px;font-weight:400;border:1px solid #D5D1D9;padding:2px 7px;border-radius:4px;color:#6C6671}.app-top .app-hide{margin-inline-start:auto;color:#6C6671;font-weight:400;font-size:11px}.app-top kbd{font:10px inherit;border:1px solid #D5D1D9;background:#fff;padding:1px 4px;border-radius:3px}.thumbs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.thumb{min-width:0}.thumb-frame{position:relative;padding:5px;border:1px solid #D4CFD9;border-radius:7px;background:#ECEAE7}.thumb-frame img{aspect-ratio:1.5;object-fit:cover;border-radius:3px}.thumb.selected .thumb-frame{outline:2px solid #6B54AD;outline-offset:0;background:#E6DFF1}.tick{position:absolute;inset:7px auto auto 7px;border-radius:50%;background:#6B54AD;color:#fff;width:22px;height:22px;display:grid;place-items:center;font-size:14px;box-shadow:0 0 0 2px #F7F6F3}.thumb .filename{font-size:11px;margin-top:6px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.thumb .filemeta{font-size:10px;color:#6C6671;margin-top:2px}.app-bottom{display:flex;gap:7px;align-items:center;margin-block-start:13px;font-size:11px}.app-btn{padding:5px 9px;border:1px solid #D3CED8;border-radius:5px;background:#FFFEFA;color:#36333C;display:flex;align-items:center;gap:5px;white-space:nowrap}.app-btn:first-child{background:#6B54AD;color:#fff;border-color:#6B54AD}.app-btn .icon{width:12px;height:12px}.app-btn:last-child{margin-inline-start:auto}.app-selected{margin-block-start:13px;font-size:11px}.app-selected span{color:#6C6671;margin-inline-start:10px}.destination{position:absolute;inset:auto 43px 27px auto;background:#FFFEFA;width:330px;border:1px solid #D6D1DE;border-radius:12px;padding:15px 17px;box-shadow:0 8px 28px #30254416;z-index:3;color:#292A2F}.destination-top{display:flex;align-items:center;justify-content:space-between;font-size:11px;color:#6C6671;margin-bottom:9px}.destination p{font-size:12px;line-height:1.5}.attachments{display:flex;gap:6px;margin-block-start:9px}.attachments img{width:44px;height:32px;object-fit:cover;border-radius:3px;outline:1px solid #00000014}.attachments span{margin-inline-start:auto;width:25px;height:25px;display:grid;place-items:center;background:#6B54AD;color:white;border-radius:50%;font-size:15px}.drag-tag{position:absolute;inset:auto auto 18px 79px;display:flex;align-items:center;gap:9px;font-size:12px;color:#514661}.drag-tag .icon{width:25px;height:25px;transform:rotate(-15deg)}.keyline{display:flex;gap:24px;justify-content:center;align-items:center;padding-block:29px;font-size:13px;color:var(--muted);border-bottom:1px solid var(--border)}.keyline span{display:flex;align-items:center;gap:7px}.keyline .icon{width:16px;height:16px}.section{padding-block:var(--section)}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:48px;margin-bottom:42px}.section-heading>div{max-width:590px}.section-heading p{max-width:350px;font-size:16px;color:var(--muted)}.section-heading .eyebrow{margin-bottom:17px}.steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px}.step{padding-block-start:23px;border-top:1px solid var(--border)}.step-num{font-size:12px;color:var(--accent);font-variant-numeric:tabular-nums;margin-bottom:29px;display:block}.step h3{font-size:23px;margin-bottom:12px}.step p{font-size:15px;color:var(--muted);max-width:310px}.keycaps{display:flex;gap:6px;margin-top:25px}.keycaps kbd{font-family:inherit;font-size:16px;min-width:36px;height:36px;border:1px solid var(--border);border-radius:5px;display:grid;place-items:center;background:var(--surface);box-shadow:0 2px 0 var(--border)}.step-mini{height:42px;display:flex;align-items:center;gap:6px;margin-top:24px}.step-mini img{height:38px;width:57px;border:1px solid var(--border);border-radius:4px}.step-mini .icon{margin-inline:8px}.split-section{display:grid;grid-template-columns:1.05fr 1fr;gap:80px;align-items:center}.split-section h2{max-width:480px}.split-section p{margin-top:23px;color:var(--muted);font-size:17px;max-width:420px}.split-section .textlink{margin-top:28px}.tools-preview{min-height:400px;background:#E8E3EF;border-radius:12px;padding:35px 28px;position:relative}.editor-mini{background:#F7F6F3;border:1px solid #CCC7D2;border-radius:10px;padding:12px;box-shadow:0 15px 30px #35294B14;color:#28292E}.window-heading{display:flex;align-items:center;gap:5px;font-size:10px;border-bottom:1px solid #D8D5DE;padding-bottom:10px;margin-bottom:10px}.lights{display:flex;gap:4px;margin-inline-end:10px}.lights i{display:block;width:6px;height:6px;border-radius:50%;background:#B9B4C2}.window-heading strong{margin:auto;font-weight:500}.toolsbar{display:flex;gap:5px;font-size:10px;margin-bottom:10px}.toolsbar span{padding:3px 6px;border:1px solid #D8D5DE;border-radius:3px}.toolsbar span.active{background:#6B54AD;color:#fff;border-color:#6B54AD}.edit-canvas{position:relative;background:#DFDCE2;padding:17px;overflow:hidden}.edit-canvas img{width:100%;height:224px;object-fit:cover;object-position:top}.redact{position:absolute;background:#000;height:17px;width:128px;inset:82px 36px auto auto}.redact:after{content:"";position:absolute;inset:-4px;border:1px solid #A992DC}.editor-foot{display:flex;justify-content:space-between;align-items:center;font-size:9px;padding-top:10px}.editor-foot span:last-child{background:#6B54AD;color:#fff;border-radius:4px;padding:4px 8px}.tool-float{position:absolute;inset:auto 6px -21px auto;background:var(--surface);border:1px solid var(--border);border-radius:8px;padding:15px 20px;box-shadow:0 8px 24px #35294B13;font-size:12px;display:flex;align-items:center;gap:11px}.tool-float .icon{color:var(--accent)}.band{background:#ECE9E2;padding-block:80px}.band .section-heading{margin-bottom:32px}.usecases{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px}.usecase{border-top:1px solid #CFCBC5;padding-top:22px}.usecase h3{font-size:20px;margin-bottom:10px}.usecase p{font-size:15px;color:var(--muted);max-width:325px}.usecase .icon{margin-bottom:25px;width:25px;height:25px}.privacy-strip{display:grid;grid-template-columns:60px 1fr auto;gap:25px;align-items:center;padding:32px 0;border-bottom:1px solid var(--border)}.privacy-strip>.icon{width:35px;height:35px;color:var(--accent)}.privacy-strip h3{font-size:21px}.privacy-strip p{font-size:14px;color:var(--muted);max-width:620px;margin-top:7px}.cta-section{text-align:center;padding:90px 24px;background:#28292F;color:#F4F1F8;border-radius:16px}.cta-section h2{font-size:49px}.cta-section p{font-size:17px;color:#C4BFCC;margin:20px auto 0;max-width:520px}.cta-section .buttons{margin-top:26px}.site-footer{padding-block:45px 28px}.footer-top{display:flex;justify-content:space-between;gap:50px}.footer-top .brand{font-size:23px}.footer-copy{font-size:13px;color:var(--muted);max-width:280px;margin-top:15px}.footer-links{display:flex;gap:70px}.footer-links div{display:flex;flex-direction:column;gap:14px;font-size:13px}.footer-links strong{font-size:12px;margin-bottom:4px}.footer-bottom{display:flex;justify-content:space-between;gap:24px;font-size:11px;color:var(--muted);margin-top:57px;padding-top:22px;border-top:1px solid var(--border)}.menu-toggle{display:none;background:transparent;border:1px solid var(--border);width:42px;height:42px;border-radius:6px;align-items:center;justify-content:center}.subhero{padding-block:65px 68px;max-width:850px}.subhero h1{font-size:66px;line-height:1.07}.subhero .lead{max-width:620px;font-size:19px;color:var(--muted);margin-top:23px}.anchorlinks{display:flex;flex-wrap:wrap;gap:24px;font-size:13px;margin-top:30px}.anchorlinks a{flex:0 0 auto;border-bottom:1px solid var(--border);padding-block:4px 7px;min-height:32px}.feature-row{display:grid;grid-template-columns:1fr 1.1fr;gap:80px;align-items:center;padding-block:68px;border-top:1px solid var(--border)}.feature-row.flip{grid-template-columns:1.1fr 1fr}.feature-row.flip>.feature-visual{order:-1}.feature-row .eyebrow{margin-bottom:15px}.feature-row h2{font-size:40px}.feature-row p{margin-top:20px;color:var(--muted);font-size:16px;max-width:440px}.feature-row ul{list-style:none;padding:0;margin:24px 0 0;display:flex;flex-direction:column;gap:13px;font-size:14px}.feature-row li{display:flex;align-items:center;gap:10px}.feature-row li .icon{color:var(--accent);width:17px;height:17px}.feature-visual{background:#E7E2ED;border-radius:12px;padding:25px;min-width:0;overflow:hidden}.feature-visual .app-shelf{width:650px;transform:scale(.73);transform-origin:top left;margin-bottom:-69px}.feature-visual.shelf-feature{height:268px;padding-top:40px}.feature-visual .editor-mini{max-width:480px;margin:auto}.feature-visual .edit-canvas img{height:195px}.resize-card{background:#F7F6F3;padding:22px;border:1px solid #D5D0DC;border-radius:10px;color:#292A2F}.resize-card h4{font-size:16px;margin:0 0 6px}.resize-card>p{font-size:11px;color:#67616E;margin:0 0 22px}.resize-fields{display:flex;gap:15px;align-items:end;margin:18px 0}.resize-field{flex:1}.resize-field label{display:block;font-size:11px;color:#67616E;margin-bottom:5px}.resize-field div{background:#FFFEFA;padding:9px 10px;border:1px solid #D0CAD7;border-radius:5px;font-size:16px;font-variant-numeric:tabular-nums}.resize-field span{float:right;font-size:11px;margin-top:3px;color:#67616E}.formats{display:flex;border:1px solid #D5D0DC;border-radius:5px;overflow:hidden;font-size:12px;margin-top:16px}.formats span{flex:1;text-align:center;padding:7px}.formats span:first-child{background:#E7E0F1;color:#514081}.cloud-preview{background:#EAE6EF;border-radius:12px;padding:36px;display:grid;grid-template-columns:1.2fr 1fr;gap:50px;margin:30px 0 88px}.cloud-preview h2{font-size:36px;margin-top:17px}.cloud-preview p{color:var(--muted);font-size:15px;margin-top:19px;max-width:470px}.connection{display:flex;align-items:center;gap:13px;padding:20px;border:1px solid #D6CFE1;border-radius:8px;background:#F7F6F3;margin-bottom:12px;font-size:14px}.connection>.icon{width:25px;height:25px}.connection strong{font-weight:550}.connection span{margin-inline-start:auto;font-size:11px;color:#67616E}.ocr-note{background:#FFFEFA;border:1px solid #D6CFE1;border-radius:8px;padding:28px;box-shadow:0 7px 16px #29242E08}.ocr-note .label{font:11px ui-monospace,monospace;color:#70677A;letter-spacing:.05em}.ocr-note pre{font:15px/1.8 ui-monospace,monospace;white-space:pre-wrap;color:#302936;margin:19px 0}.ocr-note .copied{display:flex;align-items:center;gap:8px;font-size:12px;color:#6550A5;border-top:1px solid #DFD9E6;padding-top:16px}.download-layout{display:grid;grid-template-columns:1fr 460px;gap:100px;align-items:center;padding-block:70px 95px}.download-layout h1{font-size:66px}.download-layout .lead{font-size:19px;color:var(--muted);margin-top:22px;max-width:470px}.download-card{background:#FFFEFA;border:1px solid var(--border);border-radius:16px;padding:40px;text-align:center;box-shadow:0 15px 40px #342E4208}.download-card>img{width:112px;height:112px;margin:0 auto 21px}.download-card h2{font-size:29px}.download-card .status{font-size:13px;color:var(--accent);margin:16px 0 24px;display:flex;justify-content:center;gap:7px;align-items:center}.download-card .button{width:100%}.download-card .status-note{font-size:13px;color:var(--muted);margin:16px 0 0}.requirements{margin:25px 0 0;padding-top:20px;border-top:1px solid var(--border);display:flex;justify-content:space-between;font-size:11px;color:var(--muted)}.side-notes{display:flex;flex-direction:column;gap:22px;margin-top:35px}.side-note{display:flex;gap:14px;font-size:14px;align-items:center}.side-note .icon{color:var(--accent);width:20px}.faq{max-width:820px;margin:auto;padding-block:80px}.faq h2{margin-bottom:35px;font-size:40px}.faq details{padding:22px 0;border-bottom:1px solid var(--border)}.faq summary{cursor:pointer;list-style:none;font-size:17px;font-weight:500;display:flex;justify-content:space-between;gap:24px;line-height:1.5}.faq summary::-webkit-details-marker{display:none}.faq summary .icon{flex:none;margin-top:3px}.faq details[open] summary .icon{transform:rotate(45deg)}.faq details p{font-size:15px;color:var(--muted);margin:16px 45px 0 0;max-width:680px}.help-layout{display:grid;grid-template-columns:225px 1fr;gap:70px;margin-block:40px 110px}.help-sidebar{border-inline-end:1px solid var(--border);padding-inline-end:30px;font-size:13px;display:flex;flex-direction:column;gap:18px}.help-sidebar strong{font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin:6px 0}.help-sidebar a.active{color:var(--accent);font-weight:600}.help-article{max-width:750px;min-width:0}.breadcrumb{font-size:12px;color:var(--muted);margin-bottom:28px}.help-article h1{font-size:51px;line-height:1.1}.help-article .article-lead{font-size:18px;color:var(--muted);margin:22px 0 32px}.article-meta{display:flex;gap:18px;font-size:12px;color:var(--muted);padding-bottom:25px;border-bottom:1px solid var(--border)}.article-step{padding-top:39px}.article-step h2{font-size:25px;display:flex;gap:14px;align-items:center;letter-spacing:-.02em}.article-step .number{width:28px;height:28px;background:var(--accent-light);color:var(--accent-ink);font-size:12px;display:grid;place-items:center;flex:none;border-radius:50%}.article-step p{font-size:16px;color:var(--muted);margin-top:17px}.help-shelf{margin-top:25px;background:#E8E3EF;padding:24px;border-radius:10px}.help-shelf .app-shelf{box-shadow:0 9px 18px #332B3B14}.callout{background:#ECE8F2;border-inline-start:3px solid var(--accent);padding:22px 25px;margin-top:30px;border-radius:0 6px 6px 0}.callout h3{font-size:16px;letter-spacing:0}.callout p{font-size:14px;color:var(--muted);margin-top:10px}.article-end{padding-top:25px;border-top:1px solid var(--border);margin-top:40px;display:flex;justify-content:space-between;gap:20px;font-size:14px}.article-end a{text-decoration:underline;text-underline-offset:5px}.privacy-page{max-width:840px;margin:45px auto 100px}.privacy-page h1{font-size:60px}.privacy-page>p{font-size:18px;color:var(--muted);margin-top:25px}.privacy-grid{display:grid;grid-template-columns:1fr 1fr;gap:36px;margin-top:50px}.privacy-grid article{border-top:1px solid var(--border);padding-top:25px}.privacy-grid h2{font-size:25px}.privacy-grid p{font-size:15px;color:var(--muted);margin-top:15px}.privacy-page .callout{margin-top:45px}.demo-steps{display:flex;gap:10px;justify-content:center;margin-top:24px;flex-wrap:wrap}.demo-step{min-height:42px;padding:10px 17px;background:transparent;border:1px solid var(--border);border-radius:6px;color:var(--muted);font-size:13px;display:flex;align-items:center;gap:10px}.demo-step[aria-pressed="true"]{background:var(--accent);color:#fff;border-color:var(--accent)}.demo-step .no{font-size:11px;opacity:.85}.demo-description{text-align:center;font-size:13px;color:var(--muted);margin:16px auto 0;max-width:650px;min-height:42px}.demo-stage{background:#E8E3EF;border-radius:13px;padding:40px;min-height:355px;display:flex;align-items:center;justify-content:center}.demo-inner{max-width:800px;width:100%}.demo-inner .app-shelf{box-shadow:0 18px 30px #332B3B1C}.demo-inner[data-stage="1"] .thumb:nth-child(n+3){opacity:.35}.demo-inner[data-stage="3"] .app-shelf{outline:2px solid #9A87C2;outline-offset:6px}.demo-state-label{display:flex;justify-content:space-between;font-size:12px;color:#6A6178;margin-bottom:18px}.variant-b{--bg:#24252B;--surface:#303138;--text:#F5F2F8;--muted:#B9B4C1;--border:#48464F;--accent:#C6B3EE;--accent-light:#3C344B;--accent-ink:#E5D9FA;--focus:#D0BDF7;color-scheme:dark}.variant-b .button.primary{background:#C6B3EE;color:#2A203D}.variant-b .site-header{border-bottom:1px solid var(--border)}.variant-b .hero{display:grid;grid-template-columns:.95fr 1.15fr;gap:35px;text-align:start;padding-block:90px 75px;align-items:center}.variant-b .hero .eyebrow{justify-content:start}.variant-b .hero h1{font-size:68px}.variant-b .hero p.lead{font-size:19px;margin-inline:0;max-width:440px}.variant-b .hero .buttons{justify-content:start}.variant-b .hero .scene{margin:0;background:#333039;height:535px;border:1px solid #49434F;overflow:hidden}.variant-b .hero .scene:before,.variant-b .hero .scene:after{border-color:#51475D}.variant-b .hero .scene-label{color:#C0B4CD}.variant-b .hero .shelf-wrap{width:720px;max-width:none;transform:scale(.75);transform-origin:0 0;inset:160px auto auto 24px}.variant-b .hero .floating-sample{width:245px;inset:60px auto auto 73px;transform:rotate(-9deg);opacity:.9}.variant-b .hero .destination{right:24px;bottom:37px;width:280px;background:#36313D;border-color:#5B5066;color:#F4F0F9}.variant-b .hero .destination-top{color:#C3BACD}.variant-b .hero .drag-tag{left:28px;bottom:60px;color:#C8BED3;font-size:11px}.variant-b .app-shelf.dark-app{background:#2D2E35;color:#F4F1F8;border-color:#5C5866}.dark-app .app-top .shelf-count,.dark-app .app-top kbd{color:#BFB9C8;background:#3D3C45;border-color:#5C5866}.dark-app .app-top .app-hide,.dark-app .thumb .filemeta,.dark-app .app-selected span{color:#BBB5C6}.dark-app .thumb-frame{background:#3A3742;border-color:#5D5769}.dark-app .thumb.selected .thumb-frame{outline-color:#C6B3EE;background:#514661}.dark-app .tick{background:#BCA6E4;color:#251D32;box-shadow:0 0 0 2px #2D2E35}.dark-app .app-btn{background:#3D3A46;color:#F2ECF9;border-color:#5D5769}.dark-app .app-btn:first-child{background:#C6B3EE;color:#2A203D}.variant-b .keyline{justify-content:space-between}.variant-b .band{background:#302E36}.variant-b .usecase{border-color:#514B59}.variant-b .tools-preview{background:#3E354D}.variant-b .cta-section{background:#DAD0EB;color:#28232F}.variant-b .cta-section p{color:#5C5269}.variant-b .cta-section .button{background:#29242F;color:#F4EFF8}.variant-c{--bg:#FBFAF7;--accent:#51466D;--accent-light:#E9E5EF;--accent-ink:#51466D;--border:#D9D5CE}.variant-c .site-header{height:110px;border-bottom:1px solid var(--border)}.variant-c .hero{text-align:start;display:grid;grid-template-columns:1fr 1fr;gap:54px;padding:70px 0;align-items:center}.variant-c .hero .eyebrow{justify-content:start}.variant-c h1{font-family:Georgia,"Times New Roman",serif;font-weight:400;font-size:86px;line-height:1.03;letter-spacing:-.055em}.variant-c h1 em{font-weight:400;color:#67578A}.variant-c .hero p.lead{font-size:18px;max-width:410px;margin-inline:0}.variant-c .hero .buttons{justify-content:start}.variant-c .hero .scene{margin:0;height:500px;background:#E6E1D6;border-radius:0}.variant-c .hero .scene:before,.variant-c .hero .scene:after{display:none}.variant-c .hero .shelf-wrap{width:700px;max-width:none;transform:scale(.72);transform-origin:0 0;inset:165px auto auto 25px}.variant-c .hero .floating-sample{width:250px;top:38px;left:42px;transform:rotate(-5deg)}.variant-c .hero .destination{bottom:24px;right:21px;width:280px}.variant-c .hero .drag-tag{left:27px;bottom:48px;font-size:11px}.variant-c .hero .scene-label{display:none}.variant-c h2{font-family:Georgia,"Times New Roman",serif;font-weight:400;font-size:52px;letter-spacing:-.04em}.variant-c .keyline{border-top:1px solid var(--border);padding-block:22px}.variant-c .button{border-radius:3px}.variant-c .button.primary{background:#302D35;color:#fff}.variant-c .steps{gap:50px}.variant-c .step-num{font-family:Georgia,serif;font-size:26px;margin-bottom:18px}.variant-c .step h3{font-size:21px}.variant-c .band{background:#EBE6DD}.variant-c .tools-preview{border-radius:0;background:#E7E2D6}.variant-c .cta-section{border-radius:0;background:#E9E3D8;color:#302D35}.variant-c .cta-section p{color:#68616C}.variant-c .cta-section .button{background:#302D35;color:white}.tr-page h1{font-size:70px}.comparison-note{font-size:13px;color:var(--muted);max-width:650px;margin-top:18px}
@media(hover:hover){a:hover{text-decoration-color:currentColor}.nav a:hover,.footer-links a:hover{text-decoration:underline;text-underline-offset:5px}.button:hover{filter:brightness(.95)}.demo-step:hover{border-color:var(--accent)}}
@media(prefers-reduced-motion:no-preference){.button,.demo-step{transition:background-color 150ms,color 150ms,opacity 150ms}.button:active{transform:scale(.96)}}
@media(forced-colors:active){a:focus-visible,button:focus-visible,summary:focus-visible{outline-color:Highlight}.thumb.selected .thumb-frame{outline:2px solid Highlight}}
@media(max-width:1150px){.wrap{width:calc(100% - 64px)}.nav{gap:20px}.header-right{gap:18px}.variant-b .hero,.variant-c .hero{gap:25px}.variant-b .hero h1{font-size:59px}.variant-c h1{font-size:68px}.variant-b .hero .shelf-wrap,.variant-c .hero .shelf-wrap{transform:scale(.60)}.variant-b .hero .destination,.variant-c .hero .destination{width:250px}.variant-b .hero .drag-tag,.variant-c .hero .drag-tag{bottom:180px}.split-section{gap:45px}.feature-row{gap:45px}.feature-visual.shelf-feature .app-shelf{transform:scale(.58);margin-bottom:-113px}.download-layout{gap:50px;grid-template-columns:1fr 420px}}
@media(max-width:900px){:root{--section:80px}.wrap{width:calc(100% - 48px)}.site-header{height:82px;gap:20px}.header-right{margin-inline-start:auto}.nav{display:none;position:absolute;inset:82px 24px auto 24px;background:var(--surface);border:1px solid var(--border);border-radius:8px;padding:20px;z-index:30;box-shadow:0 15px 30px #00000015}.nav.open{display:flex;flex-direction:column;align-items:start;gap:0}.nav a{padding:12px;width:100%}.menu-toggle{display:flex}.hero{padding-top:42px}h1{font-size:62px}.hero p.lead{font-size:18px}.scene{height:440px}.shelf-wrap{width:690px;max-width:90%;top:95px}.destination{width:290px;right:22px;bottom:22px}.drag-tag{left:28px;bottom:70px}.floating-sample{width:190px;left:34px;top:50px}.keyline{gap:18px;flex-wrap:wrap;font-size:12px}.section-heading{gap:30px;align-items:start}.section-heading p{max-width:275px}.section-heading h2{font-size:40px}.steps{gap:25px}.step h3{font-size:20px}.step p{font-size:14px}.split-section{gap:36px}.split-section h2{font-size:39px}.tools-preview{padding:20px;min-height:350px}.edit-canvas img{height:195px}.tool-float{font-size:11px;padding:12px;right:0}.usecases{gap:22px}.privacy-strip{grid-template-columns:40px 1fr;gap:20px}.privacy-strip>.textlink{grid-column:2}.footer-links{gap:35px}.variant-b .hero,.variant-c .hero{display:block;padding-top:48px}.variant-b .hero h1{font-size:66px}.variant-c h1{font-size:76px}.variant-b .hero .scene,.variant-c .hero .scene{height:455px;margin-top:40px}.variant-b .hero .shelf-wrap,.variant-c .hero .shelf-wrap{width:700px;max-width:90%;transform:translateX(-50%);inset:95px auto auto 50%}.variant-b .hero .destination,.variant-c .hero .destination{width:280px;right:25px;bottom:25px}.variant-b .hero .drag-tag,.variant-c .hero .drag-tag{bottom:62px}.variant-b .hero .floating-sample,.variant-c .hero .floating-sample{top:35px;left:30px;width:190px}.variant-c .site-header{height:82px}.feature-row,.feature-row.flip{grid-template-columns:1fr;gap:30px}.feature-row.flip>.feature-visual{order:0}.feature-visual{max-width:650px;width:100%}.feature-visual.shelf-feature{height:auto;padding:24px}.feature-visual.shelf-feature .app-shelf{width:100%;transform:none;margin:0}.cloud-preview{grid-template-columns:1fr;gap:25px}.download-layout{grid-template-columns:minmax(0,1fr);gap:40px;max-width:650px}.download-card{width:100%;max-width:460px}.download-layout h1{font-size:53px}.download-card{padding:28px}.help-layout{grid-template-columns:170px 1fr;gap:32px}.help-article h1{font-size:43px}.help-shelf{padding:15px}.help-shelf .thumbs{gap:8px}.help-shelf .thumb:last-child{display:none}.help-shelf .thumbs{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:620px){:root{--section:64px}.wrap{width:calc(100% - 40px)}.site-header{height:78px;gap:12px}.brand{font-size:21px;gap:7px}.brand img{width:35px;height:35px}.header-right{gap:16px}.header-right>.button{display:none}.lang{font-size:12px}.lang .icon{display:none}.menu-toggle{width:36px;height:36px}.nav{top:78px;left:20px;right:20px}h1{font-size:46px;letter-spacing:-.055em;line-height:1.09}.tr-page h1{font-size:43px}.hero{text-align:start;padding-top:39px}.hero .eyebrow{justify-content:start;font-size:10px;letter-spacing:.09em;margin-bottom:18px}.hero p.lead{font-size:17px;margin:20px 0 0;max-width:100%}.hero .buttons{justify-content:start;gap:12px;margin-top:25px}.button{min-height:48px;padding:12px 18px;font-size:14px}.hero .meta{font-size:11px}.hero .scene{margin-top:34px}.scene{height:380px;border-radius:10px;overflow:hidden}.scene-label{font-size:9px;top:17px;left:17px}.shelf-wrap{width:640px;max-width:none;inset:89px auto auto 16px;transform:scale(.49);transform-origin:0 0}.floating-sample{width:148px;inset:43px auto auto 35px;transform:rotate(-7deg)}.destination{width:235px;right:15px;bottom:18px;padding:12px;border-radius:8px}.destination-top{font-size:10px}.destination p{font-size:11px}.attachments img{width:38px;height:28px}.drag-tag{font-size:10px;left:20px;bottom:145px;gap:6px}.drag-tag .icon{width:19px;height:19px}.scene-caption{font-size:10px;gap:15px}.scene-caption span:last-child{max-width:135px;text-align:end}.keyline{justify-content:start;gap:14px 24px;padding-block:24px;font-size:11px}.keyline span:last-child{display:none}.section-heading{display:block;margin-bottom:30px}.section-heading h2,h2{font-size:35px;line-height:1.13}.section-heading p{max-width:none;margin-top:18px;font-size:16px}.eyebrow{font-size:10px;margin-bottom:16px}.steps{grid-template-columns:1fr;gap:28px}.step{position:relative;padding:22px 0 0 43px}.step-num{position:absolute;left:0;top:26px;font-size:11px}.step h3{font-size:23px}.step p{font-size:15px;max-width:none}.keycaps{margin-top:18px}.step-mini{margin-top:15px}.split-section{grid-template-columns:1fr;gap:34px}.split-section h2{font-size:35px}.split-section p{font-size:16px;margin-top:18px}.tools-preview{min-height:330px;padding:20px 16px}.edit-canvas{padding:12px}.edit-canvas img{height:170px}.toolsbar{font-size:9px}.editor-foot{font-size:8px}.tool-float{bottom:-15px}.band{padding-block:58px}.usecases{grid-template-columns:1fr;gap:27px}.usecase{position:relative;padding-inline-start:43px}.usecase>.icon{position:absolute;left:0;top:23px;width:22px;height:22px}.usecase h3{font-size:21px}.usecase p{max-width:none;font-size:15px}.privacy-strip{grid-template-columns:30px 1fr;gap:16px}.privacy-strip>.icon{width:27px;height:27px;align-self:start;margin-top:5px}.privacy-strip h3{font-size:20px}.privacy-strip p{font-size:14px}.privacy-strip .textlink{font-size:13px}.cta-section{padding:54px 22px;border-radius:11px}.cta-section h2{font-size:36px}.cta-section p{font-size:16px}.footer-top{display:block}.footer-links{gap:58px;margin-top:34px}.footer-bottom{display:block;line-height:1.6;margin-top:40px}.footer-bottom span{display:block;margin-top:9px}.site-footer{padding-top:33px}.subhero{padding:45px 0 40px}.subhero h1{font-size:45px}.subhero .lead{font-size:17px;margin-top:20px}.anchorlinks{gap:16px;font-size:12px}.feature-row{padding-block:42px;gap:27px}.feature-row h2{font-size:33px}.feature-row p{font-size:15px}.feature-row li{font-size:13px;align-items:start}.feature-row li .icon{flex:none;margin-top:1px}.feature-visual{padding:16px}.feature-visual.shelf-feature{height:200px;padding:20px 12px}.feature-visual.shelf-feature .app-shelf{width:650px;transform:scale(.47);transform-origin:0 0}.feature-visual .edit-canvas img{height:160px}.cloud-preview{padding:24px;margin:15px 0 55px}.cloud-preview h2{font-size:29px}.cloud-preview p{font-size:14px}.connection{padding:16px;font-size:13px;gap:10px}.connection span{font-size:10px}.resize-card{padding:16px}.resize-fields{gap:10px}.resize-field div{font-size:15px}.ocr-note{padding:22px}.ocr-note pre{font-size:13px}.download-layout{grid-template-columns:1fr;gap:38px;padding:40px 0 60px}.download-layout h1{font-size:49px}.download-layout .lead{font-size:17px}.side-notes{gap:17px;margin-top:28px}.side-note{font-size:13px}.download-card{padding:30px 24px}.download-card>img{width:100px;height:100px}.faq{padding-block:55px}.faq h2{font-size:33px}.faq summary{font-size:16px;gap:15px}.faq details p{margin-right:0;font-size:14px}.help-layout{grid-template-columns:minmax(0,1fr);gap:30px;margin-block:27px 70px}.help-sidebar{flex-direction:row;flex-wrap:wrap;gap:12px 20px;border:0;border-bottom:1px solid var(--border);padding:0 0 20px}.help-sidebar strong,.help-sidebar a:nth-last-child(-n+2){display:none}.help-sidebar a{font-size:12px}.help-article h1{font-size:40px}.help-article .article-lead{font-size:17px}.article-step h2{font-size:23px}.article-step p{font-size:15px}.help-shelf{height:180px;overflow:hidden;padding:20px 12px}.help-shelf .app-shelf{width:620px;transform:scale(.48);transform-origin:0 0}.help-shelf .thumbs{grid-template-columns:repeat(4,minmax(0,1fr))}.help-shelf .thumb:last-child{display:block}.callout{padding:20px}.article-end{font-size:12px}.privacy-page{margin:35px 0 65px}.privacy-page h1{font-size:44px}.privacy-page>p{font-size:17px}.privacy-grid{grid-template-columns:1fr;gap:29px;margin-top:35px}.privacy-grid h2{font-size:25px}.demo-stage{padding:24px 12px;min-height:240px;overflow:hidden;display:block}.demo-inner{width:650px;max-width:none;transform:scale(.48);transform-origin:0 0;margin-bottom:-135px}.demo-state-label{font-size:15px}.demo-steps{gap:7px}.demo-step{padding:10px 12px;font-size:12px;gap:5px;flex:1;justify-content:center}.demo-description{font-size:12px;min-height:55px;margin-top:14px}.variant-b .hero,.variant-c .hero{padding-top:40px;padding-bottom:45px}.variant-b .hero h1{font-size:49px}.variant-c h1{font-size:58px}.variant-b .hero .scene,.variant-c .hero .scene{height:380px;margin-top:34px}.variant-b .hero .shelf-wrap,.variant-c .hero .shelf-wrap{inset:90px auto auto 16px;width:640px;max-width:none;transform:scale(.49);transform-origin:0 0}.variant-b .hero .destination,.variant-c .hero .destination{width:235px;right:15px;bottom:18px}.variant-b .hero .floating-sample,.variant-c .hero .floating-sample{top:40px;left:30px;width:155px}.variant-b .hero .drag-tag,.variant-c .hero .drag-tag{bottom:118px;left:20px;font-size:10px}.variant-b .hero p.lead,.variant-c .hero p.lead{font-size:17px}.variant-c .site-header{height:78px}.variant-c h2{font-size:39px}.variant-c .step-num{font-size:20px;top:21px}.variant-c .keyline{padding-block:20px}}
@media(max-width:370px){.wrap{width:calc(100% - 32px)}.header-right{gap:10px}.brand{font-size:19px}.brand img{width:31px;height:31px}h1{font-size:40px}.tr-page h1{font-size:38px}.hero .buttons{gap:10px}.hero .button{font-size:13px;padding:11px 13px}.shelf-wrap,.variant-b .hero .shelf-wrap,.variant-c .hero .shelf-wrap{transform:scale(.42);left:12px}.scene{height:350px}.feature-visual.shelf-feature .app-shelf{transform:scale(.40)}.help-shelf .app-shelf{transform:scale(.40)}.demo-inner{transform:scale(.40);margin-bottom:-160px}.demo-stage{min-height:215px}.variant-b .hero h1{font-size:43px}.variant-c h1{font-size:52px}.variant-b .hero .scene,.variant-c .hero .scene{height:350px}.lang{font-size:11px}.site-header{gap:8px}.feature-visual.shelf-feature{height:180px}}

/* A — Porselen Studio: selected direction, Made for work revision. */
.work-section{padding-block:84px 88px;margin-bottom:100px;background:#EDEAE4;border-block:1px solid #E0DCD3;scroll-margin-top:28px}
.work-section .section-heading{align-items:end;margin-bottom:36px}
.work-section h2{font-size:52px;max-width:570px}
.work-section .section-heading>p{max-width:400px}
.work-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.work-card{min-width:0;background:var(--surface);border:1px solid #D8D3DD;border-radius:12px;overflow:hidden}
.work-visual{height:254px;padding:28px 22px;display:flex;align-items:center;justify-content:center;background:#E5DFED;border-bottom:1px solid #D8D3DD;overflow:hidden;color:#28292E}
.work-visual>div{width:100%;min-width:0}
.work-visual-design{background:#E2E4D8}
.work-visual-ai{background:#E7E2EF}
.work-draft,.work-review,.work-chat{background:#FFFEFA;border:1px solid #CEC7D7;border-radius:9px;box-shadow:0 12px 22px #30254412;overflow:hidden}
.work-windowbar{height:35px;border-bottom:1px solid #E3DFE8;padding:0 12px;display:flex;align-items:center;gap:7px;font-size:10px;color:#67606E;white-space:nowrap}
.work-windowbar>span:last-child{margin-left:auto}
.work-windowbar .work-dot{width:5px;height:5px;border-radius:50%;background:#8F7CB0;flex:none}
.work-draft-tag{font-size:9px;border:1px solid #D8D0E4;border-radius:3px;padding:2px 5px;color:#65517F}
.work-windowbody{padding:16px 13px}
.work-windowbody>strong{font-size:12px;font-weight:550;line-height:1.4;display:block}
.work-lines{display:grid;gap:5px;margin-top:12px}
.work-lines i{display:block;height:3px;border-radius:2px;background:#E0DBE7}
.work-lines i:first-child{width:86%}.work-lines i:last-child{width:63%}
.work-files{display:flex;gap:7px;align-items:end;margin-top:14px}
.work-files img{width:60px;height:43px;object-fit:cover;border:1px solid #DDD6E4;border-radius:4px}
.work-files>span{font-size:9px;color:#6B6276;margin-left:auto;margin-bottom:3px;white-space:nowrap}
.work-design-pair{padding:13px 12px 10px;display:grid;grid-template-columns:1fr 1fr;gap:8px}
.work-design-pair img{width:100%;aspect-ratio:1.5;object-fit:cover;border:1px solid #DCD6E1;border-radius:4px}
.work-design-pair span{font-size:9px;color:#6B6276;margin-top:5px;display:block}
.work-review-note{display:flex;gap:7px;align-items:center;border-top:1px solid #E3DFE8;padding:9px 12px;font-size:9px;color:#5E5669}
.work-review-note .icon{width:13px;height:13px;flex:none}
.work-composer{padding:12px 13px 8px}
.work-chat-files{display:flex;gap:6px;margin-bottom:10px}
.work-chat-files img{width:69px;height:46px;object-fit:cover;border:1px solid #DDD6E4;border-radius:4px}
.work-composer p{font-size:11px;line-height:1.4}
.work-composer-foot{display:flex;justify-content:space-between;align-items:center;margin-top:11px;color:#6B6276;font-size:19px}
.work-send{background:#6550A5;color:#fff;border-radius:50%;width:23px;height:23px;display:grid;place-items:center;font-size:15px}
.work-card-copy{padding:25px 25px 29px}
.work-category{display:flex;align-items:center;gap:8px;color:#6550A5;font-size:12px;font-weight:550;margin-bottom:17px}
.work-category .icon{width:17px;height:17px;flex:none}
.work-card h3{font-size:24px;line-height:1.17;letter-spacing:-.035em;margin-bottom:12px}
.work-card p{font-size:15px;line-height:1.6;color:var(--muted)}
@media(max-width:1150px){.work-grid{gap:17px}.work-visual{padding:23px 16px;height:230px}.work-card-copy{padding:23px 20px}.work-card h3{font-size:23px}.work-section h2{font-size:46px}}
@media(max-width:900px){.work-grid{grid-template-columns:minmax(0,1fr);max-width:650px}.work-card{display:grid;grid-template-columns:1fr 1fr}.work-visual{height:100%;min-height:240px;border-bottom:0;border-right:1px solid #D8D3DD}.work-card-copy{align-self:center;padding:28px 24px}.work-section{padding-block:65px;margin-bottom:80px}.work-section .section-heading{display:block}.work-section .section-heading>p{margin-top:20px;max-width:560px}}
@media(max-width:620px){.work-section{padding-block:54px 58px;margin-bottom:64px}.work-section h2{font-size:37px}.work-section .section-heading>p{font-size:16px}.work-grid{gap:22px}.work-card{display:block}.work-visual{height:236px;min-height:0;padding:26px 24px;border-right:0;border-bottom:1px solid #D8D3DD}.work-card-copy{padding:24px}.work-card h3{font-size:25px}.work-category{margin-bottom:14px}.work-card p{font-size:15px}}
@media(max-width:370px){.work-section h2{font-size:34px}.work-visual{padding:25px 17px;height:222px}.work-card-copy{padding:22px 20px}.work-card h3{font-size:23px}.work-files img{width:51px;height:37px}}


/* Selected A direction: research-based copy and multi-shelf product story. */
.variant-a .hero p.lead{max-width:680px;font-size:19px}
.shelf-tabs-art{display:flex;align-items:center;gap:7px;font-size:11px;line-height:1.4;margin:-1px 0 14px;white-space:nowrap}
.shelf-tabs-art>span{padding:6px 10px;border:1px solid #D5D1D9;border-radius:6px;background:#FFFEFA;color:#625B6C}
.shelf-tabs-art>span.tab-active{background:#EAE3F5;color:#6550A5;border-color:#EAE3F5;font-weight:550}
.shelf-tabs-art>span.tab-detached{background:#F5F3F6;color:#817888}
.shelf-tabs-art>span:last-child{font-size:15px;padding:3px 9px}
.handoff-scene{height:600px;position:relative;overflow:hidden;border:1px solid #DBD3E6;border-radius:16px;background:#E8E3EF;margin-top:36px;text-align:left;isolation:isolate}
.handoff-scene:before{content:"";position:absolute;inset:-290px -60px auto auto;width:650px;height:650px;border:1px solid #D2C8DF;border-radius:50%;z-index:-1}
.flow-label{display:flex;align-items:center;gap:8px;font-size:11px;font-weight:500;color:#625573;margin-bottom:12px;letter-spacing:.015em}
.flow-label>span{font-size:10px;border:1px solid #BEAFD1;border-radius:50%;width:21px;height:21px;display:grid;place-items:center;flex:none}
.handoff-capture{position:absolute;left:32px;top:30px;width:310px}
.capture-keys{display:flex;align-items:center;gap:5px;margin-top:20px;color:#6C607B}
.capture-keys kbd{width:28px;height:28px;display:grid;place-items:center;background:#F6F2FB;border:1px solid #CFC5DA;border-radius:5px;font:13px -apple-system,BlinkMacSystemFont,sans-serif;box-shadow:0 2px 0 #D5CCDF}
.capture-keys>span{font-size:10px;margin-left:7px}
.capture-stack{position:relative;height:190px;margin-top:26px}
.capture-stack img{position:absolute;width:190px;border:1px solid #CCC2D7;border-radius:7px;box-shadow:0 8px 14px #332B3B12}
.capture-stack img:nth-child(1){left:0;top:4px;transform:rotate(-8deg)}
.capture-stack img:nth-child(2){left:25px;top:28px;transform:rotate(-3deg)}
.capture-stack img:nth-child(3){left:48px;top:52px;transform:rotate(4deg)}
.handoff-shelf{position:absolute;left:29%;top:35px;width:68%;max-width:790px}
.handoff-shelf .app-shelf{box-shadow:0 18px 35px #332B3B1F}
.handoff-target{position:absolute;bottom:27px;right:36px;width:365px}
.handoff-target .destination{position:static;width:100%;padding:14px 18px}
.handoff-target .flow-label{margin-bottom:10px}
.handoff-drag{position:absolute;left:38%;bottom:82px;display:flex;align-items:center;gap:10px;font-size:12px;color:#655578}
.handoff-drag .icon:first-child{width:25px;height:25px;transform:rotate(-12deg)}
.handoff-drag .icon:last-child{width:56px;height:20px;margin-left:10px}
.multi-section{padding-bottom:105px;scroll-margin-top:30px}
.multi-section .section-heading>p{max-width:390px}
.multi-stage{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(0,1fr);gap:26px;padding:34px 28px 38px;background:#E6E2D9;border:1px solid #DCD6CB;border-radius:14px;overflow:hidden}
.multi-stage-main,.multi-stage-detached{min-width:0}
.multi-stage-detached{margin-top:77px}
.multi-window-label{font-size:11px;color:#696255;margin-bottom:15px;line-height:1.5}
.multi-stage .app-shelf{padding:14px;box-shadow:0 12px 25px #3C35271A}
.multi-stage .app-top{font-size:12px}
.multi-stage .shelf-count{font-size:10px;padding:2px 5px}
.multi-stage .app-hide{font-size:10px}
.multi-stage .thumbs{gap:8px}
.multi-stage .app-btn{padding:5px 7px;font-size:10px}
.multi-stage .app-selected{font-size:10px}
.multi-stage .app-selected span{margin-left:6px}
.multi-stage .shelf-tabs-art{font-size:10px;gap:5px}
.multi-stage .shelf-tabs-art>span{padding:5px 7px}
.detached-art .thumbs{grid-template-columns:repeat(2,minmax(0,1fr))}
.detached-art .app-top{gap:6px}
.detached-art .app-top img{width:18px;height:18px}
.detached-art .shelf-count{font-size:9px;padding:2px 4px}
.detached-art .thumb-frame img{aspect-ratio:1.65}
.multi-benefits{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px;margin-top:30px}
.multi-benefits article{border-top:1px solid var(--border);padding-top:21px;min-width:0}
.multi-benefits article>span{font-size:11px;color:var(--accent);display:block;margin-bottom:13px}
.multi-benefits h3{font-size:21px;margin-bottom:12px;line-height:1.2}
.multi-benefits p{font-size:15px;color:var(--muted)}
.home-faq .faq{padding-block:70px 78px}
.release-cta{margin-bottom:80px}
.release-badge{display:inline-flex;align-items:center;gap:8px;font-size:12px;color:#D4C7EA;border:1px solid #5B5369;border-radius:5px;padding:8px 11px;margin-bottom:25px}
.release-cta h2{font-size:45px}
@media(max-width:1150px){.handoff-scene{height:580px}.handoff-capture{left:25px;top:27px;width:260px}.handoff-capture .flow-label{font-size:10px}.capture-stack img{width:150px}.handoff-shelf{left:27%;width:70%;top:30px}.handoff-drag{left:30%;bottom:90px}.handoff-target{width:330px;right:27px}.multi-stage{gap:18px;padding:28px 22px}.multi-stage-detached .app-top{flex-wrap:wrap}.multi-stage-detached .app-hide{margin-left:auto}.multi-stage .app-btn{font-size:9px;padding:5px 6px}}
@media(max-width:900px){.variant-a .hero p.lead{font-size:18px}.handoff-scene{height:760px}.handoff-capture{left:25px;top:22px;width:95%}.capture-keys{position:absolute;left:auto;right:30px;top:0;margin:0}.capture-stack{margin-top:12px;height:135px}.capture-stack img{width:128px}.capture-stack img:nth-child(2){left:100px;top:12px}.capture-stack img:nth-child(3){left:200px;top:20px}.handoff-shelf{left:4%;width:92%;top:200px;max-width:none}.handoff-shelf .flow-label{margin-bottom:10px}.handoff-shelf .app-shelf{padding:12px}.handoff-target{width:300px;bottom:20px;right:24px}.handoff-target .destination{padding:12px 14px}.handoff-drag{left:28px;bottom:70px;font-size:11px}.handoff-drag .icon:last-child{display:none}.multi-stage{display:block;padding:30px}.multi-stage-main{max-width:660px}.multi-stage-detached{max-width:420px;margin:30px 0 0 auto}.multi-stage-detached .app-top{flex-wrap:nowrap}.multi-stage .app-btn{font-size:10px}.multi-section .section-heading{display:block}.multi-section .section-heading>p{max-width:600px;margin-top:22px}.multi-section{padding-bottom:80px}.multi-benefits{gap:24px}.multi-benefits h3{font-size:20px}}
@media(max-width:620px){.variant-a .hero p.lead{font-size:17px}.handoff-scene{height:655px;border-radius:10px;margin-top:33px}.handoff-capture{left:18px;top:22px;width:calc(100% - 36px)}.flow-label{font-size:10px;gap:7px}.handoff-capture .flow-label{font-size:10px}.capture-keys{position:static;margin-top:14px}.capture-keys kbd{width:25px;height:25px;font-size:12px}.capture-stack{height:118px;margin-top:18px}.capture-stack img{width:115px}.capture-stack img:nth-child(1){left:6px;top:4px}.capture-stack img:nth-child(2){left:88px;top:14px}.capture-stack img:nth-child(3){left:168px;top:20px}.handoff-shelf{left:16px;top:230px;width:640px;transform:scale(.49);transform-origin:0 0}.handoff-shelf .flow-label{font-size:20px;margin-bottom:18px;gap:12px}.handoff-shelf .flow-label>span{width:38px;height:38px;font-size:17px}.handoff-shelf .shelf-tabs-art{font-size:13px}.handoff-shelf .shelf-tabs-art>span{padding:7px 11px}.handoff-drag{left:24px;bottom:158px;font-size:10px;gap:7px}.handoff-drag .icon:first-child{width:19px;height:19px}.handoff-target{left:20px;right:20px;bottom:22px;width:auto}.handoff-target .flow-label{font-size:10px}.handoff-target .destination p{font-size:11px}.handoff-target .attachments img{width:42px;height:29px}.multi-section{padding-bottom:65px}.multi-stage{height:470px;position:relative;padding:0;border-radius:10px}.multi-stage-main{position:absolute;top:22px;left:14px;width:660px;max-width:none;transform:scale(.47);transform-origin:0 0}.multi-stage-detached{position:absolute;top:240px;left:47px;width:420px;max-width:none;transform:scale(.66);transform-origin:0 0;margin:0}.multi-window-label{font-size:17px;margin-bottom:18px}.multi-stage-detached .multi-window-label{font-size:13px;margin-bottom:13px}.multi-stage .app-shelf{padding:16px}.multi-stage .app-top{font-size:14px}.multi-stage .app-btn{font-size:12px}.multi-stage .app-selected{font-size:12px}.multi-stage .shelf-tabs-art{font-size:12px}.multi-benefits{grid-template-columns:1fr;gap:20px;margin-top:26px}.multi-benefits article{position:relative;padding:20px 0 0 35px}.multi-benefits article>span{position:absolute;left:0;top:24px}.multi-benefits h3{font-size:22px}.multi-benefits p{font-size:15px}.home-faq .faq{padding-block:54px 60px}.release-cta{margin-bottom:46px}.release-cta h2{font-size:35px}.release-badge{font-size:11px;margin-bottom:22px}.variant-a .work-section{margin-bottom:64px}}
@media(max-width:370px){.handoff-scene{height:610px}.handoff-capture{left:15px;width:calc(100% - 30px)}.capture-stack img{width:103px}.capture-stack img:nth-child(2){left:70px}.capture-stack img:nth-child(3){left:140px}.handoff-shelf{left:12px;top:222px;transform:scale(.41)}.handoff-drag{left:20px;bottom:157px}.handoff-target{left:17px;right:17px;bottom:21px}.multi-stage{height:433px}.multi-stage-main{left:12px;transform:scale(.4)}.multi-stage-detached{left:30px;top:214px;transform:scale(.56)}.multi-window-label{font-size:19px}.multi-stage-detached .multi-window-label{font-size:15px}}

