:root{--bg:#08111f;--bg-soft:#0e1a2f;--surface:#101b31;--surface-2:#15213c;--line:rgba(255,255,255,.08);--text:#fff;--muted:rgba(255,255,255,.8);--white:#fff;--brand:#3d8bff;--brand-2:#7bb0ff;--accent:#14c7c4;--shadow:0 18px 48px rgba(3,10,24,.35);--bs-body-color:#fff;--bs-secondary-color:rgba(255,255,255,.8)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:Inter,system-ui,sans-serif;background:linear-gradient(180deg,#07101e 0%,#0b1730 100%);color:var(--text);line-height:1.6}a{color:#b7cbff;text-decoration:none}a:hover{color:#fff}.skip-link{position:absolute;left:-9999px}.skip-link:focus{left:1rem;top:1rem;z-index:9999;background:#fff;color:#000;padding:.5rem .75rem;border-radius:.5rem}.site-header{background:rgba(7,16,30,.82);backdrop-filter:blur(12px);border-bottom:1px solid var(--line)}.navbar-brand{color:#fff}.brand-mark{display:inline-flex;align-items:center;justify-content:center;width:52px;height:52px;border-radius:16px;background:linear-gradient(135deg,var(--brand),var(--accent));color:#fff;font-weight:800;letter-spacing:.04em;box-shadow:var(--shadow)}.brand-eyebrow,.eyebrow{display:block;font-size:.75rem;color:var(--brand-2);letter-spacing:.12em;text-transform:uppercase}.brand-title{display:block;font-weight:700;color:#fff}.nav-link{color:var(--muted)!important;font-weight:500}.nav-link.active,.nav-link:hover{color:#fff!important}.btn-primary{background:linear-gradient(135deg,#2d6fe0,#1a52c4);border:none;color:#fff;box-shadow:var(--shadow)}.btn-outline-light{border-color:rgba(255,255,255,.35)}.section{padding:4.5rem 0}.hero{padding:5.5rem 0 4rem;background:radial-gradient(circle at top right,rgba(61,139,255,.28),transparent 32%),radial-gradient(circle at bottom left,rgba(20,199,196,.16),transparent 32%)}.hero-card,.card-soft,.stat-card,.proof-card,.resource-card,.icon-card,.timeline-card,.team-card,.product-card,.seo-card,.faq-card{background:linear-gradient(180deg,rgba(17,28,50,.96),rgba(11,18,33,.96));border:1px solid var(--line);border-radius:24px;box-shadow:var(--shadow)}.hero h1,.display-title{font-size:clamp(2.3rem,4vw,4.5rem);line-height:1.05;color:#fff;font-weight:800}.lead{color:#fff;font-size:1.1rem}.muted{color:var(--muted)}.hero-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:1.5rem}.surface-label{display:inline-flex;padding:.35rem .7rem;border:1px solid rgba(123,176,255,.25);background:rgba(123,176,255,.08);border-radius:999px;color:#fff;font-size:.85rem}.metric{font-size:1.9rem;font-weight:800;color:#fff}.metric-label{font-size:.95rem;color:var(--muted)}.mock-ui{min-height:440px;padding:1.5rem}.mock-top{display:flex;gap:.5rem;margin-bottom:1rem}.mock-dot{width:12px;height:12px;border-radius:50%;background:#3b4f79}.panel{background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.06);border-radius:18px;padding:1rem}.bar{height:10px;border-radius:999px;background:linear-gradient(90deg,var(--brand),var(--accent));margin-top:.6rem}.bar.small{width:42%}.bar.med{width:68%}.bar.lg{width:88%}.section h2,.section h3,.section h4,.section h5{color:#fff}.card-soft,.proof-card,.resource-card,.icon-card,.team-card,.product-card,.seo-card,.faq-card,.timeline-card,.stat-card{padding:1.5rem;height:100%}.stat-card .metric{font-size:2.25rem}.icon-badge{width:48px;height:48px;border-radius:14px;background:rgba(61,139,255,.16);display:inline-flex;align-items:center;justify-content:center;color:#fff;font-weight:700;margin-bottom:1rem}.list-check{padding-left:0;list-style:none}.list-check li{position:relative;padding-left:1.6rem;margin-bottom:.7rem}.list-check li:before{content:"✓";position:absolute;left:0;top:0;color:var(--accent);font-weight:700}.cta-band{padding:2rem;border-radius:28px;background:linear-gradient(135deg,rgba(61,139,255,.22),rgba(20,199,196,.14));border:1px solid rgba(255,255,255,.08)}.page-hero{padding:4rem 0 2rem}.kicker{font-size:.8rem;text-transform:uppercase;letter-spacing:.12em;color:var(--brand-2)}.product-grid,.resource-grid{display:grid;gap:1.25rem}.product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.resource-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.site-footer{background:#060d18;border-top:1px solid var(--line)}.text-footer,.footer-links a,.footer-bottom a,.site-footer p{color:#9cb0d3}.footer-title{font-size:.95rem;color:#fff;margin-bottom:.8rem}.footer-links{list-style:none;padding:0;margin:0}.footer-links li{margin-bottom:.55rem}.footer-bottom{border-top:1px solid var(--line)}.form-control,.form-select{background:#091325;border:1px solid rgba(255,255,255,.1);color:#fff;padding:.9rem 1rem}.form-control:focus,.form-select:focus{background:#091325;color:#fff;border-color:var(--brand);box-shadow:0 0 0 .2rem rgba(61,139,255,.2)}.table-compare{--bs-table-bg:transparent;--bs-table-color:var(--text);--bs-table-border-color:rgba(255,255,255,.08)}.table-compare th{color:#fff}.small-note{font-size:.9rem;color:var(--muted)}
@media (max-width:991px){.hero-grid,.product-grid,.resource-grid{grid-template-columns:1fr}.hero{padding-top:4rem}}

.brand-logo{width:168px;max-width:40vw;height:auto;display:block;filter:drop-shadow(0 10px 28px rgba(3,10,24,.32))}
.hero-media,.logo-panel,.screenshot-card{background:linear-gradient(180deg,rgba(17,28,50,.96),rgba(11,18,33,.96));border:1px solid var(--line);border-radius:24px;box-shadow:var(--shadow);overflow:hidden}
.hero-media img,.team-photo,.resource-thumb,.screenshot-img,.product-logo{display:block;max-width:100%;height:auto}
.hero-media img{width:100%;height:100%;object-fit:cover;min-height:420px}
.logo-panel{padding:1.25rem}
.product-logo{max-height:72px;width:auto;object-fit:contain}
.product-logo-wrap{min-height:86px;display:flex;align-items:center;margin-bottom:1rem}
.team-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.25rem}
.team-member{background:linear-gradient(180deg,rgba(17,28,50,.96),rgba(11,18,33,.96));border:1px solid var(--line);border-radius:24px;overflow:hidden;box-shadow:var(--shadow);height:100%}
.team-photo{width:100%;aspect-ratio:4/5;object-fit:cover}
.team-copy{padding:1.25rem}
.resource-thumb,.screenshot-img{width:100%;aspect-ratio:16/10;object-fit:cover;border-bottom:1px solid var(--line)}
.resource-card.image-card,.screenshot-card{padding:0}
.resource-card.image-card .resource-copy,.screenshot-copy{padding:1.25rem}
.logo-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem}
.logo-chip{padding:1rem;border:1px solid rgba(255,255,255,.08);border-radius:18px;background:rgba(255,255,255,.04);display:flex;align-items:center;justify-content:center;min-height:110px}
.client-logo-strip{display:grid;grid-template-columns:repeat(6,1fr);gap:.75rem}
.client-logo-chip{padding:1rem;border:1px solid var(--line);border-radius:12px;background:var(--surface);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;height:96px;text-decoration:none;color:inherit;transition:border-color .2s}
.client-logo-chip:hover{border-color:var(--brand)}
.client-logo-chip img{max-height:44px;max-width:120px;width:auto;object-fit:contain;filter:grayscale(1);opacity:.6;transition:filter .25s,opacity .25s}
.client-logo-chip:hover img{filter:grayscale(0);opacity:1}
.client-logo-chip>span{font-size:.58rem;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);text-align:center;line-height:1.3}
.client-logo-text{font-size:.75rem;font-weight:600;color:var(--muted);text-align:center}
@media(max-width:991px){.client-logo-strip{grid-template-columns:repeat(4,1fr)}}
@media(max-width:575px){.client-logo-strip{grid-template-columns:repeat(3,1fr)}.client-logo-chip{height:80px}}
.eyebrow-copy{font-size:.85rem;color:var(--muted);text-transform:uppercase;letter-spacing:.12em}
@media (max-width:991px){.team-grid,.logo-strip{grid-template-columns:1fr 1fr}.brand-logo{width:132px}}
.img-placeholder{aspect-ratio:16/10;background:linear-gradient(135deg,rgba(61,139,255,.1),rgba(20,199,196,.08));border:2px dashed rgba(255,255,255,.12);border-radius:18px;display:flex;align-items:center;justify-content:center;color:var(--muted);font-size:.85rem;text-align:center;padding:1.5rem}
@media (max-width:575px){.team-grid,.logo-strip{grid-template-columns:1fr}}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important;animation:none!important}body{background:#08111f}}
:focus-visible{outline:2px solid var(--brand-2);outline-offset:3px;border-radius:4px}
.btn-primary:focus-visible{outline:2px solid var(--brand-2);outline-offset:3px;box-shadow:0 0 0 .25rem rgba(61,139,255,.45)}
.btn-outline-light:focus-visible{outline:2px solid var(--brand-2);outline-offset:3px;box-shadow:0 0 0 .25rem rgba(255,255,255,.2)}
.nav-link:focus-visible{color:#fff!important;outline:2px solid var(--brand-2);outline-offset:2px;border-radius:6px}
.footer-links a:focus-visible,.footer-bottom a:focus-visible{outline:2px solid var(--brand-2);outline-offset:2px;border-radius:4px}
.alert{border-radius:12px;padding:1rem 1.25rem;font-size:.95rem;border:none}
.alert-success{background:rgba(20,199,196,.15);color:#a8f0ee;border:1px solid rgba(20,199,196,.25)}
.alert-danger{background:rgba(255,80,80,.12);color:#ffb0b0;border:1px solid rgba(255,80,80,.2)}
.alert-warning{background:rgba(255,193,7,.12);color:#ffe08a;border:1px solid rgba(255,193,7,.25)}
.alert-info{background:rgba(61,139,255,.12);color:#a8c8ff;border:1px solid rgba(61,139,255,.25)}
.breadcrumb-nav{background:rgba(7,16,30,.6);border-bottom:1px solid var(--line);padding:.75rem 0;font-size:.875rem}
.breadcrumb{margin:0;padding:0;list-style:none;display:flex;flex-wrap:wrap;align-items:center;gap:.25rem}
.breadcrumb-item{display:inline-flex;align-items:center}
.breadcrumb-item+.breadcrumb-item::before{content:"/";padding:0 .5rem;color:var(--muted);font-weight:400}
.breadcrumb-item a{color:var(--muted);text-decoration:none;transition:color .15s}
.breadcrumb-item a:hover{color:#fff}
.breadcrumb-item.active{color:var(--text)}
.breadcrumb-item a:focus-visible{outline:2px solid var(--brand-2);outline-offset:2px;border-radius:4px}
.accordion-button{background:rgba(255,255,255,.04);color:#fff;border:none;padding:1rem 1.25rem;font-weight:500}
.accordion-button:not(.collapsed){background:rgba(61,139,255,.12);color:#fff;box-shadow:none}
.accordion-button:focus{box-shadow:0 0 0 .2rem rgba(61,139,255,.25);border-color:var(--brand)}
.accordion-button::after{filter:invert(1) brightness(2)}
.accordion-item{background:transparent;border:1px solid var(--line);border-radius:12px!important;margin-bottom:.75rem;overflow:hidden}
.accordion-body{background:rgba(0,0,0,.15);color:var(--text);padding:1.25rem}
.table{--bs-table-bg:transparent;--bs-table-color:var(--text);--bs-table-border-color:var(--line)}
.table thead th{background:rgba(61,139,255,.1);color:#fff;border-bottom:2px solid var(--line);padding:.875rem}
.dropdown-menu{background:rgba(11,18,33,.98);border:1px solid var(--line);border-radius:12px;padding:.5rem 0;backdrop-filter:blur(12px);box-shadow:var(--shadow)}
.dropdown-item{color:var(--text);padding:.5rem 1rem;transition:background .15s,color .15s}
.dropdown-item:hover,.dropdown-item:focus{background:rgba(61,139,255,.15);color:#fff}
.dropdown-divider{border-color:var(--line);margin:.5rem 0}
.nav-link.dropdown-toggle::after{margin-left:.35rem}
.table tbody td{padding:.75rem;vertical-align:middle}
.table-bordered{border:1px solid var(--line)}
.table-bordered td,.table-bordered th{border:1px solid var(--line)}
a.card-soft,a.card-soft:hover{color:#fff}
a.card-soft h2,a.card-soft h3,a.card-soft h4,a.card-soft h5,a.card-soft h6{color:#fff}
a.card-soft p,a.card-soft .text-muted{color:#fff!important}
a.card-soft:hover{border-color:rgba(61,139,255,.4)}
.text-muted{color:var(--muted)!important}
.card-soft a{color:#fff}
.card-soft a:hover{color:var(--brand-2)}
.card-soft p,.card-soft .text-muted{color:#fff!important}
.card-soft h2,.card-soft h3,.card-soft h4,.card-soft h5,.card-soft h6{color:#fff}
.card-soft h2 a,.card-soft h3 a,.card-soft h4 a,.card-soft h5 a{color:#fff}
.card-soft h2 a:hover,.card-soft h3 a:hover,.card-soft h4 a:hover,.card-soft h5 a:hover{color:var(--brand-2)}
.proof-card p,.proof-card .text-muted,.proof-card a{color:#fff}
.proof-card h2,.proof-card h3,.proof-card h4{color:#fff}
.product-card p,.product-card .text-muted{color:#fff}
.product-card h2,.product-card h3{color:#fff}
.product-card a{color:var(--brand-2)}
.cta-band p,.cta-band .text-muted,.cta-band .muted{color:#fff!important}
.cta-band h2{color:#fff}
/* Global text-white enforcement — override Bootstrap defaults on dark backgrounds */
main p,main li,main td,main th,main dt,main dd,main blockquote,main label,main span.small,main .small-note{color:#fff}
.text-muted,.text-secondary{color:rgba(255,255,255,.8)!important}
/* Performance optimizations */
.section{content-visibility:auto;contain-intrinsic-size:auto 500px}
.card-soft,.stat-card,.proof-card,.resource-card,.icon-card,.team-card,.product-card{contain:layout style paint}
img[loading="lazy"]{content-visibility:auto}
.btn{will-change:transform,box-shadow;transition:transform .15s ease,box-shadow .15s ease}
.btn:hover{transform:translateY(-1px)}
.nav-link,.dropdown-item,.footer-links a{will-change:color;transition:color .15s ease}
/* Dark-theme badge overrides — prevent Bootstrap's light bg badges from creating dark-on-dark readability issues */
.badge-coming-soon{background:rgba(255,193,7,.18);color:#ffe08a;border:1px solid rgba(255,193,7,.35);font-weight:500;font-size:.7rem;letter-spacing:.04em}
.badge.bg-warning{background:rgba(255,193,7,.2)!important;color:#ffe08a!important;border:1px solid rgba(255,193,7,.35)}
.badge.bg-secondary{background:rgba(155,176,211,.15)!important;color:#9cb0d3!important;border:1px solid rgba(155,176,211,.2)}
/* Ensure select options are readable in dark-theme forms */
select option{background:#091325;color:#fff}

/* ── Cross-browser backdrop-filter fixes ──────────────────────
   Add -webkit- prefix for Safari. For browsers that don't
   support backdrop-filter at all, fall back to a solid bg. */
@supports not (backdrop-filter: blur(1px)) {
  .site-header { background: rgba(7,16,30,.97) !important; }
  .dropdown-menu { background: rgba(7,16,30,.99) !important; }
}
.site-header { -webkit-backdrop-filter: blur(12px); backdrop-filter: blur(12px); }
.dropdown-menu { -webkit-backdrop-filter: blur(12px); backdrop-filter: blur(12px); }

/* ── Screenshot Gallery ──────────────────────────────────────*/
.screenshot-gallery{display:grid;gap:1rem}
.screenshot-gallery.cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}
.screenshot-gallery.cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}
.screenshot-gallery-item{position:relative;border-radius:16px;overflow:hidden;cursor:zoom-in;background:var(--surface);border:1px solid var(--line)}
.screenshot-gallery-item img{width:100%;display:block;height:auto;transition:transform .35s ease}
.screenshot-gallery-item:hover img{transform:scale(1.04)}
.screenshot-gallery-overlay{position:absolute;inset:0;background:rgba(0,0,0,.45);opacity:0;transition:opacity .2s;display:flex;align-items:center;justify-content:center;color:#fff;font-size:1.5rem}
.screenshot-gallery-item:hover .screenshot-gallery-overlay{opacity:1}
.screenshot-gallery-caption{padding:.5rem .75rem;font-size:.78rem;color:var(--muted);background:rgba(0,0,0,.25);border-top:1px solid var(--line)}
.screenshot-gallery-featured{border-radius:20px;overflow:hidden;border:1px solid var(--line);box-shadow:var(--shadow)}
.screenshot-gallery-featured img{width:100%;display:block;height:auto}
@media(max-width:767px){.screenshot-gallery.cols-3{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:480px){.screenshot-gallery.cols-3,.screenshot-gallery.cols-2{grid-template-columns:1fr}}

/* ── Client Logo Strip ───────────────────────────────────────*/
.client-logo-strip{display:grid;grid-template-columns:repeat(6,1fr);gap:1rem}
.client-logo-chip{padding:.75rem 1rem;border:1px solid rgba(255,255,255,.08);border-radius:14px;background:rgba(255,255,255,.04);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;height:120px;transition:border-color .2s,background .2s}
.client-logo-chip:hover{border-color:rgba(61,139,255,.35);background:rgba(61,139,255,.06)}
.client-logo-chip img{max-height:44px;max-width:110px;width:auto;object-fit:contain;filter:grayscale(1) brightness(1.8);transition:filter .2s}
.client-logo-chip:hover img{filter:grayscale(0) brightness(1)}
.client-logo-chip span{font-size:.7rem;color:var(--muted);text-align:center;line-height:1.2}
.client-logo-text{font-size:.85rem;font-weight:600;color:var(--muted);text-align:center}
@media(max-width:991px){.client-logo-strip{grid-template-columns:repeat(4,1fr)}}
@media(max-width:575px){.client-logo-strip{grid-template-columns:repeat(2,1fr)}.client-logo-chip{height:104px}}

/* ── USA / Florida Pride ──────────────────────────────────────*/
.usa-bar{background:rgba(55,55,110,.22);border-bottom:1px solid rgba(178,34,52,.28);text-align:center;padding:.3rem 0;font-size:.72rem;letter-spacing:.015em;color:rgba(255,255,255,.8)}
.usa-bar-inner{display:inline-flex;align-items:center;gap:.55rem;flex-wrap:wrap;justify-content:center}
.usa-bar .sep{opacity:.3;font-weight:300}
.usa-bar strong{color:rgba(255,255,255,.95);font-weight:600}
.made-in-usa{display:flex;align-items:flex-start;flex-wrap:wrap;gap:1.5rem;padding:1.5rem 1.75rem;border-radius:16px;background:rgba(55,55,110,.13);border:1px solid rgba(178,34,52,.2)}
.mia-flags{display:flex;gap:.85rem;align-items:flex-start;flex-shrink:0}
.mia-flag-item{display:flex;flex-direction:column;align-items:center;gap:.3rem}
.mia-flag-item .flag-emoji{font-size:2rem;line-height:1;display:block}
.mia-flag-item svg{display:block;border-radius:3px;box-shadow:0 1px 4px rgba(0,0,0,.35)}
.mia-flag-label{font-size:.58rem;text-transform:uppercase;letter-spacing:.07em;color:var(--muted);text-align:center}
.mia-content h3{font-size:.8rem;text-transform:uppercase;letter-spacing:.07em;color:rgba(255,255,255,.9);margin-bottom:.5rem}
.mia-trust-list{display:flex;flex-direction:column;gap:.32rem;list-style:none;padding:0;margin:0}
.mia-trust-list li{font-size:.77rem;color:rgba(255,255,255,.72);display:flex;align-items:flex-start;gap:.4rem;line-height:1.4}
.mia-trust-list li::before{content:"★";color:#b22234;flex-shrink:0;font-size:.62rem;margin-top:.17rem}
@media(max-width:575px){.made-in-usa{flex-direction:column}.mia-flags{flex-direction:row}}

/* ── Portal & checkout page styles ───────────────────────────*/
.portal-page .card-soft { max-width: 100%; }
.portal-page blockquote { border-left: 3px solid var(--brand); padding-left: 1rem; margin-left: 0; }