:root{--primary-color:#2563eb;--primary-hover:#1d4ed8;--bg-color:#f8fafc;--text-color:#1e293b;--heading-color:#0f172a;--card-bg:#ffffff;--nav-bg:rgba(255,255,255,0.85);--border-color:#e2e8f0;--muted:#64748b;--star:#f59e0b;--radius:1rem;--shadow:0 20px 50px -20px rgba(37,99,235,0.35)}@media (prefers-color-scheme:dark){:root{--primary-color:#3b82f6;--primary-hover:#60a5fa;--bg-color:#0f172a;--text-color:#e2e8f0;--heading-color:#f8fafc;--card-bg:#1e293b;--nav-bg:rgba(15,23,42,0.85);--border-color:#334155;--muted:#94a3b8;--shadow:0 20px 50px -20px rgba(0,0,0,0.7)}}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body,html{overflow-x:clip}body{font-family:Inter,system-ui,-apple-system,sans-serif;background-color:var(--bg-color);color:var(--text-color);line-height:1.6}a{color:inherit;text-decoration:none;transition:color .2s}a:hover{color:var(--primary-color)}button{cursor:pointer;border:none;font-family:inherit}img{max-width:100%;height:auto}h1,h2,h3,h4,h5,h6{color:var(--heading-color);line-height:1.2;margin-bottom:1rem}.container{max-width:1200px;margin:0 auto;padding:0 1.5rem}.section{padding:4.5rem 0}.eyebrow{font-size:.85rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--primary-color);margin-bottom:1rem}.lead{font-size:1.2rem;max-width:640px;opacity:.85}.text-center{text-align:center}.lead.text-center,.text-center .lead{margin-left:auto;margin-right:auto}.mb-2{margin-bottom:.5rem}.mb-4{margin-bottom:1rem}.mb-8{margin-bottom:2rem}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.85rem 1.6rem;border-radius:.75rem;font-weight:700;transition:all .2s;border:1px solid transparent}.btn-primary{background-color:var(--primary-color);color:white;box-shadow:var(--shadow)}.btn-primary:hover{background-color:var(--primary-hover);transform:translateY(-1px);color:white}.btn-row{display:flex;gap:1rem;flex-wrap:wrap}@media (max-width:560px){.btn-row{flex-direction:column}.btn-row .btn{width:100%}}.btn-secondary{background-color:var(--card-bg);border-color:var(--border-color);color:var(--heading-color)}.btn-secondary:hover{border-color:var(--primary-color);transform:translateY(-1px)}.hero-grid{display:grid;grid-template-columns:1.05fr .95fr;grid-gap:3rem;gap:3rem;align-items:center}.hero-title{font-size:clamp(2.4rem,5vw,3.6rem);font-weight:800;letter-spacing:-.02em}.hero-title .gradient{background:linear-gradient(to right,var(--primary-color),#8b5cf6);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.hero-cta{display:flex;gap:1rem;flex-wrap:wrap;margin:2rem 0 1rem}.hero-meta{font-size:.9rem;color:var(--muted)}.rating-row{display:flex;align-items:center;gap:.6rem;margin-bottom:1.25rem;font-weight:600}.stars{color:var(--star);letter-spacing:.1em;font-size:1.05rem}.app-badges{display:flex;gap:.5rem;flex-wrap:wrap;margin-top:1.25rem}.badge{font-size:.8rem;font-weight:600;padding:.35rem .7rem;border-radius:999px;border:1px solid var(--border-color);background:var(--card-bg);color:var(--heading-color)}.hero-phones{display:grid;grid-template-columns:1fr 1fr;grid-gap:1.25rem;gap:1.25rem;align-items:start}.phone-shot{border-radius:1.75rem;border:1px solid var(--border-color);box-shadow:var(--shadow);background:var(--card-bg);overflow:hidden}.phone-shot.tall{margin-top:2.5rem}.phone-shot img{display:block;width:100%}.stats-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));grid-gap:1rem;gap:1rem;margin-top:2.5rem;padding-top:2rem;border-top:1px solid var(--border-color)}.stat strong{display:block;font-size:1.4rem;color:var(--heading-color)}.stat span{font-size:.9rem;color:var(--muted)}.feature-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(300px,100%),1fr));grid-gap:1.5rem;gap:1.5rem;margin-top:2.5rem}.feature-card{padding:1.75rem;border-radius:var(--radius);border:1px solid var(--border-color);background-color:var(--card-bg);transition:transform .2s,box-shadow .2s}.feature-card:hover{transform:translateY(-3px);box-shadow:var(--shadow)}.feature-card p{opacity:.82;font-size:.98rem}.feature-icon{width:44px;height:44px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-weight:800;color:white;background:linear-gradient(135deg,var(--primary-color),#8b5cf6);margin-bottom:1rem}.screenshot-strip{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));grid-gap:1.25rem;gap:1.25rem;margin-top:2.5rem}.screenshot-strip figure{border-radius:1.25rem;overflow:hidden;border:1px solid var(--border-color);background:var(--card-bg)}.screenshot-strip img{display:block;width:100%}.screenshot-strip figcaption{padding:.75rem 1rem;font-size:.85rem;color:var(--muted)}.steps-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(250px,100%),1fr));grid-gap:1.25rem;gap:1.25rem;text-align:left;margin-top:2rem}.step-card{padding:1.6rem;border-radius:var(--radius);border:1px solid var(--border-color);background-color:var(--card-bg)}.step-num{font-size:.8rem;font-weight:800;color:var(--primary-color);letter-spacing:.06em;margin-bottom:.5rem}.pro-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(300px,100%),1fr));grid-gap:1.5rem;gap:1.5rem;margin-top:2.5rem;text-align:left}.pro-card{padding:2rem;border-radius:var(--radius);border:1px solid var(--border-color);background:var(--card-bg)}.pro-card.highlight{border:2px solid var(--primary-color);box-shadow:var(--shadow)}.pro-card ul{margin:1rem 0 1.5rem 1.2rem;display:grid;grid-gap:.5rem;gap:.5rem}.faq-list{max-width:820px;margin:2.5rem auto 0;text-align:left;display:grid;grid-gap:1rem;gap:1rem}.faq-item{padding:1.5rem;border-radius:.9rem;border:1px solid var(--border-color);background-color:var(--card-bg)}.cta-band{border-radius:1.5rem;padding:3rem 2rem;background:linear-gradient(135deg,var(--primary-color),#8b5cf6);text-align:center}.cta-band,.cta-band h2{color:white}.cta-band p{opacity:.9;max-width:600px;margin:0 auto 1.75rem}.cta-band .btn-secondary{background:white;color:#1e293b;border-color:white}.prose{max-width:800px}.prose p,.prose ul{margin-bottom:1rem}.prose ul{padding-left:2rem;margin-top:.5rem}.home-page{animation:fadeIn .5s ease-in}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.site-nav{position:-webkit-sticky;position:sticky;top:0;background-color:var(--nav-bg);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-bottom:1px solid var(--border-color);z-index:1000;padding:.85rem 0}.nav-inner{justify-content:space-between;gap:1rem}.nav-brand,.nav-inner{display:flex;align-items:center}.nav-brand{font-size:1.2rem;font-weight:800;gap:.7rem;flex-shrink:0}.nav-links{display:flex;gap:1.4rem;align-items:center;font-size:.95rem;font-weight:600}.nav-toggle{display:none;font-size:1.4rem;line-height:1;padding:.5rem .7rem;border-radius:.6rem;color:var(--heading-color)}.mobile-menu,.nav-toggle{border:1px solid var(--border-color);background:var(--card-bg)}.mobile-menu{display:grid;grid-gap:.25rem;gap:.25rem;margin-top:.75rem;padding:.75rem;border-radius:.9rem;box-shadow:var(--shadow)}.mobile-menu a:not(.btn){padding:.7rem .9rem;border-radius:.6rem;font-weight:700}.mobile-menu a:not(.btn):hover{background:var(--bg-color)}@media (max-width:768px){.nav-links{display:none}.nav-toggle{display:inline-flex;align-items:center;justify-content:center}.tool-card{padding:1.25rem}.cta-band{padding:2rem 1.25rem}.dropzone{padding:2rem 1rem}.hero-title{font-size:2.2rem}}@media (max-width:900px){.hero-grid{grid-template-columns:1fr}.hero-phones{max-width:520px}.section{padding:3rem 0}}.tool-card{background:var(--card-bg);border:1px solid var(--border-color);border-radius:1.25rem;padding:2rem;box-shadow:var(--shadow);margin-top:2rem}.dropzone{border:2px dashed var(--border-color);border-radius:1rem;padding:2.5rem 1.5rem;text-align:center;cursor:pointer;transition:border-color .2s,background .2s}.dropzone.dragover,.dropzone:hover{border-color:var(--primary-color);background:color-mix(in srgb,var(--primary-color) 6%,transparent)}.tool-card input:not([type]),.tool-card input[type=number],.tool-card input[type=text]{min-width:0;max-width:100%}.preset-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));grid-gap:.75rem;gap:.75rem}.preset{display:flex;gap:.7rem;align-items:flex-start;border:1px solid var(--border-color);border-radius:.8rem;padding:.9rem 1rem;cursor:pointer;background:var(--bg-color)}.preset.active{border-color:var(--primary-color);box-shadow:0 0 0 2px color-mix(in srgb,var(--primary-color) 25%,transparent)}.preset strong{display:block;color:var(--heading-color)}.preset small{opacity:.7}.progress{height:10px;border-radius:999px;background:var(--border-color);overflow:hidden}.progress-bar{height:100%;background:linear-gradient(to right,var(--primary-color),#8b5cf6);transition:width .2s}.result-card{margin-top:1.5rem;padding:1.25rem 1.5rem;border-radius:.9rem;border:1px solid var(--border-color);background:var(--bg-color)}.thumb-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(110px,1fr));grid-gap:.75rem;gap:.75rem;margin-top:1rem}.thumb{position:relative;border:2px solid var(--border-color);border-radius:.7rem;overflow:hidden;background:var(--bg-color);cursor:pointer;padding:0;transition:border-color .15s,transform .15s}.thumb:hover{transform:translateY(-2px)}.thumb img{display:block;width:100%}.thumb span{position:absolute;bottom:4px;right:4px;font-size:.75rem;font-weight:800;background:rgba(0,0,0,.65);color:#fff;border-radius:999px;padding:.1rem .5rem}.thumb.selected{border-color:var(--primary-color);box-shadow:0 0 0 2px color-mix(in srgb,var(--primary-color) 30%,transparent)}.thumb-grid.remove-mode .thumb.selected{border-color:#dc2626;box-shadow:0 0 0 2px rgba(220,38,38,.3)}.thumb:not(.selected){opacity:.55}.merge-list{list-style:none;display:grid;grid-gap:.6rem;gap:.6rem;margin-top:1rem;padding:0}.merge-item{gap:.8rem;border:1px solid var(--border-color);border-radius:.8rem;padding:.7rem .9rem;background:var(--bg-color)}.merge-item,.merge-order{display:flex;align-items:center}.merge-order{width:28px;height:28px;flex-shrink:0;border-radius:999px;justify-content:center;font-weight:800;font-size:.85rem;color:white;background:linear-gradient(135deg,var(--primary-color),#8b5cf6)}.merge-info{flex:1 1;min-width:0;display:flex;flex-direction:column}.merge-info strong{color:var(--heading-color);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.merge-info small{opacity:.65}.merge-actions{display:flex;gap:.35rem}.merge-actions button{width:32px;height:32px;border-radius:.55rem;border:1px solid var(--border-color);background:var(--card-bg);color:var(--heading-color);font-weight:800;cursor:pointer}.merge-actions button:disabled{opacity:.35;cursor:default}.merge-actions button:not(:disabled):hover{border-color:var(--primary-color)}