:root{font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Noto Sans SC",Helvetica,Arial,sans-serif;color:#1f2b27;background:#f4f1ea;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;--ink:#1f2b27;--muted:#6f7972;--line:#d9ddd5;--accent:#2f9d7c;--accent-dark:#257b63;--accent-soft:#dcefe6;--surface:#fffdf8;--paper:#f4f1ea;--warm:#e7e0d2}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink)}button,input{font:inherit}button{cursor:pointer}.site-header{height:76px;max-width:1160px;margin:auto;padding:0 28px;display:flex;align-items:center;justify-content:space-between}.brand{display:inline-flex;gap:10px;align-items:center;font-weight:800;font-size:18px;letter-spacing:-.04em;color:var(--ink);text-decoration:none}.brand-mark{display:grid;place-items:center;background:var(--ink);color:#f9f5eb;font-size:10px;letter-spacing:.04em;width:34px;height:30px;border-radius:8px}.header-nav{display:flex;align-items:center;gap:27px}.header-nav a{font-size:12px;color:#68736c;text-decoration:none}.header-nav a:hover{color:var(--accent-dark)}.header-nav .nav-cta{display:inline-flex;align-items:center;gap:7px;background:var(--ink);color:#f9f5eb;padding:10px 14px;border-radius:7px;font-weight:700}.header-nav .nav-cta:hover{background:var(--accent-dark);color:#fff}.nav-cta span{font-size:15px;line-height:10px}main{max-width:1160px;padding:34px 28px 78px;margin:auto}.hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(420px,1.04fr);gap:68px;align-items:center;min-height:480px;padding:34px 0 52px}.hero-copy{padding-left:26px}.eyebrow{display:inline-flex;align-items:center;gap:9px;color:var(--accent-dark);font-size:10px;font-weight:800;letter-spacing:.11em;text-transform:uppercase}.eyebrow-dot{width:7px;height:7px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 4px var(--accent-soft)}.hero h1{font-size:clamp(42px,5.5vw,72px);line-height:1.06;letter-spacing:-.065em;margin:26px 0 20px;font-weight:800}.hero h1 em{font-style:normal;color:var(--accent-dark)}.hero-copy>p{max-width:455px;color:var(--muted);font-size:15px;line-height:1.8;margin:0}.hero-points{display:flex;flex-wrap:wrap;gap:17px;margin-top:30px;color:#718078;font-size:11px}.hero-points span{display:inline-flex;align-items:center;gap:6px}.hero-points b{color:var(--accent-dark);font-size:10px;letter-spacing:.04em}.hero-visual{position:relative;padding:18px 18px 42px;background:#e8e1d5;border-radius:18px;box-shadow:14px 18px 0 rgba(31,43,39,.08);transform:rotate(1.2deg)}.hero-visual img{display:block;width:100%;height:360px;object-fit:cover;object-position:center;border-radius:11px}.visual-label{position:absolute;top:32px;z-index:1;padding:6px 9px;background:rgba(255,253,248,.9);border:1px solid rgba(31,43,39,.12);border-radius:6px;color:var(--ink);font-size:10px;font-weight:800}.visual-label-before{left:32px}.visual-label-after{right:32px;color:var(--accent-dark)}.visual-caption{position:absolute;bottom:13px;left:21px;display:flex;align-items:center;gap:8px;color:#6c766d;font-size:10px}.caption-line{display:inline-block;width:22px;height:1px;background:var(--accent-dark)}.tool-section{max-width:980px;margin:0 auto;padding:37px 0 0;border-top:1px solid var(--line)}.tool-intro{display:flex;align-items:end;justify-content:space-between;gap:24px;margin:0 17px 18px}.section-kicker{color:var(--accent-dark);font-size:10px;font-weight:850;letter-spacing:.15em;text-transform:uppercase}.tool-intro h2{font-size:28px;letter-spacing:-.05em;margin:8px 0 0}.tool-intro>p{margin:0 0 3px;text-align:right;color:#718078;font-size:11px;line-height:1.65}.tool-intro small{color:#a0a89f;font-size:10px}.status-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--accent);margin-right:5px}.tool-card{background:var(--surface);border:1px solid #dfe2da;border-radius:16px;padding:18px;box-shadow:0 18px 42px rgba(48,57,50,.07)}.dropzone{border:1px dashed #b8c5bb;background:#faf9f4;border-radius:11px;min-height:260px;display:flex;align-items:center;justify-content:center;flex-direction:column;padding:28px 18px;transition:.18s;outline:none}.dropzone.dragging,.dropzone:focus-visible{border-color:var(--accent);background:#f0f8f3}.upload-icon{width:48px;height:48px;display:grid;place-items:center;background:var(--accent-soft);color:var(--accent-dark);border-radius:12px;margin-bottom:13px}.upload-icon svg{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.dropzone h3{font-size:16px;margin:0 0 8px;letter-spacing:-.025em}.dropzone p{font-size:13px;color:var(--muted);margin:0}.text-button,.link-button{border:0;background:transparent;color:var(--accent-dark);font-weight:750;padding:0}.text-button:hover,.link-button:hover{text-decoration:underline}.file-note{margin-top:19px;color:#959e96;font-size:10px}.privacy-note{display:flex;gap:9px;align-items:center;color:#87928a;font-size:10px;padding:15px 4px 1px}.privacy-note svg{width:16px;height:16px;stroke:var(--accent);fill:none;stroke-width:1.7;flex-shrink:0}.hidden{display:none!important}.workspace{padding-top:3px}.file-bar{display:flex;align-items:center;justify-content:space-between;padding:11px 2px 18px;gap:12px}.file-summary{display:flex;gap:10px;align-items:center;min-width:0}.file-glyph{width:38px;height:38px;border-radius:9px;background:var(--accent-soft);color:var(--accent-dark);display:grid;place-items:center;font-size:10px;font-weight:850}.file-summary strong,.file-summary span:not(.file-glyph){display:block}.file-summary strong{font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:400px}.file-summary div span{font-size:11px;color:var(--muted);margin-top:3px}.secondary-button{background:var(--surface);border:1px solid #d5dbd3;color:#33423b;border-radius:7px;padding:10px 13px;font-size:12px;font-weight:700;white-space:nowrap}.secondary-button:hover{background:#f4f8f2;border-color:#aab9af}.preview-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.preview-panel{border:1px solid var(--line);border-radius:10px;overflow:hidden;min-width:0}.preview-heading{height:40px;display:flex;align-items:center;justify-content:space-between;padding:0 12px;font-size:12px;font-weight:750;border-bottom:1px solid var(--line)}.tiny-label{font-size:9px;letter-spacing:.12em;color:#96a098;font-weight:850}.result-label{color:var(--accent-dark)}.preview-stage{height:245px;background:#eef0eb;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.checkerboard{background-color:#fff;background-image:linear-gradient(45deg,#e5e9e3 25%,transparent 25%),linear-gradient(-45deg,#e5e9e3 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#e5e9e3 75%),linear-gradient(-45deg,transparent 75%,#e5e9e3 75%);background-size:18px 18px;background-position:0 0,0 9px,9px -9px,-9px 0}.preview-stage .preview-animation{position:absolute;display:block;max-width:calc(100% - 18px);max-height:calc(100% - 18px);width:auto;height:auto;object-fit:contain}.preview-animation{pointer-events:none}.result-placeholder{position:absolute;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:8px;color:#88958c;font-size:11px;pointer-events:none}.result-placeholder span:first-child{font-size:25px;color:var(--accent)}.controls{padding:20px 2px 3px}.action-row{display:flex;gap:9px;flex-wrap:wrap}.primary-button{border:0;background:var(--accent-dark);color:#fff;font-weight:800;font-size:13px;border-radius:7px;padding:13px 18px;display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;box-shadow:0 6px 13px rgba(47,125,99,.18)}.primary-button:hover{background:#1d6652}.primary-button:disabled{opacity:.6;cursor:wait}.button-icon{font-size:14px}.action-row .secondary-button{min-height:44px}.status{margin-top:12px;min-height:15px;font-size:12px;line-height:1.5;color:var(--muted)}.status.error{color:#b14a36}.status.success{color:var(--accent-dark)}.content-section{max-width:980px;margin:92px auto 0}.section-heading{text-align:center;margin-bottom:27px}.section-heading h2{font-size:29px;letter-spacing:-.05em;margin:10px 0 7px}.section-heading p{font-size:13px;color:var(--muted);margin:0}.steps-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.step-card{display:flex;gap:15px;background:transparent;border-top:2px solid var(--ink);padding:18px 3px 8px;min-height:130px}.step-number{display:inline-block;color:var(--accent-dark);font-weight:850;font-size:11px;letter-spacing:.05em;padding-top:2px}.step-card h3{font-size:14px;margin:0 0 8px;letter-spacing:-.02em}.step-card p{font-size:12px;color:var(--muted);line-height:1.7;margin:0}.faq-section{max-width:790px;margin-top:89px}.faq-section .section-heading{margin-bottom:20px}.faq-section details{border-top:1px solid var(--line);padding:17px 2px}.faq-section details:last-child{border-bottom:1px solid var(--line)}.faq-section summary{font-weight:750;font-size:13px;cursor:pointer;list-style:none;display:flex;justify-content:space-between;gap:12px}.faq-section summary::-webkit-details-marker{display:none}.faq-section summary:after{content:"+";font-size:18px;color:var(--accent-dark);font-weight:400}.faq-section details[open] summary:after{content:"−"}.faq-section details p{font-size:12px;color:var(--muted);line-height:1.7;margin:12px 24px 1px 0}footer{border-top:1px solid var(--line);max-width:1160px;margin:auto;padding:24px 28px;display:flex;align-items:center;justify-content:space-between;color:#8d978f;font-size:10px}.footer-brand{font-size:14px}.footer-brand .brand-mark{width:29px;height:25px;font-size:8px;border-radius:6px}@media(max-width:800px){.hero{grid-template-columns:1fr;gap:38px;padding-top:18px}.hero-copy{padding-left:0}.hero h1{font-size:clamp(42px,10vw,62px)}.hero-visual{max-width:650px;width:100%;margin:auto}.tool-section{padding-top:30px}.content-section{margin-top:72px}}@media(max-width:600px){.site-header{height:64px;padding:0 17px}.header-nav{gap:13px}.header-nav>a:not(.nav-cta){display:none}.header-nav .nav-cta{padding:9px 11px}main{padding:20px 15px 55px}.hero{padding:20px 0 35px;min-height:0}.hero h1{font-size:43px;margin-top:21px}.hero-copy>p{font-size:13px;line-height:1.75}.hero-points{gap:11px;margin-top:23px;font-size:10px}.hero-visual{padding:11px 11px 34px;border-radius:13px}.hero-visual img{height:270px;border-radius:8px}.visual-label{top:21px;font-size:9px}.visual-label-before{left:21px}.visual-label-after{right:21px}.visual-caption{left:14px;bottom:10px;font-size:9px}.tool-intro{align-items:start;margin:0 3px 15px;gap:8px}.tool-intro h2{font-size:24px}.tool-intro>p{font-size:10px}.tool-card{padding:12px;border-radius:13px}.dropzone{min-height:225px}.preview-grid{grid-template-columns:1fr;gap:10px}.preview-stage{height:220px}.file-summary strong{max-width:180px}.steps-grid{grid-template-columns:1fr;gap:0}.step-card{min-height:0;padding:16px 3px}.section-heading h2{font-size:24px}.section-heading p{font-size:12px}.content-section{margin-top:60px}.faq-section{margin-top:66px}footer{padding:20px 17px;gap:12px;line-height:1.5}footer span:last-child{text-align:right}}.preview-stage .preview-animation:not([src]){display:none}