:root {
  --brand: #1d5ca2; /* indigo-ish 4f46e5 */
  --muted: #6b7280;
}
body { background-image: url(https://www.sailorsplanner.com/assets/background_sailorsplanner_fafbfc.png); background-repeat: no-repeat; background-attachment: fixed; background-size: cover; background-position: bottom center; scroll-behavior: smooth; }  

#signupBar { display: none;}

.bg-brand-gradient {
	background: #194682;
	background: linear-gradient(12deg, rgba(25, 70, 130, 1) 0%, rgba(29, 92, 162, 1) 50%, rgba(58, 112, 172, 1) 80%, rgba(93, 140, 192, 1) 100%);
}
.bg-brand-logo-white-outlined {
	background-image: url(https://www.sailorsplanner.com/assets/images/header_banner_sailorsplanner_logo_white_outlined.png); background-repeat: no-repeat; background-size: contain; background-position: bottom left;
}

/*body { font-family: "Inter",system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial; color: #111827;}*/
/*[data-bs-theme="dark"] { background:#0b1220; color:#e6eef8; }*/
.navbar-brand { font-weight:700; color:var(--brand) !important; }
.feature-icon { width:48px;height:48px;border-radius:8px;background:rgba(25, 70, 130,0.08);display:inline-flex;align-items:center;justify-content:center;color:var(--brand); }
/*.hero { padding:5rem 0; }*/
.card-pricing { border:1px solid rgba(15,23,42,0.06); transition: transform .15s ease, box-shadow .15s ease; }
.card-pricing:hover { transform: translateY(-6px); box-shadow: 0 8px 30px rgba(15,23,42,0.08); }
[data-bs-theme="dark"] .card-pricing { border: 1px solid rgba(255,255,255,0.06); }
.badge-cta { background: linear-gradient(90deg,var(--brand),#06b6d4); color:#fff; border-radius:999px; padding:.35rem .6rem; font-size:0.86rem;}
.pricing-toggle .btn { min-width:110px; }
/* small helpers */
.muted { color:var(--muted); }

.landing-hero-section-with-curve {position: relative;}
.wave-bottom {
	position: absolute;
	left:-1px;
	bottom:-1px;
	width: 100%;         /* full width of viewport/container */
	overflow: hidden;    /* crop any overflow */
	line-height: 0;      /* remove unwanted whitespace */
}
.wave-bottom svg {
  display: block;
  width: 100%;         /* scales fluidly with screen */
  transform: rotate(180deg);
}
@media (min-width: 576px) {
	.wave-bottom svg,
	.wave-bottom svg.landing-wave {
 		height: 55px !important;
		min-width: 600px !important;
	}
}
@media (min-width: 768px) {
	.wave-bottom svg,
	.wave-bottom svg.landing-wave {
 		height: 70px !important;
		min-width: 790px !important;
	}
}
@media (min-width: 992px) {
	.wave-bottom svg,
	.wave-bottom svg.landing-wave {
 		height: 80px !important;
		min-width: 1000px !important;
	}
}
@media (min-width: 1200px) {
	.wave-bottom svg,
	.wave-bottom svg.landing-wave {
 		height: 90px !important;
		min-width: 1150px !important;
	}
}
@media (min-width: 1400px) {
	.wave-bottom svg,
	.wave-bottom svg.landing-wave {
  		height: 100px;       /* fixed height for consistency */
  		min-width: 1490px;   /* optional: ensures no distortion on ultra-wide */
	}
}