@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,300;0,400;0,500;0,600;0,700;1,300;1,400&family=Cinzel:wght@400;500;600;700;900&family=Jost:wght@300;400;500;600&display=swap');

:root {
    --gold: #C9A84C;
    --gold-light: #E8C97A;
    --gold-dark: #9A7A2E;
    --deep-green: #1A3329;
    --mid-green: #2A5C3F;
    --cream: #FAF7F0;
    --ivory: #F5F0E8;
    --text-dark: #2A2A2A;
    --text-mid: #5A5A5A;
    --shadow-gold: rgba(201,168,76,0.3);
    --shadow-deep: rgba(26,51,41,0.4);
}

*, *::before, *::after { margin:0; padding:0; box-sizing:border-box; }

html, body {
    font-family: 'Jost', sans-serif;
    background: var(--cream);
    color: var(--text-dark);
    scroll-behavior: smooth;
    overflow-x: hidden;
    -webkit-text-size-adjust: 100%;
}

::-webkit-scrollbar { width:5px; }
::-webkit-scrollbar-track { background:var(--cream); }
::-webkit-scrollbar-thumb { background:var(--gold); border-radius:3px; }
::selection { background:var(--gold-light); color:var(--deep-green); }

h1,h2,h3,h4 { font-family:'Cinzel',serif; color:var(--deep-green); letter-spacing:0.04em; }
img { max-width:100%; height:auto; display:block; }

.page-wrapper { min-height:100vh; display:flex; flex-direction:column; }
main { flex:1; padding-top:0; }

/* ===== NAVBAR ===== */
.navbar-kbt {
    position:fixed; top:0; left:0; right:0; z-index:1000;
    background:rgba(26,51,41,0.97);
    backdrop-filter:blur(12px);
    border-bottom:1px solid rgba(201,168,76,0.25);
    padding:0 3rem; height:72px;
    display:flex; align-items:center; justify-content:space-between;
}
.navbar-brand-kbt { display:flex; align-items:center; gap:14px; text-decoration:none; flex-shrink:0; }
.navbar-logo { width:46px; height:46px; object-fit:contain; border-radius:50%; background:white; padding:3px; flex-shrink:0; }
.brand-main { font-family:'Cinzel',serif; font-size:0.9rem; font-weight:700; color:var(--gold); letter-spacing:0.18em; display:block; }
.brand-sub { font-size:0.54rem; font-weight:300; color:rgba(255,255,255,0.5); letter-spacing:0.25em; text-transform:uppercase; display:block; }
.navbar-nav-kbt { display:flex; align-items:center; gap:0.1rem; list-style:none; }
.nav-link-kbt {
    font-size:0.66rem; font-weight:500; color:rgba(255,255,255,0.72) !important;
    text-decoration:none; padding:0.45rem 0.75rem; letter-spacing:0.1em;
    text-transform:uppercase; transition:color 0.2s; position:relative;
}
.nav-link-kbt::after { content:''; position:absolute; bottom:3px; left:50%; transform:translateX(-50%); width:0; height:1px; background:var(--gold); transition:width 0.3s; }
.nav-link-kbt:hover { color:var(--gold) !important; }
.nav-link-kbt:hover::after { width:65%; }
.nav-cta-btn {
    font-family:'Cinzel',serif; font-size:0.62rem; font-weight:600;
    color:var(--deep-green) !important; background:var(--gold);
    padding:0.5rem 1.2rem; border-radius:2px; text-decoration:none;
    letter-spacing:0.14em; text-transform:uppercase; transition:all 0.3s; margin-left:0.5rem;
}
.nav-cta-btn:hover { background:var(--gold-light); transform:translateY(-1px); box-shadow:0 4px 15px var(--shadow-gold); color:var(--deep-green) !important; }
.navbar-toggler-kbt { display:none; background:none; border:1px solid rgba(201,168,76,0.4); color:var(--gold); padding:0.4rem 0.7rem; border-radius:2px; cursor:pointer; font-size:1rem; line-height:1; flex-shrink:0; }

