:root { --navy:#1c4587; --navy-dk:#123163; --green:#3d7a1f; --green-lt:#e8f2e0; --grey:#f0f0f0; --line:#c0c0c0; --link:#1155cc; --red:#a01919; --amber:#b45309; }
        * { box-sizing: border-box; margin: 0; padding: 0; }
        body { background-color:#e8ecf1; font-family:Arial,Helvetica,sans-serif; font-size:14px; line-height:1.5; color:#222; -webkit-text-size-adjust:100%; }
        a { color: var(--link); text-decoration: none; }
        a:hover { text-decoration: underline; }
        a:focus-visible, button:focus-visible, .btn:focus-visible, summary:focus-visible { outline: 2px solid var(--navy); outline-offset: 2px; }
        .container { max-width:1100px; margin:0 auto; background:#fff; box-shadow:0 2px 8px rgba(0,0,0,0.08); min-height:100vh; display:flex; flex-direction:column; }
        .header { background:var(--navy); color:#fff; position:sticky; top:0; z-index:100; display:flex; align-items:center; justify-content:space-between; padding:8px 16px; flex-wrap:wrap; }
        .logo { font-size:22px; font-weight:bold; color:#fff; text-decoration:none; display:flex; align-items:center; }
        .logo span { color:#8fc34d; }
        .nav-links { display:flex; align-items:center; gap:16px; }
        .nav-links a { color:#fff; font-size:14px; font-weight:600; text-decoration:none; padding:6px 0; border-bottom:2px solid transparent; }
        .nav-links a:hover { border-bottom-color:#8fc34d; text-decoration:none; }
        .nav-links .btn-primary { background:#fff; color:var(--navy); padding:8px 14px; font-weight:bold; border:none; cursor:pointer; text-decoration:none; display:inline-block; }
        .nav-links .btn-primary:hover { background:#e8ecf1; text-decoration:none; }
        .hamburger { display:none; flex-direction:column; cursor:pointer; background:transparent; border:none; gap:4px; padding:4px; }
        .hamburger span { width:25px; height:3px; background:#fff; display:block; border-radius:2px; }
        @media (max-width:700px) {
            .nav-links { display:none; width:100%; flex-direction:column; align-items:flex-start; background:var(--navy-dk); padding:12px 0; margin-top:8px; }
            .nav-links.active { display:flex; }
            .hamburger { display:flex; }
            .nav-links a { padding:8px 16px; width:100%; border-bottom:none; }
            .nav-links .btn-primary { margin:0 16px; width:auto; }
        }
        .breadcrumb { padding:10px 20px; font-size:13px; color:#555; background:#fafafa; border-bottom:1px solid var(--line); }
        .breadcrumb a { color:var(--link); }
        .main { flex:1; padding:20px; }
        .hero { text-align:center; margin-bottom:32px; }
        h1 { font-size:28px; color:var(--navy); margin-bottom:8px; line-height:1.2; }
        .hero p { font-size:16px; color:#333; margin-bottom:16px; }
        .hero .trust { display:flex; justify-content:center; gap:24px; flex-wrap:wrap; font-size:13px; color:#555; margin:12px 0 20px; }
        .btn { display:inline-block; font-weight:bold; padding:12px 24px; font-size:16px; text-align:center; border:none; cursor:pointer; text-decoration:none; line-height:1.2; transition:background 0.2s; }
        .btn-primary { background:var(--navy); color:#fff; }
        .btn-primary:hover { background:var(--navy-dk); text-decoration:none; }
        .btn-success { background:var(--green); color:#fff; }
        .btn-success:hover { background:#2e5e17; text-decoration:none; }
        .btn-secondary { background:var(--grey); color:#222; border:1px solid var(--line); }
        .btn-secondary:hover { background:#e0e0e0; text-decoration:none; }
        .section { margin:32px 0; }
        h2 { font-size:22px; color:var(--navy); margin-bottom:12px; font-weight:bold; }
        .intro-text { font-size:15px; max-width:800px; }
        .steps { margin:16px 0 24px; padding-left:20px; }
        .steps li { margin-bottom:12px; font-size:15px; }
        .spec-table { width:100%; border-collapse:collapse; margin:16px 0; background:#fcfcfc; border:1px solid var(--line); }
        .spec-table th, .spec-table td { padding:10px 14px; border:1px solid var(--line); text-align:left; font-size:14px; }
        .spec-table th { background:#f0f0f0; color:var(--navy); }
        .feature-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(250px,1fr)); gap:20px; margin:20px 0; }
        .feature-card { background:#fafafa; border:1px solid var(--line); padding:16px; display:flex; align-items:flex-start; gap:12px; }
        .feature-card svg { flex-shrink:0; margin-top:2px; }
        .feature-card h4 { font-size:16px; margin-bottom:4px; color:var(--navy); }
        .problem-list { list-style-type:disc; padding-left:24px; margin:12px 0; }
        .problem-list li { margin-bottom:8px; font-size:14px; }
        .related-grid { display:grid; grid-template-columns:repeat(auto-fill,minmax(200px,1fr)); gap:12px; margin:16px 0; }
        .related-grid a { display:block; padding:8px 12px; background:#f9f9f9; border:1px solid var(--line); color:var(--navy); font-weight:600; text-decoration:none; }
        .related-grid a:hover { background:#e8ecf1; text-decoration:none; }
        details { margin-bottom:14px; background:#fafafa; border:1px solid var(--line); padding:10px 14px; }
        details[open] { background:#fff; }
        summary { font-weight:bold; cursor:pointer; font-size:15px; color:var(--navy); list-style:none; }
        summary::-webkit-details-marker { display:none; }
        .cta-band { text-align:center; background:#f0f4fa; padding:28px 20px; margin:32px 0 16px; border:1px solid var(--line); }
        .cta-band h2 { margin-bottom:12px; }
        footer { background:#f0f0f0; color:#333; padding:20px; font-size:13px; border-top:1px solid var(--line); margin-top:auto; }
        footer a { color:var(--navy); font-weight:600; }
        .footer-links { display:flex; flex-wrap:wrap; gap:16px 24px; margin:12px 0 16px; }
        .footer-disclaimer { margin-top:12px; color:#555; font-size:12px; }
        .sticky-mobile-cta { display:none; position:fixed; bottom:0; left:0; width:100%; background:#fff; padding:8px 16px; box-shadow:0 -2px 8px rgba(0,0,0,0.1); z-index:99; text-align:center; border-top:1px solid var(--line); }
        .sticky-mobile-cta .btn { width:100%; padding:14px; font-size:16px; }
        @media (max-width:700px) { .sticky-mobile-cta { display:block; } body { padding-bottom:70px; } }
        @media (max-width:480px) { h1 { font-size:24px; } .hero .trust { flex-direction:column; gap:8px; } .feature-grid { grid-template-columns:1fr; } }