:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#1f2430;background:#fff;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px;background:#fff;color:#1f2430}button,input,select{font:inherit}a{color:inherit}button{cursor:pointer}.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}.motricialy-local-header{width:100%;height:74px;background:#fff;border-bottom:1px solid #f1f1f1;position:relative;z-index:100}.motricialy-local-header-inner{width:1200px;max-width:90%;height:74px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:24px}.motricialy-local-logo{display:flex;align-items:center;height:74px}.motricialy-local-logo img{width:auto;max-width:120px;max-height:58px;display:block}.motricialy-local-desktop-nav{display:flex;align-items:center;height:74px;gap:0}.motricialy-local-desktop-nav>a{display:flex;align-items:center;height:74px;padding:0 14px;font-size:13px;letter-spacing:.5px;color:#555;text-decoration:none;transition:color .2s ease}.motricialy-local-desktop-nav>a:hover{color:#6f4be8}.motricialy-local-search svg,.motricialy-local-mobile-menu svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.motricialy-local-mobile-menu{display:none;position:relative}.motricialy-local-mobile-menu summary{list-style:none;display:flex;align-items:center;gap:7px;color:#555;cursor:pointer;min-height:44px}.motricialy-local-mobile-menu summary::-webkit-details-marker{display:none}.motricialy-local-mobile-menu nav{position:absolute;right:0;top:52px;width:min(300px,86vw);background:#fff;border:1px solid #ececf1;box-shadow:0 14px 36px #1c18321f;padding:8px;border-radius:10px}.motricialy-local-mobile-menu nav a{display:block;padding:11px 12px;border-radius:7px;text-decoration:none;font-size:14px;color:#40424b}.motricialy-local-mobile-menu nav a:hover{background:#f7f5ff;color:#5d35cc}.motricialy-local-footer{background:#222;color:#ccc;margin-top:72px}.motricialy-local-footer-main{padding:34px 0 28px}.motricialy-local-footer-grid{width:1200px;max-width:90%;margin:0 auto;display:grid;grid-template-columns:1.35fr .9fr .9fr 1.15fr;gap:36px;align-items:start}.motricialy-footer-logo{width:min(300px,100%);height:auto;display:block;margin:0 0 14px}.motricialy-footer-about p,.motricialy-footer-newsletter p{font-size:15px;line-height:1.65;margin:0 0 18px;color:#ccc}.motricialy-social-row{display:flex;gap:12px}.motricialy-social-row a{width:32px;height:32px;display:grid;place-items:center;color:#fff;border-radius:50%;border:1px solid rgba(255,255,255,.18);transition:border-color .2s ease,color .2s ease}.motricialy-social-row a:hover{color:#bcaaf8;border-color:#bcaaf8a6}.motricialy-social-row svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.motricialy-social-row svg .fill-dot{fill:currentColor;stroke:none}.motricialy-footer-column,.motricialy-footer-newsletter{display:flex;flex-direction:column;gap:10px}.motricialy-footer-column h2,.motricialy-footer-newsletter h2{color:#fff;font-size:13px;line-height:1.2;text-transform:uppercase;letter-spacing:1px;margin:2px 0 10px;padding-left:13px;border-left:3px solid #6f4be8}.motricialy-footer-column a{color:#fff;text-decoration:none;font-size:15px;line-height:1.6}.motricialy-footer-column a:hover{color:#bcaaf8}.motricialy-newsletter-fake{height:42px;border:1px solid #555;border-radius:3px;display:flex;align-items:center;justify-content:space-between;color:#aaa;padding-left:12px;font-size:13px;overflow:hidden}.motricialy-newsletter-fake b{align-self:stretch;min-width:52px;display:grid;place-items:center;background:#6f4be8;color:#fff;letter-spacing:.8px}.motricialy-gdpr-fake{font-size:12px;display:flex;gap:8px;align-items:center;color:#aaa}.motricialy-gdpr-fake i{width:13px;height:13px;border:1px solid #777;display:inline-block;border-radius:2px}.motricialy-local-footer-bottom{background:#1b1b1b;color:#929292;text-align:center;font-size:12px;line-height:1.3;padding:16px 20px}.crop-image-app{--purple: #6f4be8;--purple-dark: #5d35cc;--purple-light: #815ff0;--purple-50: #f8f6ff;--purple-75: #f4f1ff;--purple-100: #eee9ff;--purple-border: #ded5fb;--text: #222631;--muted: #69707d;--line: #e7e8ed;--panel: #ffffff;width:100%;overflow:hidden}.crop-image-app main{width:100%}.crop-image-app button,.crop-image-app input{font-family:inherit}.crop-image-app button:focus-visible,.crop-image-app input:focus-visible,.crop-image-app [tabindex]:focus-visible,.crop-image-app a:focus-visible{outline:3px solid rgba(111,75,232,.28);outline-offset:2px}.tool-hero{width:980px;max-width:calc(100% - 40px);margin:0 auto;padding:64px 0 30px;text-align:center}.tool-eyebrow{display:inline-flex;align-items:center;min-height:25px;padding:4px 10px;border-radius:999px;background:#f5f2ff;color:#6f4be8;font-size:11px;line-height:1;font-weight:750;letter-spacing:.11em}.tool-hero h1{margin:14px 0;color:#1f2430;font-size:clamp(44px,4vw,52px);line-height:1.08;letter-spacing:-.035em;font-weight:780}.tool-hero>p{max-width:760px;margin:0 auto;color:#666e79;font-size:16px;line-height:1.68}.trust-row{display:flex;justify-content:center;gap:8px 20px;flex-wrap:wrap;margin-top:18px;color:#69707c;font-size:13px}.trust-row span+span:before{content:"•";color:#9a9ea7;margin-right:20px}.upload-stage{width:1200px;max-width:calc(100% - 40px);margin:0 auto 58px}.upload-dropzone{width:100%;min-height:264px;border:1.5px dashed #cfd2da;border-radius:18px;background:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:34px;color:#525964;transition:border-color .2s ease,box-shadow .2s ease,background .2s ease}.upload-dropzone:hover,.upload-dropzone.is-dragging{border-color:#8d73e8;background:#fbfaff;box-shadow:0 12px 34px #3d2b7214}.upload-icon{width:50px;height:50px;border-radius:14px;display:grid;place-items:center;background:#f5f2ff;color:#6f4be8;margin-bottom:4px}.upload-icon svg{width:25px;height:25px;fill:none;stroke:currentColor;stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round}.upload-dropzone strong{color:#2d313b;font-size:19px;font-weight:730}.upload-dropzone>span:not(.upload-icon){font-size:14px;color:#737985}.upload-dropzone small{margin-top:6px;color:#969ba5;font-size:12px}.tool-error{max-width:760px;margin:14px auto 0;padding:11px 14px;background:#fff3f3;border:1px solid #f1cdcd;border-radius:9px;color:#a33b3b;font-size:13px;line-height:1.5}.tool-error.compact{margin:12px 0 0}.editor-stage{width:1600px;max-width:calc(100% - 34px);margin:0 auto 64px}.editor-shell{display:grid;grid-template-columns:minmax(0,1fr) 356px;gap:18px;align-items:start}.editor-main,.control-panel{background:#fff;border:1px solid #e4e5ea;border-radius:16px;box-shadow:0 8px 28px #2023320e}.editor-main{min-width:0;overflow:hidden}.source-summary{min-height:66px;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 18px;border-bottom:1px solid #e8e9ed}.source-summary>div{min-width:0;display:flex;flex-direction:column;gap:3px}.source-summary strong{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#2b2f38;font-size:14px}.source-summary span{font-size:12px;color:#7a808b}.text-button{border:0;padding:8px 0;background:transparent;color:#6546cf;font-size:13px;font-weight:650}.text-button:hover{color:#4e2bb7;text-decoration:underline}.crop-editor-wrap{background:#17181c}.crop-editor-viewport{width:100%;height:640px;position:relative;overflow:hidden;background:#17181c;-webkit-user-select:none;user-select:none;touch-action:none;cursor:grab}.crop-editor-viewport:active{cursor:grabbing}.crop-editor-canvas{position:absolute;top:0;right:0;bottom:0;left:0;display:block}.crop-selection{position:absolute;border:2px solid rgba(255,255,255,.96);box-shadow:0 0 0 1px #6f4be8fa,inset 0 0 0 1px #ffffff57;cursor:move;touch-action:none}.crop-selection:after{content:"";position:absolute;top:-5px;right:-5px;bottom:-5px;left:-5px;border:1px solid rgba(111,75,232,.46);pointer-events:none}.crop-size-badge{position:absolute;z-index:5;transform:translateY(0);padding:5px 8px;border-radius:6px;background:#141419c7;color:#fff;font-size:11px;line-height:1.2;font-weight:650;pointer-events:none;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.crop-handle{position:absolute;z-index:8;width:15px;height:15px;margin:-7.5px 0 0 -7.5px;padding:0;border:2px solid #6f4be8;background:#fff;border-radius:50%;box-shadow:0 2px 8px #0f0c1a47;touch-action:none}.crop-handle-n,.crop-handle-s{width:22px;height:9px;margin-left:-11px;margin-top:-4.5px;border-radius:7px;cursor:ns-resize}.crop-handle-e,.crop-handle-w{width:9px;height:22px;margin-left:-4.5px;margin-top:-11px;border-radius:7px;cursor:ew-resize}.crop-handle-nw,.crop-handle-se{cursor:nwse-resize}.crop-handle-ne,.crop-handle-sw{cursor:nesw-resize}.crop-editor-help{min-height:48px;padding:10px 16px;background:#202126;color:#c5c7ce;display:flex;justify-content:space-between;align-items:center;gap:16px;font-size:12px;line-height:1.45}.crop-editor-help .text-button{color:#c8bdf1;white-space:nowrap}.control-panel{padding:8px 18px 18px;position:sticky;top:16px}.control-section{padding:15px 0 16px;border-bottom:1px solid #ececf0}.control-section:last-of-type{border-bottom:0}.control-title{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-bottom:10px}.control-title h2{margin:0;color:#30343d;font-size:14px;line-height:1.3;font-weight:730}.control-title span{color:#858a94;font-size:11px}.ratio-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px}.ratio-grid button,.format-row button{min-height:38px;border:1px solid #dfe1e7;border-radius:8px;background:#fff;color:#565d68;font-size:12px;font-weight:650;transition:border-color .18s ease,background .18s ease,color .18s ease}.ratio-grid button:hover,.format-row button:hover{border-color:#aa99ed;color:#5d35cc}.ratio-grid button.active,.format-row button.active{border-color:#7b5fe0;background:#f4f1ff;color:#5d35cc;box-shadow:inset 0 0 0 1px #6f4be814}.custom-ratio-row{display:flex;align-items:end;gap:8px;margin-top:10px}.custom-ratio-row label{flex:1}.custom-ratio-row label span{display:block;font-size:11px;color:#797f89;margin-bottom:4px}.custom-ratio-row input{width:100%;height:40px;border:1px solid #dfe1e7;border-radius:8px;padding:0 9px}.custom-ratio-row b{padding-bottom:10px;color:#8a8f99}.numeric-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px}.numeric-field>span{display:block;margin-bottom:5px;font-size:11px;color:#747b86}.numeric-field>div{display:flex;height:42px;border:1px solid #dde0e6;border-radius:8px;overflow:hidden;background:#fff}.numeric-field input{width:100%;min-width:0;border:0;outline:0;padding:0 9px;color:#343842;font-size:13px}.numeric-field b{display:grid;place-items:center;width:32px;background:#f7f7f9;color:#989da6;font-size:10px;font-weight:650}.control-help{margin:8px 0 0;color:#838994;font-size:11px;line-height:1.5}.zoom-slider{width:100%;accent-color:#6f4be8}.mobile-preview-zoom{display:none}.format-row{display:grid;grid-template-columns:repeat(4,1fr);gap:7px}.action-stack{display:grid;gap:9px;padding-top:16px}.primary-button,.secondary-button{width:100%;min-height:48px;border-radius:9px;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-weight:720;font-size:14px;transition:transform .16s ease,box-shadow .16s ease,background .16s ease}.primary-button{border:1px solid #6f4be8;background:#6f4be8;color:#fff;box-shadow:0 7px 16px #5d35cc2e}.primary-button:hover{background:#5d35cc;border-color:#5d35cc;box-shadow:0 9px 20px #5d35cc3b}.secondary-button{border:1px solid #dddfe5;background:#fff;color:#4f5662}.secondary-button:hover{border-color:#b8abe8;color:#5d35cc;background:#faf9ff}.primary-button svg,.secondary-button svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.tool-status{margin:12px 0 0;padding:9px 10px;border-radius:8px;background:#f5f2ff;color:#5d35cc;font-size:11px;line-height:1.45}.landing-content{width:980px;max-width:calc(100% - 40px);margin:0 auto;padding:0 0 22px}.landing-section{padding:54px 0 8px}.section-heading{text-align:left;margin-bottom:24px}.section-label{display:inline-flex;padding:5px 9px;border-radius:999px;background:#f0ebff;color:#6f4be8;font-size:10px;line-height:1;letter-spacing:.12em;font-weight:780}.section-heading h2{margin:11px 0 8px;color:#2a2d36;font-size:29px;line-height:1.25;letter-spacing:-.02em;font-weight:760}.section-underline{display:block;width:46px;height:3px;border-radius:99px;background:linear-gradient(90deg,#6f4be8,#815ff0)}.section-heading>p{max-width:760px;margin:13px 0 0;color:#68707c;font-size:15px;line-height:1.7}.steps-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.step-card,.feature-card{position:relative;overflow:hidden;border:1px solid #e2ddf6;border-radius:13px;background:#fbfaff;padding:20px 20px 19px;transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}.step-card:before{content:"";position:absolute;inset:0 auto 0 0;width:0;background:linear-gradient(180deg,#6f4be8,#815ff0);transition:width .2s ease}.step-card:hover,.feature-card:hover{transform:translateY(-3px);border-color:#c9bdf2;box-shadow:0 12px 28px #4c34971a}.step-card:hover:before{width:4px}.step-card>span{display:grid;place-items:center;width:36px;height:36px;margin-bottom:14px;border-radius:10px;background:linear-gradient(135deg,#6f4be8,#815ff0);color:#fff;font-weight:800;font-size:14px;box-shadow:0 6px 14px #5d35cc2e}.step-card h3,.feature-card h3{margin:0 0 7px;color:#323640;font-size:16px;line-height:1.4;font-weight:730}.step-card p,.feature-card p,.guidance-grid p,.faq-answer p,.related-card p{margin:0;color:#68707b;font-size:15px;line-height:1.65}.features-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.feature-card{min-height:160px;background:#f8f5ff}.feature-card:nth-child(2),.feature-card:nth-child(5){background:#f6f2ff}.feature-card:nth-child(3),.feature-card:nth-child(4){background:#faf8ff}.feature-card:after{content:"";position:absolute;top:-26px;right:-26px;width:82px;height:82px;border-radius:50%;background:#815ff014;transition:transform .2s ease,background .2s ease}.feature-card:hover:after{transform:scale(1.08);background:#815ff021}.guidance-section{margin-top:34px;padding:42px 32px 34px;border:1px solid #e4def7;border-radius:18px;background:linear-gradient(180deg,#fbfaff,#f7f3ff);position:relative;overflow:hidden}.guidance-section:after{content:"";position:absolute;width:180px;height:180px;right:-70px;top:-90px;border-radius:50%;background:#815ff014;pointer-events:none}.guidance-section .landing-section{padding:0}.guidance-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;position:relative;z-index:1}.guidance-grid>div{padding-right:10px}.guidance-grid h3{margin:0 0 8px;color:#363a44;font-size:15px;line-height:1.4}.faq-list{border-top:1px solid #e6e1f5}.faq-item{border-bottom:1px solid #e6e1f5;transition:background .2s ease,box-shadow .2s ease}.faq-item:hover{background:#fbf9ff}.faq-item.open,.faq-item[open]{background:#f8f5ff;box-shadow:inset 4px 0 #6f4be8}.faq-item>button{width:100%;min-height:64px;padding:14px 16px;border:0;background:transparent;color:#343842;display:flex;justify-content:space-between;align-items:center;gap:20px;text-align:left;font-size:15px;font-weight:700}.faq-item>button b{width:28px;height:28px;flex:0 0 28px;display:grid;place-items:center;border-radius:50%;background:#eee8ff;color:#6f4be8;font-size:18px;line-height:1;font-weight:500}.faq-answer{padding:0 52px 17px 16px}.related-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.related-card{position:relative;min-height:112px;border:1px solid #e4def6;border-radius:12px;background:#fff;padding:17px 54px 17px 20px;text-decoration:none;display:flex;align-items:center;overflow:hidden;transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}.related-card:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:linear-gradient(180deg,#6f4be8,#815ff0);transition:width .2s ease}.related-card:hover{transform:translateY(-2px);border-color:#c9bdf2;box-shadow:0 9px 22px #4c349714}.related-card:hover:before{width:6px}.related-card h3{margin:0 0 5px;color:#343842;font-size:15px;line-height:1.4}.related-card p{font-size:13px;line-height:1.5}.related-card>span{position:absolute;right:17px;top:50%;width:30px;height:30px;margin-top:-15px;display:grid;place-items:center;border-radius:50%;background:#f0ebff;color:#6f4be8;font-size:17px;transition:transform .2s ease,background .2s ease}.related-card:hover>span{transform:translate(2px);background:#e8e0ff}@media(max-width:959px){.motricialy-local-desktop-nav{display:none}.motricialy-local-mobile-menu{display:block}.motricialy-local-footer-grid{grid-template-columns:1fr 1fr;gap:32px 42px}.editor-shell{grid-template-columns:1fr}.control-panel{position:static}.crop-editor-viewport{height:560px}}@media(max-width:760px){.steps-grid,.features-grid,.guidance-grid,.related-grid{grid-template-columns:1fr}.guidance-section{padding:34px 22px 28px}}@media(max-width:620px){.motricialy-local-header-inner,.motricialy-local-footer-grid{max-width:calc(100% - 28px)}.motricialy-local-footer-grid{grid-template-columns:1fr}.motricialy-local-footer{margin-top:52px}.tool-hero{max-width:calc(100% - 28px);padding:42px 0 24px;text-align:left}.tool-hero h1{font-size:clamp(32px,9.5vw,44px);margin-top:12px}.tool-hero>p{font-size:15px}.trust-row{flex-direction:column;align-items:flex-start;gap:7px;margin-top:14px;font-size:12px}.trust-row span{position:relative;padding-left:15px}.trust-row span:before,.trust-row span+span:before{content:"";position:absolute;left:1px;top:.6em;width:5px;height:5px;border-radius:50%;background:#815ff0;margin:0}.upload-stage{max-width:calc(100% - 28px);margin-bottom:42px}.upload-dropzone{min-height:230px;padding:28px 18px;border-radius:15px}.editor-stage{max-width:calc(100% - 20px);margin-bottom:46px}.editor-main,.control-panel{border-radius:12px}.source-summary{align-items:flex-start;flex-direction:column;gap:5px}.crop-editor-viewport{height:420px}.crop-editor-help{align-items:flex-start;flex-direction:column;gap:3px}.desktop-preview-zoom{display:none}.mobile-preview-zoom{display:block;padding:14px 16px 16px;border-top:1px solid #ececf0;background:#fff}.mobile-preview-zoom .control-title{margin-bottom:8px}.mobile-preview-zoom .control-title h2{font-size:14px}.mobile-preview-zoom .control-title span{font-size:12px}.mobile-preview-zoom .zoom-slider{min-height:32px;margin:0}.mobile-preview-zoom .control-help{margin-top:6px}.crop-handle{width:20px;height:20px;margin:-10px 0 0 -10px}.crop-handle-n,.crop-handle-s{width:30px;height:12px;margin-left:-15px;margin-top:-6px}.crop-handle-e,.crop-handle-w{width:12px;height:30px;margin-left:-6px;margin-top:-15px}.control-panel{padding:6px 14px 16px}.ratio-grid{grid-template-columns:repeat(3,1fr)}.ratio-grid button,.format-row button{min-height:44px}.numeric-field>div,.custom-ratio-row input{height:48px}.primary-button,.secondary-button{min-height:50px}.landing-content{max-width:calc(100% - 28px)}.landing-section{padding-top:44px}.section-heading h2{font-size:26px}.step-card,.feature-card{padding:18px}.step-card:hover,.feature-card:hover,.related-card:hover{transform:none}.guidance-section{margin-left:-2px;margin-right:-2px;padding:30px 18px 24px}.faq-item>button{min-height:60px;padding:13px 12px}.faq-answer{padding:0 42px 16px 12px}.related-card{min-height:104px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.crop-image-app *,.motricialy-local-header *,.motricialy-local-footer *{transition:none!important;animation:none!important}}
