:root{--blue:#002c5f;--cyan:#00aad2;--sand:#f3f0e9;--warm:#e4dcd3;--ink:#222;--muted:#5b6670}*{box-sizing:border-box}body{margin:0;min-width:320px;background:var(--sand);color:var(--ink);font-family:"Hyundai Sans Text",Arial,sans-serif;line-height:1.5}.skip{position:fixed;transform:translateY(-200%);background:white;padding:10px;z-index:9}.skip:focus{transform:none}header{position:sticky;top:0;z-index:5;background:var(--blue);color:white}.nav{max-width:1180px;margin:auto;padding:16px 18px;display:flex;align-items:center;justify-content:space-between;gap:12px}.brand{display:flex;align-items:center;gap:10px;min-width:0}.brand b{font-size:.9rem;letter-spacing:.07em}.brand span{width:1px;height:25px;background:#ffffff55}.brand strong{font-size:.82rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.nav button{border:1px solid #ffffff66;background:transparent;color:white;padding:8px 12px;cursor:pointer}.nav button[aria-pressed=true]{background:white;color:var(--blue)}.hero{position:relative;overflow:hidden;background:var(--warm);color:var(--blue)}.hero>div:first-child{max-width:1180px;margin:auto;padding:58px 18px 66px;position:relative;z-index:2}.eyebrow{margin:0 0 9px;text-transform:uppercase;letter-spacing:.13em;font-size:.72rem;font-weight:bold;color:#006f8b}.hero h1,h2,h3{font-family:"Hyundai Sans Head",Arial,sans-serif;font-weight:500}.hero h1{font-size:clamp(2.5rem,9vw,4.7rem);line-height:1.02;letter-spacing:-.04em;margin:0 0 18px}.hero p:not(.eyebrow){max-width:650px;color:#425466;font-size:1.05rem}.search{margin-top:28px;max-width:690px;height:58px;background:white;display:flex;align-items:center;box-shadow:0 16px 38px #002c5f22}.search>span{font-size:1.7rem;padding-left:16px}.search input{flex:1;height:100%;border:0;padding:0 15px;font-size:1rem;min-width:0}.search button{margin-right:8px;border:0;padding:8px;background:#edf2f5;color:var(--blue)}.rings{position:absolute!important;width:500px;height:500px;border:1px solid #002c5f33;border-radius:50%;right:-260px;top:-250px}.rings:before,.rings:after{content:"";position:absolute;border:1px solid #002c5f33;border-radius:50%;inset:-55px}.rings:after{inset:-110px}.content{max-width:1180px;margin:auto;padding:45px 18px 70px}.title{display:flex;align-items:end;justify-content:space-between;gap:20px}.blue{color:#28728c}.title h2{font-size:clamp(2rem,6vw,3rem);color:var(--blue);margin:0}.title>p{color:var(--muted);white-space:nowrap}.filters{display:flex;gap:8px;overflow:auto;padding:24px 0 28px}.filters button{flex:none;border:1px solid #aebbc5;background:white;color:var(--blue);padding:9px 14px;font-weight:bold;cursor:pointer}.filters button[aria-pressed=true]{background:var(--blue);color:white}.grid{display:grid;grid-template-columns:1fr;gap:16px}.grid article{background:white;border:1px solid #dbe1e5;border-top:5px solid var(--blue);padding:22px;transition:.2s}.grid article:hover{transform:translateY(-3px);box-shadow:0 14px 36px #002c5f18}.grid article[data-cat="Marketing & Communications"]{border-top-color:var(--cyan)}.grid article[data-cat="Campaigns"]{border-top-color:#e63312}.grid article[data-cat="Protection & Insurance"]{border-top-color:#5c2d91}.grid article[data-cat="Service & Maintenance"]{border-top-color:#007fa3}.grid article[data-cat="Retailer Support"]{border-top-color:#64727f}.top{display:flex;justify-content:space-between;align-items:center}.top small{background:#e5f7fb;color:#174c62;padding:6px 9px;font-weight:bold;text-transform:uppercase;letter-spacing:.04em}.fav{width:37px;height:37px;border:0;background:#eef2f4;color:var(--blue);font-size:1.3rem;cursor:pointer}.fav[aria-pressed=true]{background:var(--blue);color:white}.icon{width:54px;height:54px;border:1px solid #b9c7d2;color:var(--blue);display:grid;place-items:center;margin:22px 0 18px}.icon svg{width:28px;height:28px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.grid h3{color:var(--blue);font-size:1.2rem;line-height:1.15;min-height:2.3em;margin:0 0 10px}.desc{color:var(--muted);min-height:3em;font-size:.9rem}.grid a{display:inline-flex;gap:8px;color:var(--blue);font-weight:bold;text-decoration:none;margin-top:14px}.grid a:hover span{transform:translateX(4px)}#empty{text-align:center;padding:55px}#reset{background:var(--blue);color:white;border:0;padding:10px 14px}footer{background:#001e40;color:white;padding:34px max(18px,calc((100vw - 1180px)/2));display:flex;flex-direction:column;gap:15px}footer p{color:#b7c8d7;font-size:.83rem;margin:5px 0}@media(min-width:650px){.nav,.hero>div:first-child,.content{padding-left:28px;padding-right:28px}.grid{grid-template-columns:repeat(2,1fr);gap:20px}footer{flex-direction:row;justify-content:space-between}.nav button span{display:inline}}@media(min-width:1000px){.hero>div:first-child{padding-top:80px;padding-bottom:84px}.grid{grid-template-columns:repeat(3,1fr);gap:22px}.rings{right:20px}.nav{min-height:76px}}@media(max-width:500px){.nav button span{display:none}.title{align-items:start}.title>p{font-size:.8rem}}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #ffb81c;outline-offset:3px}@media(prefers-reduced-motion:reduce){*{transition:none!important}}
.brand img{display:block;width:154px;max-height:38px;object-fit:contain;object-position:left center}.brand>b{display:none}.grid article{padding:0;overflow:hidden}.card-body{padding:20px 22px 22px}.thumb-wrap{position:relative;aspect-ratio:16/9;background:#e7e2d9;overflow:hidden;border-bottom:1px solid #dbe1e5}.thumb{display:block;width:100%;height:100%;object-fit:cover;object-position:center}.thumb-fallback{position:absolute;inset:0;display:grid;place-items:center;padding:20px;background:linear-gradient(135deg,#e4dcd3,#f3f0e9);color:var(--blue);font-family:"Hyundai Sans Head",Arial,sans-serif;font-size:1.2rem}.thumb:not([src]){display:none}.thumb[src]+.thumb-fallback{display:none}.grid article:hover .thumb{transform:scale(1.025)}.thumb{transition:transform .3s ease}.icon{display:none}@media(max-width:430px){.brand img{width:128px}.brand strong{font-size:.75rem}}