@import "https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&family=Outfit:wght@500;600;700;800&display=swap";:root{--bg:#0a0a0b;--bg-soft:#101014;--panel:#ffffff0a;--panel-strong:#141419;--panel-raised:#18181f;--border:#ffffff1a;--border-strong:#ffffff29;--text:#f5efe5;--text-soft:#c3baac;--text-muted:#968d7f;--accent:#ffc43a;--accent-strong:#ff6b3d;--success:#73d498;--warning:#f0b35a;--error:#ff7e72;--shadow-lg:0 30px 80px #0000006b;--shadow-md:0 16px 44px #00000047;--radius-sm:12px;--radius-md:20px;--radius-lg:28px;--radius-xl:36px;--font-body:"Manrope", sans-serif;--font-display:"Outfit", sans-serif}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{min-width:320px;color:var(--text);font-family:var(--font-body);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:radial-gradient(circle at 0 0,#ffc43a29,#0000 20rem),radial-gradient(circle at 90% 10%,#ff6b3d1f,#0000 18rem),linear-gradient(#0a0a0b 0%,#0d0d11 36%,#09090c 100%);font-size:15px;line-height:1.6}body,button,input,textarea,select{font:inherit}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}strong{color:var(--text)}h1,h2,h3{color:var(--text);font-family:var(--font-display);letter-spacing:-.04em;line-height:1.05}h1{font-size:clamp(3rem,6vw,5.4rem);font-weight:800}h2{font-size:clamp(1.85rem,3vw,3rem);font-weight:700}h3{font-size:clamp(1.05rem,2vw,1.3rem);font-weight:600}code{color:#ffd78a;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.92em}#app{width:100%}.page-wrap{width:min(1180px,100% - 40px);margin:0 auto;padding:0 0 88px}.skip-link{z-index:10;background:var(--text);color:#111;border-radius:999px;padding:8px 12px;position:absolute;top:-40px;left:16px}.skip-link:focus{top:16px}.topbar{justify-content:space-between;align-items:center;gap:20px;padding:24px 0 20px;display:flex}.topbar-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:12px;display:flex}.brand{font-family:var(--font-display);letter-spacing:-.03em;align-items:center;gap:12px;font-size:.98rem;font-weight:600;display:inline-flex}.brand-mark{background:linear-gradient(135deg, var(--accent), var(--accent-strong));color:#181512;border-radius:12px;justify-content:center;align-items:center;width:36px;height:36px;display:inline-flex;box-shadow:0 10px 24px #ff6b3d47}.top-links{align-items:center;gap:10px;display:flex}.top-links a{color:var(--text-muted);border-radius:999px;padding:10px 14px;font-size:.9rem;font-weight:600;transition:color .2s,background .2s}.top-links a:hover{color:var(--text);background:#ffffff0d}.language-switcher{background:#ffffff08;border:1px solid #ffffff14;border-radius:999px;align-items:center;gap:6px;padding:5px;display:inline-flex}.language-label{color:var(--text-soft);letter-spacing:.08em;text-transform:uppercase;padding:0 10px 0 12px;font-size:.8rem;font-weight:800}.language-link{min-width:40px;color:var(--text-muted);letter-spacing:.06em;border-radius:999px;justify-content:center;align-items:center;padding:9px 12px;font-size:.82rem;font-weight:800;transition:color .2s,background .2s,border-color .2s;display:inline-flex}.language-link:hover{color:var(--text);background:#ffffff0d}.language-link.is-active{color:#17120f;background:linear-gradient(135deg, var(--accent), var(--accent-strong));box-shadow:0 12px 28px #ff6b3d33}.hero-shell{grid-template-columns:minmax(0,1.15fr) minmax(330px,430px);align-items:stretch;gap:26px;display:grid}.hero-panel,.workspace-section,.content-section{border-radius:var(--radius-xl);border:1px solid var(--border);background:linear-gradient(180deg, #ffffff0a, #ffffff05), var(--panel-strong);box-shadow:var(--shadow-lg);position:relative}.hero-panel{padding:32px;overflow:hidden}.hero-panel:before,.workspace-section:before,.content-section:before{content:"";pointer-events:none;border-radius:inherit;opacity:.55;background:linear-gradient(#ffffff0f,#0000 28%);position:absolute;inset:0}.hero-panel-copy{flex-direction:column;justify-content:space-between;gap:28px;display:flex}.hero-copy,.hero-signals,.proof-card,.upload-panel>*,.workspace-header,.content-section>*{z-index:1;position:relative}.eyebrow,.section-label,.proof-label{color:var(--accent);text-transform:uppercase;letter-spacing:.14em;align-items:center;gap:8px;font-size:.82rem;font-weight:800;display:inline-flex}.hero-copy{max-width:36rem}.hero-copy h1{max-width:12ch;margin-top:14px}.hero-sub{max-width:38rem;color:var(--text-soft);margin-top:18px;font-size:1.02rem;line-height:1.75}.hero-signals{flex-wrap:wrap;gap:10px;display:flex}.signal-pill{color:var(--text-soft);background:#ffffff08;border:1px solid #ffffff1f;border-radius:999px;justify-content:center;align-items:center;padding:10px 14px;font-size:.87rem;font-weight:700;display:inline-flex}.proof-card{border-radius:var(--radius-md);background:radial-gradient(circle at 100% 0,#ffc43a1f,#0000 10rem),#ffffff08;border:1px solid #ffffff14;gap:10px;padding:22px;display:grid}.proof-card strong{letter-spacing:-.03em;margin-top:8px;font-size:1.15rem;display:block}.proof-card p{color:var(--text-soft)}.upload-panel{background:radial-gradient(circle at top,#ffc43a29,#0000 18rem),linear-gradient(#ffffff0a,#ffffff05),#121217;flex-direction:column;gap:18px;display:flex}.dropzone{text-align:center;cursor:pointer;border-radius:var(--radius-lg);background:linear-gradient(#ffffff08,#ffffff04);border:1px dashed #ffffff38;flex-direction:column;justify-content:center;align-items:center;gap:14px;min-height:290px;padding:28px 26px;transition:border-color .2s,background .2s,transform .2s;display:flex}.dropzone:hover,.dropzone.is-active{background:linear-gradient(#ffc43a1a,#ff6b3d14);border-color:#ffc43ab8;transform:translateY(-1px)}.dropzone-icon{color:#181512;background:linear-gradient(135deg, var(--accent), var(--accent-strong));border-radius:24px;justify-content:center;align-items:center;width:72px;height:72px;font-size:2rem;font-weight:800;display:inline-flex;box-shadow:0 18px 36px #ff6b3d33}.dropzone-title{font-family:var(--font-display);letter-spacing:-.04em;font-size:1.55rem}.dropzone-sub{max-width:22ch;color:var(--text-soft)}.dropzone-note,.drop-caption{color:var(--text-muted);font-size:.9rem}.drop-caption{overflow-wrap:anywhere;max-width:28ch}.tool-buttons{grid-template-columns:1fr;gap:10px;display:grid}.button{letter-spacing:-.02em;cursor:pointer;border:1px solid #0000;border-radius:16px;justify-content:center;align-items:center;min-height:50px;padding:0 20px;font-weight:800;transition:transform .18s,opacity .18s,background .18s,border-color .18s;display:inline-flex}.button:disabled{opacity:.45;cursor:not-allowed}.button:not(:disabled):hover{transform:translateY(-1px)}.button-primary{color:#17120f;background:linear-gradient(135deg, var(--accent), var(--accent-strong));box-shadow:0 18px 36px #ff6b3d38}.button-secondary,.button-tertiary{color:var(--text);background:#ffffff08;border-color:#ffffff14}.button-secondary:not(:disabled):hover,.button-tertiary:not(:disabled):hover{background:#ffffff0f;border-color:#ffffff24}.button-full{width:100%}.status-message{min-height:42px;color:var(--text-soft);font-size:.92rem}.status-message[data-state=working]{color:var(--accent)}.status-message[data-state=success]{color:var(--success)}.status-message[data-state=warning]{color:var(--warning)}.status-message[data-state=error]{color:var(--error)}.file-meta{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.file-meta div{background:#ffffff08;border:1px solid #ffffff0f;border-radius:16px;padding:14px 12px}.file-meta dt{color:var(--text-muted);letter-spacing:.12em;text-transform:uppercase;font-size:.72rem;font-weight:800}.file-meta dd{color:var(--text);overflow-wrap:anywhere;margin-top:6px;font-size:.87rem;font-weight:600}.workspace-section{margin-top:26px;padding:26px}.workspace-header{justify-content:space-between;align-items:flex-end;gap:18px;margin-bottom:20px;display:flex}.workspace-copy{max-width:42rem}.workspace-copy h2{margin-top:14px}.workspace-copy p{color:var(--text-soft);margin-top:10px}.workspace-download{flex-shrink:0}.status-pill{min-height:30px;color:var(--text-soft);letter-spacing:.12em;text-transform:uppercase;background:#ffffff0a;border:1px solid #ffffff14;border-radius:999px;justify-content:center;align-items:center;padding:0 12px;font-size:.76rem;font-weight:800;display:inline-flex}.status-pill-working{color:var(--accent)}.status-pill-success{color:var(--success)}.status-pill-warning{color:var(--warning)}.status-pill-error{color:var(--error)}.compare-frame{border-radius:var(--radius-lg);border:1px solid var(--border-strong);background:linear-gradient(#ffffff05,#0000 20%),#0d0e12;min-height:min(72vw,640px);position:relative;overflow:hidden}.compare-grid{aspect-ratio:16/10;min-height:inherit;position:relative}.compare-pane{position:absolute;inset:0;overflow:hidden}.compare-pane img{object-fit:contain;background:#0d0e12;width:100%;height:100%}.pane-label{color:var(--text);letter-spacing:.08em;text-transform:uppercase;background:#00000080;border-radius:999px;padding:8px 12px;font-size:.82rem;font-weight:800;position:absolute;top:18px;left:18px}.compare-divider{background:linear-gradient(180deg, var(--accent), var(--accent-strong));width:3px;position:absolute;top:0;bottom:0;box-shadow:0 0 0 1px #fff3,0 0 28px #ff6b3d59}.compare-divider:before{content:"";background:linear-gradient(135deg, var(--accent), var(--accent-strong));border:3px solid #000000b3;border-radius:999px;width:22px;height:22px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.compare-overlay,.compare-empty{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:10px;padding:24px;display:flex;position:absolute;inset:0}.compare-overlay{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:3;background:#0a0a0cb8}.compare-overlay strong,.compare-empty strong{font-family:var(--font-display);letter-spacing:-.04em;font-size:clamp(1.3rem,3vw,2rem)}.compare-overlay span:last-child,.compare-empty span{max-width:28rem;color:var(--text-soft)}.compare-frame:not(.empty) .compare-empty{opacity:0;pointer-events:none}.slider-wrap{color:var(--text-soft);gap:10px;margin-top:16px;font-size:.88rem;font-weight:700;display:grid}.slider-wrap input{width:100%;accent-color:var(--accent-strong)}.content-section{margin-top:22px;padding:28px}.content-section h2{margin-top:14px}.section-intro,.supporting-note{max-width:48rem;color:var(--text-soft);margin-top:14px}.feature-grid,.step-grid{gap:14px;margin-top:20px;display:grid}.feature-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.feature-card,.step-card{border-radius:var(--radius-md);background:#ffffff08;border:1px solid #ffffff14;padding:20px}.feature-card p,.step-card p{color:var(--text-soft);margin-top:10px}.comparison-table{border-radius:var(--radius-md);border:1px solid #ffffff14;margin-top:20px;overflow:hidden}.table-row{background:#ffffff05;grid-template-columns:1.6fr .8fr .8fr;gap:12px;padding:14px 18px;display:grid}.table-row+.table-row{border-top:1px solid #ffffff0f}.table-head{color:var(--text);text-transform:uppercase;letter-spacing:.12em;background:#ffffff0a;font-size:.82rem;font-weight:800}.table-good{color:var(--success);font-weight:800}.step-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.step-num{background:linear-gradient(135deg, var(--accent), var(--accent-strong));color:#17120f;width:40px;height:40px;font-family:var(--font-display);border-radius:12px;justify-content:center;align-items:center;font-size:1rem;font-weight:800;display:inline-flex}.step-card h3{margin-top:16px}.faq-list{gap:12px;margin-top:22px;display:grid}.faq-list details{border-radius:var(--radius-md);background:#ffffff08;border:1px solid #ffffff14;padding:18px 20px}.faq-list summary{cursor:pointer;font-family:var(--font-display);justify-content:space-between;align-items:center;gap:14px;font-size:1.02rem;font-weight:600;list-style:none;display:flex}.faq-list summary::-webkit-details-marker{display:none}.faq-arrow{color:var(--accent);flex-shrink:0;transition:transform .2s}.faq-list details[open] .faq-arrow{transform:rotate(180deg)}.faq-list p{color:var(--text-soft);margin-top:12px}.seo-section{background:linear-gradient(#ffffff06,#ffffff04),#111116}.seo-prose{gap:16px;margin-top:18px;display:grid}.seo-prose p,.seo-prose li{color:var(--text-soft)}.seo-prose h3{margin-top:8px}.site-footer{color:var(--text-muted);text-align:center;justify-items:center;gap:14px;padding:24px 0 0;font-size:.88rem;display:grid}.site-footer-badges{flex-wrap:wrap;justify-content:center;align-items:center;gap:14px;display:flex}.site-footer-badge{justify-content:center;align-items:center;display:inline-flex}.site-footer-badge img{max-width:100%;height:auto;display:block}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (width<=1024px){.hero-shell{grid-template-columns:1fr}.workspace-header{flex-direction:column;align-items:flex-start}.workspace-download{width:100%}}@media (width<=760px){.page-wrap{width:min(100% - 28px,1180px);padding-bottom:72px}.topbar{flex-direction:column;align-items:flex-start}.topbar-actions{align-items:flex-start;width:100%}.hero-panel,.workspace-section,.content-section{padding:22px}.hero-copy h1{max-width:10ch}.feature-grid,.step-grid,.file-meta,.table-row{grid-template-columns:1fr}.dropzone{min-height:240px}.compare-frame{min-height:360px}}@media (width<=520px){h1{font-size:clamp(2.5rem,16vw,3.6rem)}.topbar-actions{gap:10px;width:100%}.top-links{justify-content:space-between;width:100%}.top-links a{padding-inline:0}.language-switcher{justify-content:space-between;width:100%}.language-label{padding-left:10px}.language-link{flex:1 1 0}.hero-panel,.workspace-section,.content-section{border-radius:28px;padding:18px}.button,.workspace-download{width:100%}.pane-label{top:12px;left:12px}}
