@import"https://fonts.googleapis.com/css2?family=JetBrains+Mono&display=swap";*,:after,:before{box-sizing:border-box}a,b,blockquote,body,canvas,caption,code,div,em,embed,fieldset,figure,footer,form,h1,h2,h3,h4,h5,h6,header,html,i,iframe,img,label,li,main,nav,object,ol,p,pre,section,small,span,strike,strong,sub,sup,table,tbody,td,tfoot,th,thead,tr,tt,u,ul,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:initial;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-webkit-text-size-adjust:none;-moz-text-size-adjust:none;text-size-adjust:none}footer,header,main,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}input{border-radius:0}button,input{-webkit-appearance:none}button{color:inherit;border:none;padding:0;background:rgba(0,0,0,0);font:inherit;line-height:inherit;text-align:inherit;cursor:pointer;appearance:none}html{overflow-y:scroll}html::-webkit-scrollbar{width:8px}html::-webkit-scrollbar-track{background:var(--surface)}html::-webkit-scrollbar-thumb{background:var(--text-secondary);border-radius:4px}html::-webkit-scrollbar-thumb:hover{background:var(--text-primary)}::selection{background:var(--accent);color:var(--background)}::-moz-selection{background:var(--accent);color:var(--background)}body{min-height:100vh;margin:0}.container{min-height:100vh;display:flex;flex-direction:column;max-width:390px;width:calc(100% - 32px);margin:0 auto;padding:calc(24px + var(--safe-area-inset-top)) calc(var(--safe-area-inset-right)) calc(24px + var(--safe-area-inset-bottom)) calc(var(--safe-area-inset-left))}.content{flex:1 0 auto;display:flex;flex-direction:column}.footer--wrapper{flex-shrink:0}.content-wrapper{transition:opacity .3s ease-in-out}.content-wrapper--dimmed{opacity:.3;pointer-events:none}.button{display:inline-block;padding:10px 16px 11px;background-color:var(--text-primary);background-image:linear-gradient(to bottom,var(--text-primary),var(--text-primary));border:1.5px solid var(--text-primary);font-weight:700;border-radius:48px;text-decoration:none;transition:background-image .3s cubic-bezier(.4,0,.2,1),box-shadow .25s cubic-bezier(.4,0,.2,1),text-shadow .2s cubic-bezier(.4,0,.2,1);box-shadow:none;color:#fffefc}.button:focus,.button:hover{background-image:linear-gradient(to bottom,color-mix(in srgb,var(--text-primary) 85%,white),color-mix(in srgb,var(--text-primary) 90%,white));text-shadow:0 2px 0 var(--text-primary);box-shadow:0 3px 0 rgba(0,0,0,.15),inset 0 1px hsla(0,0%,100%,.2),inset 0 -2px rgba(0,0,0,.3)}.button:active{text-shadow:0 -1px hsla(0,0%,100%,.4);background-image:linear-gradient(to bottom,var(--text-primary),var(--text-primary));box-shadow:none;color:var(--text-secondary)}html[data-theme=dark] .button{border:1.5px solid #1d1d1c;color:#1d1d1c}html[data-theme=dark] .button:focus,html[data-theme=dark] .button:hover{background-image:linear-gradient(180deg,#D5D5D5,#EFEFEF);text-shadow:0 1.5px 0 hsla(0,0%,100%,.7);box-shadow:0 2px 0 hsla(0,0%,100%,.2),inset 0 2px hsla(0,0%,100%,.8),inset 0 -2px rgba(0,0,0,.3)}html[data-theme=dark] .button:active{text-shadow:0 1.5px 0 hsla(0,0%,100%,.7);background-image:linear-gradient(to bottom,var(--text-primary),var(--text-primary));box-shadow:none;color:#1d1d1c}.link{color:inherit;text-decoration:underline}.link:focus,.link:hover{text-decoration:none}.nav--wrapper{justify-content:space-between;margin-bottom:24px;height:40px}.nav--logo,.nav--wrapper{display:flex;align-items:center}.nav--logo{gap:8px;text-decoration:none;color:inherit;text-transform:uppercase}.nav--logo--img{width:24px;height:24px;fill:var(--text-primary);transition:fill .3s ease}.header--wrapper{margin-bottom:40px;display:flex;flex-direction:column}.flash--error{position:fixed;top:28px;left:50%;transform:translateX(-50%);background:var(--surface);color:var(--error);border-radius:8px;padding:12px 16px;z-index:1000;min-width:220px;text-align:center;transition:opacity .2s}.flash--error,.upload-overlay{display:flex;align-items:center;justify-content:center}.upload-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.35);z-index:10;flex-direction:column;pointer-events:none;border-radius:24px}.upload-overlay__text{color:#fff;font-weight:700;font-size:24px;text-shadow:0 2px 8px rgba(0,0,0,.22);margin-bottom:8px}.upload--wrapper{position:relative;width:100%;aspect-ratio:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;margin-bottom:40px;padding:24px;z-index:101}.upload--wrapper .svg--background{position:absolute;top:0;left:0;width:100%;height:100%;z-index:0;fill:var(--surface);opacity:1;transition:all .2s cubic-bezier(.4,0,.2,1)}.upload--wrapper .svg--border{position:relative;stroke:rgba(var(--text-primary-rgb),.5);stroke-width:1.5;transition:all .3s cubic-bezier(.4,0,.2,1)}.upload--wrapper:not(.is-dragging):hover .svg--border{stroke:var(--accent);animation:pulse-stroke 1.5s ease-in-out infinite}.upload--wrapper:not(.is-dragging):hover .svg--background{opacity:.7}.upload--wrapper.is-overlay-active-mode{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:95vw;height:95vh;max-width:none;max-height:none;aspect-ratio:unset;background-color:rgba(0,0,0,0);z-index:10001;margin-bottom:0;padding:0}.upload--wrapper.is-overlay-active-mode .svg{width:100%;height:100%}.upload--content{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;gap:8px;text-align:center}.upload--input{position:absolute;inset:0;opacity:0;cursor:pointer;z-index:2}.upload--instructions{display:flex;flex-direction:column;align-items:center;gap:4px;font-size:2rem;font-weight:700;line-height:1.2;letter-spacing:.01em}@media(min-width:768px){.upload--instructions{font-size:2.5rem}}.upload--status{display:flex;flex-direction:column;align-items:center;gap:8px}.upload--status .spinner{width:32px;height:32px;border:2px solid var(--text-secondary);border-top-color:var(--accent);border-radius:50%;animation:spinner-rotate 1s linear infinite}.upload--status .upload-status-text{font-size:14px;font-weight:500;color:var(--text-secondary);margin:0}.container .decorative-icons,.container .footer--wrapper,.container .header--wrapper,.container .home--faq,.container .home--trusted,.container .nav--wrapper,.container .stepper--wrapper,.container p.body.text-is-gray{transition:opacity .2s ease-in-out;opacity:1}.container.is-file-dragging .decorative-icons,.container.is-file-dragging .footer--wrapper,.container.is-file-dragging .header--wrapper,.container.is-file-dragging .home--faq,.container.is-file-dragging .home--trusted,.container.is-file-dragging .nav--wrapper,.container.is-file-dragging .stepper--wrapper,.container.is-file-dragging p.body.text-is-gray{opacity:.2}@keyframes elastic{0%{transform:scale(.5);opacity:0}50%{transform:scale(1.05)}70%{transform:scale(.95)}to{transform:scale(1);opacity:1}}@keyframes spinner-rotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes pulse-stroke{0%{stroke-width:1.5}50%{stroke-width:3}to{stroke-width:1.5}}.animate-elastic{animation:elastic .5s cubic-bezier(.4,0,.2,1) forwards}.file-upload-dimming-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(var(--background-rgb),.85);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:10000;opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease}.file-upload-dimming-overlay.is-visible{opacity:1;visibility:visible}.stepper--wrapper{display:flex;flex-direction:column;gap:16px}.stepper--item{display:flex;align-items:flex-start;gap:12px}.stepper--item--number{width:24px;height:24px;border-radius:50%;padding-bottom:1px;background-color:var(--text-primary);display:flex;align-items:center;justify-content:center;flex-shrink:0;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.stepper--item--text{display:flex;flex-direction:column;gap:4px;margin-top:3px}.stepper--item--img{width:100%;height:auto;object-fit:cover;border-radius:16px;display:block}.stepper--item--img--wrapper{position:relative;width:100%;margin-top:4px}.stepper--item--img--wrapper:after{content:"";position:absolute;inset:0;border-radius:16px;box-shadow:inset 0 0 0 1px rgba(255,254,252,.1);pointer-events:none}.footer--wrapper{margin-top:40px}.footer--wrapper .footer--links{display:flex;flex-direction:column;gap:16px}.footer--wrapper .footer--links .theme-row{display:flex;justify-content:flex-start}.footer--wrapper .footer--links .made-by{display:flex;align-items:center;justify-content:flex-start;gap:4px;flex-wrap:wrap}@media screen and (max-width:380px){.footer--wrapper .footer--links .made-by{gap:2px 4px}.footer--wrapper .footer--links .made-by a{width:100%;margin-top:2px}}.footer--wrapper .footer--links .bottom-row{display:flex;align-items:center;justify-content:left;width:100%;flex-wrap:wrap;gap:16px}@media screen and (max-width:380px){.footer--wrapper .footer--links .bottom-row{gap:8px 16px;justify-content:flex-start;text-align:center}}.theme-toggle{border:none;background:none;cursor:pointer;color:var(--text-secondary);display:flex;padding:4px;align-items:center;justify-content:center;gap:6px}.theme-toggle:hover{opacity:.8}.theme-toggle .theme-toggle-icon path{fill:var(--text-secondary)}.theme-toggle .theme-toggle-icon .sun{display:none}.theme-toggle .theme-toggle-icon .moon{display:block}html[data-theme=light] .theme-toggle .sun{display:none}html[data-theme=dark] .theme-toggle .sun,html[data-theme=light] .theme-toggle .moon{display:block}html[data-theme=dark] .theme-toggle .moon{display:none}#heartTrigger{cursor:pointer;display:inline-block;transition:transform .3s ease;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}#heartTrigger:hover{transform:scale(1.2)}.floating-heart{position:fixed;font-size:20px;pointer-events:none;animation:float-away 1s ease-out forwards;z-index:1000}@keyframes float-away{0%{transform:translate(0) rotate(0) scale(.5);opacity:1}to{transform:translate(calc(cos(var(--angle)) * 50px * var(--velocity)),calc(sin(var(--angle)) * 50px * var(--velocity))) rotate(calc(var(--angle) * 2)) scale(1);opacity:0}}.blog-cover img{object-fit:cover;aspect-ratio:3/2;border-radius:8px;width:100%;border:1px solid var(--border)}.blog-breadcrumb{display:flex;gap:8px;margin-bottom:16px}.blog-breadcrumb span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.blog-header{margin-bottom:2rem}.blog-header time{display:block;margin-top:.5rem;color:var(--text-secondary)}.blog-content .image-container{margin:24px 0}.blog-content .image-container img{width:100%;height:auto;border-radius:8px;border:1px solid var(--border);margin:24px 0 8px}.blog-content .image-container figcaption{display:block;text-align:center;color:var(--text-secondary);margin-top:4px}.blog-content .table-container{margin:16px 0;overflow-x:auto;border:1px solid var(--border)}.blog-content .table-container .table{width:100%;border-collapse:collapse}.blog-content .table-container .table th{background:var(--surface);font-weight:700}.blog-content .table-container .table td,.blog-content .table-container .table th{padding:.75rem;border:1px solid var(--border);text-align:left}.blog-content .blockquote{margin:16px 0;padding:24px;border-left:2px solid var(--text-secondary);background:var(--surface);color:var(--text-secondary);border-radius:0 8px 8px 0}.blog-content .code-block{margin:1.5rem 0;border:1px solid var(--border);border-radius:8px;overflow-x:auto}.blog-content .code-block,.blog-content .inline-code{padding:16px;background:var(--surface);font-family:JetBrains Mono,monospace;font-size:14px}.blog-content .inline-code{border:1px solid var(--border)}.blog-content .list{margin:8px 0;padding-left:16px;list-style:disc}.blog-content .list-ordered{list-style:decimal}.blog-content .list-item{margin:.5rem 0;position:relative}.blog-content .list-item p{margin:0}.blog-content .list-item p:not(:last-child){margin-bottom:.5rem}.blog-content .list-item::marker{font-weight:700}.blog-content .h1{margin-top:16px;margin-bottom:16px;font-weight:700}.blog-content .h2{margin-bottom:6px;margin-top:24px;font-weight:700}.blog-content .h3{margin-bottom:6px;margin-top:16px;font-weight:700}.blog-content .body{color:var(--text-secondary)}.blog-separator{margin:24px 0;display:block;border:none;border-top:1px solid var(--border)}.blog-navigation{display:flex;flex-direction:column;gap:8px}.blog-navigation p:has(+p:contains("Caption:")){margin-bottom:4px}.blog-navigation p:contains("Caption:"){color:var(--text-secondary);text-align:center;font-size:14px;margin-top:0}.blog-navigation p:contains("Caption:"):before{content:""}.blog-navigation hr{margin:48px 0;border:none;height:1px;background:linear-gradient(to right,transparent,var(--border),transparent);opacity:.5}.blog-figure{margin:32px 0;width:100%}.blog-figure-image{width:100%;height:auto;border-radius:8px;border:1px solid var(--border);display:block;margin-top:24px;margin-bottom:8px}.blog-figure-caption{text-align:center;color:var(--text-secondary);font-size:14px;margin-top:12px;padding:0 16px}.decorative-icons{position:absolute;top:0;left:0;right:0;bottom:0;pointer-events:none;z-index:5}.decorative-icon:first-child .decorative-icon-mask{animation-delay:.1s,0s}.decorative-icon:nth-child(2) .decorative-icon-mask{animation-delay:.15s,-2s}.decorative-icon:nth-child(3) .decorative-icon-mask{animation-delay:.2s,-4s}.decorative-icon:nth-child(4) .decorative-icon-mask{animation-delay:.2s,-1s}.decorative-icon:nth-child(5) .decorative-icon-mask{animation-delay:.1s,-3s}.decorative-icon:nth-child(6) .decorative-icon-mask{animation-delay:.25s,-1.5s}.decorative-icon-mask{width:120px;height:120px;position:relative;border-radius:22%;overflow:hidden;opacity:0;box-shadow:0 191px 53px 0 rgba(0,0,0,0),0 122px 49px 0 rgba(0,0,0,.01),0 69px 41px 0 rgba(0,0,0,.05),0 31px 31px 0 rgba(0,0,0,.09),0 8px 17px 0 rgba(0,0,0,.1);animation:entrance .4s ease-out forwards,fadeInFloat 6s ease-in-out infinite}.decorative-icon-image{width:100%;height:100%;object-fit:cover}@keyframes fadeInFloat{0%,to{transform:rotate(var(--rotation)) translateY(0)}50%{transform:rotate(var(--rotation)) translateY(-10px)}}@keyframes entrance{0%{opacity:0;transform:rotate(var(--rotation)) scale(.5) translateY(20px)}to{opacity:1;transform:rotate(var(--rotation)) scale(1) translateY(0)}}@media(max-width:768px){.decorative-icons{display:none}}.upload-section-with-decorative-icons{position:relative;width:100%;margin:0 auto;overflow:visible;transition:opacity .2s ease-in-out}.upload-section-with-decorative-icons .upload--wrapper{max-width:none;aspect-ratio:unset;min-height:400px}.home--trusted{margin:44px 0 0;text-align:center;display:flex;flex-direction:column;align-items:center;background:var(--surface);border-radius:24px;padding:24px 18px 16px}.home--trusted-title{font-size:1.18rem;font-weight:700;color:var(--text-primary);margin-bottom:18px}.home--trusted-grid{display:grid;grid-template-columns:repeat(3,72px);gap:18px;justify-content:center;align-content:center;margin-bottom:14px;width:100%;max-width:360px}.home--trusted-icon{width:72px;height:72px;border-radius:16px;transition:transform .13s}.home--trusted-icon:hover{transform:scale(1.03)}.home--trusted-link{margin-top:4px;font-size:1rem;font-weight:600;text-decoration:underline;color:inherit}.home--trusted-link:hover{color:var(--accent-hover)}.home--privacy{margin:28px 0 0}.home--privacy p{font-size:.92rem;color:var(--text-tertiary);margin:0}.home--privacy p strong{color:var(--text-primary)}.home--faq{margin:88px 0 0}.home--faq p{font-size:.97rem;color:var(--text-secondary);margin:0}.home--faq p a{color:var(--accent);text-decoration:underline}.home--faq p a:hover{color:var(--accent-hover)}.history--wrapper{display:flex;flex-direction:column;margin-bottom:40px}.history--wrapper .load-more{margin:24px auto;color:var(--text-secondary)}.history--wrapper .load-more:hover{color:var(--text-primary)}.history--item{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:12px;padding:16px 0;border-bottom:1px solid var(--border)}.history--item:last-child{border-bottom:none}.history--item .link{margin-left:auto}.history--item--img{width:100%;aspect-ratio:1;border-radius:14.18px;object-fit:cover;width:64px;height:64px}.preview--wrapper{display:flex;flex-direction:row;justify-content:space-between;align-items:center;border-radius:48px;background-color:var(--surface);margin-bottom:40px}@media screen and (max-width:768px){.preview--wrapper{background-color:rgba(0,0,0,0)}}.preview--img--wrapper{height:100%;aspect-ratio:1;border-radius:16px;mask-image:url(/_next/static/media/mask.e28ad8af.svg);-webkit-mask-image:url(/_next/static/media/mask.e28ad8af.svg);mask-size:contain;-webkit-mask-size:contain;mask-repeat:no-repeat;-webkit-mask-repeat:no-repeat}.preview--img--wrapper img{width:100%;height:100%;object-fit:cover}.preview--qr{aspect-ratio:1;background:var(--background);border-radius:16px;overflow:hidden;transition:transform .2s ease}.preview--qr:hover{transform:scale(1.03)}.preview--qr--wrapper{gap:12px;padding:8px 24px 16px}.preview--qr--wrapper,.qr-lightbox{display:flex;flex-direction:column;align-items:center;justify-content:center}.qr-lightbox{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0);gap:24px;z-index:1000;transition:background-color .2s ease-out}.qr-lightbox--close{transition:opacity .2s ease-out;opacity:0}.qr-lightbox--close.is-visible{opacity:1;transition:opacity .2s ease-out .05s}.qr-lightbox--close:hover{opacity:.6}.qr-lightbox.is-visible{background:rgba(0,0,0,.8);cursor:pointer}.qr-lightbox__content{display:flex;flex-direction:column;align-items:center;padding:24px;background:var(--background);border-radius:32px;opacity:0;gap:24px;transform:scale(.95);transition:all .2s ease-out}.qr-lightbox__content.is-visible{opacity:1;transform:scale(1)}.share--wrapper{margin:40px auto;display:flex;flex-direction:column;align-items:flex-start;gap:8px;width:100%}.copy-link-button{display:flex;align-items:center;justify-content:space-between;width:100%;max-width:460px;margin:0 auto;padding:12px 16px;background:var(--surface);border:1px solid var(--border);border-radius:100px;cursor:pointer;transition:all .2s ease}.copy-link-button__url{flex:1;min-width:0;margin-right:16px;color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.copy-link-button__copy{display:flex;align-items:center;gap:6px;flex-shrink:0}.copy-link-button__copy svg{width:16px;height:16px;transition:color .2s ease}.copy-link-button:hover{background:rgba(0,0,0,.1)}@media(prefers-color-scheme:dark){.copy-link-button:hover{background:rgba(180,180,180,.1)}}.copy-link-button.copied{background:var(--accent-light);border-color:var(--accent)}.copy-link-button.copied .copy-link-button__copy,.copy-link-button.copied .copy-link-button__url{color:var(--accent)}.animate-in{animation:elasticBounce .75s cubic-bezier(.37,-.01,.53,1.34) forwards}@keyframes elasticBounce{0%{transform:scale(.8)}50%{transform:scale(1.02)}70%{transform:scale(.95)}to{opacity:1;transform:scale(1)}}.copy-qr-button{display:flex;align-items:center;justify-content:center;padding:12px 24px;background:var(--surface);border:1px solid var(--border);border-radius:100px;cursor:pointer;transition:all .2s ease;width:-webkit-fit-content;width:fit-content}.copy-qr-button__copy{display:flex;align-items:center;gap:6px}.copy-qr-button__copy svg{width:16px;height:16px;transition:color .2s ease}.copy-qr-button:hover{background:rgba(0,0,0,.1)}@media(prefers-color-scheme:dark){.copy-qr-button:hover{background:rgba(180,180,180,.1)}}.copy-qr-button.copied{background:var(--accent-light);border-color:var(--accent);color:var(--accent)}.privacy--content section,.privacy--wrapper{margin-bottom:40px}.privacy--content h3,.privacy--content p{margin-bottom:8px}.privacy--content p:last-child{margin-bottom:0}.support--section{margin-bottom:48px}.support--section .h2{margin-bottom:8px}.support--section.support--connect{padding:24px 0}.support--item{margin:24px 0;padding-bottom:24px;border-bottom:1px solid rgba(125,115,101,.1)}.support--item:last-child{margin-bottom:0;border-bottom:none}.support--question{width:100%;display:flex;align-items:flex-start;gap:12px;padding:0;background:none;border:none;cursor:pointer;text-align:left}.support--question h4{flex:1;transition:color .2s ease}.support--plus{position:relative;width:12px;height:12px;flex-shrink:0;margin-top:4px}.support--plus:after,.support--plus:before{content:"";position:absolute;background:var(--text-primary);border-radius:2px;transition:transform .3s ease}.support--plus:before{top:50%;left:0;right:0;height:1.5px;transform:translateY(-50%)}.support--plus:after{left:50%;top:0;bottom:0;width:1.5px;transform:translateX(-50%)}.support--answer{max-height:0;overflow:hidden;opacity:0;transition:all .3s ease}.support--item.is-active .support--plus:after{transform:translateX(-50%) rotate(90deg)}.support--item.is-active .support--answer{max-height:500px;opacity:1;margin-top:8px}.blog-grid{display:flex;flex-direction:column;gap:24px}.blog-card{display:block;text-decoration:none;color:inherit}.blog-card:hover .blog-card-image{transform:scale(1.01)}.blog-card:hover .link{text-decoration:none}.blog-card:not(:last-child){border-bottom:1px solid var(--border);margin-bottom:24px;padding-bottom:32px}.blog-card-image{overflow:hidden;transition:transform .2s ease}.blog-card-image img{object-fit:cover;aspect-ratio:3/2;border-radius:8px;width:100%;border:1px solid var(--border)}.blog-card-content{padding:16px 0;display:flex;flex-direction:column;gap:4px}.blog-card-content .blog-card-excerpt{margin-bottom:8px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.not-found{display:flex;align-items:center;justify-content:center;flex:1 1}.not-found__content{display:flex;flex-direction:column;align-items:flex-start}.not-found__content .h1{margin-bottom:16px;color:var(--text-primary)}.not-found__content .body{margin-bottom:32px}.not-found__content .link{font-size:16px;font-weight:500;color:var(--text-primary);text-decoration:underline;transition:opacity .2s ease}.not-found__content .link:hover{opacity:.8;text-decoration:none}.not-found .pixel-canvas{display:grid;grid-template-columns:repeat(24,1fr);grid-template-rows:repeat(24,1fr);width:100%;aspect-ratio:1;gap:1px;background-color:var(--background-secondary);padding:4px;border-radius:8px;margin-bottom:48px;cursor:cell}.not-found .pixel-canvas .pixel{background-color:var(--background-primary);border-radius:1px;cursor:inherit;transition:all .15s cubic-bezier(.68,-.55,.265,1.55)}.not-found .pixel-canvas .pixel:hover{transform:scale(1.2);z-index:1}.not-found .pixel-canvas .pixel--filled{background-color:var(--text-primary);animation:pixelBounce .3s cubic-bezier(.68,-.55,.265,1.55)}.not-found .pixel-canvas .pixel--empty{background-color:var(--background-primary)}@keyframes pixelBounce{0%{transform:scale(1)}50%{transform:scale(1.3)}to{transform:scale(1)}}.landing-container{max-width:1200px;margin:0 auto;padding:0 16px}@media screen and (max-width:768px){.landing-container{padding:0 16px}}.landing-hero{display:flex;align-items:center;justify-content:space-between;gap:64px;margin-bottom:100px;padding:40px 0}@media screen and (max-width:768px){.landing-hero{flex-direction:column;text-align:center;gap:40px;margin-bottom:60px;padding:20px 0}}.landing-content{flex:1}.landing-content h3{font-size:36px;font-weight:700;color:var(--text-primary);margin-bottom:20px;line-height:1.2}@media screen and (max-width:768px){.landing-content h3{font-size:28px}}.landing-cta{margin-top:32px}.landing-cta .button{margin-bottom:12px;display:inline-block}.landing-note{font-size:14px;color:var(--text-secondary);margin:0}.landing-preview{flex:0 0 auto}@media screen and (max-width:768px){.landing-preview{order:-1}}.landing-icon-example{border-radius:24px;box-shadow:0 4px 16px rgba(0,0,0,.1)}.landing-features{margin-bottom:100px}@media screen and (max-width:768px){.landing-features{margin-bottom:60px}}.landing-features h2{font-size:32px;font-weight:700;color:var(--text-primary);text-align:center;margin-bottom:48px}@media screen and (max-width:768px){.landing-features h2{font-size:24px;margin-bottom:36px}}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:32px}@media screen and (max-width:768px){.features-grid{grid-template-columns:1fr;gap:24px}}.feature-card{background:var(--surface);border-radius:24px;padding:32px 24px;border:1px solid var(--border);text-align:center;transition:all .3s ease}.feature-card:hover{transform:translateY(-4px);box-shadow:0 8px 32px rgba(0,0,0,.1);border-color:var(--accent)}.feature-card h4{font-size:20px;font-weight:700;color:var(--text-primary);margin-bottom:12px}.feature-card p{font-size:15px;color:var(--text-secondary);line-height:1.5;margin:0}.landing-how-it-works{margin-bottom:100px}@media screen and (max-width:768px){.landing-how-it-works{margin-bottom:60px}}.landing-how-it-works h2{font-size:32px;font-weight:700;color:var(--text-primary);text-align:center;margin-bottom:48px}@media screen and (max-width:768px){.landing-how-it-works h2{font-size:24px;margin-bottom:36px}}.steps{display:flex;gap:32px}@media screen and (max-width:768px){.steps{flex-direction:column;gap:24px}}.step{flex:1;text-align:center;transition:all .3s ease}.step:hover{transform:translateY(-2px)}.step .step-number{width:56px;height:56px;background:var(--accent);color:var(--background);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:24px;font-weight:700;margin:0 auto 20px;box-shadow:0 4px 16px rgba(0,0,0,.15);transition:all .3s ease}.step:hover .step-number{transform:scale(1.1)}.step .step-content h4{font-size:20px;font-weight:700;color:var(--text-primary);margin-bottom:12px}.step .step-content p{font-size:15px;color:var(--text-secondary);line-height:1.5;margin:0}.landing-benefits{margin-bottom:100px}@media screen and (max-width:768px){.landing-benefits{margin-bottom:60px}}.landing-benefits h2{font-size:32px;font-weight:700;color:var(--text-primary);text-align:center;margin-bottom:48px}@media screen and (max-width:768px){.landing-benefits h2{font-size:24px;margin-bottom:36px}}.benefits-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:32px}@media screen and (max-width:768px){.benefits-list{grid-template-columns:1fr;gap:24px}}.benefit-item{background:var(--surface);border-radius:24px;padding:32px 24px;border:1px solid var(--border);transition:all .3s ease}.benefit-item:hover{transform:translateY(-4px);box-shadow:0 8px 32px rgba(0,0,0,.1);border-color:var(--accent)}.benefit-item h4{font-size:20px;font-weight:700;color:var(--text-primary);margin-bottom:12px}.benefit-item p{font-size:15px;color:var(--text-secondary);line-height:1.5;margin:0}.landing-examples{margin-bottom:100px}@media screen and (max-width:768px){.landing-examples{margin-bottom:60px}}.landing-examples h2{font-size:32px;font-weight:700;color:var(--text-primary);text-align:center;margin-bottom:48px}@media screen and (max-width:768px){.landing-examples h2{font-size:24px;margin-bottom:36px}}.apps-showcase{display:flex;justify-content:center;align-items:center;gap:48px}@media screen and (max-width:768px){.apps-showcase{flex-direction:row;flex-wrap:wrap;gap:32px}}.app-item{display:flex;flex-direction:column;align-items:center;gap:12px;text-decoration:none;transition:transform .2s ease,opacity .2s ease}.app-item:hover{transform:translateY(-2px);opacity:.8}.app-item .app-icon{border-radius:12px}.app-item span{font-size:14px;font-weight:600;color:var(--text-primary)}.landing-cta-final{text-align:center;padding:64px 40px;background:var(--accent-light);border-radius:24px;margin-bottom:60px}@media screen and (max-width:768px){.landing-cta-final{padding:48px 24px}}.landing-cta-final h2{font-size:32px;font-weight:700;color:var(--text-primary);margin-bottom:20px}@media screen and (max-width:768px){.landing-cta-final h2{font-size:24px}}.landing-cta-final p{margin-bottom:32px;font-size:18px}@media screen and (max-width:768px){.landing-cta-final p{font-size:16px}}.landing-cta-final .button{margin-bottom:0}.faq-section,.features-section,.final-cta,.hero-section,.how-it-works,.social-proof,.testimonials-section,.use-cases-section{display:none}@import"https://fonts.googleapis.com/css2?family=Quicksand:wght@600..700&display=swap";:root{--background:#FFFEFC;--background-rgb:255,254,252;--surface:#F3F3F3;--text-primary:#1D1D1C;--text-primary-rgb:29,29,28;--text-secondary:#7D7365;--text-secondary-rgb:125,115,101;--text-tertiary:#B0ABA3;--border:rgba(125,115,101,0.1);--accent-light:#F0F3FF;--accent:#4D6BFF;--accent-hover:#3857e6;--accent-rgb:77,107,255;--error:#F22D3D;--safe-area-inset-top:env(safe-area-inset-top,0px);--safe-area-inset-bottom:env(safe-area-inset-bottom,0px);--safe-area-inset-left:env(safe-area-inset-left,0px);--safe-area-inset-right:env(safe-area-inset-right,0px)}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--background:#121212;--background-rgb:18,18,18;--surface:#1E1E1E;--text-primary:#FFFEFC;--text-primary-rgb:255,254,252;--text-secondary:rgba(255,254,252,0.7);--text-secondary-rgb:255,254,252;--text-tertiary:#868686;--border:rgba(255,254,252,0.1);--accent-light:#252733;--accent-hover:#6a88ff}}:root[data-theme=dark]{--background:#121212;--background-rgb:18,18,18;--surface:#1E1E1E;--text-primary:#FFFEFC;--text-primary-rgb:255,254,252;--text-secondary:rgba(255,254,252,0.7);--text-secondary-rgb:255,254,252;--border:rgba(255,254,252,0.1)}body{font-family:Quicksand,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;font-optical-sizing:auto;font-weight:600;font-style:normal;color:var(--text-primary);background-color:var(--background);transition:color .3s ease,background-color .3s ease}.body{font-size:16px;line-height:1.4;letter-spacing:.01em}.body-bold,.h1{font-weight:700}.h1{font-size:22px;line-height:1.4}.h1,.h2{letter-spacing:.01em}.h2{font-size:18px;line-height:1.2}.h2-bold{font-weight:700}.text-is-blue{color:var(--accent)}.text-is-gray{color:var(--text-secondary)}.text-is-red{color:var(--error)}.text-is-white{color:var(--background)}.glossary--wrapper{width:100%}.glossary--letters{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin-bottom:36px;padding-bottom:6px;border-bottom:1px solid var(--border)}.glossary--letter-btn{display:flex;align-items:center;justify-content:center;background:var(--background);border:none;border-radius:6px;font-weight:600;width:48px;height:48px;cursor:pointer;transition:background .15s,color .15s}.glossary--letter-btn:hover{background:var(--accent);color:var(--background);outline:none}.glossary--sections{margin-top:8px}.glossary--letter-section{margin-bottom:56px;padding-bottom:12px;border-bottom:1px solid var(--border)}.glossary--letter-section:last-child{border-bottom:none}.glossary--letter-heading{margin-bottom:16px;font-size:32px}.glossary--item-block{margin-bottom:32px}.glossary--term{color:var(--text-primary);margin-bottom:4px}