:root{--color-bg:#f7f8fc;--color-bg-deep:#eef0f8;--color-surface:#fff;--color-ink:#14141f;--color-ink-muted:#4d5068;--color-brand:#3f3d9e;--color-brand-hover:#2f2d7a;--color-brand-soft:#e8e7f8;--color-border:#d5d7e5;--color-border-strong:#9aa0bd;--color-error:#a11d16;--color-error-bg:#fdeceb;--color-success:#0b6b3a;--color-success-bg:#e6f6ec;--color-focus:#3f3d9e;--font-display:"Outfit", "Segoe UI", sans-serif;--font-body:"Source Sans 3", "Segoe UI", sans-serif;--radius-sm:6px;--radius-md:10px;--shadow-soft:0 1px 2px #14141f0f;--space-page:clamp(1.25rem, 4vw, 2.5rem);--max-width:68rem;--header-h:3.75rem;--ease:cubic-bezier(.22, 1, .36, 1);--accent-range:#3f3d9e}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth}body{min-height:100vh;font-family:var(--font-body);color:var(--color-ink);background-color:var(--color-bg);background-image:radial-gradient(ellipse 90% 60% at 8% -12%, #3f3d9e24, transparent 55%), radial-gradient(ellipse 70% 50% at 100% 0%, #3730a314, transparent 50%), linear-gradient(180deg, #fff 0%, var(--color-bg) 38%, var(--color-bg-deep) 100%);background-attachment:fixed;margin:0;font-size:1.0625rem;line-height:1.6}img{max-width:100%;height:auto;display:block}a{color:var(--color-brand);text-underline-offset:.15em;text-decoration-thickness:1px}a:hover{color:var(--color-brand-hover)}:focus-visible{outline:3px solid var(--color-focus);outline-offset:2px}.skip-link{z-index:1000;background:var(--color-ink);color:#fff;border-radius:var(--radius-sm);padding:.6rem 1rem;text-decoration:none;position:absolute;top:-100%;left:.75rem}.skip-link:focus{top:.75rem}.site-header{z-index:50;backdrop-filter:blur(10px);border-bottom:1px solid var(--color-border);background:#f3f7f8e0;position:sticky;top:0}.site-header__inner{max-width:var(--max-width);padding:.85rem var(--space-page);min-height:var(--header-h);justify-content:space-between;align-items:center;gap:1rem;margin:0 auto;display:flex}.brand{color:var(--color-ink);font-family:var(--font-display);letter-spacing:-.03em;align-items:center;gap:.55rem;font-size:1.25rem;font-weight:700;text-decoration:none;display:inline-flex}.brand:hover{color:var(--color-brand)}.brand__icon{color:var(--color-brand);flex-shrink:0}.brand__text{line-height:1}.brand__mark{color:var(--color-brand)}input[type=range]{accent-color:var(--accent-range)}.nav-toggle{border:1px solid var(--color-border-strong);background:var(--color-surface);border-radius:var(--radius-sm);font:inherit;cursor:pointer;padding:.45rem .7rem;display:none}.site-nav{flex-wrap:wrap;align-items:center;gap:.35rem 1.15rem;display:flex}.site-nav a{color:var(--color-ink-muted);font-size:.95rem;font-weight:600;text-decoration:none}.site-nav a:hover,.site-nav a[aria-current=page]{color:var(--color-brand)}.site-main{max-width:var(--max-width);padding:2rem var(--space-page) 4rem;margin:0 auto}.site-footer{border-top:1px solid var(--color-border);background:#ffffff8c;margin-top:auto}.site-footer__inner{max-width:var(--max-width);padding:2rem var(--space-page);gap:1.5rem;margin:0 auto;display:grid}.site-footer__grid{grid-template-columns:repeat(auto-fit,minmax(10rem,1fr));gap:1.5rem;display:grid}.site-footer h2{font-family:var(--font-display);text-transform:uppercase;letter-spacing:.06em;color:var(--color-ink-muted);margin:0 0 .5rem;font-size:.85rem}.site-footer ul{gap:.4rem;margin:0;padding:0;list-style:none;display:grid}.site-footer a{color:var(--color-ink);font-weight:600;text-decoration:none}.site-footer a:hover{color:var(--color-brand)}.site-footer__note{color:var(--color-ink-muted);margin:0;font-size:.9rem}.page-title{font-family:var(--font-display);letter-spacing:-.03em;margin:0 0 .75rem;font-size:clamp(1.85rem,4vw,2.6rem);line-height:1.15}.lede{color:var(--color-ink-muted);max-width:40rem;margin:0 0 1.75rem;font-size:1.15rem}.prose{max-width:42rem}.prose h2{font-family:var(--font-display);letter-spacing:-.02em;margin:2rem 0 .6rem;font-size:1.35rem}.prose p,.prose li{color:var(--color-ink)}.prose ul,.prose ol{padding-left:1.25rem}.prose h3{font-family:var(--font-display);letter-spacing:-.02em;margin:1.5rem 0 .4rem;font-size:1.1rem}.btn{border-radius:var(--radius-sm);min-height:2.75rem;font-family:var(--font-body);cursor:pointer;transition:background-color .16s var(--ease), border-color .16s var(--ease), transform .16s var(--ease);border:1px solid #0000;justify-content:center;align-items:center;gap:.4rem;padding:.65rem 1.25rem;font-size:1rem;font-weight:700;text-decoration:none;display:inline-flex}.btn:disabled{opacity:.55;cursor:not-allowed}.btn--primary{background:var(--color-brand);color:#fff}.btn--primary:hover:not(:disabled){background:var(--color-brand-hover);color:#fff}.btn--secondary{background:var(--color-surface);border-color:var(--color-border-strong);color:var(--color-ink)}.btn--secondary:hover:not(:disabled){border-color:var(--color-brand);color:var(--color-brand)}.btn-group{flex-wrap:wrap;gap:.75rem;display:flex}.hero{animation:rise-in .7s var(--ease) both;align-items:center;gap:2rem;padding:1rem 0 2.5rem;display:grid}@media (width>=860px){.hero{min-height:calc(100vh - var(--header-h) - 6rem);grid-template-columns:1.05fr .95fr;padding-top:.5rem}}.hero__brand{font-family:var(--font-display);letter-spacing:-.04em;color:var(--color-ink);align-items:center;gap:.65rem;margin:0 0 1rem;font-size:clamp(1.85rem,4vw,2.4rem);font-weight:800;line-height:1;display:inline-flex}.hero__brand-icon{color:var(--color-brand);flex-shrink:0}.hero__brand .brand__mark{color:var(--color-brand)}.hero__headline{font-family:var(--font-display);letter-spacing:-.03em;max-width:14ch;margin:0 0 .85rem;font-size:clamp(1.85rem,4.5vw,2.75rem);font-weight:700;line-height:1.15}.hero__support{color:var(--color-ink-muted);max-width:34rem;margin:0 0 1.5rem}.hero__visual{border-radius:var(--radius-md);border:1px solid var(--color-border);min-height:16rem;box-shadow:var(--shadow-soft);animation:fade-in .9s var(--ease) .15s both;background:linear-gradient(135deg,#3f3d9e33,#14141f0f),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='80' height='80' viewBox='0 0 80 80'%3E%3Crect fill='%233f3d9e' fill-opacity='0.07' width='18' height='18' x='6' y='6'/%3E%3Crect fill='%233f3d9e' fill-opacity='0.05' width='18' height='18' x='30' y='30'/%3E%3Crect fill='%233f3d9e' fill-opacity='0.07' width='18' height='18' x='54' y='54'/%3E%3C/svg%3E");position:relative;overflow:hidden}.hero__visual-inner{text-align:center;border:1px dashed var(--color-border-strong);border-radius:var(--radius-md);background:#ffffffd1;place-items:center;padding:1.5rem;display:grid;position:absolute;inset:12%}.hero__visual-label{font-family:var(--font-display);margin:0 0 .35rem;font-size:1.15rem;font-weight:700}.hero__visual-note{color:var(--color-ink-muted);margin:0;font-size:.95rem}.section{padding:2.5rem 0 0}.section__title{font-family:var(--font-display);letter-spacing:-.02em;margin:0 0 .5rem;font-size:1.5rem}.section__intro{color:var(--color-ink-muted);max-width:40rem;margin:0 0 1.5rem}.feature-list{gap:1.25rem;margin:0;padding:0;list-style:none;display:grid}@media (width>=700px){.feature-list{grid-template-columns:repeat(3,1fr)}}.feature-list li{padding:0}.feature-list h3{font-family:var(--font-display);margin:0 0 .35rem;font-size:1.1rem}.feature-list p{color:var(--color-ink-muted);margin:0;font-size:.98rem}.tool-cards{gap:1rem;margin:0;padding:0;list-style:none;display:grid}@media (width>=640px){.tool-cards{grid-template-columns:repeat(auto-fit,minmax(16rem,1fr))}}.tool-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);color:inherit;box-shadow:var(--shadow-soft);transition:border-color .16s var(--ease), transform .16s var(--ease);gap:.65rem;padding:1.15rem 1.2rem;text-decoration:none;display:grid}.tool-card:hover{border-color:var(--color-brand);color:inherit;transform:translateY(-2px)}.tool-card__icon{border-radius:var(--radius-sm);background:var(--color-brand-soft);width:2.5rem;height:2.5rem;color:var(--color-brand);place-items:center;display:grid}.tool-card__name{font-family:var(--font-display);letter-spacing:-.02em;margin:0;font-size:1.15rem}.tool-card__desc{color:var(--color-ink-muted);margin:0;font-size:.98rem}.tool-card__cta{color:var(--color-brand);font-size:.95rem;font-weight:700}.tool-layout{gap:1.75rem;display:grid}.panel{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-soft);padding:1.25rem}.dropzone{text-align:center;border:2px dashed var(--color-border-strong);border-radius:var(--radius-md);cursor:pointer;min-height:11rem;transition:border-color .16s var(--ease), background-color .16s var(--ease), transform .16s var(--ease);background:linear-gradient(#fafcfd,#f0f6f7);place-items:center;padding:1.5rem;display:grid}.dropzone:hover,.dropzone:focus-within{border-color:var(--color-brand)}.dropzone.is-dragover{border-color:var(--color-brand);background:var(--color-brand-soft);transform:scale(1.01)}.dropzone__title{font-family:var(--font-display);margin:0 0 .35rem;font-weight:700}.dropzone__hint{color:var(--color-ink-muted);margin:0;font-size:.95rem}.dropzone input[type=file]{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.controls{gap:1.1rem;display:grid}.control{gap:.4rem;display:grid}.control label{font-size:.95rem;font-weight:700}.control select,.control input[type=range]{width:100%;max-width:24rem}.control select{border:1px solid var(--color-border-strong);border-radius:var(--radius-sm);min-height:2.5rem;font:inherit;background:var(--color-surface);padding:.4rem .6rem}.control__meta{color:var(--color-ink-muted);font-size:.9rem}.preview-grid{gap:1rem;display:grid}@media (width>=720px){.preview-grid{grid-template-columns:1fr 1fr}}.preview-card h3{font-family:var(--font-display);margin:0 0 .65rem;font-size:1rem}.preview-frame{aspect-ratio:4/3;border:1px solid var(--color-border);border-radius:var(--radius-sm);background:#edf3f5;place-items:center;display:grid;overflow:hidden}.preview-frame img{object-fit:contain;background:linear-gradient(45deg,#e2eaed 25%,#0000 25%) 0 0/16px 16px,linear-gradient(-45deg,#e2eaed 25%,#0000 25%) 0 8px/16px 16px,linear-gradient(45deg,#0000 75%,#e2eaed 75%) 8px -8px/16px 16px,linear-gradient(-45deg,#0000 75%,#e2eaed 75%) -8px 0/16px 16px,#f7fbfc;width:100%;height:100%}.preview-meta{color:var(--color-ink-muted);margin:.65rem 0 0;font-size:.92rem}.stats{flex-wrap:wrap;gap:.75rem 1.25rem;margin:.5rem 0 0;font-weight:700;display:flex}.stats .savings{color:var(--color-success)}.status{min-height:1.5rem;margin:.25rem 0 0;font-size:.95rem}.status--error{color:var(--color-error);background:var(--color-error-bg);border-radius:var(--radius-sm);border:1px solid #f0b8b4;padding:.65rem .85rem}.status--info{color:var(--color-ink-muted)}.status--busy:before{content:"";border:2px solid var(--color-border);border-top-color:var(--color-brand);vertical-align:-.1rem;border-radius:50%;width:.85rem;height:.85rem;margin-right:.45rem;animation:.7s linear infinite spin;display:inline-block}.instructions{margin-top:2.5rem}.breadcrumb{color:var(--color-ink-muted);flex-wrap:wrap;align-items:center;gap:.4rem;margin:0 0 1rem;font-size:.92rem;display:flex}.breadcrumb a{font-weight:600;text-decoration:none}.coming-soon{border-left:3px solid var(--color-brand);background:#ffffffb3;margin-top:1.5rem;padding:1rem 1.15rem}.coming-soon p{color:var(--color-ink-muted);margin:0}@keyframes rise-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes spin{to{transform:rotate(360deg)}}@media (width<=720px){.nav-toggle{display:inline-flex}.site-nav{flex-direction:column;align-items:flex-start;width:100%;padding-top:.5rem;display:none}.site-nav.is-open{display:flex}.site-header__inner{flex-wrap:wrap}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}