.phone-result-hero { padding: clamp(3.5rem,7vw,6rem) 0; background: linear-gradient(135deg,#e5f7f4,#edf6fb); }
.phone-result-hero h1 { max-width: 13ch; }
.phone-result-privacy { display: flex; align-items: flex-start; gap: .65rem; max-width: 44rem; margin-top: 1.5rem; padding: 1rem 1.1rem; border-radius: .9rem; color: #0b6549; background: #fff; }
.phone-result-privacy .icon { margin-top: .15rem; }
.phone-result-section { padding-top: 2.5rem; background: #f7fafc; }
.phone-result-expiry { display: flex; align-items: center; gap: .55rem; color: var(--muted); font-weight: 650; }
.phone-result-list { display: grid; gap: 1rem; margin-block: 1.5rem; }
.phone-result-list article { display: grid; grid-template-columns: 3.2rem minmax(0,1fr); gap: 1rem; padding: clamp(1.25rem,4vw,2rem); border: 1px solid var(--line); border-radius: var(--radius); background: #fff; box-shadow: var(--shadow); }
.phone-result-list h2 { margin-bottom: .35rem; font-size: 1.45rem; }
.phone-result-list p { color: var(--muted); }
.phone-result-icon { display: grid; width: 3.2rem; height: 3.2rem; place-items: center; border-radius: .9rem; color: var(--teal-dark); background: var(--teal-light); }
.phone-result-icon .icon { width: 1.6rem; height: 1.6rem; }
.phone-result-notice { padding: clamp(1.5rem,4vw,2.5rem); border: 1px solid var(--line); border-radius: var(--radius); background: #fff; }
.phone-result-safety { margin-top: 1.5rem; padding: 1rem 1.1rem; border-left: .3rem solid var(--red); border-radius: .5rem; background: var(--red-soft); }
@media (max-width: 30rem) { .phone-result-list article { grid-template-columns: 1fr; } }
.phone-receptionist-card { display: grid; grid-template-columns: 4rem minmax(0,1fr); gap: 1rem; max-width: none; margin-bottom: 2.5rem; padding: clamp(1.25rem,4vw,2rem); border: 1px solid #a9dbd4; border-radius: var(--radius); background: #e8f8f5; }
.phone-receptionist-card h2 { margin-bottom: .35rem; font-size: 1.5rem; }
.phone-receptionist-card small { display: block; margin-top: .6rem; color: var(--muted); }
.phone-receptionist-icon { display: grid; width: 4rem; height: 4rem; place-items: center; border-radius: 50%; color: #fff; background: var(--teal-dark); }
.phone-receptionist-icon .icon { width: 1.8rem; height: 1.8rem; }
@media (max-width: 30rem) { .phone-receptionist-card { grid-template-columns: 1fr; } }