/* Surf City Social premium styling, shared */
.top{transition:box-shadow .25s,background .25s}.top.scrolled{background:rgba(2,39,58,.82);backdrop-filter:blur(14px) saturate(160%);box-shadow:0 8px 30px rgba(0,0,0,.25)}
.page-hero{position:relative;overflow:hidden;padding:72px 0 56px;background:radial-gradient(60% 90% at 90% 0%,rgba(255,115,76,.32),transparent 60%),radial-gradient(50% 80% at 0% 100%,rgba(78,200,228,.4),transparent 60%),linear-gradient(115deg,#02273a 0%,#023a53 40%,#0a6f8c 80%,#1aadcc 100%)}
.page-hero::after{content:"";position:absolute;left:0;right:0;bottom:0;height:6px;background:linear-gradient(90deg,#ff734c,#ff9a7a 40%,#7CFC00)}
.page-hero h1{font-family:"Anton",Impact,"Arial Narrow",sans-serif;font-weight:400;text-transform:uppercase;letter-spacing:.01em;line-height:1.05;font-size:clamp(2.1rem,5vw,3.6rem);max-width:18em;background:linear-gradient(90deg,#fff 55%,#9fe7f5 80%,#ff9a7a);-webkit-background-clip:text;background-clip:text;color:transparent;overflow-wrap:break-word}
.page-hero .crumb{font-size:.85rem;opacity:.85;letter-spacing:.04em}.page-hero .crumb a{color:#bfeef8}
.page-hero p{color:#eafaff}
.trust li{backdrop-filter:blur(6px)}
.prose h2{font-family:Georgia,"Liberation Serif",serif;color:#0a4d68;font-size:clamp(1.5rem,3vw,2rem);line-height:1.2;padding-top:6px}
.prose h2::before{content:"";display:block;width:44px;height:4px;border-radius:4px;background:linear-gradient(90deg,#ff734c,#0aa8c4);margin-bottom:12px}
.prose ul{list-style:none;padding-left:0}.prose li{position:relative;padding-left:28px}.prose li::before{content:"";position:absolute;left:4px;top:.55em;width:10px;height:10px;border-radius:50%;background:linear-gradient(135deg,#ff734c,#0aa8c4)}
.page-img{box-shadow:0 24px 50px rgba(3,42,58,.22);max-height:520px;object-fit:cover}
.related{background:linear-gradient(135deg,#ecfeff,#fff4ef);border:1px solid #d6eef3}
.card,.step,.svc-grid a,.area-grid a,.plan,.price-card{transition:transform .3s cubic-bezier(.2,.7,.2,1),box-shadow .3s,border-color .3s}
.card:hover,.step:hover,.svc-grid a:hover,.area-grid a:hover,.plan:hover,.price-card:hover{transform:translateY(-6px);box-shadow:0 22px 44px rgba(3,42,58,.16)}
.btn-call{background:linear-gradient(135deg,#ff734c,#f5541b)}.btn-call:hover{box-shadow:0 12px 30px rgba(255,90,31,.5)}
.contact{background:radial-gradient(50% 80% at 50% 0%,rgba(255,115,76,.14),transparent 70%),linear-gradient(105deg,#032a3a 0%,#043d54 40%,#055f78 75%,#067a8f 100%)}
.js .reveal{opacity:0;transform:translateY(26px);transition:opacity .8s ease,transform .8s cubic-bezier(.2,.7,.2,1)}.js .reveal.in{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){.js .reveal{opacity:1;transform:none;transition:none}}
.socials{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin:0 0 18px}
.socials a{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:8px 16px;border-radius:999px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.18);color:#fff;text-decoration:none;font-weight:700;transition:transform .2s,background .2s}
.socials a:hover{transform:translateY(-2px);background:linear-gradient(135deg,#ff734c,#0aa8c4)}
.socials svg{width:20px;height:20px;fill:currentColor}