@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap");*{margin:0;padding:0;box-sizing:border-box}:root{--primary-purple:#4caf39;--primary-blue:#3a9430;--success-green:#10b981;--warning-orange:#f59e0b;--error-red:#ef4444;--gray-50:#f9fafb;--gray-100:#f3f4f6;--gray-200:#e5e7eb;--gray-300:#d1d5db;--gray-600:#6b7280;--gray-700:#374151;--gray-900:#111827;--dark-bg:#1f2937;--spacing-xs:8px;--spacing-sm:16px;--spacing-md:24px;--spacing-lg:32px;--spacing-xl:48px;--spacing-xxl:64px;--radius-sm:8px;--radius-md:12px;--radius-lg:20px;--shadow-sm:0 1px 3px rgba(0,0,0,.1);--shadow-md:0 4px 6px rgba(0,0,0,.1);--shadow-lg:0 10px 25px rgba(76,175,57,.2)}html{scroll-behavior:smooth}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;background:var(--gray-50);color:var(--gray-900);line-height:1.6}.content-container{max-width:1200px;margin:0 auto;padding:0 var(--spacing-md)}.section{padding:var(--spacing-lg) 0}.hidden{display:none!important}.hero-section{background:#141414;color:#fff;padding:var(--spacing-lg) 0;text-align:center;box-shadow:inset 0 -70px 80px -50px rgba(76,175,57,.12),0 6px 40px 0 rgba(76,175,57,.1),0 1px 0 0 rgba(76,175,57,.22)}.hero-container{max-width:900px;margin:0 auto;padding:0 var(--spacing-md)}.logo{display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-md)}.logo-icon{font-size:2.5em}.logo-text{font-size:2em;font-weight:700}.hero-headline{font-size:2.5em;font-weight:800;line-height:1.2;margin-bottom:var(--spacing-sm);letter-spacing:-.02em}.hero-subheadline{font-size:1.2em;line-height:1.6;margin-bottom:var(--spacing-md);opacity:.95;font-weight:400}.btn-hero{background:#fff;color:var(--primary-purple);padding:18px 40px;font-size:1.2em;font-weight:700;border:none;border-radius:var(--radius-md);cursor:pointer;transition:transform .2s ease,box-shadow .2s ease;box-shadow:0 8px 20px rgba(0,0,0,.15);display:inline-block}.btn-hero:hover{transform:translateY(-2px);box-shadow:0 12px 25px rgba(0,0,0,.2)}.btn-hero:active{transform:translateY(0)}.scroll-hint{font-size:1em;margin-top:var(--spacing-sm);opacity:.85}.upload-section{background:#fff;padding:var(--spacing-xl) 0}.section-title{font-size:2.5em;font-weight:700;text-align:center;margin-bottom:var(--spacing-md);color:var(--gray-900)}.section-subtitle{font-size:1.3em;text-align:center;color:var(--gray-600);margin-bottom:var(--spacing-lg)}.upload-box{background:#fff;border:2px dashed rgba(76,175,57,.45);border-radius:var(--radius-lg);padding:var(--spacing-xl);text-align:center;transition:all .3s ease;cursor:pointer;box-shadow:0 0 0 1px rgba(76,175,57,.07),0 0 20px rgba(76,175,57,.1),0 4px 16px rgba(0,0,0,.05),inset 0 0 28px rgba(76,175,57,.03)}.upload-box-compact{padding:var(--spacing-lg);max-width:600px;margin:0 auto}.upload-icon-compact{font-size:3em;margin-bottom:var(--spacing-xs)}@media (max-width:768px){.upload-box-compact{padding:var(--spacing-md)}.upload-icon-compact{font-size:2.5em}}.upload-box:hover{border-color:var(--primary-purple);background:rgba(76,175,57,.03);box-shadow:0 0 0 1px rgba(76,175,57,.15),0 0 30px rgba(76,175,57,.18),0 4px 16px rgba(0,0,0,.05),inset 0 0 40px rgba(76,175,57,.05)}.upload-box.drag-over{border-color:var(--primary-purple);background:rgba(76,175,57,.1);transform:scale(1.02)}.upload-icon{font-size:4em;margin-bottom:var(--spacing-sm)}.upload-box h3{font-size:1.5em;margin-bottom:var(--spacing-md);color:var(--gray-900)}.file-info{margin-top:var(--spacing-sm);color:var(--gray-600);font-size:.95em}.btn-primary{background:var(--primary-purple);color:#031a00;padding:16px 32px;font-size:1.1em;font-weight:600;border:none;border-radius:var(--radius-md);cursor:pointer;transition:all .3s ease;box-shadow:0 0 0 1px rgba(76,175,57,.45),0 0 14px rgba(76,175,57,.28),0 0 32px rgba(76,175,57,.1),0 4px 12px rgba(0,0,0,.25)}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 0 0 1px rgba(76,175,57,.65),0 0 22px rgba(76,175,57,.4),0 0 50px rgba(76,175,57,.15),0 6px 16px rgba(0,0,0,.25)}.btn-primary:active{transform:translateY(0)}.btn-primary:disabled{opacity:.5;cursor:not-allowed;transform:none}.btn-secondary{background:transparent;color:#4caf39;padding:14px 28px;font-size:1em;font-weight:600;border:1.5px solid #4caf39;border-radius:var(--radius-md);cursor:pointer;transition:all .2s ease;box-shadow:0 0 0 1px rgba(76,175,57,.3),0 0 10px rgba(76,175,57,.18),0 0 22px rgba(76,175,57,.07)}.btn-secondary:hover{background:rgba(76,175,57,.1);border-color:#3a9430;color:#3a9430}.btn-text{background:none;border:none;color:var(--primary-purple);font-weight:600;cursor:pointer;font-size:1rem;text-decoration:underline;padding:8px 16px;transition:opacity .2s ease}.btn-text:hover{opacity:.8}.mode-toggle{display:flex;gap:16px;justify-content:center;margin:32px auto;max-width:800px}.mode-toggle-compact{max-width:600px;gap:12px;margin:16px auto}.mode-toggle-compact .mode-btn{padding:14px 18px;font-size:1em}.mode-toggle-compact .mode-description{font-size:.8em}@media (max-width:768px){.mode-toggle-compact{flex-direction:column;gap:10px}.mode-toggle-compact .mode-btn{padding:12px 16px;font-size:.95em}}.mode-btn{flex:1 1;background:#fff;border:1.5px solid #c5c7cb;border-radius:var(--radius-md);padding:12px 20px;cursor:pointer;transition:all .3s ease;text-align:left;font-size:1.1em;font-weight:600;color:var(--gray-900);box-shadow:0 1px 3px rgba(0,0,0,.08)}.mode-btn:hover{border-color:var(--primary-purple);transform:translateY(-2px);box-shadow:0 0 0 1px rgba(76,175,57,.35),0 0 14px rgba(76,175,57,.2),0 6px 16px rgba(76,175,57,.1)}.mode-btn.active{background:var(--primary-purple);color:#031a00;border-color:transparent;box-shadow:0 0 0 1px rgba(76,175,57,.5),0 0 16px rgba(76,175,57,.3),0 0 36px rgba(76,175,57,.12),0 4px 12px rgba(0,0,0,.15)}.mode-description{display:none;font-size:.85em;font-weight:400;margin-top:8px;opacity:.9}.who-section{background:linear-gradient(180deg,#f8f9ff 0,#fff);padding:var(--spacing-xl) 0}.platforms-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));grid-gap:var(--spacing-md);gap:var(--spacing-md);margin-bottom:var(--spacing-md)}.platforms-grid-compact{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--spacing-sm)}.platform-card{background:#fff;padding:var(--spacing-md);border-radius:var(--radius-md);border:2px solid var(--gray-200);transition:all .2s ease;box-shadow:var(--shadow-sm)}.platform-card-compact{padding:var(--spacing-sm)}.platform-card:hover{transform:translateY(-3px);border-color:var(--primary-purple);box-shadow:0 6px 16px rgba(76,175,57,.2)}.platform-header{display:flex;align-items:center;gap:var(--spacing-xs);margin-bottom:var(--spacing-xs)}.platform-emoji{font-size:1.5em}.platform-card h3{font-size:.95em;font-weight:700;color:var(--gray-900);line-height:1.3}.platform-specs{font-size:.85em;font-weight:600;color:var(--primary-purple);margin-bottom:0}.platform-use{font-size:.75em;color:var(--gray-500);line-height:1.4;font-style:italic;margin-top:.25rem}.privacy-section{background:#fff;padding:var(--spacing-xl) 0;border-top:1px solid var(--gray-200)}.privacy-summary{text-align:center;margin-bottom:var(--spacing-md)}.privacy-features{max-width:800px;margin:var(--spacing-lg) auto 0}.privacy-feature{display:flex;align-items:flex-start;gap:var(--spacing-sm);margin-bottom:var(--spacing-md);padding:var(--spacing-sm);background:var(--gray-50);border-radius:var(--radius-sm)}.privacy-feature .check{color:var(--success-green);font-size:1.5em;font-weight:700;flex-shrink:0}.privacy-feature p{color:var(--gray-700);line-height:1.6}.privacy-guarantee{text-align:center;color:var(--gray-600);font-size:.95em;line-height:1.6;margin-top:var(--spacing-lg);padding:var(--spacing-md);background:var(--gray-50);border-radius:var(--radius-md)}.format-selector-container{margin-bottom:2rem;padding:1.5rem;background:var(--gray-50);border-radius:12px}.format-checkboxes{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));grid-gap:5px;gap:5px}.format-checkbox{display:flex;align-items:center;padding:5px 8px;background:#fff;border:2px solid var(--gray-200);border-radius:7px;cursor:pointer;transition:all .15s ease;gap:7px}.format-checkbox:hover{border-color:var(--primary-purple);background:rgba(76,175,57,.05)}.format-checkbox input[type=checkbox]{width:14px;height:14px;cursor:pointer;flex-shrink:0;margin:0;accent-color:var(--primary-purple)}.checkbox-content{flex:1 1;display:flex;flex-direction:column;gap:1px;min-width:0}.format-checkbox input[type=checkbox]:checked+.checkbox-content .checkbox-label{font-weight:600;color:var(--primary-purple)}.checkbox-label{font-size:.8rem;font-weight:500;color:var(--gray-900);transition:all .15s ease;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.checkbox-size{font-size:.68rem;color:var(--gray-600);font-weight:400}.checkbox-platforms{display:none}.format-checkbox:has(input:checked){border-color:var(--primary-purple);background:rgba(76,175,57,.05)}.cta-hero{text-align:center;padding:var(--spacing-xl) var(--spacing-md);background:#fff;border-radius:var(--radius-lg);box-shadow:var(--shadow-md)}.btn-giant{background:var(--primary-purple);color:#031a00;padding:24px 48px;font-size:1.5em;font-weight:700;border:none;border-radius:var(--radius-md);cursor:pointer;transition:all .3s ease;box-shadow:0 8px 20px rgba(76,175,57,.25);min-width:300px}.btn-giant:hover{transform:translateY(-3px);box-shadow:0 12px 30px rgba(76,175,57,.2)}.btn-giant:active{transform:translateY(0)}.success-box{max-width:600px;margin:0 auto}.modal{position:fixed;z-index:9999;display:flex;align-items:center;justify-content:center;padding:var(--spacing-md)}.modal,.modal-backdrop{top:0;left:0;right:0;bottom:0}.modal-backdrop{position:absolute;background:rgba(0,0,0,.8);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal-content{position:relative;background:#fff;border-radius:var(--radius-lg);padding:var(--spacing-lg);max-width:900px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px rgba(0,0,0,.3)}.modal-content-compact{max-width:700px;padding:0;overflow:visible}.modal-content-compact .modal-header{padding:var(--spacing-lg);padding-bottom:var(--spacing-sm);margin-bottom:0}.modal-content-compact .modal-footer{padding:var(--spacing-lg);padding-top:var(--spacing-sm)}@media (max-width:768px){.modal-content-compact{max-height:85vh;max-width:95vw;margin:0 8px}.modal-content-compact .modal-header h2{font-size:1.3em}.format-checkbox{padding:14px 12px;min-height:60px}.format-checkbox input[type=checkbox]{min-width:22px;min-height:22px}.modal-footer .btn-primary,.modal-footer .btn-secondary{padding:14px 20px;font-size:1em}@media (max-width:480px){.modal-footer{flex-direction:column;gap:10px}.modal-footer button{width:100%}}}.modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-md);padding-bottom:var(--spacing-sm);border-bottom:2px solid var(--gray-200)}.modal-header h2{font-size:1.8em;color:var(--gray-900)}.btn-close{background:none;border:none;font-size:2em;color:var(--gray-600);cursor:pointer;padding:0;width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .2s ease}.btn-close:hover{background:var(--gray-100);color:var(--gray-900)}.crop-controls-top{margin-bottom:var(--spacing-md);text-align:center}.progress-indicator{display:inline-block;padding:8px 16px;background:var(--gray-100);border-radius:var(--radius-sm);font-weight:600;color:var(--gray-700)}.crop-container{margin-bottom:8px}.crop-preview-wrapper{position:relative;max-width:100%;margin:0 auto;background:var(--gray-900);border-radius:var(--radius-md);overflow:hidden;max-height:45vh;display:flex;align-items:center;justify-content:center}.crop-preview-wrapper img{max-height:45vh;width:auto;max-width:100%}.crop-box{position:absolute;border:3px solid #fff;box-shadow:0 0 0 9999px rgba(0,0,0,.5);cursor:move}.crop-overlay{position:absolute;background:rgba(0,0,0,.5)}.crop-overlay-top{top:0;left:0;right:0}.crop-overlay-right{top:0;right:0;bottom:0}.crop-overlay-bottom{bottom:0;left:0;right:0}.crop-overlay-left{top:0;left:0;bottom:0}.crop-controls{display:flex;flex-direction:column;gap:8px;margin-bottom:8px;padding:8px 12px}.control-group label{display:block;font-weight:600;margin-bottom:var(--spacing-xs);color:var(--gray-700)}.button-group{display:flex;gap:var(--spacing-xs)}.btn-control{flex:1 1;padding:12px;background:#fff;border:2px solid var(--gray-300);border-radius:var(--radius-sm);font-weight:600;cursor:pointer;transition:all .2s ease}.btn-control:hover{border-color:var(--primary-purple);background:rgba(76,175,57,.05)}.btn-control:active{transform:scale(.98)}.modal-footer{display:flex;gap:var(--spacing-md);justify-content:flex-end}.ai-loading-indicator{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.7);display:flex;align-items:center;justify-content:center;z-index:10000;opacity:0;visibility:hidden;transition:opacity .3s,visibility .3s}.ai-loading-indicator.visible{opacity:1;visibility:visible}.ai-loading-content{background:#fff;padding:2rem 3rem;border-radius:16px;text-align:center;box-shadow:0 10px 40px rgba(0,0,0,.3)}.ai-loading-content .spinner{width:50px;height:50px;border:4px solid #f3f3f3;border-top-color:#4caf39;border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 1rem}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.ai-loading-content p{margin:.5rem 0;font-size:1.1rem;font-weight:600;color:#333}.ai-loading-subtext{font-size:.9rem!important;font-weight:400!important;color:#666!important}.smart-crop-notification{background:#4caf39;color:#fff;padding:1rem 1.5rem;border-radius:8px;margin-bottom:1rem;display:flex;align-items:center;justify-content:space-between;box-shadow:0 4px 12px rgba(76,175,57,.25)}.smart-crop-notification .confidence{background:hsla(0,0%,100%,.2);padding:.25rem .75rem;border-radius:20px;font-size:.85rem;font-weight:600}.btn-smart-crop{background:#4caf39;color:#fff;border:none;padding:.75rem 1.5rem;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s;display:flex;align-items:center;gap:.5rem;width:100%;justify-content:center}.btn-smart-crop:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(76,175,57,.2)}.btn-smart-crop:active{transform:translateY(0)}.btn-smart-crop:disabled{opacity:.5;cursor:not-allowed;transform:none}@media (max-width:768px){:root{--spacing-lg:24px;--spacing-xl:32px;--spacing-xxl:48px}.hero-section{padding:20px 0;padding-bottom:0!important}.logo{margin-bottom:16px}.logo-icon{font-size:2em}.logo-text{font-size:1.6em}.hero-headline{font-size:1.5em;line-height:1.3;margin-bottom:12px}.hero-subheadline{font-size:.95em;margin-bottom:16px}.btn-hero{width:100%;padding:16px 24px;font-size:1em}.section{padding:var(--spacing-md) 0}.content-container{padding:0 var(--spacing-sm)}.section-title{font-size:1.5em;margin-bottom:16px}.section-subtitle{font-size:1em;margin-bottom:20px}.upload-box{padding:var(--spacing-lg)}.upload-icon{font-size:3em}.upload-box h3{font-size:1.2em}.platforms-grid{gap:var(--spacing-xs)}.platforms-grid,.platforms-grid-compact{grid-template-columns:1fr 1fr}.platform-card,.platform-card-compact{padding:10px}.platform-emoji{font-size:1.3em}.platform-card h3{font-size:.85em}.platform-specs{font-size:.75em}.btn-giant{width:100%;min-width:auto;font-size:1.2em;padding:20px 32px}.modal{padding:var(--spacing-xs)}.modal-content{padding:var(--spacing-md)}.modal-header h2{font-size:1.3em}.crop-controls{grid-template-columns:1fr}.modal-footer{flex-direction:column-reverse}.modal-footer .btn-primary,.modal-footer .btn-secondary{width:100%}.format-checkboxes{grid-template-columns:1fr}}@media (hover:none) and (pointer:coarse){.btn-hero,.btn-primary,.btn-secondary{min-height:48px;min-width:48px}.upload-box{min-height:250px}}@media (max-width:767px){.container{padding:0 15px!important;max-width:100%!important}.content-container{padding:4px 10px!important;margin:0!important}.section{padding:0!important}#upload-section{padding-top:0!important;padding-bottom:8px!important}.upload-section{padding:8px 0!important}.hero-section{padding-bottom:8px!important}h1{font-size:1.75rem!important;line-height:1.2!important;margin-bottom:10px!important}.subtitle{font-size:.9rem!important;margin-bottom:15px!important}.section-title{font-size:1.25rem!important;margin-bottom:6px!important}.mode-toggle{flex-direction:column!important;gap:6px!important;padding:4px!important;margin:0 0 8px!important;max-width:100%!important}.mode-toggle button{width:100%!important;flex:none!important;padding:14px 20px!important;font-size:1rem!important}.format-selector-container{padding:15px!important}.format-selector-container h3{font-size:.95rem!important;margin-bottom:12px!important}.format-grid{grid-template-columns:1fr!important;gap:10px!important}.format-card{padding:12px!important;min-height:auto!important}.format-card label{font-size:.9rem!important}.format-card .format-size{font-size:.75rem!important}.upload-box{padding:30px 20px!important;min-height:200px!important}.upload-icon{font-size:3rem!important;margin-bottom:15px!important}.upload-box h3{font-size:1.1rem!important;margin-bottom:10px!important}.upload-box p{font-size:.85rem!important}.batch-upload-box{padding:25px 15px!important}.batch-file-counter{padding:12px!important;margin-top:15px!important}.batch-file-counter p:first-child{font-size:1.1rem!important}.batch-file-counter p:last-of-type{font-size:.8rem!important}.batch-file-counter>div{flex-direction:column!important;gap:8px!important}.batch-file-counter button{width:100%!important}.btn-primary,.btn-secondary{padding:14px 24px!important;font-size:1rem!important;width:100%!important;max-width:none!important}#preview-section{padding:20px 15px!important}.preview-grid{grid-template-columns:1fr!important;gap:15px!important}.preview-card{padding:12px!important}.preview-card img{max-height:250px!important}.preview-card h3{font-size:1rem!important}.preview-card .format-name{font-size:.8rem!important}#download-all-btn{width:100%!important;padding:16px!important;font-size:1.1rem!important;margin-top:20px!important}.progress-overlay{padding:20px!important}.progress-content{padding:25px 20px!important;max-width:90%!important}.progress-content h3{font-size:1.2rem!important}.features-grid{grid-template-columns:1fr!important;gap:15px!important}.feature-card{padding:15px!important}.feature-icon{font-size:2rem!important}.feature-card h3{font-size:1.1rem!important}.feature-card p,footer{font-size:.85rem!important}footer{padding:30px 15px!important}.btn-primary,.btn-secondary,input[type=checkbox],label{min-height:44px!important;cursor:pointer!important}#crop-modal button{min-height:unset!important;min-width:unset!important}input[type=checkbox]{width:20px!important;height:20px!important}section{margin-bottom:30px!important}.desktop-only{display:none!important}}@media (min-width:768px) and (max-width:1023px){.container{padding:0 30px!important}.features-grid,.format-grid,.preview-grid{grid-template-columns:repeat(2,1fr)!important}.mode-toggle{max-width:600px!important}}@media (min-width:1024px){.features-grid,.format-grid,.preview-grid{grid-template-columns:repeat(3,1fr)!important}}@media (min-width:1440px){.preview-grid{grid-template-columns:repeat(4,1fr)!important}}@media (max-width:767px) and (orientation:landscape){.upload-box{min-height:150px!important}.upload-icon{font-size:2.5rem!important}.format-grid{grid-template-columns:repeat(2,1fr)!important}}@media (prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}}@media (max-width:480px){.btn-primary,.btn-secondary{padding:6px 10px!important;font-size:.78em!important}}@media (min-width:768px){.logo-desktop{display:block!important}.logo-mobile{display:none!important}}@media (max-width:768px){#crop-modal{align-items:flex-end;padding:0}#crop-modal .modal-content{border-radius:16px 16px 0 0!important;width:100%!important;max-width:100%!important}#crop-modal .crop-preview-wrapper,#crop-modal .crop-preview-wrapper img{max-height:34vh}}#crop-modal .modal-content{padding:0!important;display:flex!important;flex-direction:column!important;max-height:96dvh!important;overflow:hidden!important}#crop-modal .crop-container{flex:1 1 auto;min-height:0;margin-bottom:0}.crop-btn{flex:1 1;padding:6px 4px;font-size:13px;font-weight:600;background:#fff;border:1px solid #d1d5db;border-radius:6px;cursor:pointer;min-height:unset!important;min-width:unset!important;transition:background .15s,border-color .15s;-webkit-tap-highlight-color:transparent;line-height:1.2}.crop-btn:active,.crop-btn:hover{border-color:#4caf39;background:rgba(76,175,57,.07)}.blog-page{min-height:100vh;background:var(--gray-50);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.blog-header{background:#141414;color:#fff;padding:var(--spacing-lg) 0}.blog-header-inner{max-width:860px;margin:0 auto;padding:0 var(--spacing-md);display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:var(--spacing-sm)}.blog-header-logo{font-size:1.5em;font-weight:700;color:#fff;text-decoration:none}.blog-header-logo span{opacity:.85;font-weight:400;font-size:.85em;margin-left:8px}.blog-header-back{color:hsla(0,0%,100%,.85);text-decoration:none;font-size:.95em;font-weight:500;transition:color .2s ease}.blog-header-back:hover{color:#fff}.blog-container{max-width:860px;margin:0 auto;padding:var(--spacing-xl) var(--spacing-md)}.blog-index-heading{font-size:2em;font-weight:800;color:var(--gray-900);margin-bottom:8px}.blog-index-subheading{font-size:1.1em;color:var(--gray-600);margin-bottom:var(--spacing-lg)}.blog-post-list{display:flex;flex-direction:column;gap:var(--spacing-md)}.blog-post-card{background:#fff;border:1px solid var(--gray-200);border-radius:var(--radius-md);padding:var(--spacing-md);text-decoration:none;display:block;transition:all .2s ease;box-shadow:var(--shadow-sm)}.blog-post-card:hover{border-color:var(--primary-purple);box-shadow:0 4px 16px rgba(76,175,57,.15);transform:translateY(-2px)}.blog-post-date{font-size:.85em;color:var(--gray-600);margin-bottom:8px}.blog-post-title{font-size:1.25em;font-weight:700;color:var(--gray-900);margin-bottom:8px;line-height:1.35;transition:color .2s ease}.blog-post-card:hover .blog-post-title{color:var(--primary-purple)}.blog-post-description{font-size:.95em;color:var(--gray-600);line-height:1.6;margin-bottom:12px}.blog-post-read-more{font-size:.9em;font-weight:600;color:var(--primary-purple)}.article-container{max-width:720px;margin:0 auto;padding:var(--spacing-xl) var(--spacing-md)}.article-back-link{display:inline-block;color:var(--gray-600);text-decoration:none;font-size:.9em;margin-bottom:var(--spacing-md);transition:color .2s ease}.article-back-link:hover{color:var(--primary-purple)}.article-date{font-size:.9em;color:var(--gray-600);margin-bottom:12px}.article-title{font-size:2em;font-weight:800;color:var(--gray-900);line-height:1.25;margin-bottom:var(--spacing-sm);letter-spacing:-.02em}.article-description{font-size:1.15em;color:var(--gray-600);line-height:1.6;margin-bottom:var(--spacing-md)}.article-divider{border:none;border-top:1px solid var(--gray-200);margin-bottom:var(--spacing-lg)}.article-body h2{font-size:1.5em;margin-top:var(--spacing-lg);margin-bottom:var(--spacing-sm);line-height:1.3}.article-body h2,.article-body h3{font-weight:700;color:var(--gray-900)}.article-body h3{font-size:1.2em;margin-top:var(--spacing-md);margin-bottom:10px}.article-body p{font-size:1.05em;color:var(--gray-700);line-height:1.75;margin-bottom:var(--spacing-sm)}.article-body ol,.article-body ul{margin-left:var(--spacing-md);margin-bottom:var(--spacing-sm)}.article-body li{font-size:1.05em;color:var(--gray-700);line-height:1.75;margin-bottom:6px}.article-callout{border-left:4px solid var(--primary-purple);background:rgba(76,175,57,.07);padding:var(--spacing-sm) var(--spacing-md);border-radius:0 var(--radius-sm) var(--radius-sm) 0;margin:var(--spacing-md) 0}.article-callout p{color:var(--primary-blue)!important;font-style:italic;margin-bottom:0!important}.article-cta{background:#fff;border:1px solid var(--gray-200);border-radius:var(--radius-md);padding:var(--spacing-lg);text-align:center;margin-top:var(--spacing-xl);box-shadow:var(--shadow-sm)}.article-cta h3{font-size:1.3em;font-weight:700;color:var(--gray-900);margin-bottom:8px}.article-cta p{color:var(--gray-600);font-size:.95em;margin-bottom:var(--spacing-md);line-height:1.6}.blog-footer{background:var(--gray-900);color:var(--gray-300);text-align:center;padding:var(--spacing-lg);font-size:.9em;margin-top:var(--spacing-xl)}.blog-footer a{color:var(--gray-300);text-decoration:none;margin:0 12px;transition:color .2s ease}.blog-footer a:hover{color:#fff}@media (max-width:768px){.article-title{font-size:1.5em}.blog-index-heading{font-size:1.6em}.blog-header-inner{flex-direction:column;align-items:flex-start}}.crop-btn.active{background:#4caf39;border-color:#4caf39;color:#fff}@media (max-width:767px){.btn-signup{white-space:normal!important;line-height:1.2!important;text-align:center!important;max-width:88px!important}.hero-section{padding:12px 0 16px!important}.hero-headline{font-size:1.75em!important;margin-bottom:8px!important}.hero-subheadline{display:none!important}.pricing-bar-mobile-compact{padding:6px 14px!important;font-size:.78em!important;margin-top:6px!important;border-radius:6px!important}#upload-section .section-subtitle,#upload-section .section-title{display:none!important}.section{padding:0!important}.mode-toggle-compact{margin:0 auto!important;padding-top:10px!important;padding-bottom:6px!important}#upload-section{padding-top:0!important;padding-bottom:12px!important}.upload-box-compact{padding:20px 16px!important}.hero-usage-warning{margin-top:6px!important}.upload-icon-compact{display:none!important}.upload-box-compact{padding:16px!important}.upload-box-compact h3{margin-bottom:8px!important;font-size:1.1em!important}.upload-box-compact p{margin-bottom:12px!important;font-size:.85em!important}.hero-headline{font-size:1.55em!important;line-height:1.25!important}}@media (min-width:768px){#upload-section .section-subtitle,#upload-section .section-title,.hero-subheadline{display:block!important}.hero-section{padding:16px 0 20px!important}.hero-headline{font-size:2.2em!important;margin-bottom:10px!important}.hero-subheadline{font-size:1.1em!important;margin-bottom:14px!important}.pricing-bar-mobile-compact{margin-top:8px!important}.mode-toggle-compact{margin:8px auto 4px!important}#upload-section .section-subtitle,#upload-section .section-title{display:none!important}#upload-section{padding-top:8px!important;padding-bottom:16px!important}.upload-icon-compact{display:none!important}.upload-box-compact{padding:24px!important}}.modal-content .btn-secondary,.modal-footer .btn-secondary{background:#fff;color:var(--gray-700);border:1.5px solid var(--gray-300)}.modal-content .btn-secondary:hover,.modal-footer .btn-secondary:hover{background:var(--gray-50);border-color:var(--gray-600);color:var(--gray-700)}.mode-section{padding:16px 0 8px!important}@media (max-width:767px){.mode-section{padding:10px 0 0!important}#upload-section{padding:0 0 16px!important}}@media (min-width:768px){.mode-section{padding:12px 0 4px!important}#upload-section{padding:0 0 8px!important}.upload-box-compact{padding:16px!important}.upload-box-compact h3{margin-bottom:6px!important;font-size:1.1em!important}.upload-box-compact p{margin-bottom:10px!important}}@media (max-width:767px){.mode-section,.section{padding:0!important;margin:0!important}.mode-toggle-compact{padding:10px 0 4px!important;margin:0 auto!important}#upload-section{padding:0 0 12px!important;margin:0!important}.upload-box-compact{padding:16px!important;margin-top:0!important}}