/* BioDesign Agnes RF — V1 Dark Luxury */
:root {
  --black: #0a0908; --deep: #110f0d;
  --taupe: #b5a28a; --taupe-light: #d4c5ad; --taupe-pale: #ede6da;
  --offwhite: #f5f2ed; --muted: #8a7e70;
  --border: rgba(181,162,138,0.18); --border-s: rgba(181,162,138,0.35);
}
body.bdrf-page { background: var(--black); color: var(--taupe-pale); margin: 0; font-family: 'Montserrat', sans-serif; }

/* HEADER */
.bdrf-header {
  position: fixed; top: 0; width: 100%; z-index: 100;
  padding: 14px 56px; display: flex; align-items: center; justify-content: space-between;
  background: rgba(10,9,8,0.92); backdrop-filter: blur(12px);
  border-bottom: 1px solid var(--border);
}
.bdrf-logo { height: 44px; width: auto; }
.bdrf-header-right { display: flex; align-items: center; gap: 28px; }
.bdrf-header-phone { font-size: 13px; font-weight: 400; color: var(--taupe); letter-spacing: 0.06em; text-decoration: none; }
.bdrf-header-cta {
  background: var(--taupe); color: var(--black);
  font-family: 'Montserrat', sans-serif; font-size: 10px; font-weight: 700;
  letter-spacing: 0.22em; text-transform: uppercase;
  padding: 11px 28px; cursor: pointer; transition: all 0.3s;
  text-decoration: none; display: inline-block; border: none;
}
.bdrf-header-cta:hover { background: var(--taupe-light); transform: translateY(-1px); }

/* HERO */
.bdrf-hero {
  min-height: 100vh; position: relative; overflow: hidden;
  display: flex; align-items: center; padding-top: 72px;
}
.bdrf-hero-bg {
  position: absolute; inset: 0;
  background-size: cover; background-position: center 20%;
  filter: brightness(0.42) saturate(0.7);
}
.bdrf-hero-bg::after {
  content: ''; position: absolute; inset: 0;
  background: linear-gradient(to right,rgba(10,9,8,.88) 45%,rgba(10,9,8,.3) 75%,rgba(10,9,8,.15) 100%),
              linear-gradient(to top,rgba(10,9,8,.6) 0%,transparent 40%);
}
.bdrf-hero-content { position: relative; z-index: 2; padding: 80px 80px 80px; max-width: 680px; }
.bdrf-eyebrow {
  display: flex; align-items: center; gap: 12px; margin-bottom: 28px;
  font-size: 10px; font-weight: 600; letter-spacing: 0.28em; text-transform: uppercase; color: var(--taupe);
}
.bdrf-eyebrow::before { content:''; width:28px; height:1px; background:var(--taupe); }
.bdrf-h1 {
  font-family: 'Cormorant Garamond', serif;
  font-size: clamp(56px,6vw,90px); font-weight: 300; line-height: 1.02;
  color: var(--offwhite); margin-bottom: 24px; letter-spacing: -0.01em;
}
.bdrf-h1 em { font-style: italic; color: var(--taupe-light); }
.bdrf-hero-desc { font-size: 16px; font-weight: 300; line-height: 1.9; color: rgba(237,230,218,.78); max-width: 520px; margin-bottom: 44px; }
.bdrf-actions { display: flex; gap: 14px; flex-wrap: wrap; margin-bottom: 52px; }
.bdrf-btn-primary {
  background: var(--taupe); color: var(--black); border: none; padding: 16px 38px;
  font-family: 'Montserrat', sans-serif; font-size: 10px; font-weight: 700;
  letter-spacing: 0.22em; text-transform: uppercase; cursor: pointer; transition: all 0.3s;
  text-decoration: none; display: inline-block;
}
.bdrf-btn-primary:hover { background: var(--taupe-light); transform: translateY(-2px); box-shadow: 0 10px 36px rgba(181,162,138,.3); }
.bdrf-btn-ghost {
  background: transparent; border: 1px solid rgba(237,230,218,.4); color: var(--taupe-pale);
  padding: 15px 36px; font-family: 'Montserrat', sans-serif; font-size: 10px; font-weight: 500;
  letter-spacing: 0.22em; text-transform: uppercase; cursor: pointer; transition: all 0.3s;
  text-decoration: none; display: inline-block;
}
.bdrf-btn-ghost:hover { border-color: var(--taupe); color: var(--taupe); }
.bdrf-hero-stats { display: flex; gap: 0; border: 1px solid var(--border); width: fit-content; }
.bdrf-stat { padding: 18px 32px; border-right: 1px solid var(--border); background: rgba(10,9,8,.5); backdrop-filter: blur(8px); }
.bdrf-stat:last-child { border-right: none; }
.bdrf-stat-num { font-family: 'Cormorant Garamond', serif; font-size: 36px; font-weight: 300; color: var(--offwhite); line-height: 1; }
.bdrf-stat-label { font-size: 8px; font-weight: 600; letter-spacing: 0.2em; text-transform: uppercase; color: var(--taupe); margin-top: 4px; }
.bdrf-hero-float {
  position: absolute; right: 6%; bottom: 12%; z-index: 3;
  background: rgba(10,9,8,.8); backdrop-filter: blur(12px);
  border: 1px solid var(--border-s); padding: 22px 28px;
}
.bdrf-hf-label { font-size: 9px; letter-spacing: 0.22em; text-transform: uppercase; color: var(--taupe); margin-bottom: 5px; }
.bdrf-hf-value { font-family: 'Cormorant Garamond', serif; font-size: 26px; font-weight: 400; color: var(--offwhite); }
.bdrf-hf-sub { font-size: 10px; font-weight: 300; color: var(--muted); margin-top: 3px; }

