@font-face { font-family: "Manrope"; src:url("/fonts/strata/manrope-latin-variable.woff2") format("woff2"); font-weight:200 800; font-style:normal; font-display:swap; }
@font-face { font-family: "Russo One"; src:url("/fonts/strata/russo-one-latin-400-normal.woff2") format("woff2"); font-weight:400; font-style:normal; font-display:swap; }
.tuner-card { --body:"Manrope",sans-serif; --brand:"Russo One",sans-serif; font-family:var(--body); line-height:1.7; }
.tuner-card { display:flex; flex-direction:column; min-width:0; border:1px solid #303a43; border-radius:10px; padding:1.6rem; background:linear-gradient(130deg,#171e24,#10161b 75%); transition:border-color .2s,transform .2s; }
.tuner-card-head { display:flex; align-items:center; gap:1rem; margin-bottom:1.25rem; }
.tuner-avatar { display:grid; place-items:center; width:58px; height:58px; background:#2b211b; border:1px solid #75513c; color:#ffac83; font:400 1.25rem var(--brand); border-radius:10px; flex:none; overflow:hidden; }
.tuner-avatar img { width:100%; height:100%; object-fit:cover; }
.tuner-card-head > div:last-child { min-width:0; }
.tuner-card h3 { font:750 1.08rem/1.4 var(--body); letter-spacing:-.015em; margin:0 0 .35rem; color:#edf2f5; overflow-wrap:anywhere; }
.tuner-location { font-size:.77rem; line-height:1.55; color:#a3b0ba; margin:0; }
.tuner-services { display:flex; flex-wrap:wrap; gap:.4rem; margin-bottom:1rem; }
.tuner-services span { font:500 .69rem/1.45 var(--body); color:#d0dce5; background:#1a252d; border:1px solid #33424e; border-radius:4px; padding:.35rem .55rem; }
.tuner-capabilities { display:flex; flex-wrap:wrap; align-items:center; gap:.6rem 1.2rem; color:#aebdc7; font-size:.71rem; padding-bottom:1.1rem; border-bottom:1px solid #2b363e; }
.tuner-capabilities span { display:inline-flex; align-items:center; gap:.4rem; }
.tuner-capabilities svg { width:15px; height:15px; flex:none; fill:none; stroke:#94bdaa; stroke-width:1.6; }
.tuner-capabilities .tuner-dyno svg { stroke:#a9b5bf; }
.tuner-description { color:#aab8c3; font-size:.83rem; line-height:1.85; margin:1.1rem 0 1.3rem; }
.tuner-contact-details { display:grid; gap:.35rem; margin:auto 0 1.05rem; color:#a3b1bc; font-size:.75rem; }
.tuner-contact-details a { overflow-wrap:anywhere; }
.tuner-contact-details a:hover { color:#eef3f7; }
.tuner-card-actions { display:flex; flex-wrap:wrap; gap:.6rem; }
.tuner-contact-button { display:flex; flex:1; align-items:center; justify-content:center; gap:.55rem; min-height:43px; border:1px solid #ce5426; border-radius:5px; color:#ff804c; font-size:.8125rem; font-weight:750; background:#ff642807; }
.tuner-contact-button svg { width:16px; height:16px; stroke:currentColor; stroke-width:1.7; fill:none; }
.tuner-website-button { display:grid; place-items:center; min-width:43px; min-height:43px; padding-inline:.8rem; border:1px solid #3d4a55; border-radius:5px; font-size:1.2rem; color:#c4d1db; background:#ffffff03; }
.tuner-no-contact { color:#a7b5c0; font-size:.8rem; font-style:italic; padding-top:.5rem; }
.tuner-card .tuner-avatar { border-radius:50%; border:0; background:linear-gradient(145deg,#ff7134,#ba3a11); color:#fff; font-family:var(--body); font-size:27px; font-weight:700; }
.tuner-card a { text-decoration:none; }
.tuner-card a:focus-visible { outline:2px solid #f15a24; outline-offset:3px; }
.tuner-card .tuner-contact-button:hover { background:#ff642817; color:#ff9b71; }
.tuner-card .tuner-contact-details a { color:#a3b1bc; }
.tuner-card [hidden] { display:none!important; }