@charset "UTF-8";.holo-serv-section{--holo-primary:#4b0286;--holo-bg:#fff;--holo-text:#222;--icon-pad:22px;--icon-ratio:1 / 1;font-family:'Karla',system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;background:var(--holo-bg);color:var(--holo-text);padding:70px 20px;max-width:1300px;margin:0 auto;text-align:center}.holo-serv-section h2{font-family:'Helvetica Neue',Helvetica,Arial,sans-serif;font-size:34px;font-weight:700;margin:0 0 8px}.holo-serv-intro{font-size:18px;max-width:900px;margin:0 auto 36px;line-height:1.55;color:#444}.holo-serv-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}.holo-serv-card{background:#fff;border-radius:20px;box-shadow:0 8px 24px rgba(0,0,0,.06);overflow:hidden;display:flex;flex-direction:column;text-align:left;transition:transform .15s ease,box-shadow .2s ease}.holo-serv-card:hover{box-shadow:0 12px 28px rgba(0,0,0,.12);transform:translateY(-1px)}.holo-serv-thumb{aspect-ratio:var(--icon-ratio);margin:0;display:grid;place-items:center;padding:var(--icon-pad);overflow:hidden;background:#fff}.holo-serv-thumb img{width:100%;height:100%;max-width:100%;max-height:100%;object-fit:contain;display:block}.holo-serv-card h3{font-family:'Helvetica Neue',Helvetica,Arial,sans-serif;font-size:20px;font-weight:700;margin:16px 18px 6px;color:#111;min-height:52px}.holo-serv-desc{margin:0 18px 18px;font-size:16px;line-height:1.55;color:#555;flex-grow:1}.holo-serv-cta{display:inline-flex;align-items:center;gap:6px;font-weight:700;font-size:15px;color:var(--holo-primary);text-decoration:none;border-bottom:2px solid var(--holo-primary);padding-bottom:2px;margin:auto 18px 18px;transition:color 0.3s ease,border-color 0.3s ease,gap 0.3s ease}.holo-serv-cta::after{content:"→";transition:transform 0.3s ease}.holo-serv-cta:hover{color:#3a006b;border-color:#3a006b;gap:10px}.holo-serv-cta:hover::after{transform:translateX(3px)}@media (max-width:1100px){.holo-serv-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:820px){.holo-serv-section h2{font-size:28px}.holo-serv-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:520px){.holo-serv-grid{grid-template-columns:1fr}}