/* ===== HERO ===== */
.hero-section { position:relative; min-height:100vh; display:flex; align-items:center; overflow:hidden; background:var(--deep-green); }
.hero-bg { position:absolute; inset:0; pointer-events:none; background:radial-gradient(ellipse at 72% 45%,rgba(201,168,76,0.09) 0%,transparent 55%),radial-gradient(ellipse at 12% 88%,rgba(61,122,85,0.18) 0%,transparent 45%),repeating-linear-gradient(45deg,transparent,transparent 70px,rgba(201,168,76,0.012) 70px,rgba(201,168,76,0.012) 71px); }
.hero-watermark { position:absolute; right:2%; top:50%; transform:translateY(-50%); font-size:min(42vw,560px); opacity:0.028; color:var(--gold); pointer-events:none; line-height:1; user-select:none; font-family:'Cinzel',serif; }
.hero-content { position:relative; z-index:2; padding:145px 6rem 100px; max-width:870px; width:100%; }
.hero-eyebrow { display:inline-flex; align-items:center; gap:14px; margin-bottom:2rem; animation:fadeInUp 0.8s ease both; }
.eyebrow-line { width:38px; height:1px; background:var(--gold); flex-shrink:0; }
.eyebrow-text { font-size:0.67rem; font-weight:500; color:var(--gold); letter-spacing:0.35em; text-transform:uppercase; }
.hero-title { font-family:'Cinzel',serif; font-size:clamp(1.7rem,4.2vw,4rem); font-weight:700; color:white; line-height:1.16; margin-bottom:1.5rem; animation:fadeInUp 0.8s 0.15s ease both; }
.hero-title .gold-accent { color:var(--gold); }
.hero-subtitle { font-family:'Cormorant Garamond',serif; font-size:clamp(1rem,1.7vw,1.4rem); font-style:italic; font-weight:300; color:rgba(255,255,255,0.62); line-height:1.72; margin-bottom:1rem; max-width:630px; animation:fadeInUp 0.8s 0.3s ease both; }
.hero-desc { font-size:0.92rem; font-weight:300; color:rgba(255,255,255,0.52); line-height:1.88; max-width:570px; margin-bottom:3rem; animation:fadeInUp 0.8s 0.45s ease both; }
.hero-actions { display:flex; gap:1rem; flex-wrap:wrap; animation:fadeInUp 0.8s 0.6s ease both; }
.hero-scroll { position:absolute; bottom:2.5rem; left:6rem; z-index:2; display:flex; flex-direction:column; align-items:center; gap:6px; animation:fadeInUp 1s 1.2s ease both; }
.scroll-line { width:1px; height:52px; background:linear-gradient(to bottom,var(--gold),transparent); animation:scrollPulse 2.5s ease infinite; }
.scroll-txt { font-size:0.56rem; font-weight:500; color:rgba(255,255,255,0.32); letter-spacing:0.32em; text-transform:uppercase; }

/* ===== BUTTONS ===== */
.btn-primary-royal {
    font-family:'Cinzel',serif; font-size:0.68rem; font-weight:600;
    color:var(--deep-green); background:var(--gold);
    padding:0.9rem 2rem; border-radius:2px; text-decoration:none;
    letter-spacing:0.18em; text-transform:uppercase; transition:all 0.3s;
    border:2px solid var(--gold); display:inline-block; cursor:pointer; white-space:nowrap;
}
.btn-primary-royal:hover { background:var(--gold-light); border-color:var(--gold-light); transform:translateY(-2px); box-shadow:0 8px 28px var(--shadow-gold); color:var(--deep-green); text-decoration:none; }
.btn-outline-royal {
    font-family:'Cinzel',serif; font-size:0.68rem; font-weight:600;
    color:white; background:transparent;
    padding:0.9rem 2rem; border-radius:2px; text-decoration:none;
    letter-spacing:0.18em; text-transform:uppercase; transition:all 0.3s;
    border:2px solid rgba(255,255,255,0.28); display:inline-block; cursor:pointer; white-space:nowrap;
}
.btn-outline-royal:hover { border-color:var(--gold); color:var(--gold); text-decoration:none; }

