@import url('https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=DM+Sans:wght@400;500;600;700;800&display=swap');
:root{font-family:'DM Sans',sans-serif;color:#f4f5fb;background:#090b12;--line:#282d40;--muted:#9298ad;--purple:#a58bff;--cyan:#76d9e6}*{box-sizing:border-box}body{margin:0;min-width:320px;background:radial-gradient(ellipse at 50% -20%,#201c3c 0,transparent 48%),#090b12}.topbar{height:76px;margin:0 4%;border-bottom:1px solid #ffffff14;display:flex;align-items:center;justify-content:space-between}.brand{font-size:22px;font-weight:800;letter-spacing:-1px;color:white;text-decoration:none}.mark{display:inline-grid;place-items:center;width:32px;height:32px;margin-right:9px;border:1px solid #a58bff66;border-radius:9px;color:var(--purple);font:13px monospace}.violet{color:var(--purple)}.topmeta,.eyebrow,.heading small,.empty small{font:10px 'DM Mono',monospace;letter-spacing:1.2px}.topmeta{color:#aeb2c4}.topmeta i{display:inline-block;width:7px;height:7px;border-radius:50%;background:#72dfa9;margin-right:8px}.topmeta b{color:var(--purple);border:1px solid #a58bff55;border-radius:4px;padding:3px 5px;margin-left:8px;font-size:9px}.contact{color:#bbc0d0;text-decoration:none;font-size:12px}.hero{text-align:center;padding:60px 16px 42px}.eyebrow{color:var(--purple)}h1{font-size:clamp(40px,5vw,62px);line-height:1.04;letter-spacing:-3px;margin:18px 0 14px;font-weight:800}h1 span{background:linear-gradient(95deg,#a58bff,#72d8e5);background-clip:text;color:transparent}.hero p{max-width:600px;margin:auto;color:#a2a7ba;font-size:15px;line-height:1.7}.workspace{max-width:1360px;margin:0 auto;padding:0 4% 52px;display:grid;grid-template-columns:350px minmax(0,1fr);gap:18px}.panel{background:linear-gradient(145deg,#121622,#0e111a);border:1px solid var(--line);border-radius:15px;padding:23px;min-width:0}.heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:22px}.heading>div{display:flex;align-items:center;gap:10px}.heading small{color:var(--purple)}h2{font-size:14px;margin:0}.heading label{font:9px 'DM Mono';color:#8cddaf;border:1px solid #8cddaf55;padding:5px 7px;border-radius:4px}.dropzone{height:205px;border:1px dashed #4a4566;border-radius:10px;background:#0b0e17;display:flex;align-items:center;justify-content:center;text-align:center;position:relative;cursor:pointer;overflow:hidden}.dropzone.drag{border-color:var(--purple);background:#a58bff12}.dropzone strong,.dropzone span,.dropzone small{display:block}.upload-icon{width:48px;height:48px;display:grid;place-items:center;margin:0 auto 12px;border-radius:13px;background:#a58bff18;color:var(--purple);font-size:27px}.dropzone strong{font-size:13px}.dropzone span{font-size:11px;color:#9ca2b6;margin-top:8px}.dropzone span b{color:var(--purple)}.dropzone small{font-size:10px;color:#70778c;margin-top:14px}.dropzone img{width:100%;height:100%;object-fit:contain;background:#070910}.dropzone #fileBadge{position:absolute;bottom:10px;left:10px;background:#111827;color:#a5e7c8;padding:7px 9px;border-radius:6px;font-size:11px}.file-info{padding:10px;margin-top:10px;background:#171b29;border-radius:7px;color:#c7cbe0;font-size:11px;overflow-wrap:anywhere}.analysis{margin:18px 0;padding:13px;background:#a58bff0d;border:1px solid #a58bff25;border-radius:9px}.analysis b{font-size:11px}.analysis p{font-size:10px;color:#979db1;margin:5px 0 0;line-height:1.5}.primary{height:45px;width:100%;border:0;border-radius:8px;background:linear-gradient(100deg,#9274f4,#6a9ee9);color:white;font-weight:700;font-size:12px;cursor:pointer}.primary span{float:right;margin-right:14px}.primary:disabled,.download:disabled{opacity:.4;cursor:not-allowed}.privacy{text-align:center;color:#70778c;font-size:9px}.error{margin-top:12px;padding:10px;border:1px solid #f17c8a66;background:#f17c8a12;color:#ffb5bd;border-radius:7px;font-size:11px;line-height:1.5}.steps{border-top:1px solid #ffffff14;margin-top:22px;padding-top:18px;display:grid;gap:14px}.steps>div{display:flex;align-items:center;gap:11px}.steps i{width:25px;height:25px;border:1px solid #3a3e54;border-radius:50%;display:grid;place-items:center;color:var(--purple);font:11px 'DM Mono';font-style:normal}.steps span{display:grid;gap:3px}.steps b{font-size:11px}.steps small{font-size:10px;color:#7f869b}.result-panel{display:flex;flex-direction:column}.download{border:1px solid #8cddaf55;background:#8cddaf12;color:#a9e7c8;padding:8px 11px;border-radius:7px;font-size:10px;cursor:pointer}.toolbar{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #ffffff14;padding-bottom:11px}.tabs,.devices{display:flex;gap:5px}.tabs button,.devices button{background:none;border:1px solid transparent;color:#858ba0;padding:8px 10px;border-radius:6px;font-size:11px;cursor:pointer}.tabs button.active,.devices button.active{background:#a58bff18;border-color:#a58bff55;color:#c7b7ff}.preview-stage,.code-pane{min-height:465px;background:#090c14;border:1px solid #252a3b;border-top:0;border-radius:0 0 9px 9px;padding:15px;display:flex;justify-content:center;overflow:hidden}.browser{width:100%;border:1px solid #30364a;border-radius:8px;background:white;display:flex;flex-direction:column;overflow:hidden;transition:width .2s}.browser.tablet{width:768px;max-width:100%}.browser.mobile{width:390px;max-width:100%}.browserbar{height:32px;flex:none;background:#171b28;color:#777f95;display:flex;align-items:center;padding:0 11px;font:9px 'DM Mono'}.browserbar label{margin:auto}.browser iframe{border:0;flex:1;min-height:420px;background:white}.empty{flex:1;min-height:420px;background:radial-gradient(ellipse at 50% 45%,#1a1b31,transparent 50%),#0d1019;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:white}.illustration{height:115px;width:170px;position:relative;display:grid;place-items:center}.mock{width:125px;height:85px;border:1px solid #66608d;border-radius:8px;background:linear-gradient(140deg,#242442,#131827);padding:13px;display:grid;gap:8px;transform:rotate(-5deg)}.mock i{height:7px;border-radius:4px;background:#a58bff55}.mock i:first-child{height:12px;background:#a58bff;width:75%}.mock i:nth-child(2){background:#71d6e455}.illustration b{position:absolute;right:10px;top:4px;color:#8de1e8;font-size:30px}.empty h3{font-size:14px;margin:10px 0 7px}.empty p{font-size:11px;color:#8e95aa}.empty small{font-size:8px;color:#626a80;margin-top:16px}.code-pane{display:block;padding:0}.code-tabs{display:flex;border-bottom:1px solid #252a3b}.code-tabs button{padding:12px;background:none;border:0;border-bottom:2px solid transparent;color:#858ba0;font:10px 'DM Mono';cursor:pointer}.code-tabs button.active{color:#c6b8ff;border-color:var(--purple)}pre{padding:16px;margin:0;max-height:430px;overflow:auto;color:#bbc4d9;font:11px/1.7 'DM Mono';white-space:pre-wrap;overflow-wrap:anywhere}.result-footer{display:flex;justify-content:space-between;color:#7f879d;font:9px 'DM Mono';padding-top:13px}footer{height:65px;margin:0 4%;border-top:1px solid #ffffff14;display:flex;align-items:center;justify-content:space-between;color:#747b90;font-size:10px}footer a{color:#a3a9bb;text-decoration:none}@media(max-width:900px){.workspace{grid-template-columns:300px minmax(0,1fr)}.panel{padding:17px}}@media(max-width:700px){.workspace{grid-template-columns:1fr;padding:0 15px 35px}.topbar{margin:0 15px}.topmeta{font-size:8px}.hero{padding:45px 14px 30px}h1{letter-spacing:-2px}.hero p{font-size:13px}.preview-stage,.code-pane{min-height:380px}.browser iframe,.empty{min-height:340px}footer{margin:0 15px;font-size:9px}}\n.footer-links{display:flex;gap:18px;align-items:center}.footer-links a{color:#a3a9bb;text-decoration:none}.footer-links a:hover{color:#c7b7ff}\n

/* Contact page */
.contact-main{max-width:760px;margin:0 auto;padding:72px 20px 90px}.contact-card{background:linear-gradient(145deg,#121622,#0e111a);border:1px solid var(--line);border-radius:15px;padding:clamp(22px,5vw,42px)}.contact-card h1{font-size:clamp(34px,5vw,48px);margin:14px 0}.contact-card>p{color:#a2a7ba;font-size:14px;line-height:1.7;margin:0 0 28px}.contact-form{display:grid;gap:17px}.contact-form label{display:grid;gap:8px;color:#dfe2ee;font-size:12px;font-weight:600}.contact-form input,.contact-form textarea{width:100%;border:1px solid #34394d;border-radius:8px;background:#090c14;color:#f4f5fb;padding:13px 14px;font:13px 'DM Sans',sans-serif;outline:none}.contact-form input:focus,.contact-form textarea:focus{border-color:var(--purple);box-shadow:0 0 0 3px #a58bff18}.contact-form textarea{min-height:170px;resize:vertical}.contact-actions{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.contact-submit{border:0;border-radius:8px;padding:13px 20px;background:linear-gradient(100deg,#9274f4,#6a9ee9);color:white;font-weight:700;font-size:12px;cursor:pointer}.contact-back{color:#aeb4c8;text-decoration:none;font-size:12px}.contact-note{font-size:10px!important;color:#747b90!important;margin:0!important}