/* IMAGE GRID */
.bdrf-img-grid { display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 3px; height: 480px; overflow: hidden; }
.bdrf-ig-item { position: relative; overflow: hidden; }
.bdrf-ig-item img { width:100%; height:100%; object-fit:cover; transition:transform .6s; filter:brightness(.85) saturate(.85); }
.bdrf-ig-item:hover img { transform:scale(1.05); filter:brightness(.92) saturate(1); }
.bdrf-ig-label {
  position: absolute; bottom:0; left:0; right:0;
  background: linear-gradient(to top,rgba(10,9,8,.8),transparent);
  padding: 24px 20px 16px;
  font-size: 11px; font-weight: 600; letter-spacing: 0.15em; text-transform: uppercase; color: var(--taupe-pale);
}

/* HOW IT WORKS */
.bdrf-how { background: var(--deep); padding: 96px 80px; border-top: 1px solid var(--border); }
.bdrf-sec-head { text-align: center; margin-bottom: 64px; }
.bdrf-sec-eye { font-size: 10px; font-weight: 600; letter-spacing: 0.28em; text-transform: uppercase; color: var(--taupe); margin-bottom: 12px; }
.bdrf-h2 { font-family: 'Cormorant Garamond', serif; font-size: clamp(36px,3.8vw,58px); font-weight: 300; line-height: 1.1; color: var(--offwhite); }
.bdrf-h2 em { font-style: italic; color: var(--taupe-light); }
.bdrf-rule { width:52px; height:1px; background:linear-gradient(to right,transparent,var(--taupe),transparent); margin:22px auto 0; }
.bdrf-rule.left { margin:22px 0 0; }
.bdrf-how-grid { display: grid; grid-template-columns: repeat(4,1fr); gap: 2px; max-width: 1100px; margin: 0 auto; }
.bdrf-how-card { background:rgba(255,255,255,.025); border:1px solid var(--border); padding:40px 28px; transition:all .3s; }
.bdrf-how-card:hover { background:rgba(181,162,138,.07); border-color:var(--border-s); transform:translateY(-4px); }
.bdrf-how-num { font-family:'Cormorant Garamond',serif; font-size:52px; font-weight:300; color:rgba(181,162,138,.13); line-height:1; margin-bottom:20px; }
.bdrf-how-title { font-size:13px; font-weight:600; letter-spacing:.1em; text-transform:uppercase; color:var(--taupe-light); margin-bottom:10px; }
.bdrf-how-text { font-size:13px; font-weight:300; line-height:1.8; color:rgba(237,230,218,.6); }