/* ===== SECTIONS ===== */
.sw { padding:5rem 6rem; }
.sw.dark { background:var(--deep-green); }
.sw.light { background:var(--cream); }
.sw.ivory { background:var(--ivory); }
.sw.darker { background:#0F2018; }

.sec-eyebrow { display:flex; align-items:center; gap:11px; margin-bottom:1.1rem; }
.sec-eyebrow .el { width:26px; height:1px; background:var(--gold); flex-shrink:0; }
.sec-eyebrow .et { font-size:0.62rem; font-weight:500; color:var(--gold); letter-spacing:0.33em; text-transform:uppercase; }
.sec-title { font-family:'Cinzel',serif; font-size:clamp(1.3rem,2.6vw,2.5rem); font-weight:700; line-height:1.22; margin-bottom:1.3rem; }
.sec-title.w { color:white; }
.sec-body { font-size:0.95rem; font-weight:300; color:var(--text-mid); line-height:1.92; max-width:675px; }
.sec-body.w { color:rgba(255,255,255,0.62); }
.gold-div { width:55px; height:2px; background:linear-gradient(to right,var(--gold),var(--gold-light)); margin:1.4rem 0; }

/* ===== ABOUT ===== */
.about-grid { display:grid; grid-template-columns:1fr 1fr; gap:5rem; align-items:center; }
.about-visual { position:relative; background:linear-gradient(135deg,var(--mid-green),var(--deep-green)); border-radius:4px; aspect-ratio:4/3; display:flex; align-items:center; justify-content:center; overflow:visible; }
.about-visual::before { content:''; position:absolute; inset:0; background:radial-gradient(ellipse at 28% 28%,rgba(201,168,76,0.22) 0%,transparent 52%); border-radius:4px; }
.about-logo-display { width:55%; object-fit:contain; position:relative; z-index:1; filter:brightness(1.1); }
.about-badge { position:absolute; bottom:-1.4rem; right:-1.4rem; background:var(--gold); color:var(--deep-green); padding:1.2rem 1.5rem; border-radius:4px; text-align:center; box-shadow:0 8px 28px var(--shadow-gold); z-index:2; }
.about-badge-num { font-family:'Cinzel',serif; font-size:1.6rem; font-weight:700; line-height:1; }
.about-badge-lbl { font-size:0.54rem; font-weight:600; letter-spacing:0.15em; text-transform:uppercase; margin-top:4px; display:block; }
.feat-grid { display:grid; grid-template-columns:1fr 1fr; gap:0.85rem; margin-top:2.3rem; }
.feat-chip { display:flex; align-items:flex-start; gap:10px; padding:0.9rem; background:white; border-radius:4px; border:1px solid rgba(201,168,76,0.18); transition:all 0.3s; }
.feat-chip:hover { border-color:var(--gold); box-shadow:0 4px 18px rgba(201,168,76,0.1); transform:translateY(-2px); }
.feat-icon { width:30px; height:30px; flex-shrink:0; background:linear-gradient(135deg,var(--deep-green),var(--mid-green)); border-radius:2px; display:flex; align-items:center; justify-content:center; font-size:0.85rem; }
.feat-text { font-size:0.78rem; font-weight:500; color:var(--text-dark); line-height:1.35; }

/* ===== INSURANCE CARDS ===== */
.ins-cards { display:grid; grid-template-columns:repeat(3,1fr); gap:1.4rem; margin-top:2.8rem; }
.ins-card { background:white; border-radius:4px; padding:1.9rem; border:1px solid rgba(201,168,76,0.14); transition:all 0.3s; position:relative; overflow:hidden; }
.ins-card::before { content:''; position:absolute; top:0; left:0; right:0; height:3px; background:linear-gradient(to right,var(--gold),var(--gold-light)); transform:scaleX(0); transition:transform 0.3s; transform-origin:left; }
.ins-card:hover { transform:translateY(-5px); box-shadow:0 16px 42px rgba(0,0,0,0.09); border-color:rgba(201,168,76,0.32); }
.ins-card:hover::before { transform:scaleX(1); }
.card-title { font-family:'Cinzel',serif; font-size:0.86rem; font-weight:600; color:var(--deep-green); letter-spacing:0.05em; margin-bottom:0.8rem; }
.card-list { list-style:none; }
.card-list li { font-size:0.79rem; font-weight:300; color:var(--text-mid); padding:0.3rem 0; border-bottom:1px solid rgba(0,0,0,0.04); display:flex; align-items:center; gap:7px; }
.card-list li:last-child { border-bottom:none; }
.card-list li::before { content:'—'; color:var(--gold); font-size:0.68rem; flex-shrink:0; }

/* ===== CTA BANNER ===== */
.cta-banner { background:linear-gradient(135deg,var(--deep-green),var(--mid-green)); padding:2.5rem 3rem; margin-top:3rem; display:flex; align-items:center; justify-content:space-between; gap:2rem; flex-wrap:wrap; border-radius:4px; }
.cta-banner h3 { font-family:'Cinzel',serif; font-size:1.15rem; font-weight:600; color:white; margin-bottom:0.35rem; }
.cta-banner p { font-size:0.86rem; font-weight:300; color:rgba(255,255,255,0.58); line-height:1.6; }
.cta-btns { display:flex; gap:1rem; flex-wrap:wrap; }

/* ===== PROFILES ===== */
.profiles-grid { display:grid; grid-template-columns:1fr 1fr; gap:5rem; align-items:start; margin-top:2.8rem; }
.prof-features { display:flex; flex-direction:column; gap:1.9rem; }
.prof-feat { display:flex; gap:1.4rem; align-items:flex-start; }
.prof-num { font-family:'Cinzel',serif; font-size:2.3rem; font-weight:700; color:rgba(201,168,76,0.17); line-height:1; flex-shrink:0; width:52px; }
.prof-content h4 { font-family:'Cinzel',serif; font-size:0.8rem; font-weight:600; color:var(--gold); letter-spacing:0.1em; margin-bottom:0.38rem; }
.prof-content p { font-size:0.82rem; font-weight:300; color:rgba(255,255,255,0.56); line-height:1.75; }
.profile-card { background:rgba(255,255,255,0.038); border:1px solid rgba(201,168,76,0.28); border-radius:6px; padding:2rem; position:sticky; top:88px; }
.pc-header { display:flex; align-items:center; gap:1rem; margin-bottom:1.4rem; padding-bottom:1.4rem; border-bottom:1px solid rgba(201,168,76,0.18); flex-wrap:wrap; }
.pc-avatar { width:50px; height:50px; border-radius:50%; background:linear-gradient(135deg,var(--gold),var(--gold-dark)); display:flex; align-items:center; justify-content:center; font-size:1.3rem; flex-shrink:0; color:var(--deep-green); }
.pc-info h4 { font-family:'Cinzel',serif; font-size:0.85rem; font-weight:600; color:white; margin-bottom:2px; }
.pc-info span { font-size:0.7rem; color:var(--gold); letter-spacing:0.08em; }
.verified-badge { margin-left:auto; background:rgba(201,168,76,0.13); border:1px solid rgba(201,168,76,0.38); border-radius:20px; padding:0.28rem 0.75rem; font-size:0.6rem; color:var(--gold); letter-spacing:0.12em; text-transform:uppercase; display:flex; align-items:center; gap:4px; white-space:nowrap; }
.pc-qr { text-align:center; padding:1.2rem; background:rgba(255,255,255,0.028); border:1px dashed rgba(201,168,76,0.18); border-radius:4px; margin-bottom:1.2rem; }
.qr-box { width:80px; height:80px; background:white; margin:0 auto 0.75rem; border-radius:4px; display:flex; align-items:center; justify-content:center; }
.qr-lbl { font-size:0.65rem; color:rgba(255,255,255,0.38); letter-spacing:0.22em; text-transform:uppercase; }
.pc-tags { display:flex; flex-wrap:wrap; gap:0.45rem; }
.pc-tag { padding:0.28rem 0.7rem; background:rgba(255,255,255,0.055); border:1px solid rgba(255,255,255,0.09); border-radius:2px; font-size:0.64rem; color:rgba(255,255,255,0.52); }

/* ===== YOUTH ===== */
.opp-cols { display:grid; grid-template-columns:1fr 1fr; gap:4rem; margin-top:2.8rem; }
.opp-list { display:flex; flex-direction:column; gap:0.85rem; margin-top:1.2rem; }
.opp-item { display:flex; align-items:center; gap:1rem; padding:1rem 1.2rem; background:white; border:1px solid rgba(201,168,76,0.14); border-radius:4px; transition:all 0.3s; cursor:default; }
.opp-item:hover { border-color:var(--gold); transform:translateX(4px); box-shadow:0 4px 18px rgba(201,168,76,0.1); }
.opp-text h4 { font-family:'Cinzel',serif; font-size:0.78rem; font-weight:600; color:var(--deep-green); }
.opp-text p { font-size:0.74rem; font-weight:300; color:var(--text-mid); }

/* ===== RUDDI ===== */
.ruddi-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:1.6rem; margin-top:2.8rem; }
.ruddi-card { background:rgba(255,255,255,0.038); border:1px solid rgba(201,168,76,0.17); border-radius:4px; padding:2rem; text-align:center; transition:all 0.3s; }
.ruddi-card:hover { background:rgba(255,255,255,0.068); border-color:var(--gold); transform:translateY(-4px); }
.ruddi-title { font-family:'Cinzel',serif; font-size:0.78rem; font-weight:600; color:var(--gold); letter-spacing:0.08em; line-height:1.4; }
.ruddi-txt { font-size:0.8rem; font-weight:300; color:rgba(255,255,255,0.53); line-height:1.75; margin-top:0.5rem; }

