/* =========================================================
DIGITAL MARKETING AGENCY FLORIDA
========================================================= */
:root {
--florida-dark: #071b29;
--florida-dark-two: #0b2636;
--florida-navy: #12394a;
--florida-cyan: #00c7c9;
--florida-cyan-light: #68f1e9;
--florida-blue: #1595d3;
--florida-yellow: #f5c84c;
--florida-light: #f4f9fb;
--florida-white: #ffffff;
--florida-text: #233b48;
--florida-muted: #617681;
--florida-border: #dbe8ed;
--florida-shadow: 0 22px 60px rgba(7, 27, 41, 0.12);
}
.florida360-section, .ms-florida-intro, .ms-florida-why, .ms-florida-approach, .ms-florida-ai, .ms-florida-funnel, .ms-florida-services, .ms-florida-market, .ms-florida-industries, .ms-florida-geo, .ms-florida-voice, .ms-florida-cities, .ms-florida-reporting, .ms-florida-process, .ms-florida-trust, .ms-florida-faq, .ms-florida-cta {
position: relative;
overflow: hidden;
}
.florida360-section *, .ms-florida-intro *, .ms-florida-why *, .ms-florida-approach *, .ms-florida-ai *, .ms-florida-funnel *, .ms-florida-services *, .ms-florida-market *, .ms-florida-industries *, .ms-florida-geo *, .ms-florida-voice *, .ms-florida-cities *, .ms-florida-reporting *, .ms-florida-process *, .ms-florida-trust *, .ms-florida-faq *, .ms-florida-cta * {
box-sizing: border-box;
}
.ms-florida-intro h2, .ms-florida-why h2, .ms-florida-approach h2, .ms-florida-ai h2, .ms-florida-funnel h2, .ms-florida-services h2, .ms-florida-market h2, .ms-florida-industries h2, .ms-florida-geo h2, .ms-florida-voice h2, .ms-florida-cities h2, .ms-florida-reporting h2, .ms-florida-process h2, .ms-florida-trust h2, .ms-florida-faq h2, .ms-florida-cta h2 {
margin: 0 0 22px;
color: var(--florida-dark);
font-size: clamp(32px, 4vw, 54px);
font-weight: 750;
line-height: 1.12;
letter-spacing: -1.5px;
}
.ms-florida-intro p, .ms-florida-why p, .ms-florida-approach p, .ms-florida-ai p, .ms-florida-funnel p, .ms-florida-services p, .ms-florida-market p, .ms-florida-industries p, .ms-florida-geo p, .ms-florida-voice p, .ms-florida-cities p, .ms-florida-reporting p, .ms-florida-process p, .ms-florida-trust p, .ms-florida-faq p, .ms-florida-cta p {
color: var(--florida-muted);
font-size: 17px;
line-height: 1.8;
}
.ms-florida-pill {
display: inline-flex;
align-items: center;
justify-content: center;
margin-bottom: 20px;
padding: 9px 18px;
border: 1px solid rgba(0, 199, 201, 0.24);
border-radius: 50px;
background: rgba(0, 199, 201, 0.08);
color: #087d80;
font-size: 13px;
font-weight: 800;
letter-spacing: 1px;
line-height: 1.3;
text-transform: uppercase;
}
.ms-florida-pill-light {
border-color: rgba(255, 255, 255, 0.22);
background: rgba(255, 255, 255, 0.1);
color: var(--florida-white);
}
.ms-florida-heading {
max-width: 1100px;
margin: 0 auto 55px;
}
.ms-florida-heading p, .ms-florida-section-copy {
max-width: 780px;
margin-right: auto;
margin-left: auto;
}
.ms-florida-image {
display: block;
width: 100%;
border-radius: 28px;
box-shadow: var(--florida-shadow);
object-fit: cover;
}
.ms-florida-btn-dark, .ms-florida-btn-light, .ms-florida-btn-white, .ms-florida-btn-outline {
display: inline-flex;
align-items: center;
justify-content: center;
gap: 10px;
min-height: 54px;
padding: 14px 27px;
border-radius: 50px;
font-size: 15px;
font-weight: 800;
line-height: 1.3;
text-align: center;
text-decoration: none;
transition:
transform 0.3s ease,  box-shadow 0.3s ease,  background-color 0.3s ease,  color 0.3s ease,  border-color 0.3s ease;
}
.ms-florida-btn-dark {
border: 2px solid var(--florida-dark);
background: var(--florida-dark);
color: var(--florida-white);
box-shadow: 0 15px 35px rgba(7, 27, 41, 0.2);
}
.ms-florida-btn-dark:hover {
border-color: var(--florida-cyan);
background: var(--florida-cyan);
color: var(--florida-dark);
transform: translateY(-3px);
}
.ms-florida-btn-light {
border: 2px solid var(--florida-white);
background: var(--florida-white);
color: var(--florida-dark);
}
.ms-florida-btn-light:hover {
border-color: var(--florida-cyan-light);
background: var(--florida-cyan-light);
color: var(--florida-dark);
transform: translateY(-3px);
}
.ms-florida-text-link {
display: inline-flex;
align-items: center;
gap: 9px;
color: #087f83;
font-size: 15px;
font-weight: 800;
text-decoration: none;
transition: gap 0.3s ease, color 0.3s ease;
}
.ms-florida-text-link:hover {
gap: 14px;
color: var(--florida-dark);
}
/* =========================================================
HERO
========================================================= */
.florida360-section {
min-height: 850px;
padding: 145px 0 55px;
background:
radial-gradient(circle at 50% 15%, rgba(0, 199, 201, 0.18), transparent 33%),  linear-gradient(135deg, #04131e 0%, #09283a 52%, #061922 100%);
color: var(--florida-white);
}
.florida360-bg-glow {
position: absolute;
width: 420px;
height: 420px;
border-radius: 50%;
background: rgba(0, 199, 201, 0.16);
filter: blur(100px);
pointer-events: none;
}
.florida360-glow-left {
top: 8%;
left: -180px;
}
.florida360-glow-right {
right: -190px;
bottom: 10%;
background: rgba(21, 149, 211, 0.14);
}
.florida360-wrap {
position: relative;
z-index: 2;
}
.florida360-content {
position: relative;
z-index: 4;
max-width: 1100px;
margin: 0 auto;
}
.florida360-kicker {
display: inline-flex;
align-items: center;
justify-content: center;
gap: 10px;
margin-bottom: 26px;
padding: 10px 18px;
border: 1px solid rgba(104, 241, 233, 0.28);
border-radius: 50px;
background: rgba(255, 255, 255, 0.06);
color: var(--florida-cyan-light);
font-size: 13px;
font-weight: 800;
letter-spacing: 1.2px;
text-transform: uppercase;
backdrop-filter: blur(10px);
}
.florida360-title {
margin: 0;
color: var(--florida-white);
font-size: clamp(45px, 6.3vw, 64px);
font-weight: 800;
line-height: 1.17;
letter-spacing: -3px;
}
.florida360-title span {
display: block;
margin-top: 8px;
background: linear-gradient(  90deg,  var(--florida-cyan-light),  var(--florida-cyan),  #5db7ff  );
-webkit-background-clip: text;
background-clip: text;
color: transparent;
}
.florida360-divider {
width: 76px;
height: 4px;
margin: 28px auto;
border-radius: 20px;
background: linear-gradient(  90deg,  var(--florida-cyan-light),  var(--florida-blue)  );
}
.florida360-tagline {
margin: 0 0 14px;
color: var(--florida-white);
font-size: clamp(20px, 2.5vw, 29px);
font-weight: 750;
line-height: 1.35;
}
.florida360-copy {
max-width: 1100px;
margin: 0 auto;
color: rgba(255, 255, 255, 0.74);
font-size: 18px;
line-height: 1.6;
}
.florida360-btn-row {
display: flex;
flex-wrap: wrap;
justify-content: center;
gap: 14px;
margin-top: 34px;
}
.florida360-btn-primary, .florida360-btn-secondary {
display: inline-flex;
align-items: center;
justify-content: center;
gap: 10px;
min-height: 56px;
padding: 15px 26px;
border-radius: 50px;
font-size: 15px;
font-weight: 800;
text-decoration: none;
transition:
transform 0.3s ease,  box-shadow 0.3s ease,  background-color 0.3s ease;
}
.florida360-btn-primary {
border: 2px solid var(--florida-cyan);
background: var(--florida-cyan);
color: var(--florida-dark);
box-shadow: 0 15px 40px rgba(0, 199, 201, 0.22);
}
.florida360-btn-primary:hover {
background: var(--florida-cyan-light);
color: var(--florida-dark);
transform: translateY(-3px);
}
.florida360-btn-secondary {
border: 2px solid rgba(255, 255, 255, 0.28);
background: rgba(255, 255, 255, 0.06);
color: var(--florida-white);
backdrop-filter: blur(10px);
}
.florida360-btn-secondary:hover {
border-color: var(--florida-white);
background: var(--florida-white);
color: var(--florida-dark);
transform: translateY(-3px);
}
.florida360-floating-card {
position: absolute;
z-index: 3;
display: flex;
align-items: center;
gap: 13px;
width: 245px;
padding: 18px;
border: 1px solid rgba(255, 255, 255, 0.13);
border-radius: 18px;
background: rgba(7, 27, 41, 0.66);
box-shadow: 0 18px 45px rgba(0, 0, 0, 0.18);
backdrop-filter: blur(16px);
animation: floridaFloat 5s ease-in-out infinite;
}
.florida360-card-left {
top: 90px;
left: 5px;
}
.florida360-card-right {
top: 285px;
right: 5px;
animation-delay: -2.5s;
}
.florida360-card-icon {
display: inline-flex;
flex: 0 0 48px;
align-items: center;
justify-content: center;
width: 48px;
height: 48px;
border-radius: 14px;
background: rgba(0, 199, 201, 0.14);
color: var(--florida-cyan-light);
font-size: 19px;
}
.florida360-floating-card h4 {
margin: 0 0 4px;
color: var(--florida-white);
font-size: 16px;
font-weight: 800;
}
.florida360-floating-card p {
margin: 0;
color: rgba(255, 255, 255, 0.63);
font-size: 12px;
line-height: 1.5;
}
.florida360-orbit {
position: absolute;
top: 44%;
left: 50%;
z-index: 1;
border: 1px solid rgba(104, 241, 233, 0.12);
border-radius: 50%;
transform: translate(-50%, -50%);
pointer-events: none;
}
.florida360-orbit-one {
width: 700px;
height: 700px;
}
.florida360-orbit-two {
width: 520px;
height: 520px;
border-style: dashed;
animation: floridaRotate 35s linear infinite;
}
.florida360-services {
position: relative;
z-index: 5;
display: grid;
grid-template-columns: repeat(5, 1fr);
max-width: 1080px;
margin: 82px auto 0;
border: 1px solid rgba(255, 255, 255, 0.11);
border-radius: 24px;
background: rgba(255, 255, 255, 0.055);
backdrop-filter: blur(14px);
}
.florida360-service-item {
position: relative;
display: flex;
min-height: 135px;
align-items: center;
justify-content: center;
flex-direction: column;
padding: 22px 15px;
text-align: center;
}
.florida360-service-item:not(:last-child)::after {
position: absolute;
top: 25%;
right: 0;
width: 1px;
height: 50%;
background: rgba(255, 255, 255, 0.1);
content: "";
}
.florida360-service-item i {
margin-bottom: 11px;
color: var(--florida-cyan-light);
font-size: 22px;
}
.florida360-service-item strong {
display: block;
margin-bottom: 3px;
color: var(--florida-white);
font-size: 15px;
}
.florida360-service-item span {
color: rgba(255, 255, 255, 0.6);
font-size: 12px;
}
@keyframes floridaFloat {
0%,  100% {
transform: translateY(0);
}
50% {
transform: translateY(-12px);
}
}
@keyframes floridaRotate {
from {
transform: translate(-50%, -50%) rotate(0deg);
}
to {
transform: translate(-50%, -50%) rotate(360deg);
}
}
/* =========================================================
INTRODUCTION
========================================================= */

.ms-florida-intro {
padding: 110px 0;
background: var(--florida-white);
}
.ms-florida-intro .container {
max-width: 1600px;
}
.ms-florida-intro p {
max-width: 1100px;
margin: 0 auto 18px;
}
.ms-florida-intro .ms-florida-btn-dark {
margin-top: 18px;
}
/* =========================================================
WHY CHOOSE US
========================================================= */

.ms-florida-why {
padding: 110px 0;
background: var(--florida-light);
}
.ms-florida-benefit-card {
height: 100%;
padding: 32px 27px;
border: 1px solid var(--florida-border);
border-radius: 22px;
background: var(--florida-white);
box-shadow: 0 13px 35px rgba(7, 27, 41, 0.06);
transition:
transform 0.35s ease,  box-shadow 0.35s ease,  border-color 0.35s ease;
}
.ms-florida-benefit-card:hover {
border-color: rgba(0, 199, 201, 0.4);
box-shadow: 0 22px 50px rgba(7, 27, 41, 0.11);
transform: translateY(-8px);
}
.ms-florida-benefit-icon {
display: flex;
width: 58px;
height: 58px;
align-items: center;
justify-content: center;
margin-bottom: 22px;
border-radius: 17px;
background: linear-gradient(  135deg,  rgba(0, 199, 201, 0.14),  rgba(21, 149, 211, 0.1)  );
color: #087f83;
font-size: 23px;
}
.ms-florida-benefit-card h3 {
margin: 0 0 12px;
color: var(--florida-dark);
font-size: 21px;
font-weight: 800;
}
.ms-florida-benefit-card p {
margin: 0;
font-size: 15px;
line-height: 1.75;
}
.ms-florida-check-grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 14px;
margin-top: 38px;
}
.ms-florida-check-grid div {
display: flex;
align-items: center;
gap: 10px;
padding: 15px 17px;
border: 1px solid var(--florida-border);
border-radius: 13px;
background: var(--florida-white);
color: var(--florida-text);
font-size: 14px;
font-weight: 700;
}
.ms-florida-check-grid i {
color: var(--florida-cyan);
}
/* =========================================================
APPROACH
========================================================= */

.ms-florida-approach {
padding: 120px 0;
background: var(--florida-white);
}
.ms-florida-metric-list {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 13px;
margin: 28px 0 32px;
}
.ms-florida-metric-list div {
display: flex;
align-items: center;
gap: 12px;
padding: 15px 16px;
border-radius: 13px;
background: var(--florida-light);
color: var(--florida-text);
font-size: 14px;
font-weight: 750;
}
.ms-florida-metric-list i {
color: #058d90;
}
/* =========================================================
AI + HUMAN
========================================================= */

.ms-florida-ai {
padding: 120px 0;
background:
radial-gradient(circle at 20% 20%, rgba(0, 199, 201, 0.12), transparent 28%),  linear-gradient(135deg, #071b29, #0b3143);
}
.ms-florida-ai h2, .ms-florida-ai p {
color: var(--florida-white);
}
.ms-florida-ai p {
color: rgba(255, 255, 255, 0.7);
}
.ms-florida-ai-list {
margin-top: 24px;
margin-bottom: 32px;
}
.ms-florida-ai-list > div > div {
display: flex;
align-items: center;
gap: 11px;
min-height: 52px;
padding: 13px 15px;
border: 1px solid rgba(255, 255, 255, 0.12);
border-radius: 13px;
background: rgba(255, 255, 255, 0.06);
color: var(--florida-white);
font-size: 14px;
font-weight: 700;
}
.ms-florida-ai-list i {
color: var(--florida-cyan-light);
}
/* =========================================================
FUNNEL
========================================================= */

.ms-florida-funnel {
padding: 115px 0;
background: var(--florida-white);
}
.ms-florida-funnel-row {
display: flex;
align-items: stretch;
justify-content: center;
margin-top: 55px;
}
.ms-florida-funnel-item {
position: relative;
flex: 1;
max-width: 280px;
padding: 28px 18px;
border: 1px solid var(--florida-border);
border-radius: 20px;
background: var(--florida-light);
text-align: center;
}
.ms-florida-funnel-item > span {
position: absolute;
top: 12px;
right: 14px;
color: rgba(7, 27, 41, 0.12);
font-size: 24px;
font-weight: 900;
}
.ms-florida-funnel-item > i {
display: inline-flex;
width: 57px;
height: 57px;
align-items: center;
justify-content: center;
margin-bottom: 17px;
border-radius: 50%;
background: var(--florida-dark);
color: var(--florida-cyan-light);
font-size: 21px;
}
.ms-florida-funnel-item h3 {
margin: 0 0 10px;
color: var(--florida-dark);
font-size: 19px;
font-weight: 800;
}
.ms-florida-funnel-item p {
margin: 0;
font-size: 16px;
line-height: 1.65;
}
.ms-florida-funnel-arrow {
display: flex;
flex: 0 0 45px;
align-items: center;
justify-content: center;
color: var(--florida-cyan);
}
/* =========================================================
SERVICES
========================================================= */

.ms-florida-services {
padding: 115px 0;
background: var(--florida-light);
}
.ms-florida-service-card {
height: 100%;
padding: 36px;
border: 1px solid var(--florida-border);
border-radius: 25px;
background: var(--florida-white);
box-shadow: 0 15px 40px rgba(7, 27, 41, 0.06);
transition:
transform 0.35s ease,  box-shadow 0.35s ease,  border-color 0.35s ease;
}
.ms-florida-service-card:hover {
border-color: rgba(0, 199, 201, 0.45);
box-shadow: 0 25px 60px rgba(7, 27, 41, 0.12);
transform: translateY(-7px);
}
.ms-florida-service-top {
display: flex;
align-items: center;
gap: 18px;
margin-bottom: 23px;
}
.ms-florida-service-icon {
display: flex;
flex: 0 0 62px;
width: 62px;
height: 62px;
align-items: center;
justify-content: center;
border-radius: 18px;
background: var(--florida-dark);
color: var(--florida-cyan-light);
font-size: 24px;
}
.ms-florida-service-top span {
display: block;
margin-bottom: 4px;
color: #078487;
font-size: 11px;
font-weight: 850;
letter-spacing: 1.2px;
text-transform: uppercase;
}
.ms-florida-service-top h3 {
margin: 0;
color: var(--florida-dark);
font-size: 23px;
font-weight: 800;
}
.ms-florida-service-card > p {
margin-bottom: 22px;
font-size: 16px;
}
.ms-florida-service-card ul, .ms-florida-industry-content ul, .ms-florida-process-card ul {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 10px 18px;
margin: 0 0 26px;
padding: 0;
list-style: none;
}
.ms-florida-service-card li, .ms-florida-industry-content li, .ms-florida-process-card li {
position: relative;
padding-left: 19px;
color: var(--florida-text);
font-size: 16px;
line-height: 1.55;
}
.ms-florida-service-card li::before, .ms-florida-industry-content li::before, .ms-florida-process-card li::before {
position: absolute;
top: 8px;
left: 0;
width: 7px;
height: 7px;
border-radius: 50%;
background: var(--florida-cyan);
content: "";
}
/* =========================================================
FLORIDA MARKET
========================================================= */

.ms-florida-market {
background: var(--florida-dark);
}
.ms-florida-market-content {
display: flex;
min-height: 650px;
justify-content: center;
flex-direction: column;
padding: 30px max(140px, calc((40vw - 1320px) / 2));
}
.ms-florida-market-content h2 {
color: var(--florida-white);
}
.ms-florida-market-content p {
color: rgba(255, 255, 255, 0.7);
}
.ms-florida-market-image, .ms-florida-market-image img {
width: 100%;
height: 100%;
}
.ms-florida-market-image img {
display: block;
min-height: 650px;
object-fit: cover;
}
.ms-florida-industry-tags {
display: flex;
flex-wrap: wrap;
gap: 10px;
margin: 25px 0 32px;
}
.ms-florida-industry-tags span {
padding: 9px 14px;
border: 1px solid rgba(255, 255, 255, 0.16);
border-radius: 50px;
background: rgba(255, 255, 255, 0.06);
color: rgba(255, 255, 255, 0.82);
font-size: 13px;
font-weight: 700;
}
/* =========================================================
INDUSTRIES
========================================================= */

.ms-florida-industries {
padding: 115px 0;
background: var(--florida-white);
}
.ms-florida-industry-card {
height: 100%;
overflow: hidden;
border: 1px solid var(--florida-border);
border-radius: 26px;
background: var(--florida-white);
box-shadow: var(--florida-shadow);
}
.ms-florida-industry-image {
height: 280px;
overflow: hidden;
}
.ms-florida-industry-image img {
display: block;
width: 100%;
transition: transform 0.7s ease;
}
.ms-florida-industry-card:hover .ms-florida-industry-image img {
transform: scale(1.06);
}
.ms-florida-industry-content {
position: relative;
padding: 38px 34px 36px;
}
.ms-florida-industry-icon {
position: absolute;
top: -34px;
left: 34px;
display: flex;
width: 68px;
height: 68px;
align-items: center;
justify-content: center;
border: 5px solid var(--florida-white);
border-radius: 18px;
background: var(--florida-dark);
color: var(--florida-cyan-light);
font-size: 25px;
}
.ms-florida-industry-content h3 {
margin: 15px 0 15px;
color: var(--florida-dark);
font-size: 26px;
font-weight: 800;
line-height: 1.25;
}
.ms-florida-industry-content > p {
font-size: 15px;
}
.ms-florida-small-industry {
height: 100%;
padding: 28px 24px;
border: 1px solid var(--florida-border);
border-radius: 19px;
background: var(--florida-light);
text-align: center;
transition:
transform 0.3s ease,  background-color 0.3s ease;
}
.ms-florida-small-industry:hover {
background: var(--florida-white);
transform: translateY(-6px);
}
.ms-florida-small-industry i {
display: inline-flex;
width: 56px;
height: 56px;
align-items: center;
justify-content: center;
margin-bottom: 17px;
border-radius: 16px;
background: var(--florida-dark);
color: var(--florida-cyan-light);
font-size: 21px;
}
.ms-florida-small-industry h3 {
margin: 0 0 9px;
color: var(--florida-dark);
font-size: 20px;
font-weight: 800;
}
.ms-florida-small-industry p {
margin: 0;
font-size: 14px;
line-height: 1.7;
}
/* =========================================================
GEO / AI SEARCH
========================================================= */

.ms-florida-geo {
padding: 120px 0;
background:
radial-gradient(circle at 80% 50%, rgba(0, 199, 201, 0.14), transparent 30%),  linear-gradient(135deg, #061924, #0b3343);
}
.ms-florida-geo h2, .ms-florida-geo p {
color: var(--florida-white);
}
.ms-florida-geo p {
color: rgba(255, 255, 255, 0.7);
}
.ms-florida-geo-grid {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 12px;
margin: 26px 0 32px;
}
.ms-florida-geo-grid div {
display: flex;
align-items: center;
gap: 11px;
min-height: 53px;
padding: 13px 15px;
border: 1px solid rgba(255, 255, 255, 0.13);
border-radius: 13px;
background: rgba(255, 255, 255, 0.06);
color: var(--florida-white);
font-size: 13px;
font-weight: 700;
}
.ms-florida-geo-grid i {
color: var(--florida-cyan-light);
}
.ms-florida-ai-visual {
position: relative;
width: min(100%, 530px);
height: 530px;
margin: 0 auto;
border: 1px solid rgba(255, 255, 255, 0.13);
border-radius: 50%;
background:
radial-gradient(circle at center, rgba(0, 199, 201, 0.17), transparent 45%),  rgba(255, 255, 255, 0.025);
}
.ms-florida-ai-visual::before, .ms-florida-ai-visual::after {
position: absolute;
top: 50%;
left: 50%;
border: 1px dashed rgba(104, 241, 233, 0.2);
border-radius: 50%;
content: "";
transform: translate(-50%, -50%);
}
.ms-florida-ai-visual::before {
width: 72%;
height: 72%;
}
.ms-florida-ai-visual::after {
width: 43%;
height: 43%;
}
.ms-florida-ai-center {
position: absolute;
top: 50%;
left: 50%;
z-index: 3;
display: flex;
width: 155px;
height: 155px;
align-items: center;
justify-content: center;
flex-direction: column;
border: 1px solid rgba(104, 241, 233, 0.35);
border-radius: 50%;
background: rgba(7, 27, 41, 0.94);
color: var(--florida-white);
box-shadow: 0 0 50px rgba(0, 199, 201, 0.2);
transform: translate(-50%, -50%);
}
.ms-florida-ai-center i {
margin-bottom: 10px;
color: var(--florida-cyan-light);
font-size: 28px;
}
.ms-florida-ai-center strong {
font-size: 17px;
}
.ms-florida-ai-center span {
margin-top: 3px;
color: rgba(255, 255, 255, 0.58);
font-size: 11px;
}
.ms-florida-ai-node {
position: absolute;
z-index: 4;
display: flex;
align-items: center;
gap: 8px;
padding: 11px 15px;
border: 1px solid rgba(255, 255, 255, 0.14);
border-radius: 50px;
background: rgba(7, 27, 41, 0.86);
color: var(--florida-white);
font-size: 14px;
font-weight: 700;
backdrop-filter: blur(10px);
}
.ms-florida-ai-node i {
color: var(--florida-cyan-light);
}
.node-one {
top: 8%;
left: 37%;
}
.node-two {
top: 32%;
right: -4%;
}
.node-three {
right: 6%;
bottom: 17%;
}
.node-four {
bottom: 7%;
left: 24%;
}
.node-five {
top: 39%;
left: -7%;
}
/* =========================================================
VOICE SEARCH
========================================================= */

.ms-florida-voice {
padding: 110px 0;
background: var(--florida-light);
}
.ms-florida-voice-icon {
display: flex;
width: 82px;
height: 82px;
align-items: center;
justify-content: center;
margin-bottom: 24px;
border-radius: 24px;
background: var(--florida-dark);
color: var(--florida-cyan-light);
font-size: 32px;
}
.ms-florida-question-list {
display: grid;
gap: 15px;
}
.ms-florida-question-list > div {
display: flex;
align-items: flex-start;
gap: 15px;
padding: 20px;
border: 1px solid var(--florida-border);
border-radius: 16px;
background: var(--florida-white);
box-shadow: 0 10px 25px rgba(7, 27, 41, 0.05);
}
.ms-florida-question-list i {
margin-top: 3px;
color: var(--florida-cyan);
font-size: 19px;
}
.ms-florida-question-list span {
color: var(--florida-text);
font-size: 16px;
font-weight: 750;
line-height: 1.55;
}
.ms-florida-voice-tags {
display: flex;
flex-wrap: wrap;
gap: 9px;
margin-top: 22px;
}
.ms-florida-voice-tags span {
padding: 8px 13px;
border-radius: 50px;
background: rgba(0, 199, 201, 0.1);
color: #087f83;
font-size: 12px;
font-weight: 750;
}
/* =========================================================
CITIES
========================================================= */

.ms-florida-cities {
padding: 110px 0;
background: var(--florida-white);
}
.ms-florida-city-grid {
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 15px;
margin-top: 45px;
}
.ms-florida-city-grid div {
display: flex;
min-height: 78px;
align-items: center;
justify-content: center;
gap: 10px;
border: 1px solid var(--florida-border);
border-radius: 16px;
background: var(--florida-light);
color: var(--florida-dark);
font-size: 16px;
font-weight: 800;
transition:
transform 0.3s ease,  background-color 0.3s ease;
}
.ms-florida-city-grid div:hover {
background: var(--florida-white);
box-shadow: 0 15px 35px rgba(7, 27, 41, 0.08);
transform: translateY(-5px);
}
.ms-florida-city-grid i {
color: var(--florida-cyan);
}
/* =========================================================
REPORTING
========================================================= */

.ms-florida-reporting {
padding: 70px 0;
background: var(--florida-light);
}
.ms-florida-report-list {
display: grid;
gap: 13px;
margin-top: 27px;
}
.ms-florida-report-list > div {
display: flex;
align-items: flex-start;
gap: 15px;
padding: 17px;
border-radius: 15px;
background: var(--florida-white);
}
.ms-florida-report-list > div > i {
display: flex;
flex: 0 0 44px;
width: 44px;
height: 44px;
align-items: center;
justify-content: center;
border-radius: 13px;
background: rgba(0, 199, 201, 0.11);
color: #087f83;
}
.ms-florida-report-list span {
color: var(--florida-muted);
font-size: 16px;
line-height: 1.6;
}
.ms-florida-report-list strong {
display: block;
margin-bottom: 3px;
color: var(--florida-dark);
font-size: 17px;
}
/* =========================================================
PROCESS
========================================================= */

.ms-florida-process {
padding: 115px 0;
background: var(--florida-white);
}
.ms-florida-process-card {
position: relative;
height: 100%;
padding: 38px 32px;
overflow: hidden;
border: 1px solid var(--florida-border);
border-radius: 24px;
background: var(--florida-light);
transition:
transform 0.35s ease,  box-shadow 0.35s ease;
}
.ms-florida-process-card:hover {
box-shadow: var(--florida-shadow);
transform: translateY(-7px);
}
.ms-florida-process-number {
position: absolute;
top: 18px;
right: 22px;
color: rgba(7, 27, 41, 0.08);
font-size: 54px;
font-weight: 900;
line-height: 1;
}
.ms-florida-process-icon {
display: flex;
width: 64px;
height: 64px;
align-items: center;
justify-content: center;
margin-bottom: 24px;
border-radius: 18px;
background: var(--florida-dark);
color: var(--florida-cyan-light);
font-size: 24px;
}
.ms-florida-process-card h3 {
margin: 0 0 15px;
color: var(--florida-dark);
font-size: 25px;
font-weight: 800;
}
.ms-florida-process-card p {
font-size: 16px;
}
.ms-florida-process-card ul {
grid-template-columns: 1fr;
margin-bottom: 0;
}
/* =========================================================
TRUST
========================================================= */

.ms-florida-trust {
padding: 120px 0;
background:
radial-gradient(circle at 15% 30%, rgba(0, 199, 201, 0.14), transparent 28%),  linear-gradient(135deg, #071b29, #0d3446);
}
.ms-florida-trust h2, .ms-florida-trust p {
color: var(--florida-white);
}
.ms-florida-trust p {
color: rgba(255, 255, 255, 0.7);
}
.ms-florida-trust-grid {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 17px;
}
.ms-florida-trust-card {
padding: 27px 24px;
border: 1px solid rgba(255, 255, 255, 0.12);
border-radius: 19px;
background: rgba(255, 255, 255, 0.055);
backdrop-filter: blur(12px);
}
.ms-florida-trust-card i {
margin-bottom: 17px;
color: var(--florida-cyan-light);
font-size: 27px;
}
.ms-florida-trust-card h3 {
margin: 0 0 9px;
color: var(--florida-white);
font-size: 19px;
font-weight: 800;
}
.ms-florida-trust-card p {
margin: 0;
font-size: 16px;
line-height: 1.7;
}
/* =========================================================
FAQ
========================================================= */

.ms-florida-faq {
padding: 115px 0;
background: var(--florida-light);
}
.ms-florida-accordion {
max-width: 960px;
margin: 0 auto;
}
.ms-florida-accordion .accordion-item {
margin-bottom: 14px;
overflow: hidden;
border: 1px solid var(--florida-border);
border-radius: 16px;
background: var(--florida-white);
}
.ms-florida-accordion .accordion-button {
padding: 22px 24px;
background: var(--florida-white);
color: var(--florida-dark);
font-size: 16px;
font-weight: 800;
box-shadow: none;
}
.ms-florida-accordion .accordion-button:not(.collapsed) {
background: var(--florida-dark);
color: var(--florida-white);
}
.ms-florida-accordion .accordion-button:not(.collapsed)::after {
filter: brightness(0) invert(1);
}
.ms-florida-accordion .accordion-body {
padding: 22px 24px;
color: var(--florida-muted);
font-size: 15px;
line-height: 1.8;
}
/* =========================================================
FINAL CTA
========================================================= */

.ms-florida-cta {
padding: 100px 0;
background: var(--florida-white);
}
.ms-florida-cta-box {
position: relative;
overflow: hidden;
padding: 80px 60px;
border-radius: 32px;
background:
radial-gradient(circle at 85% 20%, rgba(104, 241, 233, 0.22), transparent 30%),  linear-gradient(135deg, #061924, #0b3547);
box-shadow: 0 30px 70px rgba(7, 27, 41, 0.18);
text-align: center;
}
.ms-florida-cta-glow {
position: absolute;
right: -100px;
bottom: -130px;
width: 360px;
height: 360px;
border-radius: 50%;
background: rgba(0, 199, 201, 0.18);
filter: blur(80px);
}
.ms-florida-cta-content {
position: relative;
z-index: 2;
max-width: 900px;
margin: 0 auto;
}
.ms-florida-cta-label {
display: inline-block;
margin-bottom: 18px;
color: var(--florida-cyan-light);
font-size: 13px;
font-weight: 800;
letter-spacing: 1.4px;
text-transform: uppercase;
}
.ms-florida-cta h2 {
color: var(--florida-white);
}
.ms-florida-cta p {
max-width: 760px;
margin: 0 auto;
color: rgba(255, 255, 255, 0.7);
}
.ms-florida-cta-benefits {
display: flex;
flex-wrap: wrap;
justify-content: center;
gap: 13px 24px;
margin-top: 28px;
}
.ms-florida-cta-benefits span {
display: inline-flex;
align-items: center;
gap: 8px;
color: rgba(255, 255, 255, 0.85);
font-size: 13px;
font-weight: 700;
}
.ms-florida-cta-benefits i {
color: var(--florida-cyan-light);
}
.ms-florida-cta-buttons {
display: flex;
flex-wrap: wrap;
justify-content: center;
gap: 14px;
margin-top: 35px;
}
.ms-florida-btn-white {
border: 2px solid var(--florida-white);
background: var(--florida-white);
color: var(--florida-dark);
}
.ms-florida-btn-white:hover {
border-color: var(--florida-cyan-light);
background: var(--florida-cyan-light);
color: var(--florida-dark);
transform: translateY(-3px);
}
.ms-florida-btn-outline {
border: 2px solid rgba(255, 255, 255, 0.42);
background: transparent;
color: var(--florida-white);
}
.ms-florida-btn-outline:hover {
border-color: var(--florida-white);
background: var(--florida-white);
color: var(--florida-dark);
transform: translateY(-3px);
}


/* =========================================================
RESPONSIVE: LARGE LAPTOP
========================================================= */

@media (max-width: 1399.98px) {
.florida360-card-left {
left: 15px;
}
.florida360-card-right {
right: 15px;
}
.florida360-floating-card {
width: 220px;
}
.florida360-title {
font-size: clamp(43px, 5.7vw, 72px);
}
.ms-florida-market-content {
padding-right: 55px;
padding-left: 55px;
}
}


/* =========================================================
RESPONSIVE: TABLET / SMALL LAPTOP
========================================================= */

@media (max-width: 1199.98px) {
.florida360-section {
min-height: auto;
padding-top: 125px;
}
.florida360-floating-card {
display: none;
}
.florida360-orbit-one {
width: 580px;
height: 580px;
}
.florida360-orbit-two {
width: 430px;
height: 430px;
}
.florida360-content {
max-width: 860px;
}
.florida360-services {
margin-top: 65px;
}
.ms-florida-funnel-row {
display: grid;
grid-template-columns: repeat(5, 1fr);
gap: 12px;
}
.ms-florida-funnel-item {
max-width: none;
}
.ms-florida-funnel-arrow {
display: none;
}
.ms-florida-service-card {
padding: 30px;
}
.ms-florida-market-content,  .ms-florida-market-image img {
min-height: 590px;
}
.ms-florida-ai-visual {
height: 460px;
}
}


/* =========================================================
RESPONSIVE: TABLET
========================================================= */

@media (max-width: 991.98px) {
.ms-florida-intro,  .ms-florida-why,  .ms-florida-approach,  .ms-florida-ai,  .ms-florida-funnel,  .ms-florida-services,  .ms-florida-industries,  .ms-florida-geo,  .ms-florida-voice,  .ms-florida-cities,  .ms-florida-reporting,  .ms-florida-process,  .ms-florida-trust,  .ms-florida-faq,  .ms-florida-cta {
padding-top: 85px;
padding-bottom: 85px;
}
.florida360-section {
padding: 115px 0 45px;
}
.florida360-title {
letter-spacing: -2px;
}
.florida360-services {
grid-template-columns: repeat(3, 1fr);
}
.florida360-service-item:nth-child(3)::after {
display: none;
}
.florida360-service-item:nth-child(-n + 3) {
border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}
.ms-florida-check-grid {
grid-template-columns: repeat(2, 1fr);
}
.ms-florida-funnel-row {
grid-template-columns: repeat(2, 1fr);
}
.ms-florida-funnel-item:last-child {
grid-column: 1 / -1;
width: 50%;
justify-self: center;
}
.ms-florida-market-content,  .ms-florida-market-image img {
min-height: auto;
}
.ms-florida-market-content {
padding: 80px 45px;
}
.ms-florida-market-image img {
height: 520px;
}
.ms-florida-ai-visual {
margin-top: 15px;
}
.ms-florida-city-grid {
grid-template-columns: repeat(2, 1fr);
}
.ms-florida-cta-box {
padding: 65px 40px;
}
}


/* =========================================================
RESPONSIVE: MOBILE LANDSCAPE
========================================================= */

@media (max-width: 767.98px) {
.ms-florida-intro h2,  .ms-florida-why h2,  .ms-florida-approach h2,  .ms-florida-ai h2,  .ms-florida-funnel h2,  .ms-florida-services h2,  .ms-florida-market h2,  .ms-florida-industries h2,  .ms-florida-geo h2,  .ms-florida-voice h2,  .ms-florida-cities h2,  .ms-florida-reporting h2,  .ms-florida-process h2,  .ms-florida-trust h2,  .ms-florida-faq h2,  .ms-florida-cta h2 {
font-size: 34px;
letter-spacing: -0.8px;
}
.florida360-section {
padding-top: 100px;
}
.florida360-title {
font-size: 46px;
letter-spacing: -1.6px;
}
.florida360-copy {
font-size: 16px;
}
.florida360-btn-primary,  .florida360-btn-secondary {
width: 100%;
max-width: 360px;
}
.florida360-services {
grid-template-columns: repeat(2, 1fr);
}
.florida360-service-item {
min-height: 125px;
}
.florida360-service-item:nth-child(2)::after,  .florida360-service-item:nth-child(4)::after {
display: none;
}
.florida360-service-item:nth-child(3)::after {
display: block;
}
.florida360-service-item:nth-child(4) {
border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}
.florida360-service-item:last-child {
grid-column: 1 / -1;
}
.florida360-service-item:last-child::after {
display: none;
}
.florida360-orbit {
display: none;
}
.ms-florida-check-grid,  .ms-florida-metric-list,  .ms-florida-geo-grid,  .ms-florida-trust-grid {
grid-template-columns: 1fr;
}
.ms-florida-funnel-row {
grid-template-columns: 1fr;
}
.ms-florida-funnel-item:last-child {
grid-column: auto;
width: 100%;
}
.ms-florida-service-card ul,  .ms-florida-industry-content ul {
grid-template-columns: 1fr;
}
.ms-florida-market-content {
padding: 70px 25px;
}
.ms-florida-market-image img {
height: 390px;
}
.ms-florida-industry-image {
height: 235px;
}
.ms-florida-industry-content {
padding: 35px 25px 30px;
}
.ms-florida-industry-icon {
left: 25px;
}
.ms-florida-ai-visual {
height: 400px;
transform: scale(0.92);
}
.node-two {
right: -2%;
}
.node-five {
left: -3%;
}
.ms-florida-city-grid {
grid-template-columns: 1fr 1fr;
}
.ms-florida-cta-box {
padding: 55px 25px;
border-radius: 24px;
}
.ms-florida-cta-buttons {
flex-direction: column;
align-items: center;
}
.ms-florida-btn-white,  .ms-florida-btn-outline {
width: 100%;
max-width: 360px;
}
}


/* =========================================================
RESPONSIVE: MOBILE
========================================================= */

@media (max-width: 575.98px) {
.ms-florida-intro,  .ms-florida-why,  .ms-florida-approach,  .ms-florida-ai,  .ms-florida-funnel,  .ms-florida-services,  .ms-florida-industries,  .ms-florida-geo,  .ms-florida-voice,  .ms-florida-cities,  .ms-florida-reporting,  .ms-florida-process,  .ms-florida-trust,  .ms-florida-faq,  .ms-florida-cta {
padding-top: 70px;
padding-bottom: 70px;
}
.florida360-section {
padding-top: 85px;
}
.florida360-kicker {
padding: 9px 13px;
font-size: 10px;
letter-spacing: 0.8px;
}
.florida360-title {
font-size: 38px;
line-height: 1.08;
letter-spacing: -1px;
}
.florida360-tagline {
font-size: 20px;
}
.florida360-services {
grid-template-columns: 1fr;
margin-top: 48px;
}
.florida360-service-item {
min-height: auto;
padding: 20px;
border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}
.florida360-service-item::after {
display: none !important;
}
.florida360-service-item:last-child {
grid-column: auto;
border-bottom: 0;
}
.ms-florida-pill {
padding: 8px 13px;
font-size: 10px;
}
.ms-florida-intro h2,  .ms-florida-why h2,  .ms-florida-approach h2,  .ms-florida-ai h2,  .ms-florida-funnel h2,  .ms-florida-services h2,  .ms-florida-market h2,  .ms-florida-industries h2,  .ms-florida-geo h2,  .ms-florida-voice h2,  .ms-florida-cities h2,  .ms-florida-reporting h2,  .ms-florida-process h2,  .ms-florida-trust h2,  .ms-florida-faq h2,  .ms-florida-cta h2 {
font-size: 30px;
}
.ms-florida-intro p,  .ms-florida-why p,  .ms-florida-approach p,  .ms-florida-ai p,  .ms-florida-funnel p,  .ms-florida-services p,  .ms-florida-market p,  .ms-florida-industries p,  .ms-florida-geo p,  .ms-florida-voice p,  .ms-florida-cities p,  .ms-florida-reporting p,  .ms-florida-process p,  .ms-florida-trust p,  .ms-florida-faq p,  .ms-florida-cta p {
font-size: 15px;
}
.ms-florida-benefit-card,  .ms-florida-service-card,  .ms-florida-process-card {
padding: 27px 22px;
}
.ms-florida-check-grid,  .ms-florida-city-grid {
grid-template-columns: 1fr;
}
.ms-florida-service-top {
align-items: flex-start;
flex-direction: column;
}
.ms-florida-service-top h3 {
font-size: 21px;
}
.ms-florida-market-image img {
height: 300px;
}
.ms-florida-ai-visual {
width: 390px;
max-width: 115%;
height: 390px;
margin-left: 50%;
transform: translateX(-50%) scale(0.82);
}
.ms-florida-ai-center {
width: 135px;
height: 135px;
}
.ms-florida-ai-node {
padding: 9px 11px;
font-size: 10px;
}
.ms-florida-industry-content h3 {
font-size: 23px;
}
.ms-florida-question-list > div {
padding: 16px;
}
.ms-florida-question-list span {
font-size: 14px;
}
.ms-florida-accordion .accordion-button {
padding: 18px;
font-size: 14px;
}
.ms-florida-accordion .accordion-body {
padding: 18px;
font-size: 14px;
}
.ms-florida-btn-dark,  .ms-florida-btn-light {
width: 100%;
}
.ms-florida-cta-box {
padding: 48px 20px;
}
.ms-florida-cta-benefits {
align-items: flex-start;
flex-direction: column;
max-width: 220px;
margin-right: auto;
margin-left: auto;
text-align: left;
}
}
/* =========================================================
REDUCED MOTION ACCESSIBILITY
========================================================= */
@media (prefers-reduced-motion: reduce) {
.florida360-floating-card,  .florida360-orbit-two {
animation: none;
}
.ms-florida-benefit-card,  .ms-florida-service-card,  .ms-florida-industry-image img,  .ms-florida-process-card,  .ms-florida-city-grid div,  .ms-florida-btn-dark,  .ms-florida-btn-light,  .ms-florida-btn-white,  .ms-florida-btn-outline,  .florida360-btn-primary,  .florida360-btn-secondary {
transition: none;
}
}