#main.pricing-page { margin-top:0; }
.pricing-page a:focus-visible,.pricing-page summary:focus-visible { outline:3px solid #a3765f; outline-offset:5px; }
.pricing-page .pricing-hero { padding:155px 0 85px; }
.pricing-page .pricing-hero h1 { font-size:clamp(48px,5vw,70px); line-height:1.06; }
.pricing-page .pricing-hero .eyebrow { max-width:440px; line-height:1.8; }
.pricing-zero { display:flex; align-items:center; gap:18px; margin:25px 0 18px; color:var(--ss-forest); }
.pricing-zero > span { font-family:Georgia,serif; font-size:104px; line-height:1; letter-spacing:-6px; }
.pricing-zero > small { font-size:12px; color:#657368; line-height:1.7; }
.pricing-page .pricing-offer-card .pricing-fee-note { margin:22px 0 0; padding-top:18px; border-top:1px solid #e0e5dc; color:#5a6b5f; font-size:11px; line-height:1.7; }
.pricing-fee-note a { color:var(--ss-forest); text-decoration:underline; }
.pricing-free-strip { padding:24px 0; background:var(--ss-forest); color:var(--ss-white); }
.pricing-free-strip .container { display:flex; justify-content:space-between; align-items:center; gap:24px; }
.pricing-free-strip strong { font-size:14px; }
.pricing-free-strip span { font-size:11px; }
.pricing-free-strip i { margin-right:6px; color:#c5ddc7; }
.pricing-page .pricing-feature-grid { grid-template-columns:repeat(3,minmax(0,1fr)); }
.pricing-page .pricing-feature:last-child { grid-column:span 3; min-height:0; display:grid; grid-template-columns:65px 1fr; column-gap:20px; background:#e3ecdf; padding-right:150px; }
.pricing-page .pricing-feature:last-child .pricing-feature-icon { grid-row:span 3; margin:0; }
.pricing-page .pricing-feature:last-child h3,.pricing-page .pricing-feature:last-child p,.pricing-page .pricing-feature:last-child .pricing-feature-link { grid-column:2; }
.pricing-page .pricing-feature-highlight .pricing-feature-number { color:#d7e6d8; }
.pricing-feature-link > span { float:right; }
#free-directory,#payment-fees,#everything-included { scroll-margin-top:110px; }
.pricing-directory { padding:100px 0; background:var(--ss-white); }
.pricing-directory-grid { display:grid; grid-template-columns:1.15fr .85fr; gap:85px; align-items:center; }
.pricing-directory h2 { margin:20px 0; font-size:42px; line-height:1.12; font-weight:500; letter-spacing:-1.8px; }
.pricing-directory h2 em { color:var(--ss-forest); font-family:Georgia,serif; }
.pricing-directory-copy > p { color:#657368; font-size:14px; line-height:1.85; }
.pricing-directory-copy .pricing-directory-lead { color:var(--ss-ink); font-size:17px; }
.pricing-directory ul { list-style:none; padding:0; margin:30px 0; }
.pricing-directory li { display:flex; gap:16px; margin:20px 0; color:#657368; font-size:12px; line-height:1.75; }
.pricing-directory li > i { flex:0 0 35px; display:grid; place-items:center; height:35px; color:var(--ss-forest); background:#e4ecdf; border-radius:10px; font-size:14px; }
.pricing-directory li strong { display:block; margin-bottom:3px; color:var(--ss-forest); font-size:14px; }
.pricing-directory .button { display:inline-flex; align-items:center; gap:16px; text-align:center; font-size:12px; max-width:100%; }
.pricing-directory-browse { display:block; width:fit-content; margin-top:20px; color:var(--ss-forest); font-size:12px; }
.pricing-directory-browse span { margin-left:10px; }
.pricing-directory-visual { padding:35px 20px; background:radial-gradient(ellipse,#e0e9db 0%,#f7f3ec 65%); border-radius:140px 140px 25px 25px; }
.pricing-profile-example { padding:32px 27px 22px; background:var(--ss-white); border:1px solid #dce4d7; border-radius:18px; box-shadow:0 20px 45px #314d4310; text-align:center; transform:rotate(-2deg); }
.pricing-profile-label { font-size:9px; letter-spacing:1.7px; color:#66765e; font-weight:700; }
.pricing-profile-monogram { display:grid; place-items:center; width:90px; height:90px; margin:30px auto 23px; border-radius:50%; background:var(--ss-forest); color:var(--ss-cream); font-size:32px; box-shadow:9px 5px 0 #e8b49f; }
.pricing-profile-example h3 { font-size:23px; letter-spacing:-.8px; font-weight:600; line-height:1.25; }
.pricing-profile-example p { font-size:12px; color:#6b7869; }
.pricing-profile-tags { display:flex; justify-content:center; flex-wrap:wrap; gap:7px; margin:20px 0; }
.pricing-profile-tags span { padding:7px 9px; border-radius:20px; color:#64725e; background:#ecf1e7; font-size:9px; }
.pricing-profile-website { display:flex; align-items:center; gap:12px; padding:15px; border:1px solid #dae4d5; border-radius:8px; color:var(--ss-forest); font-size:13px; text-align:left; }
.pricing-profile-website span:last-child { margin-left:auto; }
.pricing-profile-example > small { display:block; margin-top:16px; color:#74806e; font-size:9px; }
.pricing-backlink-note { position:relative; display:flex; gap:14px; margin:18px -5px 0 20px; padding:21px; background:var(--ss-forest); color:var(--ss-white); border-radius:13px; }
.pricing-backlink-note > i { margin-top:4px; color:#d5e6cc; font-size:23px; }
.pricing-backlink-note strong { display:block; font-size:12px; }
.pricing-backlink-note span { display:block; margin-top:6px; color:#d4e1d0; font-size:11px; line-height:1.7; }
.pricing-payment-explainer { padding:75px 0; background:#eaf0e5; }
.pricing-payment-explainer header { max-width:730px; margin-bottom:30px; }
.pricing-payment-explainer h2 { margin:15px 0; font-size:36px; letter-spacing:-1.4px; font-weight:600; }
.pricing-payment-explainer header p { color:#56664f; font-size:15px; line-height:1.8; }
.pricing-fee-grid { display:grid; grid-template-columns:1fr 1fr; gap:20px; }
.pricing-fee-grid article { padding:30px; border:1px solid #d4dfcc; border-radius:15px; background:var(--ss-white); }
.pricing-fee-grid article > span { font-size:10px; letter-spacing:1.3px; color:#617459; font-weight:700; }
.pricing-fee-grid strong { display:block; margin:20px 0; color:var(--ss-forest); font-size:45px; letter-spacing:-1.5px; }
.pricing-fee-grid strong span { font-size:14px; font-weight:400; letter-spacing:0; }
.pricing-fee-grid p { margin:0; color:#617259; font-size:13px; line-height:1.8; }
.pricing-fee-bottom { margin:23px 0 0; color:#52664b; font-size:12px; line-height:1.8; }
@media(max-width:991px) { .pricing-directory-grid { gap:30px; } .pricing-directory h2 { font-size:34px; } .pricing-page .pricing-feature-grid { grid-template-columns:repeat(2,minmax(0,1fr)); } .pricing-page .pricing-feature:last-child { grid-column:auto; display:flex; padding-right:29px; min-height:315px; } .pricing-page .pricing-feature:last-child .pricing-feature-icon { margin-bottom:35px; } .pricing-free-strip .container { flex-wrap:wrap; justify-content:center; } .pricing-free-strip strong { width:100%; text-align:center; } }
@media(max-width:767px) { .pricing-page .pricing-hero { padding:125px 0 65px; } .pricing-page .pricing-hero h1 { font-size:52px; } .pricing-directory-grid { grid-template-columns:1fr; gap:35px; } .pricing-directory { padding:65px 0; } .pricing-directory-visual { max-width:420px; margin:auto; } .pricing-fee-grid { grid-template-columns:1fr; } .pricing-payment-explainer { padding:55px 0; } .pricing-payment-explainer h2 { font-size:30px; } }
@media(max-width:575px) { .pricing-page .pricing-feature-grid { grid-template-columns:1fr; } .pricing-page .pricing-feature { min-height:280px; } .pricing-free-strip .container { gap:15px; } .pricing-free-strip span { width:100%; text-align:center; } .pricing-zero > span { font-size:88px; } .pricing-zero { gap:15px; } .pricing-zero > small { font-size:10px; } .pricing-directory h2 { font-size:32px; } .pricing-page .pricing-hero h1 { font-size:46px; } }
@media(prefers-reduced-motion:reduce) { .pricing-page a { transition:none; } }
