@font-face { font-family:"Inter"; src:url("assets/fonts/inter-variable.woff2") format("woff2"); font-weight:100 900; font-display:swap; }
@font-face { font-family:"Manrope"; src:url("assets/fonts/manrope-variable.woff2") format("woff2"); font-weight:200 800; font-display:swap; }
:root { --navy:#0b1c3d; --blue:#2158c7; --orange:#f47516; --green:#168d83; --muted:#69758a; --line:#dce4ef; --soft:#f4f7fb; --content:1180px; }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { margin:0; color:var(--navy); background:#fff; font-family:"Inter",Arial,sans-serif; -webkit-font-smoothing:antialiased; }
a { color:inherit; text-decoration:none; }
button,input,select,textarea { font:inherit; }
:focus-visible { outline:3px solid rgba(33,88,199,.35); outline-offset:3px; }
.tool-skip { position:fixed; z-index:20; top:10px; left:10px; padding:10px 14px; color:#fff; background:var(--navy); transform:translateY(-150%); }
.tool-skip:focus { transform:none; }
.tool-nav { position:sticky; z-index:10; top:0; display:flex; align-items:center; min-height:76px; padding:12px max(22px,calc((100% - var(--content))/2)); background:rgba(255,255,255,.96); border-bottom:1px solid var(--line); backdrop-filter:blur(14px); }
.tool-brand { display:flex; gap:11px; align-items:center; margin-right:auto; font-family:"Manrope",sans-serif; font-size:14px; font-weight:720; }
.tool-brand img { width:44px; height:44px; object-fit:contain; }
.tool-nav nav { display:flex; gap:7px; align-items:center; }
.tool-nav nav a { padding:9px 12px; color:#46536a; border-radius:5px; font-size:12px; font-weight:650; }
.tool-nav nav a:hover,.tool-nav nav a[aria-current="page"] { color:var(--blue); background:#eef3fc; }
.tool-nav-cta { display:inline-flex; gap:7px; align-items:center; min-height:42px; margin-left:8px; padding:0 14px!important; color:#fff!important; background:var(--orange)!important; }
.tool-nav svg { width:16px; }
.tool-main { min-height:calc(100vh - 150px); }
.tool-intro { position:relative; overflow:hidden; padding:72px max(22px,calc((100% - var(--content))/2)) 46px; background:var(--soft); border-bottom:1px solid var(--line); }
.tool-intro::after { position:absolute; top:24px; right:5%; width:260px; height:120px; border-top:1px solid rgba(33,88,199,.18); border-right:1px solid rgba(244,117,22,.28); content:""; pointer-events:none; animation:tool-frame 5s ease-in-out infinite; }
.tool-kicker { display:flex; gap:8px; align-items:center; margin:0 0 13px; color:var(--orange); font-size:11px; font-weight:800; text-transform:uppercase; }
.tool-kicker::before { width:32px; height:2px; background:currentColor; content:""; }
.tool-intro h1 { max-width:780px; margin:0; font-family:"Manrope",sans-serif; font-size:clamp(36px,5vw,62px); font-weight:680; line-height:1.06; }
.tool-intro > p:last-of-type { max-width:700px; margin:20px 0 0; color:var(--muted); font-size:15px; line-height:1.7; }
.tool-content { width:min(calc(100% - 44px),var(--content)); margin:0 auto; padding:44px 0 82px; }
.search-panel { display:grid; grid-template-columns:minmax(0,1fr) 160px 52px; border:1px solid #bfcde1; background:#fff; box-shadow:0 18px 44px rgba(11,28,61,.08); }
.search-panel label { position:absolute; width:1px; height:1px; overflow:hidden; clip:rect(0,0,0,0); }
.search-panel input,.search-panel select { height:56px; padding:0 17px; color:var(--navy); background:#fff; border:0; border-right:1px solid var(--line); outline:0; }
.search-panel button { display:grid; place-items:center; width:52px; height:56px; padding:0; color:#fff; background:var(--blue); border:0; cursor:pointer; }
.search-panel button svg { width:21px; }
.search-summary { display:flex; gap:12px; align-items:center; justify-content:space-between; min-height:46px; margin:18px 0 12px; color:var(--muted); font-size:12px; }
.search-summary strong { color:var(--navy); }
.search-results { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; }
.search-result { position:relative; display:grid; grid-template-columns:42px minmax(0,1fr) 24px; gap:14px; align-items:start; min-height:152px; padding:22px; background:#fff; border:1px solid var(--line); transition:transform 220ms ease,border-color 220ms ease,box-shadow 220ms ease; }
.search-result:hover { border-color:#9db3d6; box-shadow:0 16px 30px rgba(11,28,61,.09); transform:translateY(-3px); }
.search-result > i { display:grid; place-items:center; width:42px; height:42px; color:var(--blue); background:#edf3ff; border:1px solid #d6e1f5; }
.search-result svg { width:20px; }
.search-result > div { min-width:0; }
.search-result small { color:var(--orange); font-size:9px; font-weight:800; text-transform:uppercase; }
.search-result h2 { margin:5px 0 7px; font-family:"Manrope",sans-serif; font-size:17px; line-height:1.3; }
.search-result p { margin:0; color:var(--muted); font-size:11px; line-height:1.6; }
.search-result > svg { width:18px; color:#8290a6; transition:transform 200ms ease; }
.search-result:hover > svg { color:var(--orange); transform:translate(3px,-3px); }
.empty-state { grid-column:1/-1; padding:48px 24px; color:var(--muted); background:var(--soft); border:1px dashed #bfcde1; text-align:center; }
.support-layout { display:grid; grid-template-columns:minmax(0,.76fr) minmax(0,1.24fr); gap:44px; align-items:start; }
.support-guide { display:grid; gap:18px; }
.support-guide h2 { margin:0; font:650 28px/1.2 "Manrope",sans-serif; }
.support-guide > p { margin:0; color:var(--muted); font-size:13px; line-height:1.7; }
.support-steps { display:grid; gap:1px; background:var(--line); border:1px solid var(--line); }
.support-steps article { display:grid; grid-template-columns:30px 1fr; gap:12px; padding:17px; background:#fff; }
.support-steps span { display:grid; place-items:center; width:28px; height:28px; color:#fff; background:var(--blue); font-size:10px; font-weight:800; }
.support-steps strong { display:block; font-size:12px; }
.support-steps small { color:var(--muted); font-size:10px; line-height:1.5; }
.support-form-wrap { display:grid; gap:10px; min-width:0; }
.support-form { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:15px; padding:28px; background:#fff; border:1px solid var(--line); box-shadow:0 20px 48px rgba(11,28,61,.08); }
.support-form label { display:grid; gap:6px; color:#40506a; font-size:10px; font-weight:700; }
.support-form label.is-full,.support-form fieldset,.support-form output,.support-form button { grid-column:1/-1; }
.support-form input,.support-form select,.support-form textarea { width:100%; min-height:46px; padding:11px 12px; color:var(--navy); background:#f9fbfd; border:1px solid #cfd9e8; border-radius:4px; outline:0; }
.support-form textarea { min-height:126px; resize:vertical; }
.support-form fieldset { margin:0; padding:0; border:0; }
.support-form fieldset label { display:flex; gap:8px; align-items:flex-start; font-weight:500; }
.support-form fieldset input { width:15px; min-height:15px; margin-top:2px; accent-color:var(--orange); }
.support-form button { display:inline-flex; gap:8px; align-items:center; justify-content:center; min-height:50px; color:#fff; background:var(--orange); border:0; border-radius:4px; cursor:pointer; font-weight:750; }
.support-form button:disabled { cursor:wait; opacity:.65; }
.support-form output { display:none; padding:12px; color:#4e5d73; background:#f4f7fb; font-size:11px; line-height:1.55; }
.support-form output:not(:empty) { display:block; }
.support-form output.is-success { color:#0e6b4b; background:#eaf8f2; }
.support-form output.is-error { color:#8b3d32; background:#fff1ed; }
.support-form output.is-ready { color:#704113; background:#fff5e9; border-left:3px solid var(--orange); }
.support-form output a { color:var(--blue); font-weight:750; text-decoration:underline; text-underline-offset:2px; }
.support-form .hp-field { position:absolute; left:-10000px; width:1px; height:1px; overflow:hidden; }
.support-contact { display:flex; gap:10px; align-items:center; padding:15px; color:var(--muted)!important; background:#f6f8fc; border-left:3px solid var(--orange); }
.support-contact svg { flex:0 0 auto; width:20px; color:var(--orange); }
.support-contact a { color:var(--navy); font-weight:700; }
.delivery-note { margin:0; padding:13px 15px; color:#5d687b; background:#f7f9fc; border:1px solid var(--line); font-size:11px; line-height:1.6; }
.delivery-note[hidden] { display:none; }
.directory-heading { display:flex; gap:24px; align-items:end; justify-content:space-between; margin:0 0 18px; }
.directory-heading span { color:var(--orange); font-size:10px; font-weight:800; text-transform:uppercase; }
.directory-heading h2 { margin:6px 0 0; font:650 28px/1.2 "Manrope",sans-serif; }
.directory-heading > a { display:inline-flex; gap:8px; align-items:center; min-height:42px; padding:0 14px; color:#fff; background:var(--blue); font-size:11px; font-weight:700; }
.directory-heading > a svg { width:16px; }
.partner-directory { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; }
.partner-directory article { position:relative; display:grid; grid-template-columns:112px minmax(0,1fr); gap:16px; align-items:center; min-height:126px; padding:18px; overflow:hidden; background:#fff; border:1px solid var(--line); transition:transform 220ms ease,border-color 220ms ease,box-shadow 220ms ease; }
.partner-directory article::after { position:absolute; right:-18px; bottom:-18px; width:42px; height:42px; border:1px solid rgba(244,117,22,.28); content:""; transform:rotate(45deg); }
.partner-directory article:hover { border-color:#a7bad8; box-shadow:0 14px 30px rgba(11,28,61,.08); transform:translateY(-2px); }
.partner-directory figure { display:grid; place-items:center; width:112px; height:64px; margin:0; overflow:hidden; background:#fff; }
.partner-directory img { display:block; width:auto; height:auto; max-width:100%; max-height:58px; object-fit:contain; }
.partner-directory h2 { margin:0; font:650 15px/1.3 "Manrope",sans-serif; }
.partner-directory p { margin:6px 0 0; color:var(--muted); font-size:10px; }
.directory-note { margin:22px 0 0; padding:15px 18px; color:#5d687b; background:#f7f9fc; border-left:3px solid var(--orange); font-size:11px; line-height:1.65; }
.tool-footer { display:flex; gap:24px; align-items:center; justify-content:space-between; padding:28px max(22px,calc((100% - var(--content))/2)); color:#cbd5e8; background:var(--navy); font-size:11px; }
.tool-footer nav { display:flex; gap:18px; }
.tool-footer a:hover { color:#fff; }
@keyframes tool-frame { 0%,100% { transform:translateX(0); opacity:.45; } 50% { transform:translateX(-24px); opacity:1; } }
@media (max-width:900px) { .partner-directory { grid-template-columns:repeat(2,minmax(0,1fr)); } .support-layout { grid-template-columns:1fr; } }
@media (max-width:720px) {
  .tool-nav { min-height:66px; padding:9px 16px; }
  .tool-brand img { width:38px; height:38px; }
  .tool-brand { font-size:12px; }
  .tool-nav nav a:not(.tool-nav-cta) { display:none; }
  .tool-intro { padding:56px 20px 36px; }
  .tool-intro::after { width:140px; height:70px; }
  .tool-content { width:calc(100% - 32px); padding:30px 0 60px; }
  .search-panel { grid-template-columns:minmax(0,1fr) 48px; }
  .search-panel select { grid-column:1/-1; grid-row:2; border-top:1px solid var(--line); border-right:0; }
  .search-panel button { width:48px; }
  .search-results,.partner-directory { grid-template-columns:1fr; }
  .search-result { min-height:0; padding:18px; }
  .support-form { grid-template-columns:1fr; padding:20px; }
  .support-form label { grid-column:1/-1; }
  .partner-directory article { grid-template-columns:92px minmax(0,1fr); }
  .partner-directory figure { width:92px; }
  .directory-heading { align-items:flex-start; flex-direction:column; }
  .tool-footer { align-items:flex-start; flex-direction:column; }
}
@media (prefers-reduced-motion:reduce) { *,*::before,*::after { scroll-behavior:auto!important; animation:none!important; transition:none!important; } }