/* Per-page sections for the Google Ads landing pages (2026-11-02, Quality Score plan).
   Each ad landing page gets one section of its own, set by $lp['feature'] in the page file.
   Same palette, type and rules as greenville-lp.css. Ruled lists, no pill chips. */
.wp360-landing .wp360-lp-x{padding-block:88px;border-top:1px solid #22363b}
.wp360-landing .wp360-lp-x-head .wp360-lp-kicker{margin-bottom:17px}
.wp360-landing .wp360-lp-x-head h2 em{color:#90aeb3}
.wp360-landing .wp360-lp-x-lede{font-size:1rem;line-height:1.75;color:var(--wp360-lp-muted);margin-top:22px;max-width:420px}
.wp360-landing .wp360-lp-x-head--wide{display:flex;justify-content:space-between;align-items:end;gap:40px;margin-bottom:48px}
.wp360-landing .wp360-lp-x-head--wide .wp360-lp-x-lede{margin-top:0;max-width:365px}
.wp360-landing .wp360-lp-x-split{display:grid;grid-template-columns:1fr 1.4fr;gap:70px;align-items:start}
.wp360-landing .wp360-lp-x h3{font-size:1.1875rem;letter-spacing:-.02em;line-height:1.35}
.wp360-landing .wp360-lp-x ol,.wp360-landing .wp360-lp-x ul{list-style:none;margin:0;padding:0}

/* Web Design: towns, a ruled two-column list with the office marked */
.wp360-landing .wp360-lp-x-towns-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:40px;counter-reset:town}
.wp360-landing .wp360-lp-x-towns-list li{display:flex;align-items:baseline;gap:16px;padding:19px 0;border-top:1px solid #2b4043;counter-increment:town}
.wp360-landing .wp360-lp-x-towns-list li:before{content:counter(town,decimal-leading-zero);font-size:.75rem;color:#6f9a9a;min-width:20px}
.wp360-landing .wp360-lp-x-towns-list strong{font-size:1.375rem;font-weight:500;letter-spacing:-.03em}
.wp360-landing .wp360-lp-x-towns-list span{margin-left:auto;font-size:.8125rem;color:var(--wp360-lp-accent)}
.wp360-landing .wp360-lp-x-towns-list li.is-home strong{color:var(--wp360-lp-accent)}

/* Web Development: four connected steps, then what runs underneath */
.wp360-landing .wp360-lp-x-flow-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px}
.wp360-landing .wp360-lp-x-flow-steps li{position:relative;padding:24px 22px 26px;border:1px solid #2f474c;border-radius:12px;background:#0d1b20}
.wp360-landing .wp360-lp-x-flow-steps li:not(.is-end):after{content:'';position:absolute;top:36px;right:-23px;width:24px;height:1px;background:#4f8f8a}
.wp360-landing .wp360-lp-x-flow-steps li:not(.is-end):before{content:'';position:absolute;top:32px;right:-23px;border:4px solid transparent;border-left:6px solid #5ce6df;z-index:1}
.wp360-landing .wp360-lp-x-flow-steps li.is-end{border-color:#3f8580;background:linear-gradient(160deg,#123033,#0d1b20 70%)}
.wp360-landing .wp360-lp-x-num{display:block;font-size:.75rem;color:var(--wp360-lp-accent);margin-bottom:28px}
.wp360-landing .wp360-lp-x-flow-steps p{font-size:.9375rem;line-height:1.65;color:var(--wp360-lp-muted);margin-top:8px}
.wp360-landing .wp360-lp-x-stack{display:grid;grid-template-columns:200px 1fr;gap:30px;margin-top:56px;padding-top:30px;border-top:1px solid #2b4043}
.wp360-landing .wp360-lp-x-stack-label{font-size:.8125rem;color:#b2c7c9;letter-spacing:.06em}
.wp360-landing .wp360-lp-x-stack ul{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:26px}
.wp360-landing .wp360-lp-x-stack li{border-left:1px solid #355a5a;padding-left:16px}
.wp360-landing .wp360-lp-x-stack strong{display:block;font-size:.9375rem;font-weight:500}
.wp360-landing .wp360-lp-x-stack span{display:block;font-size:.8125rem;line-height:1.55;color:var(--wp360-lp-muted);margin-top:4px}

/* Web Design Company: a five-step rail */
.wp360-landing .wp360-lp-x-rail{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:26px;position:relative}
.wp360-landing .wp360-lp-x-rail li:not(:last-child):after{content:'';position:absolute;left:39px;right:-26px;top:19px;height:1px;background:#3f8580}
.wp360-landing .wp360-lp-x-rail li:first-child:after{background:#5ce6df}
.wp360-landing .wp360-lp-x-rail li{position:relative}
.wp360-landing .wp360-lp-x-dot{position:relative;z-index:1;display:grid;place-items:center;width:39px;height:39px;border-radius:50%;border:1px solid #5ce6df;background:#070d10;color:#5ce6df;font-size:.875rem;margin-bottom:24px}
.wp360-landing .wp360-lp-x-rail li:first-child .wp360-lp-x-dot{background:#5ce6df;color:#07191a}
.wp360-landing .wp360-lp-x-rail p{font-size:.9375rem;line-height:1.65;color:var(--wp360-lp-muted);margin-top:8px}

/* Small Business Websites: the usual setup next to one team */
.wp360-landing .wp360-lp-x-compare-grid{display:grid;grid-template-columns:1fr 1fr;gap:26px}
.wp360-landing .wp360-lp-x-col{border:1px solid #2b4043;border-radius:14px;padding:30px 32px}
.wp360-landing .wp360-lp-x-col.is-after{border-color:#3f8580;background:linear-gradient(160deg,#123033,#0d1b20 70%)}
.wp360-landing .wp360-lp-x-col-label{font-size:.8125rem;letter-spacing:.06em;color:#b2c7c9;margin-bottom:12px}
.wp360-landing .wp360-lp-x-col.is-after .wp360-lp-x-col-label{color:var(--wp360-lp-accent)}
.wp360-landing .wp360-lp-x-col li{padding:15px 0;border-top:1px solid #2b4043;font-size:1.0625rem;display:flex;gap:14px;align-items:baseline}
.wp360-landing .wp360-lp-x-col li:before{content:'';flex-shrink:0;width:7px;height:7px;border-radius:50%;background:#55706f;transform:translateY(-2px)}
.wp360-landing .wp360-lp-x-col.is-before li{color:#9fb3b7}
.wp360-landing .wp360-lp-x-col.is-after li:before{background:#5ce6df}
.wp360-landing .wp360-lp-x-col-foot{border-top:1px solid #2b4043;padding-top:18px;font-size:.9375rem;color:var(--wp360-lp-muted)}
.wp360-landing .wp360-lp-x-col.is-after .wp360-lp-x-col-foot{color:#d7ecea}

@media(max-width:1100px){
.wp360-landing .wp360-lp-x-flow-steps{grid-template-columns:repeat(2,minmax(0,1fr))}
.wp360-landing .wp360-lp-x-flow-steps li:nth-child(2):after,.wp360-landing .wp360-lp-x-flow-steps li:nth-child(2):before{display:none}
.wp360-landing .wp360-lp-x-stack{grid-template-columns:1fr;gap:18px}
.wp360-landing .wp360-lp-x-stack ul{grid-template-columns:repeat(2,minmax(0,1fr))}
.wp360-landing .wp360-lp-x-rail{grid-template-columns:repeat(3,minmax(0,1fr));row-gap:40px}
.wp360-landing .wp360-lp-x-rail li:nth-child(3):after{display:none}
}
@media(max-width:800px){
.wp360-landing .wp360-lp-x{padding-block:56px}
.wp360-landing .wp360-lp-x-split{grid-template-columns:1fr;gap:30px}
.wp360-landing .wp360-lp-x-head--wide{display:block;margin-bottom:32px}
.wp360-landing .wp360-lp-x-head--wide .wp360-lp-x-lede{margin-top:20px}
.wp360-landing .wp360-lp-x-head h2 br{display:none}
.wp360-landing .wp360-lp-x-head h2 em:before{content:' '}
.wp360-landing .wp360-lp-x-flow-steps{grid-template-columns:1fr;gap:14px}
.wp360-landing .wp360-lp-x-flow-steps li{padding:20px 20px 22px}
.wp360-landing .wp360-lp-x-flow-steps li:not(.is-end):after{display:block;top:auto;bottom:-15px;left:36px;right:auto;width:1px;height:16px}
.wp360-landing .wp360-lp-x-flow-steps li:not(.is-end):before{display:none}
.wp360-landing .wp360-lp-x-num{margin-bottom:14px}
.wp360-landing .wp360-lp-x-rail{grid-template-columns:1fr;row-gap:0}
.wp360-landing .wp360-lp-x-rail li{display:grid;grid-template-columns:39px 1fr;column-gap:18px;padding-bottom:26px}
.wp360-landing .wp360-lp-x-rail li:not(:last-child):after{display:block;content:'';position:absolute;left:19px;top:39px;bottom:0;width:1px;background:#2f5b5a}
.wp360-landing .wp360-lp-x-dot{grid-row:span 2;margin:0}
.wp360-landing .wp360-lp-x-rail h3{padding-top:8px}
.wp360-landing .wp360-lp-x-compare-grid{grid-template-columns:1fr;gap:16px}
.wp360-landing .wp360-lp-x-col{padding:24px 22px}
}
@media(max-width:480px){
.wp360-landing .wp360-lp-x-towns-list{column-gap:20px}
.wp360-landing .wp360-lp-x-towns-list strong{font-size:1.125rem}
.wp360-landing .wp360-lp-x-towns-list li{gap:10px;flex-wrap:wrap}
.wp360-landing .wp360-lp-x-towns-list span{margin-left:30px;flex-basis:100%;margin-top:-6px}
.wp360-landing .wp360-lp-x-stack ul{grid-template-columns:1fr;gap:16px}
}