html{scroll-behavior:smooth}
body{background:#eef3f8;color:#111827;min-height:100vh;font-family:Arial,Helvetica,sans-serif}
a{transition:.2s ease}
.site-header{background:#193c61}
.brand-title{font-size:25px;font-weight:800;margin:0;letter-spacing:-1px;color:#ccc}
.brand-subtitle{font-size:.92rem;color:#ccc;margin:4px 0 0}
.top-nav a{color:#ccc;text-decoration:none;font-weight:700;font-size:.95rem;padding:10px 12px;border:1px solid transparent;display:inline-block}
.top-nav a:hover{text-decoration:underline}
.hero-section{width:100%;background:#292929;padding:40px 0}
.hero-kicker{display:inline-block;font-size:.82rem;font-weight:800;text-transform:uppercase;letter-spacing:1px;color:#0d6efd;margin-bottom:14px;border:1px solid #bfd5ff;background:#eaf2ff;padding:8px 12px}
.hero-title{font-size:2.4rem;font-weight:800;letter-spacing:-1px;margin-bottom:16px;color:#cccccc}
.hero-text{font-size:1.08rem;color:#c5c5c5;max-width:760px;margin:0 auto;line-height:1.7}
.tool-shell{background:#fff;border:1px solid #cfd8e3;box-shadow:0 18px 40px #0f172a0f}
.tool-header{background:#f8fafc;border-bottom:1px solid #d7dee7;padding:16px 18px}
.tool-header-title{font-size:1rem;font-weight:800;margin:0;text-transform:uppercase;color:#0f172a}
.tool-header-text{margin:6px 0 0;font-size:.92rem;color:#64748b}
.calculator-wrap{max-width:460px;margin:0 auto;padding:22px}
.calculator-screen{height:96px;font-size:2rem;text-align:right;border:1px solid #1e293b;background:#0f172a;color:#fff;padding:20px;font-weight:700}
.calculator-screen:focus{outline:none;box-shadow:none;border-color:#1e293b;background:#0f172a;color:#fff}
.calc-btn{height:68px;font-size:1.15rem;font-weight:700;border:1px solid #cbd5e1;box-shadow:none}
.calc-btn:hover{box-shadow:none}
.btn-number{background:#fff;color:#111827}
.btn-number:hover{background:#f8fafc;color:#111827;border-color:#94a3b8}
.btn-operator{background:#0d6efd;color:#fff;border-color:#0d6efd}
.btn-operator:hover{background:#0b5ed7;color:#fff;border-color:#0b5ed7}
.btn-equal{background:#198754;color:#fff;border-color:#198754}
.btn-equal:hover{background:#157347;color:#fff;border-color:#157347}
.btn-clear{background:#dc3545;color:#fff;border-color:#dc3545}
.btn-clear:hover{background:#bb2d3b;color:#fff;border-color:#bb2d3b}
.btn-back{background:#334155;color:#fff;border-color:#334155}
.btn-back:hover{background:#1e293b;color:#fff;border-color:#1e293b}
.section-box{background:#fff;border:1px solid #cfd8e3;box-shadow:0 12px 28px #0f172a0a;padding:26px}
.section-title{font-size:28px;font-weight:800;margin-bottom:16px;color:#193c61;text-align:center;letter-spacing:-1px}
.section-box p{color:#475569;line-height:1.8;margin-bottom:0}
.faq-item + .faq-item{margin-top:24px;padding-top:24px;border-top:1px solid #e2e8f0}
.faq-item h3{font-size:20px;font-weight:800;margin-bottom:8px;color:#123254;letter-spacing:-1px}
.router-tool-title{padding:20px 0 10px;font-size:22px;color:#193c61;font-weight:600;letter-spacing:-1px}
.faq-item p{margin:0}
.site-footer{background:#123254;color:#ccc}
.footer-brand{font-weight:700;color:#ccc}
.footer-links a{color:#ccc;text-decoration:none;margin-left:18px;font-size:.95rem}
.footer-links a:hover{color:#93c5fd;text-decoration:none}
@media (max-width: 767.98px) {
.hero-section{padding:44px 0}
.hero-title{font-size:1.9rem}
.calculator-wrap{padding:16px}
.calc-btn{height:62px;font-size:1.05rem}
.footer-links a{margin-left:0;margin-right:14px;display:inline-block;margin-top:8px}
}
.app-2{width:56px;height:56px;display:flex;align-items:center;justify-content:center}
.go {background: #193c61;
    border: 0;
    padding: 15px 40px;
    color: #fff;}