:root {
	--primary: #ff6a00;
	--primary-light: #ff8c33;
	--dark: #0d0d0d;
	--dark-2: #1b1b1b;
	--gray: #2c2c2c;
	--light: #f5f5f5;
	--font-display: 'Syne', sans-serif;
	--font-body: 'DM Sans', sans-serif;
}
body {

    background:
    var(--dark);

    color:
    white;
}

.navbar {

    background:
    rgba(0,0,0,.95) !important;

    border-bottom:
    1px solid rgba(255,255,255,.05);
}

.navbar-brand {

    color:
    var(--primary) !important;

    font-size:
    30px;

    font-weight:
    bold;
}

.nav-link {

    color:
    #fff !important;

    transition:
    .3s;
}

.nav-link:hover {

    color:
    var(--primary) !important;
}

.hero {

	background:
	linear-gradient(
		rgba(0,0,0,.8),
		rgba(0,0,0,.9)
	),
	url('https://images.unsplash.com/photo-1493225457124-a3eb161ffa5f?q=80&w=1400&auto=format&fit=crop');

	background-size: cover;
	background-position: center;
	color: white;
	padding: 120px 0;
}

.hero h1 {
	font-family: var(--font-display);
	color: var(--primary);
	font-size: clamp(42px, 7vw, 72px);
	font-weight: 800;
	line-height: 1.05;
}

.hero p {

    font-size:
    1.2rem;

    color:
    #ddd;
}

.hero-logo {

    max-width:
    320px;

    margin-bottom:
    25px;
}

.color-primary{
	color:var(--primary);
}

.btn-primary-custom {
	background: var(--primary);
	border: none;
	color: white;
	padding: 14px 28px;
	border-radius: 10px;
	font-weight: bold;
	transition: .3s;
}

.btn-primary-custom:hover {

    background:
    var(--primary-light);

    transform:
    translateY(-2px);

    color:
    white;
}

.btn-outline-custom {

    border:
    2px solid var(--primary);

    color:
    var(--primary);

    padding:
    12px 28px;

    border-radius:
    10px;

    text-decoration:
    none;

    transition:
    .3s;
}

.btn-outline-custom:hover {

    background:
    var(--primary);

    color:
    white;
}

.feature-card {

    transition:
    .3s;

    background:
    var(--dark-2);

    border:
    1px solid rgba(255,255,255,.05);

    color:
    white;
}

.feature-card:hover {

    transform:
    translateY(-5px);

    border-color:
    var(--primary);

    box-shadow:
    0 10px 20px rgba(255,106,0,.2);
}

.section-title {

    font-weight:
    bold;

    margin-bottom:
    40px;

    color:
    var(--primary);
}

.bg-light {

    background:
    #151515 !important;
}

.bg-white {

    background:
    #111 !important;
}

.card {

    border-radius:
    18px;
}

.card-body h4 {

    color:
    var(--primary);
}

footer {

    background:
    #000;

    color:
    #999;

    padding:
    30px 0;
}

.form-control {
	background: #ffa7262b;
	border:1px solid #333;
	color:#000;
}

.form-control:focus {
	background:#ffa7262b;
	color:#000;
	border-color: var(--primary);
	box-shadow:0 0 0 .2rem rgba(255,106,0,.2);
}

.btn-dark {

    background:
    var(--primary);

    border:
    none;
}

.btn-dark:hover {

    background:
    var(--primary-light);
}

.stat-box {
	background: var(--dark-2);
	border: 1px solid rgba(255,255,255,.05);
	transition: .3s;
}

.stat-box:hover {
	border-color: var(--primary);
	transform: translateY(-3px);
}

.btn-light{
	border: none;
	color: var(--primary);
	padding: 14px 28px;
	border-radius: 10px;
	font-weight: bold;
	transition: .3s;
}

.float-right{
	float:right;
}
.float-left{
	float:left;
}

.opacity-1{
	opacity:1;
}

/* SECTION */

.section {
    padding: 72px 40px;
}

.section-label {
	display: inline-block;
	font-size: 11px;
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: 0.1em;
	margin-bottom: 12px;
}

.section-text-min{
	font-size: small;
}

.section-text-med{
	font-size: medium;
}
/* SECTION */

.feature-list {
	list-style: none;
}

.feature-list li {
	font-size: 13px;
	padding: 10px 0;
	display: flex;
	align-items: flex-start;
	gap: 8px;
	line-height: 1.45;
	border-bottom: 1px solid #f0f5f2;
}

.feature-list li::before {
    content: '✓';
    color: var(--primary);
    font-size: 12px;
    font-weight: 600;
    flex-shrink: 0;
    margin-top: 2px;
}

/* CTA */
.cta{
	background:linear-gradient(180deg, #ff6a00, #ff8c336e);
}

.cta h1 {
	font-family: var(--font-display);
	/* color: var(--primary); */
	font-size: clamp(42px, 7vw, 55px);
	font-weight: 800;
	line-height: 1.05;
}