/* SPLIT */
.bdrf-split { display:grid; grid-template-columns:1fr 1fr; min-height:600px; overflow:hidden; }
.bdrf-split-img { position:relative; overflow:hidden; }
.bdrf-split-img img { width:100%; height:100%; object-fit:cover; filter:brightness(.8) saturate(.8); transition:transform .8s; }
.bdrf-split-img:hover img { transform:scale(1.03); }
.bdrf-split-img-overlay { position:absolute; inset:0; background:linear-gradient(to right,transparent 60%,var(--black) 100%); }
.bdrf-split-content { background:var(--black); padding:64px 64px 64px 52px; display:flex; flex-direction:column; justify-content:center; }
.bdrf-areas-list { margin-top:32px; }
.bdrf-area-row { display:flex; align-items:center; gap:18px; padding:15px 0; border-bottom:1px solid var(--border); transition:all .2s; }
.bdrf-area-row:hover { padding-left:8px; }
.bdrf-area-num { font-family:'Cormorant Garamond',serif; font-size:13px; color:rgba(181,162,138,.28); width:26px; transition:color .2s; }
.bdrf-area-row:hover .bdrf-area-num { color:var(--taupe); }
.bdrf-area-text { font-size:13px; font-weight:400; letter-spacing:.06em; color:rgba(237,230,218,.65); flex:1; transition:color .2s; }
.bdrf-area-row:hover .bdrf-area-text { color:var(--offwhite); }
.bdrf-area-arrow { color:rgba(181,162,138,.22); font-size:11px; }
.bdrf-area-row:hover .bdrf-area-arrow { color:var(--taupe); }

/* TESTIMONIALS */
.bdrf-testi { background:var(--black); padding:96px 80px; border-top:1px solid var(--border); }
.bdrf-testi-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:24px; max-width:1100px; margin:0 auto; }
.bdrf-tc { background:rgba(255,255,255,.025); border:1px solid var(--border); padding:34px 30px; transition:border-color .3s; }
.bdrf-tc:hover { border-color:var(--border-s); }
.bdrf-tc-stars { color:var(--taupe); font-size:12px; letter-spacing:3px; margin-bottom:14px; }
.bdrf-tc-q { font-family:'Cormorant Garamond',serif; font-size:56px; font-weight:300; color:var(--taupe); opacity:.22; line-height:.5; margin-bottom:10px; }
.bdrf-tc-text { font-size:14px; font-weight:300; line-height:1.85; color:rgba(237,230,218,.75); font-style:italic; margin-bottom:22px; }
.bdrf-tc-name { font-size:12px; font-weight:600; letter-spacing:.1em; color:var(--offwhite); }
.bdrf-tc-service { font-size:10px; font-weight:300; color:var(--taupe); letter-spacing:.1em; margin-top:3px; }

/* CTA BANNER */
.bdrf-cta-banner { position:relative; min-height:420px; display:flex; align-items:center; justify-content:center; text-align:center; overflow:hidden; }
.bdrf-cta-bg { position:absolute; inset:0; background-size:cover; background-position:center; filter:brightness(.25) saturate(.6); }
.bdrf-cta-overlay { position:absolute; inset:0; background:rgba(10,9,8,.55); }
.bdrf-cta-content { position:relative; z-index:2; padding:60px 40px; max-width:700px; }
.bdrf-cta-sub { font-size:16px; font-weight:300; color:rgba(237,230,218,.7); line-height:1.8; margin:20px auto 36px; max-width:520px; }

