html{scroll-behavior:smooth}body{font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif;color:#172033;background:#fff;line-height:1.65}.skip-link{position:absolute;left:-999px;top:8px;background:#fff;color:#000;padding:.75rem;z-index:9999}.skip-link:focus{left:8px}.navbar-brand strong{display:block;color:var(--brand-blue);line-height:1.1}.navbar-brand small{display:block;font-size:.72rem;color:#5d6878}.btn{border-radius:.45rem;font-weight:700}.btn-primary,.bg-primary{background:var(--brand-blue)!important;border-color:var(--brand-blue)!important}.btn-danger{background:var(--brand-red);border-color:var(--brand-red)}.btn-outline-primary{color:var(--brand-blue);border-color:var(--brand-blue)}.btn-outline-primary:hover{background:var(--brand-blue);border-color:var(--brand-blue)}a{color:var(--brand-blue)}a:hover{color:var(--brand-red)}:focus-visible{outline:3px solid #ffbf47;outline-offset:2px}.hero{background:linear-gradient(120deg,var(--brand-blue),#061b3f);color:#fff;padding:6rem 0 5rem;position:relative;overflow:hidden}.hero:after{content:"";position:absolute;inset:auto -10% -45% 50%;height:480px;background:rgba(215,25,32,.22);transform:skewX(-18deg)}.hero .container{position:relative;z-index:2}.hero h1{font-size:clamp(2.4rem,5vw,4.8rem);font-weight:900;line-height:1.02;max-width:820px;letter-spacing:0}.eyebrow{text-transform:uppercase;letter-spacing:.08em;font-weight:800;color:#b8d4ff}.hero-panel{background:#fff;color:#172033;border-radius:.5rem;padding:2rem;box-shadow:0 24px 70px rgba(0,0,0,.22)}.trust-strip{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:1rem}.trust-strip span{background:var(--brand-soft);border:1px solid #dce7f6;border-radius:999px;padding:.35rem .7rem;font-size:.85rem;font-weight:700}.section{padding:4.5rem 0}.section-head{display:flex;align-items:end;justify-content:space-between;gap:1rem;margin-bottom:1.5rem}.section-head h2{font-weight:900;color:var(--brand-blue);margin:0}.band{background:var(--brand-soft)}.post-card{border:1px solid #dde6f0;border-radius:.5rem;overflow:hidden;box-shadow:0 12px 36px rgba(21,45,86,.08);transition:transform .18s ease,box-shadow .18s ease}.post-card:hover{transform:translateY(-4px);box-shadow:0 20px 50px rgba(21,45,86,.13)}.post-card h2 a,.read-link{text-decoration:none;font-weight:850}.post-card img{aspect-ratio:16/10;object-fit:cover;background:#eaf0f8}.category-tile{display:flex;justify-content:space-between;gap:1rem;align-items:center;text-decoration:none;background:#fff;border:1px solid #dde6f0;border-left:5px solid var(--brand-red);border-radius:.45rem;padding:1rem;min-height:76px}.category-tile span{font-weight:850}.category-tile small{color:#647086}.cta-card,.contact-card,.widget,.admin-panel{background:#fff;border:1px solid #dde6f0;border-radius:.5rem;padding:1.5rem;box-shadow:0 12px 36px rgba(21,45,86,.07)}.page-hero,.article-hero{background:linear-gradient(120deg,#f6f9fd,#fff);border-bottom:1px solid #dde6f0;padding:3.5rem 0}.page-hero h1,.article-hero h1{font-weight:900;color:var(--brand-blue);max-width:920px}.article-meta{color:#667085}.featured-image{width:100%;height:auto;border-radius:.5rem;margin-bottom:2rem;box-shadow:0 16px 44px rgba(21,45,86,.12)}.article-body{font-size:1.08rem}.article-body h2{margin-top:2.2rem;color:var(--brand-blue);font-weight:900}.article-body h3{margin-top:1.6rem;font-weight:800}.article-body img{max-width:100%;height:auto}.tags{display:flex;flex-wrap:wrap;gap:.5rem;margin:2rem 0}.tags a,.service-links a{display:inline-block;text-decoration:none;border:1px solid #cbd9eb;border-radius:999px;padding:.35rem .75rem;margin:.15rem;background:#fff}.faq-block,.map-block,.share-block,.cta-wide,.related{margin-top:2.5rem}.map-block iframe{width:100%;height:330px;border:0;border-radius:.5rem}.share-actions{display:flex;flex-wrap:wrap;gap:.75rem}.share-button{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:999px;background:var(--brand-blue);color:#fff;text-decoration:none;box-shadow:0 10px 26px rgba(21,45,86,.16);transition:transform .18s ease,background-color .18s ease}.share-button:hover{background:var(--brand-red);color:#fff;transform:translateY(-2px)}.share-button i{font-size:1.05rem}.cta-wide{background:linear-gradient(120deg,var(--brand-blue),#071b3f);color:#fff;border-radius:.5rem;padding:2rem;border-left:6px solid var(--brand-red);box-shadow:0 18px 44px rgba(21,45,86,.18)}.article-body .cta-wide h2,.article-body .cta-wide p{color:#fff}.cta-wide .btn{background:#fff;border-color:#fff;color:var(--brand-blue)}.cta-wide .btn:hover{background:var(--brand-red);border-color:var(--brand-red);color:#fff}.related-card{display:block;height:100%;background:var(--brand-soft);border:1px solid #dce7f6;border-radius:.45rem;padding:1rem;text-decoration:none;font-weight:800}.sidebar{position:sticky;top:88px}.widget{margin-bottom:1.25rem}.widget h2{color:var(--brand-blue);font-weight:900}.call-widget{background:var(--brand-blue);color:#fff}.call-widget h2{color:#fff}.link-list li{display:flex;justify-content:space-between;gap:.5rem;border-bottom:1px solid #eef2f7;padding:.55rem 0}.link-list a{text-decoration:none;font-weight:700}.lead-form .form-control,.lead-form .form-select{min-height:48px}.hp-field{position:absolute;left:-9999px}.display-phone a{font-size:1.6rem;font-weight:900;text-decoration:none}.footer{background:#071b3f;color:#dce9ff}.footer a{color:#fff}.login-screen{min-height:100vh;display:grid;place-items:center;background:linear-gradient(140deg,var(--brand-blue),#09152e)}.login-card{width:min(420px,92vw);background:#fff;border-radius:.5rem;padding:2rem;box-shadow:0 24px 80px rgba(0,0,0,.28)}.admin-body{background:#f5f8fc}.admin-nav{background:#071b3f}.admin-stat{background:#fff;border-radius:.5rem;border:1px solid #dde6f0;padding:1.4rem}.admin-stat span{display:block;color:#667085}.admin-stat strong{font-size:2.3rem;color:var(--brand-blue)}.admin-thumb{height:170px;object-fit:cover}@media(max-width:991px){.hero{padding:4rem 0}.sidebar{position:static}.section{padding:3rem 0}.section-head{align-items:start;flex-direction:column}}

/* Panama City Beach coastal diagonal variant */
body{background:#f2fafc;color:#17313a}.site-header{border-bottom:1px solid #d0e7eb}.navbar-brand strong{color:#10627A}
.hero{background:#fff;color:#17313a;padding:5.5rem 0 4.75rem;border-bottom:1px solid #d0e7eb}
.hero:after{inset:0 0 0 auto;width:44%;height:100%;background:linear-gradient(140deg,#10627A 0%,#0c4a62 68%,#D73E4B 68%,#D73E4B 100%);clip-path:polygon(22% 0,100% 0,100% 100%,0 100%);transform:none}
.hero h1{color:#10627A;max-width:820px;text-shadow:none}.hero .lead{color:#365b64;max-width:740px}.eyebrow{color:#D73E4B}
.hero-panel{border-radius:.8rem .2rem .8rem .2rem;background:#fff;color:#17313a;border:1px solid #d0e7eb;border-top:6px solid #D73E4B;box-shadow:0 22px 55px rgba(16,98,122,.14)}
.trust-strip span{background:#f2fafc;color:#10627A;border-color:#d0e7eb;border-radius:.8rem}.section-head h2,.page-hero h1,.article-hero h1,.article-body h2,.widget h2{color:#10627A}
.band{background:#fff}.page-hero,.article-hero{background:linear-gradient(120deg,#fff,#f2fafc);border-bottom:1px solid #d0e7eb}.post-card{border:1px solid #d0e7eb;border-radius:.8rem .2rem .8rem .2rem;box-shadow:0 14px 34px rgba(16,98,122,.08)}.post-card:hover{box-shadow:0 24px 54px rgba(16,98,122,.14)}
.post-card img{border-bottom:5px solid #D73E4B}.category-tile{border:1px solid #d0e7eb;border-right:6px solid #D73E4B;border-left:0;border-radius:.8rem .2rem .8rem .2rem;background:#fff}.cta-card,.contact-card,.widget,.admin-panel{border-color:#d0e7eb;border-radius:.8rem .2rem .8rem .2rem;box-shadow:0 12px 30px rgba(16,98,122,.07)}
.call-widget{background:#10627A;color:#fff;border:0;border-bottom:6px solid #D73E4B}.call-widget h2{color:#fff}.cta-wide{background:linear-gradient(125deg,#10627A,#0c4a62);color:#fff;border-left:0;border-bottom:7px solid #D73E4B;border-radius:.8rem .2rem .8rem .2rem}.article-body .cta-wide h2,.article-body .cta-wide p{color:#fff}
.share-button{background:#10627A}.share-button:hover{background:#D73E4B}.service-links a,.tags a{border-radius:.8rem;background:#fff;border-color:#d0e7eb;color:#10627A}.footer{background:#083949}
@media(max-width:991px){.hero:after{opacity:.08;width:100%;clip-path:none}.hero h1{color:#10627A}}