Welcome to WordPress. This is your first post. Edit or delete it, then start writing!
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width,initial-scale=1" />
<title>MRD Holdings VA Services — Oklahoma vision. Philippine excellence.</title>
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600;700;800;900&family=Lora:ital,wght@0,400;0,500;0,600;1,400&family=JetBrains+Mono:wght@400;500&display=swap" rel="stylesheet">
<style>
:root{
--navy:#2e318f;
--navy-deep:#1e2068;
--navy-ink:#13153f;
--green:#64bb48;
--green-deep:#4a9b30;
--green-light:#9be37e;
--sage:#84b980;
--sky:#61aed9;
--sky-deep:#3d8cb8;
--sky-light:#9bd1ee;
--paper:#fdfefe;
--bone:#f5f3ee;
--rule:#dcdacf;
--ink:#161a2c;
--ink-soft:#3a3f57;
--muted:#6b7088;
--shadow:0 22px 60px -28px rgba(19,21,63,.28);
--sec-y:clamp(56px,8vw,128px);
--gutter:clamp(20px,5vw,110px);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
margin:0;background:var(--paper);color:var(--ink);
font-family:'Lora',Georgia,serif;line-height:1.6;
-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;
overflow-x:hidden;
}
img{max-width:100%;display:block}
h1,h2,h3,h4,.eyebrow,.label,.mono,.btn,.tag,.nm,.rl{font-family:'Montserrat',system-ui,sans-serif;margin:0;color:var(--navy-ink);letter-spacing:-.015em}
.mono{font-family:'JetBrains Mono',ui-monospace,monospace}
h1{font-weight:800;font-size:clamp(40px,8vw,108px);line-height:1.0;letter-spacing:-.03em}
h2{font-weight:800;font-size:clamp(30px,5.2vw,72px);line-height:1.04;letter-spacing:-.025em}
h3{font-weight:700;font-size:clamp(22px,2.6vw,34px);line-height:1.18}
p{margin:0;font-size:clamp(16px,1.5vw,21px);line-height:1.58;color:var(--ink-soft)}
.wrap{max-width:1320px;margin:0 auto;padding-left:var(--gutter);padding-right:var(--gutter)}
section{padding-top:var(--sec-y);padding-bottom:var(--sec-y);position:relative}
.eyebrow{
font-weight:700;font-size:clamp(12px,1.1vw,17px);letter-spacing:.26em;text-transform:uppercase;
color:var(--green-deep);display:inline-flex;align-items:center;gap:12px;
}
.eyebrow::before{content:"";width:clamp(24px,3vw,40px);height:3px;background:var(--green)}
.eyebrow.light{color:var(--green-light)}
.eyebrow.light::before{background:var(--green-light)}
.btn{
display:inline-flex;align-items:center;gap:10px;
padding:clamp(12px,1.4vw,16px) clamp(18px,2vw,26px);border-radius:999px;
font-weight:700;font-size:clamp(13px,1.1vw,15px);letter-spacing:.06em;text-transform:uppercase;
text-decoration:none;border:1.5px solid transparent;cursor:pointer;transition:transform .15s,background .15s,color .15s,border-color .15s;
}
.btn:hover{transform:translateY(-2px)}
.btn-primary{background:var(--green);color:#0f2607;border-color:var(--green)}
.btn-primary:hover{background:#75cf57}
.btn-ghost{background:transparent;color:#fff;border-color:rgba(255,255,255,.45)}
.btn-ghost:hover{border-color:#fff;background:rgba(255,255,255,.06)}
.btn-outline{background:transparent;color:var(--navy);border-color:var(--navy)}
.btn-outline:hover{background:var(--navy);color:#fff}
.btn .arrow{transition:transform .15s}
.btn:hover .arrow{transform:translateX(3px)}
.ribbon{position:absolute;left:0;right:0;height:7px;background:linear-gradient(90deg,var(--green) 0 25%,var(--sage) 25% 50%,var(--sky) 50% 75%,var(--navy) 75% 100%);z-index:2}
.ribbon.top{top:0}
.head{display:grid;grid-template-columns:1fr 1.15fr;gap:clamp(24px,5vw,64px);align-items:end;margin-bottom:clamp(36px,5vw,60px)}
.head .right{font-size:clamp(16px,1.5vw,22px);line-height:1.6;color:var(--ink-soft);max-width:760px}
@media (max-width:860px){.head{grid-template-columns:1fr;align-items:start}}
.topbar{position:sticky;top:0;z-index:50;background:rgba(253,254,254,.92);backdrop-filter:saturate(140%) blur(10px);border-bottom:1px solid var(--rule)}
.nav{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:13px 0}
.brand{display:flex;align-items:center;gap:12px;text-decoration:none}
.brand img{width:42px;height:42px;border-radius:50%;object-fit:cover}
.brand .b-name{font-weight:800;font-size:15px;color:var(--navy-ink);line-height:1.1}
.brand .b-sub{font-size:10.5px;color:var(--muted);letter-spacing:.18em;text-transform:uppercase;font-family:'Montserrat',sans-serif;font-weight:600}
.nav-links{display:flex;gap:26px}
.nav-links a{text-decoration:none;color:var(--ink-soft);font-family:'Montserrat',sans-serif;font-weight:600;font-size:13px;letter-spacing:.06em;text-transform:uppercase}
.nav-links a:hover{color:var(--navy)}
@media (max-width:980px){.nav-links{display:none}}
.hero{
background:
radial-gradient(1100px 650px at 88% -10%, rgba(97,174,217,.2), transparent 60%),
radial-gradient(900px 550px at -10% 110%, rgba(100,187,72,.17), transparent 60%),
linear-gradient(180deg,#1a1c5e 0%, var(--navy-ink) 65%, #0f1130 100%);
color:var(--paper);overflow:hidden;
}
.hero::before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.05) 1px,transparent 1px);background-size:64px 64px;mask-image:radial-gradient(900px 520px at 55% 55%, #000 30%, transparent 75%);opacity:.5}
.hero .wrap{position:relative;z-index:1}
.hero-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:clamp(32px,5vw,64px);align-items:center}
@media (max-width:980px){.hero-grid{grid-template-columns:1fr}}
.hero h1,.hero h2,.hero h4{color:#fff}
.hero h1 .acc{color:var(--green-light)}
.hero h1 .acc2{color:var(--sky-light)}
.hero-lede{font-size:clamp(17px,1.7vw,22px);color:#d7d9f0;max-width:600px;margin-top:22px;line-height:1.5}
.hero-cta{display:flex;gap:14px;margin-top:30px;flex-wrap:wrap}
.hero-meta{display:grid;grid-template-columns:repeat(3,1fr);gap:0;border-top:1px solid rgba(255,255,255,.16);margin-top:46px;padding-top:24px;max-width:600px}
.hero-meta .m{padding-right:18px;border-right:1px solid rgba(255,255,255,.12)}
.hero-meta .m:last-child{border-right:none}
.hero-meta .m-n{font-family:'Montserrat',sans-serif;font-weight:800;font-size:clamp(28px,3.4vw,40px);color:#fff;letter-spacing:-.02em;line-height:1}
.hero-meta .m-n small{font-size:.5em;font-weight:600;color:#a9adcf}
.hero-meta .m-l{font-size:clamp(10px,1vw,12px);color:#a9adcf;letter-spacing:.14em;text-transform:uppercase;font-family:'Montserrat',sans-serif;font-weight:600;margin-top:10px}
.bridge-card{border-radius:24px;background:linear-gradient(160deg,rgba(255,255,255,.08),rgba(255,255,255,.02));border:1px solid rgba(255,255,255,.14);padding:clamp(20px,3vw,28px);box-shadow:0 30px 70px -20px rgba(0,0,0,.5)}
.bridge-row{display:grid;grid-template-columns:1fr auto 1fr;gap:16px;align-items:stretch}
@media (max-width:520px){.bridge-row{grid-template-columns:1fr}}
.loc{background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:18px}
.loc .pin{display:inline-flex;align-items:center;gap:8px;font-family:'Montserrat',sans-serif;font-weight:700;font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--sky-light)}
.loc .pin .dot{width:8px;height:8px;border-radius:50%;background:var(--green-light);box-shadow:0 0 0 4px rgba(155,227,126,.18)}
.loc.ph .pin{color:var(--green-light)}
.loc.ph .pin .dot{background:var(--sky-light);box-shadow:0 0 0 4px rgba(155,209,238,.2)}
.loc h4{color:#fff;font-size:17px;margin-top:10px}
.loc .addr{font-family:'JetBrains Mono',monospace;font-size:11.5px;color:#c8cce8;line-height:1.5;margin-top:6px}
.loc .role{font-size:12.5px;color:#a9adcf;margin-top:10px}
.bridge-link{align-self:center;display:flex;flex-direction:column;align-items:center;gap:8px}
@media (max-width:520px){.bridge-link{flex-direction:row;justify-content:center}}
.bridge-link .line{width:46px;height:2px;background:linear-gradient(90deg,var(--green-light),var(--sky-light));position:relative}
.bridge-link .line::before,.bridge-link .line::after{content:"";position:absolute;top:-3px;width:8px;height:8px;border-radius:50%}
.bridge-link .line::before{left:-2px;background:var(--green-light)}
.bridge-link .line::after{right:-2px;background:var(--sky-light)}
.bridge-link .lbl{font-family:'JetBrains Mono',monospace;font-size:10px;letter-spacing:.2em;color:#9aa0c8;text-transform:uppercase}
.bridge-foot{margin-top:20px;padding-top:20px;border-top:1px dashed rgba(255,255,255,.18);display:flex;justify-content:space-between;align-items:center;gap:14px;flex-wrap:wrap}
.badges{display:flex;gap:10px;flex-wrap:wrap}
.badges .bg{display:inline-flex;align-items:center;gap:8px;font-family:'Montserrat',sans-serif;font-weight:600;font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:#d7d9f0;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12);padding:7px 11px;border-radius:999px}
.badges .bg .ck{width:14px;height:14px;border-radius:50%;background:var(--green);display:grid;place-items:center;color:#0f2607;font-size:9px;font-weight:900}
.trustbar{background:var(--bone);border-top:1px solid var(--rule);border-bottom:1px solid var(--rule);padding:16px 0}
.trustbar .row{display:flex;align-items:center;justify-content:space-between;gap:18px;flex-wrap:wrap}
.trustbar .lbl{font-family:'JetBrains Mono',monospace;font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--muted)}
.trustbar .acc{display:flex;gap:18px;flex-wrap:wrap;font-family:'Montserrat',sans-serif;font-weight:600;font-size:12.5px;color:var(--ink-soft)}
.trustbar .acc span{display:inline-flex;align-items:center;gap:8px}
.trustbar .acc .dt{width:5px;height:5px;background:var(--navy);border-radius:50%}
.promise-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:clamp(16px,2vw,24px)}
@media (max-width:880px){.promise-grid{grid-template-columns:repeat(2,1fr)}}
@media (max-width:480px){.promise-grid{grid-template-columns:1fr}}
.pcard{background:#fff;border:1px solid var(--rule);border-radius:20px;padding:clamp(22px,2.5vw,34px);display:flex;flex-direction:column;gap:14px;transition:transform .2s,box-shadow .2s,border-color .2s}
.pcard:hover{transform:translateY(-3px);box-shadow:var(--shadow);border-color:#cfccc0}
.pcard .ico{width:52px;height:52px;border-radius:13px;background:var(--bone);display:grid;place-items:center;font-family:'Montserrat',sans-serif;font-weight:800;font-size:20px;color:var(--navy)}
.pcard.green .ico{background:rgba(100,187,72,.14);color:var(--green-deep)}
.pcard.sky .ico{background:rgba(97,174,217,.18);color:var(--sky-deep)}
.pcard .num{font-family:'JetBrains Mono',monospace;font-size:12px;color:var(--green-deep);letter-spacing:.18em}
.pcard h3{margin-top:8px;font-size:clamp(19px,1.7vw,24px)}
.pcard p{font-size:clamp(14px,1.3vw,17px);color:var(--ink-soft)}
.industries{background:var(--navy-ink);color:#fff;overflow:hidden}
.industries h2,.industries h3,.industries h4{color:#fff}
.industries .head .right{color:#c8cce8}
.ind-stack{display:flex;flex-direction:column;gap:clamp(20px,3vw,32px)}
.icard{display:grid;grid-template-columns:1fr 1.15fr;gap:clamp(28px,4vw,64px);align-items:center;background:linear-gradient(180deg,rgba(255,255,255,.045),rgba(255,255,255,0));border:1px solid rgba(255,255,255,.14);border-radius:26px;padding:clamp(28px,4vw,52px)}
@media (max-width:900px){.icard{grid-template-columns:1fr;gap:24px}}
.icard .practice{font-family:'JetBrains Mono',monospace;font-size:13px;letter-spacing:.24em;color:var(--sky-light);text-transform:uppercase}
.icard h2{font-size:clamp(40px,6vw,82px);margin-top:14px;line-height:.96}
.icard .sub{font-family:'Montserrat',sans-serif;font-weight:600;font-size:clamp(15px,1.6vw,21px);color:#d7d9f0;margin-top:8px;letter-spacing:.03em}
.icard .desc{font-size:clamp(15px,1.5vw,20px);color:#c8cce8;line-height:1.55;margin-top:22px;max-width:560px}
.icard .pill-row{display:flex;gap:10px;flex-wrap:wrap;margin-top:26px}
.icard .pill{background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.15);color:#fff;padding:9px 14px;border-radius:999px;font-family:'JetBrains Mono',monospace;font-size:12px;letter-spacing:.12em;text-transform:uppercase}
.icard .compliance{margin-top:26px;display:inline-flex;align-items:center;gap:12px;color:var(--green-light);font-family:'Montserrat',sans-serif;font-weight:700;font-size:14px;letter-spacing:.16em;text-transform:uppercase}
.icard .compliance .dot{width:10px;height:10px;border-radius:50%;background:var(--green-light);box-shadow:0 0 0 5px rgba(155,227,126,.2)}
.icard .panel{background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.12);border-radius:22px;padding:clamp(24px,3vw,42px)}
.icard .panel .label{font-family:'JetBrains Mono',monospace;font-size:12px;letter-spacing:.2em;color:var(--green-light);text-transform:uppercase}
.icard .panel h3{margin-top:12px;font-size:clamp(20px,2.2vw,30px)}
.icard .panel ul{margin:24px 0 0;padding:0;list-style:none;display:grid;gap:15px}
.icard .panel li{display:grid;grid-template-columns:20px 1fr;gap:14px;align-items:start;font-family:'Montserrat',sans-serif;font-weight:500;font-size:clamp(14px,1.4vw,18px);color:#e3e6f5}
.icard .panel li::before{content:"";width:12px;height:12px;border-radius:3px;background:var(--green);transform:rotate(45deg);margin-top:6px}
.icard.realestate .practice,.icard.realestate .compliance{color:var(--sky-light)}
.icard.realestate .compliance .dot{background:var(--sky-light);box-shadow:0 0 0 5px rgba(155,209,238,.22)}
.icard.realestate .panel .label{color:var(--sky-light)}
.icard.realestate .panel li::before{background:var(--sky)}
.icard.carrental .practice,.icard.carrental .compliance{color:#ffd580}
.icard.carrental .compliance .dot{background:#ffd580;box-shadow:0 0 0 5px rgba(255,213,128,.22)}
.icard.carrental .panel .label{color:#ffd580}
.icard.carrental .panel li::before{background:#ffd580}
.standard{background:var(--bone)}
.std-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:clamp(32px,5vw,64px);align-items:center}
@media (max-width:900px){.std-grid{grid-template-columns:1fr}}
.std-list{display:grid;gap:16px;margin-top:30px}
.std-item{display:grid;grid-template-columns:56px 1fr;gap:18px;align-items:start;padding:22px 24px;background:#fff;border:1px solid var(--rule);border-radius:16px}
.std-item .badge{width:56px;height:56px;border-radius:14px;background:linear-gradient(160deg,var(--navy),var(--navy-deep));color:#fff;display:grid;place-items:center;font-family:'Montserrat',sans-serif;font-weight:800;font-size:18px}
.std-item.green .badge{background:linear-gradient(160deg,var(--green),var(--green-deep))}
.std-item.sky .badge{background:linear-gradient(160deg,var(--sky),var(--sky-deep))}
.std-item h3{font-size:clamp(17px,1.6vw,20px)}
.std-item p{margin:4px 0 0;font-size:clamp(14px,1.3vw,16px)}
.std-photo{position:relative;border-radius:22px;overflow:hidden;box-shadow:var(--shadow);aspect-ratio:4/5;background:#000}
.std-photo img{width:100%;height:100%;object-fit:cover;opacity:.95}
.std-photo .tag{position:absolute;left:18px;bottom:18px;background:rgba(19,21,63,.85);color:#fff;padding:10px 14px;border-radius:12px;font-family:'JetBrains Mono',monospace;font-size:11px;letter-spacing:.14em;text-transform:uppercase;backdrop-filter:blur(6px)}
.leader-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:clamp(16px,2vw,22px)}
@media (max-width:1000px){.leader-grid{grid-template-columns:repeat(2,1fr)}}
@media (max-width:520px){.leader-grid{grid-template-columns:1fr}}
.lcard{background:#fff;border:1px solid var(--rule);border-radius:18px;overflow:hidden;transition:transform .2s,box-shadow .2s}
.lcard:hover{transform:translateY(-3px);box-shadow:var(--shadow)}
.lcard .photo{aspect-ratio:4/5;position:relative;overflow:hidden;background:#e7eaf3}
.lcard .photo img{width:100%;height:100%;object-fit:cover}
.lcard .ph-placeholder{position:absolute;inset:0;display:grid;place-items:center;text-align:center;padding:0 18px;background:repeating-linear-gradient(45deg, rgba(46,49,143,.08) 0 12px, transparent 12px 24px),linear-gradient(180deg,#e7eaf3,#d6dbe9);color:var(--navy);font-family:'JetBrains Mono',monospace;font-size:11px;letter-spacing:.16em;text-transform:uppercase;line-height:1.6}
.lcard .meta{padding:20px 22px 24px}
.lcard .nm{font-weight:800;font-size:clamp(17px,1.7vw,20px);color:var(--navy-ink)}
.lcard .rl{font-family:'Montserrat',sans-serif;font-weight:600;font-size:12px;color:var(--ink-soft);letter-spacing:.1em;text-transform:uppercase;margin-top:4px}
.lcard .bio{font-size:14px;color:var(--muted);margin-top:12px;line-height:1.55}
.staff-section{margin-top:clamp(40px,5vw,60px);padding-top:clamp(32px,4vw,50px);border-top:1px solid var(--rule)}
.staff-section .label{font-family:'JetBrains Mono',monospace;font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:var(--green-deep);margin-bottom:18px;display:block}
.staff-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:clamp(14px,1.6vw,18px)}
@media (max-width:880px){.staff-grid{grid-template-columns:repeat(3,1fr)}}
@media (max-width:500px){.staff-grid{grid-template-columns:repeat(2,1fr)}}
.scard{text-align:center}
.scard .ph{aspect-ratio:1/1;border-radius:14px;overflow:hidden;background:#e7eaf3;position:relative}
.scard .ph div{position:absolute;inset:0;background-size:550% 100%}
.scard .nm{margin-top:12px;font-weight:700;font-size:14px;color:var(--navy-ink)}
.scard .rl{font-size:11.5px;color:var(--muted);margin-top:2px;font-family:'Montserrat',sans-serif}
.gallery{background:var(--navy-ink);color:#fff}
.gallery h2,.gallery h3{color:#fff}
.gallery .head .right{color:#c8cce8}
.tabs{display:flex;gap:10px;margin-bottom:26px;flex-wrap:wrap}
.tab{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.14);color:#d7d9f0;padding:11px 18px;border-radius:999px;font-family:'Montserrat',sans-serif;font-weight:600;font-size:12.5px;letter-spacing:.08em;cursor:pointer;text-transform:uppercase;transition:all .15s}
.tab:hover{border-color:rgba(255,255,255,.3);color:#fff}
.tab.active{background:var(--green);border-color:var(--green);color:#0f2607}
.gal-grid{display:grid;grid-template-columns:repeat(12,1fr);grid-auto-rows:clamp(90px,12vw,170px);gap:clamp(10px,1.4vw,16px)}
@media (max-width:780px){.gal-grid{grid-template-columns:repeat(6,1fr)}}
.tile{border-radius:14px;overflow:hidden;position:relative;background:#1d1f4c;border:1px solid rgba(255,255,255,.08)}
.tile img{width:100%;height:100%;object-fit:cover;transition:transform .35s}
.tile:hover img{transform:scale(1.04)}
.tile .cap{position:absolute;left:0;right:0;bottom:0;padding:14px 16px;background:linear-gradient(180deg,transparent,rgba(0,0,0,.72));color:#fff;font-family:'JetBrains Mono',monospace;font-size:11px;letter-spacing:.12em;text-transform:uppercase}
.tile.placeholder{background:repeating-linear-gradient(45deg, rgba(155,209,238,.07) 0 14px, transparent 14px 28px),linear-gradient(180deg,#1d2055,#161839);display:grid;place-items:center;color:var(--sky-light);font-family:'JetBrains Mono',monospace;font-size:11px;letter-spacing:.16em;text-align:center;padding:18px;text-transform:uppercase;line-height:1.5}
.tile.placeholder .ico{font-size:22px;display:block;margin-bottom:8px;color:#fff}
.s-12-2{grid-column:span 12;grid-row:span 2}
.s-8-2{grid-column:span 8;grid-row:span 2}
.s-7-2{grid-column:span 7;grid-row:span 2}
.s-6-2{grid-column:span 6;grid-row:span 2}
.s-5-2{grid-column:span 5;grid-row:span 2}
.s-4-2{grid-column:span 4;grid-row:span 2}
.s-4-1{grid-column:span 4;grid-row:span 1}
.s-3-2{grid-column:span 3;grid-row:span 2}
@media (max-width:780px){.s-12-2,.s-8-2,.s-7-2,.s-6-2,.s-5-2,.s-4-2,.s-4-1,.s-3-2{grid-column:span 6}}
.metrics{background:linear-gradient(180deg,#fff,#faf8f1)}
.price-grid{display:grid;grid-template-columns:1fr 1.1fr;gap:clamp(28px,4vw,56px);align-items:start}
@media (max-width:900px){.price-grid{grid-template-columns:1fr}}
.price-card{background:linear-gradient(160deg,var(--navy),var(--navy-deep));color:#fff;border-radius:24px;padding:clamp(32px,4vw,52px);position:relative;overflow:hidden;box-shadow:var(--shadow)}
.price-card::after{content:"";position:absolute;right:-100px;bottom:-100px;width:320px;height:320px;border-radius:50%;background:radial-gradient(circle, rgba(155,227,126,.28), transparent 60%)}
.price-card .tag{font-family:'JetBrains Mono',monospace;font-size:13px;letter-spacing:.24em;color:var(--green-light);text-transform:uppercase}
.price-card .big{font-family:'Montserrat',sans-serif;font-weight:800;font-size:clamp(64px,11vw,128px);letter-spacing:-.04em;margin:14px 0 6px;line-height:1;color:#fff}
.price-card .big small{font-size:.28em;font-weight:600;color:#c8cce8;letter-spacing:0}
.price-card .ratemeta{font-family:'JetBrains Mono',monospace;font-size:13px;letter-spacing:.2em;color:var(--green-light);text-transform:uppercase}
.price-card .sub{color:#c8cce8;margin-top:18px;font-size:clamp(15px,1.5vw,19px);line-height:1.55;max-width:560px;position:relative;z-index:1}
.price-card ul{list-style:none;padding:0;margin:26px 0 0;display:grid;gap:12px;position:relative;z-index:1}
.price-card ul li{display:grid;grid-template-columns:20px 1fr;gap:12px;font-family:'Montserrat',sans-serif;font-weight:500;font-size:clamp(14px,1.4vw,17px);color:#e3e6f5;align-items:start}
.price-card ul li::before{content:"";width:18px;height:18px;border-radius:50%;background:var(--green);margin-top:2px}
.onboard .label-h{margin-bottom:20px}
.onboard ul{list-style:none;padding:0;margin:0;display:grid;gap:14px}
.onboard li{display:grid;grid-template-columns:64px 1fr;gap:20px;align-items:start;padding:22px 24px;background:#fff;border:1px solid var(--rule);border-radius:16px}
.onboard .step{font-family:'Montserrat',sans-serif;font-weight:800;font-size:clamp(28px,3.4vw,40px);color:var(--green-deep);letter-spacing:-.03em;line-height:1}
.onboard h4{font-family:'Montserrat',sans-serif;font-weight:700;font-size:clamp(15px,1.5vw,19px);color:var(--navy-ink)}
.onboard p{font-size:clamp(13px,1.3vw,16px);color:var(--ink-soft);margin:6px 0 0}
.journey{background:var(--bone)}
.journey-card{background:#fff;border:1px solid var(--rule);border-radius:24px;padding:clamp(26px,4vw,48px);display:grid;grid-template-columns:.9fr 1.1fr;gap:clamp(28px,4vw,48px);align-items:start;box-shadow:var(--shadow)}
@media (max-width:900px){.journey-card{grid-template-columns:1fr}}
.journey-card h2{margin-bottom:14px}
.journey-card .lede{color:var(--ink-soft);font-size:clamp(15px,1.5vw,18px)}
.promise-box{margin-top:24px;padding:18px 20px;border-left:3px solid var(--green);background:var(--bone);border-radius:0 10px 10px 0}
.promise-box .k{font-family:'JetBrains Mono',monospace;font-size:11px;color:var(--green-deep);letter-spacing:.18em}
.promise-box .t{font-family:'Montserrat',sans-serif;font-weight:600;color:var(--navy-ink);margin-top:6px;font-size:15px}
.contact-lines{margin-top:24px;font-size:14px;color:var(--muted);font-family:'Montserrat',sans-serif;display:grid;gap:4px}
.toggle{display:grid;grid-template-columns:1fr 1fr;gap:6px;padding:6px;background:var(--bone);border-radius:14px;border:1px solid var(--rule)}
.toggle button{appearance:none;background:transparent;border:none;cursor:pointer;padding:13px 14px;border-radius:10px;font-family:'Montserrat',sans-serif;font-weight:700;font-size:13px;letter-spacing:.04em;text-transform:uppercase;color:var(--ink-soft);transition:all .15s;text-align:left;display:flex;align-items:center;gap:10px}
.toggle button .ico{width:30px;height:30px;border-radius:8px;background:#e7eaf3;color:var(--navy);display:grid;place-items:center;font-size:14px;font-weight:800;flex-shrink:0}
.toggle button.active{background:#fff;box-shadow:0 6px 18px -8px rgba(19,21,63,.22);color:var(--navy-ink)}
.toggle button.active .ico{background:var(--navy);color:#fff}
.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:20px}
@media (max-width:560px){.form-grid{grid-template-columns:1fr}}
.field{display:flex;flex-direction:column;gap:6px}
.field.full{grid-column:1 / -1}
.field label{font-family:'Montserrat',sans-serif;font-weight:600;font-size:11.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}
.field input,.field select,.field textarea{font-family:'Lora',serif;font-size:15px;color:var(--ink);padding:13px 14px;border:1px solid var(--rule);border-radius:10px;background:#fff;outline:none;transition:border .15s,box-shadow .15s}
.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--navy);box-shadow:0 0 0 3px rgba(46,49,143,.12)}
.field textarea{min-height:92px;resize:vertical}
.form-foot{margin-top:18px;display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}
.form-foot .note{font-size:13px;color:var(--muted);font-family:'Montserrat',sans-serif}
.btn-dark{background:var(--navy);color:#fff;border-color:var(--navy)}
.btn-dark:hover{background:var(--navy-deep)}
footer{background:#0d0f2b;color:#c8cce8;padding:clamp(48px,7vw,80px) 0 36px}
.foot-grid{display:grid;grid-template-columns:1.4fr .8fr .8fr 1fr;gap:clamp(24px,3vw,36px)}
@media (max-width:780px){.foot-grid{grid-template-columns:1fr 1fr}.foot-grid .col-brand{grid-column:1 / -1}}
@media (max-width:480px){.foot-grid{grid-template-columns:1fr}}
footer h5{color:#fff;font-family:'Montserrat',sans-serif;font-weight:700;font-size:13px;letter-spacing:.14em;text-transform:uppercase;margin:0 0 16px}
footer ul{list-style:none;padding:0;margin:0;display:grid;gap:10px}
footer a{color:#c8cce8;text-decoration:none;font-size:14.5px;transition:color .15s}
footer a:hover{color:var(--green-light)}
.foot-brand{display:flex;gap:14px;align-items:flex-start}
.foot-brand img{width:54px;height:54px;border-radius:50%}
.foot-brand .name{color:#fff;font-family:'Montserrat',sans-serif;font-weight:800;font-size:17px}
.foot-brand .sub{font-size:12px;color:#9aa0c8;letter-spacing:.18em;text-transform:uppercase;margin-top:2px;font-family:'Montserrat',sans-serif;font-weight:600}
.foot-brand p{margin-top:14px;font-size:14.5px;color:#c8cce8;max-width:340px}
.addr-foot{font-family:'JetBrains Mono',monospace;font-size:13px;color:#c8cce8;line-height:1.7}
.social{display:flex;gap:10px;margin-top:14px}
.social a{width:38px;height:38px;border-radius:50%;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.14);display:grid;place-items:center;font-family:'Montserrat',sans-serif;font-weight:700;font-size:13px;color:#fff}
.social a:hover{background:var(--green);color:#0f2607;border-color:var(--green)}
.copyline{margin-top:clamp(40px,6vw,60px);padding-top:24px;border-top:1px solid rgba(255,255,255,.1);display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;font-size:13px;color:#9aa0c8}
.copyline .mono{color:#9aa0c8}
</style>
</head>
<body>
<header class="topbar">
<div class="wrap nav">
<a href="#top" class="brand">
<img src="assets/logo.jpg" alt="MRD Holdings VA Services"/>
<div>
<div class="b-name">MRD Holdings</div>
<div class="b-sub">VA Services</div>
</div>
</a>
<nav class="nav-links">
<a href="#services">Services</a>
<a href="#industries">Industries</a>
<a href="#leaders">Leadership</a>
<a href="#gallery">Gallery</a>
<a href="#journey">Start</a>
</nav>
<a href="#journey" class="btn btn-outline">Hire a VA <span class="arrow">→</span></a>
</div>
</header>
<section class="hero" id="top">
<div class="wrap">
<div class="hero-grid">
<div>
<span class="eyebrow light">Oklahoma HQ · Philippine Operations</span>
<h1 style="margin-top:18px">
Oklahoma vision.<br/>
<span class="acc">Philippine</span> excellence.<br/>
<span class="acc2">One</span> done-for-you team.
</h1>
<p class="hero-lede">
MRD Holdings VA Services places bonded, NBI-cleared Filipino professionals
inside U.S. healthcare practices, real-estate operators, and car-rental
companies — fully managed, HIPAA-aware, ready to bill at $12–$13.50/hr
in a 48-hour onboarding window.
</p>
<div class="hero-cta">
<a href="#journey" class="btn btn-primary">Hire a VA <span class="arrow">→</span></a>
<a href="#journey" class="btn btn-ghost">Apply to the team <span class="arrow">→</span></a>
</div>
<div class="hero-meta">
<div class="m"><div class="m-n">$12<small>–13.50</small></div><div class="m-l">/ hr Client Rate</div></div>
<div class="m"><div class="m-n">48<small>hr</small></div><div class="m-l">Onboarding SLA</div></div>
<div class="m"><div class="m-n">250<small>+</small></div><div class="m-l">Across MRD Group</div></div>
</div>
</div>
<div class="bridge-card">
<div class="bridge-row">
<div class="loc us">
<div class="pin"><span class="dot"></span>Headquarters · USA</div>
<h4>Oklahoma City</h4>
<div class="addr">14516 Bogert Pkwy<br/>Suite A · OKC, OK 73134</div>
<div class="role">Strategy · Stewardship · Client Success</div>
</div>
<div class="bridge-link" aria-hidden="true">
<div class="lbl">Secure Link</div>
<div class="line"></div>
<div class="lbl">8,500 mi</div>
</div>
<div class="loc ph">
<div class="pin"><span class="dot"></span>Operations · PH</div>
<h4>Manila / Cebu</h4>
<div class="addr">Business Support Executives<br/>Mon–Fri · U.S. timezone aligned</div>
<div class="role">Delivery · Talent · Day-to-day support</div>
</div>
</div>
<div class="bridge-foot">
<div class="badges">
<span class="bg"><span class="ck">✓</span> Bonded</span>
<span class="bg"><span class="ck">✓</span> Insured</span>
<span class="bg"><span class="ck">✓</span> NBI Cleared</span>
</div>
<span class="mono" style="color:#9aa0c8;font-size:11px;letter-spacing:.16em">— LIVE ABUNDANTLY</span>
</div>
</div>
</div>
</div>
</section>
<div class="trustbar">
<div class="wrap row">
<div class="lbl">Built on the M&R Doyle Holdings standard</div>
<div class="acc">
<span><span class="dt"></span> Service-Disabled Veteran Operated</span>
<span><span class="dt"></span> 250+ Direct Support Professionals</span>
<span><span class="dt"></span> Faith · Inspiration · R³ · Excellence</span>
</div>
</div>
</div>
<section id="services">
<div class="wrap">
<div class="head">
<div>
<span class="eyebrow">What you get</span>
<h2 style="margin-top:14px">A managed VA team — not a freelance gamble.</h2>
</div>
<div class="right">
We don't ship resumes and disappear. Every placement comes with a U.S.-based
account lead, a Philippine team supervisor, documented SOPs, and replacement
cover. You buy a result; we run the seat.
</div>
</div>
<div class="promise-grid">
<div class="pcard">
<div class="ico">⚙</div>
<div class="num">01 / DONE-FOR-YOU</div>
<h3>Fully managed seat</h3>
<p>Recruit, train, supervise, replace. You approve outcomes — we run the seat day to day.</p>
</div>
<div class="pcard green">
<div class="ico">✓</div>
<div class="num">02 / VETTED</div>
<h3>Bonded & NBI-cleared</h3>
<p>National Bureau of Investigation clearance, signed NDA, and bond coverage before day one.</p>
</div>
<div class="pcard sky">
<div class="ico">⟲</div>
<div class="num">03 / FAST</div>
<h3>48-hour onboarding</h3>
<p>Discovery call to first deliverable in two business days — including tooling and access.</p>
</div>
<div class="pcard">
<div class="ico">$</div>
<div class="num">04 / FAIR</div>
<h3>$12 – $13.50 / hour</h3>
<p>Flat client rate. No surprise markups, no agency fees, no recruiter retainers. One invoice.</p>
</div>
</div>
</div>
</section>
<section class="industries" id="industries">
<div class="ribbon top"></div>
<div class="wrap">
<div class="head">
<div>
<span class="eyebrow light">Specialized Practice Areas</span>
<h2 style="margin-top:14px">Three industries.<br/>Deep playbooks.</h2>
</div>
<div class="right">
Most VA firms run a single generic pool. We don't. Inside MRD VA Services
we operate three dedicated practices, each with its own SOP library,
compliance training, and supervisor.
</div>
</div>
<div class="ind-stack">
<div class="icard healthcare">
<div>
<div class="practice">Practice 01 of 03</div>
<h2>Healthcare</h2>
<div class="sub">IDD · Child Learning · Clinics & Billing</div>
<div class="desc">Built around our parent company's frontline experience caring for developmentally disabled individuals and children across Oklahoma & Kansas. Your VA already knows the language.</div>
<div class="pill-row">
<span class="pill">IDD</span><span class="pill">Child Day Learning</span><span class="pill">Medical Billing</span><span class="pill">ICD-10 / CPT</span>
</div>
<div class="compliance"><span class="dot"></span>HIPAA-Aware Workflows</div>
</div>
<div class="panel">
<div class="label">What our healthcare BSEs handle</div>
<h3>Six core workflows. One trained team.</h3>
<ul>
<li>Medical billing & ICD-10 / CPT coding</li>
<li>Insurance verification & eligibility checks</li>
<li>Claims submission, denials & AR follow-up</li>
<li>IDD case-file documentation & waiver support</li>
<li>Child-learning intake, scheduling, parent comms</li>
<li>HIPAA-compliant inbox & chart triage</li>
</ul>
</div>
</div>
<div class="icard realestate">
<div>
<div class="practice">Practice 02 of 03</div>
<h2>Real Estate</h2>
<div class="sub">Short-term & Long-term Rentals</div>
<div class="desc">From a single Airbnb to a 200-door portfolio. Our BSEs cover guest inboxes overnight, screen tenants, dispatch vendors, and keep your OTA channel manager honest.</div>
<div class="pill-row">
<span class="pill">Hospitable</span><span class="pill">Guesty</span><span class="pill">Buildium</span><span class="pill">AppFolio</span><span class="pill">Airbnb · VRBO</span>
</div>
<div class="compliance"><span class="dot"></span>24/7 Inbox Coverage</div>
</div>
<div class="panel">
<div class="label">What our real-estate BSEs handle</div>
<h3>Guests, tenants, owners. Inbox to inbox.</h3>
<ul>
<li>Short-term rental guest comms & review management</li>
<li>Long-term tenant onboarding & lease renewals</li>
<li>Calendar & channel-manager hygiene</li>
<li>Maintenance ticket triage & vendor coordination</li>
<li>Listing copy, photo prep & OTA optimization</li>
<li>Owner reporting & monthly statements</li>
</ul>
</div>
</div>
<div class="icard carrental">
<div>
<div class="practice">Practice 03 of 03</div>
<h2>Car Rental</h2>
<div class="sub">Fleet Operations · Turo · HyreCar</div>
<div class="desc">Built with our sister brand Veteran Investment Property. Keep your fleet booked, clean, and accounted for — without managing the inbox at midnight yourself.</div>
<div class="pill-row">
<span class="pill">Turo</span><span class="pill">HyreCar</span><span class="pill">Getaround</span><span class="pill">Custom Stack</span>
</div>
<div class="compliance"><span class="dot"></span>Fleet-Ready Coverage</div>
</div>
<div class="panel">
<div class="label">What our fleet BSEs handle</div>
<h3>Booking to handoff. Six workflows.</h3>
<ul>
<li>Booking platform inbox (Turo / HyreCar)</li>
<li>Trip handoff, photo & ID verification</li>
<li>Damage claims & insurance follow-through</li>
<li>Cleaning & maintenance scheduling</li>
<li>Toll & ticket reconciliation</li>
<li>Owner P&L, utilization & pricing reports</li>
</ul>
</div>
</div>
</div>
</div>
</section>
<section class="standard" id="standard">
<div class="wrap">
<div class="std-grid">
<div>
<span class="eyebrow">The Professional Standard</span>
<h2 style="margin-top:14px">The kind of background check your compliance officer signs off on.</h2>
<p style="color:var(--ink-soft);max-width:520px;margin-top:14px">
Every Business Support Executive at MRD goes through three layers of clearance
before they ever touch a client account — the same diligence our parent company
applies to its Direct Support Professionals.
</p>
<div class="std-list">
<div class="std-item">
<div class="badge">B</div>
<div><h3>Bonded</h3><p>Surety bond protection on every active seat. If something goes wrong, you're covered — not exposed.</p></div>
</div>
<div class="std-item green">
<div class="badge">I</div>
<div><h3>Insured</h3><p>General liability and professional indemnity carried at the company level. Your contract sits behind real coverage.</p></div>
</div>
<div class="std-item sky">
<div class="badge">N</div>
<div><h3>NBI Background Check</h3><p>Every VA holds a current Philippine National Bureau of Investigation clearance — the national criminal background standard.</p></div>
</div>
</div>
</div>
<div class="std-photo">
<img src="assets/rod-speaking.jpg" alt="MRD leadership at MRD Cares community service event"/>
<div class="tag">MRD CARES · COMMUNITY SERVICE · 08.2025</div>
</div>
</div>
</div>
</section>
<section id="leaders">
<div class="wrap">
<div class="head">
<div>
<span class="eyebrow">Meet the Leadership Suite</span>
<h2 style="margin-top:14px">Servant leaders.<br/>On both sides of the Pacific.</h2>
</div>
<div class="right">
The MRD leadership team blends Oklahoma stewardship with Philippine operations
excellence — guided by our shared values: Faith, Inspiration, Responsibility,
Resources, Respect, and Excellence (F.I.R³.E).
</div>
</div>
<div class="leader-grid">
<div class="lcard">
<div class="photo"><div class="ph-placeholder">[ Portrait ]<br/>Rod Doyle<br/>4:5 hi-res</div></div>
<div class="meta">
<div class="nm">Rod Doyle</div>
<div class="rl">President · CEO, M&R Doyle Holdings</div>
<div class="bio">Service-disabled veteran. Founded MRD on a calling to help families "Live Abundantly" through healthcare, childcare, and housing.</div>
</div>
</div>
<div class="lcard">
<div class="photo"><div class="ph-placeholder">[ Portrait ]<br/>Mia Doyle<br/>4:5 hi-res</div></div>
<div class="meta">
<div class="nm">Mia Doyle</div>
<div class="rl">Chief Stewardship Officer</div>
<div class="bio">Anchors the MRD family of companies in mission, culture, and community impact. Oversees stewardship of resources and people.</div>
</div>
</div>
<div class="lcard">
<div class="photo"><img src="assets/lady-bercadez-slide.jpg" alt="Lady Bercadez" style="object-position:80% center"/></div>
<div class="meta">
<div class="nm">Lady Bercadez</div>
<div class="rl">CEO · MRD VA Services</div>
<div class="bio">Rose from Executive Assistant to CEO. Leads the Philippine operation and serves as Chief of Staff of M&R Doyle Holdings.</div>
</div>
</div>
<div class="lcard">
<div class="photo"><div class="ph-placeholder">[ Portrait ]<br/>Julian Simmons<br/>4:5 hi-res</div></div>
<div class="meta">
<div class="nm">Julian Simmons</div>
<div class="rl">Chief Strategy & Operations Officer</div>
<div class="bio">Builds the operating system across healthcare, learning centers, property, and VA services. Translates strategy into SOPs.</div>
</div>
</div>
</div>
<div class="staff-section">
<span class="label">Key Staff Management · Business Support Executives</span>
<div class="staff-grid">
<div class="scard">
<div class="ph"><div style="background-image:url(assets/bse-grid.jpg);background-position:5% center"></div></div>
<div class="nm">Katrina Patanao</div><div class="rl">HR Manager</div>
</div>
<div class="scard">
<div class="ph"><div style="background-image:url(assets/bse-grid.jpg);background-position:27.5% center"></div></div>
<div class="nm">Lyssia Villareal</div><div class="rl">Marketing & SM Manager</div>
</div>
<div class="scard">
<div class="ph"><div style="background-image:url(assets/bse-grid.jpg);background-position:50% center"></div></div>
<div class="nm">Ninna Diangson</div><div class="rl">Finance Supervisor</div>
</div>
<div class="scard">
<div class="ph"><div style="background-image:url(assets/bse-grid.jpg);background-position:72.5% center"></div></div>
<div class="nm">Geo Manzon</div><div class="rl">BizDev Analyst</div>
</div>
<div class="scard">
<div class="ph"><div style="background-image:url(assets/bse-grid.jpg);background-position:95% center"></div></div>
<div class="nm">Kent Perania</div><div class="rl">Board Lead</div>
</div>
</div>
</div>
</div>
</section>
<section class="gallery" id="gallery">
<div class="wrap">
<div class="head">
<div>
<span class="eyebrow light">BSEs in Action</span>
<h2 style="margin-top:14px">A team that shows up<br/>for the community.</h2>
</div>
<div class="right">
The MRD Dream Team isn't just a hiring brand. Every quarter our Business Support
Executives gather for community service, cross-cultural learning, and family events.
This is what "Live Abundantly" looks like.
</div>
</div>
<div class="tabs" role="tablist">
<button class="tab active" data-tab="cs">Community Services</button>
<button class="tab" data-tab="xmas">Christmas Party 2025</button>
<button class="tab" data-tab="conf">Intl. Cultural Conference</button>
</div>
<div class="gal-grid" data-pane="cs">
<div class="tile s-7-2"><img src="assets/team-highlights.jpg" alt="MRD Cares team"/><div class="cap">MRD Cares · Sambulawan · August 2025</div></div>
<div class="tile s-5-2"><img src="assets/leaders-row.jpg" alt="Doyle family"/><div class="cap">The Doyle family on site</div></div>
<div class="tile s-5-2"><img src="assets/rod-speaking.jpg" alt="CEO address"/><div class="cap">Address by the CEO</div></div>
<div class="tile s-7-2"><img src="assets/certificate-presentation.jpg" alt="Certificate of appreciation"/><div class="cap">Certificate of Appreciation · Cavite LGU</div></div>
</div>
<div class="gal-grid" data-pane="xmas" hidden>
<div class="tile placeholder s-6-2"><div><span class="ico">▦</span>CHRISTMAS PARTY 2025<br/>group photo · 16:9 hero</div></div>
<div class="tile placeholder s-3-2"><div><span class="ico">▢</span>award reel</div></div>
<div class="tile placeholder s-3-2"><div><span class="ico">▢</span>dance floor</div></div>
<div class="tile placeholder s-4-1"><div><span class="ico">▤</span>raffle table</div></div>
<div class="tile placeholder s-4-1"><div><span class="ico">▤</span>dinner</div></div>
<div class="tile placeholder s-4-1"><div><span class="ico">▤</span>step-and-repeat</div></div>
<div class="tile placeholder s-12-2"><div><span class="ico">▥</span>panorama — entire BSE team in formal wear · 21:9</div></div>
</div>
<div class="gal-grid" data-pane="conf" hidden>
<div class="tile placeholder s-12-2"><div><span class="ico">▥</span>INTERNATIONAL CULTURAL CONFERENCE<br/>keynote stage · wide 21:9</div></div>
<div class="tile placeholder s-4-2"><div><span class="ico">▢</span>delegation arrival</div></div>
<div class="tile placeholder s-4-2"><div><span class="ico">▢</span>panel discussion</div></div>
<div class="tile placeholder s-4-2"><div><span class="ico">▢</span>cultural performance</div></div>
<div class="tile placeholder s-6-2"><div><span class="ico">▦</span>U.S. ↔ PH leadership handshake</div></div>
<div class="tile placeholder s-6-2"><div><span class="ico">▦</span>group photo with flags</div></div>
</div>
</div>
</section>
<section class="metrics">
<div class="wrap">
<div class="head">
<div>
<span class="eyebrow">Pricing & Onboarding</span>
<h2 style="margin-top:14px">One flat rate.<br/>Two business days.</h2>
</div>
<div class="right">
Stop pricing recruiters, stop interviewing freelancers. Tell us the role, the tools,
and the timezone — we'll have a trained BSE on your calendar before the week ends.
</div>
</div>
<div class="price-grid">
<div class="price-card">
<div class="tag">CLIENT RATE</div>
<div class="big">$12<small>–$13.50</small></div>
<div class="ratemeta">PER HOUR · USD · BILLED WEEKLY</div>
<div class="sub">All-in. Includes recruiting, training, supervision, replacement cover, bond and insurance.</div>
<ul>
<li>Dedicated U.S. account lead</li>
<li>Philippine team supervisor on every seat</li>
<li>Replacement cover within 5 business days</li>
<li>Monday.com project tracking included</li>
<li>Cancel any week — no annual lock-in</li>
</ul>
</div>
<div class="onboard">
<div class="label-h"><span class="eyebrow">The 48-Hour Onboarding</span></div>
<ul>
<li><div class="step">01</div><div><h4>Hour 0–4 · Discovery call</h4><p>30-minute call. Role scope, tools, timezone, success metric.</p></div></li>
<li><div class="step">02</div><div><h4>Hour 4–24 · Match & SOP draft</h4><p>We slot a pre-vetted BSE from the practice pool and draft your SOP.</p></div></li>
<li><div class="step">03</div><div><h4>Hour 24–40 · Tooling & access</h4><p>NDA signed, accounts provisioned, dual-factor auth in place.</p></div></li>
<li><div class="step">04</div><div><h4>Hour 40–48 · First deliverable</h4><p>Live work in your queue with your supervisor on Monday.com.</p></div></li>
</ul>
</div>
</div>
</div>
</section>
<section class="journey" id="journey">
<div class="wrap">
<div class="journey-card">
<div>
<span class="eyebrow">Start Your Journey</span>
<h2>Tell us who you are.<br/>We'll take it from there.</h2>
<p class="lede">Whether you're hiring a VA or applying to join the team, you're in the right place. Pick a path and we'll route your message correctly.</p>
<div class="promise-box">
<div class="k">PROMISE</div>
<div class="t">Replies within one business day — Oklahoma time.</div>
</div>
<div class="contact-lines">
<div>Email · careers@mrdholdingsva.com</div>
<div>Phone · +1 (405) 769-3688</div>
</div>
</div>
<div>
<div class="toggle" role="tablist">
<button class="active" data-form="client"><span class="ico">$</span> I'm a Client</button>
<button data-form="applicant"><span class="ico">⌖</span> I'm an Applicant</button>
</div>
<form class="form-grid" data-form-pane="client" onsubmit="event.preventDefault();alert('Thanks — we will reply within one business day.');">
<div class="field"><label>First name</label><input type="text" required placeholder="Jane"/></div>
<div class="field"><label>Last name</label><input type="text" required placeholder="Doe"/></div>
<div class="field"><label>Work email</label><input type="email" required placeholder="jane@company.com"/></div>
<div class="field"><label>Company</label><input type="text" required placeholder="Acme Healthcare"/></div>
<div class="field"><label>Business type</label>
<select>
<option>Healthcare · IDD / Child Learning</option>
<option>Healthcare · Clinic / Billing</option>
<option>Real Estate · Short-term rentals</option>
<option>Real Estate · Long-term / Property mgmt</option>
<option>Car Rental · Fleet operator</option>
<option>Other</option>
</select>
</div>
<div class="field"><label>How many seats?</label>
<select><option>1 seat</option><option>2 – 3 seats</option><option>4 – 10 seats</option><option>10+ seats</option><option>Just exploring</option></select>
</div>
<div class="field full"><label>What's the bottleneck right now?</label><textarea placeholder="e.g. claims AR follow-up is 60+ days, our STR inbox is missing reservations overnight…"></textarea></div>
<div class="field full"><label>Schedule a discovery call</label>
<select><option>Send me three time options</option><option>Tomorrow, morning CT</option><option>Tomorrow, afternoon CT</option><option>This week, any time</option><option>Next week is fine</option></select>
</div>
<div class="form-foot full">
<div class="note">By submitting you agree to our outreach for this inquiry only. No mailing list.</div>
<button class="btn btn-dark" type="submit">Request my VA <span class="arrow">→</span></button>
</div>
</form>
<form class="form-grid" data-form-pane="applicant" hidden onsubmit="event.preventDefault();alert('Maraming salamat! Our HR team will reach out within one business day.');">
<div class="field"><label>Full name</label><input type="text" required placeholder="Juan dela Cruz"/></div>
<div class="field"><label>Email</label><input type="email" required placeholder="you@email.com"/></div>
<div class="field"><label>Phone (mobile)</label><input type="text" required placeholder="+63 9xx xxx xxxx"/></div>
<div class="field"><label>City & province</label><input type="text" required placeholder="Quezon City · NCR"/></div>
<div class="field"><label>Strongest skill area</label>
<select>
<option>Healthcare admin / Medical billing</option>
<option>Real estate / STR / Property mgmt</option>
<option>Car rental / Fleet ops</option>
<option>Bookkeeping / Finance</option>
<option>HR / Recruiting</option>
<option>Marketing / Social media</option>
<option>Customer support / Inside sales</option>
<option>Executive assistance</option>
</select>
</div>
<div class="field"><label>Years of experience</label>
<select><option>Less than 1 year</option><option>1 – 2 years</option><option>3 – 5 years</option><option>5+ years</option></select>
</div>
<div class="field"><label>NBI clearance status</label>
<select><option>Active & current</option><option>Expired — willing to renew</option><option>Never applied — willing to apply</option></select>
</div>
<div class="field"><label>Internet speed (Mbps)</label>
<select><option>25+ Mbps fiber</option><option>10 – 25 Mbps</option><option>Less than 10 Mbps</option></select>
</div>
<div class="field full"><label>Tell us about a result you're proud of</label><textarea placeholder="A claim you recovered, an inbox you tamed, a guest review you rescued — anything you led."></textarea></div>
<div class="form-foot full">
<div class="note">Applications reviewed by our HR Manager Katrina Patanao.</div>
<button class="btn btn-dark" type="submit">Apply to the team <span class="arrow">→</span></button>
</div>
</form>
</div>
</div>
</div>
</section>
<footer>
<div class="wrap">
<div class="foot-grid">
<div class="col-brand">
<div class="foot-brand">
<img src="assets/logo.jpg" alt="MRD Holdings VA Services"/>
<div>
<div class="name">MRD Holdings VA Services</div>
<div class="sub">Live Abundantly</div>
<p>Reliable, mission-driven virtual assistance for U.S. healthcare, real-estate, and car-rental operators. A subsidiary of M&R Doyle Holdings, Inc.</p>
<div class="social">
<a href="https://www.facebook.com/profile.php?id=61575440815942" target="_blank" rel="noopener" title="Facebook">Fb</a>
<a href="#" title="LinkedIn">In</a>
<a href="#" title="Instagram">Ig</a>
</div>
</div>
</div>
</div>
<div>
<h5>Services</h5>
<ul>
<li><a href="#industries">Healthcare VA</a></li>
<li><a href="#industries">Real Estate VA</a></li>
<li><a href="#industries">Car Rental VA</a></li>
<li><a href="#services">Managed Seat</a></li>
</ul>
</div>
<div>
<h5>Company</h5>
<ul>
<li><a href="#leaders">Leadership</a></li>
<li><a href="#gallery">BSEs in Action</a></li>
<li><a href="#standard">The Standard</a></li>
<li><a href="#journey">Apply / Hire</a></li>
</ul>
</div>
<div>
<h5>Visit · OKC HQ</h5>
<div class="addr-foot">
M&R Doyle Holdings, Inc.<br/>
14516 Bogert Pkwy, Suite A<br/>
Oklahoma City, OK 73134 · USA<br/><br/>
+1 (405) 769-3688<br/>
careers@mrdholdingsva.com
</div>
</div>
</div>
<div class="copyline">
<div>© 2026 M&R Doyle Holdings, Inc. · MRD Holdings VA Services. All rights reserved.</div>
<div class="mono">SDVOSB · FAITH · INSPIRATION · R³ · EXCELLENCE</div>
</div>
</div>
</footer>
<script>
const tabs = document.querySelectorAll('.tab');
const panes = document.querySelectorAll('[data-pane]');
tabs.forEach(t => t.addEventListener('click', () => {
tabs.forEach(x => x.classList.remove('active'));
t.classList.add('active');
panes.forEach(p => p.hidden = p.dataset.pane !== t.dataset.tab);
}));
const tBtns = document.querySelectorAll('.toggle button');
const fPanes = document.querySelectorAll('[data-form-pane]');
tBtns.forEach(b => b.addEventListener('click', () => {
tBtns.forEach(x => x.classList.remove('active'));
b.classList.add('active');
fPanes.forEach(p => p.hidden = p.dataset.formPane !== b.dataset.form);
}));
</script>
</body>
</html>
That’s the whole page — fonts load from Google Fonts, all styles in the single <style> block, interactivity in the one <script>. Drop your real images into an assets/ folder (or swap the paths) and it’s embed-ready.
The user already changed the hero text to “A done-for you team” in the source. Edit 1 is effectively done. Now I just need to wrap that phrase in a green (#9be37e) span. Let me read the exact hero block.
Let me apply it directly via script to avoid whitespace mismatch.
Found it — the spaces are non-breaking spaces (\u00A0), not regular spaces. That’s why the match kept failing.Done. Both edits are now in the source:
<span style="color:#9be37e">A done-for you team </span> so it renders in the brand green inside the hero headline.The tricky part was that the spaces around the phrase were non-breaking spaces, which is why the plain-text match wouldn’t catch — handled now. Since this page has no script that regenerates the hero, the change is stable on reload.
Save as standalone HTML: MRD VA Services – Responsive.html