.m-feature-mock{background:var(--m-public-white);color:var(--m-public-brand-deep);font-family:var(--m-font-body);min-height:100vh}.m-feature-mock__hero{position:relative;isolation:isolate;overflow:hidden;padding:3.5rem max(1.25rem,calc((100% - 76rem)/2)) 3rem}.m-feature-mock__hero:before,.m-feature-mock__hero:after{content:"";position:absolute;z-index:-1;pointer-events:none;width:24rem;height:24rem;border-radius:70% 0 75% 25%}.m-feature-mock__hero:before{inset-block-start:-17rem;inset-inline-end:-8rem;background:var(--m-public-brand-light);transform:rotate(-12deg)}.m-feature-mock__hero:after{inset-block-end:-21rem;inset-inline-start:-8rem;background:var(--m-public-accent-pink);transform:rotate(25deg)}.m-feature-mock__hero-inner{position:relative}.m-feature-mock__hero h1{margin:0;font-family:var(--m-font-display);font-size:clamp(2rem,4.1vw,3.8rem);font-weight:400;line-height:1.17;letter-spacing:-.035em;text-wrap:balance}.m-feature-mock__hero strong{color:var(--m-public-brand);font-weight:800}.m-feature-mock__hero p{max-width:48rem;margin-block:1.25rem 0;font-size:1.125rem;line-height:1.7;color:var(--m-public-text-secondary-strong)}.m-feature-mock__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--medly-space-6, 1.5rem);max-width:78.5rem;margin-inline:auto;padding-inline:1.25rem}.m-feature-mock__card{min-width:0;padding:1rem;background:var(--m-public-white);border:1px solid rgb(var(--m-public-brand-rgb) / 48%);border-radius:1rem}.m-feature-mock__visual{height:15rem;display:flex;align-items:center;justify-content:center;padding:1rem;background:var(--m-public-surface-faint);border-radius:.75rem;overflow:hidden;font-size:.9rem}.m-feature-mock__copy{padding:1.25rem .5rem .5rem}.m-feature-mock__icon{display:flex;align-items:center;justify-content:center;width:2.75rem;height:2.75rem;border-radius:.75rem;background:var(--m-public-surface-indigo);color:var(--m-public-brand)}.m-feature-mock__icon svg{width:1.5rem;height:1.5rem}.m-feature-mock__copy h2{font-size:1.5rem;font-weight:800;margin-block:.75rem .5rem}.m-feature-mock__copy p{font-size:1.0625rem;line-height:1.7;margin:0;color:var(--m-public-text-secondary-strong)}.m-feature-mock__calendar{width:100%;max-width:19rem;display:grid;gap:.25rem}.m-feature-mock__day{text-align:center;font-size:.75rem;line-height:1.3;padding-block-end:.25rem}.m-feature-mock__day strong{display:block}.m-feature-mock__appointment{position:relative;display:grid;padding:.375rem .75rem;border-radius:.5rem;background:var(--m-public-surface-indigo)}.m-feature-mock__appointment time{font-size:.7rem;text-align:start;color:var(--m-public-brand-deep)}.m-feature-mock__appointment span{position:absolute;inset-inline-end:.75rem;inset-block-end:.5rem;display:flex;gap:.375rem}.m-feature-mock__appointment span svg{width:.75rem;height:.75rem}.m-feature-mock__messages,.m-feature-mock__waiting{display:grid;gap:.75rem;width:100%}.m-feature-mock__message{display:flex;justify-content:space-between;align-items:center;gap:.5rem;border:1px solid rgb(var(--m-public-brand-rgb) / 12%);border-radius:.75rem;background:var(--m-public-white);padding:.75rem}.m-feature-mock__message small,.m-feature-mock__vacancy small{display:block;color:var(--m-public-text-secondary-strong);font-size:.75rem;margin-block-start:.125rem}.m-feature-mock__vacancy{display:flex;align-items:center;gap:.75rem;padding:.75rem;border:1px dashed var(--m-public-brand-light);border-radius:.75rem}.m-feature-mock__vacancy>svg{color:var(--m-public-brand);width:1.5rem}.m-feature-mock__offer{display:flex;gap:.5rem;align-items:center;font-size:.75rem;color:var(--m-public-text-secondary-strong)}.m-feature-mock__offer svg{width:1rem;height:1rem;flex-shrink:0;color:var(--m-public-brand)}.m-feature-mock__note{margin:0;padding:1.5rem 1.25rem 2rem;text-align:center;font-size:.8125rem;color:var(--m-public-text-secondary-strong)}@media(max-width:767px){.m-feature-mock__hero{padding:2rem 1.25rem}.m-feature-mock__hero p{font-size:1rem;margin-block-start:1rem}.m-feature-mock__hero:before{width:12rem;height:12rem;inset-block-start:-10rem;inset-inline-end:-3rem}.m-feature-mock__grid{grid-template-columns:minmax(0,1fr);gap:1rem}.m-feature-mock__visual{height:12.5rem;padding:.75rem}.m-feature-mock__copy{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;-moz-column-gap:.75rem;column-gap:.75rem;padding-block-start:.75rem}.m-feature-mock__icon{grid-column:2;grid-row:1;width:2.25rem;height:2.25rem}.m-feature-mock__copy h2{grid-column:1;grid-row:1;margin-block:0 .375rem;font-size:1.375rem}.m-feature-mock__copy p{grid-column:1 / -1;font-size:1rem}.m-feature-mock__message{padding:.5rem .75rem}.m-feature-mock__messages,.m-feature-mock__waiting{gap:.5rem}}
