@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700;800&family=Space+Grotesk:wght@400;500;600;700&display=swap";:root{color:#e8edf5;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;font-optical-sizing:auto;background:#0b1120;font-family:DM Sans,sans-serif;font-weight:400}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{min-width:320px;min-height:100vh}a{color:inherit;text-decoration:none}.app{max-width:1440px;margin:0 auto;padding:0 7%}.header{border-bottom:1px solid #202b3d;justify-content:space-between;align-items:center;height:88px;display:flex}.logo{align-items:center;gap:10px;font-family:Space Grotesk,sans-serif;font-size:21px;font-weight:700;display:flex}.logo-icon{color:#56ddc2;font-size:25px}.logo-accent{color:#56ddc2}.nav{color:#9ba8bb;gap:35px;font-size:14px;display:flex}.nav a:hover{color:#56ddc2}.header-button,.primary-button{color:#07151a;background:#56ddc2;border-radius:8px;padding:12px 19px;font-size:13px;font-weight:700;transition:all .2s}.header-button:hover,.primary-button:hover{background:#7cebd5;transform:translateY(-2px)}.hero{text-align:center;padding:110px 15px 120px}.hero-badge{color:#69dbc3;letter-spacing:1.5px;background:#122526;border:1px solid #294b4c;border-radius:30px;align-items:center;gap:9px;padding:8px 14px;font-size:10px;font-weight:700;display:inline-flex}.status-dot{background:#56ddc2;border-radius:50%;width:7px;height:7px}.hero h1,.about-section h2{letter-spacing:-3px;margin:30px 0 22px;font-family:Space Grotesk,sans-serif;font-size:clamp(42px,6vw,76px);line-height:1.12}.hero h1 span,.about-section h2 span{color:#56ddc2}.hero p,.about-section p{color:#99a7bb;max-width:590px;margin:0 auto;font-size:16px;line-height:1.8}.primary-button{align-items:center;gap:15px;margin-top:32px;padding:15px 23px;display:inline-flex}.tools-section{padding:50px 0 110px}.section-heading{justify-content:space-between;align-items:end;margin-bottom:35px;display:flex}.eyebrow,.tool-category{color:#56ddc2;letter-spacing:2px;font-size:10px;font-weight:700}.section-heading h2{margin:9px 0;font-family:Space Grotesk,sans-serif;font-size:32px}.section-heading p{color:#8795a9;font-size:14px}.tool-count{color:#8290a3;letter-spacing:1px;font-size:11px}.tools-grid{grid-template-columns:repeat(3,1fr);gap:22px;display:grid}.tool-card{background:#111c2d;border:1px solid #26354a;border-radius:13px;padding:27px;transition:all .25s}.tool-card:hover{background:#152438;border-color:#56ddc2;transform:translateY(-5px)}.tool-icon{color:#56ddc2;background:#193b3c;border-radius:10px;justify-content:center;align-items:center;width:48px;height:48px;margin-bottom:25px;font-family:monospace;font-size:21px;display:flex}.tool-card h3{margin:12px 0;font-family:Space Grotesk,sans-serif;font-size:21px}.tool-card p{color:#99a7bb;min-height:50px;font-size:13px;line-height:1.7}.tool-link{color:#56ddc2;margin-top:22px;font-size:13px;font-weight:700;display:inline-block}.about-section{text-align:center;border-top:1px solid #202b3d;padding:80px 15px 110px}.about-section h2{letter-spacing:-2px;font-size:45px}footer{color:#8997a9;border-top:1px solid #202b3d;justify-content:space-between;align-items:center;gap:20px;padding:35px 0;font-size:12px;display:flex}footer .logo{color:#e8edf5;font-size:17px}@media (width<=750px){.app{padding:0 5%}.header{height:72px}.nav{display:none}.header-button{padding:10px 12px;font-size:11px}.hero{padding:85px 5px}.hero h1{letter-spacing:-2px}.tools-grid{grid-template-columns:1fr}.section-heading{align-items:start}.tool-count{display:none}footer{flex-direction:column;align-items:flex-start}}.tool-search{margin-bottom:25px}.tool-search input{color:#e8edf5;background:#111c2d;border:1px solid #26354a;border-radius:9px;outline:none;width:100%;max-width:480px;padding:14px 18px;font-family:inherit;font-size:14px}.tool-search input:focus{border-color:#56ddc2}.tool-search input::placeholder{color:#8290a3}.tool-card[hidden],.no-tools[hidden]{display:none}.no-tools{color:#99a7bb;text-align:center;padding:30px 0}.faq-section{border-top:1px solid #202b3d;max-width:900px;margin:0 auto;padding:70px 0 100px}.faq-list{gap:14px;margin-top:30px;display:grid}.faq-item{background:#111c2d;border:1px solid #26354a;border-radius:10px;padding:21px 24px}.faq-item summary{color:#e8edf5;cursor:pointer;font-size:15px;font-weight:600;line-height:1.6}.faq-item summary::marker{color:#56ddc2}.faq-item p{color:#99a7bb;margin-top:14px;font-size:14px;line-height:1.8}.about-section p{max-width:650px}@media (width<=600px){.tool-search input{max-width:100%}.faq-section{padding:55px 0 70px}.faq-item{padding:18px}}