:root{--hover-bg-color: #1b1913;--bg-color: #14120b;--text-color: #edecec;--alternate-text-color: #cccccc}*{margin:0;padding:0;box-sizing:border-box}body{background-color:var(--bg-color);color:var(--text-color);height:100vh;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}nav{display:flex;justify-content:space-between;align-items:center;margin:20px auto 150px;width:80%}.logo{font-size:18px;font-weight:600;letter-spacing:.5px}.middle a{text-decoration:none;color:var(--text-color);margin-left:20px}.middle a:hover{color:var(--alternate-text-color)}.btn{display:flex;gap:10px}button{padding:2px 10px;border-radius:50px;cursor:pointer}.sign-in{border:.2px solid var(--alternate-text-color);background-color:var(--bg-color);color:var(--text-color)}.sign-in:hover{background-color:var(--hover-bg-color)}.download{color:var(--bg-color);background-color:var(--text-color)}main{margin:20px auto;width:80%}main button{margin-top:20px;padding:15px;font-size:15px}main button:hover{background-color:var(--alternate-text-color)}.hero-image{width:80%;margin:50px auto}.hero-image img{width:100%;height:auto}.social-proof{width:80%;margin:50px auto}.social-proof p{font-size:14px;color:var(--alternate-text-color);margin-bottom:30px;text-align:center}.cards{display:grid;grid-template-columns:repeat(8,1fr);gap:16px;width:100%;margin:0 auto}.card{height:80px;display:flex;align-items:center;justify-content:center;background-color:var(--hover-bg-color);border:1px solid var(--hover-bg-color);border-radius:12px;color:var(--text-color);font-size:18px;font-weight:600;opacity:.9}.card:hover{background-color:var(--hover-bg-color);border-color:#ffffff26;opacity:1}.feature{width:80%;margin:120px auto;display:grid;grid-template-columns:1fr 2fr;gap:80px;align-items:center;padding:40px;border-radius:16px;background-color:var(--hover-bg-color)}.feature:hover{background-color:#1c1913}.feature:nth-child(2n){grid-template-columns:2fr 1fr}.feature .text{max-width:420px}.feature .text h2{font-size:28px;font-weight:500;margin-bottom:14px}.feature .text p{font-size:18px;color:var(--alternate-text-color);line-height:1.6;margin-bottom:20px}.feature .text a{font-size:16px;color:#ff7a18;text-decoration:none}.feature .text a:hover{color:#cf5600}.feature .image img{width:100%;border-radius:14px}.testimonials-section{width:80%;margin:40px auto}.testimonials-section h3{font-size:36px;font-weight:400;margin-bottom:30px;text-align:center}.testimonials-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.testimonial-card{background-color:var(--hover-bg-color);border:1px solid var(--hover-bg-color);padding:18px;display:flex;flex-direction:column;justify-content:space-between;min-height:260px}.testimonial-card .quote{font-size:15px;line-height:1.6;color:var(--text-color);margin-bottom:24px}.author{display:flex;align-items:center;gap:12px}.author img{width:36px;height:36px;border-radius:50%}.author h6{font-size:14px;font-weight:500;margin:0}.author span{font-size:13px;color:var(--alternate-text-color)}.product-desc{width:80%;margin:80px auto}.product-desc h3{font-size:30px;font-weight:500;margin-bottom:30px}.desc-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:32px}.desc-card{background-color:var(--hover-bg-color);border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:28px;display:flex;flex-direction:column;gap:12px;min-height:420px}.desc-card h5{font-size:18px;font-weight:500}.desc-card p{font-size:15px;line-height:1.6;color:var(--alternate-text-color);margin-bottom:12px}.desc-card a{font-size:14px;color:#ff7a18;text-decoration:none;margin-bottom:auto}.desc-card a:hover{color:#cf5600}.desc-card img{width:100%;border-radius:12px;margin-top:20px}.changelogs{width:80%;margin:80px auto}.changelogs h3{font-size:28px;font-weight:500;margin-bottom:20px}.changelog-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;margin-bottom:24px}.changelog-card{background-color:var(--hover-bg-color);border:1px solid rgba(255,255,255,.08);border-radius:14px;padding:20px;display:flex;flex-direction:column;gap:10px;min-height:120px}.changelog-card .version{display:inline-block;width:fit-content;font-size:12px;padding:2px 8px;border-radius:999px;border:1px solid rgba(255,255,255,.2);color:var(--text-color)}.changelog-card .date{font-size:13px;color:var(--alternate-text-color)}.changelog-card p{font-size:15px;line-height:1.4;margin-top:6px}.changelog-card:hover{background-color:#1b1918;border-color:#ffffff26}.changelog-link{font-size:14px;color:#ff7a18;text-decoration:none}.changelog-link:hover{color:#cf5600}.cta-image{width:80%;margin:80px auto}.cta-image img{width:100%}.cta-image img:hover{cursor:pointer}.highlights{max-width:1100px;margin:160px auto;padding:0 24px}.highlights-layout{display:grid;grid-template-columns:180px 1fr;gap:64px;align-items:start}.highlights-label h4{font-size:15px;font-weight:500;color:var(--alternate-text-color);margin-top:6px}.highlights-feed{display:flex;flex-direction:column;gap:16px}.highlight-card{background-color:var(--hover-bg-color);border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:20px;display:flex;flex-direction:column;gap:6px}.highlight-card h5{font-size:16px;font-weight:500}.highlight-card p{font-size:14px;line-height:1.5;color:var(--alternate-text-color)}.highlight-card span{font-size:13px;color:#ccc9;margin-top:6px}.highlights-link{margin-top:24px;font-size:14px;color:#c70b0b;text-decoration:none;width:fit-content}.highlights-link:hover{color:#cf5600}.cta{min-height:30vh;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:24px;background-color:var(--bg-color);text-align:center}.cta h2{font-size:56px;font-weight:500;color:var(--text-color)}.cta-button{padding:12px 24px;font-size:16px;font-weight:500;background-color:var(--text-color);color:var(--bg-color);border-radius:999px;text-decoration:none}.cta-button:hover{background-color:#e0e0e0}.footer{max-width:1200px;margin:160px auto 80px;padding:0 20px}.footer-links{display:grid;grid-template-columns:repeat(5,1fr);gap:60px}.footer-col{display:flex;flex-direction:column;gap:10px}.footer-col h5{font-size:14px;font-weight:500;color:var(--alternate-text-color);margin-bottom:6px}.footer-col a{font-size:14px;color:var(--text-color);text-decoration:none}.footer-col a:hover{text-decoration:underline}.footer-bottom{margin-top:80px;display:flex;justify-content:space-between;align-items:center;font-size:13px;color:var(--alternate-text-color)}.footer-controls{display:flex;gap:10px}.footer-controls button{background-color:#1b1918;border:none;color:var(--text-color);padding:6px 10px;border-radius:999px;cursor:pointer;font-size:13px}.footer-controls button:hover{background-color:#262421}
