/* Interactive first-screen tiles; the primary appointment action stays above. */
.hero-grid{align-items:start}
.hero-visual,.implant-hero-visual{display:flex;flex-direction:column;gap:20px;padding-top:0}
.hero-visual .hero-photo{aspect-ratio:4/3.6}
.implant-hero-visual .portrait-field{height:440px;flex-shrink:0}
.hero-quick-label{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 12px;font-size:12px;color:#666;line-height:1.5}
.hero-quick-label>span{font-size:10px;color:#666}
.hero-quick-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.hero-quick-tile{position:relative;min-width:0;min-height:128px;padding:18px 14px 14px;border:1px solid #e8e8e8;border-radius:20px;background:#f5f5f5;color:#000;display:flex;flex-direction:column;align-items:flex-start;text-align:left;gap:8px;transition:translate 300ms var(--motion-ease,ease),background-color 300ms ease,border-color 300ms ease,box-shadow 300ms ease}
.hero-quick-tile:nth-child(2){background:#fff1f1;border-color:#ffe3e3}
.hero-quick-tile>[data-icon]{display:block;width:25px;height:25px;color:#d90000;margin-bottom:3px}
.hero-quick-tile>[data-icon]>.icon{width:100%;height:100%}
.hero-quick-tile strong{font-size:15px;line-height:1.3;font-weight:700;letter-spacing:-.035em;display:block;padding-right:4px}
.hero-quick-tile small{font-size:11px;line-height:1.5;color:#666;display:block}
.hero-quick-tile .hero-quick-plus{position:absolute;right:12px;top:14px;color:#666;font-size:19px;font-weight:400;line-height:1;transition:rotate 300ms ease}
.hero-quick-tile[aria-expanded=true]{background:#fff1f1;border-color:#d90000;box-shadow:inset 0 0 0 1px #d90000}
.hero-quick-tile[aria-expanded=true] .hero-quick-plus{rotate:45deg;color:#d90000}
.hero-quick-answer{margin-top:12px;padding:20px;border:1px solid #e8e8e8;border-radius:20px;background:#fff;animation:hero-answer-in 300ms var(--motion-ease,ease)}
.hero-quick-answer[hidden],.hero-quick[hidden]{display:none}
.hero-quick-answer>p{font-size:14px;line-height:1.8;color:#000}
.hero-quick-answer>.text-link{font-size:12px;gap:12px;margin-top:10px;min-height:44px;color:#d90000}
.hero-quick-answer .icon{width:17px;height:17px}
.hero-quick :focus-visible{outline:3px solid #000;outline-offset:4px}
@keyframes hero-answer-in{from{opacity:.4;transform:translateY(6px)}to{opacity:1;transform:none}}
@media(hover:hover) and (pointer:fine){.hero-quick-tile:hover{translate:0 -3px;background:#fff1f1;border-color:#d90000;box-shadow:var(--shadow-1)}}
.hero-quick-tile:active{translate:0 1px}
@media(max-width:1199px){.implant-hero-visual .portrait-field{height:420px}.hero-quick-tile{padding:16px 12px 14px;min-height:132px}.hero-quick-tile strong{font-size:14px}.hero-quick-tile small{font-size:10px}.hero-quick-tile .hero-quick-plus{right:10px}}
@media(max-width:767px){.hero-visual,.implant-hero-visual{gap:24px}.hero-quick{order:-1}.hero-quick-grid{gap:8px}.hero-quick-label{font-size:12px;margin-bottom:12px}.hero-quick-label>span{display:none}.hero-quick-tile{border-radius:16px;padding:16px 11px 14px;min-height:134px;gap:8px}.hero-quick-tile>.icon{width:24px;height:24px;margin-bottom:3px}.hero-quick-tile strong{font-size:14px;line-height:1.35}.hero-quick-tile small{font-size:11px;line-height:1.5}.hero-quick-tile .hero-quick-plus{right:10px;top:12px;font-size:17px}.hero-quick-answer{padding:20px;border-radius:16px}.hero-quick-answer>p{font-size:16px;line-height:1.75}.hero-quick-answer>.text-link{font-size:14px}.hero-visual .hero-photo{aspect-ratio:4/4.3;width:100%}.implant-hero-visual .portrait-field{height:425px;width:100%}}
@media(prefers-reduced-motion:reduce){.hero-quick *{transition:none!important;animation:none!important}.hero-quick-tile:hover,.hero-quick-tile:active{translate:none}}
@media print{.hero-quick{display:none}}
