/* Four outcomes, with the visual hierarchy of a product presentation. */
.performance-section{padding-top:70px;padding-bottom:26px;--pf-ease:cubic-bezier(.22,1,.36,1)}.pf-heading{text-align:center;max-width:900px;margin:0 auto 35px}.pf-heading .eyebrow{font-size:10px;letter-spacing:.1em;color:#7a7774;margin-bottom:17px}.pf-heading h2{font-family:var(--display);font-size:clamp(35px,4.4vw,62px);font-weight:650;line-height:1.08;letter-spacing:-.055em;color:#1d1d1f}.pf-heading h2>span{color:#d95b09}.pf-heading>p{max-width:545px;margin:19px auto 0;font-size:14px;line-height:1.7;color:#727275}.pf-panel{border:0;background:none;box-shadow:none;overflow:visible}.pf-metrics{list-style:none;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;padding:0;margin:0}.pf-card{--accent:#ed6c16;--delay:0s;position:relative;min-width:0;overflow:hidden;border-radius:28px;isolation:isolate;min-height:266px;padding:27px 30px;background:#f5f5f7;border:1px solid #ececef;box-shadow:0 2px 3px #26262502,0 12px 25px -18px #34363825;transition:transform .45s var(--pf-ease),box-shadow .45s var(--pf-ease)}.pf-card-1{background:radial-gradient(ellipse at 100% 100%,#ffd5b9 0,transparent 62%),#fff6ef;border-color:#f4e5da}.pf-card-2{--accent:#337af0;--delay:.08s;background:radial-gradient(ellipse at 100% 100%,#d5e8ff 0,transparent 65%),#f2f7ff;border-color:#e4edf7}.pf-card-3{--accent:#6365d8;--delay:.16s;background:radial-gradient(ellipse at 100% 100%,#dfdffa 0,transparent 62%),#f5f5fc;border-color:#e9e9f4}.pf-card-4{--accent:#72eab5;--delay:.24s;background:radial-gradient(ellipse at 100% 100%,#245f53 0,transparent 68%),#123c35;border-color:#24574d}.pf-card-copy{position:relative;z-index:2;max-width:59%}.pf-stage{display:flex;gap:8px;align-items:center;font-size:10px;font-weight:550;color:#676772;white-space:nowrap}.pf-icon{display:grid;place-items:center;flex-shrink:0;width:25px;height:25px;background:#ffffffb5;border:1px solid #ffffffc9;border-radius:9px;color:var(--accent)}.pf-icon svg{width:15px;height:15px;stroke:currentColor;fill:none;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.pf-value{font-family:var(--display);display:block;font-size:clamp(65px,6.2vw,88px);line-height:1;letter-spacing:-.075em;font-weight:650;margin:18px 0 14px;color:var(--accent);font-variant-numeric:tabular-nums}.pf-value>span{font-size:.46em;font-weight:550;letter-spacing:-.045em;display:inline-block;vertical-align:baseline;margin-left:4px}.pf-metrics h3{font-size:17px;line-height:1.4;font-weight:600;letter-spacing:-.025em;color:#242731;margin:0}.pf-metrics p{font-size:11px;color:#737581;line-height:1.6;margin:8px 0 0}.pf-card-4 .pf-stage,.pf-card-4 p{color:#b4d7cb}.pf-card-4 .pf-icon{background:#ffffff10;border-color:#ffffff12}.pf-card-4 h3{color:#fff}.pf-art{position:absolute;right:14px;top:50%;width:220px;height:200px;transform:translateY(-50%);pointer-events:none;color:var(--accent);z-index:1}.pf-art svg{fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.pf-message-back{position:absolute;left:29px;top:16px;width:125px;height:77px;background:#fff7f0;border:1px solid #ffffff;border-radius:17px;transform:rotate(-12deg);box-shadow:0 12px 28px #9b541218}.pf-message-front{position:absolute;left:38px;top:27px;width:134px;height:83px;background:linear-gradient(145deg,#fff,#fff4eb);border:1px solid #fff;border-radius:18px;transform:rotate(-5deg);box-shadow:0 14px 30px #8c481823,inset 0 0 0 1px #b36e3510;padding:17px}.pf-message-front svg{width:21px;height:21px}.pf-message-front i{position:absolute;left:47px;top:22px;width:63px;height:5px;border-radius:5px;background:#efcfb8}.pf-message-front i:last-child{top:35px;width:43px;background:#f5e1d2}.pf-appointment{position:absolute;bottom:17px;right:5px;display:flex;align-items:center;gap:12px;width:151px;height:63px;padding:15px;background:#fff;border:1px solid #ffffffcc;border-radius:17px;box-shadow:0 14px 28px #84522724;transform:rotate(4deg);z-index:3}.pf-appointment>svg{width:24px;height:24px;flex-shrink:0}.pf-appointment span i{display:block;height:4px;width:34px;background:#e2e4e6;border-radius:3px;margin:5px 0}.pf-appointment span i:last-child{width:25px}.pf-appointment b{display:grid;place-items:center;position:absolute;right:-6px;top:-10px;width:29px;height:29px;background:#ed761f;border:3px solid #fff;border-radius:50%;color:white;font-size:14px;box-shadow:0 4px 12px #cd651926}.pf-connect{position:absolute;inset:0;width:220px;height:180px;stroke-dasharray:4 5;opacity:.55}.pf-calendar{position:absolute;left:44px;top:15px;width:145px;height:163px;background:linear-gradient(155deg,#fff,#f9fcff);border:1px solid white;border-radius:20px;box-shadow:0 18px 30px #38609922,inset 0 0 0 1px #8eb4e522;transform:rotate(8deg);padding:18px}.pf-calendar-top{display:flex;justify-content:space-between;border-bottom:1px solid #e0ebf9;padding:0 9px 12px;margin-bottom:14px}.pf-calendar-top i{height:9px;width:5px;border-radius:3px;background:#82abe9}.pf-calendar-days{display:grid;grid-template-columns:repeat(4,1fr);gap:7px}.pf-day{height:22px;display:grid;place-items:center;border-radius:6px;background:#edf2f9;color:#fff;font-size:12px;font-weight:650}.pf-day-on{background:#4c8ef5;box-shadow:0 3px 6px #337af01c}.pf-confirm{position:absolute;right:9px;bottom:8px;width:51px;height:51px;border:5px solid #f6faff;border-radius:50%;display:grid;place-items:center;background:#327ef0;box-shadow:0 6px 18px #1c64d43b;z-index:2}.pf-confirm svg{width:28px;height:28px;stroke-width:2.5;color:#fff}.pf-return-path{width:220px;height:200px}.pf-return-path .pf-orbit-track{stroke:#d6d6f3;stroke-width:13}.pf-return-path .pf-orbit-line{stroke:var(--accent);stroke-width:13;stroke-dasharray:100;stroke-dashoffset:0;filter:drop-shadow(0 4px 3px #7775cd20)}.pf-return-path .pf-arrow-head{stroke:var(--accent);stroke-width:9}.pf-patient{position:absolute;left:65px;top:49px;width:88px;height:88px;border-radius:27px;border:1px solid #fff;background:linear-gradient(145deg,#fff,#f0f0ff);display:grid;place-items:center;box-shadow:0 9px 20px #49439817}.pf-patient svg{width:53px;height:53px;fill:#8585d8;stroke:none}.pf-return-check{position:absolute;left:135px;top:121px;width:30px;height:30px;border-radius:50%;display:grid;place-items:center;color:#fff;background:#696bda;border:3px solid #f4f4fd;box-shadow:0 4px 12px #625cab25;font-size:14px}.pf-hygiene-ring{position:absolute;inset:0;width:200px;height:200px;left:10px;transform:rotate(-90deg)}.pf-ring-back{stroke:#ffffff12;stroke-width:17}.pf-ring-front{stroke:url(#pf-ring-gradient);stroke-width:17;stroke-dasharray:15 85;filter:drop-shadow(0 0 6px #69e8b53b)}.pf-tooth{position:absolute;left:62px;top:52px;width:97px;height:97px;display:grid;place-items:center;background:linear-gradient(145deg,#ffffff15,#ffffff03);border:1px solid #ffffff15;border-radius:32px;box-shadow:0 10px 20px #04292125,inset 0 1px #ffffff15}.pf-tooth svg{width:51px;height:51px;stroke:#e7fff5;stroke-width:1.15;filter:drop-shadow(0 3px 4px #0000001a)}.pf-sparkle{position:absolute;right:35px;top:35px;color:#a0fcd1;font-size:25px}.pf-approach{display:flex;align-items:center;justify-content:space-between;gap:25px;margin:22px 7px 0;padding:0 4px}.pf-approach-label{display:flex;align-items:center;gap:9px;flex-shrink:0}.pf-approach-label svg{width:20px;height:20px;color:#e77829}.pf-approach strong{font-size:12px;font-weight:600;color:#38383d}.pf-approach p{display:flex;align-items:center;gap:15px;font-size:11px;line-height:1.8;color:#7b7b82;margin:0}.pf-approach p>span{font-size:17px;color:#d28144}
.pf-panel.is-visible .pf-card{animation:pf-materialize .8s var(--pf-ease) var(--delay) both}.pf-panel.is-visible .pf-appointment,.pf-panel.is-visible .pf-confirm,.pf-panel.is-visible .pf-return-check{animation:pf-arrive .8s var(--pf-ease) .65s both}.pf-panel.is-visible .pf-day-on{animation:pf-day-in .55s var(--pf-ease) .45s both}.pf-panel.is-visible .pf-day-on:nth-child(2n){animation-delay:.65s}.pf-panel.is-visible .pf-orbit-line{animation:pf-orbit-in 1.3s var(--pf-ease) .35s both}.pf-panel.is-visible .pf-ring-front{animation:pf-ring-in 1.4s var(--pf-ease) .4s both}.pf-panel.is-visible .pf-sparkle{animation:pf-arrive .7s var(--pf-ease) 1s both}@keyframes pf-materialize{from{opacity:0;translate:0 15px;scale:.985}to{opacity:1;translate:0 0;scale:1}}@keyframes pf-arrive{from{opacity:0;translate:0 8px;scale:.86}to{opacity:1;translate:0 0;scale:1}}@keyframes pf-day-in{from{background:#e5edf8;color:transparent}to{background:#4c8ef5;color:#fff}}@keyframes pf-orbit-in{from{stroke-dashoffset:100}to{stroke-dashoffset:0}}@keyframes pf-ring-in{from{stroke-dasharray:0 100}to{stroke-dasharray:15 85}}
@media(hover:hover) and (prefers-reduced-motion:no-preference){.pf-card:hover{transform:translateY(-4px);box-shadow:0 14px 30px -12px #26384924}}
@media(max-width:1150px){.pf-card{padding:25px;min-height:255px}.pf-art{right:-7px;scale:.85;transform-origin:right center}.pf-card-copy{max-width:62%}.pf-value{font-size:73px}.pf-metrics h3{font-size:16px}.pf-approach{flex-direction:column;gap:8px}.pf-approach p{font-size:10px}}
@media(max-width:800px){.performance-section{padding-top:50px;padding-bottom:12px}.pf-heading{margin-bottom:27px}.pf-heading h2{font-size:clamp(28px,5vw,43px)}.pf-heading .eyebrow{font-size:8px;letter-spacing:.06em}.pf-heading>p{font-size:13px;max-width:460px;margin-top:16px}.pf-metrics{gap:12px}.pf-card{padding:22px 20px;min-height:245px;border-radius:24px}.pf-art{scale:.7;right:-21px}.pf-card-copy{max-width:68%}.pf-value{font-size:64px;margin:16px 0 11px}.pf-metrics h3{font-size:14px}.pf-metrics p{font-size:10px}.pf-stage{font-size:9px;gap:5px}.pf-icon{width:21px;height:21px;border-radius:7px}.pf-icon svg{width:13px;height:13px}}
@media(max-width:600px){.pf-heading h2{font-size:clamp(27px,7.4vw,39px)}.pf-heading>p{max-width:350px;font-size:12px}.pf-heading .eyebrow{font-size:7px;letter-spacing:.06em}.pf-metrics{gap:10px}.pf-card{padding:18px 15px 105px;min-height:0;border-radius:22px}.pf-card-copy{max-width:100%}.pf-stage{font-size:8px;gap:5px;white-space:normal;min-height:24px}.pf-icon{width:20px;height:20px;flex-shrink:0}.pf-value{font-size:clamp(45px,12.4vw,66px);letter-spacing:-.07em;margin:15px 0 11px}.pf-metrics h3{font-size:13px;line-height:1.4}.pf-metrics p{font-size:9px;line-height:1.5;margin-top:7px}.pf-art{top:auto;bottom:-47px;right:calc(50% - 110px);transform:scale(.52);scale:1;transform-origin:center center}.pf-approach{margin-top:20px;gap:9px}.pf-approach strong{font-size:10px}.pf-approach-label svg{width:17px;height:17px}.pf-approach p{display:block;text-align:center;font-size:9px;line-height:1.9;max-width:380px}.pf-approach p>span{margin:0 5px;font-size:12px}}
@media(max-width:360px){.pf-heading h2{font-size:26px}.pf-card{padding:15px 12px 96px;border-radius:19px}.pf-stage{font-size:7px}.pf-metrics h3{font-size:12px}.pf-metrics p{font-size:8px}.pf-value{font-size:44px}.pf-art{transform:scale(.46);bottom:-51px}.pf-metrics{gap:8px}}
.reduced-motion .pf-panel *,.motion-paused .pf-panel *{animation:none!important;transition:none!important}.reduced-motion .pf-card:hover{transform:none}@media(prefers-reduced-motion:reduce){.pf-panel *{animation:none!important;transition:none!important}.pf-card:hover{transform:none}}@media(prefers-contrast:more){.pf-card{border:1px solid currentColor}.pf-metrics p,.pf-stage{color:#333}.pf-card-4 p,.pf-card-4 .pf-stage{color:#fff}}