/* FORM */
.bdrf-form-wrap { background:var(--deep); padding:96px 80px; border-top:1px solid var(--border); }
.bdrf-form-inner { display:grid; grid-template-columns:1fr 1.1fr; gap:80px; align-items:start; max-width:1100px; margin:0 auto; }
.bdrf-form-left p { font-size:15px; font-weight:300; line-height:1.9; color:rgba(237,230,218,.68); margin:20px 0 32px; }
.bdrf-promise-list { display:flex; flex-direction:column; gap:14px; }
.bdrf-promise { display:flex; gap:14px; align-items:flex-start; }
.bdrf-p-dot { width:7px; height:7px; border-radius:50%; background:var(--taupe); flex-shrink:0; margin-top:5px; }
.bdrf-p-text { font-size:13px; font-weight:300; color:rgba(237,230,218,.65); line-height:1.65; }
.bdrf-form-model { margin-top:32px; position:relative; height:220px; overflow:hidden; border:1px solid var(--border); }
.bdrf-form-model img { width:100%; height:100%; object-fit:cover; filter:brightness(.7) saturate(.7); }
.bdrf-form-model-overlay { position:absolute; inset:0; background:linear-gradient(to top,rgba(10,9,8,.8),transparent 60%); display:flex; align-items:flex-end; padding:18px 20px; }
.bdrf-form-model-quote { font-family:'Cormorant Garamond',serif; font-size:22px; font-style:italic; color:var(--offwhite); }
.bdrf-form-box { background:rgba(255,255,255,.03); border:1px solid var(--border-s); padding:44px 40px; }
.bdrf-form-title { font-family:'Cormorant Garamond',serif; font-size:28px; font-weight:400; color:var(--offwhite); margin-bottom:4px; }
.bdrf-form-subtitle { font-size:11px; font-weight:300; color:var(--taupe); letter-spacing:.12em; margin-bottom:26px; }
.bdrf-fg { margin-bottom:17px; }
.bdrf-fg label { display:block; font-size:9px; font-weight:700; letter-spacing:.22em; text-transform:uppercase; color:rgba(181,162,138,.5); margin-bottom:7px; }
.bdrf-fg input,.bdrf-fg select,.bdrf-fg textarea {
  width:100%; background:rgba(255,255,255,.04); border:1px solid var(--border);
  color:var(--taupe-pale); padding:13px 15px;
  font-family:'Montserrat',sans-serif; font-size:13px; font-weight:300;
  outline:none; transition:border-color .2s; -webkit-appearance:none;
}
.bdrf-fg input:focus,.bdrf-fg select:focus { border-color:var(--taupe); }
.bdrf-fg input::placeholder { color:rgba(181,162,138,.22); }
.bdrf-fg select option { background:#1a1714; }
.bdrf-fg textarea { resize:vertical; min-height:78px; }
.bdrf-fg-row { display:grid; grid-template-columns:1fr 1fr; gap:14px; }
.bdrf-submit {
  width:100%; background:var(--taupe); color:var(--black); border:none; padding:17px;
  font-family:'Montserrat',sans-serif; font-size:10px; font-weight:700;
  letter-spacing:.25em; text-transform:uppercase; cursor:pointer; transition:all .3s; margin-top:6px;
}
.bdrf-submit:hover { background:var(--taupe-light); transform:translateY(-2px); box-shadow:0 10px 32px rgba(181,162,138,.28); }
.bdrf-form-msg { display:none; color:#e07070; font-size:12px; margin-top:8px; text-align:center; }
.bdrf-success { text-align:center; padding:32px 16px; font-family:'Cormorant Garamond',serif; font-size:20px; color:var(--taupe-light); line-height:1.6; }
.bdrf-privacy { font-size:10px; font-weight:300; color:var(--muted); text-align:center; margin-top:12px; line-height:1.65; }

/* FOOTER */
.bdrf-footer { background:#070605; border-top:1px solid var(--border); padding:34px 80px; display:flex; align-items:center; justify-content:space-between; }
.bdrf-footer-logo { height:30px; width:auto; }
.bdrf-footer-info { font-size:12px; font-weight:300; color:var(--muted); line-height:1.7; }
.bdrf-footer-phone { font-size:14px; font-weight:500; color:var(--taupe); }
.bdrf-footer-awards { font-size:9px; letter-spacing:.18em; text-transform:uppercase; color:var(--muted); margin-top:3px; }

/* FADE IN */
.bdrf-fade { opacity:0; transform:translateY(20px); transition:opacity .7s ease,transform .7s ease; }
.bdrf-fade.bdrf-visible { opacity:1; transform:translateY(0); }

@keyframes bdrf-fadeUp { from{opacity:0;transform:translateY(24px)} to{opacity:1;transform:translateY(0)} }
.bdrf-hero-content>*{animation:bdrf-fadeUp .8s ease both}
.bdrf-hero-content>*:nth-child(1){animation-delay:.1s}
.bdrf-hero-content>*:nth-child(2){animation-delay:.22s}
.bdrf-hero-content>*:nth-child(3){animation-delay:.34s}
.bdrf-hero-content>*:nth-child(4){animation-delay:.46s}
.bdrf-hero-content>*:nth-child(5){animation-delay:.56s}

@media(max-width:900px){
  .bdrf-header{padding:14px 22px}
  .bdrf-header-phone{display:none}
  .bdrf-hero-content{padding:90px 26px 56px}
  .bdrf-img-grid{grid-template-columns:1fr 1fr;height:320px}
  .bdrf-ig-item:last-child{display:none}
  .bdrf-how{padding:64px 26px}
  .bdrf-how-grid{grid-template-columns:1fr 1fr}
  .bdrf-split{grid-template-columns:1fr}
  .bdrf-split-img{height:280px}
  .bdrf-split-content{padding:44px 26px}
  .bdrf-testi{padding:64px 26px}
  .bdrf-testi-grid{grid-template-columns:1fr}
  .bdrf-form-wrap{padding:64px 26px}
  .bdrf-form-inner{grid-template-columns:1fr}
  .bdrf-footer{padding:26px 22px;flex-direction:column;gap:12px;text-align:center}
  .bdrf-fg-row{grid-template-columns:1fr}
  .bdrf-hero-float{display:none}
}