*{box-sizing:border-box;}
body{
    margin:0;
    font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
    background:#050505;
    color:#f7f7f7;
}
a{text-decoration:none;}

/* Top navigation */
header{
    width:100%;
    padding:16px 32px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    position:sticky;
    top:0;
    z-index:10;
    background:rgba(5,5,5,0.96);
    backdrop-filter:blur(10px);
    border-bottom:1px solid rgba(212,166,78,0.18);
}
header img.logo{
    height:56px;
    width:auto;
}
.nav-links{
    display:flex;
    gap:20px;
    font-size:14px;
}
.nav-links a{
    color:#f2e5c7;
    padding:6px 10px;
    border-radius:999px;
    border:1px solid transparent;
    transition:all .2s ease;
}
.nav-links a:hover{
    border-color:#d4a64e;
    background:rgba(212,166,78,0.12);
}
.nav-links a.primary-link{
    border-color:#d4a64e;
}

/* Hero layout */
.hero-wrap{
    max-width:1100px;
    margin:0 auto;
    padding:40px 24px 60px 24px;
    display:flex;
    flex-wrap:wrap;
    align-items:center;
    justify-content:center; /* center entire hero */
}
.hero-text{
    flex:1 1 420px;
    padding-right:0;
    text-align:center; /* center text block */
}
.hero-kicker{
    text-transform:uppercase;
    letter-spacing:0.18em;
    font-size:12px;
    color:#d4a64e;
    margin-bottom:8px;
}
.hero-text h1{
    font-size:40px;
    margin:0 0 12px 0;
    color:#f5f1e6;
}
.hero-sub{
    font-size:18px;
    color:#ddd;
    margin:0 auto 24px auto;
    max-width:520px;
}
.hero-badge{
    display:inline-flex;
    align-items:center;
    gap:6px;
    padding:6px 12px;
    border-radius:999px;
    border:1px solid rgba(212,166,78,0.4);
    font-size:13px;
    color:#f2e5c7;
    margin-bottom:18px;
}
.hero-photo{
    flex:0 0 260px;
    text-align:center;
    margin-top:24px;
}
.hero-photo img{
    width:240px;
    border-radius:18px;
    border:3px solid #d4a64e;
    box-shadow:0 20px 45px rgba(0,0,0,0.8);
}

/* Choice buttons */
.choices{
    margin-top:26px;
    display:flex;
    flex-direction:column;
    gap:12px;
    max-width:340px;
    margin-left:auto;
    margin-right:auto;
}
.btn{
    display:flex;
    align-items:center;
    justify-content:center;
    gap:10px;
    padding:14px 20px;
    border-radius:999px;
    font-weight:600;
    font-size:15px;
    cursor:pointer;
    transition:all .22s ease;
}
.btn-primary{
    background:#d4a64e;
    color:#1a1205;
    box-shadow:0 10px 30px rgba(0,0,0,0.6);
}
.btn-primary:hover{
    background:#f0c46a;
    transform:translateY(-1px);
}
.btn-outline{
    border:1px solid #d4a64e;
    color:#f5e6c0;
    background:transparent;
}
.btn-outline:hover{
    background:rgba(212,166,78,0.12);
}
.btn-subtle{
    background:#111015;
    color:#f7f7f7;
    border:1px solid rgba(255,255,255,0.03);
}
.btn-subtle:hover{
    background:#191820;
}

.icon-dot{
    width:10px;
    height:10px;
    border-radius:50%;
    background:#1b9fff;
}
.icon-sell{
    width:10px;
    height:10px;
    border-radius:3px;
    background:#f45c9a;
}
.icon-call{
    width:12px;
    height:12px;
    border-radius:3px;
    border:2px solid #f5e6c0;
}

/* Generic hero for inner pages */
.hero{
    text-align:center;
    padding:40px 20px 20px 20px;
}
.hero h1{
    font-size:32px;
    margin-bottom:8px;
    color:#f5f1e6;
}
.hero p{
    font-size:18px;
    color:#d0d0d0;
}

/* Sections */
.section{
    padding:0 24px 40px 24px;
}
.section-inner{
    max-width:900px;
    margin:0 auto;
    border-top:1px solid rgba(255,255,255,0.06);
    padding-top:28px;
}
.section p{
    color:#b8b8b8;
    font-size:15px;
}

/* IDX teaser placeholder */
.idx-teaser{
    max-width:900px;
    margin:10px auto 40px auto;
    padding:24px;
    border-radius:18px;
    border:1px dashed rgba(212,166,78,0.5);
    background:#08080b;
    text-align:center;
}
.idx-teaser h2{
    margin-top:0;
    color:#d4a64e;
}
.idx-teaser p{
    color:#c8c8c8;
    font-size:15px;
}

/* Form box on funnel pages */
.form-box{
    background:#050505;
    padding:24px;
    border-radius:18px;
    border:1px solid #d4a64e;
    max-width:520px;
    margin:24px auto;
    box-shadow:0 16px 40px rgba(0,0,0,0.8);
}

input[type="text"],input[type="email"]{
    width:100%;
    padding:11px 12px;
    margin-bottom:12px;
    border-radius:8px;
    border:1px solid #333;
    background:#050505;
    color:#f7f7f7;
}
input::placeholder{color:#777;}

.profile-photo{
    width:190px;
    border-radius:16px;
    border:3px solid #d4a64e;
    box-shadow:0 20px 45px rgba(0,0,0,0.8);
}

footer{
    text-align:center;
    padding:26px 16px 36px 16px;
    font-size:13px;
    color:#777;
}

@media(max-width:800px){
    header{
        flex-direction:column;
        gap:10px;
        align-items:flex-start;
    }
    .nav-links{
        flex-wrap:wrap;
    }
    .hero-wrap{
        padding-top:24px;
    }
    .hero-photo{
        flex:1 1 100%;
        margin-top:28px;
    }
}


/* Override: remove visual box styling around forms */
.form-box{
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    padding: 0 !important;
    max-width: 520px;
    margin: 24px auto !important;
}

/* Final override to completely remove visible form boxes */
.form-box{
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    padding: 0 !important;
    margin: 0 !important;
    display: contents !important; /* behaves like no wrapper */
}