*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#162033;background:#f6f8fc;line-height:1.55}.site-header{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.9);backdrop-filter:blur(14px);border-bottom:1px solid #e8edf5}.nav{height:72px;max-width:1180px;margin:auto;padding:0 22px;display:flex;align-items:center;justify-content:space-between}.logo{font-size:25px;font-weight:850;letter-spacing:-1.2px;text-decoration:none;color:#172033}.logo span{color:#2563eb}.desktop-nav{display:flex;gap:30px;margin-left:60px}.desktop-nav a,.footer-links a{color:#5f6b7d;text-decoration:none;font-size:14px;font-weight:650}.desktop-nav a:hover,.footer-links a:hover{color:#2563eb}.nav-actions{display:flex;gap:8px}.theme-btn,.menu-btn{border:1px solid #e1e7ef;background:#fff;border-radius:11px;width:40px;height:40px;font-size:19px;cursor:pointer;color:#273247}.menu-btn{display:none}.mobile-menu{display:none;max-width:1180px;margin:auto;padding:0 22px 15px}.mobile-menu a{display:block;text-decoration:none;color:#334155;padding:10px 0}.hero{background:radial-gradient(circle at 50% 10%,#dbeafe 0,#f6f8fc 44%,#f6f8fc 100%);padding:90px 20px 70px;text-align:center}.hero-inner{max-width:820px;margin:auto}.pill{display:inline-flex;align-items:center;gap:8px;background:#eaf2ff;color:#2354ad;border:1px solid #d7e5ff;border-radius:999px;padding:7px 13px;font-size:13px;font-weight:750}.pill span{width:7px;height:7px;background:#22c55e;border-radius:50%}.hero h1{font-size:clamp(42px,7vw,72px);line-height:1.03;letter-spacing:-3px;margin:22px 0 18px}.hero h1 strong{color:#2563eb}.hero p{max-width:670px;margin:auto;color:#68758a;font-size:18px}.hero-btn{display:inline-flex;gap:13px;align-items:center;margin-top:30px;padding:14px 21px;background:#2563eb;color:#fff;text-decoration:none;border-radius:13px;font-weight:800;box-shadow:0 10px 24px rgba(37,99,235,.2)}.trust{display:flex;justify-content:center;gap:24px;flex-wrap:wrap;margin-top:20px;color:#718096;font-size:13px;font-weight:650}.test-section{padding:0 20px 65px;margin-top:-18px}.test-card{max-width:920px;margin:auto;background:#fff;border:1px solid #e3e9f1;border-radius:26px;padding:30px;box-shadow:0 18px 55px rgba(25,45,80,.1)}.test-head{display:flex;justify-content:space-between;gap:20px}.eyebrow,.section-title>span{font-size:11px;font-weight:850;color:#2563eb;letter-spacing:1.4px}.test-head h2{font-size:28px;margin:3px 0}.test-head p{margin:0;color:#738095}.server{align-self:flex-start;background:#f3f6fa;border:1px solid #e3e8ef;padding:8px 12px;border-radius:999px;color:#667387;font-size:12px}.meter-wrap{position:relative;width:210px;height:210px;margin:28px auto 15px}.meter{position:absolute;inset:17px;border-radius:50%;background:#fff;border:11px solid #e8eef7;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:2}.meter-value{font-size:42px;font-weight:850;letter-spacing:-2px}.meter-unit{font-size:13px;color:#718096}.meter-label{font-size:10px;font-weight:850;color:#2563eb;letter-spacing:1.2px;margin-top:5px}.meter-ring{position:absolute;inset:0;border-radius:50%;background:conic-gradient(#2563eb 0deg,#60a5fa 90deg,#e8eef7 90deg,#e8eef7 360deg);animation:none}.meter-ring:after{content:"";position:absolute;inset:11px;border-radius:50%;background:#fff}.start-btn{display:block;margin:0 auto;background:#2563eb;color:white;border:0;border-radius:13px;padding:14px 35px;font-size:16px;font-weight:800;cursor:pointer;min-width:165px}.start-btn:disabled{opacity:.65;cursor:wait}.results{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:26px}.result{border:1px solid #e6ebf2;border-radius:15px;padding:15px;background:#fafbfd}.result-icon{width:29px;height:29px;display:grid;place-items:center;background:#eaf2ff;color:#2563eb;border-radius:9px;font-weight:900;margin-bottom:8px}.result span{display:block;color:#7b8798;font-size:12px}.result strong{display:block;margin-top:3px;font-size:18px}.stats{max-width:1050px;margin:0 auto 75px;padding:0 20px;display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:#e2e8f0;border:1px solid #e2e8f0;border-radius:18px;overflow:hidden}.stats div{background:#fff;text-align:center;padding:20px}.stats strong{display:block;font-size:21px}.stats span{font-size:12px;color:#778396}.content-section,.how-section,.faq-section{max-width:1050px;margin:0 auto;padding:55px 20px}.section-title{text-align:center;max-width:700px;margin:0 auto 35px}.section-title h2{font-size:36px;line-height:1.15;letter-spacing:-1.5px;margin:7px 0 10px}.section-title p{color:#738095;margin:0}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:17px}.feature-grid article{background:#fff;border:1px solid #e5eaf1;border-radius:18px;padding:24px}.feature-icon{width:42px;height:42px;border-radius:12px;background:#eaf2ff;color:#2563eb;display:grid;place-items:center;font-weight:900;font-size:20px}.feature-grid h3{margin:17px 0 7px}.feature-grid p,.steps p{color:#718096;font-size:14px;margin:0}.how-section{background:#fff;max-width:none;padding-left:max(20px,calc((100vw - 1010px)/2));padding-right:max(20px,calc((100vw - 1010px)/2))}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:25px}.steps div{border-top:2px solid #dbe5f4;padding-top:18px}.steps b{color:#2563eb;font-size:12px}.steps h3{margin:8px 0 5px}.faq-section{padding-top:70px;padding-bottom:80px}.faq{max-width:760px;margin:auto}.faq details{background:#fff;border:1px solid #e3e8ef;border-radius:13px;margin-bottom:10px;padding:16px 18px}.faq summary{cursor:pointer;font-weight:750}.faq p{color:#6d7a8d;font-size:14px;margin:12px 0 2px}footer{background:#101827;color:#aab5c5;padding:40px 20px}.footer-inner{max-width:1050px;margin:auto}.footer-inner .logo{color:#fff}.footer-inner p{font-size:13px}.footer-links{display:flex;gap:20px;margin:20px 0}.footer-links a{color:#aab5c5}.footer-inner small{font-size:12px;color:#738095}@media(max-width:760px){.desktop-nav{display:none}.menu-btn{display:block}.mobile-menu.open{display:block}.hero{padding:65px 18px 55px}.hero h1{letter-spacing:-2px}.hero p{font-size:16px}.trust{gap:10px 16px}.test-section{padding:0 13px 50px}.test-card{padding:22px;border-radius:20px}.test-head{display:block}.server{display:inline-block;margin-top:12px}.results{grid-template-columns:1fr}.stats{grid-template-columns:repeat(2,1fr);margin-bottom:40px}.feature-grid,.steps{grid-template-columns:1fr}.section-title h2{font-size:29px}.how-section{padding-top:45px;padding-bottom:45px}}
/* Added after homepage approval: dark mode + tools/footer pages */
body.dark{color:#e7edf7;background:#0b1220}
body.dark .site-header{background:rgba(11,18,32,.92);border-color:#1d2a3d}
body.dark .logo{color:#f3f7ff}
body.dark .desktop-nav a,body.dark .footer-links a{color:#aebbd0}
body.dark .theme-btn,body.dark .menu-btn{background:#111c2d;border-color:#2a3950;color:#e7edf7}
body.dark .mobile-menu a{color:#d6dfed}
body.dark .hero{background:radial-gradient(circle at 50% 10%,#172b4a 0,#0b1220 44%,#0b1220 100%)}
body.dark .hero p,body.dark .test-head p,body.dark .section-title p,body.dark .feature-grid p,body.dark .steps p,body.dark .faq p{color:#aebbd0}
body.dark .pill{background:#122442;color:#bcd3ff;border-color:#294a7a}
body.dark .test-card,body.dark .feature-grid article,body.dark .faq details,body.dark .stats div{background:#111c2d;border-color:#26364d;color:#e7edf7}
body.dark .meter{background:#111c2d;border-color:#24334a}
body.dark .meter-ring:after{background:#111c2d}
body.dark .server,body.dark .result{background:#0e192a;border-color:#293950}
body.dark .result span,body.dark .stats span{color:#91a0b6}
body.dark .how-section{background:#0e192a}
body.dark .how-section .steps div{border-color:#263a55}
body.dark footer{background:#070d17}
body.dark .footer-inner small{color:#8493aa}

.tools-section{max-width:1050px;margin:0 auto;padding:65px 20px}
.tools-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.tool-card{display:block;text-decoration:none;background:#fff;border:1px solid #e3e9f1;border-radius:18px;padding:20px;color:#162033;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}
.tool-card:hover{transform:translateY(-3px);box-shadow:0 12px 30px rgba(25,45,80,.10);border-color:#cbdaf2}
.tool-icon{width:42px;height:42px;border-radius:12px;background:#eaf2ff;color:#2563eb;display:grid;place-items:center;font-weight:900;font-size:18px}
.tool-card h3{margin:14px 0 5px;font-size:18px}
.tool-card p{margin:0;color:#718096;font-size:13px}
body.dark .tool-card{background:#111c2d;border-color:#26364d;color:#e7edf7}
body.dark .tool-card p{color:#aebbd0}
.page-wrap{max-width:900px;margin:0 auto;padding:70px 20px 90px}
.page-card{background:#fff;border:1px solid #e3e9f1;border-radius:22px;padding:32px;box-shadow:0 12px 40px rgba(25,45,80,.07)}
.page-card h1{font-size:40px;letter-spacing:-1.5px;margin-top:0}
.page-card h2{margin-top:30px}
.page-card p,.page-card li{color:#657287}
.page-card a{color:#2563eb}
body.dark .page-card{background:#111c2d;border-color:#26364d}
body.dark .page-card p,body.dark .page-card li{color:#aebbd0}
body.dark .page-card h1,body.dark .page-card h2{color:#eef4ff}
@media(max-width:760px){.tools-grid{grid-template-columns:1fr}.page-wrap{padding:45px 15px 65px}.page-card{padding:22px}.page-card h1{font-size:31px}}

/* Final mobile/header/footer stability */
html,body{width:100%;max-width:100%;overflow-x:hidden!important}
body{min-width:0!important}
img,svg,video,iframe,table{max-width:100%;height:auto}
.site-header,.site-header *,.footer-inner,.footer-inner *{min-width:0}
.nav{width:100%;min-width:0}
.desktop-nav{margin-left:auto}
.mobile-menu{width:100%}
.mobile-menu a{white-space:nowrap}

.home-tools-section{max-width:1050px;margin:0 auto;padding:55px 20px 70px}
.home-tools-section .tools-grid{margin-top:0}
.tools-more{text-align:center;margin-top:28px}
.secondary-btn{background:#fff;color:#2563eb;border:1px solid #cbdaf2;box-shadow:none}
.secondary-btn:hover{background:#eff6ff}
.tool-category{display:inline-block;margin:2px 0 8px;padding:3px 8px;border-radius:999px;background:#f1f5f9;color:#64748b;font-size:11px;font-weight:750}
.footer-top{display:flex;justify-content:space-between;gap:30px;align-items:flex-start}
.footer-top p{max-width:300px}
.footer-links{flex:1;justify-content:flex-end;flex-wrap:wrap;margin:0}
.footer-bottom{display:flex;justify-content:space-between;gap:15px;flex-wrap:wrap;border-top:1px solid rgba(255,255,255,.09);padding-top:18px;margin-top:25px}
.db-status{font-size:12px;color:#7ee2a8}
body.dark .secondary-btn{background:#111c2d;color:#bcd3ff;border-color:#304563}
body.dark .secondary-btn:hover{background:#16253b}
body.dark .tool-category{background:#182438;color:#aebbd0}
@media(max-width:760px){
  .nav{height:68px;padding:0 15px}
  .logo{font-size:23px}
  .nav-actions{flex-shrink:0}
  .home-tools-section{padding:45px 15px 55px}
  .footer-top{display:block}
  .footer-links{justify-content:flex-start;margin-top:20px;gap:12px 18px}
  .footer-links a{font-size:13px}
  .footer-bottom{font-size:12px}
}