/* ===== PARTNERS ===== */
.partners-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:1.4rem; margin-top:2.8rem; }
.partner-card { background:white; border:1px solid rgba(201,168,76,0.17); border-radius:4px; padding:2.2rem; text-align:center; transition:all 0.3s; }
.partner-card:hover { border-color:var(--gold); box-shadow:0 8px 28px rgba(201,168,76,0.09); transform:translateY(-3px); }
.partner-name { font-family:'Cinzel',serif; font-size:0.84rem; font-weight:600; color:var(--deep-green); margin-bottom:0.45rem; }
.partner-role { font-size:0.76rem; font-weight:300; color:var(--text-mid); }

/* ===== DATA SECURITY ===== */
.sec-grid { display:grid; grid-template-columns:repeat(2,1fr); gap:1.6rem; margin-top:2.8rem; }
.sec-item { display:flex; gap:1.2rem; align-items:flex-start; padding:1.6rem; background:rgba(255,255,255,0.038); border:1px solid rgba(201,168,76,0.17); border-radius:4px; }
.sec-item h4 { font-family:'Cinzel',serif; font-size:0.82rem; font-weight:600; color:white; margin-bottom:0.35rem; }
.sec-item p { font-size:0.78rem; font-weight:300; color:rgba(255,255,255,0.53); line-height:1.7; }
.cogta-bar { background:linear-gradient(to right,rgba(201,168,76,0.07),transparent); border:1px solid rgba(201,168,76,0.23); border-radius:4px; padding:1.6rem 2rem; margin-top:2.5rem; display:flex; align-items:flex-start; gap:1.2rem; flex-wrap:wrap; }
.cogta-bar h4 { font-family:'Cinzel',serif; font-size:0.85rem; font-weight:600; color:white; margin-bottom:0.35rem; }
.cogta-bar p { font-size:0.8rem; font-weight:300; color:rgba(255,255,255,0.53); line-height:1.6; }

