:root{font-synthesis:none;color:#102820;text-rendering:optimizelegibility;background:#f7efdc;font-family:Avenir Next,Trebuchet MS,Verdana,sans-serif}*{box-sizing:border-box}body{background:radial-gradient(circle at 12% 18%,#f59f5c57,#0000 32rem),radial-gradient(circle at 92% 10%,#1028202e,#0000 26rem),linear-gradient(135deg,#fbf5e7 0%,#ead6b4 52%,#d3e4ca 100%);min-width:320px;min-height:100vh;margin:0}button,input{font:inherit}.page-shell{width:min(1180px,100% - 32px);margin:0 auto;padding:56px 0}.hero{grid-template-columns:minmax(0,1.08fr) minmax(340px,.78fr);align-items:stretch;gap:32px;display:grid}.hero-copy{color:#f7efdc;background:linear-gradient(130deg,#102820fa,#164a38eb),repeating-linear-gradient(90deg,#0000 0 28px,#f6e7bf0f 28px 30px);border:1px solid #10282033;border-radius:34px;min-height:560px;padding:clamp(32px,6vw,72px);position:relative;overflow:hidden;box-shadow:0 24px 70px #10282038}.hero-copy:after{color:#f59f5c24;letter-spacing:-.12em;content:"SQL";font-size:clamp(150px,24vw,310px);font-weight:900;line-height:.8;position:absolute;bottom:-58px;right:-42px}.eyebrow,.card-kicker{color:#f59f5c;text-transform:uppercase;letter-spacing:.14em;margin:0 0 18px;font-size:.78rem;font-weight:800}h1,h2,p{margin-top:0}h1{z-index:1;letter-spacing:-.09em;max-width:740px;margin-bottom:24px;font-size:clamp(4.5rem,13vw,10.5rem);font-weight:900;line-height:.82;position:relative}h2{margin-bottom:14px;font-size:clamp(1.5rem,3vw,2.15rem);line-height:1}.lede{z-index:1;color:#f7efdcd6;max-width:690px;margin-bottom:34px;font-size:clamp(1.12rem,2vw,1.45rem);line-height:1.55;position:relative}.feature-row{z-index:1;flex-wrap:wrap;gap:12px;display:flex;position:relative}.feature-row span,.progress-panel span{background:#f6e7bf14;border:1px solid #f6e7bf3d;border-radius:999px;align-items:center;min-height:36px;padding:8px 14px;display:inline-flex}.converter-card{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#fffcf2d1;border:1px solid #10282024;border-radius:34px;flex-direction:column;gap:22px;padding:clamp(24px,4vw,42px);display:flex;box-shadow:0 24px 70px #10282029}.card-copy,.content-grid p,.status,.output-file{color:#102820b8;line-height:1.65}.file-drop{color:#102820;text-align:center;cursor:pointer;background:linear-gradient(135deg,#f59f5c2b,#f6e7bf61),#ffffff7a;border:2px dashed #10282047;border-radius:24px;place-items:center;min-height:142px;padding:22px;display:grid}.file-drop input{pointer-events:none;opacity:0;width:1px;height:1px;position:absolute}.file-drop span{font-weight:800}.file-drop-disabled{cursor:not-allowed;opacity:.64}.action-row{grid-template-columns:1fr;gap:10px;display:grid}.primary-action,.secondary-action{cursor:pointer;border:0;border-radius:18px;min-height:58px;font-weight:900}.primary-action{color:#f7efdc;background:#102820;box-shadow:0 14px 26px #10282047}.secondary-action{color:#102820;background:#1028201a;border:1px solid #10282029}.danger-action{color:#7f1d1d;background:#f871712b;border-color:#b91c1c47}.primary-action:disabled,.secondary-action:disabled{cursor:not-allowed;opacity:.62}.status{color:#102820c2;background:#1028200f;border:1px solid #0000;border-radius:18px;min-height:52px;margin-bottom:0;padding:14px 16px}.status-selecting,.status-converting{color:#102820;background:#f59f5c2e;border-color:#f59f5c61}.status-success{color:#0e4a2d;background:#0e744524;border-color:#0e744547;box-shadow:0 12px 28px #0e744524}.status-error{color:#7f1d1d;background:#f8717129;border-color:#b91c1c47;box-shadow:0 12px 28px #b91c1c1f}.status-cancelled{color:#594319;background:#f59e0b24;border-color:#a162073d}.output-file{margin:-8px 0 0;padding:0 4px;font-size:.94rem}.output-file strong{color:#102820;word-break:break-word}.progress-block{gap:12px;display:grid}.progress-meta{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.progress-meta strong{font-size:1.45rem;line-height:1}.progress-meta span{color:#102820a3;font-size:.92rem;font-weight:700}.progress-line{background:#10282014;border:1px solid #1028201f;border-radius:999px;height:14px;overflow:hidden}.progress-line span{border-radius:inherit;background:linear-gradient(90deg,#102820,#f59f5c);min-width:3px;height:100%;transition:width .18s ease-out;display:block}.progress-panel{flex-wrap:wrap;gap:8px;display:flex}.progress-panel span{background:#1028200f;border-color:#1028201f}.content-grid{grid-template-columns:repeat(3,1fr);gap:18px;margin-top:22px;display:grid}.content-grid article,.warnings-panel{background:#fffcf2ad;border:1px solid #1028201f;border-radius:26px;padding:28px}.content-grid h2{font-size:1.35rem}.sample-section{background:#102820eb;border:1px solid #10282024;border-radius:30px;gap:18px;margin-top:22px;padding:30px;display:grid;box-shadow:0 22px 54px #10282029}.sample-heading{color:#f7efdc;max-width:720px}.sample-heading p:last-child{color:#f7efdcc2;margin-bottom:0;line-height:1.6}.sample-grid{grid-template-columns:1fr 1fr;gap:16px;display:grid}.sample-grid article{background:#f7efdc14;border:1px solid #f7efdc24;border-radius:22px;overflow:hidden}.sample-grid h3{color:#f7efdc;text-transform:uppercase;letter-spacing:.08em;background:#f7efdc14;margin:0;padding:16px 18px;font-size:.92rem}.sample-grid pre{color:#f7efdc;margin:0;padding:18px;font-size:.9rem;line-height:1.55;overflow-x:auto}.sample-grid code{font-family:SFMono-Regular,Consolas,Liberation Mono,monospace}.warnings-panel{margin-top:22px}.warnings-panel summary{cursor:pointer;font-weight:900}.warnings-panel code{word-break:break-word}.site-footer{color:#102820b8;justify-content:space-between;align-items:center;gap:20px;margin-top:30px;padding:26px 4px 0;display:flex}.site-footer strong{color:#102820;margin-bottom:8px;display:block}.site-footer p{max-width:640px;margin-bottom:0;line-height:1.6}.site-footer nav{flex-wrap:wrap;gap:10px;display:flex}.site-footer a{color:#102820;background:#fffcf299;border:1px solid #10282024;border-radius:999px;align-items:center;min-height:38px;padding:8px 14px;font-weight:900;text-decoration:none;display:inline-flex}.site-footer a:hover{background:#f59f5c38}@media (width<=860px){.page-shell{width:min(100% - 20px,680px);padding:20px 0}.hero,.content-grid,.sample-grid{grid-template-columns:1fr}.hero-copy{min-height:420px}.site-footer{flex-direction:column;align-items:flex-start}}