/* A quiet navy service panel with one consistent turquoise accent. */
.ref-pricing-panel{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(36px,6vw,90px);padding:clamp(36px,4.5vw,64px);color:#fff;background:radial-gradient(ellipse at 0 100%,#14536a80,transparent 55%),linear-gradient(120deg,#0b263a,#103b4b);border:1px solid #46748270;border-radius:30px;box-shadow:0 26px 65px #102f441c;align-items:center}
.ref-pricing-panel::before{width:560px;height:560px;top:-340px;right:-130px;background:radial-gradient(circle,#55d3d02e,transparent 65%);animation:refPriceGlow 12s ease-in-out infinite alternate;pointer-events:none}
.ref-pricing-panel::after{background-image:linear-gradient(#89d1d10b 1px,transparent 1px),linear-gradient(90deg,#89d1d10b 1px,transparent 1px);background-size:52px 52px;opacity:.6;mask-image:linear-gradient(100deg,transparent,#000)}
.ref-pricing-panel .ref-pricing-copy{display:flex;flex-direction:column;align-items:flex-start;gap:0}
.ref-pricing-panel .ref-kicker{color:#85d6d7;font-size:14px;letter-spacing:.07em}
.ref-pricing-panel .ref-kicker::before{background:#72d4d3;width:25px}
.ref-pricing-panel .ref-pricing-copy h2{color:#fff;font-size:clamp(36px,3.6vw,52px);line-height:1.09;letter-spacing:-.04em;max-width:540px;margin:22px 0}
.ref-pricing-panel .ref-pricing-copy p{color:#b4cbd5;font-size:16px;line-height:1.75;margin:0;max-width:380px}
.ref-pricing-panel .ref-button{position:relative;isolation:isolate;overflow:hidden;min-width:260px;margin-top:30px;padding:12px 12px 12px 24px;border-radius:999px;background:#d5f3ef;border-color:#d5f3ef;color:#103a47!important;box-shadow:0 8px 28px #0002;gap:24px}
.ref-pricing-panel .ref-button>span{display:grid;place-items:center;width:40px;height:40px;border-radius:50%;background:#103b4b;color:#d5f3ef;font-size:20px;transition:transform .35s ease,background .35s ease}
.ref-pricing-panel .ref-button::before{content:"";position:absolute;z-index:-1;inset:-60%;background:linear-gradient(100deg,transparent 40%,#ffffff70 50%,transparent 60%);transform:translateX(-80%);transition:transform .7s ease}
.ref-pricing-panel .ref-button:hover,.ref-pricing-panel .ref-button:focus-visible{background:#e3fcf7;border-color:#e3fcf7;color:#103a47!important;box-shadow:0 14px 32px #0003;transform:translateY(-3px)}
.ref-pricing-panel .ref-button:hover::before,.ref-pricing-panel .ref-button:focus-visible::before{transform:translateX(80%)}
.ref-pricing-panel .ref-button:hover>span{transform:rotate(45deg);background:#116875}
.ref-pricing-panel .ref-button:focus-visible{outline:2px solid #fff;outline-offset:5px}
.ref-pricing-panel .ref-pricing-facts{display:grid;grid-template-columns:1fr;gap:12px;border:0;padding:0}
.ref-pricing-panel .ref-pricing-facts::before{display:none}
.ref-pricing-panel .ref-pricing-fact,.ref-pricing-panel .ref-pricing-fact:first-child{display:grid;grid-template-columns:58px minmax(0,1fr);align-items:center;gap:20px;min-height:100px;padding:22px 24px;background:linear-gradient(110deg,#ffffff09,#ffffff04);border:1px solid #8ac4cf32;border-radius:16px;box-shadow:inset 0 1px #ffffff05;transition:transform .35s ease,border-color .35s ease,background .35s ease,box-shadow .35s ease}
.ref-pricing-panel .ref-pricing-fact::before,.ref-pricing-panel .ref-pricing-fact:nth-child(3)::before{inset:18px auto 18px 0;width:2px;height:auto;background:linear-gradient(180deg,transparent,#76d6d5,transparent);transform:scaleY(0);transform-origin:center}
.ref-pricing-panel .ref-fact-number{position:static;display:grid;place-items:center;width:54px;height:54px;margin:0;border:1px solid #82ced333;border-radius:14px;background:#78cdd30b;color:#7ccdd1;font-size:20px;font-weight:500;letter-spacing:-.04em;transition:background .35s ease,border-color .35s ease}
.ref-pricing-panel .ref-pricing-fact div>span{color:#a4c0cb;font-size:14px;margin-bottom:5px}
.ref-pricing-panel .ref-pricing-fact strong{color:#f1f8fa;font-size:18px;font-weight:650;line-height:1.4}
.ref-pricing-panel .ref-pricing-date{color:#a4bdc9;font-size:13px;margin:8px 0 0;gap:0;justify-self:end}
.ref-pricing-panel .ref-pricing-date::before{display:none}
@media(hover:hover){.ref-pricing-panel .ref-pricing-fact:hover{transform:translateX(-6px);background:linear-gradient(110deg,#67cdd315,#ffffff08);border-color:#81d0d578;box-shadow:0 12px 26px #0002}.ref-pricing-panel .ref-pricing-fact:hover::before{transform:scaleY(1)}.ref-pricing-panel .ref-pricing-fact:hover .ref-fact-number{background:#78cdd31d;border-color:#82ced377}}
@keyframes pricingEnter{from{opacity:0;transform:translateY(22px)}to{opacity:1;transform:translateY(0)}}
.ref-pricing-panel.pricing-in-view .ref-pricing-copy{animation:pricingEnter .75s cubic-bezier(.2,.7,.2,1) both}
.ref-pricing-panel.pricing-in-view .ref-pricing-fact{animation:pricingEnter .7s cubic-bezier(.2,.7,.2,1) backwards;animation-delay:.1s}
.ref-pricing-panel.pricing-in-view .ref-pricing-fact:nth-child(2){animation-delay:.2s}
.ref-pricing-panel.pricing-in-view .ref-pricing-fact:nth-child(3){animation-delay:.3s}
.ref-pricing-panel:not(.pricing-in-view)::before{animation-play-state:paused}
@media(max-width:900px){.ref-pricing-panel{grid-template-columns:1fr;gap:32px}.ref-pricing-panel .ref-pricing-copy h2{max-width:650px}.ref-pricing-panel .ref-pricing-copy p{max-width:520px}}
@media(max-width:650px){.ref-pricing-panel{padding:30px 22px;border-radius:24px}.ref-pricing-panel .ref-pricing-fact,.ref-pricing-panel .ref-pricing-fact:first-child{grid-template-columns:46px minmax(0,1fr);gap:14px;padding:20px 16px}.ref-pricing-panel .ref-fact-number{width:44px;height:48px}.ref-pricing-panel .ref-button{min-width:0}.ref-pricing-panel .ref-pricing-date{justify-self:start}}
@media(prefers-reduced-motion:reduce){.ref-pricing-panel::before,.ref-pricing-panel.pricing-in-view .ref-pricing-copy,.ref-pricing-panel.pricing-in-view .ref-pricing-fact{animation:none}.ref-pricing-panel .ref-button,.ref-pricing-panel .ref-button::before,.ref-pricing-panel .ref-button>span,.ref-pricing-panel .ref-pricing-fact,.ref-pricing-panel .ref-pricing-fact::before,.ref-pricing-panel .ref-fact-number{transition:none}.ref-pricing-panel .ref-pricing-fact:hover,.ref-pricing-panel .ref-button:hover,.ref-pricing-panel .ref-button:hover>span{transform:none}}