/* ===== ONBOARDING ===== */
.onboard-steps { display:grid; grid-template-columns:repeat(3,1fr); gap:0; margin-top:2.8rem; position:relative; }
.onboard-steps::before { content:''; position:absolute; top:2.2rem; left:10%; right:10%; height:1px; background:linear-gradient(to right,transparent,var(--gold),transparent); }
.step { padding:0 1.2rem 1rem; text-align:center; position:relative; }
.step-num { width:44px; height:44px; background:var(--deep-green); border:2px solid var(--gold); border-radius:50%; display:flex; align-items:center; justify-content:center; font-family:'Cinzel',serif; font-size:0.9rem; font-weight:700; color:var(--gold); margin:0 auto 1rem; position:relative; z-index:1; }
.step-title { font-family:'Cinzel',serif; font-size:0.75rem; font-weight:600; color:var(--deep-green); margin-bottom:0.4rem; letter-spacing:0.04em; line-height:1.3; }
.sw.ivory .step-num { background:var(--ivory); }

/* ===== CONTACT ===== */
.contact-grid { display:grid; grid-template-columns:1fr 1fr; gap:5rem; margin-top:2.8rem; }
.contact-form { display:flex; flex-direction:column; gap:1.1rem; }
.form-two-col { display:grid; grid-template-columns:1fr 1fr; gap:1.15rem; }
.form-group { display:flex; flex-direction:column; gap:0.4rem; }
.form-label { font-size:0.67rem; font-weight:600; color:var(--deep-green); letter-spacing:0.14em; text-transform:uppercase; }
.form-input, .form-textarea, .form-select { padding:0.8rem 1rem; border:1px solid rgba(201,168,76,0.28); border-radius:3px; font-family:'Jost',sans-serif; font-size:0.87rem; color:var(--text-dark); background:white; transition:border-color 0.2s; outline:none; width:100%; }
.form-input:focus, .form-textarea:focus, .form-select:focus { border-color:var(--gold); box-shadow:0 0 0 3px rgba(201,168,76,0.09); }
.form-textarea { resize:vertical; min-height:110px; }
.contact-details { display:flex; flex-direction:column; gap:1.3rem; }
.ci-item { display:flex; gap:0.9rem; align-items:flex-start; }
.ci-icon { width:38px; height:38px; flex-shrink:0; background:linear-gradient(135deg,var(--deep-green),var(--mid-green)); border-radius:4px; display:flex; align-items:center; justify-content:center; font-size:0.95rem; color:var(--gold); }
.ci-item h4 { font-family:'Cinzel',serif; font-size:0.75rem; font-weight:600; color:var(--deep-green); margin-bottom:0.2rem; }
.ci-item p, .ci-item a { font-size:0.84rem; font-weight:300; color:var(--text-mid); text-decoration:none; line-height:1.6; }
.ci-item a:hover { color:var(--gold); }
.director-card { background:linear-gradient(135deg,var(--deep-green),var(--mid-green)); border-radius:4px; padding:1.7rem; color:white; margin-top:1.7rem; border:1px solid rgba(201,168,76,0.23); }
.director-card h4 { font-family:'Cinzel',serif; font-size:0.86rem; font-weight:600; color:var(--gold); margin-bottom:0.25rem; }
.dir-title { font-size:0.72rem; color:rgba(255,255,255,0.58); margin-bottom:0.8rem; letter-spacing:0.04em; display:block; }
.dir-co { font-size:0.77rem; font-weight:500; color:rgba(255,255,255,0.72); display:block; }

