:root{--bg:#fff;--bg-subtle:#f8fafc;--surface:#fff;--border:#e2e8f0;--border-strong:#cbd5e1;--text:#0f172a;--text-muted:#475569;--text-subtle:#64748b;--accent:#2563eb;--accent-hover:#1d4ed8;--accent-soft:#eff6ff;--accent-border:#bfdbfe;--ring:#2563eb66;--footer-bg:#0f172a;--footer-text:#94a3b8;--footer-heading:#e2e8f0;--footer-border:#94a3b82e;--radius:14px;--radius-sm:10px;--ease:.18s ease;--header-h:60px;--font-sans:-apple-system, BlinkMacSystemFont, "Segoe UI Variable", "Segoe UI", system-ui, Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;scroll-padding-top:calc(var(--header-h) + 16px);-webkit-text-size-adjust:100%}body{font-family:var(--font-sans);color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;min-height:100vh;font-size:16px;line-height:1.6}::selection{background:var(--accent-soft);color:var(--accent-hover)}a{color:inherit}svg{flex-shrink:0}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.container{max-width:1120px;margin:0 auto;padding:0 24px}header{z-index:100;-webkit-backdrop-filter:saturate(160%)blur(8px);backdrop-filter:saturate(160%)blur(8px);border-bottom:1px solid var(--border);background:#ffffffd1;position:sticky;top:0}nav{min-height:var(--header-h);align-items:center;display:flex}.logo{letter-spacing:-.02em;color:var(--text);border-radius:8px;order:0;align-items:center;gap:.625rem;font-size:1.0625rem;font-weight:650;text-decoration:none;display:inline-flex}.logo-mark{background:var(--accent);color:#fff;border-radius:8px;justify-content:center;align-items:center;width:28px;height:28px;display:inline-flex}.nav-links{order:1;align-items:center;gap:.25rem;margin-left:2rem;margin-right:auto;list-style:none;display:flex}.nav-links a{color:var(--text-muted);transition:color var(--ease), background-color var(--ease);border-radius:8px;padding:.4rem .75rem;font-size:.9rem;font-weight:500;text-decoration:none;display:inline-block}.nav-links a:hover{color:var(--text);background:#f1f5f9}.header-cta{order:2}.menu-toggle{border:1px solid var(--border);width:40px;height:40px;color:var(--text);cursor:pointer;transition:background-color var(--ease), border-color var(--ease);background:0 0;border-radius:10px;order:3;justify-content:center;align-items:center;display:none}.menu-toggle:hover{border-color:var(--border-strong);background:#f1f5f9}.cta-button{letter-spacing:-.005em;color:#fff;background:var(--accent);border:1px solid var(--accent);border-radius:var(--radius-sm);transition:background-color var(--ease), border-color var(--ease), box-shadow var(--ease), transform var(--ease);justify-content:center;align-items:center;gap:.5rem;padding:.75rem 1.375rem;font-size:.9375rem;font-weight:600;line-height:1.25;text-decoration:none;display:inline-flex;box-shadow:0 1px 2px #0f172a1f}.cta-button:hover{background:var(--accent-hover);border-color:var(--accent-hover);transform:translateY(-1px);box-shadow:0 4px 12px #2563eb38}.cta-button:active{transform:translateY(0);box-shadow:0 1px 2px #0f172a1f}.cta-button-sm{border-radius:8px;padding:.45rem .875rem;font-size:.875rem}.hero{isolation:isolate;text-align:center;padding:6.5rem 0 5.5rem;position:relative;overflow:hidden}.hero:before{content:"";z-index:-1;background-image:linear-gradient(90deg,#0f172a0d 1px,#0000 1px),linear-gradient(#0f172a0d 1px,#0000 1px);background-size:48px 48px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(70% 70% at 50% 0,#000 25%,#0000 75%);mask-image:radial-gradient(70% 70% at 50% 0,#000 25%,#0000 75%)}.hero:after{content:"";z-index:-1;background:radial-gradient(55% 55% at 50% 0,#2563eb14,#0000 70%);position:absolute;inset:0}.hero h1{letter-spacing:-.04em;color:var(--text);text-wrap:balance;margin:0 auto 1.5rem;font-size:clamp(2.5rem,6.5vw,4.5rem);font-weight:700;line-height:1.05}.hero-sub{max-width:38rem;color:var(--text-muted);text-wrap:pretty;margin:0 auto 2.25rem;font-size:1.1875rem;line-height:1.6}.hero-actions{flex-wrap:wrap;justify-content:center;align-items:center;gap:.75rem 1.5rem;display:flex}.hero-link{color:var(--text-muted);transition:color var(--ease);border-radius:6px;align-items:center;gap:.375rem;padding:.5rem .25rem;font-size:.9375rem;font-weight:500;text-decoration:none;display:inline-flex}.hero-link svg{transition:transform var(--ease)}.hero-link:hover{color:var(--text)}.hero-link:hover svg{transform:translate(2px)}.hero-trust{letter-spacing:.005em;color:var(--text-subtle);margin-top:2.5rem;font-size:.875rem;font-weight:500}.tools-section{background:var(--bg);padding:5rem 0 6rem}.section-title{text-align:center;letter-spacing:-.03em;color:var(--text);text-wrap:balance;margin-bottom:.875rem;font-size:clamp(1.75rem,3.5vw,2.5rem);font-weight:700;line-height:1.15}.section-subtitle{text-align:center;max-width:36rem;color:var(--text-muted);text-wrap:pretty;margin:0 auto 3.5rem;font-size:1.0625rem}.tools-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:1.25rem;display:grid}.tool-card{color:var(--text);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);transition:border-color var(--ease), box-shadow var(--ease), transform var(--ease);flex-direction:column;padding:1.5rem;text-decoration:none;display:flex;position:relative}.tool-card:hover{border-color:var(--accent-border);transform:translateY(-2px);box-shadow:0 1px 2px #0f172a0a,0 12px 28px -12px #0f172a24}.tool-card:focus-visible{outline-offset:3px;border-color:var(--accent)}.tool-card-top{justify-content:space-between;align-items:center;margin-bottom:1.25rem;display:flex}.tool-icon{width:40px;height:40px;color:var(--accent);background:var(--accent-soft);border:1px solid var(--accent-border);border-radius:var(--radius-sm);justify-content:center;align-items:center;display:inline-flex}.tool-badge{letter-spacing:.06em;text-transform:uppercase;color:var(--text-muted);border:1px solid var(--border);background:#f1f5f9;border-radius:999px;padding:.2rem .55rem;font-size:.6875rem;font-weight:600;line-height:1.4;display:inline-block}.tool-badge[data-badge=featured]{color:var(--accent-hover);background:var(--accent-soft);border-color:var(--accent-border)}.tool-card h3{letter-spacing:-.015em;color:var(--text);margin-bottom:.5rem;font-size:1.0625rem;font-weight:600;line-height:1.35}.tool-card p{color:var(--text-muted);flex:1;font-size:.9375rem;line-height:1.6}.tool-link{color:var(--text-subtle);transition:color var(--ease);align-items:center;gap:.375rem;margin-top:1.25rem;font-size:.875rem;font-weight:500;display:inline-flex}.tool-link svg{transition:transform var(--ease)}.tool-card:hover .tool-link{color:var(--accent)}.tool-card:hover .tool-link svg{transform:translate(3px)}.features{background:var(--bg-subtle);border-top:1px solid var(--border);border-bottom:1px solid var(--border);padding:5rem 0 6rem}.features-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:1.25rem;display:grid}.feature-item{text-align:left;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);transition:border-color var(--ease);padding:1.75rem}.feature-item:hover{border-color:var(--border-strong)}.feature-icon{width:40px;height:40px;color:var(--accent);background:var(--accent-soft);border:1px solid var(--accent-border);border-radius:var(--radius-sm);justify-content:center;align-items:center;margin-bottom:1.125rem;display:inline-flex}.feature-item h3{letter-spacing:-.015em;color:var(--text);margin-bottom:.5rem;font-size:1.0625rem;font-weight:600}.feature-item p{color:var(--text-muted);font-size:.9375rem;line-height:1.65}footer{background:var(--footer-bg);color:var(--footer-text);padding:4.5rem 0 2rem}.footer-content{grid-template-columns:1.4fr 1.2fr 1fr 1.3fr;gap:3rem 2.5rem;padding-bottom:3rem;display:grid}.footer-section h3{letter-spacing:.08em;text-transform:uppercase;color:var(--footer-heading);margin-bottom:1.125rem;font-size:.8125rem;font-weight:600}.footer-section:first-child h3{letter-spacing:-.015em;text-transform:none;color:#fff;font-size:1.125rem;font-weight:650}.footer-section p,.footer-section a{color:var(--footer-text);margin-bottom:.625rem;font-size:.9rem;line-height:1.65;text-decoration:none;display:block}.footer-section a{width:fit-content;transition:color var(--ease);border-radius:4px}.footer-section a:hover{color:#fff}footer :focus-visible{outline-color:#60a5fa}.footer-bottom{border-top:1px solid var(--footer-border);color:var(--footer-text);padding-top:1.75rem;font-size:.8125rem}.footer-bottom p{line-height:1.6}.ad-container{text-align:center;min-height:100px;color:var(--text-subtle);background:var(--bg-subtle);border:1px dashed var(--border-strong);border-radius:var(--radius-sm);justify-content:center;align-items:center;margin:2rem 0;font-size:.875rem;display:flex}.modal{z-index:1000;background:#0f172a80;display:none;position:fixed;inset:0}.modal.active{animation:modal-fade var(--ease);justify-content:center;align-items:center;display:flex}.modal-content{width:min(720px,100% - 2rem);max-height:85vh;color:var(--text);border:1px solid var(--border);background:#fff;border-radius:16px;flex-direction:column;display:flex;position:relative;overflow:hidden;box-shadow:0 24px 60px -12px #0f172a4d}.modal.active .modal-content{animation:.2s modal-rise}.modal-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:1rem;padding:1.125rem 1.5rem;display:flex}.modal .modal-title{letter-spacing:-.02em;text-transform:none;color:var(--text);margin:0;font-size:1.1875rem;font-weight:650}.modal-close{width:36px;height:36px;color:var(--text-subtle);cursor:pointer;transition:background-color var(--ease), color var(--ease);background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;font-size:1.5rem;line-height:1;display:inline-flex}.modal-close:hover{color:var(--text);background:#f1f5f9}.modal-body{color:var(--text-muted);padding:1.5rem;font-size:.9375rem;line-height:1.7;overflow-y:auto}.modal .modal-body h3{letter-spacing:-.01em;text-transform:none;color:var(--text);margin:1.75rem 0 .5rem;font-size:1rem;font-weight:600}.modal .modal-body h3:first-child{margin-top:0}.modal .modal-body p{color:var(--text-muted);margin:0 0 .875rem;font-size:.9375rem;line-height:1.7;display:block}.modal .modal-body ul{margin:0 0 .875rem 1.25rem}.modal .modal-body li{color:var(--text-muted);margin-bottom:.375rem}.modal .modal-body strong{color:var(--text);font-weight:600}@keyframes modal-fade{0%{opacity:0}to{opacity:1}}@keyframes modal-rise{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media (max-width:1024px){.tools-grid,.features-grid,.footer-content{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:768px){.container{padding:0 20px}.nav-links{border-bottom:1px solid var(--border);background:#fff;flex-direction:column;align-items:stretch;gap:0;margin:0;padding:.5rem 1rem 1rem;display:none;position:absolute;top:100%;left:0;right:0;box-shadow:0 16px 24px -16px #0f172a2e}.nav-links.active{display:flex}.nav-links li{width:100%}.nav-links a{border-radius:8px;width:100%;padding:.875rem .75rem;font-size:1rem;display:block}.header-cta{order:2;margin-left:auto;margin-right:.625rem}.menu-toggle{display:inline-flex}.hero{padding:4.5rem 0 4rem}.hero-sub{font-size:1.0625rem}.tools-section,.features{padding:4rem 0 4.5rem}.section-subtitle{margin-bottom:2.5rem}.modal-header{padding:1rem 1.125rem}.modal-body{padding:1.25rem 1.125rem}.modal-content{max-height:90vh}}@media (max-width:640px){.tools-grid,.features-grid,.footer-content{grid-template-columns:1fr}.footer-content{gap:2.25rem}footer{padding-top:3.5rem}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}.tool-card:hover,.cta-button:hover{transform:none}}