:root{--brand:#0066cc;--brand-2:#004a99;--accent:#ff9900;--ink:#111827;--muted:#5b6578} *{box-sizing:border-box}html,body{margin:0;padding:0} body{font-family:system-ui,-apple-system,Segoe UI,Roboto,Inter,Arial,sans-serif;color:var(--ink);background:#fff;line-height:1.6} img{max-width:100%;height:auto}a{color:var(--brand);text-decoration:none}a:hover{text-decoration:underline} .container{max-width:1200px;margin:0 auto;padding:0 16px}.section{padding:48px 0} .card{background:#fff;border:1px solid #e6eaf0;border-radius:16px;box-shadow:0 8px 24px rgba(2,6,23,.06);padding:20px} .grid-2{display:grid;grid-template-columns:1fr 1fr;gap:18px}.grid-3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:18px} @media (max-width:900px){.grid-2,.grid-3{grid-template-columns:1fr}} .skip-link{position:absolute;left:-9999px;top:auto;width:1px;height:1px;overflow:hidden} .skip-link:focus,.skip-link:focus-visible{position:fixed;left:16px;top:16px;width:auto;height:auto;padding:10px 14px;background:#fff;border:2px solid var(--brand);border-radius:10px;box-shadow:0 8px 24px rgba(2,6,23,.16);z-index:2002} .header{border-bottom:1px solid #e6eaf0;background:#fff;position:sticky;top:0;z-index:1000} .topbar{background:linear-gradient(90deg,var(--brand),var(--brand-2));color:#fff;font-size:.95rem} .header .nav{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 0} .brand{display:flex;align-items:center;gap:10px;font-weight:800;color:var(--ink)}.brand img{width:36px;height:36px} .nav-links{display:flex;gap:14px;align-items:center}#nav-toggle{display:none;background:none;border:1px solid #e6eaf0;border-radius:10px;padding:8px} @media (max-width:900px){#nav-toggle{display:inline-flex}.nav-links{display:none;position:absolute;left:16px;right:16px;top:72px;background:#fff;border:1px solid #e6eaf0;border-radius:14px;box-shadow:0 16px 44px rgba(2,6,23,.12);flex-direction:column;padding:14px}.nav-links.open{display:flex}} .support-hotline.button{display:inline-flex;align-items:center;gap:10px;background:var(--accent);color:#111827!important;font-weight:900;letter-spacing:.2px;padding:10px 14px;border-radius:999px;text-decoration:none;border:none;box-shadow:0 10px 24px rgba(17,24,39,.18)} .hero{background:linear-gradient(90deg,#edf2f7,#f7fafc);position:relative} .hero-inner{min-height:420px;display:grid;grid-template-columns:1.2fr 1fr;gap:24px;align-items:center} @media (max-width:900px){.hero-inner{grid-template-columns:1fr;min-height:auto}} .hero-visual{background-image:image-set(url('../images/hero-banner-clean.webp') type('image/webp'), url('../images/hero-banner-clean.png') type('image/png'));background-size:cover;background-position:left center;border-radius:16px;min-height:300px} .hero h1{font-size:2.2rem;margin:0 0 10px 0}.hero p.lead{color:var(--muted);margin:0 0 14px 0} .search{display:flex;gap:10px}.search input[type=search]{flex:1;border:1px solid #ccd3dd;border-radius:12px;padding:12px;font-size:1rem}.search button{background:var(--brand);color:#fff;border:none;border-radius:12px;padding:12px 16px;font-weight:700;cursor:pointer} .hotline-wrap{margin-top:14px}.hotline-cta{display:inline-flex;align-items:center;justify-content:center;gap:10px;background:var(--accent);color:#111827;font-weight:900;letter-spacing:.2px;padding:14px 18px;border-radius:12px;text-decoration:none;border:none;box-shadow:0 12px 28px rgba(17,24,39,.18)}.hotline-cta .icon{font-size:1.1em} @media (max-width:900px){.hotline-cta{display:flex;width:100%}} .footer{border-top:1px solid #e6eaf0;background:#fff}.footer .container{display:grid;grid-template-columns:2fr 1fr 1fr;gap:18px;padding:22px 16px} @media (max-width:900px){.footer .container{grid-template-columns:1fr}}.footer ul{list-style:none;padding-left:0}.footer h4{margin:.4rem 0 .6rem 0} .sticky-call{position:fixed;left:16px;right:16px;bottom:16px;background:var(--accent);color:#111827;font-weight:900;display:flex;align-items:center;justify-content:center;padding:14px 18px;border-radius:14px;box-shadow:0 16px 36px rgba(17,24,39,.22);z-index:1002;text-decoration:none} @media (min-width:901px){.sticky-call{display:none}}@media (max-width:900px){body{padding-bottom:84px}} #cookie-banner{position:fixed;left:16px;right:16px;bottom:16px;background:#fff;border:1px solid #e6eaf0;border-radius:14px;box-shadow:0 16px 44px rgba(2,6,23,.14);padding:14px;z-index:2001;display:none} .cta{background:var(--brand);color:#fff;border:none;border-radius:10px;padding:10px 14px;font-weight:700;cursor:pointer}.notice{color:#556176;font-size:.95rem}.badge{display:inline-block;padding:4px 10px;border-radius:999px;background:#eef4ff;border:1px solid #d8e2ff}  html,body{max-width:100%;overflow-x:hidden}@media (max-width:900px){.container{padding:0 12px}.hero-inner{gap:16px}.hero-visual{min-height:220px;border-radius:12px}.hero h1{font-size:1.6rem;line-height:1.25}.hero p.lead{font-size:1rem}.card{padding:16px;border-radius:12px}.grid-3{grid-template-columns:1fr}.grid-2{grid-template-columns:1fr}.search{flex-wrap:wrap}.search input[type=search]{flex:1 1 100%;min-width:0}.search button{width:100%}.sticky-call{left:12px;right:12px;bottom:12px;border-radius:12px}#cookie-banner{left:12px;right:12px;bottom:12px}}@media (max-width:380px){.hero h1{font-size:1.45rem}.support-hotline.button{padding:8px 12px}}