/* ===== FOOTER ===== */
.footer-kbt { background:#0C1E15; border-top:1px solid rgba(201,168,76,0.18); padding:4rem 6rem 2rem; }
.footer-grid { display:grid; grid-template-columns:2fr 1fr 1fr 1fr; gap:3rem; margin-bottom:2.8rem; }
.footer-logo-area { display:flex; align-items:center; gap:11px; margin-bottom:1.1rem; }
.footer-logo { width:38px; height:38px; object-fit:contain; border-radius:50%; background:white; padding:2px; flex-shrink:0; }
.footer-brand { font-family:'Cinzel',serif; font-size:0.86rem; font-weight:700; color:var(--gold); letter-spacing:0.14em; }
.footer-tagline { font-family:'Cormorant Garamond',serif; font-size:0.95rem; font-style:italic; color:rgba(255,255,255,0.4); line-height:1.72; margin-bottom:1.3rem; }
.footer-col-title { font-family:'Cinzel',serif; font-size:0.68rem; font-weight:600; color:var(--gold); letter-spacing:0.22em; text-transform:uppercase; margin-bottom:1rem; }
.footer-links { list-style:none; display:flex; flex-direction:column; gap:0.55rem; }
.footer-links li a { font-size:0.77rem; font-weight:300; color:rgba(255,255,255,0.42); text-decoration:none; transition:color 0.2s; }
.footer-links li a:hover { color:var(--gold); }
.footer-divider { height:1px; background:rgba(201,168,76,0.13); margin:0 0 1.3rem; }
.footer-bottom { display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:0.8rem; }
.footer-copy { font-size:0.68rem; color:rgba(255,255,255,0.27); letter-spacing:0.04em; }
.footer-bottom-links { display:flex; gap:1.2rem; flex-wrap:wrap; }
.footer-bottom-links a { font-size:0.67rem; color:rgba(255,255,255,0.27); text-decoration:none; transition:color 0.2s; }
.footer-bottom-links a:hover { color:var(--gold); }
.popia-badge { display:inline-flex; align-items:center; gap:5px; background:rgba(201,168,76,0.07); border:1px solid rgba(201,168,76,0.18); border-radius:20px; padding:0.3rem 0.85rem; font-size:0.62rem; color:rgba(255,255,255,0.37); letter-spacing:0.12em; text-transform:uppercase; }

/* ===== PAGE HERO ===== */
.page-hero { background:linear-gradient(135deg,var(--deep-green) 0%,#0D1E14 100%); padding:155px 6rem 80px; position:relative; overflow:hidden; }
.page-hero::before { content:''; position:absolute; inset:0; background:repeating-linear-gradient(45deg,transparent,transparent 80px,rgba(201,168,76,0.014) 80px,rgba(201,168,76,0.014) 81px); }
.page-hero-inner { position:relative; z-index:2; max-width:700px; }
.page-hero h1 { font-family:'Cinzel',serif; font-size:clamp(1.6rem,3.3vw,3.1rem); font-weight:700; color:white; margin-bottom:0.95rem; line-height:1.22; }
.page-hero-sub { font-family:'Cormorant Garamond',serif; font-size:clamp(1rem,1.4vw,1.18rem); font-style:italic; font-weight:300; color:rgba(255,255,255,0.58); line-height:1.72; }

/* ===== FONT AWESOME HELPERS ===== */
.fa-icon-box { width:44px; height:44px; flex-shrink:0; background:linear-gradient(135deg,var(--gold),var(--gold-dark)); border-radius:4px; display:flex; align-items:center; justify-content:center; font-size:1.1rem; color:var(--deep-green); }
.fa-icon-box.green { background:linear-gradient(135deg,var(--deep-green),var(--mid-green)); color:var(--gold); }
.fa-icon-box.sm { width:30px; height:30px; font-size:0.82rem; }
.fa-card-icon { font-size:1.8rem; color:var(--gold); margin-bottom:0.9rem; display:block; }
.fa-card-icon.green { color:var(--deep-green); }
.fa-ruddi-icon { font-size:2rem; color:var(--gold); margin-bottom:1rem; display:block; }
.fa-partner-icon { font-size:2rem; color:var(--gold); margin-bottom:0.85rem; display:block; }
.fa-opp-icon { font-size:1.2rem; color:var(--gold); flex-shrink:0; }

/* ===== ANIMATIONS ===== */
@keyframes fadeInUp { from{opacity:0;transform:translateY(28px);}to{opacity:1;transform:translateY(0);} }
@keyframes scrollPulse { 0%,100%{opacity:0.48;}50%{opacity:1;} }
@keyframes pulseGold { 0%,100%{box-shadow:0 5px 22px var(--shadow-gold);}50%{box-shadow:0 5px 38px rgba(201,168,76,0.58);} }

/* =====================================================================
   RESPONSIVE — TABLET  max-width: 1024px
   ===================================================================== */
@media (max-width: 1024px) {
    /* Navbar */
    .navbar-kbt { padding:0 1.5rem; }
    .navbar-nav-kbt { display:none; }
    .navbar-toggler-kbt { display:block; }
    .navbar-nav-kbt.mobile-open {
        display:flex; flex-direction:column; align-items:stretch;
        position:fixed; top:72px; left:0; right:0;
        background:rgba(18,38,28,0.99);
        padding:1rem 1.5rem 1.5rem;
        border-bottom:1px solid rgba(201,168,76,0.2);
        z-index:999; gap:0.2rem;
    }
    .navbar-nav-kbt.mobile-open li { width:100%; }
    .navbar-nav-kbt.mobile-open .nav-link-kbt { display:block; padding:0.85rem 1rem; font-size:0.75rem; border-bottom:1px solid rgba(255,255,255,0.05); }
    .navbar-nav-kbt.mobile-open .nav-cta-btn { display:block; padding:0.85rem 1rem; font-size:0.75rem; margin-left:0; margin-top:0.5rem; text-align:center; border-radius:3px; }

    /* Sections */
    .sw { padding:4rem 2.5rem; }
    .page-hero { padding:130px 2.5rem 65px; }
    .hero-content { padding:120px 2.5rem 80px; }
    .hero-scroll { left:2.5rem; }
    .footer-kbt { padding:3.5rem 2.5rem 2rem; }

    /* Grids → single column */
    .about-grid { grid-template-columns:1fr; gap:3.5rem; }
    .about-badge { bottom:-1rem; right:-0.5rem; }
    .profiles-grid { grid-template-columns:1fr; gap:3rem; }
    .profile-card { position:static; }
    .contact-grid { grid-template-columns:1fr; gap:3rem; }
    .opp-cols { grid-template-columns:1fr; gap:2.5rem; }

    /* Grids → 2-column */
    .ins-cards { grid-template-columns:repeat(2,1fr); }
    .ruddi-grid { grid-template-columns:repeat(2,1fr); }
    .partners-grid { grid-template-columns:repeat(2,1fr); }
    .footer-grid { grid-template-columns:1fr 1fr; gap:2rem; }

    /* Onboarding → 2 col */
    .onboard-steps { grid-template-columns:repeat(2,1fr); gap:1.5rem; }
    .onboard-steps::before { display:none; }

    .sec-grid { grid-template-columns:1fr; }
    .feat-grid { grid-template-columns:1fr; }
    .cta-banner { padding:2rem; flex-direction:column; align-items:flex-start; }
    .cta-btns { width:100%; }
}

/* =====================================================================
   RESPONSIVE — MOBILE  max-width: 640px
   ===================================================================== */
@media (max-width: 640px) {
    /* Navbar */
    .navbar-kbt { padding:0 1rem; height:64px; }
    .navbar-logo { width:38px; height:38px; }
    .brand-sub { display:none; }
    .navbar-nav-kbt.mobile-open { top:64px; }

    /* Sections */
    .sw { padding:3rem 1.2rem; }
    .page-hero { padding:108px 1.2rem 50px; }
    .hero-content { padding:98px 1.2rem 60px; }
    .hero-scroll { display:none; }
    .footer-kbt { padding:2.5rem 1.2rem 1.5rem; }

    /* Hero text */
    .hero-actions { flex-direction:column; }
    .btn-primary-royal, .btn-outline-royal { width:100%; text-align:center; padding:0.85rem 1.2rem; font-size:0.65rem; white-space:normal; }

    /* All multi-col grids → 1 column */
    .ins-cards { grid-template-columns:1fr; }
    .ruddi-grid { grid-template-columns:1fr; }
    .partners-grid { grid-template-columns:1fr; }
    .footer-grid { grid-template-columns:1fr; gap:2rem; }
    .onboard-steps { grid-template-columns:1fr; gap:1rem; }
    .form-two-col { grid-template-columns:1fr; }

    /* About */
    .about-grid { grid-template-columns:1fr; }
    .about-badge { bottom:-0.8rem; right:0.5rem; padding:1rem 1.2rem; }
    .about-badge-num { font-size:1.3rem; }

    /* Profiles */
    .profiles-grid { grid-template-columns:1fr; }
    .pc-header { flex-wrap:wrap; }
    .verified-badge { margin-left:0; }

    /* CTA Banner */
    .cta-banner { padding:1.5rem 1.2rem; }
    .cta-btns { flex-direction:column; }
    .cta-btns .btn-primary-royal,
    .cta-btns .btn-outline-royal { text-align:center; width:100%; }

    /* Footer */
    .footer-bottom { flex-direction:column; align-items:flex-start; }
    .footer-bottom-links { flex-wrap:wrap; gap:0.8rem; }

    /* Cogta bar */
    .cogta-bar { flex-direction:column; gap:1rem; padding:1.4rem 1.2rem; }

    /* Sec title size floor */
    .sec-title { font-size:clamp(1.2rem,6vw,1.8rem); }
}

/* =====================================================================
   RESPONSIVE — SMALL MOBILE  max-width: 380px
   ===================================================================== */
@media (max-width: 380px) {
    .sw { padding:2.5rem 1rem; }
    .page-hero { padding:100px 1rem 45px; }
    .hero-content { padding:90px 1rem 55px; }
    .footer-kbt { padding:2rem 1rem 1.2rem; }
    .navbar-kbt { padding:0 0.85rem; }
    .btn-primary-royal, .btn-outline-royal { font-size:0.62rem; padding:0.8rem 1rem; }
    .ins-card { padding:1.4rem; }
    .ruddi-card { padding:1.5rem; }
    .partner-card { padding:1.5rem; }
}