:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#e8eefc;--bg:#08111f;--panel:#ffffff13;--panel-strong:#ffffff1f;--text:#e8eefc;--muted:#9dacbf;--line:#ffffff24;--accent:#62d6ff;--accent-strong:#9dffcb;--danger:#ff9b9b;--shadow:0 24px 80px #0000005c;background:#08111f;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{min-width:320px;color:var(--text);background:radial-gradient(circle at 15% 10%,#62d6ff3d,#0000 30rem),radial-gradient(circle at 80% 0,#9dffcb21,#0000 28rem),linear-gradient(135deg,#08111f 0%,#0d1728 48%,#101828 100%);margin:0}a{color:inherit;text-decoration:none}button,input,select{font:inherit}.site-header{z-index:20;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);justify-content:space-between;align-items:center;gap:24px;width:min(1180px,100% - 32px);margin:0 auto;padding:22px 0;display:flex;position:sticky;top:0}.brand{letter-spacing:-.03em;align-items:center;gap:10px;font-weight:800;display:inline-flex}.brand-logo{width:auto;height:42px;display:block}.brand-mark{background:linear-gradient(135deg, var(--accent), var(--accent-strong));color:#06111e;width:42px;height:42px;box-shadow:var(--shadow);border-radius:14px;place-items:center;display:grid}.nav-links{color:var(--muted);align-items:center;gap:18px;font-size:.95rem;display:flex}.nav-links a:hover{color:var(--text)}.hero,.section,.footer{width:min(1180px,100% - 32px);margin:0 auto}.hero{grid-template-columns:minmax(0,1.1fr) minmax(320px,.9fr);align-items:center;gap:48px;min-height:70vh;padding:78px 0 58px;display:grid}.eyebrow{color:var(--accent-strong);text-transform:uppercase;letter-spacing:.14em;margin:0 0 12px;font-size:.78rem;font-weight:800}h1,h2,h3,p{margin-top:0}h1{letter-spacing:-.08em;max-width:900px;margin-bottom:24px;font-size:clamp(3rem,8vw,6.8rem);line-height:.9}h2{letter-spacing:-.06em;margin-bottom:16px;font-size:clamp(2rem,4vw,3.35rem);line-height:1}h3{margin-bottom:10px;font-size:1.15rem}.lead,.section-heading p,.feature-card p,.footer p,.hero-card p{color:var(--muted);line-height:1.7}.lead{max-width:680px;font-size:1.2rem}.hero-actions,.footer-links{flex-wrap:wrap;gap:12px;display:flex}.button{border:1px solid var(--line);cursor:pointer;border-radius:999px;justify-content:center;align-items:center;padding:13px 20px;font-weight:800;transition:transform .16s,border-color .16s,background .16s;display:inline-flex}.button:hover{transform:translateY(-1px)}.button.primary{background:linear-gradient(135deg, var(--accent), var(--accent-strong));color:#06111e;border:none}.button.secondary{color:var(--text);background:#ffffff0f}.button:disabled{opacity:.65;cursor:wait}.full-width{width:100%}.hero-card,.demo-form,.preview-panel,.feature-card,.code-block{border:1px solid var(--line);background:var(--panel);box-shadow:var(--shadow);border-radius:30px}.hero-card{flex-direction:column;justify-content:center;min-height:310px;padding:36px;display:flex}.hero-card code{letter-spacing:-.06em;overflow-wrap:anywhere;font-size:clamp(1.55rem,4vw,3rem);font-weight:900}.method{color:var(--accent-strong);background:#9dffcb1f;border-radius:999px;align-self:flex-start;margin-bottom:18px;padding:7px 11px;font-weight:900}.section{padding:56px 0}.section-heading{max-width:760px;margin-bottom:28px}.demo-layout{grid-template-columns:390px minmax(0,1fr);align-items:start;gap:24px;display:grid}.demo-form{padding:24px}.demo-form label{color:var(--muted);gap:8px;margin-bottom:16px;font-weight:700;display:grid}.demo-form input[type=url],.demo-form select{border:1px solid var(--line);width:100%;color:var(--text);background:#0003;border-radius:16px;outline:none;padding:13px 14px}.demo-form select option{color:#fff;background:#1b1b1b}.demo-form input:focus,.demo-form select:focus{border-color:var(--accent)}.form-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.checkbox-label{align-items:center;grid-template-columns:auto 1fr!important}.checkbox-label input{width:18px;height:18px}.preset-row{flex-wrap:wrap;gap:8px;margin:-4px 0 18px;display:flex}.preset-row button,.tabs button{border:1px solid var(--line);color:var(--text);cursor:pointer;background:#ffffff0f;border-radius:999px;padding:8px 12px}.preview-panel{overflow:hidden}.preview-toolbar{border-bottom:1px solid var(--line);background:#ffffff0a;align-items:center;gap:8px;padding:14px 16px;display:flex}.dot{background:#ffffff59;border-radius:50%;width:11px;height:11px}.preview-url{color:var(--muted);margin-left:8px;font-size:.92rem}.preview-body{background-color:#00000029;background-image:linear-gradient(45deg,#ffffff09 25%,#0000 25%),linear-gradient(-45deg,#ffffff09 25%,#0000 25%),none;background-position:0 0,0 0,0 0;background-repeat:repeat,repeat,repeat;background-size:28px 28px;background-attachment:scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box;place-items:center;min-height:460px;display:grid}.preview-body img{width:100%;height:auto;display:block}.status-box{color:var(--muted);border:1px dashed var(--line);text-align:center;background:#0000002e;border-radius:18px;margin:24px;padding:18px 20px}.status-box.error{color:var(--danger);border-color:#ff9b9b80}.request-link{color:var(--accent);border-top:1px solid var(--line);word-break:break-word;padding:14px 16px;display:block}.tabs{flex-wrap:wrap;gap:10px;margin-bottom:14px;display:flex}.tabs button.active{color:#06111e;background:linear-gradient(135deg, var(--accent), var(--accent-strong));border-color:#0000;font-weight:900}.code-block{color:#d9fbe7;background:#00000061;padding:22px;overflow-x:auto}.code-block code{font-family:Cascadia Code,Fira Code,Consolas,monospace;font-size:.92rem;line-height:1.75}.feature-grid{grid-template-columns:repeat(4,1fr);gap:16px;display:grid}.feature-card{padding:24px}.footer{border-top:1px solid var(--line);color:var(--muted);justify-content:space-between;gap:24px;padding:32px 0 46px;display:flex}.footer strong,.footer-links a{color:var(--text)}@media (width<=920px){.site-header{align-items:flex-start;position:static}.nav-links{display:none}.hero,.demo-layout,.footer{grid-template-columns:1fr}.feature-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=620px){.hero{padding-top:40px}.form-grid,.feature-grid{grid-template-columns:1fr}.hero-card,.demo-form,.feature-card{border-radius:22px}h1{font-size:3.15rem}}