/* Three comparable website plans, with the middle plan as the focal point. */
.pricing{padding:100px 0 108px;background:#f5f8fc}
.pricing-heading{margin-bottom:55px}
.pricing-heading h2{color:var(--navy)}
.pricing-heading h2::after{content:"";display:block;width:34px;height:2px;margin-top:15px;background:linear-gradient(90deg,#4273b1,#d7a36b)}
.pricing-heading>p{font-size:17px;line-height:2.05;color:var(--muted);margin-top:21px}
.pricing-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;align-items:stretch}
.pricing-card{position:relative;display:flex;flex-direction:column;min-width:0;background:#fff;border:1px solid #d9e3ee;border-radius:7px;padding:29px 27px 24px;box-shadow:0 8px 28px #1837630d}
.pricing-card-featured{border:1.5px solid transparent;padding:46px 26.5px 23.5px;background:linear-gradient(150deg,#fff0df 0%,#fff7ee 36%,#fffdfa 75%) padding-box,linear-gradient(145deg,#d57a37 0%,#efb47e 48%,#cb7041 100%) border-box;box-shadow:0 17px 38px #85552e20;transform:translateY(-8px)}
.pricing-recommend{position:absolute;top:0;left:50%;z-index:1;transform:translate(-50%,-50%);margin:0;padding:7px 18px;border-radius:999px;background:linear-gradient(110deg,#934017,#b25220 52%,#9b431a);color:#fff;font:600 13px/1.5 var(--sans);letter-spacing:.025em;white-space:nowrap}
.pricing-card-featured .pricing-plan,.pricing-card-featured .pricing-card-link{color:#995018}
.pricing-card-featured .pricing-amount{font-size:34px}
.pricing-plan{font:12px/1.5 var(--sans);letter-spacing:.09em;color:var(--blue);margin-bottom:9px}
.pricing-card h3{font-size:27px;color:var(--navy)}
.pricing-card-top>p:last-child{font-size:17px;line-height:1.8;color:var(--muted);margin-top:7px;min-height:54px}
.pricing-amount{font:600 30px/1.5 var(--sans);color:var(--navy);padding:18px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin:17px 0 0}
.pricing-amount small{font-size:14px;font-weight:500;vertical-align:baseline;color:var(--muted)}
.pricing-card ul{list-style:none;padding:0;margin:20px 0 25px;display:grid;gap:10px}
.pricing-card li{position:relative;font-size:17px;line-height:1.65;padding-left:20px}
.pricing-card li::before{content:"";position:absolute;left:0;top:.75em;width:8px;height:8px;border-radius:50%;background:#9fbae0}
.pricing-card-featured li::before{background:#c77b48}
.pricing-card-link{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:auto;padding:13px 0 2px;border-top:1px solid var(--line);font:16px/1.6 var(--sans);color:var(--blue)}
.pricing-card-link:hover{text-decoration:underline;text-underline-offset:4px}
.pricing-footnote{font-size:14px;line-height:1.8;color:var(--muted);margin:15px 0 0}
.pricing-other{display:grid;grid-template-columns:minmax(220px,.8fr) 1.2fr;gap:32px;align-items:center;margin-top:50px;padding:29px 0;border-top:1px solid #cdd9e7;border-bottom:1px solid #cdd9e7}
.pricing-other h2{font-size:24px;color:var(--navy)}
.pricing-other p{font-size:16px;line-height:1.8;color:var(--muted);margin-top:7px}
.pricing-other ul{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px 22px}
.pricing-other li{font-size:16px;line-height:1.7;padding-left:15px;position:relative}
.pricing-other li::before{content:"";position:absolute;left:0;top:.75em;width:5px;height:5px;background:var(--blue);border-radius:50%}
@media(max-width:900px){.pricing-grid{grid-template-columns:1fr;max-width:600px;margin-inline:auto;gap:34px}.pricing-card{padding:24px 20px 20px}.pricing-card-featured{padding:43px 19.5px 19.5px;transform:none}.pricing-card h3{font-size:23px}.pricing-card-top>p:last-child{font-size:17px;min-height:0}.pricing-card li{font-size:17px}}
@media(max-width:700px){.pricing{padding:66px 0 70px}.pricing-heading{margin-bottom:31px}.pricing-heading>p{font-size:17px;line-height:1.9}.pricing-heading br{display:none}.pricing-grid{grid-template-columns:1fr;gap:34px}.pricing-card{padding:23px 22px 21px;transform:none}.pricing-card-featured{padding:43px 21.5px 20.5px;transform:none}.pricing-card-top>p:last-child{font-size:17px;min-height:0}.pricing-card h3{font-size:25px}.pricing-amount{font-size:29px}.pricing-card-featured .pricing-amount{font-size:31px}.pricing-card li{font-size:17px}.pricing-footnote{font-size:14px}.pricing-other{grid-template-columns:1fr;gap:22px;margin-top:32px;padding:25px 0}.pricing-other ul{grid-template-columns:1fr 1fr;gap:10px 12px}.pricing-other li{font-size:16px}}
@media(max-width:360px){.pricing-other ul{grid-template-columns:1fr}}

/* A concise route to the dedicated pricing page after the Instagram story. */
.instagram-pricing{display:flex;justify-content:space-between;align-items:center;gap:32px;margin-top:64px;padding-top:27px;border-top:1px solid #ccd8e7}
.instagram-pricing-copy h3{font-size:23px;line-height:1.6;color:var(--navy)}
.instagram-pricing-copy p{font-size:16px;line-height:1.9;color:var(--muted);margin-top:5px}
.instagram-pricing-button{flex-shrink:0;min-width:224px}
.pricing-page .pricing{min-height:calc(100vh - 230px);padding-top:75px}
.pricing-page .pricing-heading h1{font-size:clamp(32px,3.4vw,46px);line-height:1.55;white-space:normal;letter-spacing:.035em;color:var(--navy)}
.pricing-page .pricing-heading h1::after{content:"";display:block;width:34px;height:2px;margin-top:15px;background:linear-gradient(90deg,#4273b1,#d7a36b)}
@media(max-width:700px){.instagram-pricing{display:block;margin-top:42px;padding-top:24px}.instagram-pricing-copy h3{font-size:22px}.instagram-pricing-copy p{font-size:17px}.instagram-pricing-button{margin-top:20px;width:100%;justify-content:space-between}.pricing-page .pricing{padding-top:52px}.pricing-page .pricing-heading h1{font-size:31px}}

/* Clear service grouping and a quiet return route at the end of the pricing page. */
.pricing-page .pricing-heading{margin-bottom:35px}
.pricing-section-title{font-size:24px;line-height:1.65;color:var(--navy);margin-bottom:24px}
.pricing-back{display:flex;justify-content:center;margin-top:34px}
.pricing-back a{display:inline-flex;align-items:center;gap:10px;min-height:48px;padding:9px 14px;color:var(--blue);font:600 16px/1.7 var(--sans);text-decoration:underline;text-underline-offset:5px}
.pricing-back a:hover{color:var(--navy)}
@media(max-width:700px){.pricing-page .pricing-heading{margin-bottom:26px}.pricing-section-title{font-size:22px;margin-bottom:22px}.pricing-back{margin-top:27px}.pricing-back a{font-size:17px}}